Last active
April 10, 2019 02:07
-
-
Save TuanMinPay/c01ffd58db4f1463790ef4419f7d1d49 to your computer and use it in GitHub Desktop.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
@charset "UTF-8"; | |
@import url(https://fonts.googleapis.com/css?family=Heebo:100,300,400,500,700,800,900); | |
@import url(https://fonts.googleapis.com/css?family=Playfair+Display:400,700,900); | |
.bg-dark .bg-white, | |
.bg-dark div[class*=' bg-white-0'], | |
.bg-dark div[class^=bg-white-0], | |
.bg-dark-lighter .bg-white, | |
.bg-dark-lighter div[class*=' bg-white-0'], | |
.bg-dark-lighter div[class^=bg-white-0], | |
.bg-dark-lightest .bg-white, | |
.bg-dark-lightest div[class*=' bg-white-0'], | |
.bg-dark-lightest div[class^=bg-white-0], | |
.bg-light, | |
.bg-secondary, | |
.bg-white, | |
.bg-white-01, | |
.bg-white-02, | |
.bg-white-03, | |
.bg-white-04, | |
.bg-white-05, | |
.bg-white-06, | |
.bg-white-07, | |
.bg-white-08, | |
.bg-white-09, | |
.bg-white-content, | |
div[class*=' bg-black'] .bg-white, | |
div[class*=' bg-black'] div[class*=' bg-white-0'], | |
div[class*=' bg-black'] div[class^=bg-white-0], | |
div[class^=bg-black] .bg-white, | |
div[class^=bg-black] div[class*=' bg-white-0'], | |
div[class^=bg-black] div[class^=bg-white-0] { | |
color: #646464 | |
} | |
.bg-dark .bg-white h1, | |
.bg-dark .bg-white h2, | |
.bg-dark .bg-white h3, | |
.bg-dark .bg-white h4, | |
.bg-dark .bg-white h5, | |
.bg-dark .bg-white h6, | |
.bg-dark div[class*=' bg-white-0'] h1, | |
.bg-dark div[class*=' bg-white-0'] h2, | |
.bg-dark div[class*=' bg-white-0'] h3, | |
.bg-dark div[class*=' bg-white-0'] h4, | |
.bg-dark div[class*=' bg-white-0'] h5, | |
.bg-dark div[class*=' bg-white-0'] h6, | |
.bg-dark div[class^=bg-white-0] h1, | |
.bg-dark div[class^=bg-white-0] h2, | |
.bg-dark div[class^=bg-white-0] h3, | |
.bg-dark div[class^=bg-white-0] h4, | |
.bg-dark div[class^=bg-white-0] h5, | |
.bg-dark div[class^=bg-white-0] h6, | |
.bg-dark-lighter .bg-white h1, | |
.bg-dark-lighter .bg-white h2, | |
.bg-dark-lighter .bg-white h3, | |
.bg-dark-lighter .bg-white h4, | |
.bg-dark-lighter .bg-white h5, | |
.bg-dark-lighter .bg-white h6, | |
.bg-dark-lighter div[class*=' bg-white-0'] h1, | |
.bg-dark-lighter div[class*=' bg-white-0'] h2, | |
.bg-dark-lighter div[class*=' bg-white-0'] h3, | |
.bg-dark-lighter div[class*=' bg-white-0'] h4, | |
.bg-dark-lighter div[class*=' bg-white-0'] h5, | |
.bg-dark-lighter div[class*=' bg-white-0'] h6, | |
.bg-dark-lighter div[class^=bg-white-0] h1, | |
.bg-dark-lighter div[class^=bg-white-0] h2, | |
.bg-dark-lighter div[class^=bg-white-0] h3, | |
.bg-dark-lighter div[class^=bg-white-0] h4, | |
.bg-dark-lighter div[class^=bg-white-0] h5, | |
.bg-dark-lighter div[class^=bg-white-0] h6, | |
.bg-dark-lightest .bg-white h1, | |
.bg-dark-lightest .bg-white h2, | |
.bg-dark-lightest .bg-white h3, | |
.bg-dark-lightest .bg-white h4, | |
.bg-dark-lightest .bg-white h5, | |
.bg-dark-lightest .bg-white h6, | |
.bg-dark-lightest div[class*=' bg-white-0'] h1, | |
.bg-dark-lightest div[class*=' bg-white-0'] h2, | |
.bg-dark-lightest div[class*=' bg-white-0'] h3, | |
.bg-dark-lightest div[class*=' bg-white-0'] h4, | |
.bg-dark-lightest div[class*=' bg-white-0'] h5, | |
.bg-dark-lightest div[class*=' bg-white-0'] h6, | |
.bg-dark-lightest div[class^=bg-white-0] h1, | |
.bg-dark-lightest div[class^=bg-white-0] h2, | |
.bg-dark-lightest div[class^=bg-white-0] h3, | |
.bg-dark-lightest div[class^=bg-white-0] h4, | |
.bg-dark-lightest div[class^=bg-white-0] h5, | |
.bg-dark-lightest div[class^=bg-white-0] h6, | |
.bg-light h1, | |
.bg-light h2, | |
.bg-light h3, | |
.bg-light h4, | |
.bg-light h5, | |
.bg-light h6, | |
.bg-secondary h1, | |
.bg-secondary h2, | |
.bg-secondary h3, | |
.bg-secondary h4, | |
.bg-secondary h5, | |
.bg-secondary h6, | |
.bg-white h1, | |
.bg-white h2, | |
.bg-white h3, | |
.bg-white h4, | |
.bg-white h5, | |
.bg-white h6, | |
.bg-white-01 h1, | |
.bg-white-01 h2, | |
.bg-white-01 h3, | |
.bg-white-01 h4, | |
.bg-white-01 h5, | |
.bg-white-01 h6, | |
.bg-white-02 h1, | |
.bg-white-02 h2, | |
.bg-white-02 h3, | |
.bg-white-02 h4, | |
.bg-white-02 h5, | |
.bg-white-02 h6, | |
.bg-white-03 h1, | |
.bg-white-03 h2, | |
.bg-white-03 h3, | |
.bg-white-03 h4, | |
.bg-white-03 h5, | |
.bg-white-03 h6, | |
.bg-white-04 h1, | |
.bg-white-04 h2, | |
.bg-white-04 h3, | |
.bg-white-04 h4, | |
.bg-white-04 h5, | |
.bg-white-04 h6, | |
.bg-white-05 h1, | |
.bg-white-05 h2, | |
.bg-white-05 h3, | |
.bg-white-05 h4, | |
.bg-white-05 h5, | |
.bg-white-05 h6, | |
.bg-white-06 h1, | |
.bg-white-06 h2, | |
.bg-white-06 h3, | |
.bg-white-06 h4, | |
.bg-white-06 h5, | |
.bg-white-06 h6, | |
.bg-white-07 h1, | |
.bg-white-07 h2, | |
.bg-white-07 h3, | |
.bg-white-07 h4, | |
.bg-white-07 h5, | |
.bg-white-07 h6, | |
.bg-white-08 h1, | |
.bg-white-08 h2, | |
.bg-white-08 h3, | |
.bg-white-08 h4, | |
.bg-white-08 h5, | |
.bg-white-08 h6, | |
.bg-white-09 h1, | |
.bg-white-09 h2, | |
.bg-white-09 h3, | |
.bg-white-09 h4, | |
.bg-white-09 h5, | |
.bg-white-09 h6, | |
.bg-white-content h1, | |
.bg-white-content h2, | |
.bg-white-content h3, | |
.bg-white-content h4, | |
.bg-white-content h5, | |
.bg-white-content h6, | |
div[class*=' bg-black'] .bg-white h1, | |
div[class*=' bg-black'] .bg-white h2, | |
div[class*=' bg-black'] .bg-white h3, | |
div[class*=' bg-black'] .bg-white h4, | |
div[class*=' bg-black'] .bg-white h5, | |
div[class*=' bg-black'] .bg-white h6, | |
div[class*=' bg-black'] div[class*=' bg-white-0'] h1, | |
div[class*=' bg-black'] div[class*=' bg-white-0'] h2, | |
div[class*=' bg-black'] div[class*=' bg-white-0'] h3, | |
div[class*=' bg-black'] div[class*=' bg-white-0'] h4, | |
div[class*=' bg-black'] div[class*=' bg-white-0'] h5, | |
div[class*=' bg-black'] div[class*=' bg-white-0'] h6, | |
div[class*=' bg-black'] div[class^=bg-white-0] h1, | |
div[class*=' bg-black'] div[class^=bg-white-0] h2, | |
div[class*=' bg-black'] div[class^=bg-white-0] h3, | |
div[class*=' bg-black'] div[class^=bg-white-0] h4, | |
div[class*=' bg-black'] div[class^=bg-white-0] h5, | |
div[class*=' bg-black'] div[class^=bg-white-0] h6, | |
div[class^=bg-black] .bg-white h1, | |
div[class^=bg-black] .bg-white h2, | |
div[class^=bg-black] .bg-white h3, | |
div[class^=bg-black] .bg-white h4, | |
div[class^=bg-black] .bg-white h5, | |
div[class^=bg-black] .bg-white h6, | |
div[class^=bg-black] div[class*=' bg-white-0'] h1, | |
div[class^=bg-black] div[class*=' bg-white-0'] h2, | |
div[class^=bg-black] div[class*=' bg-white-0'] h3, | |
div[class^=bg-black] div[class*=' bg-white-0'] h4, | |
div[class^=bg-black] div[class*=' bg-white-0'] h5, | |
div[class^=bg-black] div[class*=' bg-white-0'] h6, | |
div[class^=bg-black] div[class^=bg-white-0] h1, | |
div[class^=bg-black] div[class^=bg-white-0] h2, | |
div[class^=bg-black] div[class^=bg-white-0] h3, | |
div[class^=bg-black] div[class^=bg-white-0] h4, | |
div[class^=bg-black] div[class^=bg-white-0] h5, | |
div[class^=bg-black] div[class^=bg-white-0] h6 { | |
color: #141414 | |
} | |
.bg-dark .bg-white a, | |
.bg-dark div[class*=' bg-white-0'] a, | |
.bg-dark div[class^=bg-white-0] a, | |
.bg-dark-lighter .bg-white a, | |
.bg-dark-lighter div[class*=' bg-white-0'] a, | |
.bg-dark-lighter div[class^=bg-white-0] a, | |
.bg-dark-lightest .bg-white a, | |
.bg-dark-lightest div[class*=' bg-white-0'] a, | |
.bg-dark-lightest div[class^=bg-white-0] a, | |
.bg-light a, | |
.bg-secondary a, | |
.bg-white a, | |
.bg-white-01 a, | |
.bg-white-02 a, | |
.bg-white-03 a, | |
.bg-white-04 a, | |
.bg-white-05 a, | |
.bg-white-06 a, | |
.bg-white-07 a, | |
.bg-white-08 a, | |
.bg-white-09 a, | |
.bg-white-content a, | |
div[class*=' bg-black'] .bg-white a, | |
div[class*=' bg-black'] div[class*=' bg-white-0'] a, | |
div[class*=' bg-black'] div[class^=bg-white-0] a, | |
div[class^=bg-black] .bg-white a, | |
div[class^=bg-black] div[class*=' bg-white-0'] a, | |
div[class^=bg-black] div[class^=bg-white-0] a { | |
color: #141414 | |
} | |
.bg-dark div[class*=' bg-white-0'] a:focus, | |
.bg-dark div[class*=' bg-white-0'] a:hover, | |
.bg-dark div[class^=bg-white-0] a:focus, | |
.bg-dark div[class^=bg-white-0] a:hover, | |
.bg-dark-lighter div[class*=' bg-white-0'] a:focus, | |
.bg-dark-lighter div[class*=' bg-white-0'] a:hover, | |
.bg-dark-lighter div[class^=bg-white-0] a:focus, | |
.bg-dark-lighter div[class^=bg-white-0] a:hover, | |
.bg-dark-lightest div[class*=' bg-white-0'] a:focus, | |
.bg-dark-lightest div[class*=' bg-white-0'] a:hover, | |
.bg-dark-lightest div[class^=bg-white-0] a:focus, | |
.bg-dark-lightest div[class^=bg-white-0] a:hover, | |
.bg-light a:focus, | |
.bg-light a:hover, | |
.bg-secondary a:focus, | |
.bg-secondary a:hover, | |
.bg-white a:focus, | |
.bg-white a:hover, | |
.bg-white-01 a:focus, | |
.bg-white-01 a:hover, | |
.bg-white-02 a:focus, | |
.bg-white-02 a:hover, | |
.bg-white-03 a:focus, | |
.bg-white-03 a:hover, | |
.bg-white-04 a:focus, | |
.bg-white-04 a:hover, | |
.bg-white-05 a:focus, | |
.bg-white-05 a:hover, | |
.bg-white-06 a:focus, | |
.bg-white-06 a:hover, | |
.bg-white-07 a:focus, | |
.bg-white-07 a:hover, | |
.bg-white-08 a:focus, | |
.bg-white-08 a:hover, | |
.bg-white-09 a:focus, | |
.bg-white-09 a:hover, | |
.bg-white-content a:focus, | |
.bg-white-content a:hover, | |
div[class*=' bg-black'] div[class*=' bg-white-0'] a:focus, | |
div[class*=' bg-black'] div[class*=' bg-white-0'] a:hover, | |
div[class*=' bg-black'] div[class^=bg-white-0] a:focus, | |
div[class*=' bg-black'] div[class^=bg-white-0] a:hover, | |
div[class^=bg-black] div[class*=' bg-white-0'] a:focus, | |
div[class^=bg-black] div[class*=' bg-white-0'] a:hover, | |
div[class^=bg-black] div[class^=bg-white-0] a:focus, | |
div[class^=bg-black] div[class^=bg-white-0] a:hover { | |
color: #646464 | |
} | |
.bg-black, | |
.bg-black-01, | |
.bg-black-02, | |
.bg-black-03, | |
.bg-black-04, | |
.bg-black-05, | |
.bg-black-06, | |
.bg-black-07, | |
.bg-black-08, | |
.bg-black-09, | |
.bg-dark, | |
.bg-dark-content, | |
.bg-dark-lighter, | |
.bg-dark-lightest { | |
color: rgba(255, 255, 255, .6) | |
} | |
.bg-black h1, | |
.bg-black h2, | |
.bg-black h3, | |
.bg-black h4, | |
.bg-black h5, | |
.bg-black h6, | |
.bg-black-01 h1, | |
.bg-black-01 h2, | |
.bg-black-01 h3, | |
.bg-black-01 h4, | |
.bg-black-01 h5, | |
.bg-black-01 h6, | |
.bg-black-02 h1, | |
.bg-black-02 h2, | |
.bg-black-02 h3, | |
.bg-black-02 h4, | |
.bg-black-02 h5, | |
.bg-black-02 h6, | |
.bg-black-03 h1, | |
.bg-black-03 h2, | |
.bg-black-03 h3, | |
.bg-black-03 h4, | |
.bg-black-03 h5, | |
.bg-black-03 h6, | |
.bg-black-04 h1, | |
.bg-black-04 h2, | |
.bg-black-04 h3, | |
.bg-black-04 h4, | |
.bg-black-04 h5, | |
.bg-black-04 h6, | |
.bg-black-05 h1, | |
.bg-black-05 h2, | |
.bg-black-05 h3, | |
.bg-black-05 h4, | |
.bg-black-05 h5, | |
.bg-black-05 h6, | |
.bg-black-06 h1, | |
.bg-black-06 h2, | |
.bg-black-06 h3, | |
.bg-black-06 h4, | |
.bg-black-06 h5, | |
.bg-black-06 h6, | |
.bg-black-07 h1, | |
.bg-black-07 h2, | |
.bg-black-07 h3, | |
.bg-black-07 h4, | |
.bg-black-07 h5, | |
.bg-black-07 h6, | |
.bg-black-08 h1, | |
.bg-black-08 h2, | |
.bg-black-08 h3, | |
.bg-black-08 h4, | |
.bg-black-08 h5, | |
.bg-black-08 h6, | |
.bg-black-09 h1, | |
.bg-black-09 h2, | |
.bg-black-09 h3, | |
.bg-black-09 h4, | |
.bg-black-09 h5, | |
.bg-black-09 h6, | |
.bg-dark h1, | |
.bg-dark h2, | |
.bg-dark h3, | |
.bg-dark h4, | |
.bg-dark h5, | |
.bg-dark h6, | |
.bg-dark-content h1, | |
.bg-dark-content h2, | |
.bg-dark-content h3, | |
.bg-dark-content h4, | |
.bg-dark-content h5, | |
.bg-dark-content h6, | |
.bg-dark-lighter h1, | |
.bg-dark-lighter h2, | |
.bg-dark-lighter h3, | |
.bg-dark-lighter h4, | |
.bg-dark-lighter h5, | |
.bg-dark-lighter h6, | |
.bg-dark-lightest h1, | |
.bg-dark-lightest h2, | |
.bg-dark-lightest h3, | |
.bg-dark-lightest h4, | |
.bg-dark-lightest h5, | |
.bg-dark-lightest h6 { | |
color: #fff | |
} | |
.bg-black a, | |
.bg-black-01 a, | |
.bg-black-02 a, | |
.bg-black-03 a, | |
.bg-black-04 a, | |
.bg-black-05 a, | |
.bg-black-06 a, | |
.bg-black-07 a, | |
.bg-black-08 a, | |
.bg-black-09 a, | |
.bg-dark a, | |
.bg-dark-content a, | |
.bg-dark-lighter a, | |
.bg-dark-lightest a { | |
color: rgba(255, 255, 255, .7) | |
} | |
.bg-black a:focus, | |
.bg-black a:hover, | |
.bg-black-01 a:focus, | |
.bg-black-01 a:hover, | |
.bg-black-02 a:focus, | |
.bg-black-02 a:hover, | |
.bg-black-03 a:focus, | |
.bg-black-03 a:hover, | |
.bg-black-04 a:focus, | |
.bg-black-04 a:hover, | |
.bg-black-05 a:focus, | |
.bg-black-05 a:hover, | |
.bg-black-06 a:focus, | |
.bg-black-06 a:hover, | |
.bg-black-07 a:focus, | |
.bg-black-07 a:hover, | |
.bg-black-08 a:focus, | |
.bg-black-08 a:hover, | |
.bg-black-09 a:focus, | |
.bg-black-09 a:hover, | |
.bg-dark a:focus, | |
.bg-dark a:hover, | |
.bg-dark-content a:focus, | |
.bg-dark-content a:hover, | |
.bg-dark-lighter a:focus, | |
.bg-dark-lighter a:hover, | |
.bg-dark-lightest a:focus, | |
.bg-dark-lightest a:hover { | |
color: #fff | |
} | |
.bg-transparent { | |
background: 0 0!important | |
} | |
.bg-white { | |
background: #fff!important | |
} | |
.bg-white-09 { | |
background: rgba(255, 255, 255, .9)!important | |
} | |
.bg-white-08 { | |
background: rgba(255, 255, 255, .8)!important | |
} | |
.bg-white-07 { | |
background: rgba(255, 255, 255, .7)!important | |
} | |
.bg-white-06 { | |
background: rgba(255, 255, 255, .6)!important | |
} | |
.bg-white-05 { | |
background: rgba(255, 255, 255, .5)!important | |
} | |
.bg-white-04 { | |
background: rgba(255, 255, 255, .4)!important | |
} | |
.bg-white-03 { | |
background: rgba(255, 255, 255, .3)!important | |
} | |
.bg-white-02 { | |
background: rgba(255, 255, 255, .2)!important | |
} | |
.bg-white-01 { | |
background: rgba(255, 255, 255, .1)!important | |
} | |
.bg-black { | |
background: #000!important | |
} | |
.bg-black-09 { | |
background: rgba(0, 0, 0, .9)!important | |
} | |
.bg-black-08 { | |
background: rgba(0, 0, 0, .8)!important | |
} | |
.bg-black-07 { | |
background: rgba(0, 0, 0, .7)!important | |
} | |
.bg-black-06 { | |
background: rgba(0, 0, 0, .6)!important | |
} | |
.bg-black-05 { | |
background: rgba(0, 0, 0, .5)!important | |
} | |
.bg-black-04 { | |
background: rgba(0, 0, 0, .4)!important | |
} | |
.bg-black-03 { | |
background: rgba(0, 0, 0, .3)!important | |
} | |
.bg-black-02 { | |
background: rgba(0, 0, 0, .2)!important | |
} | |
.bg-black-01 { | |
background: rgba(0, 0, 0, .1)!important | |
} | |
.bg-dark-lighter { | |
background: #1b1b1b!important | |
} | |
.bg-dark-lightest { | |
background: #222!important | |
} | |
.bg-grey { | |
background: #f5f5f5!important | |
} | |
.bg-grey-lighter { | |
background: #f7f7f7!important | |
} | |
.bg-grey-lightest { | |
background: #f9f9f9!important | |
} | |
.bg-grey-gradient-top { | |
background-image: linear-gradient(to top, #e6e6e6, #f5f5f5) | |
} | |
.bg-grey-gradient-right { | |
background-image: linear-gradient(to right, #e6e6e6, #f5f5f5) | |
} | |
.bg-grey-gradient-bottom { | |
background-image: linear-gradient(to bottom, #e6e6e6, #f5f5f5) | |
} | |
.bg-grey-gradient-left { | |
background-image: linear-gradient(to left, #e6e6e6, #f5f5f5) | |
} | |
.bg-secondary { | |
background: #dcdcdc!important | |
} | |
.bg-light { | |
background: #f0f0f0!important | |
} | |
.bg-dark { | |
background: #141414!important | |
} | |
.font-family-primary { | |
font-family: Heebo, sans-serif | |
} | |
.font-family-playfair, | |
.font-family-secondary { | |
font-family: "Playfair Display", serif | |
} | |
.font-weight-thin { | |
font-weight: 100 | |
} | |
.font-weight-medium { | |
font-weight: 500 | |
} | |
.font-weight-extra-bold { | |
font-weight: 800 | |
} | |
.font-weight-black { | |
font-weight: 900 | |
} | |
.text-white-09 { | |
color: rgba(255, 255, 255, .9) | |
} | |
.text-white-08 { | |
color: rgba(255, 255, 255, .8) | |
} | |
.text-white-07 { | |
color: rgba(255, 255, 255, .7) | |
} | |
.text-white-06 { | |
color: rgba(255, 255, 255, .6) | |
} | |
.text-white-05 { | |
color: rgba(255, 255, 255, .5) | |
} | |
.text-white-04 { | |
color: rgba(255, 255, 255, .4) | |
} | |
.text-white-03 { | |
color: rgba(255, 255, 255, .3) | |
} | |
.text-white-02 { | |
color: rgba(255, 255, 255, .2) | |
} | |
.text-white-01 { | |
color: rgba(255, 255, 255, .1) | |
} | |
h1.text-white-09, | |
h2.text-white-09, | |
h3.text-white-09, | |
h4.text-white-09, | |
h5.text-white-09, | |
h6.text-white-09 { | |
color: rgba(255, 255, 255, .9) | |
} | |
h1.text-white-08, | |
h2.text-white-08, | |
h3.text-white-08, | |
h4.text-white-08, | |
h5.text-white-08, | |
h6.text-white-08 { | |
color: rgba(255, 255, 255, .8) | |
} | |
h1.text-white-07, | |
h2.text-white-07, | |
h3.text-white-07, | |
h4.text-white-07, | |
h5.text-white-07, | |
h6.text-white-07 { | |
color: rgba(255, 255, 255, .7) | |
} | |
h1.text-white-06, | |
h2.text-white-06, | |
h3.text-white-06, | |
h4.text-white-06, | |
h5.text-white-06, | |
h6.text-white-06 { | |
color: rgba(255, 255, 255, .6) | |
} | |
h1.text-white-05, | |
h2.text-white-05, | |
h3.text-white-05, | |
h4.text-white-05, | |
h5.text-white-05, | |
h6.text-white-05 { | |
color: rgba(255, 255, 255, .5) | |
} | |
h1.text-white-04, | |
h2.text-white-04, | |
h3.text-white-04, | |
h4.text-white-04, | |
h5.text-white-04, | |
h6.text-white-04 { | |
color: rgba(255, 255, 255, .4) | |
} | |
h1.text-white-03, | |
h2.text-white-03, | |
h3.text-white-03, | |
h4.text-white-03, | |
h5.text-white-03, | |
h6.text-white-03 { | |
color: rgba(255, 255, 255, .3) | |
} | |
h1.text-white-02, | |
h2.text-white-02, | |
h3.text-white-02, | |
h4.text-white-02, | |
h5.text-white-02, | |
h6.text-white-02 { | |
color: rgba(255, 255, 255, .2) | |
} | |
h1.text-white-01, | |
h2.text-white-01, | |
h3.text-white-01, | |
h4.text-white-01, | |
h5.text-white-01, | |
h6.text-white-01 { | |
color: rgba(255, 255, 255, .1) | |
} | |
.text-black { | |
color: #000 | |
} | |
.text-black-09 { | |
color: rgba(0, 0, 0, .9) | |
} | |
.text-black-08 { | |
color: rgba(0, 0, 0, .8) | |
} | |
.text-black-07 { | |
color: rgba(0, 0, 0, .7) | |
} | |
.text-black-06 { | |
color: rgba(0, 0, 0, .6) | |
} | |
.text-black-05 { | |
color: rgba(0, 0, 0, .5) | |
} | |
.text-black-04 { | |
color: rgba(0, 0, 0, .4) | |
} | |
.text-black-03 { | |
color: rgba(0, 0, 0, .3) | |
} | |
.text-black-02 { | |
color: rgba(0, 0, 0, .2) | |
} | |
.text-black-01 { | |
color: rgba(0, 0, 0, .1) | |
} | |
h1.text-black, | |
h2.text-black, | |
h3.text-black, | |
h4.text-black, | |
h5.text-black, | |
h6.text-black { | |
color: #000 | |
} | |
h1.text-black-09, | |
h2.text-black-09, | |
h3.text-black-09, | |
h4.text-black-09, | |
h5.text-black-09, | |
h6.text-black-09 { | |
color: rgba(0, 0, 0, .9) | |
} | |
h1.text-black-08, | |
h2.text-black-08, | |
h3.text-black-08, | |
h4.text-black-08, | |
h5.text-black-08, | |
h6.text-black-08 { | |
color: rgba(0, 0, 0, .8) | |
} | |
h1.text-black-07, | |
h2.text-black-07, | |
h3.text-black-07, | |
h4.text-black-07, | |
h5.text-black-07, | |
h6.text-black-07 { | |
color: rgba(0, 0, 0, .7) | |
} | |
h1.text-black-06, | |
h2.text-black-06, | |
h3.text-black-06, | |
h4.text-black-06, | |
h5.text-black-06, | |
h6.text-black-06 { | |
color: rgba(0, 0, 0, .6) | |
} | |
h1.text-black-05, | |
h2.text-black-05, | |
h3.text-black-05, | |
h4.text-black-05, | |
h5.text-black-05, | |
h6.text-black-05 { | |
color: rgba(0, 0, 0, .5) | |
} | |
h1.text-black-04, | |
h2.text-black-04, | |
h3.text-black-04, | |
h4.text-black-04, | |
h5.text-black-04, | |
h6.text-black-04 { | |
color: rgba(0, 0, 0, .4) | |
} | |
h1.text-black-03, | |
h2.text-black-03, | |
h3.text-black-03, | |
h4.text-black-03, | |
h5.text-black-03, | |
h6.text-black-03 { | |
color: rgba(0, 0, 0, .3) | |
} | |
h1.text-black-02, | |
h2.text-black-02, | |
h3.text-black-02, | |
h4.text-black-02, | |
h5.text-black-02, | |
h6.text-black-02 { | |
color: rgba(0, 0, 0, .2) | |
} | |
h1.text-black-01, | |
h2.text-black-01, | |
h3.text-black-01, | |
h4.text-black-01, | |
h5.text-black-01, | |
h6.text-black-01 { | |
color: rgba(0, 0, 0, .1) | |
} | |
.text-dark { | |
color: #141414!important | |
} | |
.text-decoration-overline { | |
text-decoration: overline | |
} | |
.text-decoration-line-through { | |
text-decoration: line-through | |
} | |
.text-decoration-underline { | |
text-decoration: underline | |
} | |
.text-decoration-underline-overline { | |
text-decoration: underline overline | |
} | |
a.text-decoration-overline:hover, | |
button.text-decoration-overline:hover { | |
text-decoration: overline | |
} | |
a.text-decoration-line-through:hover, | |
button.text-decoration-line-through:hover { | |
text-decoration: line-through | |
} | |
a.text-decoration-underline:hover, | |
button.text-decoration-underline:hover { | |
text-decoration: underline | |
} | |
a.text-decoration-underline-overline:hover, | |
button.text-decoration-underline-overline:hover { | |
text-decoration: underline overline | |
} | |
.border-all, | |
.border-bottom, | |
.border-left, | |
.border-right, | |
.border-top, | |
.border-x, | |
.border-y { | |
border-width: 0; | |
border-style: solid; | |
border-color: rgba(0, 0, 0, .1)!important | |
} | |
.border-all { | |
border-width: 1px | |
} | |
.border-y { | |
border-top-width: 1px; | |
border-bottom-width: 1px | |
} | |
.border-x { | |
border-right-width: 1px; | |
border-left-width: 1px | |
} | |
.border-top { | |
border-top-width: 1px | |
} | |
.border-right { | |
border-right-width: 1px | |
} | |
.border-bottom { | |
border-bottom-width: 1px | |
} | |
.border-left { | |
border-left-width: 1px | |
} | |
.no-border { | |
border: 0!important | |
} | |
.bg-dark .border-all, | |
.bg-dark .border-bottom, | |
.bg-dark .border-left, | |
.bg-dark .border-right, | |
.bg-dark .border-top, | |
.bg-dark .border-x, | |
.bg-dark .border-y, | |
.bg-dark-lighter .border-all, | |
.bg-dark-lighter .border-bottom, | |
.bg-dark-lighter .border-left, | |
.bg-dark-lighter .border-right, | |
.bg-dark-lighter .border-top, | |
.bg-dark-lighter .border-x, | |
.bg-dark-lighter .border-y, | |
.bg-dark-lightest .border-all, | |
.bg-dark-lightest .border-bottom, | |
.bg-dark-lightest .border-left, | |
.bg-dark-lightest .border-right, | |
.bg-dark-lightest .border-top, | |
.bg-dark-lightest .border-x, | |
.bg-dark-lightest .border-y, | |
div[class*=' bg-black'] .border-all, | |
div[class*=' bg-black'] .border-bottom, | |
div[class*=' bg-black'] .border-left, | |
div[class*=' bg-black'] .border-right, | |
div[class*=' bg-black'] .border-top, | |
div[class*=' bg-black'] .border-x, | |
div[class*=' bg-black'] .border-y, | |
div[class^=bg-black] .border-all, | |
div[class^=bg-black] .border-bottom, | |
div[class^=bg-black] .border-left, | |
div[class^=bg-black] .border-right, | |
div[class^=bg-black] .border-top, | |
div[class^=bg-black] .border-x, | |
div[class^=bg-black] .border-y { | |
border-color: rgba(255, 255, 255, .1)!important | |
} | |
.border-style-dotted { | |
border-style: dotted!important | |
} | |
.border-style-dashed { | |
border-style: dashed!important | |
} | |
.margin-top-10 { | |
margin-top: 10px!important | |
} | |
.margin-top-20 { | |
margin-top: 20px!important | |
} | |
.margin-top-30 { | |
margin-top: 30px!important | |
} | |
.margin-top-40 { | |
margin-top: 40px!important | |
} | |
.margin-top-50 { | |
margin-top: 50px!important | |
} | |
.margin-top-60 { | |
margin-top: 60px!important | |
} | |
.margin-top-70 { | |
margin-top: 70px!important | |
} | |
.margin-right-10 { | |
margin-right: 10px!important | |
} | |
.margin-right-20 { | |
margin-right: 20px!important | |
} | |
.margin-right-30 { | |
margin-right: 30px!important | |
} | |
.margin-left-10 { | |
margin-left: 10px!important | |
} | |
.margin-left-20 { | |
margin-left: 20px!important | |
} | |
.margin-left-30 { | |
margin-left: 30px!important | |
} | |
.margin-bottom-10 { | |
margin-bottom: 10px!important | |
} | |
.margin-bottom-20 { | |
margin-bottom: 20px!important | |
} | |
.margin-bottom-30 { | |
margin-bottom: 30px!important | |
} | |
.margin-bottom-40 { | |
margin-bottom: 40px!important | |
} | |
.margin-bottom-50 { | |
margin-bottom: 50px!important | |
} | |
.margin-bottom-60 { | |
margin-bottom: 60px!important | |
} | |
.margin-bottom-70 { | |
margin-bottom: 70px!important | |
} | |
.margin-0, | |
.no-margin { | |
margin: 0!important | |
} | |
.padding-10 { | |
padding: 10px!important | |
} | |
.padding-20 { | |
padding: 20px!important | |
} | |
.padding-30 { | |
padding: 30px!important | |
} | |
.padding-40 { | |
padding: 40px!important | |
} | |
.padding-50 { | |
padding: 50px!important | |
} | |
.padding-60 { | |
padding: 60px!important | |
} | |
.padding-70 { | |
padding: 70px!important | |
} | |
.no-padding, | |
.padding-0 { | |
padding: 0!important | |
} | |
.no-padding-top, | |
.padding-top-0 { | |
padding-top: 0!important | |
} | |
.no-padding-right, | |
.padding-right-0 { | |
padding-right: 0!important | |
} | |
.no-padding-bottom, | |
.padding-bottom-0 { | |
padding-bottom: 0!important | |
} | |
.no-padding-left, | |
.padding-left-0 { | |
padding-left: 0!important | |
} | |
body, | |
html { | |
width: 100%; | |
height: 100% | |
} | |
body { | |
overflow-x: hidden | |
} | |
a { | |
color: #141414; | |
-webkit-transition: linear .1s; | |
transition: linear .1s | |
} | |
a:hover { | |
color: #646464; | |
text-decoration: none | |
} | |
button { | |
background: 0 0; | |
box-shadow: none; | |
border: 0; | |
padding: 0; | |
cursor: pointer | |
} | |
a:active, | |
a:focus, | |
button:active, | |
button:focus { | |
box-shadow: none; | |
outline: 0 | |
} | |
.container, | |
.container-fluid { | |
position: relative; | |
padding: 0 20px | |
} | |
.row { | |
margin-bottom: -30px | |
} | |
.row div[class^=col-]:not(.row) { | |
margin-bottom: 30px | |
} | |
.row .form-row div[class^=col-] { | |
margin-bottom: 0 | |
} | |
@media (min-width:576px) { | |
.col-spacing-70 { | |
margin-right: -35px; | |
margin-bottom: -70px; | |
margin-left: -35px | |
} | |
.col-spacing-70 div[class^=col-]:not(.row) { | |
margin-bottom: 70px; | |
padding: 0 35px | |
} | |
.col-spacing-60 { | |
margin-right: -30px; | |
margin-bottom: -60px; | |
margin-left: -30px | |
} | |
.col-spacing-60 div[class^=col-]:not(.row) { | |
margin-bottom: 60px; | |
padding: 0 30px | |
} | |
.col-spacing-50 { | |
margin-right: -25px; | |
margin-bottom: -50px; | |
margin-left: -25px | |
} | |
.col-spacing-50 div[class^=col-]:not(.row) { | |
margin-bottom: 50px; | |
padding: 0 25px | |
} | |
.col-spacing-40 { | |
margin-right: -20px; | |
margin-bottom: -40px; | |
margin-left: -20px | |
} | |
.col-spacing-40 div[class^=col-]:not(.row) { | |
margin-bottom: 40px; | |
padding: 0 20px | |
} | |
.col-spacing-40 .row, | |
.col-spacing-50 .row, | |
.col-spacing-60 .row, | |
.col-spacing-70 .row { | |
margin-right: -15px; | |
margin-bottom: -30px; | |
margin-left: -15px | |
} | |
.col-spacing-40 .row div[class^=col-]:not(.row), | |
.col-spacing-50 .row div[class^=col-]:not(.row), | |
.col-spacing-60 .row div[class^=col-]:not(.row), | |
.col-spacing-70 .row div[class^=col-]:not(.row) { | |
margin-bottom: 30px; | |
padding: 0 15px | |
} | |
.col-spacing-40 .col-spacing-20, | |
.col-spacing-50 .col-spacing-20, | |
.col-spacing-60 .col-spacing-20, | |
.col-spacing-70 .col-spacing-20 { | |
margin-right: -10px; | |
margin-bottom: -20px; | |
margin-left: -10px | |
} | |
.col-spacing-40 .col-spacing-20 div[class^=col-]:not(.row), | |
.col-spacing-50 .col-spacing-20 div[class^=col-]:not(.row), | |
.col-spacing-60 .col-spacing-20 div[class^=col-]:not(.row), | |
.col-spacing-70 .col-spacing-20 div[class^=col-]:not(.row) { | |
margin-bottom: 20px; | |
padding: 0 10px | |
} | |
.col-spacing-40 .col-spacing-10, | |
.col-spacing-50 .col-spacing-10, | |
.col-spacing-60 .col-spacing-10, | |
.col-spacing-70 .col-spacing-10 { | |
margin-right: -5px; | |
margin-bottom: -10px; | |
margin-left: -5px | |
} | |
.col-spacing-40 .col-spacing-10 div[class^=col-]:not(.row), | |
.col-spacing-50 .col-spacing-10 div[class^=col-]:not(.row), | |
.col-spacing-60 .col-spacing-10 div[class^=col-]:not(.row), | |
.col-spacing-70 .col-spacing-10 div[class^=col-]:not(.row) { | |
margin-bottom: 10px; | |
padding: 0 5px | |
} | |
.col-spacing-40 .col-spacing-0, | |
.col-spacing-50 .col-spacing-0, | |
.col-spacing-60 .col-spacing-0, | |
.col-spacing-70 .col-spacing-0 { | |
margin-right: 0; | |
margin-bottom: 0; | |
margin-left: 0 | |
} | |
.col-spacing-40 .col-spacing-0 div[class^=col-]:not(.row), | |
.col-spacing-50 .col-spacing-0 div[class^=col-]:not(.row), | |
.col-spacing-60 .col-spacing-0 div[class^=col-]:not(.row), | |
.col-spacing-70 .col-spacing-0 div[class^=col-]:not(.row) { | |
margin-bottom: 0; | |
padding: 0 | |
} | |
} | |
.col-spacing-20 { | |
margin-right: -10px; | |
margin-bottom: -20px; | |
margin-left: -10px | |
} | |
.col-spacing-20 div[class^=col-]:not(.row) { | |
margin-bottom: 20px; | |
padding: 0 10px | |
} | |
.col-spacing-10 { | |
margin-right: -5px; | |
margin-bottom: -10px; | |
margin-left: -5px | |
} | |
.col-spacing-10 div[class^=col-]:not(.row) { | |
margin-bottom: 10px; | |
padding: 0 5px | |
} | |
.col-spacing-0 { | |
margin-right: 0; | |
margin-bottom: 0; | |
margin-left: 0 | |
} | |
.col-spacing-0 div[class^=col-]:not(.row) { | |
margin-bottom: 0; | |
padding: 0 | |
} | |
.position-middle { | |
position: relative; | |
top: 50%; | |
-webkit-transform: translateY(-50%); | |
transform: translateY(-50%); | |
margin: 0 auto | |
} | |
.position-bottom, | |
.position-top { | |
position: absolute; | |
left: 0; | |
width: 100% | |
} | |
.position-top { | |
top: 30px | |
} | |
.position-bottom { | |
bottom: 30px | |
} | |
.container-fluid .position-bottom, | |
.container-fluid .position-top { | |
padding: 0 10px | |
} | |
.container .position-bottom, | |
.container .position-top { | |
padding: 0 20px | |
} | |
.position-xl-left, | |
.position-xl-right { | |
position: relative; | |
-webkit-transform: translateX(0); | |
transform: translateX(0) | |
} | |
.position-left { | |
left: 0 | |
} | |
.position-right { | |
right: 0; | |
left: auto | |
} | |
.position-center { | |
position: absolute; | |
left: 50%; | |
-webkit-transform: translateX(-50%); | |
transform: translateX(-50%) | |
} | |
@media (min-width:1200px) { | |
.position-xl-left, | |
.position-xl-right { | |
position: relative; | |
-webkit-transform: translateX(0); | |
transform: translateX(0) | |
} | |
.position-xl-left { | |
left: 0 | |
} | |
.position-xl-right { | |
right: 0; | |
left: auto | |
} | |
.position-xl-center { | |
position: absolute; | |
left: 50%; | |
-webkit-transform: translateX(-50%); | |
transform: translateX(-50%) | |
} | |
} | |
@media (min-width:992px) { | |
.position-lg-left, | |
.position-lg-right { | |
position: relative; | |
-webkit-transform: translateX(0); | |
transform: translateX(0) | |
} | |
.position-lg-left { | |
left: 0 | |
} | |
.position-lg-right { | |
right: 0; | |
left: auto | |
} | |
.position-lg-center { | |
position: absolute; | |
left: 50%; | |
-webkit-transform: translateX(-50%); | |
transform: translateX(-50%) | |
} | |
} | |
@media (min-width:768px) { | |
.position-md-left, | |
.position-md-right { | |
position: relative; | |
-webkit-transform: translateX(0); | |
transform: translateX(0) | |
} | |
.position-md-left { | |
left: 0 | |
} | |
.position-md-right { | |
right: 0; | |
left: auto | |
} | |
.position-md-center { | |
position: absolute; | |
left: 50%; | |
-webkit-transform: translateX(-50%); | |
transform: translateX(-50%) | |
} | |
} | |
mark { | |
background: #f5f5f5; | |
color: #141414 | |
} | |
iframe { | |
width: 100%; | |
border: 0 | |
} | |
pre { | |
border: 1px solid rgba(0, 0, 0, .1); | |
border-radius: 5px; | |
padding: 0 20px; | |
color: #646464; | |
line-height: 28px | |
} | |
.bg-dark pre, | |
.bg-dark-lighter pre, | |
.bg-dark-lightest pre, | |
div[class*=' bg-black'] pre, | |
div[class^=bg-black] pre { | |
border-color: rgba(255, 255, 255, .2); | |
color: rgba(255, 255, 255, .6) | |
} | |
.card { | |
border: 1px solid rgba(0, 0, 0, .1) | |
} | |
.modal.fade .modal-dialog { | |
-webkit-transition: ease-out .2s; | |
transition: ease-out .2s; | |
-webkit-transform: translate(0) scale(.98); | |
transform: translate(0) scale(.98) | |
} | |
.modal.show .modal-dialog { | |
-webkit-transform: translate(0) scale(1); | |
transform: translate(0) scale(1) | |
} | |
.modal .modal-content { | |
-webkit-box-shadow: 0 0 30px 0 rgba(0, 0, 0, .3); | |
box-shadow: 0 0 30px 0 rgba(0, 0, 0, .3); | |
border: 0 | |
} | |
.modal .modal-content .modal-header { | |
border-bottom: 1px solid rgba(0, 0, 0, .1) | |
} | |
.modal .modal-content .modal-footer { | |
border-top: 1px solid rgba(0, 0, 0, .1) | |
} | |
.accordion { | |
list-style-type: none; | |
padding: 0 | |
} | |
.accordion li { | |
border: 1px solid #e6e6e6; | |
border-bottom: 0; | |
margin: 0; | |
padding: 10px 20px | |
} | |
.accordion li:last-child { | |
border-bottom: 1px solid #e6e6e6 | |
} | |
.accordion li .accordion-title { | |
position: relative; | |
cursor: pointer; | |
padding: 5px 0 | |
} | |
.accordion li .accordion-title:after, | |
.accordion li .accordion-title:before { | |
content: ''; | |
position: absolute; | |
top: 50%; | |
-webkit-transform: translateY(-50%); | |
transform: translateY(-50%); | |
background: #141414 | |
} | |
.accordion li .accordion-title:before { | |
right: 0; | |
width: 7px; | |
height: 1px | |
} | |
.accordion li .accordion-title:after { | |
right: 3px; | |
width: 1px; | |
height: 7px; | |
-webkit-transition: linear .1s; | |
transition: linear .1s | |
} | |
.accordion li .accordion-title h1, | |
.accordion li .accordion-title h2, | |
.accordion li .accordion-title h3, | |
.accordion li .accordion-title h4, | |
.accordion li .accordion-title h5, | |
.accordion li .accordion-title h6 { | |
margin: 0 | |
} | |
.accordion li .accordion-content { | |
position: relative; | |
overflow: hidden; | |
max-height: 0; | |
-webkit-transition: ease-out .2s; | |
transition: ease-out .2s | |
} | |
.accordion li .accordion-content ol li, | |
.accordion li .accordion-content ul li { | |
border: 0; | |
padding: 0 | |
} | |
.accordion li .accordion-content ol li:last-child, | |
.accordion li .accordion-content ul li:last-child { | |
border: 0 | |
} | |
.accordion li .accordion-content ul { | |
list-style-type: disc | |
} | |
.accordion li .accordion-content ul ul { | |
list-style-type: circle | |
} | |
.accordion li .accordion-content ol.list-ordered li { | |
margin-bottom: 8px; | |
padding-left: 34px | |
} | |
.accordion li .accordion-content ol.list-ordered li:last-child { | |
margin: 0 | |
} | |
.accordion li.active .accordion-title:after { | |
-webkit-transform: translateY(-50%) rotate(-90deg); | |
transform: translateY(-50%) rotate(-90deg) | |
} | |
.accordion.style-2 li { | |
border: 1px solid #e6e6e6; | |
border-radius: 5px; | |
margin-bottom: 6px | |
} | |
.accordion.style-2 li:last-child { | |
margin-bottom: 0 | |
} | |
.bg-dark .accordion li, | |
.bg-dark-lighter .accordion li, | |
.bg-dark-lightest .accordion li, | |
div[class*=' bg-black'] .accordion li, | |
div[class^=bg-black] .accordion li { | |
border-color: rgba(255, 255, 255, .2) | |
} | |
.bg-dark .accordion li .accordion-title:after, | |
.bg-dark .accordion li .accordion-title:before, | |
.bg-dark-lighter .accordion li .accordion-title:after, | |
.bg-dark-lighter .accordion li .accordion-title:before, | |
.bg-dark-lightest .accordion li .accordion-title:after, | |
.bg-dark-lightest .accordion li .accordion-title:before, | |
div[class*=' bg-black'] .accordion li .accordion-title:after, | |
div[class*=' bg-black'] .accordion li .accordion-title:before, | |
div[class^=bg-black] .accordion li .accordion-title:after, | |
div[class^=bg-black] .accordion li .accordion-title:before { | |
background: #fff | |
} | |
.alert a:hover { | |
text-decoration: underline | |
} | |
.alert.alert-secondary { | |
background: #e6e6e6; | |
border-color: #dcdcdc | |
} | |
.alert.alert-light { | |
background: #f7f7f7; | |
border-color: #f5f5f5 | |
} | |
.alert.alert-dark { | |
background: #dcdcdc; | |
border-color: #d2d2d2 | |
} | |
.bg-image { | |
position: relative; | |
background-size: cover; | |
background-repeat: no-repeat; | |
background-position: center center | |
} | |
.bg-image.bg-image-gradient:before { | |
content: ''; | |
position: absolute; | |
background-image: linear-gradient(to top, #fff, rgba(255, 255, 255, .1)); | |
width: 100%; | |
height: 100% | |
} | |
.badge { | |
padding: 4px 6px; | |
vertical-align: middle | |
} | |
.badge-xs { | |
padding: 4px 6px | |
} | |
.badge-sm { | |
padding: 8px 12px | |
} | |
.badge-md { | |
padding: 10px 16px; | |
font-size: 80% | |
} | |
.badge-lg { | |
padding: 14px 20px; | |
font-size: 90% | |
} | |
.badge-xl { | |
padding: 18px 30px; | |
font-size: 100% | |
} | |
.badge-secondary { | |
background: #dcdcdc | |
} | |
.badge-light { | |
background: #f0f0f0 | |
} | |
.badge-light, | |
.badge-secondary, | |
.badge-warning { | |
color: #141414 | |
} | |
a.badge-secondary { | |
background: #dcdcdc | |
} | |
a.badge-secondary:focus, | |
a.badge-secondary:hover { | |
background: #d2d2d2; | |
color: #141414 | |
} | |
a.badge-light { | |
background: #f0f0f0 | |
} | |
a.badge-light:focus, | |
a.badge-light:hover { | |
background: #e6e6e6 | |
} | |
.border-radius { | |
border-radius: 6px | |
} | |
.box-circle { | |
border-radius: 50% | |
} | |
.box-shadow { | |
-webkit-box-shadow: 0 0 30px 0 rgba(0, 0, 0, .09); | |
box-shadow: 0 0 30px 0 rgba(0, 0, 0, .09) | |
} | |
.box-shadow-with-hover { | |
-webkit-box-shadow: 0 0 30px 0 rgba(0, 0, 0, .09); | |
box-shadow: 0 0 30px 0 rgba(0, 0, 0, .09); | |
-webkit-transition: ease-out .2s; | |
transition: ease-out .2s | |
} | |
.box-shadow-with-hover:hover { | |
-webkit-box-shadow: 0 0 36px 0 rgba(0, 0, 0, .14); | |
box-shadow: 0 0 36px 0 rgba(0, 0, 0, .14) | |
} | |
.hover-float { | |
-webkit-transition: ease-out .2s; | |
transition: ease-out .2s | |
} | |
.hover-float:hover { | |
-webkit-transform: translateY(-5px); | |
transform: translateY(-5px) | |
} | |
.hover-scale { | |
-webkit-transition: ease-out .2s; | |
transition: ease-out .2s | |
} | |
.hover-scale:hover { | |
-webkit-transform: scale(1.02); | |
transform: scale(1.02) | |
} | |
.blockquote { | |
background: #f7f7f7; | |
margin-bottom: 20px; | |
padding: 25px 30px | |
} | |
.blockquote p { | |
font-size: 16px; | |
line-height: 30px | |
} | |
.blockquote p.font-small { | |
font-size: 14px; | |
line-height: 26px | |
} | |
.blockquote p.font-large { | |
font-size: 20px; | |
line-height: 36px | |
} | |
.blockquote .blockquote-footer { | |
margin-top: 10px; | |
color: #141414 | |
} | |
.blockquote .blockquote-footer:before { | |
padding-right: 5px | |
} | |
.blockquote .blockquote-footer h1, | |
.blockquote .blockquote-footer h2, | |
.blockquote .blockquote-footer h3, | |
.blockquote .blockquote-footer h4, | |
.blockquote .blockquote-footer h5, | |
.blockquote .blockquote-footer h6 { | |
display: inline-block; | |
margin: 0 | |
} | |
.blockquote .blockquote-footer p { | |
font-size: 16px; | |
line-height: 30px | |
} | |
.blockquote.blockquote-style-2 { | |
background: 0 0; | |
border-left: 4px solid rgba(0, 0, 0, .1); | |
padding: 5px 0 5px 30px | |
} | |
.blockquote.blockquote-style-3 { | |
background: #f5f5f5; | |
border-left: 4px solid rgba(0, 0, 0, .1) | |
} | |
.blockquote.blockquote-style-4 { | |
position: relative; | |
background: 0 0; | |
padding: 20px 0 0 34px | |
} | |
.blockquote.blockquote-style-4:before { | |
content: '\f10d'; | |
position: absolute; | |
top: 0; | |
left: 0; | |
color: rgba(0, 0, 0, .1); | |
font-family: "Font Awesome 5 Free"; | |
font-size: 24px; | |
font-weight: 900 | |
} | |
.bg-dark .blockquote, | |
.bg-dark-lighter .blockquote, | |
.bg-dark-lightest .blockquote, | |
div[class*=' bg-black'] .blockquote, | |
div[class^=bg-black] .blockquote { | |
background: rgba(255, 255, 255, .1) | |
} | |
.bg-dark .blockquote .blockquote-footer, | |
.bg-dark-lighter .blockquote .blockquote-footer, | |
.bg-dark-lightest .blockquote .blockquote-footer, | |
div[class*=' bg-black'] .blockquote .blockquote-footer, | |
div[class^=bg-black] .blockquote .blockquote-footer { | |
color: #fff | |
} | |
.bg-dark .blockquote.blockquote-style-2, | |
.bg-dark-lighter .blockquote.blockquote-style-2, | |
.bg-dark-lightest .blockquote.blockquote-style-2, | |
div[class*=' bg-black'] .blockquote.blockquote-style-2, | |
div[class^=bg-black] .blockquote.blockquote-style-2 { | |
background: 0 0; | |
border-color: rgba(255, 255, 255, .2) | |
} | |
.bg-dark .blockquote.blockquote-style-3, | |
.bg-dark-lighter .blockquote.blockquote-style-3, | |
.bg-dark-lightest .blockquote.blockquote-style-3, | |
div[class*=' bg-black'] .blockquote.blockquote-style-3, | |
div[class^=bg-black] .blockquote.blockquote-style-3 { | |
background: rgba(255, 255, 255, .1); | |
border-color: rgba(255, 255, 255, .2) | |
} | |
.bg-dark .blockquote.blockquote-style-4, | |
.bg-dark-lighter .blockquote.blockquote-style-4, | |
.bg-dark-lightest .blockquote.blockquote-style-4, | |
div[class*=' bg-black'] .blockquote.blockquote-style-4, | |
div[class^=bg-black] .blockquote.blockquote-style-4 { | |
background: 0 0 | |
} | |
.bg-dark .blockquote.blockquote-style-4:before, | |
.bg-dark-lighter .blockquote.blockquote-style-4:before, | |
.bg-dark-lightest .blockquote.blockquote-style-4:before, | |
div[class*=' bg-black'] .blockquote.blockquote-style-4:before, | |
div[class^=bg-black] .blockquote.blockquote-style-4:before { | |
color: rgba(255, 255, 255, .2) | |
} | |
.breadcrumb { | |
display: inline-block; | |
background: 0 0; | |
margin: 0 0 -10px; | |
padding: 0 | |
} | |
.breadcrumb .breadcrumb-item { | |
display: inline-block; | |
font: 400 13px Heebo, sans-serif; | |
letter-spacing: 1.5px; | |
text-transform: uppercase | |
} | |
.breadcrumb .breadcrumb-item:before { | |
color: rgba(0, 0, 0, .2) | |
} | |
.breadcrumb .breadcrumb-item.active { | |
color: #a0a0a0 | |
} | |
.breadcrumb .breadcrumb-item a { | |
-webkit-transition: linear .1s; | |
transition: linear .1s | |
} | |
.breadcrumb.dot .breadcrumb-item { | |
padding-left: 0 | |
} | |
.breadcrumb.dot .breadcrumb-item:before { | |
content: ''; | |
position: relative; | |
top: 50%; | |
left: 0; | |
-webkit-transform: translateY(-50%); | |
transform: translateY(-50%); | |
background: rgba(0, 0, 0, .2); | |
width: 4px; | |
height: 4px; | |
border-radius: 50%; | |
margin: 0 8px; | |
padding: 0 | |
} | |
.breadcrumb.dot .breadcrumb-item:first-child:before { | |
content: ''; | |
width: 0; | |
height: 0; | |
margin: 0 | |
} | |
.breadcrumb.arrow .breadcrumb-item:before, | |
.breadcrumb.dash .breadcrumb-item:before { | |
color: rgba(0, 0, 0, .2) | |
} | |
.breadcrumb.arrow .breadcrumb-item:first-child:before, | |
.breadcrumb.dash .breadcrumb-item:first-child:before { | |
content: '' | |
} | |
.breadcrumb.dash .breadcrumb-item:before { | |
content: '-' | |
} | |
.breadcrumb.arrow .breadcrumb-item:before { | |
content: '»' | |
} | |
.breadcrumb.breadcrumb-font-2 .breadcrumb-item { | |
font-size: 15px; | |
letter-spacing: 0; | |
text-transform: none | |
} | |
.breadcrumb.breadcrumb-font-3 .breadcrumb-item { | |
font-size: 16px; | |
font-weight: 300; | |
letter-spacing: 0; | |
text-transform: none | |
} | |
.bg-dark .breadcrumb .breadcrumb-item:before, | |
.bg-dark-lighter .breadcrumb .breadcrumb-item:before, | |
.bg-dark-lightest .breadcrumb .breadcrumb-item:before, | |
div[class*=' bg-black'] .breadcrumb .breadcrumb-item:before, | |
div[class^=bg-black] .breadcrumb .breadcrumb-item:before { | |
color: rgba(255, 255, 255, .3) | |
} | |
.bg-dark .breadcrumb .breadcrumb-item.active, | |
.bg-dark-lighter .breadcrumb .breadcrumb-item.active, | |
.bg-dark-lightest .breadcrumb .breadcrumb-item.active, | |
div[class*=' bg-black'] .breadcrumb .breadcrumb-item.active, | |
div[class^=bg-black] .breadcrumb .breadcrumb-item.active { | |
color: rgba(255, 255, 255, .5) | |
} | |
.bg-dark .breadcrumb.dot .breadcrumb-item:before, | |
.bg-dark-lighter .breadcrumb.dot .breadcrumb-item:before, | |
.bg-dark-lightest .breadcrumb.dot .breadcrumb-item:before, | |
div[class*=' bg-black'] .breadcrumb.dot .breadcrumb-item:before, | |
div[class^=bg-black] .breadcrumb.dot .breadcrumb-item:before { | |
background: rgba(255, 255, 255, .3) | |
} | |
.bg-dark .breadcrumb.arrow .breadcrumb-item:before, | |
.bg-dark .breadcrumb.dash .breadcrumb-item:before, | |
.bg-dark-lighter .breadcrumb.arrow .breadcrumb-item:before, | |
.bg-dark-lighter .breadcrumb.dash .breadcrumb-item:before, | |
.bg-dark-lightest .breadcrumb.arrow .breadcrumb-item:before, | |
.bg-dark-lightest .breadcrumb.dash .breadcrumb-item:before, | |
div[class*=' bg-black'] .breadcrumb.arrow .breadcrumb-item:before, | |
div[class*=' bg-black'] .breadcrumb.dash .breadcrumb-item:before, | |
div[class^=bg-black] .breadcrumb.arrow .breadcrumb-item:before, | |
div[class^=bg-black] .breadcrumb.dash .breadcrumb-item:before { | |
color: rgba(255, 255, 255, .3) | |
} | |
.btn, | |
.button, | |
.text-btn, | |
.text-btn-2, | |
.text-btn-3 { | |
font: 400 13px Heebo, sans-serif; | |
letter-spacing: 1.5px; | |
text-transform: uppercase | |
} | |
.button-font-2 { | |
font: 400 15px Heebo, sans-serif; | |
letter-spacing: 0; | |
text-transform: capitalize | |
} | |
.button-font-3 { | |
font: 300 16px Heebo, sans-serif; | |
letter-spacing: 0; | |
text-transform: capitalize | |
} | |
.btn { | |
position: relative; | |
display: inline-block; | |
background: #e6e6e6; | |
border-width: 2px; | |
border-style: solid; | |
border-radius: 0; | |
color: #141414; | |
-webkit-transition: linear .1s; | |
transition: linear .1s | |
} | |
.btn:hover { | |
color: #646464 | |
} | |
.btn-xs { | |
padding: 8px 14px | |
} | |
.btn-sm { | |
padding: 10px 22px | |
} | |
.btn-md { | |
padding: 14px 34px | |
} | |
.btn-lg { | |
padding: 16px 42px | |
} | |
.btn-xl { | |
padding: 20px 56px | |
} | |
.btn-primary, | |
a.btn-primary { | |
background: #007bff; | |
border-color: #007bff; | |
color: #fff | |
} | |
.btn-primary.disabled, | |
a.btn-primary.disabled { | |
background: #007bff; | |
color: #fff | |
} | |
.btn-primary:hover, | |
.btn-primary:not(:disabled):not(.disabled).active, | |
.btn-primary:not(:disabled):not(.disabled):active, | |
a.btn-primary:hover, | |
a.btn-primary:not(:disabled):not(.disabled).active, | |
a.btn-primary:not(:disabled):not(.disabled):active { | |
background: #006ee5; | |
border-color: #006ee5; | |
color: #fff | |
} | |
.btn-primary.focus, | |
.btn-primary:focus, | |
a.btn-primary.focus, | |
a.btn-primary:focus { | |
box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5) | |
} | |
.btn-secondary, | |
a.btn-secondary { | |
background: #dcdcdc; | |
border-color: #dcdcdc; | |
color: #141414 | |
} | |
.btn-secondary.disabled, | |
a.btn-secondary.disabled { | |
background: #dcdcdc; | |
color: #141414 | |
} | |
.btn-secondary:hover, | |
.btn-secondary:not(:disabled):not(.disabled).active, | |
.btn-secondary:not(:disabled):not(.disabled):active, | |
a.btn-secondary:hover, | |
a.btn-secondary:not(:disabled):not(.disabled).active, | |
a.btn-secondary:not(:disabled):not(.disabled):active { | |
background: #d2d2d2; | |
border-color: #d2d2d2; | |
color: #141414 | |
} | |
.btn-secondary.focus, | |
.btn-secondary:focus, | |
a.btn-secondary.focus, | |
a.btn-secondary:focus { | |
box-shadow: 0 0 0 .2rem rgba(220, 220, 220, .5) | |
} | |
.btn-success, | |
a.btn-success { | |
background: #28a745; | |
border-color: #28a745; | |
color: #fff | |
} | |
.btn-success.disabled, | |
a.btn-success.disabled { | |
background: #28a745; | |
color: #fff | |
} | |
.btn-success:hover, | |
.btn-success:not(:disabled):not(.disabled).active, | |
.btn-success:not(:disabled):not(.disabled):active, | |
a.btn-success:hover, | |
a.btn-success:not(:disabled):not(.disabled).active, | |
a.btn-success:not(:disabled):not(.disabled):active { | |
background: #24963e; | |
border-color: #24963e; | |
color: #fff | |
} | |
.btn-success.focus, | |
.btn-success:focus, | |
a.btn-success.focus, | |
a.btn-success:focus { | |
box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5) | |
} | |
.btn-danger, | |
a.btn-danger { | |
background: #dc3545; | |
border-color: #dc3545; | |
color: #fff | |
} | |
.btn-danger.disabled, | |
a.btn-danger.disabled { | |
background: #dc3545; | |
color: #fff | |
} | |
.btn-danger:hover, | |
.btn-danger:not(:disabled):not(.disabled).active, | |
.btn-danger:not(:disabled):not(.disabled):active, | |
a.btn-danger:hover, | |
a.btn-danger:not(:disabled):not(.disabled).active, | |
a.btn-danger:not(:disabled):not(.disabled):active { | |
background: #c62f3e; | |
border-color: #c62f3e; | |
color: #fff | |
} | |
.btn-danger.focus, | |
.btn-danger:focus, | |
a.btn-danger.focus, | |
a.btn-danger:focus { | |
box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5) | |
} | |
.btn-warning, | |
a.btn-warning { | |
background: #ffc107; | |
border-color: #ffc107; | |
color: #141414 | |
} | |
.btn-warning.disabled, | |
a.btn-warning.disabled { | |
background: #ffc107; | |
color: #141414 | |
} | |
.btn-warning:hover, | |
.btn-warning:not(:disabled):not(.disabled).active, | |
.btn-warning:not(:disabled):not(.disabled):active, | |
a.btn-warning:hover, | |
a.btn-warning:not(:disabled):not(.disabled).active, | |
a.btn-warning:not(:disabled):not(.disabled):active { | |
background: #e5ad06; | |
border-color: #e5ad06; | |
color: #141414 | |
} | |
.btn-warning.focus, | |
.btn-warning:focus, | |
a.btn-warning.focus, | |
a.btn-warning:focus { | |
box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5) | |
} | |
.btn-info, | |
a.btn-info { | |
background: #17a2b8; | |
border-color: #17a2b8; | |
color: #fff | |
} | |
.btn-info.disabled, | |
a.btn-info.disabled { | |
background: #17a2b8; | |
color: #fff | |
} | |
.btn-info:hover, | |
.btn-info:not(:disabled):not(.disabled).active, | |
.btn-info:not(:disabled):not(.disabled):active, | |
a.btn-info:hover, | |
a.btn-info:not(:disabled):not(.disabled).active, | |
a.btn-info:not(:disabled):not(.disabled):active { | |
background: #1491a5; | |
border-color: #1491a5; | |
color: #fff | |
} | |
.btn-info.focus, | |
.btn-info:focus, | |
a.btn-info.focus, | |
a.btn-info:focus { | |
box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5) | |
} | |
.btn-light, | |
a.btn-light { | |
background: #f0f0f0; | |
border-color: #f0f0f0; | |
color: #141414 | |
} | |
.btn-light.disabled, | |
a.btn-light.disabled { | |
background: #f0f0f0; | |
color: #141414 | |
} | |
.btn-light:hover, | |
.btn-light:not(:disabled):not(.disabled).active, | |
.btn-light:not(:disabled):not(.disabled):active, | |
a.btn-light:hover, | |
a.btn-light:not(:disabled):not(.disabled).active, | |
a.btn-light:not(:disabled):not(.disabled):active { | |
background: #e6e6e6; | |
border-color: #e6e6e6; | |
color: #141414 | |
} | |
.btn-light.focus, | |
.btn-light:focus, | |
a.btn-light.focus, | |
a.btn-light:focus { | |
box-shadow: 0 0 0 .2rem rgba(230, 230, 230, .5) | |
} | |
.btn-dark, | |
a.btn-dark { | |
background: #282828; | |
border-color: #282828; | |
color: #fff | |
} | |
.btn-dark.disabled, | |
a.btn-dark.disabled { | |
background: #282828; | |
color: #fff | |
} | |
.btn-dark:hover, | |
.btn-dark:not(:disabled):not(.disabled).active, | |
.btn-dark:not(:disabled):not(.disabled):active, | |
a.btn-dark:hover, | |
a.btn-dark:not(:disabled):not(.disabled).active, | |
a.btn-dark:not(:disabled):not(.disabled):active { | |
background: #141414; | |
border-color: #141414; | |
color: #fff | |
} | |
.btn-dark.focus, | |
.btn-dark:focus, | |
a.btn-dark.focus, | |
a.btn-dark:focus { | |
box-shadow: 0 0 0 .2rem rgba(40, 40, 40, .5) | |
} | |
.show .btn-primary.dropdown-toggle { | |
background: #006ee5; | |
color: #fff | |
} | |
.show .btn-primary.dropdown-toggle:focus { | |
box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5) | |
} | |
.show .btn-secondary.dropdown-toggle { | |
background: #d2d2d2; | |
color: #141414 | |
} | |
.show .btn-secondary.dropdown-toggle:focus { | |
box-shadow: 0 0 0 .2rem rgba(220, 220, 220, .5) | |
} | |
.show .btn-success.dropdown-toggle { | |
background: #24963e; | |
color: #fff | |
} | |
.show .btn-success.dropdown-toggle:focus { | |
box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5) | |
} | |
.show .btn-danger.dropdown-toggle { | |
background: #c62f3e; | |
color: #fff | |
} | |
.show .btn-danger.dropdown-toggle:focus { | |
box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5) | |
} | |
.show .btn-warning.dropdown-toggle { | |
background: #e5ad06; | |
color: #141414 | |
} | |
.show .btn-warning.dropdown-toggle:focus { | |
box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5) | |
} | |
.show .btn-info.dropdown-toggle { | |
background: #1491a5; | |
color: #fff | |
} | |
.show .btn-info.dropdown-toggle:focus { | |
box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5) | |
} | |
.show .btn-light.dropdown-toggle { | |
background: #e6e6e6; | |
color: #141414 | |
} | |
.show .btn-light.dropdown-toggle:focus { | |
box-shadow: 0 0 0 .2rem rgba(230, 230, 230, .5) | |
} | |
.show .btn-dark.dropdown-toggle { | |
background: #141414; | |
color: #fff | |
} | |
.show .btn-dark.dropdown-toggle:focus { | |
box-shadow: 0 0 0 .2rem rgba(40, 40, 40, .5) | |
} | |
.btn-outline-primary { | |
background: 0 0; | |
border-color: #007bff; | |
color: #006ee5 | |
} | |
.btn-outline-primary:hover, | |
.btn-outline-primary:not(:disabled):not(.disabled).active, | |
.btn-outline-primary:not(:disabled):not(.disabled):active { | |
background: #007bff; | |
border-color: #007bff; | |
color: #fff | |
} | |
.btn-outline-primary.focus, | |
.btn-outline-primary:focus { | |
box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5) | |
} | |
.btn-outline-secondary { | |
background: 0 0; | |
border-color: #dcdcdc; | |
color: #141414 | |
} | |
.btn-outline-secondary:hover, | |
.btn-outline-secondary:not(:disabled):not(.disabled).active, | |
.btn-outline-secondary:not(:disabled):not(.disabled):active { | |
background: #dcdcdc; | |
border-color: #dcdcdc; | |
color: #141414 | |
} | |
.btn-outline-secondary.focus, | |
.btn-outline-secondary:focus { | |
box-shadow: 0 0 0 .2rem rgba(220, 220, 220, .5) | |
} | |
.btn-outline-success { | |
background: 0 0; | |
border-color: #28a745; | |
color: #24963e | |
} | |
.btn-outline-success:hover, | |
.btn-outline-success:not(:disabled):not(.disabled).active, | |
.btn-outline-success:not(:disabled):not(.disabled):active { | |
background: #28a745; | |
border-color: #28a745; | |
color: #fff | |
} | |
.btn-outline-success.focus, | |
.btn-outline-success:focus { | |
box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5) | |
} | |
.btn-outline-danger, | |
a.btn-outline-danger { | |
background: 0 0; | |
border-color: #dc3545; | |
color: #c62f3e | |
} | |
.btn-outline-danger:hover, | |
.btn-outline-danger:not(:disabled):not(.disabled).active, | |
.btn-outline-danger:not(:disabled):not(.disabled):active, | |
a.btn-outline-danger:hover, | |
a.btn-outline-danger:not(:disabled):not(.disabled).active, | |
a.btn-outline-danger:not(:disabled):not(.disabled):active { | |
background: #dc3545; | |
border-color: #dc3545; | |
color: #fff | |
} | |
.btn-outline-danger.focus, | |
.btn-outline-danger:focus, | |
a.btn-outline-danger.focus, | |
a.btn-outline-danger:focus { | |
box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5) | |
} | |
.btn-outline-warning, | |
a.btn-outline-warning { | |
background: 0 0; | |
border-color: #ffc107; | |
color: #e5ad06 | |
} | |
.btn-outline-warning:hover, | |
.btn-outline-warning:not(:disabled):not(.disabled).active, | |
.btn-outline-warning:not(:disabled):not(.disabled):active, | |
a.btn-outline-warning:hover, | |
a.btn-outline-warning:not(:disabled):not(.disabled).active, | |
a.btn-outline-warning:not(:disabled):not(.disabled):active { | |
background: #ffc107; | |
border-color: #ffc107; | |
color: #141414 | |
} | |
.btn-outline-warning.focus, | |
.btn-outline-warning:focus, | |
a.btn-outline-warning.focus, | |
a.btn-outline-warning:focus { | |
box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5) | |
} | |
.btn-outline-info, | |
a.btn-outline-info { | |
background: 0 0; | |
border-color: #17a2b8; | |
color: #17a2b8 | |
} | |
.btn-outline-info:hover, | |
.btn-outline-info:not(:disabled):not(.disabled).active, | |
.btn-outline-info:not(:disabled):not(.disabled):active, | |
a.btn-outline-info:hover, | |
a.btn-outline-info:not(:disabled):not(.disabled).active, | |
a.btn-outline-info:not(:disabled):not(.disabled):active { | |
background: #17a2b8; | |
border-color: #17a2b8; | |
color: #fff | |
} | |
.btn-outline-info.focus, | |
.btn-outline-info:focus, | |
a.btn-outline-info.focus, | |
a.btn-outline-info:focus { | |
box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5) | |
} | |
.btn-outline-light, | |
a.btn-outline-light { | |
background: 0 0; | |
border-color: #e6e6e6; | |
color: #141414 | |
} | |
.btn-outline-light.disabled, | |
a.btn-outline-light.disabled { | |
color: #141414 | |
} | |
.btn-outline-light:hover, | |
.btn-outline-light:not(:disabled):not(.disabled).active, | |
.btn-outline-light:not(:disabled):not(.disabled):active, | |
a.btn-outline-light:hover, | |
a.btn-outline-light:not(:disabled):not(.disabled).active, | |
a.btn-outline-light:not(:disabled):not(.disabled):active { | |
background: #e6e6e6; | |
border-color: #e6e6e6; | |
color: #141414 | |
} | |
.btn-outline-light.focus, | |
.btn-outline-light:focus, | |
a.btn-outline-light.focus, | |
a.btn-outline-light:focus { | |
box-shadow: 0 0 0 .2rem rgba(230, 230, 230, .5) | |
} | |
.btn-outline-dark, | |
a.btn-outline-dark { | |
background: 0 0; | |
border-color: #282828 | |
} | |
.btn-outline-dark:hover, | |
.btn-outline-dark:not(:disabled):not(.disabled).active, | |
.btn-outline-dark:not(:disabled):not(.disabled):active, | |
a.btn-outline-dark:hover, | |
a.btn-outline-dark:not(:disabled):not(.disabled).active, | |
a.btn-outline-dark:not(:disabled):not(.disabled):active { | |
background: #282828; | |
border-color: #282828; | |
color: #fff | |
} | |
.btn-outline-dark.focus, | |
.btn-outline-dark:focus, | |
a.btn-outline-dark.focus, | |
a.btn-outline-dark:focus { | |
box-shadow: 0 0 0 .2rem rgba(40, 40, 40, .5) | |
} | |
.button { | |
position: relative; | |
display: inline-block; | |
overflow: hidden; | |
background: #e6e6e6; | |
border: 2px solid #e6e6e6; | |
padding: 5px 10px; | |
color: #141414; | |
-webkit-transition: ease-out .2s; | |
transition: ease-out .2s | |
} | |
.button i { | |
margin-right: 8px; | |
font-size: 15px | |
} | |
.button:hover { | |
color: #646464 | |
} | |
.button-xs { | |
padding: 8px 14px | |
} | |
.button-sm { | |
padding: 10px 22px | |
} | |
.button-md { | |
padding: 14px 34px | |
} | |
.button-lg { | |
padding: 16px 42px | |
} | |
.button-xl { | |
padding: 20px 54px | |
} | |
.button-fullwidth { | |
width: 100%; | |
text-align: center | |
} | |
.button-radius { | |
border-radius: 5px | |
} | |
.button-rounded { | |
border-radius: 50px | |
} | |
.button-border-1px, | |
.button-border-1px.button-circle { | |
border-width: 1px | |
} | |
.button-border-3px, | |
.button-border-3px.button-circle { | |
border-width: 3px | |
} | |
.button-hover-float:focus, | |
.button-hover-float:hover, | |
a.button-hover-float:focus, | |
a.button-hover-float:hover { | |
-webkit-transform: translateY(-3px); | |
transform: translateY(-3px) | |
} | |
.button-hover-scale:focus, | |
.button-hover-scale:hover, | |
a.button-hover-scale:focus, | |
a.button-hover-scale:hover { | |
-webkit-transform: scale(1.03); | |
transform: scale(1.03) | |
} | |
.button-hover-scale.button-circle:focus, | |
.button-hover-scale.button-circle:hover, | |
a.button-hover-scale.button-circle:focus, | |
a.button-hover-scale.button-circle:hover { | |
-webkit-transform: scale(1.04); | |
transform: scale(1.04) | |
} | |
.button-hover-shadow, | |
a.button-hover-shadow { | |
-webkit-box-shadow: 0 0 0 0 transparent; | |
box-shadow: 0 0 0 0 transparent | |
} | |
.button-hover-shadow:focus, | |
.button-hover-shadow:hover, | |
a.button-hover-shadow:focus, | |
a.button-hover-shadow:hover { | |
-webkit-box-shadow: 0 4px 24px 0 rgba(0, 0, 0, .1); | |
box-shadow: 0 4px 24px 0 rgba(0, 0, 0, .1) | |
} | |
.button-shadow, | |
a.button-shadow { | |
-webkit-box-shadow: 0 2px 14px 0 rgba(0, 0, 0, .09); | |
box-shadow: 0 2px 14px 0 rgba(0, 0, 0, .09) | |
} | |
.button-grey, | |
a.button-grey { | |
background: #e6e6e6; | |
border-color: #e6e6e6 | |
} | |
.button-grey:focus, | |
.button-grey:hover, | |
a.button-grey:focus, | |
a.button-grey:hover { | |
background: #dcdcdc; | |
border-color: #dcdcdc; | |
color: #141414 | |
} | |
.button-dark, | |
a.button-dark { | |
background: #282828; | |
border-color: #282828; | |
color: #fff | |
} | |
.button-dark:focus, | |
.button-dark:hover, | |
a.button-dark:focus, | |
a.button-dark:hover { | |
background: #141414; | |
border-color: #141414; | |
color: #fff | |
} | |
.button-white, | |
a.button-white { | |
background: #fff; | |
border-color: #fff; | |
color: #141414 | |
} | |
.button-white:focus, | |
.button-white:hover, | |
a.button-white:focus, | |
a.button-white:hover { | |
background: rgba(255, 255, 255, .9); | |
border-color: transparent; | |
color: #141414 | |
} | |
.button-white-2, | |
a.button-white-2 { | |
background: #fff; | |
border-color: #fff; | |
color: #141414 | |
} | |
.button-white-2:focus, | |
.button-white-2:hover, | |
a.button-white-2:focus, | |
a.button-white-2:hover { | |
background: 0 0; | |
border-color: #fff; | |
color: #fff | |
} | |
.button-outline-grey, | |
a.button-outline-grey { | |
background: 0 0; | |
border-color: rgba(0, 0, 0, .1) | |
} | |
.button-outline-grey:focus, | |
.button-outline-grey:hover, | |
a.button-outline-grey:focus, | |
a.button-outline-grey:hover { | |
border-color: #141414; | |
color: #141414 | |
} | |
.button-outline-grey-2, | |
a.button-outline-grey-2 { | |
background: 0 0; | |
border-color: rgba(0, 0, 0, .1) | |
} | |
.button-outline-grey-2:focus, | |
.button-outline-grey-2:hover, | |
a.button-outline-grey-2:focus, | |
a.button-outline-grey-2:hover { | |
background: rgba(0, 0, 0, .1); | |
border-color: transparent; | |
color: #141414 | |
} | |
.button-outline-dark, | |
a.button-outline-dark { | |
background: 0 0; | |
border-color: #141414 | |
} | |
.button-outline-dark:focus, | |
.button-outline-dark:hover, | |
a.button-outline-dark:focus, | |
a.button-outline-dark:hover { | |
border-color: rgba(0, 0, 0, .1); | |
color: #141414 | |
} | |
.button-outline-dark-2, | |
a.button-outline-dark-2 { | |
background: 0 0; | |
border-color: #141414 | |
} | |
.button-outline-dark-2:focus, | |
.button-outline-dark-2:hover, | |
a.button-outline-dark-2:focus, | |
a.button-outline-dark-2:hover { | |
background: #141414; | |
border-color: transparent; | |
color: #fff | |
} | |
.button-outline-white, | |
a.button-outline-white { | |
background: 0 0; | |
border-color: rgba(255, 255, 255, .3); | |
color: #fff | |
} | |
.button-outline-white:focus, | |
.button-outline-white:hover, | |
a.button-outline-white:focus, | |
a.button-outline-white:hover { | |
border-color: #fff; | |
color: #fff | |
} | |
.button-outline-white-2, | |
a.button-outline-white-2 { | |
background: 0 0; | |
border-color: #fff; | |
color: #fff | |
} | |
.button-outline-white-2:focus, | |
.button-outline-white-2:hover, | |
a.button-outline-white-2:focus, | |
a.button-outline-white-2:hover { | |
background: #fff; | |
color: #141414 | |
} | |
.button-fill-bottom, | |
.button-fill-left, | |
.button-fill-right, | |
.button-fill-top, | |
a.button-fill-bottom, | |
a.button-fill-left, | |
a.button-fill-right, | |
a.button-fill-top { | |
z-index: 1; | |
background: #e6e6e6; | |
border: 0; | |
color: #141414 | |
} | |
.button-fill-bottom:before, | |
.button-fill-left:before, | |
.button-fill-right:before, | |
.button-fill-top:before, | |
a.button-fill-bottom:before, | |
a.button-fill-left:before, | |
a.button-fill-right:before, | |
a.button-fill-top:before { | |
content: ''; | |
position: absolute; | |
z-index: -1; | |
background: #141414; | |
-webkit-transition: ease-out .2s; | |
transition: ease-out .2s | |
} | |
.button-fill-bottom:hover, | |
.button-fill-left:hover, | |
.button-fill-right:hover, | |
.button-fill-top:hover, | |
a.button-fill-bottom:hover, | |
a.button-fill-left:hover, | |
a.button-fill-right:hover, | |
a.button-fill-top:hover { | |
color: #fff | |
} | |
.button-fill-left:before, | |
.button-fill-right:before, | |
a.button-fill-left:before, | |
a.button-fill-right:before { | |
top: 0; | |
left: 0; | |
width: 0%; | |
height: 100% | |
} | |
.button-fill-left:hover:before, | |
.button-fill-right:hover:before, | |
a.button-fill-left:hover:before, | |
a.button-fill-right:hover:before { | |
width: 100% | |
} | |
.button-fill-left:before, | |
a.button-fill-left:before { | |
left: 0 | |
} | |
.button-fill-right:before, | |
a.button-fill-right:before { | |
right: 0 | |
} | |
.button-fill-bottom:before, | |
.button-fill-top:before, | |
a.button-fill-bottom:before, | |
a.button-fill-top:before { | |
left: 0; | |
width: 100%; | |
height: 0% | |
} | |
.button-fill-bottom:hover:before, | |
.button-fill-top:hover:before, | |
a.button-fill-bottom:hover:before, | |
a.button-fill-top:hover:before { | |
height: 100% | |
} | |
.button-fill-top:before, | |
a.button-fill-top:before { | |
top: 0 | |
} | |
.button-fill-bottom:before, | |
a.button-fill-bottom:before { | |
bottom: 0 | |
} | |
.button-fill-bottom-outline, | |
.button-fill-bottom-outline-white, | |
.button-fill-left-outline, | |
.button-fill-left-outline-white, | |
.button-fill-right-outline, | |
.button-fill-right-outline-white, | |
.button-fill-top-outline, | |
.button-fill-top-outline-white, | |
a.button-fill-bottom-outline, | |
a.button-fill-bottom-outline-white, | |
a.button-fill-left-outline, | |
a.button-fill-left-outline-white, | |
a.button-fill-right-outline, | |
a.button-fill-right-outline-white, | |
a.button-fill-top-outline, | |
a.button-fill-top-outline-white { | |
z-index: 1; | |
background: 0 0 | |
} | |
.button-fill-bottom-outline-white:before, | |
.button-fill-bottom-outline:before, | |
.button-fill-left-outline-white:before, | |
.button-fill-left-outline:before, | |
.button-fill-right-outline-white:before, | |
.button-fill-right-outline:before, | |
.button-fill-top-outline-white:before, | |
.button-fill-top-outline:before, | |
a.button-fill-bottom-outline-white:before, | |
a.button-fill-bottom-outline:before, | |
a.button-fill-left-outline-white:before, | |
a.button-fill-left-outline:before, | |
a.button-fill-right-outline-white:before, | |
a.button-fill-right-outline:before, | |
a.button-fill-top-outline-white:before, | |
a.button-fill-top-outline:before { | |
content: ''; | |
position: absolute; | |
z-index: -1; | |
-webkit-transition: ease-out .2s; | |
transition: ease-out .2s | |
} | |
.button-fill-bottom-outline, | |
.button-fill-left-outline, | |
.button-fill-right-outline, | |
.button-fill-top-outline, | |
a.button-fill-bottom-outline, | |
a.button-fill-left-outline, | |
a.button-fill-right-outline, | |
a.button-fill-top-outline { | |
border-color: #141414 | |
} | |
.button-fill-bottom-outline:before, | |
.button-fill-left-outline:before, | |
.button-fill-right-outline:before, | |
.button-fill-top-outline:before, | |
a.button-fill-bottom-outline:before, | |
a.button-fill-left-outline:before, | |
a.button-fill-right-outline:before, | |
a.button-fill-top-outline:before { | |
background: #141414 | |
} | |
.button-fill-bottom-outline:hover, | |
.button-fill-left-outline:hover, | |
.button-fill-right-outline:hover, | |
.button-fill-top-outline:hover, | |
a.button-fill-bottom-outline:hover, | |
a.button-fill-left-outline:hover, | |
a.button-fill-right-outline:hover, | |
a.button-fill-top-outline:hover { | |
color: #fff | |
} | |
.button-fill-bottom-outline-white, | |
.button-fill-left-outline-white, | |
.button-fill-right-outline-white, | |
.button-fill-top-outline-white, | |
a.button-fill-bottom-outline-white, | |
a.button-fill-left-outline-white, | |
a.button-fill-right-outline-white, | |
a.button-fill-top-outline-white { | |
border-color: #fff; | |
color: #fff | |
} | |
.button-fill-bottom-outline-white:before, | |
.button-fill-left-outline-white:before, | |
.button-fill-right-outline-white:before, | |
.button-fill-top-outline-white:before, | |
a.button-fill-bottom-outline-white:before, | |
a.button-fill-left-outline-white:before, | |
a.button-fill-right-outline-white:before, | |
a.button-fill-top-outline-white:before { | |
background: #fff | |
} | |
.button-fill-bottom-outline-white:hover, | |
.button-fill-left-outline-white:hover, | |
.button-fill-right-outline-white:hover, | |
.button-fill-top-outline-white:hover, | |
a.button-fill-bottom-outline-white:hover, | |
a.button-fill-left-outline-white:hover, | |
a.button-fill-right-outline-white:hover, | |
a.button-fill-top-outline-white:hover { | |
color: #141414 | |
} | |
.button-fill-left-outline-white:before, | |
.button-fill-left-outline:before, | |
a.button-fill-left-outline-white:before, | |
a.button-fill-left-outline:before { | |
top: 0; | |
left: 0; | |
width: 0%; | |
height: 100% | |
} | |
.button-fill-left-outline-white:hover:before, | |
.button-fill-left-outline:hover:before, | |
a.button-fill-left-outline-white:hover:before, | |
a.button-fill-left-outline:hover:before { | |
width: 100% | |
} | |
.button-fill-top-outline-white:before, | |
.button-fill-top-outline:before, | |
a.button-fill-top-outline-white:before, | |
a.button-fill-top-outline:before { | |
top: 0; | |
left: 0; | |
width: 100%; | |
height: 0% | |
} | |
.button-fill-top-outline-white:hover:before, | |
.button-fill-top-outline:hover:before, | |
a.button-fill-top-outline-white:hover:before, | |
a.button-fill-top-outline:hover:before { | |
height: 100% | |
} | |
.button-fill-right-outline-white:before, | |
.button-fill-right-outline:before, | |
a.button-fill-right-outline-white:before, | |
a.button-fill-right-outline:before { | |
top: 0; | |
right: 0; | |
width: 0%; | |
height: 100% | |
} | |
.button-fill-right-outline-white:hover:before, | |
.button-fill-right-outline:hover:before, | |
a.button-fill-right-outline-white:hover:before, | |
a.button-fill-right-outline:hover:before { | |
width: 100% | |
} | |
.button-fill-bottom-outline-white:before, | |
.button-fill-bottom-outline:before, | |
a.button-fill-bottom-outline-white:before, | |
a.button-fill-bottom-outline:before { | |
bottom: 0; | |
left: 0; | |
width: 100%; | |
height: 0% | |
} | |
.button-fill-bottom-outline-white:hover:before, | |
.button-fill-bottom-outline:hover:before, | |
a.button-fill-bottom-outline-white:hover:before, | |
a.button-fill-bottom-outline:hover:before { | |
height: 100% | |
} | |
.button-reveal-left-dark i, | |
.button-reveal-left-dark span, | |
.button-reveal-left-grey i, | |
.button-reveal-left-grey span, | |
.button-reveal-left-outline-dark i, | |
.button-reveal-left-outline-dark span, | |
.button-reveal-left-outline-grey i, | |
.button-reveal-left-outline-grey span, | |
.button-reveal-left-outline-white i, | |
.button-reveal-left-outline-white span, | |
.button-reveal-left-white i, | |
.button-reveal-left-white span, | |
.button-reveal-right-dark i, | |
.button-reveal-right-dark span, | |
.button-reveal-right-grey i, | |
.button-reveal-right-grey span, | |
.button-reveal-right-outline-dark i, | |
.button-reveal-right-outline-dark span, | |
.button-reveal-right-outline-grey i, | |
.button-reveal-right-outline-grey span, | |
.button-reveal-right-outline-white i, | |
.button-reveal-right-outline-white span, | |
.button-reveal-right-white i, | |
.button-reveal-right-white span { | |
-webkit-transition: ease-out .2s; | |
transition: ease-out .2s | |
} | |
.button-reveal-left-dark span, | |
.button-reveal-left-grey span, | |
.button-reveal-left-outline-dark span, | |
.button-reveal-left-outline-grey span, | |
.button-reveal-left-outline-white span, | |
.button-reveal-left-white span, | |
.button-reveal-right-dark span, | |
.button-reveal-right-grey span, | |
.button-reveal-right-outline-dark span, | |
.button-reveal-right-outline-grey span, | |
.button-reveal-right-outline-white span, | |
.button-reveal-right-white span { | |
position: relative | |
} | |
.button-reveal-left-dark i, | |
.button-reveal-left-grey i, | |
.button-reveal-left-outline-dark i, | |
.button-reveal-left-outline-grey i, | |
.button-reveal-left-outline-white i, | |
.button-reveal-left-white i, | |
.button-reveal-right-dark i, | |
.button-reveal-right-grey i, | |
.button-reveal-right-outline-dark i, | |
.button-reveal-right-outline-grey i, | |
.button-reveal-right-outline-white i, | |
.button-reveal-right-white i { | |
position: absolute; | |
top: 50%; | |
-webkit-transform: translateY(-50%); | |
transform: translateY(-50%); | |
opacity: 0; | |
margin: 0 | |
} | |
.button-reveal-left-dark:focus i, | |
.button-reveal-left-dark:hover i, | |
.button-reveal-left-grey:focus i, | |
.button-reveal-left-grey:hover i, | |
.button-reveal-left-outline-dark:focus i, | |
.button-reveal-left-outline-dark:hover i, | |
.button-reveal-left-outline-grey:focus i, | |
.button-reveal-left-outline-grey:hover i, | |
.button-reveal-left-outline-white:focus i, | |
.button-reveal-left-outline-white:hover i, | |
.button-reveal-left-white:focus i, | |
.button-reveal-left-white:hover i, | |
.button-reveal-right-dark:focus i, | |
.button-reveal-right-dark:hover i, | |
.button-reveal-right-grey:focus i, | |
.button-reveal-right-grey:hover i, | |
.button-reveal-right-outline-dark:focus i, | |
.button-reveal-right-outline-dark:hover i, | |
.button-reveal-right-outline-grey:focus i, | |
.button-reveal-right-outline-grey:hover i, | |
.button-reveal-right-outline-white:focus i, | |
.button-reveal-right-outline-white:hover i, | |
.button-reveal-right-white:focus i, | |
.button-reveal-right-white:hover i { | |
opacity: 1 | |
} | |
.button-reveal-left-dark span, | |
.button-reveal-left-grey span, | |
.button-reveal-left-white span, | |
a.button-reveal-left-dark span, | |
a.button-reveal-left-grey span, | |
a.button-reveal-left-white span { | |
left: 0 | |
} | |
.button-reveal-left-dark:focus span, | |
.button-reveal-left-dark:hover span, | |
.button-reveal-left-grey:focus span, | |
.button-reveal-left-grey:hover span, | |
.button-reveal-left-white:focus span, | |
.button-reveal-left-white:hover span, | |
a.button-reveal-left-dark:focus span, | |
a.button-reveal-left-dark:hover span, | |
a.button-reveal-left-grey:focus span, | |
a.button-reveal-left-grey:hover span, | |
a.button-reveal-left-white:focus span, | |
a.button-reveal-left-white:hover span { | |
left: 12px | |
} | |
.button-reveal-right-dark span, | |
.button-reveal-right-grey span, | |
.button-reveal-right-white span, | |
a.button-reveal-right-dark span, | |
a.button-reveal-right-grey span, | |
a.button-reveal-right-white span { | |
right: 0 | |
} | |
.button-reveal-right-dark:focus span, | |
.button-reveal-right-dark:hover span, | |
.button-reveal-right-grey:focus span, | |
.button-reveal-right-grey:hover span, | |
.button-reveal-right-white:focus span, | |
.button-reveal-right-white:hover span, | |
a.button-reveal-right-dark:focus span, | |
a.button-reveal-right-dark:hover span, | |
a.button-reveal-right-grey:focus span, | |
a.button-reveal-right-grey:hover span, | |
a.button-reveal-right-white:focus span, | |
a.button-reveal-right-white:hover span { | |
right: 12px | |
} | |
.button-reveal-left-grey, | |
.button-reveal-right-grey, | |
a.button-reveal-left-grey, | |
a.button-reveal-right-grey { | |
background: #e6e6e6; | |
border-color: #e6e6e6 | |
} | |
.button-reveal-left-grey:focus, | |
.button-reveal-left-grey:hover, | |
.button-reveal-right-grey:focus, | |
.button-reveal-right-grey:hover, | |
a.button-reveal-left-grey:focus, | |
a.button-reveal-left-grey:hover, | |
a.button-reveal-right-grey:focus, | |
a.button-reveal-right-grey:hover { | |
background: #dcdcdc; | |
border-color: #dcdcdc; | |
color: #141414 | |
} | |
.button-reveal-left-dark, | |
.button-reveal-right-dark, | |
a.button-reveal-left-dark, | |
a.button-reveal-right-dark { | |
background: #282828; | |
border-color: #282828; | |
color: #fff | |
} | |
.button-reveal-left-dark:focus, | |
.button-reveal-left-dark:hover, | |
.button-reveal-right-dark:focus, | |
.button-reveal-right-dark:hover, | |
a.button-reveal-left-dark:focus, | |
a.button-reveal-left-dark:hover, | |
a.button-reveal-right-dark:focus, | |
a.button-reveal-right-dark:hover { | |
background: #141414; | |
border-color: #141414; | |
color: #fff | |
} | |
.button-reveal-left-white, | |
.button-reveal-right-white, | |
a.button-reveal-left-white, | |
a.button-reveal-right-white { | |
background: #fff; | |
border-color: #fff; | |
color: #141414 | |
} | |
.button-reveal-left-white:focus, | |
.button-reveal-left-white:hover, | |
.button-reveal-right-white:focus, | |
.button-reveal-right-white:hover, | |
a.button-reveal-left-white:focus, | |
a.button-reveal-left-white:hover, | |
a.button-reveal-right-white:focus, | |
a.button-reveal-right-white:hover { | |
background: #fff; | |
border-color: #fff; | |
color: #141414 | |
} | |
.button-xs.button-reveal-left-dark i, | |
.button-xs.button-reveal-left-grey i, | |
.button-xs.button-reveal-left-white i { | |
left: 10px | |
} | |
.button-xs.button-reveal-left-dark:focus i, | |
.button-xs.button-reveal-left-dark:hover i, | |
.button-xs.button-reveal-left-grey:focus i, | |
.button-xs.button-reveal-left-grey:hover i, | |
.button-xs.button-reveal-left-white:focus i, | |
.button-xs.button-reveal-left-white:hover i { | |
left: 0 | |
} | |
.button-xs.button-reveal-right-dark i, | |
.button-xs.button-reveal-right-grey i, | |
.button-xs.button-reveal-right-white i { | |
right: 10px | |
} | |
.button-xs.button-reveal-right-dark:focus i, | |
.button-xs.button-reveal-right-dark:hover i, | |
.button-xs.button-reveal-right-grey:focus i, | |
.button-xs.button-reveal-right-grey:hover i, | |
.button-xs.button-reveal-right-white:focus i, | |
.button-xs.button-reveal-right-white:hover i { | |
right: 0 | |
} | |
.button-sm.button-reveal-left-dark i, | |
.button-sm.button-reveal-left-grey i, | |
.button-sm.button-reveal-left-white i { | |
left: 20px | |
} | |
.button-sm.button-reveal-left-dark:focus i, | |
.button-sm.button-reveal-left-dark:hover i, | |
.button-sm.button-reveal-left-grey:focus i, | |
.button-sm.button-reveal-left-grey:hover i, | |
.button-sm.button-reveal-left-white:focus i, | |
.button-sm.button-reveal-left-white:hover i { | |
left: 10px | |
} | |
.button-sm.button-reveal-right-dark i, | |
.button-sm.button-reveal-right-grey i, | |
.button-sm.button-reveal-right-white i { | |
right: 20px | |
} | |
.button-sm.button-reveal-right-dark:focus i, | |
.button-sm.button-reveal-right-dark:hover i, | |
.button-sm.button-reveal-right-grey:focus i, | |
.button-sm.button-reveal-right-grey:hover i, | |
.button-sm.button-reveal-right-white:focus i, | |
.button-sm.button-reveal-right-white:hover i { | |
right: 10px | |
} | |
.button-md.button-reveal-left-dark i, | |
.button-md.button-reveal-left-grey i, | |
.button-md.button-reveal-left-white i { | |
left: 30px | |
} | |
.button-md.button-reveal-left-dark:focus i, | |
.button-md.button-reveal-left-dark:hover i, | |
.button-md.button-reveal-left-grey:focus i, | |
.button-md.button-reveal-left-grey:hover i, | |
.button-md.button-reveal-left-white:focus i, | |
.button-md.button-reveal-left-white:hover i { | |
left: 18px | |
} | |
.button-md.button-reveal-right-dark i, | |
.button-md.button-reveal-right-grey i, | |
.button-md.button-reveal-right-white i { | |
right: 30px | |
} | |
.button-md.button-reveal-right-dark:focus i, | |
.button-md.button-reveal-right-dark:hover i, | |
.button-md.button-reveal-right-grey:focus i, | |
.button-md.button-reveal-right-grey:hover i, | |
.button-md.button-reveal-right-white:focus i, | |
.button-md.button-reveal-right-white:hover i { | |
right: 18px | |
} | |
.button-lg.button-reveal-left-dark i, | |
.button-lg.button-reveal-left-grey i, | |
.button-lg.button-reveal-left-white i { | |
left: 40px | |
} | |
.button-lg.button-reveal-left-dark:focus i, | |
.button-lg.button-reveal-left-dark:hover i, | |
.button-lg.button-reveal-left-grey:focus i, | |
.button-lg.button-reveal-left-grey:hover i, | |
.button-lg.button-reveal-left-white:focus i, | |
.button-lg.button-reveal-left-white:hover i { | |
left: 28px | |
} | |
.button-lg.button-reveal-right-dark i, | |
.button-lg.button-reveal-right-grey i, | |
.button-lg.button-reveal-right-white i { | |
right: 40px | |
} | |
.button-lg.button-reveal-right-dark:focus i, | |
.button-lg.button-reveal-right-dark:hover i, | |
.button-lg.button-reveal-right-grey:focus i, | |
.button-lg.button-reveal-right-grey:hover i, | |
.button-lg.button-reveal-right-white:focus i, | |
.button-lg.button-reveal-right-white:hover i { | |
right: 28px | |
} | |
.button-xl.button-reveal-left-dark i, | |
.button-xl.button-reveal-left-grey i, | |
.button-xl.button-reveal-left-white i { | |
left: 50px | |
} | |
.button-xl.button-reveal-left-dark:focus i, | |
.button-xl.button-reveal-left-dark:hover i, | |
.button-xl.button-reveal-left-grey:focus i, | |
.button-xl.button-reveal-left-grey:hover i, | |
.button-xl.button-reveal-left-white:focus i, | |
.button-xl.button-reveal-left-white:hover i { | |
left: 38px | |
} | |
.button-xl.button-reveal-right-dark i, | |
.button-xl.button-reveal-right-grey i, | |
.button-xl.button-reveal-right-white i { | |
right: 50px | |
} | |
.button-xl.button-reveal-right-dark:focus i, | |
.button-xl.button-reveal-right-dark:hover i, | |
.button-xl.button-reveal-right-grey:focus i, | |
.button-xl.button-reveal-right-grey:hover i, | |
.button-xl.button-reveal-right-white:focus i, | |
.button-xl.button-reveal-right-white:hover i { | |
right: 38px | |
} | |
.button-reveal-left-outline-grey, | |
.button-reveal-right-outline-grey, | |
a.button-reveal-left-outline-grey, | |
a.button-reveal-right-outline-grey { | |
background: 0 0; | |
border-color: rgba(0, 0, 0, .1) | |
} | |
.button-reveal-left-outline-grey:focus, | |
.button-reveal-left-outline-grey:hover, | |
.button-reveal-right-outline-grey:focus, | |
.button-reveal-right-outline-grey:hover, | |
a.button-reveal-left-outline-grey:focus, | |
a.button-reveal-left-outline-grey:hover, | |
a.button-reveal-right-outline-grey:focus, | |
a.button-reveal-right-outline-grey:hover { | |
border-color: #141414; | |
color: #141414 | |
} | |
.button-reveal-left-outline-dark span, | |
.button-reveal-left-outline-grey span, | |
.button-reveal-left-outline-white span, | |
a.button-reveal-left-outline-dark span, | |
a.button-reveal-left-outline-grey span, | |
a.button-reveal-left-outline-white span { | |
left: 0 | |
} | |
.button-reveal-left-outline-dark:focus span, | |
.button-reveal-left-outline-dark:hover span, | |
.button-reveal-left-outline-grey:focus span, | |
.button-reveal-left-outline-grey:hover span, | |
.button-reveal-left-outline-white:focus span, | |
.button-reveal-left-outline-white:hover span, | |
a.button-reveal-left-outline-dark:focus span, | |
a.button-reveal-left-outline-dark:hover span, | |
a.button-reveal-left-outline-grey:focus span, | |
a.button-reveal-left-outline-grey:hover span, | |
a.button-reveal-left-outline-white:focus span, | |
a.button-reveal-left-outline-white:hover span { | |
left: 12px | |
} | |
.button-reveal-right-outline-dark span, | |
.button-reveal-right-outline-grey span, | |
.button-reveal-right-outline-white span, | |
a.button-reveal-right-outline-dark span, | |
a.button-reveal-right-outline-grey span, | |
a.button-reveal-right-outline-white span { | |
right: 0 | |
} | |
.button-reveal-right-outline-dark:focus span, | |
.button-reveal-right-outline-dark:hover span, | |
.button-reveal-right-outline-grey:focus span, | |
.button-reveal-right-outline-grey:hover span, | |
.button-reveal-right-outline-white:focus span, | |
.button-reveal-right-outline-white:hover span, | |
a.button-reveal-right-outline-dark:focus span, | |
a.button-reveal-right-outline-dark:hover span, | |
a.button-reveal-right-outline-grey:focus span, | |
a.button-reveal-right-outline-grey:hover span, | |
a.button-reveal-right-outline-white:focus span, | |
a.button-reveal-right-outline-white:hover span { | |
right: 12px | |
} | |
.button-reveal-left-outline-dark, | |
.button-reveal-right-outline-dark, | |
a.button-reveal-left-outline-dark, | |
a.button-reveal-right-outline-dark { | |
background: 0 0; | |
border-color: #141414 | |
} | |
.button-reveal-left-outline-dark:focus, | |
.button-reveal-left-outline-dark:hover, | |
.button-reveal-right-outline-dark:focus, | |
.button-reveal-right-outline-dark:hover, | |
a.button-reveal-left-outline-dark:focus, | |
a.button-reveal-left-outline-dark:hover, | |
a.button-reveal-right-outline-dark:focus, | |
a.button-reveal-right-outline-dark:hover { | |
border-color: rgba(0, 0, 0, .1); | |
color: #141414 | |
} | |
.button-reveal-left-outline-white, | |
.button-reveal-right-outline-white, | |
a.button-reveal-left-outline-white, | |
a.button-reveal-right-outline-white { | |
background: 0 0; | |
border-color: rgba(255, 255, 255, .3); | |
color: #fff | |
} | |
.button-reveal-left-outline-white:focus, | |
.button-reveal-left-outline-white:hover, | |
.button-reveal-right-outline-white:focus, | |
.button-reveal-right-outline-white:hover, | |
a.button-reveal-left-outline-white:focus, | |
a.button-reveal-left-outline-white:hover, | |
a.button-reveal-right-outline-white:focus, | |
a.button-reveal-right-outline-white:hover { | |
border-color: #fff; | |
color: #fff | |
} | |
.button-xs.button-reveal-left-outline-dark i, | |
.button-xs.button-reveal-left-outline-grey i, | |
.button-xs.button-reveal-left-outline-white i { | |
left: 10px | |
} | |
.button-xs.button-reveal-left-outline-dark:focus i, | |
.button-xs.button-reveal-left-outline-dark:hover i, | |
.button-xs.button-reveal-left-outline-grey:focus i, | |
.button-xs.button-reveal-left-outline-grey:hover i, | |
.button-xs.button-reveal-left-outline-white:focus i, | |
.button-xs.button-reveal-left-outline-white:hover i { | |
left: 0 | |
} | |
.button-xs.button-reveal-right-outline-dark i, | |
.button-xs.button-reveal-right-outline-grey i, | |
.button-xs.button-reveal-right-outline-white i { | |
right: 10px | |
} | |
.button-xs.button-reveal-right-outline-dark:focus i, | |
.button-xs.button-reveal-right-outline-dark:hover i, | |
.button-xs.button-reveal-right-outline-grey:focus i, | |
.button-xs.button-reveal-right-outline-grey:hover i, | |
.button-xs.button-reveal-right-outline-white:focus i, | |
.button-xs.button-reveal-right-outline-white:hover i { | |
right: 0 | |
} | |
.button-sm.button-reveal-left-outline-dark i, | |
.button-sm.button-reveal-left-outline-grey i, | |
.button-sm.button-reveal-left-outline-white i { | |
left: 20px | |
} | |
.button-sm.button-reveal-left-outline-dark:focus i, | |
.button-sm.button-reveal-left-outline-dark:hover i, | |
.button-sm.button-reveal-left-outline-grey:focus i, | |
.button-sm.button-reveal-left-outline-grey:hover i, | |
.button-sm.button-reveal-left-outline-white:focus i, | |
.button-sm.button-reveal-left-outline-white:hover i { | |
left: 10px | |
} | |
.button-sm.button-reveal-right-outline-dark i, | |
.button-sm.button-reveal-right-outline-grey i, | |
.button-sm.button-reveal-right-outline-white i { | |
right: 20px | |
} | |
.button-sm.button-reveal-right-outline-dark:focus i, | |
.button-sm.button-reveal-right-outline-dark:hover i, | |
.button-sm.button-reveal-right-outline-grey:focus i, | |
.button-sm.button-reveal-right-outline-grey:hover i, | |
.button-sm.button-reveal-right-outline-white:focus i, | |
.button-sm.button-reveal-right-outline-white:hover i { | |
right: 10px | |
} | |
.button-md.button-reveal-left-outline-dark i, | |
.button-md.button-reveal-left-outline-grey i, | |
.button-md.button-reveal-left-outline-white i { | |
left: 30px | |
} | |
.button-md.button-reveal-left-outline-dark:focus i, | |
.button-md.button-reveal-left-outline-dark:hover i, | |
.button-md.button-reveal-left-outline-grey:focus i, | |
.button-md.button-reveal-left-outline-grey:hover i, | |
.button-md.button-reveal-left-outline-white:focus i, | |
.button-md.button-reveal-left-outline-white:hover i { | |
left: 18px | |
} | |
.button-md.button-reveal-right-outline-dark i, | |
.button-md.button-reveal-right-outline-grey i, | |
.button-md.button-reveal-right-outline-white i { | |
right: 30px | |
} | |
.button-md.button-reveal-right-outline-dark:focus i, | |
.button-md.button-reveal-right-outline-dark:hover i, | |
.button-md.button-reveal-right-outline-grey:focus i, | |
.button-md.button-reveal-right-outline-grey:hover i, | |
.button-md.button-reveal-right-outline-white:focus i, | |
.button-md.button-reveal-right-outline-white:hover i { | |
right: 18px | |
} | |
.button-lg.button-reveal-left-outline-dark i, | |
.button-lg.button-reveal-left-outline-grey i, | |
.button-lg.button-reveal-left-outline-white i { | |
left: 40px | |
} | |
.button-lg.button-reveal-left-outline-dark:focus i, | |
.button-lg.button-reveal-left-outline-dark:hover i, | |
.button-lg.button-reveal-left-outline-grey:focus i, | |
.button-lg.button-reveal-left-outline-grey:hover i, | |
.button-lg.button-reveal-left-outline-white:focus i, | |
.button-lg.button-reveal-left-outline-white:hover i { | |
left: 28px | |
} | |
.button-lg.button-reveal-right-outline-dark i, | |
.button-lg.button-reveal-right-outline-grey i, | |
.button-lg.button-reveal-right-outline-white i { | |
right: 40px | |
} | |
.button-lg.button-reveal-right-outline-dark:focus i, | |
.button-lg.button-reveal-right-outline-dark:hover i, | |
.button-lg.button-reveal-right-outline-grey:focus i, | |
.button-lg.button-reveal-right-outline-grey:hover i, | |
.button-lg.button-reveal-right-outline-white:focus i, | |
.button-lg.button-reveal-right-outline-white:hover i { | |
right: 28px | |
} | |
.button-xl.button-reveal-left-outline-dark i, | |
.button-xl.button-reveal-left-outline-grey i, | |
.button-xl.button-reveal-left-outline-white i { | |
left: 50px | |
} | |
.button-xl.button-reveal-left-outline-dark:focus i, | |
.button-xl.button-reveal-left-outline-dark:hover i, | |
.button-xl.button-reveal-left-outline-grey:focus i, | |
.button-xl.button-reveal-left-outline-grey:hover i, | |
.button-xl.button-reveal-left-outline-white:focus i, | |
.button-xl.button-reveal-left-outline-white:hover i { | |
left: 38px | |
} | |
.button-xl.button-reveal-right-outline-dark i, | |
.button-xl.button-reveal-right-outline-grey i, | |
.button-xl.button-reveal-right-outline-white i { | |
right: 50px | |
} | |
.button-xl.button-reveal-right-outline-dark:focus i, | |
.button-xl.button-reveal-right-outline-dark:hover i, | |
.button-xl.button-reveal-right-outline-grey:focus i, | |
.button-xl.button-reveal-right-outline-grey:hover i, | |
.button-xl.button-reveal-right-outline-white:focus i, | |
.button-xl.button-reveal-right-outline-white:hover i { | |
right: 38px | |
} | |
.button-gradient-grey, | |
a.button-gradient-grey { | |
opacity: .8; | |
background-image: linear-gradient(to right, #dcdcdc, #f0f0f0); | |
border: 0 | |
} | |
.button-gradient-grey:focus, | |
.button-gradient-grey:hover, | |
a.button-gradient-grey:focus, | |
a.button-gradient-grey:hover { | |
opacity: 1; | |
background-image: linear-gradient(to right, #dcdcdc, #f0f0f0); | |
border: 0; | |
color: #141414 | |
} | |
.button-gradient-grey-2, | |
a.button-gradient-grey-2 { | |
opacity: 1; | |
background-image: linear-gradient(to right, #dcdcdc, #f0f0f0); | |
border: 0 | |
} | |
.button-gradient-grey-2:focus, | |
.button-gradient-grey-2:hover, | |
a.button-gradient-grey-2:focus, | |
a.button-gradient-grey-2:hover { | |
opacity: .8; | |
background-image: linear-gradient(to right, #dcdcdc, #f0f0f0); | |
border: 0; | |
color: #141414 | |
} | |
.button-gradient-dark, | |
a.button-gradient-dark { | |
opacity: .9; | |
background-image: linear-gradient(to right, #141414, #404040); | |
border: 0; | |
color: #fff | |
} | |
.button-gradient-dark:focus, | |
.button-gradient-dark:hover, | |
a.button-gradient-dark:focus, | |
a.button-gradient-dark:hover { | |
opacity: 1; | |
background-image: linear-gradient(to right, #141414, #404040); | |
border: 0; | |
color: #fff | |
} | |
.button-gradient-dark-2, | |
a.button-gradient-dark-2 { | |
opacity: 1; | |
background-image: linear-gradient(to right, #141414, #404040); | |
border: 0; | |
color: #fff | |
} | |
.button-gradient-dark-2:focus, | |
.button-gradient-dark-2:hover, | |
a.button-gradient-dark-2:focus, | |
a.button-gradient-dark-2:hover { | |
opacity: .9; | |
background-image: linear-gradient(to right, #141414, #404040); | |
border: 0; | |
color: #fff | |
} | |
.button-grow-dark, | |
.button-grow-white, | |
a.button-grow-dark, | |
a.button-grow-white { | |
overflow: visible; | |
z-index: 1; | |
border: 0 solid transparent | |
} | |
.button-grow-dark:before, | |
.button-grow-white:before, | |
a.button-grow-dark:before, | |
a.button-grow-white:before { | |
content: ''; | |
position: absolute; | |
top: -5px; | |
right: -5px; | |
bottom: -5px; | |
left: -5px; | |
display: block; | |
z-index: -1; | |
-webkit-transition: linear .1s; | |
transition: linear .1s | |
} | |
.button-grow-dark:focus, | |
.button-grow-dark:hover, | |
.button-grow-white:focus, | |
.button-grow-white:hover, | |
a.button-grow-dark:focus, | |
a.button-grow-dark:hover, | |
a.button-grow-white:focus, | |
a.button-grow-white:hover { | |
border-color: transparent | |
} | |
.button-grow-dark:focus:before, | |
.button-grow-dark:hover:before, | |
.button-grow-white:focus:before, | |
.button-grow-white:hover:before, | |
a.button-grow-dark:focus:before, | |
a.button-grow-dark:hover:before, | |
a.button-grow-white:focus:before, | |
a.button-grow-white:hover:before { | |
top: -7px; | |
right: -7px; | |
bottom: -7px; | |
left: -7px | |
} | |
.button-grow-dark.button-radius:before, | |
.button-grow-white.button-radius:before, | |
a.button-grow-dark.button-radius:before, | |
a.button-grow-white.button-radius:before { | |
border-radius: 5px | |
} | |
.button-grow-dark.button-rounded:before, | |
.button-grow-white.button-rounded:before, | |
a.button-grow-dark.button-rounded:before, | |
a.button-grow-white.button-rounded:before { | |
border-radius: 50px | |
} | |
.button-grow-dark, | |
a.button-grow-dark { | |
background: #141414; | |
color: #fff | |
} | |
.button-grow-dark:before, | |
a.button-grow-dark:before { | |
background: rgba(0, 0, 0, .2) | |
} | |
.button-grow-dark:focus, | |
.button-grow-dark:hover, | |
a.button-grow-dark:focus, | |
a.button-grow-dark:hover { | |
background: #141414; | |
color: #fff | |
} | |
.button-grow-white, | |
a.button-grow-white { | |
background: #fff; | |
color: #141414 | |
} | |
.button-grow-white:before, | |
a.button-grow-white:before { | |
background: rgba(255, 255, 255, .3) | |
} | |
.button-grow-white:focus, | |
.button-grow-white:hover, | |
a.button-grow-white:focus, | |
a.button-grow-white:hover { | |
background: #fff; | |
color: #141414 | |
} | |
.text-btn { | |
position: relative; | |
display: inline-block; | |
padding-bottom: 6px; | |
color: #646464; | |
-webkit-transition: linear .1s; | |
transition: linear .1s | |
} | |
.text-btn:after, | |
.text-btn:before { | |
content: ''; | |
position: absolute; | |
bottom: 0; | |
left: 0; | |
height: 1px | |
} | |
.text-btn:before { | |
background: rgba(0, 0, 0, .2); | |
width: 100% | |
} | |
.text-btn:after { | |
background: rgba(0, 0, 0, .9); | |
width: 0; | |
-webkit-transition: ease-out .2s; | |
transition: ease-out .2s | |
} | |
.text-btn:hover { | |
color: #141414 | |
} | |
.text-btn:hover:after { | |
width: 100% | |
} | |
.bg-dark .text-btn, | |
.bg-dark-lighter .text-btn, | |
.bg-dark-lightest .text-btn, | |
div[class*=' bg-black'] .text-btn, | |
div[class^=bg-black] .text-btn { | |
color: rgba(255, 255, 255, .7) | |
} | |
.bg-dark .text-btn:before, | |
.bg-dark-lighter .text-btn:before, | |
.bg-dark-lightest .text-btn:before, | |
div[class*=' bg-black'] .text-btn:before, | |
div[class^=bg-black] .text-btn:before { | |
background: rgba(255, 255, 255, .3) | |
} | |
.bg-dark .text-btn:after, | |
.bg-dark-lighter .text-btn:after, | |
.bg-dark-lightest .text-btn:after, | |
div[class*=' bg-black'] .text-btn:after, | |
div[class^=bg-black] .text-btn:after { | |
background: #fff | |
} | |
.bg-dark .text-btn:hover, | |
.bg-dark-lighter .text-btn:hover, | |
.bg-dark-lightest .text-btn:hover, | |
div[class*=' bg-black'] .text-btn:hover, | |
div[class^=bg-black] .text-btn:hover { | |
color: #fff | |
} | |
.text-btn-2 { | |
position: relative; | |
display: inline-block; | |
padding: 6px 0; | |
color: #141414 | |
} | |
.text-btn-2:after, | |
.text-btn-2:before { | |
content: ''; | |
position: absolute; | |
bottom: 0; | |
right: 0; | |
left: 0; | |
background: #141414; | |
height: 1px; | |
-webkit-transition: ease-out .2s; | |
transition: ease-out .2s | |
} | |
.text-btn-2:hover { | |
color: #141414 | |
} | |
.text-btn-2:hover:after, | |
.text-btn-2:hover:before { | |
right: -6px; | |
left: -6px | |
} | |
.text-btn-2:hover:after { | |
bottom: 100% | |
} | |
.bg-dark .text-btn-2, | |
.bg-dark-lighter .text-btn-2, | |
.bg-dark-lightest .text-btn-2, | |
div[class*=' bg-black'] .text-btn-2, | |
div[class^=bg-black] .text-btn-2 { | |
color: #fff | |
} | |
.bg-dark .text-btn-2:after, | |
.bg-dark .text-btn-2:before, | |
.bg-dark-lighter .text-btn-2:after, | |
.bg-dark-lighter .text-btn-2:before, | |
.bg-dark-lightest .text-btn-2:after, | |
.bg-dark-lightest .text-btn-2:before, | |
div[class*=' bg-black'] .text-btn-2:after, | |
div[class*=' bg-black'] .text-btn-2:before, | |
div[class^=bg-black] .text-btn-2:after, | |
div[class^=bg-black] .text-btn-2:before { | |
background: #fff | |
} | |
.text-btn-3 { | |
position: relative; | |
display: inline-block; | |
padding-bottom: 6px; | |
color: #646464 | |
} | |
.text-btn-3:before { | |
content: ''; | |
position: absolute; | |
bottom: 0; | |
left: 0; | |
background: #646464; | |
width: 30%; | |
height: 1px; | |
-webkit-transition: ease-out .2s; | |
transition: ease-out .2s | |
} | |
.text-btn-3:hover { | |
color: #141414 | |
} | |
.text-btn-3:hover:before { | |
background: #141414; | |
width: 100% | |
} | |
.bg-dark .text-btn-3, | |
.bg-dark-lighter .text-btn-3, | |
.bg-dark-lightest .text-btn-3, | |
div[class*=' bg-black'] .text-btn-3, | |
div[class^=bg-black] .text-btn-3 { | |
color: rgba(255, 255, 255, .7) | |
} | |
.bg-dark .text-btn-3:before, | |
.bg-dark-lighter .text-btn-3:before, | |
.bg-dark-lightest .text-btn-3:before, | |
div[class*=' bg-black'] .text-btn-3:before, | |
div[class^=bg-black] .text-btn-3:before { | |
background: rgba(255, 255, 255, .7) | |
} | |
.bg-dark .text-btn-3:hover, | |
.bg-dark-lighter .text-btn-3:hover, | |
.bg-dark-lightest .text-btn-3:hover, | |
div[class*=' bg-black'] .text-btn-3:hover, | |
div[class^=bg-black] .text-btn-3:hover { | |
color: #fff | |
} | |
.bg-dark .text-btn-3:hover:before, | |
.bg-dark-lighter .text-btn-3:hover:before, | |
.bg-dark-lightest .text-btn-3:hover:before, | |
div[class*=' bg-black'] .text-btn-3:hover:before, | |
div[class^=bg-black] .text-btn-3:hover:before { | |
background: #fff | |
} | |
.button-circle, | |
a.button-circle { | |
background: #e6e6e6; | |
display: inline-block; | |
border: 2px solid; | |
border-radius: 50%; | |
color: #141414; | |
text-align: center; | |
-webkit-transition: ease-out .2s; | |
transition: ease-out .2s | |
} | |
.button-circle:hover, | |
a.button-circle:hover { | |
color: #646464 | |
} | |
.button-circle-xs { | |
width: 30px; | |
height: 30px; | |
line-height: 30px | |
} | |
.button-circle-xs i { | |
line-height: 30px | |
} | |
.button-circle-sm { | |
width: 40px; | |
height: 40px; | |
line-height: 40px | |
} | |
.button-circle-sm i { | |
line-height: 40px | |
} | |
.button-circle-md { | |
width: 50px; | |
height: 50px; | |
line-height: 50px | |
} | |
.button-circle-md i { | |
line-height: 50px | |
} | |
.button-circle-lg { | |
width: 60px; | |
height: 60px; | |
line-height: 60px | |
} | |
.button-circle-lg i { | |
line-height: 60px | |
} | |
.button-circle-xl { | |
width: 70px; | |
height: 70px; | |
line-height: 70px | |
} | |
.button-circle-xl i { | |
line-height: 70px | |
} | |
.button-circle-hover-slide { | |
position: relative; | |
display: inline-block; | |
overflow: hidden | |
} | |
.button-circle-hover-slide i { | |
position: absolute; | |
left: 50%; | |
-webkit-transition: ease-out .2s; | |
transition: ease-out .2s | |
} | |
.button-circle-hover-slide i:first-child { | |
top: 50%; | |
-webkit-transform: translateX(-50%) translateY(-50%); | |
transform: translateX(-50%) translateY(-50%) | |
} | |
.button-circle-hover-slide i:last-child { | |
top: 100%; | |
-webkit-transform: translateX(-50%); | |
transform: translateX(-50%) | |
} | |
.button-circle-hover-slide:hover i:first-child { | |
top: -100%; | |
-webkit-transform: translateX(-50%) translateY(0); | |
transform: translateX(-50%) translateY(0) | |
} | |
.button-circle-hover-slide:hover i:last-child { | |
top: 50%; | |
-webkit-transform: translateX(-50%) translateY(-50%); | |
transform: translateX(-50%) translateY(-50%) | |
} | |
.button-circle-grey, | |
a.button-circle-grey { | |
background: #e6e6e6; | |
border-color: #e6e6e6 | |
} | |
.button-circle-grey:focus, | |
.button-circle-grey:hover, | |
a.button-circle-grey:focus, | |
a.button-circle-grey:hover { | |
background: #dcdcdc; | |
border-color: #dcdcdc; | |
color: #141414 | |
} | |
.button-circle-dark, | |
a.button-circle-dark { | |
background: #282828; | |
border-color: #282828; | |
color: #fff | |
} | |
.button-circle-dark:focus, | |
.button-circle-dark:hover, | |
a.button-circle-dark:focus, | |
a.button-circle-dark:hover { | |
background: #141414; | |
border-color: #141414; | |
color: #fff | |
} | |
.button-circle-white, | |
a.button-circle-white { | |
background: #fff; | |
border-color: #fff; | |
color: #141414 | |
} | |
.button-circle-white:focus, | |
.button-circle-white:hover, | |
a.button-circle-white:focus, | |
a.button-circle-white:hover { | |
background: rgba(255, 255, 255, .9); | |
border-color: transparent; | |
color: #141414 | |
} | |
.button-circle-white-2, | |
a.button-circle-white-2 { | |
background: #fff; | |
border-color: #fff; | |
color: #141414 | |
} | |
.button-circle-white-2:focus, | |
.button-circle-white-2:hover, | |
a.button-circle-white-2:focus, | |
a.button-circle-white-2:hover { | |
background: 0 0; | |
color: #fff | |
} | |
.button-circle-outline-grey, | |
a.button-circle-outline-grey { | |
background: 0 0; | |
border-color: rgba(0, 0, 0, .1) | |
} | |
.button-circle-outline-grey:focus, | |
.button-circle-outline-grey:hover, | |
a.button-circle-outline-grey:focus, | |
a.button-circle-outline-grey:hover { | |
border-color: #141414; | |
color: #141414 | |
} | |
.button-circle-outline-grey-2, | |
a.button-circle-outline-grey-2 { | |
background: 0 0; | |
border-color: rgba(0, 0, 0, .1) | |
} | |
.button-circle-outline-grey-2:focus, | |
.button-circle-outline-grey-2:hover, | |
a.button-circle-outline-grey-2:focus, | |
a.button-circle-outline-grey-2:hover { | |
background: rgba(0, 0, 0, .1); | |
border-color: transparent; | |
color: #141414 | |
} | |
.button-circle-outline-dark, | |
a.button-circle-outline-dark { | |
background: 0 0; | |
border-color: #141414 | |
} | |
.button-circle-outline-dark:focus, | |
.button-circle-outline-dark:hover, | |
a.button-circle-outline-dark:focus, | |
a.button-circle-outline-dark:hover { | |
border-color: rgba(0, 0, 0, .1); | |
color: #141414 | |
} | |
.button-circle-outline-dark-2, | |
a.button-circle-outline-dark-2 { | |
background: 0 0; | |
border-color: #141414 | |
} | |
.button-circle-outline-dark-2:focus, | |
.button-circle-outline-dark-2:hover, | |
a.button-circle-outline-dark-2:focus, | |
a.button-circle-outline-dark-2:hover { | |
background: #141414; | |
border-color: transparent; | |
color: #fff | |
} | |
.button-circle-outline-white, | |
a.button-circle-outline-white { | |
background: 0 0; | |
border-color: rgba(255, 255, 255, .3); | |
color: #fff | |
} | |
.button-circle-outline-white:focus, | |
.button-circle-outline-white:hover, | |
a.button-circle-outline-white:focus, | |
a.button-circle-outline-white:hover { | |
border-color: #fff; | |
color: #fff | |
} | |
.button-circle-outline-white-2, | |
a.button-circle-outline-white-2 { | |
background: 0 0; | |
border-color: #fff; | |
color: #fff | |
} | |
.button-circle-outline-white-2:focus, | |
.button-circle-outline-white-2:hover, | |
a.button-circle-outline-white-2:focus, | |
a.button-circle-outline-white-2:hover { | |
background: #fff; | |
color: #141414 | |
} | |
.button-circle-grow-dark, | |
.button-circle-grow-white, | |
a.button-circle-grow-dark, | |
a.button-circle-grow-white { | |
position: relative; | |
overflow: visible; | |
z-index: 1; | |
border: 0 solid transparent | |
} | |
.button-circle-grow-dark:before, | |
.button-circle-grow-white:before, | |
a.button-circle-grow-dark:before, | |
a.button-circle-grow-white:before { | |
content: ''; | |
position: absolute; | |
top: -5px; | |
right: -5px; | |
bottom: -5px; | |
left: -5px; | |
display: block; | |
z-index: -1; | |
-webkit-transition: linear .1s; | |
transition: linear .1s; | |
border-radius: 50% | |
} | |
.button-circle-grow-dark:focus, | |
.button-circle-grow-dark:hover, | |
.button-circle-grow-white:focus, | |
.button-circle-grow-white:hover, | |
a.button-circle-grow-dark:focus, | |
a.button-circle-grow-dark:hover, | |
a.button-circle-grow-white:focus, | |
a.button-circle-grow-white:hover { | |
border-color: transparent | |
} | |
.button-circle-grow-dark:focus:before, | |
.button-circle-grow-dark:hover:before, | |
.button-circle-grow-white:focus:before, | |
.button-circle-grow-white:hover:before, | |
a.button-circle-grow-dark:focus:before, | |
a.button-circle-grow-dark:hover:before, | |
a.button-circle-grow-white:focus:before, | |
a.button-circle-grow-white:hover:before { | |
top: -7px; | |
right: -7px; | |
bottom: -7px; | |
left: -7px | |
} | |
.button-circle-grow-dark, | |
a.button-circle-grow-dark { | |
background: #141414; | |
color: #fff | |
} | |
.button-circle-grow-dark:before, | |
a.button-circle-grow-dark:before { | |
background: rgba(0, 0, 0, .2) | |
} | |
.button-circle-grow-dark:focus, | |
.button-circle-grow-dark:hover, | |
a.button-circle-grow-dark:focus, | |
a.button-circle-grow-dark:hover { | |
background: #141414; | |
color: #fff | |
} | |
.button-circle-grow-white, | |
a.button-circle-grow-white { | |
background: #fff; | |
color: #141414 | |
} | |
.button-circle-grow-white:before, | |
a.button-circle-grow-white:before { | |
background: rgba(255, 255, 255, .3) | |
} | |
.button-circle-grow-white:focus, | |
.button-circle-grow-white:hover, | |
a.button-circle-grow-white:focus, | |
a.button-circle-grow-white:hover { | |
background: #fff; | |
color: #141414 | |
} | |
.scrolltotop { | |
position: fixed; | |
right: 20px; | |
bottom: 20px; | |
-webkit-transform: translateY(3px); | |
transform: translateY(3px); | |
z-index: 994; | |
visibility: hidden; | |
opacity: 0; | |
-webkit-transition: ease-out .2s; | |
transition: ease-out .2s | |
} | |
.scrolltotop.scrolltotop-show { | |
-webkit-transform: translateY(0); | |
transform: translateY(0); | |
visibility: visible; | |
opacity: 1 | |
} | |
hr { | |
background: rgba(0, 0, 0, .1); | |
height: 1px; | |
border: 0; | |
margin-right: 0; | |
margin-left: 0 | |
} | |
.text-center hr { | |
margin-right: auto; | |
margin-left: auto | |
} | |
.text-right hr { | |
margin-left: auto | |
} | |
.divider-width-10px hr { | |
width: 10px | |
} | |
.divider-width-20px hr { | |
width: 20px | |
} | |
.divider-width-30px hr { | |
width: 30px | |
} | |
.divider-width-40px hr { | |
width: 40px | |
} | |
.divider-width-50px hr { | |
width: 50px | |
} | |
.divider-width-60px hr { | |
width: 60px | |
} | |
.divider-width-70px hr { | |
width: 70px | |
} | |
.divider-height-2px hr { | |
height: 2px | |
} | |
.divider-height-3px hr { | |
height: 3px | |
} | |
.bg-dark hr, | |
.bg-dark-lighter hr, | |
.bg-dark-lightest hr, | |
div[class*=' bg-black'] hr, | |
div[class^=bg-black] hr { | |
background: rgba(255, 255, 255, .1) | |
} | |
.divider-dots span { | |
display: inline-block; | |
background: rgba(0, 0, 0, .1); | |
width: 6px; | |
height: 6px; | |
margin-right: 8px; | |
border-radius: 50% | |
} | |
.divider-dots span:last-child { | |
margin-right: 0 | |
} | |
.divider-dots.divider-dots-sm span { | |
width: 4px; | |
height: 4px; | |
margin-right: 6px | |
} | |
.divider-dots.divider-dots-sm span:last-child { | |
margin-right: 0 | |
} | |
.divider-dots.divider-dots-lg span { | |
width: 8px; | |
height: 8px; | |
margin-right: 10px | |
} | |
.divider-dots.divider-dots-lg span:last-child { | |
margin-right: 0 | |
} | |
.bg-dark .divider-dots span, | |
.bg-dark-lighter .divider-dots span, | |
.bg-dark-lightest .divider-dots span, | |
div[class*=' bg-black'] .divider-dots span, | |
div[class^=bg-black] .divider-dots span { | |
background: rgba(255, 255, 255, .1) | |
} | |
.divider-zigzag { | |
height: 16px | |
} | |
.divider-zigzag span { | |
position: relative; | |
display: inline-block; | |
width: 17px; | |
height: 16px; | |
margin-right: -3px | |
} | |
.divider-zigzag span:after, | |
.divider-zigzag span:before { | |
content: ''; | |
position: absolute; | |
top: 50%; | |
-webkit-transform: translateY(-50%); | |
transform: translateY(-50%); | |
background: rgba(0, 0, 0, .2); | |
width: 10px; | |
height: 1px | |
} | |
.divider-zigzag span:before { | |
left: 0; | |
-webkit-transform: rotate(45deg); | |
transform: rotate(45deg) | |
} | |
.divider-zigzag span:after { | |
right: 0; | |
-webkit-transform: rotate(-45deg); | |
transform: rotate(-45deg) | |
} | |
.divider-zigzag span:last-child { | |
margin-right: 0 | |
} | |
.divider-zigzag.divider-zigzag-sm { | |
height: 14px | |
} | |
.divider-zigzag.divider-zigzag-sm span { | |
width: 12px; | |
height: 14px; | |
margin-right: -2px | |
} | |
.divider-zigzag.divider-zigzag-sm span:after, | |
.divider-zigzag.divider-zigzag-sm span:before { | |
width: 7px | |
} | |
.divider-zigzag.divider-zigzag-sm span:last-child { | |
margin-right: 0 | |
} | |
.divider-zigzag.divider-zigzag-lg { | |
height: 18px | |
} | |
.divider-zigzag.divider-zigzag-lg span { | |
width: 24px; | |
height: 18px; | |
margin-right: -4px | |
} | |
.divider-zigzag.divider-zigzag-lg span:after, | |
.divider-zigzag.divider-zigzag-lg span:before { | |
width: 14px | |
} | |
.divider-zigzag.divider-zigzag-lg span:last-child { | |
margin-right: 0 | |
} | |
.bg-dark .divider-zigzag span:after, | |
.bg-dark .divider-zigzag span:before, | |
.bg-dark-lighter .divider-zigzag span:after, | |
.bg-dark-lighter .divider-zigzag span:before, | |
.bg-dark-lightest .divider-zigzag span:after, | |
.bg-dark-lightest .divider-zigzag span:before, | |
div[class*=' bg-black'] .divider-zigzag span:after, | |
div[class*=' bg-black'] .divider-zigzag span:before, | |
div[class^=bg-black] .divider-zigzag span:after, | |
div[class^=bg-black] .divider-zigzag span:before { | |
background: rgba(255, 255, 255, .1) | |
} | |
.divider-zigzag.divider-zigzag-color-black span:after, | |
.divider-zigzag.divider-zigzag-color-black span:before { | |
background: #000 | |
} | |
.divider-zigzag.divider-zigzag-color-black-09 span:after, | |
.divider-zigzag.divider-zigzag-color-black-09 span:before { | |
background: rgba(0, 0, 0, .9) | |
} | |
.divider-zigzag.divider-zigzag-color-black-08 span:after, | |
.divider-zigzag.divider-zigzag-color-black-08 span:before { | |
background: rgba(0, 0, 0, .8) | |
} | |
.divider-zigzag.divider-zigzag-color-black-07 span:after, | |
.divider-zigzag.divider-zigzag-color-black-07 span:before { | |
background: rgba(0, 0, 0, .7) | |
} | |
.divider-zigzag.divider-zigzag-color-black-06 span:after, | |
.divider-zigzag.divider-zigzag-color-black-06 span:before { | |
background: rgba(0, 0, 0, .6) | |
} | |
.divider-zigzag.divider-zigzag-color-black-05 span:after, | |
.divider-zigzag.divider-zigzag-color-black-05 span:before { | |
background: rgba(0, 0, 0, .5) | |
} | |
.divider-zigzag.divider-zigzag-color-black-04 span:after, | |
.divider-zigzag.divider-zigzag-color-black-04 span:before { | |
background: rgba(0, 0, 0, .4) | |
} | |
.divider-zigzag.divider-zigzag-color-black-03 span:after, | |
.divider-zigzag.divider-zigzag-color-black-03 span:before { | |
background: rgba(0, 0, 0, .3) | |
} | |
.divider-zigzag.divider-zigzag-color-black-02 span:after, | |
.divider-zigzag.divider-zigzag-color-black-02 span:before { | |
background: rgba(0, 0, 0, .2) | |
} | |
.divider-zigzag.divider-zigzag-color-black-01 span:after, | |
.divider-zigzag.divider-zigzag-color-black-01 span:before { | |
background: rgba(0, 0, 0, .1) | |
} | |
.divider-zigzag.divider-zigzag-color-white span:after, | |
.divider-zigzag.divider-zigzag-color-white span:before { | |
background: #fff | |
} | |
.divider-zigzag.divider-zigzag-color-white-09 span:after, | |
.divider-zigzag.divider-zigzag-color-white-09 span:before { | |
background: rgba(255, 255, 255, .9) | |
} | |
.divider-zigzag.divider-zigzag-color-white-08 span:after, | |
.divider-zigzag.divider-zigzag-color-white-08 span:before { | |
background: rgba(255, 255, 255, .8) | |
} | |
.divider-zigzag.divider-zigzag-color-white-07 span:after, | |
.divider-zigzag.divider-zigzag-color-white-07 span:before { | |
background: rgba(255, 255, 255, .7) | |
} | |
.divider-zigzag.divider-zigzag-color-white-06 span:after, | |
.divider-zigzag.divider-zigzag-color-white-06 span:before { | |
background: rgba(255, 255, 255, .6) | |
} | |
.divider-zigzag.divider-zigzag-color-white-05 span:after, | |
.divider-zigzag.divider-zigzag-color-white-05 span:before { | |
background: rgba(255, 255, 255, .5) | |
} | |
.divider-zigzag.divider-zigzag-color-white-04 span:after, | |
.divider-zigzag.divider-zigzag-color-white-04 span:before { | |
background: rgba(255, 255, 255, .4) | |
} | |
.divider-zigzag.divider-zigzag-color-white-03 span:after, | |
.divider-zigzag.divider-zigzag-color-white-03 span:before { | |
background: rgba(255, 255, 255, .3) | |
} | |
.divider-zigzag.divider-zigzag-color-white-02 span:after, | |
.divider-zigzag.divider-zigzag-color-white-02 span:before { | |
background: rgba(255, 255, 255, .2) | |
} | |
.divider-zigzag.divider-zigzag-color-white-01 span:after, | |
.divider-zigzag.divider-zigzag-color-white-01 span:before { | |
background: rgba(255, 255, 255, .1) | |
} | |
.btn-group .dropdown-menu, | |
.dropdown .dropdown-menu { | |
border: 0; | |
border-radius: 0; | |
-webkit-box-shadow: 0 0 24px 0 rgba(0, 0, 0, .09); | |
box-shadow: 0 0 24px 0 rgba(0, 0, 0, .09); | |
padding: 15px 20px | |
} | |
.btn-group .dropdown-menu .dropdown-item, | |
.dropdown .dropdown-menu .dropdown-item { | |
margin-bottom: 10px; | |
padding: 0; | |
color: #141414; | |
font: 300 15px Heebo, sans-serif; | |
letter-spacing: 0; | |
text-transform: none; | |
-webkit-transition: linear .1s; | |
transition: linear .1s | |
} | |
.btn-group .dropdown-menu .dropdown-item:last-child, | |
.dropdown .dropdown-menu .dropdown-item:last-child { | |
margin: 0 | |
} | |
.btn-group .dropdown-menu .dropdown-item:active, | |
.btn-group .dropdown-menu .dropdown-item:focus, | |
.btn-group .dropdown-menu .dropdown-item:hover, | |
.dropdown .dropdown-menu .dropdown-item:active, | |
.dropdown .dropdown-menu .dropdown-item:focus, | |
.dropdown .dropdown-menu .dropdown-item:hover { | |
background: 0 0; | |
color: #646464 | |
} | |
.form-row div[class*=" col-"], | |
.form-row div[class^=col-] { | |
margin: 0 | |
} | |
input, | |
textarea { | |
background: 0 0; | |
width: 100%; | |
border: 1px solid rgba(0, 0, 0, .1); | |
margin-bottom: 10px; | |
padding: 15px 20px; | |
box-shadow: none; | |
font: 300 16px Heebo, sans-serif; | |
-webkit-transition: ease-out .2s; | |
transition: ease-out .2s | |
} | |
input:active, | |
input:focus, | |
textarea:active, | |
textarea:focus { | |
outline: 0; | |
box-shadow: none | |
} | |
textarea { | |
height: 140px | |
} | |
label { | |
margin-bottom: 5px | |
} | |
.form-control, | |
input, | |
textarea { | |
color: #646464 | |
} | |
.form-control::-webkit-input-placeholder, | |
input::-webkit-input-placeholder, | |
textarea::-webkit-input-placeholder { | |
color: #a0a0a0 | |
} | |
.form-control::-moz-placeholder, | |
input::-moz-placeholder, | |
textarea::-moz-placeholder { | |
color: #a0a0a0 | |
} | |
.form-control:-ms-placeholder, | |
input:-ms-placeholder, | |
textarea:-ms-placeholder { | |
color: #a0a0a0 | |
} | |
.form-control::-ms-placeholder, | |
input::-ms-placeholder, | |
textarea::-ms-placeholder { | |
color: #a0a0a0 | |
} | |
.form-control::placeholder, | |
input::placeholder, | |
textarea::placeholder { | |
color: #a0a0a0 | |
} | |
.form-control:focus, | |
input:focus, | |
textarea:focus { | |
border-color: rgba(0, 0, 0, .2) | |
} | |
.form-control { | |
background: 0 0; | |
border: 1px solid rgba(0, 0, 0, .1); | |
border-radius: 0; | |
padding: 15px 20px | |
} | |
.form-control:focus { | |
background: 0 0; | |
box-shadow: none | |
} | |
.form-control.form-control-sm { | |
padding: 5px 10px | |
} | |
.form-control:read-only { | |
background: #e6e6e6; | |
border: 0; | |
-webkit-transition: linear .1s; | |
transition: linear .1s | |
} | |
.form-control:read-only:focus { | |
background: #dcdcdc; | |
border: 0 | |
} | |
.form-control:-moz-read-only { | |
background: #e6e6e6; | |
border: 0; | |
-webkit-transition: linear .1s; | |
transition: linear .1s | |
} | |
.form-control:-moz-read-only:focus { | |
background: #dcdcdc; | |
border: 0 | |
} | |
.form-control-plaintext { | |
border: 0 | |
} | |
.form-check-input:disabled~.form-check-label { | |
color: #a0a0a0 | |
} | |
.required:after { | |
content: '*'; | |
padding-left: 3px | |
} | |
select { | |
margin-bottom: 10px | |
} | |
.custom-select { | |
background-color: transparent; | |
width: auto; | |
min-width: 160px; | |
height: auto; | |
border-radius: 0; | |
padding: 10px 15px; | |
border-color: rgba(0, 0, 0, .1); | |
color: #646464; | |
font-size: 14px; | |
-webkit-transition: ease-out .2s; | |
transition: ease-out .2s | |
} | |
.custom-select:focus { | |
border-color: rgba(0, 0, 0, .2); | |
outline: 0; | |
box-shadow: none | |
} | |
.custom-select.custom-select-sm { | |
height: auto; | |
padding: 5px 10px | |
} | |
.custom-select.custom-select-lg { | |
height: auto; | |
padding: 15px 20px | |
} | |
.custom-select.select-fullwidth { | |
width: 100% | |
} | |
.form-style-3 .custom-select, | |
.form-style-3 .form-control, | |
.form-style-3 input, | |
.form-style-3 textarea, | |
.form-style-4 .custom-select, | |
.form-style-4 .form-control, | |
.form-style-4 input, | |
.form-style-4 textarea, | |
form.form-style-3 .custom-select, | |
form.form-style-3 .form-control, | |
form.form-style-3 input, | |
form.form-style-3 textarea, | |
form.form-style-4 .custom-select, | |
form.form-style-4 .form-control, | |
form.form-style-4 input, | |
form.form-style-4 textarea { | |
margin-bottom: 20px; | |
padding: 0 0 10px; | |
border-top-width: 0; | |
border-right-width: 0; | |
border-bottom-width: 1px; | |
border-left-width: 0 | |
} | |
.form-style-2 .custom-select:focus, | |
.form-style-2 .form-control:focus, | |
.form-style-2 input:focus, | |
.form-style-2 textarea:focus, | |
.form-style-4 .custom-select:focus, | |
.form-style-4 .form-control:focus, | |
.form-style-4 input:focus, | |
.form-style-4 textarea:focus, | |
form.form-style-2 .custom-select:focus, | |
form.form-style-2 .form-control:focus, | |
form.form-style-2 input:focus, | |
form.form-style-2 textarea:focus, | |
form.form-style-4 .custom-select:focus, | |
form.form-style-4 .form-control:focus, | |
form.form-style-4 input:focus, | |
form.form-style-4 textarea:focus { | |
border-color: rgba(0, 0, 0, .9) | |
} | |
.form-style-5 .custom-select, | |
.form-style-5 .form-control, | |
.form-style-5 input, | |
.form-style-5 textarea, | |
form.form-style-5 .custom-select, | |
form.form-style-5 .form-control, | |
form.form-style-5 input, | |
form.form-style-5 textarea { | |
background: #f5f5f5; | |
border: 0 | |
} | |
.form-style-5 .custom-select:focus, | |
.form-style-5 .form-control:focus, | |
.form-style-5 input:focus, | |
.form-style-5 textarea:focus, | |
form.form-style-5 .custom-select:focus, | |
form.form-style-5 .form-control:focus, | |
form.form-style-5 input:focus, | |
form.form-style-5 textarea:focus { | |
background: #f0f0f0 | |
} | |
div[class*=' bg-grey'] .form-style-5 .custom-select, | |
div[class*=' bg-grey'] .form-style-5 .form-control, | |
div[class*=' bg-grey'] .form-style-5 input, | |
div[class*=' bg-grey'] .form-style-5 textarea, | |
div[class*=' bg-grey'] form.form-style-5 .custom-select, | |
div[class*=' bg-grey'] form.form-style-5 .form-control, | |
div[class*=' bg-grey'] form.form-style-5 input, | |
div[class*=' bg-grey'] form.form-style-5 textarea, | |
div[class^=bg-grey] .form-style-5 .custom-select, | |
div[class^=bg-grey] .form-style-5 .form-control, | |
div[class^=bg-grey] .form-style-5 input, | |
div[class^=bg-grey] .form-style-5 textarea, | |
div[class^=bg-grey] form.form-style-5 .custom-select, | |
div[class^=bg-grey] form.form-style-5 .form-control, | |
div[class^=bg-grey] form.form-style-5 input, | |
div[class^=bg-grey] form.form-style-5 textarea { | |
background: #fff | |
} | |
div[class*=' bg-grey'] .form-style-5 .custom-select:focus, | |
div[class*=' bg-grey'] .form-style-5 .form-control:focus, | |
div[class*=' bg-grey'] .form-style-5 input:focus, | |
div[class*=' bg-grey'] .form-style-5 textarea:focus, | |
div[class*=' bg-grey'] form.form-style-5 .custom-select:focus, | |
div[class*=' bg-grey'] form.form-style-5 .form-control:focus, | |
div[class*=' bg-grey'] form.form-style-5 input:focus, | |
div[class*=' bg-grey'] form.form-style-5 textarea:focus, | |
div[class^=bg-grey] .form-style-5 .custom-select:focus, | |
div[class^=bg-grey] .form-style-5 .form-control:focus, | |
div[class^=bg-grey] .form-style-5 input:focus, | |
div[class^=bg-grey] .form-style-5 textarea:focus, | |
div[class^=bg-grey] form.form-style-5 .custom-select:focus, | |
div[class^=bg-grey] form.form-style-5 .form-control:focus, | |
div[class^=bg-grey] form.form-style-5 input:focus, | |
div[class^=bg-grey] form.form-style-5 textarea:focus { | |
background: #fff | |
} | |
.bg-dark .form-control, | |
.bg-dark input, | |
.bg-dark textarea, | |
.bg-dark-lighter .form-control, | |
.bg-dark-lighter input, | |
.bg-dark-lighter textarea, | |
.bg-dark-lightest .form-control, | |
.bg-dark-lightest input, | |
.bg-dark-lightest textarea, | |
div[class*=' bg-black'] .form-control, | |
div[class*=' bg-black'] input, | |
div[class*=' bg-black'] textarea, | |
div[class^=bg-black] .form-control, | |
div[class^=bg-black] input, | |
div[class^=bg-black] textarea { | |
background: 0 0; | |
border-color: rgba(255, 255, 255, .2); | |
color: rgba(255, 255, 255, .7) | |
} | |
.bg-dark .form-control::-webkit-input-placeholder, | |
.bg-dark input::-webkit-input-placeholder, | |
.bg-dark textarea::-webkit-input-placeholder, | |
.bg-dark-lighter .form-control::-webkit-input-placeholder, | |
.bg-dark-lighter input::-webkit-input-placeholder, | |
.bg-dark-lighter textarea::-webkit-input-placeholder, | |
.bg-dark-lightest .form-control::-webkit-input-placeholder, | |
.bg-dark-lightest input::-webkit-input-placeholder, | |
.bg-dark-lightest textarea::-webkit-input-placeholder, | |
div[class*=' bg-black'] .form-control::-webkit-input-placeholder, | |
div[class*=' bg-black'] input::-webkit-input-placeholder, | |
div[class*=' bg-black'] textarea::-webkit-input-placeholder, | |
div[class^=bg-black] .form-control::-webkit-input-placeholder, | |
div[class^=bg-black] input::-webkit-input-placeholder, | |
div[class^=bg-black] textarea::-webkit-input-placeholder { | |
color: rgba(255, 255, 255, .5) | |
} | |
.bg-dark .form-control::-moz-placeholder, | |
.bg-dark input::-moz-placeholder, | |
.bg-dark textarea::-moz-placeholder, | |
.bg-dark-lighter .form-control::-moz-placeholder, | |
.bg-dark-lighter input::-moz-placeholder, | |
.bg-dark-lighter textarea::-moz-placeholder, | |
.bg-dark-lightest .form-control::-moz-placeholder, | |
.bg-dark-lightest input::-moz-placeholder, | |
.bg-dark-lightest textarea::-moz-placeholder, | |
div[class*=' bg-black'] .form-control::-moz-placeholder, | |
div[class*=' bg-black'] input::-moz-placeholder, | |
div[class*=' bg-black'] textarea::-moz-placeholder, | |
div[class^=bg-black] .form-control::-moz-placeholder, | |
div[class^=bg-black] input::-moz-placeholder, | |
div[class^=bg-black] textarea::-moz-placeholder { | |
color: rgba(255, 255, 255, .5) | |
} | |
.bg-dark .form-control:-ms-placeholder, | |
.bg-dark input:-ms-placeholder, | |
.bg-dark textarea:-ms-placeholder, | |
.bg-dark-lighter .form-control:-ms-placeholder, | |
.bg-dark-lighter input:-ms-placeholder, | |
.bg-dark-lighter textarea:-ms-placeholder, | |
.bg-dark-lightest .form-control:-ms-placeholder, | |
.bg-dark-lightest input:-ms-placeholder, | |
.bg-dark-lightest textarea:-ms-placeholder, | |
div[class*=' bg-black'] .form-control:-ms-placeholder, | |
div[class*=' bg-black'] input:-ms-placeholder, | |
div[class*=' bg-black'] textarea:-ms-placeholder, | |
div[class^=bg-black] .form-control:-ms-placeholder, | |
div[class^=bg-black] input:-ms-placeholder, | |
div[class^=bg-black] textarea:-ms-placeholder { | |
color: rgba(255, 255, 255, .5) | |
} | |
.bg-dark .form-control::-ms-placeholder, | |
.bg-dark input::-ms-placeholder, | |
.bg-dark textarea::-ms-placeholder, | |
.bg-dark-lighter .form-control::-ms-placeholder, | |
.bg-dark-lighter input::-ms-placeholder, | |
.bg-dark-lighter textarea::-ms-placeholder, | |
.bg-dark-lightest .form-control::-ms-placeholder, | |
.bg-dark-lightest input::-ms-placeholder, | |
.bg-dark-lightest textarea::-ms-placeholder, | |
div[class*=' bg-black'] .form-control::-ms-placeholder, | |
div[class*=' bg-black'] input::-ms-placeholder, | |
div[class*=' bg-black'] textarea::-ms-placeholder, | |
div[class^=bg-black] .form-control::-ms-placeholder, | |
div[class^=bg-black] input::-ms-placeholder, | |
div[class^=bg-black] textarea::-ms-placeholder { | |
color: rgba(255, 255, 255, .5) | |
} | |
.bg-dark .form-control::placeholder, | |
.bg-dark input::placeholder, | |
.bg-dark textarea::placeholder, | |
.bg-dark-lighter .form-control::placeholder, | |
.bg-dark-lighter input::placeholder, | |
.bg-dark-lighter textarea::placeholder, | |
.bg-dark-lightest .form-control::placeholder, | |
.bg-dark-lightest input::placeholder, | |
.bg-dark-lightest textarea::placeholder, | |
div[class*=' bg-black'] .form-control::placeholder, | |
div[class*=' bg-black'] input::placeholder, | |
div[class*=' bg-black'] textarea::placeholder, | |
div[class^=bg-black] .form-control::placeholder, | |
div[class^=bg-black] input::placeholder, | |
div[class^=bg-black] textarea::placeholder { | |
color: rgba(255, 255, 255, .5) | |
} | |
.bg-dark .form-control:focus, | |
.bg-dark input:focus, | |
.bg-dark textarea:focus, | |
.bg-dark-lighter .form-control:focus, | |
.bg-dark-lighter input:focus, | |
.bg-dark-lighter textarea:focus, | |
.bg-dark-lightest .form-control:focus, | |
.bg-dark-lightest input:focus, | |
.bg-dark-lightest textarea:focus, | |
div[class*=' bg-black'] .form-control:focus, | |
div[class*=' bg-black'] input:focus, | |
div[class*=' bg-black'] textarea:focus, | |
div[class^=bg-black] .form-control:focus, | |
div[class^=bg-black] input:focus, | |
div[class^=bg-black] textarea:focus { | |
border-color: rgba(255, 255, 255, .3) | |
} | |
.bg-dark .custom-select, | |
.bg-dark-lighter .custom-select, | |
.bg-dark-lightest .custom-select, | |
div[class*=' bg-black'] .custom-select, | |
div[class^=bg-black] .custom-select { | |
background: 0 0; | |
border-color: rgba(255, 255, 255, .2); | |
color: rgba(255, 255, 255, .7) | |
} | |
.bg-dark .custom-select:focus, | |
.bg-dark-lighter .custom-select:focus, | |
.bg-dark-lightest .custom-select:focus, | |
div[class*=' bg-black'] .custom-select:focus, | |
div[class^=bg-black] .custom-select:focus { | |
border-color: rgba(255, 255, 255, .3) | |
} | |
.bg-dark .form-style-2 .custom-select:focus, | |
.bg-dark .form-style-2 .form-control:focus, | |
.bg-dark .form-style-2 input:focus, | |
.bg-dark .form-style-2 textarea:focus, | |
.bg-dark .form-style-4 .custom-select:focus, | |
.bg-dark .form-style-4 .form-control:focus, | |
.bg-dark .form-style-4 input:focus, | |
.bg-dark .form-style-4 textarea:focus, | |
.bg-dark form.form-style-2 .custom-select:focus, | |
.bg-dark form.form-style-2 .form-control:focus, | |
.bg-dark form.form-style-2 input:focus, | |
.bg-dark form.form-style-2 textarea:focus, | |
.bg-dark form.form-style-4 .custom-select:focus, | |
.bg-dark form.form-style-4 .form-control:focus, | |
.bg-dark form.form-style-4 input:focus, | |
.bg-dark form.form-style-4 textarea:focus, | |
.bg-dark-lighter .form-style-2 .custom-select:focus, | |
.bg-dark-lighter .form-style-2 .form-control:focus, | |
.bg-dark-lighter .form-style-2 input:focus, | |
.bg-dark-lighter .form-style-2 textarea:focus, | |
.bg-dark-lighter .form-style-4 .custom-select:focus, | |
.bg-dark-lighter .form-style-4 .form-control:focus, | |
.bg-dark-lighter .form-style-4 input:focus, | |
.bg-dark-lighter .form-style-4 textarea:focus, | |
.bg-dark-lighter form.form-style-2 .custom-select:focus, | |
.bg-dark-lighter form.form-style-2 .form-control:focus, | |
.bg-dark-lighter form.form-style-2 input:focus, | |
.bg-dark-lighter form.form-style-2 textarea:focus, | |
.bg-dark-lighter form.form-style-4 .custom-select:focus, | |
.bg-dark-lighter form.form-style-4 .form-control:focus, | |
.bg-dark-lighter form.form-style-4 input:focus, | |
.bg-dark-lighter form.form-style-4 textarea:focus, | |
.bg-dark-lightest .form-style-2 .custom-select:focus, | |
.bg-dark-lightest .form-style-2 .form-control:focus, | |
.bg-dark-lightest .form-style-2 input:focus, | |
.bg-dark-lightest .form-style-2 textarea:focus, | |
.bg-dark-lightest .form-style-4 .custom-select:focus, | |
.bg-dark-lightest .form-style-4 .form-control:focus, | |
.bg-dark-lightest .form-style-4 input:focus, | |
.bg-dark-lightest .form-style-4 textarea:focus, | |
.bg-dark-lightest form.form-style-2 .custom-select:focus, | |
.bg-dark-lightest form.form-style-2 .form-control:focus, | |
.bg-dark-lightest form.form-style-2 input:focus, | |
.bg-dark-lightest form.form-style-2 textarea:focus, | |
.bg-dark-lightest form.form-style-4 .custom-select:focus, | |
.bg-dark-lightest form.form-style-4 .form-control:focus, | |
.bg-dark-lightest form.form-style-4 input:focus, | |
.bg-dark-lightest form.form-style-4 textarea:focus, | |
div[class*=' bg-black'] .form-style-2 .custom-select:focus, | |
div[class*=' bg-black'] .form-style-2 .form-control:focus, | |
div[class*=' bg-black'] .form-style-2 input:focus, | |
div[class*=' bg-black'] .form-style-2 textarea:focus, | |
div[class*=' bg-black'] .form-style-4 .custom-select:focus, | |
div[class*=' bg-black'] .form-style-4 .form-control:focus, | |
div[class*=' bg-black'] .form-style-4 input:focus, | |
div[class*=' bg-black'] .form-style-4 textarea:focus, | |
div[class*=' bg-black'] form.form-style-2 .custom-select:focus, | |
div[class*=' bg-black'] form.form-style-2 .form-control:focus, | |
div[class*=' bg-black'] form.form-style-2 input:focus, | |
div[class*=' bg-black'] form.form-style-2 textarea:focus, | |
div[class*=' bg-black'] form.form-style-4 .custom-select:focus, | |
div[class*=' bg-black'] form.form-style-4 .form-control:focus, | |
div[class*=' bg-black'] form.form-style-4 input:focus, | |
div[class*=' bg-black'] form.form-style-4 textarea:focus, | |
div[class^=bg-black] .form-style-2 .custom-select:focus, | |
div[class^=bg-black] .form-style-2 .form-control:focus, | |
div[class^=bg-black] .form-style-2 input:focus, | |
div[class^=bg-black] .form-style-2 textarea:focus, | |
div[class^=bg-black] .form-style-4 .custom-select:focus, | |
div[class^=bg-black] .form-style-4 .form-control:focus, | |
div[class^=bg-black] .form-style-4 input:focus, | |
div[class^=bg-black] .form-style-4 textarea:focus, | |
div[class^=bg-black] form.form-style-2 .custom-select:focus, | |
div[class^=bg-black] form.form-style-2 .form-control:focus, | |
div[class^=bg-black] form.form-style-2 input:focus, | |
div[class^=bg-black] form.form-style-2 textarea:focus, | |
div[class^=bg-black] form.form-style-4 .custom-select:focus, | |
div[class^=bg-black] form.form-style-4 .form-control:focus, | |
div[class^=bg-black] form.form-style-4 input:focus, | |
div[class^=bg-black] form.form-style-4 textarea:focus { | |
border-color: #fff | |
} | |
.bg-dark .form-style-5 .custom-select, | |
.bg-dark .form-style-5 .form-control, | |
.bg-dark .form-style-5 input, | |
.bg-dark .form-style-5 textarea, | |
.bg-dark form.form-style-5 .custom-select, | |
.bg-dark form.form-style-5 .form-control, | |
.bg-dark form.form-style-5 input, | |
.bg-dark form.form-style-5 textarea, | |
.bg-dark-lighter .form-style-5 .custom-select, | |
.bg-dark-lighter .form-style-5 .form-control, | |
.bg-dark-lighter .form-style-5 input, | |
.bg-dark-lighter .form-style-5 textarea, | |
.bg-dark-lighter form.form-style-5 .custom-select, | |
.bg-dark-lighter form.form-style-5 .form-control, | |
.bg-dark-lighter form.form-style-5 input, | |
.bg-dark-lighter form.form-style-5 textarea, | |
.bg-dark-lightest .form-style-5 .custom-select, | |
.bg-dark-lightest .form-style-5 .form-control, | |
.bg-dark-lightest .form-style-5 input, | |
.bg-dark-lightest .form-style-5 textarea, | |
.bg-dark-lightest form.form-style-5 .custom-select, | |
.bg-dark-lightest form.form-style-5 .form-control, | |
.bg-dark-lightest form.form-style-5 input, | |
.bg-dark-lightest form.form-style-5 textarea, | |
div[class*=' bg-black'] .form-style-5 .custom-select, | |
div[class*=' bg-black'] .form-style-5 .form-control, | |
div[class*=' bg-black'] .form-style-5 input, | |
div[class*=' bg-black'] .form-style-5 textarea, | |
div[class*=' bg-black'] form.form-style-5 .custom-select, | |
div[class*=' bg-black'] form.form-style-5 .form-control, | |
div[class*=' bg-black'] form.form-style-5 input, | |
div[class*=' bg-black'] form.form-style-5 textarea, | |
div[class^=bg-black] .form-style-5 .custom-select, | |
div[class^=bg-black] .form-style-5 .form-control, | |
div[class^=bg-black] .form-style-5 input, | |
div[class^=bg-black] .form-style-5 textarea, | |
div[class^=bg-black] form.form-style-5 .custom-select, | |
div[class^=bg-black] form.form-style-5 .form-control, | |
div[class^=bg-black] form.form-style-5 input, | |
div[class^=bg-black] form.form-style-5 textarea { | |
background: rgba(255, 255, 255, .1); | |
border: 0 | |
} | |
.bg-dark .form-style-5 .custom-select:focus, | |
.bg-dark .form-style-5 .form-control:focus, | |
.bg-dark .form-style-5 input:focus, | |
.bg-dark .form-style-5 textarea:focus, | |
.bg-dark form.form-style-5 .custom-select:focus, | |
.bg-dark form.form-style-5 .form-control:focus, | |
.bg-dark form.form-style-5 input:focus, | |
.bg-dark form.form-style-5 textarea:focus, | |
.bg-dark-lighter .form-style-5 .custom-select:focus, | |
.bg-dark-lighter .form-style-5 .form-control:focus, | |
.bg-dark-lighter .form-style-5 input:focus, | |
.bg-dark-lighter .form-style-5 textarea:focus, | |
.bg-dark-lighter form.form-style-5 .custom-select:focus, | |
.bg-dark-lighter form.form-style-5 .form-control:focus, | |
.bg-dark-lighter form.form-style-5 input:focus, | |
.bg-dark-lighter form.form-style-5 textarea:focus, | |
.bg-dark-lightest .form-style-5 .custom-select:focus, | |
.bg-dark-lightest .form-style-5 .form-control:focus, | |
.bg-dark-lightest .form-style-5 input:focus, | |
.bg-dark-lightest .form-style-5 textarea:focus, | |
.bg-dark-lightest form.form-style-5 .custom-select:focus, | |
.bg-dark-lightest form.form-style-5 .form-control:focus, | |
.bg-dark-lightest form.form-style-5 input:focus, | |
.bg-dark-lightest form.form-style-5 textarea:focus, | |
div[class*=' bg-black'] .form-style-5 .custom-select:focus, | |
div[class*=' bg-black'] .form-style-5 .form-control:focus, | |
div[class*=' bg-black'] .form-style-5 input:focus, | |
div[class*=' bg-black'] .form-style-5 textarea:focus, | |
div[class*=' bg-black'] form.form-style-5 .custom-select:focus, | |
div[class*=' bg-black'] form.form-style-5 .form-control:focus, | |
div[class*=' bg-black'] form.form-style-5 input:focus, | |
div[class*=' bg-black'] form.form-style-5 textarea:focus, | |
div[class^=bg-black] .form-style-5 .custom-select:focus, | |
div[class^=bg-black] .form-style-5 .form-control:focus, | |
div[class^=bg-black] .form-style-5 input:focus, | |
div[class^=bg-black] .form-style-5 textarea:focus, | |
div[class^=bg-black] form.form-style-5 .custom-select:focus, | |
div[class^=bg-black] form.form-style-5 .form-control:focus, | |
div[class^=bg-black] form.form-style-5 input:focus, | |
div[class^=bg-black] form.form-style-5 textarea:focus { | |
background: rgba(255, 255, 255, .2) | |
} | |
.hyperlink-1, | |
.hyperlink-10, | |
.hyperlink-11, | |
.hyperlink-2, | |
.hyperlink-3, | |
.hyperlink-4, | |
.hyperlink-5, | |
.hyperlink-6, | |
.hyperlink-7, | |
.hyperlink-8, | |
.hyperlink-9 { | |
color: rgba(0, 0, 0, .9) | |
} | |
.hyperlink-10:focus, | |
.hyperlink-10:hover, | |
.hyperlink-11:focus, | |
.hyperlink-11:hover, | |
.hyperlink-1:focus, | |
.hyperlink-1:hover, | |
.hyperlink-2:focus, | |
.hyperlink-2:hover, | |
.hyperlink-3:focus, | |
.hyperlink-3:hover, | |
.hyperlink-4:focus, | |
.hyperlink-4:hover, | |
.hyperlink-5:focus, | |
.hyperlink-5:hover, | |
.hyperlink-6:focus, | |
.hyperlink-6:hover, | |
.hyperlink-7:focus, | |
.hyperlink-7:hover, | |
.hyperlink-8:focus, | |
.hyperlink-8:hover, | |
.hyperlink-9:focus, | |
.hyperlink-9:hover { | |
color: rgba(0, 0, 0, .9) | |
} | |
.hyperlink-1:hover { | |
text-decoration: underline | |
} | |
.hyperlink-2:hover { | |
text-decoration: line-through | |
} | |
.hyperlink-3:hover { | |
text-decoration: overline | |
} | |
.hyperlink-4:hover { | |
text-decoration: underline overline | |
} | |
.hyperlink-5, | |
.hyperlink-6 { | |
position: relative | |
} | |
.hyperlink-5:before, | |
.hyperlink-6:before { | |
content: ''; | |
position: absolute; | |
bottom: 0; | |
background: rgba(0, 0, 0, .9); | |
width: 0; | |
height: 1px; | |
-webkit-transition: linear .1s; | |
transition: linear .1s | |
} | |
.hyperlink-5:hover:before, | |
.hyperlink-6:hover:before { | |
width: 100% | |
} | |
.hyperlink-5:before { | |
left: 0 | |
} | |
.hyperlink-6:before { | |
right: 0 | |
} | |
.hyperlink-7 { | |
position: relative | |
} | |
.hyperlink-7:before { | |
content: ''; | |
position: absolute; | |
bottom: 0; | |
left: 0; | |
-webkit-transform: translateY(3px); | |
transform: translateY(3px); | |
opacity: 0; | |
background: rgba(0, 0, 0, .9); | |
width: 100%; | |
height: 1px; | |
-webkit-transition: linear .1s; | |
transition: linear .1s | |
} | |
.hyperlink-7:hover:before { | |
-webkit-transform: translateY(0); | |
transform: translateY(0); | |
opacity: 1 | |
} | |
.hyperlink-8, | |
.hyperlink-9 { | |
position: relative | |
} | |
.hyperlink-8:after, | |
.hyperlink-8:before, | |
.hyperlink-9:after, | |
.hyperlink-9:before { | |
content: ''; | |
position: absolute; | |
bottom: 0; | |
height: 1px; | |
-webkit-transition: linear .1s; | |
transition: linear .1s | |
} | |
.hyperlink-8:before, | |
.hyperlink-9:before { | |
left: 0; | |
background: rgba(0, 0, 0, .2); | |
width: 100% | |
} | |
.hyperlink-8:after, | |
.hyperlink-9:after { | |
background: rgba(0, 0, 0, .9); | |
width: 0 | |
} | |
.hyperlink-8:hover:after, | |
.hyperlink-9:hover:after { | |
width: 100% | |
} | |
.hyperlink-8:after { | |
left: 0 | |
} | |
.hyperlink-9:after { | |
right: 0 | |
} | |
.hyperlink-10 { | |
position: relative | |
} | |
.hyperlink-10:after, | |
.hyperlink-10:before { | |
content: ''; | |
position: absolute; | |
bottom: 0; | |
left: 0; | |
width: 100%; | |
height: 1px; | |
-webkit-transition: linear .1s; | |
transition: linear .1s | |
} | |
.hyperlink-10:before { | |
background: rgba(0, 0, 0, .2) | |
} | |
.hyperlink-10:after { | |
opacity: 0; | |
-webkit-transform: translateY(3px); | |
transform: translateY(3px); | |
background: rgba(0, 0, 0, .9) | |
} | |
.hyperlink-10:hover:before { | |
opacity: 0 | |
} | |
.hyperlink-10:hover:after { | |
-webkit-transform: translateY(0); | |
transform: translateY(0); | |
opacity: 1 | |
} | |
.hyperlink-11 { | |
position: relative | |
} | |
.hyperlink-11:before { | |
content: ''; | |
position: absolute; | |
bottom: 4px; | |
left: 0; | |
background: rgba(0, 0, 0, .1); | |
width: 0; | |
height: 6px; | |
-webkit-transition: linear .1s; | |
transition: linear .1s | |
} | |
.hyperlink-11:hover:before { | |
width: 100% | |
} | |
.bg-dark .hyperlink-1, | |
.bg-dark .hyperlink-10, | |
.bg-dark .hyperlink-11, | |
.bg-dark .hyperlink-2, | |
.bg-dark .hyperlink-3, | |
.bg-dark .hyperlink-4, | |
.bg-dark .hyperlink-5, | |
.bg-dark .hyperlink-6, | |
.bg-dark .hyperlink-7, | |
.bg-dark .hyperlink-8, | |
.bg-dark .hyperlink-9, | |
.bg-dark-lighter .hyperlink-1, | |
.bg-dark-lighter .hyperlink-10, | |
.bg-dark-lighter .hyperlink-11, | |
.bg-dark-lighter .hyperlink-2, | |
.bg-dark-lighter .hyperlink-3, | |
.bg-dark-lighter .hyperlink-4, | |
.bg-dark-lighter .hyperlink-5, | |
.bg-dark-lighter .hyperlink-6, | |
.bg-dark-lighter .hyperlink-7, | |
.bg-dark-lighter .hyperlink-8, | |
.bg-dark-lighter .hyperlink-9, | |
.bg-dark-lightest .hyperlink-1, | |
.bg-dark-lightest .hyperlink-10, | |
.bg-dark-lightest .hyperlink-11, | |
.bg-dark-lightest .hyperlink-2, | |
.bg-dark-lightest .hyperlink-3, | |
.bg-dark-lightest .hyperlink-4, | |
.bg-dark-lightest .hyperlink-5, | |
.bg-dark-lightest .hyperlink-6, | |
.bg-dark-lightest .hyperlink-7, | |
.bg-dark-lightest .hyperlink-8, | |
.bg-dark-lightest .hyperlink-9, | |
div[class*=' bg-black'] .hyperlink-1, | |
div[class*=' bg-black'] .hyperlink-10, | |
div[class*=' bg-black'] .hyperlink-11, | |
div[class*=' bg-black'] .hyperlink-2, | |
div[class*=' bg-black'] .hyperlink-3, | |
div[class*=' bg-black'] .hyperlink-4, | |
div[class*=' bg-black'] .hyperlink-5, | |
div[class*=' bg-black'] .hyperlink-6, | |
div[class*=' bg-black'] .hyperlink-7, | |
div[class*=' bg-black'] .hyperlink-8, | |
div[class*=' bg-black'] .hyperlink-9, | |
div[class^=bg-black] .hyperlink-1, | |
div[class^=bg-black] .hyperlink-10, | |
div[class^=bg-black] .hyperlink-11, | |
div[class^=bg-black] .hyperlink-2, | |
div[class^=bg-black] .hyperlink-3, | |
div[class^=bg-black] .hyperlink-4, | |
div[class^=bg-black] .hyperlink-5, | |
div[class^=bg-black] .hyperlink-6, | |
div[class^=bg-black] .hyperlink-7, | |
div[class^=bg-black] .hyperlink-8, | |
div[class^=bg-black] .hyperlink-9 { | |
color: #fff | |
} | |
.bg-dark .hyperlink-10:focus, | |
.bg-dark .hyperlink-10:hover, | |
.bg-dark .hyperlink-11:focus, | |
.bg-dark .hyperlink-11:hover, | |
.bg-dark .hyperlink-1:focus, | |
.bg-dark .hyperlink-1:hover, | |
.bg-dark .hyperlink-2:focus, | |
.bg-dark .hyperlink-2:hover, | |
.bg-dark .hyperlink-3:focus, | |
.bg-dark .hyperlink-3:hover, | |
.bg-dark .hyperlink-4:focus, | |
.bg-dark .hyperlink-4:hover, | |
.bg-dark .hyperlink-5:focus, | |
.bg-dark .hyperlink-5:hover, | |
.bg-dark .hyperlink-6:focus, | |
.bg-dark .hyperlink-6:hover, | |
.bg-dark .hyperlink-7:focus, | |
.bg-dark .hyperlink-7:hover, | |
.bg-dark .hyperlink-8:focus, | |
.bg-dark .hyperlink-8:hover, | |
.bg-dark .hyperlink-9:focus, | |
.bg-dark .hyperlink-9:hover, | |
.bg-dark-lighter .hyperlink-10:focus, | |
.bg-dark-lighter .hyperlink-10:hover, | |
.bg-dark-lighter .hyperlink-11:focus, | |
.bg-dark-lighter .hyperlink-11:hover, | |
.bg-dark-lighter .hyperlink-1:focus, | |
.bg-dark-lighter .hyperlink-1:hover, | |
.bg-dark-lighter .hyperlink-2:focus, | |
.bg-dark-lighter .hyperlink-2:hover, | |
.bg-dark-lighter .hyperlink-3:focus, | |
.bg-dark-lighter .hyperlink-3:hover, | |
.bg-dark-lighter .hyperlink-4:focus, | |
.bg-dark-lighter .hyperlink-4:hover, | |
.bg-dark-lighter .hyperlink-5:focus, | |
.bg-dark-lighter .hyperlink-5:hover, | |
.bg-dark-lighter .hyperlink-6:focus, | |
.bg-dark-lighter .hyperlink-6:hover, | |
.bg-dark-lighter .hyperlink-7:focus, | |
.bg-dark-lighter .hyperlink-7:hover, | |
.bg-dark-lighter .hyperlink-8:focus, | |
.bg-dark-lighter .hyperlink-8:hover, | |
.bg-dark-lighter .hyperlink-9:focus, | |
.bg-dark-lighter .hyperlink-9:hover, | |
.bg-dark-lightest .hyperlink-10:focus, | |
.bg-dark-lightest .hyperlink-10:hover, | |
.bg-dark-lightest .hyperlink-11:focus, | |
.bg-dark-lightest .hyperlink-11:hover, | |
.bg-dark-lightest .hyperlink-1:focus, | |
.bg-dark-lightest .hyperlink-1:hover, | |
.bg-dark-lightest .hyperlink-2:focus, | |
.bg-dark-lightest .hyperlink-2:hover, | |
.bg-dark-lightest .hyperlink-3:focus, | |
.bg-dark-lightest .hyperlink-3:hover, | |
.bg-dark-lightest .hyperlink-4:focus, | |
.bg-dark-lightest .hyperlink-4:hover, | |
.bg-dark-lightest .hyperlink-5:focus, | |
.bg-dark-lightest .hyperlink-5:hover, | |
.bg-dark-lightest .hyperlink-6:focus, | |
.bg-dark-lightest .hyperlink-6:hover, | |
.bg-dark-lightest .hyperlink-7:focus, | |
.bg-dark-lightest .hyperlink-7:hover, | |
.bg-dark-lightest .hyperlink-8:focus, | |
.bg-dark-lightest .hyperlink-8:hover, | |
.bg-dark-lightest .hyperlink-9:focus, | |
.bg-dark-lightest .hyperlink-9:hover, | |
div[class*=' bg-black'] .hyperlink-10:focus, | |
div[class*=' bg-black'] .hyperlink-10:hover, | |
div[class*=' bg-black'] .hyperlink-11:focus, | |
div[class*=' bg-black'] .hyperlink-11:hover, | |
div[class*=' bg-black'] .hyperlink-1:focus, | |
div[class*=' bg-black'] .hyperlink-1:hover, | |
div[class*=' bg-black'] .hyperlink-2:focus, | |
div[class*=' bg-black'] .hyperlink-2:hover, | |
div[class*=' bg-black'] .hyperlink-3:focus, | |
div[class*=' bg-black'] .hyperlink-3:hover, | |
div[class*=' bg-black'] .hyperlink-4:focus, | |
div[class*=' bg-black'] .hyperlink-4:hover, | |
div[class*=' bg-black'] .hyperlink-5:focus, | |
div[class*=' bg-black'] .hyperlink-5:hover, | |
div[class*=' bg-black'] .hyperlink-6:focus, | |
div[class*=' bg-black'] .hyperlink-6:hover, | |
div[class*=' bg-black'] .hyperlink-7:focus, | |
div[class*=' bg-black'] .hyperlink-7:hover, | |
div[class*=' bg-black'] .hyperlink-8:focus, | |
div[class*=' bg-black'] .hyperlink-8:hover, | |
div[class*=' bg-black'] .hyperlink-9:focus, | |
div[class*=' bg-black'] .hyperlink-9:hover, | |
div[class^=bg-black] .hyperlink-10:focus, | |
div[class^=bg-black] .hyperlink-10:hover, | |
div[class^=bg-black] .hyperlink-11:focus, | |
div[class^=bg-black] .hyperlink-11:hover, | |
div[class^=bg-black] .hyperlink-1:focus, | |
div[class^=bg-black] .hyperlink-1:hover, | |
div[class^=bg-black] .hyperlink-2:focus, | |
div[class^=bg-black] .hyperlink-2:hover, | |
div[class^=bg-black] .hyperlink-3:focus, | |
div[class^=bg-black] .hyperlink-3:hover, | |
div[class^=bg-black] .hyperlink-4:focus, | |
div[class^=bg-black] .hyperlink-4:hover, | |
div[class^=bg-black] .hyperlink-5:focus, | |
div[class^=bg-black] .hyperlink-5:hover, | |
div[class^=bg-black] .hyperlink-6:focus, | |
div[class^=bg-black] .hyperlink-6:hover, | |
div[class^=bg-black] .hyperlink-7:focus, | |
div[class^=bg-black] .hyperlink-7:hover, | |
div[class^=bg-black] .hyperlink-8:focus, | |
div[class^=bg-black] .hyperlink-8:hover, | |
div[class^=bg-black] .hyperlink-9:focus, | |
div[class^=bg-black] .hyperlink-9:hover { | |
color: #fff | |
} | |
.bg-dark .hyperlink-5:before, | |
.bg-dark .hyperlink-6:before, | |
.bg-dark .hyperlink-7:before, | |
.bg-dark-lighter .hyperlink-5:before, | |
.bg-dark-lighter .hyperlink-6:before, | |
.bg-dark-lighter .hyperlink-7:before, | |
.bg-dark-lightest .hyperlink-5:before, | |
.bg-dark-lightest .hyperlink-6:before, | |
.bg-dark-lightest .hyperlink-7:before, | |
div[class*=' bg-black'] .hyperlink-5:before, | |
div[class*=' bg-black'] .hyperlink-6:before, | |
div[class*=' bg-black'] .hyperlink-7:before, | |
div[class^=bg-black] .hyperlink-5:before, | |
div[class^=bg-black] .hyperlink-6:before, | |
div[class^=bg-black] .hyperlink-7:before { | |
background: #fff | |
} | |
.bg-dark .hyperlink-10:before, | |
.bg-dark .hyperlink-8:before, | |
.bg-dark .hyperlink-9:before, | |
.bg-dark-lighter .hyperlink-10:before, | |
.bg-dark-lighter .hyperlink-8:before, | |
.bg-dark-lighter .hyperlink-9:before, | |
.bg-dark-lightest .hyperlink-10:before, | |
.bg-dark-lightest .hyperlink-8:before, | |
.bg-dark-lightest .hyperlink-9:before, | |
div[class*=' bg-black'] .hyperlink-10:before, | |
div[class*=' bg-black'] .hyperlink-8:before, | |
div[class*=' bg-black'] .hyperlink-9:before, | |
div[class^=bg-black] .hyperlink-10:before, | |
div[class^=bg-black] .hyperlink-8:before, | |
div[class^=bg-black] .hyperlink-9:before { | |
background: rgba(255, 255, 255, .3) | |
} | |
.bg-dark .hyperlink-10:after, | |
.bg-dark .hyperlink-8:after, | |
.bg-dark .hyperlink-9:after, | |
.bg-dark-lighter .hyperlink-10:after, | |
.bg-dark-lighter .hyperlink-8:after, | |
.bg-dark-lighter .hyperlink-9:after, | |
.bg-dark-lightest .hyperlink-10:after, | |
.bg-dark-lightest .hyperlink-8:after, | |
.bg-dark-lightest .hyperlink-9:after, | |
div[class*=' bg-black'] .hyperlink-10:after, | |
div[class*=' bg-black'] .hyperlink-8:after, | |
div[class*=' bg-black'] .hyperlink-9:after, | |
div[class^=bg-black] .hyperlink-10:after, | |
div[class^=bg-black] .hyperlink-8:after, | |
div[class^=bg-black] .hyperlink-9:after { | |
background: #fff | |
} | |
.bg-dark .hyperlink-11:before, | |
.bg-dark-lighter .hyperlink-11:before, | |
.bg-dark-lightest .hyperlink-11:before, | |
div[class*=' bg-black'] .hyperlink-11:before, | |
div[class^=bg-black] .hyperlink-11:before { | |
background: rgba(255, 255, 255, .3) | |
} | |
img { | |
width: auto; | |
max-width: 100%; | |
height: auto | |
} | |
img.img-circle-2xl, | |
img.img-circle-3xl, | |
img.img-circle-lg, | |
img.img-circle-md, | |
img.img-circle-sm, | |
img.img-circle-xl, | |
img.img-circle-xs { | |
border-radius: 50% | |
} | |
img.img-circle-xs { | |
min-width: 60px; | |
width: 60px; | |
height: 60px | |
} | |
img.img-circle-sm { | |
min-width: 80px; | |
width: 80px; | |
height: 80px | |
} | |
img.img-circle-md { | |
min-width: 100px; | |
width: 100px; | |
height: 100px | |
} | |
img.img-circle-lg { | |
min-width: 120px; | |
width: 120px; | |
height: 120px | |
} | |
img.img-circle-xl { | |
min-width: 140px; | |
width: 140px; | |
height: 140px | |
} | |
img.img-circle-2xl { | |
min-width: 160px; | |
width: 160px; | |
height: 160px | |
} | |
img.img-circle-3xl { | |
min-width: 180px; | |
width: 180px; | |
height: 180px | |
} | |
ul { | |
margin: 0 | |
} | |
ul li { | |
margin: 0 0 8px | |
} | |
ul li:last-child { | |
margin: 0 | |
} | |
ul li ol, | |
ul li ul { | |
margin-top: 8px | |
} | |
ul li a { | |
-webkit-transition: linear .1s; | |
transition: linear .1s | |
} | |
ul.list-dash, | |
ul.list-horizontal, | |
ul.list-horizontal-dash, | |
ul.list-horizontal-slash, | |
ul.list-horizontal-unstyled, | |
ul.list-icon, | |
ul.list-long-dash, | |
ul.list-unstyled { | |
padding: 0 | |
} | |
ul.list-dash li, | |
ul.list-long-dash li, | |
ul.list-unstyled li { | |
list-style-type: none | |
} | |
ul.list-dash li:before, | |
ul.list-long-dash li:before { | |
padding-right: 8px | |
} | |
ul.list-dash li a:hover, | |
ul.list-long-dash li a:hover { | |
padding-left: 2px | |
} | |
ul.list-dash li ol, | |
ul.list-dash li ul, | |
ul.list-long-dash li ol, | |
ul.list-long-dash li ul { | |
padding-left: 40px | |
} | |
ul.list-dash li:before { | |
content: '\002D' | |
} | |
ul.list-long-dash li:before { | |
content: '\0336' | |
} | |
ul.list-horizontal li, | |
ul.list-horizontal-dash li, | |
ul.list-horizontal-slash li, | |
ul.list-horizontal-unstyled li { | |
display: inline-block | |
} | |
ul.list-horizontal li { | |
margin: 0 | |
} | |
ul.list-horizontal li:after { | |
content: ','; | |
padding-right: 3px | |
} | |
ul.list-horizontal li:last-child:after { | |
content: ''; | |
padding: 0 | |
} | |
ul.list-horizontal-unstyled li { | |
margin: 0 16px 0 0 | |
} | |
ul.list-horizontal-unstyled li:last-child { | |
margin: 0 | |
} | |
ul.list-horizontal-unstyled li a.button-circle { | |
margin: 0 -5px | |
} | |
ul.list-horizontal-unstyled.icon-xl li { | |
margin-right: 30px | |
} | |
ul.list-horizontal-unstyled.icon-xl li:last-child { | |
margin: 0 | |
} | |
ul.list-horizontal-unstyled.icon-lg li { | |
margin-right: 24px | |
} | |
ul.list-horizontal-unstyled.icon-lg li:last-child { | |
margin: 0 | |
} | |
ul.list-horizontal-dash li:after { | |
content: '-' | |
} | |
ul.list-horizontal-slash li:after { | |
content: '/' | |
} | |
ul.list-horizontal-dash li, | |
ul.list-horizontal-slash li { | |
margin: 0 | |
} | |
ul.list-horizontal-dash li:after, | |
ul.list-horizontal-slash li:after { | |
padding: 0 6px | |
} | |
ul.list-horizontal-dash li:last-child:after, | |
ul.list-horizontal-slash li:last-child:after { | |
content: ''; | |
padding: 0 | |
} | |
ul.list-icon li { | |
list-style-type: none | |
} | |
ul.list-icon li:before { | |
font-family: "Font Awesome 5 Free"; | |
font-weight: 900; | |
padding-right: 8px | |
} | |
ul.list-icon li a:hover { | |
padding-left: 2px | |
} | |
ul.list-icon li ol, | |
ul.list-icon li ul { | |
padding-left: 40px | |
} | |
ul.list-icon.list-icon-check li:before { | |
content: "\f00c" | |
} | |
ul.list-icon.list-icon-close li:before { | |
content: "\f00d" | |
} | |
ul.list-icon.list-icon-plus li:before { | |
content: "\f067" | |
} | |
ul.list-icon.list-icon-arrow li:before { | |
content: "\f105" | |
} | |
ul.list-icon.list-icon-caret li:before { | |
content: "\f0da" | |
} | |
ul.list-icon.list-icon-trophy li:before { | |
content: "\f091" | |
} | |
ul.list-icon.list-icon-heart li:before { | |
content: "\f004" | |
} | |
ul.list-icon.list-icon-globe li:before { | |
content: "\f0ac" | |
} | |
ul.list-icon.list-icon-circle-check li:before { | |
content: "\f058" | |
} | |
ul.list-icon.list-icon-circle-plus li:before { | |
content: "\f055" | |
} | |
ul.list-icon.list-icon-circle-arrow li:before { | |
content: "\f138" | |
} | |
ol { | |
margin: 0 | |
} | |
ol li { | |
margin: 0 0 8px | |
} | |
ol li:last-child { | |
margin: 0 | |
} | |
ol li ol, | |
ol li ul { | |
margin-top: 8px | |
} | |
ol.list-ordered { | |
list-style: none; | |
counter-reset: custom-counter; | |
padding-left: 0 | |
} | |
ol.list-ordered li { | |
position: relative; | |
padding-left: 34px; | |
counter-increment: custom-counter | |
} | |
ol.list-ordered li::before { | |
content: counter(custom-counter) | |
} | |
ol.list-ordered li ol { | |
list-style: none; | |
padding-left: 0 | |
} | |
ol.list-ordered-style-2 li::before, | |
ol.list-ordered-style-3 li::before, | |
ol.list-ordered-style-4 li::before, | |
ol.list-ordered-style-5 li::before { | |
position: absolute; | |
top: 0; | |
left: 0; | |
width: 24px; | |
height: 24px; | |
border-radius: 50%; | |
font-size: 13px; | |
line-height: 24px; | |
text-align: center | |
} | |
ol.list-ordered-style-2 li::before { | |
background: rgba(0, 0, 0, .1); | |
color: #000 | |
} | |
ol.list-ordered-style-3 li::before { | |
background: rgba(0, 0, 0, .9); | |
color: #fff | |
} | |
ol.list-ordered-style-4 li::before { | |
border: 1px solid rgba(0, 0, 0, .2); | |
color: rgba(0, 0, 0, .5) | |
} | |
ol.list-ordered-style-5 li::before { | |
border: 1px solid rgba(0, 0, 0, .9); | |
color: #000 | |
} | |
.bg-dark ol.list-ordered-style-2 li::before, | |
.bg-dark-lighter ol.list-ordered-style-2 li::before, | |
.bg-dark-lightest ol.list-ordered-style-2 li::before, | |
div[class*=' bg-black'] ol.list-ordered-style-2 li::before, | |
div[class^=bg-black] ol.list-ordered-style-2 li::before { | |
background: rgba(255, 255, 255, .2); | |
color: #fff | |
} | |
.bg-dark ol.list-ordered-style-3 li::before, | |
.bg-dark-lighter ol.list-ordered-style-3 li::before, | |
.bg-dark-lightest ol.list-ordered-style-3 li::before, | |
div[class*=' bg-black'] ol.list-ordered-style-3 li::before, | |
div[class^=bg-black] ol.list-ordered-style-3 li::before { | |
background: #fff; | |
color: #000 | |
} | |
.bg-dark ol.list-ordered-style-4 li::before, | |
.bg-dark-lighter ol.list-ordered-style-4 li::before, | |
.bg-dark-lightest ol.list-ordered-style-4 li::before, | |
div[class*=' bg-black'] ol.list-ordered-style-4 li::before, | |
div[class^=bg-black] ol.list-ordered-style-4 li::before { | |
border-color: rgba(255, 255, 255, .3); | |
color: rgba(255, 255, 255, .6) | |
} | |
.bg-dark ol.list-ordered-style-5 li::before, | |
.bg-dark-lighter ol.list-ordered-style-5 li::before, | |
.bg-dark-lightest ol.list-ordered-style-5 li::before, | |
div[class*=' bg-black'] ol.list-ordered-style-5 li::before, | |
div[class^=bg-black] ol.list-ordered-style-5 li::before { | |
border-color: #fff; | |
color: #fff | |
} | |
.nav { | |
margin: 0; | |
padding: 0 | |
} | |
.nav .nav-item { | |
margin: 0 30px 0 0 | |
} | |
.nav .nav-item:last-child { | |
margin-right: 0 | |
} | |
.nav .nav-item .nav-link { | |
padding: 0; | |
color: #a0a0a0; | |
-webkit-transition: linear .1s; | |
transition: linear .1s | |
} | |
.nav .nav-item .nav-link h1, | |
.nav .nav-item .nav-link h2, | |
.nav .nav-item .nav-link h3, | |
.nav .nav-item .nav-link h4, | |
.nav .nav-item .nav-link h5, | |
.nav .nav-item .nav-link h6 { | |
margin: 0; | |
color: #a0a0a0; | |
-webkit-transition: linear .1s; | |
transition: linear .1s | |
} | |
.nav .nav-item .nav-link.active, | |
.nav .nav-item .nav-link:hover { | |
color: #141414 | |
} | |
.nav .nav-item .nav-link.active h1, | |
.nav .nav-item .nav-link.active h2, | |
.nav .nav-item .nav-link.active h3, | |
.nav .nav-item .nav-link.active h4, | |
.nav .nav-item .nav-link.active h5, | |
.nav .nav-item .nav-link.active h6, | |
.nav .nav-item .nav-link:hover h1, | |
.nav .nav-item .nav-link:hover h2, | |
.nav .nav-item .nav-link:hover h3, | |
.nav .nav-item .nav-link:hover h4, | |
.nav .nav-item .nav-link:hover h5, | |
.nav .nav-item .nav-link:hover h6 { | |
color: #141414 | |
} | |
.nav .nav-item .nav-link.disabled { | |
color: #a0a0a0 | |
} | |
.nav.nav-tabs { | |
border-bottom: 1px solid #e6e6e6 | |
} | |
.nav.nav-tabs .nav-item { | |
margin: 0 0 -1px | |
} | |
.nav.nav-tabs .nav-item .nav-link { | |
padding: 10px 20px; | |
color: #a0a0a0 | |
} | |
.nav.nav-tabs .nav-item .nav-link:hover { | |
border-color: #e6e6e6 | |
} | |
.nav.nav-tabs .nav-item .nav-link.active { | |
border-color: #e6e6e6 #e6e6e6 #fff; | |
color: #141414 | |
} | |
.nav.nav-tabs .nav-item .nav-link.disabled:hover { | |
border-color: transparent | |
} | |
.nav.nav-pills .nav-item { | |
margin: 0 | |
} | |
.nav.nav-pills .nav-item .nav-link { | |
padding: 10px 20px | |
} | |
.nav.nav-pills .nav-item .nav-link.active, | |
.nav.nav-pills .nav-item .show .nav-link { | |
background: #1b1b1b; | |
color: #fff | |
} | |
.nav.nav-pills .nav-item h1, | |
.nav.nav-pills .nav-item h2, | |
.nav.nav-pills .nav-item h3, | |
.nav.nav-pills .nav-item h4, | |
.nav.nav-pills .nav-item h5, | |
.nav.nav-pills .nav-item h6 { | |
margin: 0 | |
} | |
.nav.tabs { | |
display: inline-block; | |
border: 1px solid #e6e6e6; | |
border-radius: 5px | |
} | |
.nav.tabs .nav-item { | |
display: inline-block; | |
margin: 0 | |
} | |
.nav.tabs .nav-item .nav-link { | |
padding: 10px 20px; | |
border-right: 1px solid #e6e6e6 | |
} | |
.nav.tabs .nav-item:last-child .nav-link { | |
border: 0 | |
} | |
.header-top { | |
background: #141414; | |
padding: 20px 0; | |
color: rgba(255, 255, 255, .6) | |
} | |
.header-top .row { | |
margin-bottom: -20px | |
} | |
.header-top .row div[class*=" col-"], | |
.header-top .row div[class^=col-] { | |
margin-bottom: 20px | |
} | |
.header-top a { | |
color: rgba(255, 255, 255, .7); | |
-webkit-transition: linear .1s; | |
transition: linear .1s | |
} | |
.header-top a:hover { | |
color: #fff | |
} | |
.header-top ul.list-horizontal-unstyled li { | |
margin: 0 16px 0 0 | |
} | |
.header-top ul.list-horizontal-unstyled li:last-child { | |
margin-right: 0 | |
} | |
.bg-white .header-top, | |
.bg-white.header-top, | |
div[class*=' bg-grey'] .header-top, | |
div[class*=' bg-grey'].header-top, | |
div[class^=bg-grey] .header-top, | |
div[class^=bg-grey].header-top { | |
color: #646464 | |
} | |
.bg-white .header-top a, | |
.bg-white.header-top a, | |
div[class*=' bg-grey'] .header-top a, | |
div[class*=' bg-grey'].header-top a, | |
div[class^=bg-grey] .header-top a, | |
div[class^=bg-grey].header-top a { | |
color: #141414 | |
} | |
.bg-white .header-top a:hover, | |
.bg-white.header-top a:hover, | |
div[class*=' bg-grey'] .header-top a:hover, | |
div[class*=' bg-grey'].header-top a:hover, | |
div[class^=bg-grey] .header-top a:hover, | |
div[class^=bg-grey].header-top a:hover { | |
color: #646464 | |
} | |
.navbar { | |
z-index: 995; | |
background: #fff; | |
height: 80px; | |
padding: 0; | |
-webkit-transition: ease .3s; | |
transition: ease .3s | |
} | |
.navbar .row { | |
width: 100%; | |
margin: 0 | |
} | |
.navbar .row div[class*=" col-"], | |
.navbar .row div[class^=col-] { | |
margin: 0; | |
padding: 0 | |
} | |
.navbar h1, | |
.navbar h2, | |
.navbar h3, | |
.navbar h4, | |
.navbar h5, | |
.navbar h6 { | |
margin: 0 | |
} | |
.navbar ul { | |
margin: 0; | |
padding: 0 | |
} | |
.navbar ul li { | |
list-style-type: none; | |
margin: 0 | |
} | |
.navbar ul.list-horizontal-unstyled li { | |
margin: 0 16px 0 0 | |
} | |
.navbar ul.list-horizontal-unstyled li:last-child { | |
margin: 0 | |
} | |
.navbar .navbar-brand { | |
margin-right: 2rem | |
} | |
.navbar .navbar-brand img { | |
max-height: 40px | |
} | |
.navbar .navbar-brand h1, | |
.navbar .navbar-brand h2, | |
.navbar .navbar-brand h3, | |
.navbar .navbar-brand h4, | |
.navbar .navbar-brand h5, | |
.navbar .navbar-brand h6 { | |
display: inline-block | |
} | |
.navbar .nav .nav-item .nav-link { | |
position: relative; | |
padding: 0; | |
color: #141414; | |
font: 400 13px Heebo, sans-serif; | |
letter-spacing: 1.5px; | |
text-transform: uppercase; | |
-webkit-transition: linear .1s; | |
transition: linear .1s | |
} | |
.navbar .nav .nav-item .nav-link.active, | |
.navbar .nav .nav-item .nav-link:hover { | |
color: #646464 | |
} | |
.navbar .nav .nav-item .dropdown-menu { | |
position: absolute; | |
top: 80px; | |
left: -30px; | |
background: #fff; | |
min-width: 220px; | |
border: none; | |
border-radius: 0; | |
padding: 25px 0 | |
} | |
.navbar .nav .nav-item .dropdown-menu h1, | |
.navbar .nav .nav-item .dropdown-menu h2, | |
.navbar .nav .nav-item .dropdown-menu h3, | |
.navbar .nav .nav-item .dropdown-menu h4, | |
.navbar .nav .nav-item .dropdown-menu h5, | |
.navbar .nav .nav-item .dropdown-menu h6 { | |
color: #141414 | |
} | |
.navbar .nav .nav-item .dropdown-menu li { | |
position: relative; | |
padding: 5px 30px | |
} | |
.navbar .nav .nav-item .dropdown-menu li a { | |
display: block; | |
font-size: 15px | |
} | |
.navbar .nav .nav-item .dropdown-menu .sub-dropdown a { | |
position: relative; | |
display: block; | |
padding-right: 13px | |
} | |
.navbar .nav .nav-item .dropdown-menu .sub-dropdown a:after, | |
.navbar .nav .nav-item .dropdown-menu .sub-dropdown a:before { | |
content: ''; | |
position: absolute; | |
top: 50%; | |
-webkit-transform: translateY(-50%); | |
transform: translateY(-50%); | |
background: #141414; | |
-webkit-transition: linear .1s; | |
transition: linear .1s | |
} | |
.navbar .nav .nav-item .dropdown-menu .sub-dropdown a:before { | |
right: 0; | |
width: 7px; | |
height: 1px | |
} | |
.navbar .nav .nav-item .dropdown-menu .sub-dropdown a:after { | |
right: 3px; | |
width: 1px; | |
height: 7px | |
} | |
.navbar .nav .nav-item .dropdown-menu .sub-dropdown a:hover:after, | |
.navbar .nav .nav-item .dropdown-menu .sub-dropdown a:hover:before { | |
background: #646464 | |
} | |
.navbar .nav .nav-item .dropdown-menu .sub-dropdown .sub-dropdown-menu { | |
position: absolute; | |
top: -25px; | |
left: 100%; | |
display: none; | |
background: #fff; | |
min-width: 220px; | |
padding: 30px | |
} | |
.navbar .nav .nav-item .dropdown-menu .sub-dropdown .sub-dropdown-menu a { | |
margin-bottom: 10px | |
} | |
.navbar .nav .nav-item .dropdown-menu .sub-dropdown .sub-dropdown-menu a:after, | |
.navbar .nav .nav-item .dropdown-menu .sub-dropdown .sub-dropdown-menu a:before { | |
background: 0 0; | |
width: 0; | |
height: 0 | |
} | |
.navbar .nav .nav-item .dropdown-menu .sub-dropdown .sub-dropdown-menu a:last-child { | |
margin-bottom: 0 | |
} | |
.navbar .nav .nav-item.nav-dropdown { | |
position: relative | |
} | |
.navbar .nav .nav-item.nav-dropdown:after { | |
content: ''; | |
display: block; | |
clear: both | |
} | |
.navbar .nav .nav-item.nav-dropdown .nav-link:after, | |
.navbar .nav .nav-item.nav-dropdown .nav-link:before { | |
content: ''; | |
position: absolute; | |
top: 50%; | |
-webkit-transform: translateY(-50%); | |
transform: translateY(-50%); | |
background: #141414; | |
-webkit-transition: linear .1s; | |
transition: linear .1s | |
} | |
.navbar .nav .nav-item.nav-dropdown .nav-link:before { | |
right: 0; | |
width: 7px; | |
height: 1px | |
} | |
.navbar .nav .nav-item.nav-dropdown .nav-link:after { | |
right: 3px; | |
width: 1px; | |
height: 7px | |
} | |
.navbar .nav .nav-item.nav-dropdown .nav-link:hover:after, | |
.navbar .nav .nav-item.nav-dropdown .nav-link:hover:before { | |
background: #646464 | |
} | |
.navbar .nav.nav-font-2 .nav-item .nav-link { | |
font-size: 15px; | |
letter-spacing: 0; | |
text-transform: none | |
} | |
.navbar .nav.nav-font-3 .nav-item .nav-link { | |
font-size: 16px; | |
font-weight: 300; | |
letter-spacing: 0; | |
text-transform: none | |
} | |
.navbar .nav-toggle-btn { | |
position: absolute; | |
top: 50%; | |
right: 20px; | |
-webkit-transform: translateY(-50%); | |
transform: translateY(-50%) | |
} | |
.navbar .nav-toggle-btn .lines { | |
position: relative; | |
display: inline-block; | |
background: #141414; | |
width: 18px; | |
height: 2px; | |
margin: 0; | |
padding: 0; | |
vertical-align: middle; | |
-webkit-transition: linear .1s; | |
transition: linear .1s | |
} | |
.navbar .nav-toggle-btn .lines:after, | |
.navbar .nav-toggle-btn .lines:before { | |
content: ''; | |
position: absolute; | |
left: 0; | |
background: #141414; | |
width: 18px; | |
height: 2px; | |
display: inline-block; | |
-webkit-transition: linear .1s; | |
transition: linear .1s | |
} | |
.navbar .nav-toggle-btn .lines:before { | |
top: 5px | |
} | |
.navbar .nav-toggle-btn .lines:after { | |
top: -5px | |
} | |
.navbar .nav-toggle-btn.nav-toggle-close .lines { | |
background: 0 0 | |
} | |
.navbar .nav-toggle-btn.nav-toggle-close .lines:after, | |
.navbar .nav-toggle-btn.nav-toggle-close .lines:before { | |
top: 0; | |
-webkit-transform-origin: 50% 50%; | |
transform-origin: 50% 50% | |
} | |
.navbar .nav-toggle-btn.nav-toggle-close .lines:before { | |
-webkit-transform: rotate3d(0, 0, 1, 45deg); | |
transform: rotate3d(0, 0, 1, 45deg) | |
} | |
.navbar .nav-toggle-btn.nav-toggle-close .lines:after { | |
-webkit-transform: rotate3d(0, 0, 1, -45deg); | |
transform: rotate3d(0, 0, 1, -45deg) | |
} | |
.navbar .nav-toggle-btn.left { | |
right: auto; | |
left: 20px | |
} | |
.navbar .nav-toggle-btn.center { | |
right: auto; | |
left: 50%; | |
-webkit-transform: translate(-50%, -50%); | |
transform: translate(-50%, -50%) | |
} | |
.navbar .dropdown-dark .nav-item.nav-dropdown .dropdown-menu h1, | |
.navbar .dropdown-dark .nav-item.nav-dropdown .dropdown-menu h2, | |
.navbar .dropdown-dark .nav-item.nav-dropdown .dropdown-menu h3, | |
.navbar .dropdown-dark .nav-item.nav-dropdown .dropdown-menu h4, | |
.navbar .dropdown-dark .nav-item.nav-dropdown .dropdown-menu h5, | |
.navbar .dropdown-dark .nav-item.nav-dropdown .dropdown-menu h6, | |
.navbar .dropdown-transparent-dark .nav-item.nav-dropdown .dropdown-menu h1, | |
.navbar .dropdown-transparent-dark .nav-item.nav-dropdown .dropdown-menu h2, | |
.navbar .dropdown-transparent-dark .nav-item.nav-dropdown .dropdown-menu h3, | |
.navbar .dropdown-transparent-dark .nav-item.nav-dropdown .dropdown-menu h4, | |
.navbar .dropdown-transparent-dark .nav-item.nav-dropdown .dropdown-menu h5, | |
.navbar .dropdown-transparent-dark .nav-item.nav-dropdown .dropdown-menu h6 { | |
color: #fff | |
} | |
.navbar .dropdown-dark .nav-item.nav-dropdown .dropdown-menu li a, | |
.navbar .dropdown-transparent-dark .nav-item.nav-dropdown .dropdown-menu li a { | |
color: rgba(255, 255, 255, .7) | |
} | |
.navbar .dropdown-dark .nav-item.nav-dropdown .dropdown-menu li a:after, | |
.navbar .dropdown-dark .nav-item.nav-dropdown .dropdown-menu li a:before, | |
.navbar .dropdown-transparent-dark .nav-item.nav-dropdown .dropdown-menu li a:after, | |
.navbar .dropdown-transparent-dark .nav-item.nav-dropdown .dropdown-menu li a:before { | |
background: rgba(255, 255, 255, .7) | |
} | |
.navbar .dropdown-dark .nav-item.nav-dropdown .dropdown-menu li a:hover, | |
.navbar .dropdown-transparent-dark .nav-item.nav-dropdown .dropdown-menu li a:hover { | |
color: #fff | |
} | |
.navbar .dropdown-dark .nav-item.nav-dropdown .dropdown-menu li a:hover:after, | |
.navbar .dropdown-dark .nav-item.nav-dropdown .dropdown-menu li a:hover:before, | |
.navbar .dropdown-transparent-dark .nav-item.nav-dropdown .dropdown-menu li a:hover:after, | |
.navbar .dropdown-transparent-dark .nav-item.nav-dropdown .dropdown-menu li a:hover:before { | |
background: #fff | |
} | |
@media (min-width:992px) { | |
.navbar .dropdown-dark .nav-item.nav-dropdown .dropdown-menu, | |
.navbar .dropdown-dark .nav-item.nav-dropdown .dropdown-menu .sub-dropdown .sub-dropdown-menu { | |
background: #1b1b1b | |
} | |
.navbar .dropdown-grey .nav-item.nav-dropdown .dropdown-menu, | |
.navbar .dropdown-grey .nav-item.nav-dropdown .dropdown-menu .sub-dropdown .sub-dropdown-menu { | |
background: #f5f5f5 | |
} | |
.navbar .dropdown-transparent .nav-item.nav-dropdown .dropdown-menu, | |
.navbar .dropdown-transparent .nav-item.nav-dropdown .dropdown-menu .sub-dropdown .sub-dropdown-menu { | |
background: rgba(255, 255, 255, .9) | |
} | |
.navbar .dropdown-transparent-dark .nav-item.nav-dropdown .dropdown-menu, | |
.navbar .dropdown-transparent-dark .nav-item.nav-dropdown .dropdown-menu .sub-dropdown .sub-dropdown-menu { | |
background: rgba(0, 0, 0, .9) | |
} | |
} | |
@media (min-width:992px) { | |
.navbar .nav-toggle-btn { | |
display: none | |
} | |
.navbar .nav .nav-item { | |
margin-right: 30px | |
} | |
.navbar .nav .nav-item:last-child { | |
margin-right: 0 | |
} | |
.navbar .nav .nav-item .nav-link { | |
line-height: 80px | |
} | |
.navbar .nav .nav-item.nav-dropdown .nav-link { | |
padding-right: 13px | |
} | |
.navbar .nav .nav-item.nav-dropdown .dropdown-menu { | |
-webkit-transform: translateY(4px); | |
transform: translateY(4px); | |
display: block; | |
visibility: hidden; | |
opacity: 0; | |
-webkit-box-shadow: 0 2px 24px 0 rgba(0, 0, 0, .09); | |
box-shadow: 0 2px 24px 0 rgba(0, 0, 0, .09); | |
margin: 0; | |
-webkit-transition: linear .1s; | |
transition: linear .1s | |
} | |
.navbar .nav .nav-item.nav-dropdown .dropdown-menu li:hover a { | |
padding-left: 2px | |
} | |
.navbar .nav .nav-item.nav-dropdown .dropdown-menu li .sub-dropdown-menu a { | |
padding: 0 | |
} | |
.navbar .nav .nav-item.nav-dropdown .dropdown-menu li .sub-dropdown-menu a:hover { | |
padding-left: 2px | |
} | |
.navbar .nav .nav-item.nav-dropdown .dropdown-menu .sub-dropdown .sub-dropdown-menu { | |
display: block; | |
visibility: hidden; | |
opacity: 0; | |
-webkit-box-shadow: 0 2px 24px 0 rgba(0, 0, 0, .07); | |
box-shadow: 0 2px 24px 0 rgba(0, 0, 0, .07); | |
-webkit-transition: linear .1s; | |
transition: linear .1s | |
} | |
.navbar .nav .nav-item.nav-dropdown .dropdown-menu .sub-dropdown:hover a:after { | |
-webkit-transform: translateY(-50%) rotate(-90deg); | |
transform: translateY(-50%) rotate(-90deg) | |
} | |
.navbar .nav .nav-item.nav-dropdown .dropdown-menu .sub-dropdown:hover .sub-dropdown-menu { | |
visibility: visible; | |
opacity: 1 | |
} | |
.navbar .nav .nav-item.nav-dropdown:last-child .dropdown-menu, | |
.navbar .nav .nav-item.nav-dropdown:nth-last-child(2) .dropdown-menu { | |
right: 0; | |
left: auto | |
} | |
.navbar .nav .nav-item.nav-dropdown:last-child .dropdown-menu .sub-dropdown .sub-dropdown-menu, | |
.navbar .nav .nav-item.nav-dropdown:nth-last-child(2) .dropdown-menu .sub-dropdown .sub-dropdown-menu { | |
left: -100% | |
} | |
.navbar .nav .nav-item.nav-dropdown:last-child .dropdown-menu { | |
right: 0; | |
left: auto | |
} | |
.navbar .nav .nav-item.nav-dropdown:hover .nav-link:after { | |
-webkit-transform: translateY(-50%) rotate(-90deg); | |
transform: translateY(-50%) rotate(-90deg) | |
} | |
.navbar .nav .nav-item.nav-dropdown:hover .dropdown-menu { | |
-webkit-transform: translateY(0); | |
transform: translateY(0); | |
visibility: visible; | |
opacity: 1 | |
} | |
} | |
@media (max-width:992px) { | |
.navbar .container, | |
.navbar .container-fluid { | |
height: 80px; | |
-webkit-transition: ease-out .2s; | |
transition: ease-out .2s | |
} | |
.navbar .nav { | |
position: absolute; | |
top: 80px; | |
right: 20px; | |
left: 20px; | |
display: none; | |
background: #fff; | |
-webkit-box-shadow: 0 2px 24px 0 rgba(0, 0, 0, .09); | |
box-shadow: 0 2px 24px 0 rgba(0, 0, 0, .09); | |
padding: 15px 20px; | |
text-align: left | |
} | |
.navbar .nav .nav-item { | |
margin: 0 | |
} | |
.navbar .nav .nav-item .nav-link { | |
padding: 5px 0 | |
} | |
.navbar .nav .nav-item .dropdown-menu { | |
position: relative; | |
top: 0; | |
left: 0; | |
background: 0 0; | |
width: 100%; | |
margin: 5px 0 10px; | |
border: 1px solid #e6e6e6; | |
padding: 15px 0 | |
} | |
.navbar .nav .nav-item .dropdown-menu li { | |
padding: 5px 20px | |
} | |
.navbar .nav .nav-item .dropdown-menu .sub-dropdown .sub-dropdown-menu { | |
position: relative; | |
top: 0; | |
left: 0; | |
background: 0 0; | |
width: 100%; | |
padding: 10px 20px 5px | |
} | |
.navbar .nav .nav-item .dropdown-menu .sub-dropdown .sub-dropdown-menu.sub-dropdown-menu-show { | |
display: block | |
} | |
.navbar .nav .nav-item .dropdown-menu.dropdown-menu-show { | |
display: block | |
} | |
.navbar .nav .nav-item.dropdown-minus .nav-link { | |
color: #646464 | |
} | |
.navbar .nav .nav-item.dropdown-minus .nav-link:after, | |
.navbar .nav .nav-item.dropdown-minus .nav-link:before { | |
background: #646464 | |
} | |
.navbar .nav .nav-item.dropdown-minus .nav-link:after { | |
-webkit-transform: translateY(-50%) rotate(-90deg); | |
transform: translateY(-50%) rotate(-90deg) | |
} | |
.navbar .nav .nav-item.dropdown-minus .dropdown-menu .sub-dropdown-minus a { | |
color: #646464 | |
} | |
.navbar .nav .nav-item.dropdown-minus .dropdown-menu .sub-dropdown-minus a:after, | |
.navbar .nav .nav-item.dropdown-minus .dropdown-menu .sub-dropdown-minus a:before { | |
background: #646464 | |
} | |
.navbar .nav .nav-item.dropdown-minus .dropdown-menu .sub-dropdown-minus a:after { | |
-webkit-transform: translateY(-50%) rotate(-90deg); | |
transform: translateY(-50%) rotate(-90deg) | |
} | |
.navbar .nav .nav-item.dropdown-minus .dropdown-menu .sub-dropdown-minus .sub-dropdown-menu a { | |
color: #141414 | |
} | |
.navbar .nav .nav-item.dropdown-minus .dropdown-menu .sub-dropdown-minus .sub-dropdown-menu a:hover { | |
color: #646464 | |
} | |
.navbar .nav.nav-show { | |
display: block | |
} | |
.navbar .dropdown-dark { | |
background: #1b1b1b | |
} | |
.navbar .dropdown-grey { | |
background: #f5f5f5 | |
} | |
.navbar .dropdown-transparent { | |
background: rgba(255, 255, 255, .9) | |
} | |
.navbar .dropdown-transparent-dark { | |
background: rgba(0, 0, 0, .9) | |
} | |
.navbar .dropdown-dark .nav-item .dropdown-menu, | |
.navbar .dropdown-transparent-dark .nav-item .dropdown-menu { | |
border-color: rgba(255, 255, 255, .2) | |
} | |
.navbar .dropdown-dark .nav-item .nav-link, | |
.navbar .dropdown-transparent-dark .nav-item .nav-link { | |
color: rgba(255, 255, 255, .7) | |
} | |
.navbar .dropdown-dark .nav-item .nav-link.active, | |
.navbar .dropdown-dark .nav-item .nav-link:hover, | |
.navbar .dropdown-transparent-dark .nav-item .nav-link.active, | |
.navbar .dropdown-transparent-dark .nav-item .nav-link:hover { | |
color: #fff | |
} | |
.navbar .dropdown-dark .nav-item.nav-dropdown .nav-link:after, | |
.navbar .dropdown-dark .nav-item.nav-dropdown .nav-link:before, | |
.navbar .dropdown-transparent-dark .nav-item.nav-dropdown .nav-link:after, | |
.navbar .dropdown-transparent-dark .nav-item.nav-dropdown .nav-link:before { | |
background: rgba(255, 255, 255, .7) | |
} | |
.navbar .dropdown-dark .nav-item.nav-dropdown .nav-link:hover:after, | |
.navbar .dropdown-dark .nav-item.nav-dropdown .nav-link:hover:before, | |
.navbar .dropdown-transparent-dark .nav-item.nav-dropdown .nav-link:hover:after, | |
.navbar .dropdown-transparent-dark .nav-item.nav-dropdown .nav-link:hover:before { | |
background: #fff | |
} | |
.navbar .dropdown-dark .nav-item.dropdown-minus .nav-link, | |
.navbar .dropdown-transparent-dark .nav-item.dropdown-minus .nav-link { | |
color: #fff | |
} | |
.navbar .dropdown-dark .nav-item.dropdown-minus .nav-link:after, | |
.navbar .dropdown-dark .nav-item.dropdown-minus .nav-link:before, | |
.navbar .dropdown-transparent-dark .nav-item.dropdown-minus .nav-link:after, | |
.navbar .dropdown-transparent-dark .nav-item.dropdown-minus .nav-link:before { | |
background: #fff | |
} | |
.navbar .dropdown-dark .nav-item.dropdown-minus .dropdown-menu .sub-dropdown.sub-dropdown-minus a, | |
.navbar .dropdown-transparent-dark .nav-item.dropdown-minus .dropdown-menu .sub-dropdown.sub-dropdown-minus a { | |
color: #fff | |
} | |
.navbar .dropdown-dark .nav-item.dropdown-minus .dropdown-menu .sub-dropdown.sub-dropdown-minus a:after, | |
.navbar .dropdown-dark .nav-item.dropdown-minus .dropdown-menu .sub-dropdown.sub-dropdown-minus a:before, | |
.navbar .dropdown-transparent-dark .nav-item.dropdown-minus .dropdown-menu .sub-dropdown.sub-dropdown-minus a:after, | |
.navbar .dropdown-transparent-dark .nav-item.dropdown-minus .dropdown-menu .sub-dropdown.sub-dropdown-minus a:before { | |
background: #fff | |
} | |
.navbar .dropdown-dark .nav-item.dropdown-minus .dropdown-menu .sub-dropdown.sub-dropdown-minus .sub-dropdown-menu a, | |
.navbar .dropdown-transparent-dark .nav-item.dropdown-minus .dropdown-menu .sub-dropdown.sub-dropdown-minus .sub-dropdown-menu a { | |
color: rgba(255, 255, 255, .7) | |
} | |
.navbar .dropdown-dark .nav-item.dropdown-minus .dropdown-menu .sub-dropdown.sub-dropdown-minus .sub-dropdown-menu a:hover, | |
.navbar .dropdown-transparent-dark .nav-item.dropdown-minus .dropdown-menu .sub-dropdown.sub-dropdown-minus .sub-dropdown-menu a:hover { | |
color: #fff | |
} | |
} | |
.navbar-dark { | |
background: #141414 | |
} | |
.navbar-grey { | |
background: #f5f5f5 | |
} | |
.navbar-transparent { | |
background: rgba(255, 255, 255, .9) | |
} | |
.navbar-transparent-dark { | |
background: rgba(0, 0, 0, .9) | |
} | |
.navbar-dark .nav-toggle-btn .lines, | |
.navbar-dark .nav-toggle-btn .lines:after, | |
.navbar-dark .nav-toggle-btn .lines:before, | |
.navbar-transparent-dark .nav-toggle-btn .lines, | |
.navbar-transparent-dark .nav-toggle-btn .lines:after, | |
.navbar-transparent-dark .nav-toggle-btn .lines:before { | |
background: #fff | |
} | |
.navbar-dark .nav-toggle-btn.nav-toggle-close .lines, | |
.navbar-transparent-dark .nav-toggle-btn.nav-toggle-close .lines { | |
background: 0 0 | |
} | |
.navbar-dark .navbar-brand, | |
.navbar-dark h1, | |
.navbar-dark h2, | |
.navbar-dark h3, | |
.navbar-dark h4, | |
.navbar-dark h5, | |
.navbar-dark h6, | |
.navbar-transparent-dark .navbar-brand, | |
.navbar-transparent-dark h1, | |
.navbar-transparent-dark h2, | |
.navbar-transparent-dark h3, | |
.navbar-transparent-dark h4, | |
.navbar-transparent-dark h5, | |
.navbar-transparent-dark h6 { | |
color: #fff | |
} | |
.navbar-dark .list-horizontal li, | |
.navbar-dark .list-horizontal-dash li, | |
.navbar-dark .list-horizontal-unstyled li, | |
.navbar-transparent-dark .list-horizontal li, | |
.navbar-transparent-dark .list-horizontal-dash li, | |
.navbar-transparent-dark .list-horizontal-unstyled li { | |
color: rgba(255, 255, 255, .7) | |
} | |
.navbar-dark .list-horizontal li a, | |
.navbar-dark .list-horizontal-dash li a, | |
.navbar-dark .list-horizontal-unstyled li a, | |
.navbar-transparent-dark .list-horizontal li a, | |
.navbar-transparent-dark .list-horizontal-dash li a, | |
.navbar-transparent-dark .list-horizontal-unstyled li a { | |
color: #fff | |
} | |
.navbar-dark .list-horizontal li a:hover, | |
.navbar-dark .list-horizontal-dash li a:hover, | |
.navbar-dark .list-horizontal-unstyled li a:hover, | |
.navbar-transparent-dark .list-horizontal li a:hover, | |
.navbar-transparent-dark .list-horizontal-dash li a:hover, | |
.navbar-transparent-dark .list-horizontal-unstyled li a:hover { | |
color: rgba(255, 255, 255, .7) | |
} | |
@media (min-width:992px) { | |
.navbar-dark .nav .nav-item .nav-link, | |
.navbar-transparent-dark .nav .nav-item .nav-link { | |
color: #fff | |
} | |
.navbar-dark .nav .nav-item .nav-link.active, | |
.navbar-dark .nav .nav-item .nav-link:hover, | |
.navbar-transparent-dark .nav .nav-item .nav-link.active, | |
.navbar-transparent-dark .nav .nav-item .nav-link:hover { | |
color: rgba(255, 255, 255, .7) | |
} | |
.navbar-dark .nav .nav-item.nav-dropdown .nav-link:after, | |
.navbar-dark .nav .nav-item.nav-dropdown .nav-link:before, | |
.navbar-transparent-dark .nav .nav-item.nav-dropdown .nav-link:after, | |
.navbar-transparent-dark .nav .nav-item.nav-dropdown .nav-link:before { | |
background: #fff | |
} | |
.navbar-dark .nav .nav-item.nav-dropdown .nav-link:hover:after, | |
.navbar-dark .nav .nav-item.nav-dropdown .nav-link:hover:before, | |
.navbar-transparent-dark .nav .nav-item.nav-dropdown .nav-link:hover:after, | |
.navbar-transparent-dark .nav .nav-item.nav-dropdown .nav-link:hover:before { | |
background: rgba(255, 255, 255, .7) | |
} | |
} | |
.navbar-absolute, | |
.navbar-absolute-dark { | |
position: absolute; | |
top: 0; | |
left: 0; | |
background: 0 0; | |
width: 100% | |
} | |
.navbar-absolute .nav-toggle-btn.nav-toggle-close .lines, | |
.navbar-absolute-dark .nav-toggle-btn.nav-toggle-close .lines { | |
background: 0 0 | |
} | |
.navbar-absolute .navbar-brand, | |
.navbar-absolute h1, | |
.navbar-absolute h2, | |
.navbar-absolute h3, | |
.navbar-absolute h4, | |
.navbar-absolute h5, | |
.navbar-absolute h6 { | |
color: #fff | |
} | |
.navbar-absolute .nav-toggle-btn .lines, | |
.navbar-absolute .nav-toggle-btn .lines:after, | |
.navbar-absolute .nav-toggle-btn .lines:before { | |
background: #fff | |
} | |
.navbar-absolute .list-horizontal li, | |
.navbar-absolute .list-horizontal-dash li, | |
.navbar-absolute .list-horizontal-unstyled li { | |
color: rgba(255, 255, 255, .7) | |
} | |
.navbar-absolute .list-horizontal li a, | |
.navbar-absolute .list-horizontal-dash li a, | |
.navbar-absolute .list-horizontal-unstyled li a { | |
color: #fff | |
} | |
.navbar-absolute .list-horizontal li a:hover, | |
.navbar-absolute .list-horizontal-dash li a:hover, | |
.navbar-absolute .list-horizontal-unstyled li a:hover { | |
color: rgba(255, 255, 255, .7) | |
} | |
@media (min-width:992px) { | |
.navbar-absolute .nav .nav-item .nav-link { | |
color: #fff | |
} | |
.navbar-absolute .nav .nav-item .nav-link.active, | |
.navbar-absolute .nav .nav-item .nav-link:hover { | |
color: rgba(255, 255, 255, .7) | |
} | |
.navbar-absolute .nav .nav-item.nav-dropdown .nav-link:after, | |
.navbar-absolute .nav .nav-item.nav-dropdown .nav-link:before { | |
background: #fff | |
} | |
.navbar-absolute .nav .nav-item.nav-dropdown .nav-link:hover:after, | |
.navbar-absolute .nav .nav-item.nav-dropdown .nav-link:hover:before { | |
background: rgba(255, 255, 255, .7) | |
} | |
} | |
.navbar-absolute-dark .nav-toggle-btn .lines, | |
.navbar-absolute-dark .nav-toggle-btn .lines:after, | |
.navbar-absolute-dark .nav-toggle-btn .lines:before { | |
background: #141414 | |
} | |
.navbar-absolute-dark .list-horizontal li, | |
.navbar-absolute-dark .list-horizontal-dash li, | |
.navbar-absolute-dark .list-horizontal-unstyled li { | |
color: #646464 | |
} | |
.navbar-absolute-dark .list-horizontal li a, | |
.navbar-absolute-dark .list-horizontal-dash li a, | |
.navbar-absolute-dark .list-horizontal-unstyled li a { | |
color: #141414 | |
} | |
.navbar-absolute-dark .list-horizontal li a:hover, | |
.navbar-absolute-dark .list-horizontal-dash li a:hover, | |
.navbar-absolute-dark .list-horizontal-unstyled li a:hover { | |
color: #646464 | |
} | |
@media (min-width:992px) { | |
.navbar-absolute-dark .navbar-brand, | |
.navbar-absolute-dark h1, | |
.navbar-absolute-dark h2, | |
.navbar-absolute-dark h3, | |
.navbar-absolute-dark h4, | |
.navbar-absolute-dark h5, | |
.navbar-absolute-dark h6 { | |
color: #141414 | |
} | |
.navbar-absolute-dark .nav .nav-item .nav-link { | |
color: #141414 | |
} | |
.navbar-absolute-dark .nav .nav-item .nav-link:after, | |
.navbar-absolute-dark .nav .nav-item .nav-link:before { | |
background: #141414 | |
} | |
.navbar-absolute-dark .nav .nav-item .nav-link.active, | |
.navbar-absolute-dark .nav .nav-item .nav-link:hover { | |
color: #646464 | |
} | |
} | |
.navbar-absolute-dark.navbar-dark .navbar-brand, | |
.navbar-absolute-dark.navbar-dark h1, | |
.navbar-absolute-dark.navbar-dark h2, | |
.navbar-absolute-dark.navbar-dark h3, | |
.navbar-absolute-dark.navbar-dark h4, | |
.navbar-absolute-dark.navbar-dark h5, | |
.navbar-absolute-dark.navbar-dark h6, | |
.navbar-absolute-dark.navbar-transparent-dark .navbar-brand, | |
.navbar-absolute-dark.navbar-transparent-dark h1, | |
.navbar-absolute-dark.navbar-transparent-dark h2, | |
.navbar-absolute-dark.navbar-transparent-dark h3, | |
.navbar-absolute-dark.navbar-transparent-dark h4, | |
.navbar-absolute-dark.navbar-transparent-dark h5, | |
.navbar-absolute-dark.navbar-transparent-dark h6 { | |
color: #141414 | |
} | |
@media (min-width:992px) { | |
.navbar-absolute-dark.navbar-dark .nav .nav-item .nav-link, | |
.navbar-absolute-dark.navbar-transparent-dark .nav .nav-item .nav-link { | |
color: #141414 | |
} | |
.navbar-absolute-dark.navbar-dark .nav .nav-item .nav-link:after, | |
.navbar-absolute-dark.navbar-dark .nav .nav-item .nav-link:before, | |
.navbar-absolute-dark.navbar-transparent-dark .nav .nav-item .nav-link:after, | |
.navbar-absolute-dark.navbar-transparent-dark .nav .nav-item .nav-link:before { | |
background: #141414 | |
} | |
.navbar-absolute-dark.navbar-dark .nav .nav-item .nav-link.active, | |
.navbar-absolute-dark.navbar-dark .nav .nav-item .nav-link:hover, | |
.navbar-absolute-dark.navbar-transparent-dark .nav .nav-item .nav-link.active, | |
.navbar-absolute-dark.navbar-transparent-dark .nav .nav-item .nav-link:hover { | |
color: #646464 | |
} | |
.navbar-absolute-dark.navbar-dark .nav .nav-item .nav-link:hover:after, | |
.navbar-absolute-dark.navbar-dark .nav .nav-item .nav-link:hover:before, | |
.navbar-absolute-dark.navbar-transparent-dark .nav .nav-item .nav-link:hover:after, | |
.navbar-absolute-dark.navbar-transparent-dark .nav .nav-item .nav-link:hover:before { | |
background: #646464 | |
} | |
} | |
.navbar-shrink { | |
height: 60px; | |
-webkit-box-shadow: 0 2px 24px 0 rgba(0, 0, 0, .09); | |
box-shadow: 0 2px 24px 0 rgba(0, 0, 0, .09) | |
} | |
@media (min-width:992px) { | |
.navbar-shrink .nav .nav-item .nav-link { | |
line-height: 60px | |
} | |
.navbar-shrink .nav .nav-item .dropdown-menu { | |
top: 60px | |
} | |
} | |
@media (max-width:992px) { | |
.navbar-shrink .container { | |
height: 60px | |
} | |
.navbar-shrink .nav { | |
top: 60px | |
} | |
} | |
.navbar-shrink.navbar-absolute .nav-toggle-btn .lines, | |
.navbar-shrink.navbar-absolute .nav-toggle-btn .lines:after, | |
.navbar-shrink.navbar-absolute .nav-toggle-btn .lines:before { | |
background: #141414 | |
} | |
.navbar-shrink.navbar-absolute .nav-toggle-btn.nav-toggle-close .lines { | |
background: 0 0 | |
} | |
.navbar-shrink.navbar-absolute .list-horizontal li, | |
.navbar-shrink.navbar-absolute .list-horizontal-dash li, | |
.navbar-shrink.navbar-absolute .list-horizontal-unstyled li { | |
color: #646464 | |
} | |
.navbar-shrink.navbar-absolute .list-horizontal li a, | |
.navbar-shrink.navbar-absolute .list-horizontal-dash li a, | |
.navbar-shrink.navbar-absolute .list-horizontal-unstyled li a { | |
color: #141414 | |
} | |
.navbar-shrink.navbar-absolute .list-horizontal li a:hover, | |
.navbar-shrink.navbar-absolute .list-horizontal-dash li a:hover, | |
.navbar-shrink.navbar-absolute .list-horizontal-unstyled li a:hover { | |
color: #646464 | |
} | |
.navbar-shrink.navbar-absolute, | |
.navbar-shrink.navbar-absolute-dark { | |
background: #fff | |
} | |
.navbar-shrink.navbar-absolute .navbar-brand, | |
.navbar-shrink.navbar-absolute h1, | |
.navbar-shrink.navbar-absolute h2, | |
.navbar-shrink.navbar-absolute h3, | |
.navbar-shrink.navbar-absolute h4, | |
.navbar-shrink.navbar-absolute h5, | |
.navbar-shrink.navbar-absolute h6, | |
.navbar-shrink.navbar-absolute-dark .navbar-brand, | |
.navbar-shrink.navbar-absolute-dark h1, | |
.navbar-shrink.navbar-absolute-dark h2, | |
.navbar-shrink.navbar-absolute-dark h3, | |
.navbar-shrink.navbar-absolute-dark h4, | |
.navbar-shrink.navbar-absolute-dark h5, | |
.navbar-shrink.navbar-absolute-dark h6 { | |
color: #141414 | |
} | |
@media (min-width:992px) { | |
.navbar-shrink.navbar-absolute .nav .nav-item .nav-link, | |
.navbar-shrink.navbar-absolute-dark .nav .nav-item .nav-link { | |
color: #141414 | |
} | |
.navbar-shrink.navbar-absolute .nav .nav-item .nav-link:after, | |
.navbar-shrink.navbar-absolute .nav .nav-item .nav-link:before, | |
.navbar-shrink.navbar-absolute-dark .nav .nav-item .nav-link:after, | |
.navbar-shrink.navbar-absolute-dark .nav .nav-item .nav-link:before { | |
background: #141414 | |
} | |
.navbar-shrink.navbar-absolute .nav .nav-item .nav-link.active, | |
.navbar-shrink.navbar-absolute .nav .nav-item .nav-link:hover, | |
.navbar-shrink.navbar-absolute-dark .nav .nav-item .nav-link.active, | |
.navbar-shrink.navbar-absolute-dark .nav .nav-item .nav-link:hover { | |
color: #646464 | |
} | |
.navbar-shrink.navbar-absolute .nav .nav-item .nav-link:hover:after, | |
.navbar-shrink.navbar-absolute .nav .nav-item .nav-link:hover:before, | |
.navbar-shrink.navbar-absolute-dark .nav .nav-item .nav-link:hover:after, | |
.navbar-shrink.navbar-absolute-dark .nav .nav-item .nav-link:hover:before { | |
background: #646464 | |
} | |
} | |
.navbar-shrink.navbar-absolute-dark.navbar-dark, | |
.navbar-shrink.navbar-absolute.navbar-dark { | |
background: #141414 | |
} | |
.navbar-shrink.navbar-absolute-dark.navbar-grey, | |
.navbar-shrink.navbar-absolute.navbar-grey { | |
background: #f5f5f5 | |
} | |
.navbar-shrink.navbar-absolute-dark.navbar-transparent, | |
.navbar-shrink.navbar-absolute.navbar-transparent { | |
background: rgba(255, 255, 255, .9) | |
} | |
.navbar-shrink.navbar-absolute-dark.navbar-transparent .navbar-brand, | |
.navbar-shrink.navbar-absolute-dark.navbar-transparent h1, | |
.navbar-shrink.navbar-absolute-dark.navbar-transparent h2, | |
.navbar-shrink.navbar-absolute-dark.navbar-transparent h3, | |
.navbar-shrink.navbar-absolute-dark.navbar-transparent h4, | |
.navbar-shrink.navbar-absolute-dark.navbar-transparent h5, | |
.navbar-shrink.navbar-absolute-dark.navbar-transparent h6, | |
.navbar-shrink.navbar-absolute.navbar-transparent .navbar-brand, | |
.navbar-shrink.navbar-absolute.navbar-transparent h1, | |
.navbar-shrink.navbar-absolute.navbar-transparent h2, | |
.navbar-shrink.navbar-absolute.navbar-transparent h3, | |
.navbar-shrink.navbar-absolute.navbar-transparent h4, | |
.navbar-shrink.navbar-absolute.navbar-transparent h5, | |
.navbar-shrink.navbar-absolute.navbar-transparent h6 { | |
color: #141414 | |
} | |
@media (min-width:992px) { | |
.navbar-shrink.navbar-absolute-dark.navbar-transparent .nav .nav-item .nav-link, | |
.navbar-shrink.navbar-absolute.navbar-transparent .nav .nav-item .nav-link { | |
color: #141414 | |
} | |
.navbar-shrink.navbar-absolute-dark.navbar-transparent .nav .nav-item .nav-link:after, | |
.navbar-shrink.navbar-absolute-dark.navbar-transparent .nav .nav-item .nav-link:before, | |
.navbar-shrink.navbar-absolute.navbar-transparent .nav .nav-item .nav-link:after, | |
.navbar-shrink.navbar-absolute.navbar-transparent .nav .nav-item .nav-link:before { | |
background: #141414 | |
} | |
.navbar-shrink.navbar-absolute-dark.navbar-transparent .nav .nav-item .nav-link.active, | |
.navbar-shrink.navbar-absolute-dark.navbar-transparent .nav .nav-item .nav-link:hover, | |
.navbar-shrink.navbar-absolute.navbar-transparent .nav .nav-item .nav-link.active, | |
.navbar-shrink.navbar-absolute.navbar-transparent .nav .nav-item .nav-link:hover { | |
color: #646464 | |
} | |
} | |
.navbar-shrink.navbar-absolute-dark.navbar-transparent-dark, | |
.navbar-shrink.navbar-absolute.navbar-transparent-dark { | |
background: rgba(0, 0, 0, .9) | |
} | |
.navbar-shrink.navbar-absolute-dark.navbar-dark .navbar-brand, | |
.navbar-shrink.navbar-absolute-dark.navbar-dark h1, | |
.navbar-shrink.navbar-absolute-dark.navbar-dark h2, | |
.navbar-shrink.navbar-absolute-dark.navbar-dark h3, | |
.navbar-shrink.navbar-absolute-dark.navbar-dark h4, | |
.navbar-shrink.navbar-absolute-dark.navbar-dark h5, | |
.navbar-shrink.navbar-absolute-dark.navbar-dark h6, | |
.navbar-shrink.navbar-absolute-dark.navbar-transparent-dark .navbar-brand, | |
.navbar-shrink.navbar-absolute-dark.navbar-transparent-dark h1, | |
.navbar-shrink.navbar-absolute-dark.navbar-transparent-dark h2, | |
.navbar-shrink.navbar-absolute-dark.navbar-transparent-dark h3, | |
.navbar-shrink.navbar-absolute-dark.navbar-transparent-dark h4, | |
.navbar-shrink.navbar-absolute-dark.navbar-transparent-dark h5, | |
.navbar-shrink.navbar-absolute-dark.navbar-transparent-dark h6, | |
.navbar-shrink.navbar-absolute.navbar-dark .navbar-brand, | |
.navbar-shrink.navbar-absolute.navbar-dark h1, | |
.navbar-shrink.navbar-absolute.navbar-dark h2, | |
.navbar-shrink.navbar-absolute.navbar-dark h3, | |
.navbar-shrink.navbar-absolute.navbar-dark h4, | |
.navbar-shrink.navbar-absolute.navbar-dark h5, | |
.navbar-shrink.navbar-absolute.navbar-dark h6, | |
.navbar-shrink.navbar-absolute.navbar-transparent-dark .navbar-brand, | |
.navbar-shrink.navbar-absolute.navbar-transparent-dark h1, | |
.navbar-shrink.navbar-absolute.navbar-transparent-dark h2, | |
.navbar-shrink.navbar-absolute.navbar-transparent-dark h3, | |
.navbar-shrink.navbar-absolute.navbar-transparent-dark h4, | |
.navbar-shrink.navbar-absolute.navbar-transparent-dark h5, | |
.navbar-shrink.navbar-absolute.navbar-transparent-dark h6 { | |
color: #fff | |
} | |
.navbar-shrink.navbar-absolute-dark.navbar-dark .list-horizontal li, | |
.navbar-shrink.navbar-absolute-dark.navbar-dark .list-horizontal-dash li, | |
.navbar-shrink.navbar-absolute-dark.navbar-dark .list-horizontal-unstyled li, | |
.navbar-shrink.navbar-absolute-dark.navbar-transparent-dark .list-horizontal li, | |
.navbar-shrink.navbar-absolute-dark.navbar-transparent-dark .list-horizontal-dash li, | |
.navbar-shrink.navbar-absolute-dark.navbar-transparent-dark .list-horizontal-unstyled li, | |
.navbar-shrink.navbar-absolute.navbar-dark .list-horizontal li, | |
.navbar-shrink.navbar-absolute.navbar-dark .list-horizontal-dash li, | |
.navbar-shrink.navbar-absolute.navbar-dark .list-horizontal-unstyled li, | |
.navbar-shrink.navbar-absolute.navbar-transparent-dark .list-horizontal li, | |
.navbar-shrink.navbar-absolute.navbar-transparent-dark .list-horizontal-dash li, | |
.navbar-shrink.navbar-absolute.navbar-transparent-dark .list-horizontal-unstyled li { | |
color: rgba(255, 255, 255, .7) | |
} | |
.navbar-shrink.navbar-absolute-dark.navbar-dark .list-horizontal li a, | |
.navbar-shrink.navbar-absolute-dark.navbar-dark .list-horizontal-dash li a, | |
.navbar-shrink.navbar-absolute-dark.navbar-dark .list-horizontal-unstyled li a, | |
.navbar-shrink.navbar-absolute-dark.navbar-transparent-dark .list-horizontal li a, | |
.navbar-shrink.navbar-absolute-dark.navbar-transparent-dark .list-horizontal-dash li a, | |
.navbar-shrink.navbar-absolute-dark.navbar-transparent-dark .list-horizontal-unstyled li a, | |
.navbar-shrink.navbar-absolute.navbar-dark .list-horizontal li a, | |
.navbar-shrink.navbar-absolute.navbar-dark .list-horizontal-dash li a, | |
.navbar-shrink.navbar-absolute.navbar-dark .list-horizontal-unstyled li a, | |
.navbar-shrink.navbar-absolute.navbar-transparent-dark .list-horizontal li a, | |
.navbar-shrink.navbar-absolute.navbar-transparent-dark .list-horizontal-dash li a, | |
.navbar-shrink.navbar-absolute.navbar-transparent-dark .list-horizontal-unstyled li a { | |
color: #fff | |
} | |
.navbar-shrink.navbar-absolute-dark.navbar-dark .list-horizontal li a:hover, | |
.navbar-shrink.navbar-absolute-dark.navbar-dark .list-horizontal-dash li a:hover, | |
.navbar-shrink.navbar-absolute-dark.navbar-dark .list-horizontal-unstyled li a:hover, | |
.navbar-shrink.navbar-absolute-dark.navbar-transparent-dark .list-horizontal li a:hover, | |
.navbar-shrink.navbar-absolute-dark.navbar-transparent-dark .list-horizontal-dash li a:hover, | |
.navbar-shrink.navbar-absolute-dark.navbar-transparent-dark .list-horizontal-unstyled li a:hover, | |
.navbar-shrink.navbar-absolute.navbar-dark .list-horizontal li a:hover, | |
.navbar-shrink.navbar-absolute.navbar-dark .list-horizontal-dash li a:hover, | |
.navbar-shrink.navbar-absolute.navbar-dark .list-horizontal-unstyled li a:hover, | |
.navbar-shrink.navbar-absolute.navbar-transparent-dark .list-horizontal li a:hover, | |
.navbar-shrink.navbar-absolute.navbar-transparent-dark .list-horizontal-dash li a:hover, | |
.navbar-shrink.navbar-absolute.navbar-transparent-dark .list-horizontal-unstyled li a:hover { | |
color: rgba(255, 255, 255, .7) | |
} | |
.navbar-shrink.navbar-absolute-dark.navbar-dark .nav-toggle-btn .lines, | |
.navbar-shrink.navbar-absolute-dark.navbar-dark .nav-toggle-btn .lines:after, | |
.navbar-shrink.navbar-absolute-dark.navbar-dark .nav-toggle-btn .lines:before, | |
.navbar-shrink.navbar-absolute-dark.navbar-transparent-dark .nav-toggle-btn .lines, | |
.navbar-shrink.navbar-absolute-dark.navbar-transparent-dark .nav-toggle-btn .lines:after, | |
.navbar-shrink.navbar-absolute-dark.navbar-transparent-dark .nav-toggle-btn .lines:before, | |
.navbar-shrink.navbar-absolute.navbar-dark .nav-toggle-btn .lines, | |
.navbar-shrink.navbar-absolute.navbar-dark .nav-toggle-btn .lines:after, | |
.navbar-shrink.navbar-absolute.navbar-dark .nav-toggle-btn .lines:before, | |
.navbar-shrink.navbar-absolute.navbar-transparent-dark .nav-toggle-btn .lines, | |
.navbar-shrink.navbar-absolute.navbar-transparent-dark .nav-toggle-btn .lines:after, | |
.navbar-shrink.navbar-absolute.navbar-transparent-dark .nav-toggle-btn .lines:before { | |
background: #fff | |
} | |
.navbar-shrink.navbar-absolute-dark.navbar-dark .nav-toggle-btn.nav-toggle-close .lines, | |
.navbar-shrink.navbar-absolute-dark.navbar-transparent-dark .nav-toggle-btn.nav-toggle-close .lines, | |
.navbar-shrink.navbar-absolute.navbar-dark .nav-toggle-btn.nav-toggle-close .lines, | |
.navbar-shrink.navbar-absolute.navbar-transparent-dark .nav-toggle-btn.nav-toggle-close .lines { | |
background: 0 0 | |
} | |
@media (min-width:992px) { | |
.navbar-shrink.navbar-absolute-dark.navbar-dark .nav .nav-item .nav-link, | |
.navbar-shrink.navbar-absolute-dark.navbar-transparent-dark .nav .nav-item .nav-link, | |
.navbar-shrink.navbar-absolute.navbar-dark .nav .nav-item .nav-link, | |
.navbar-shrink.navbar-absolute.navbar-transparent-dark .nav .nav-item .nav-link { | |
color: #fff | |
} | |
.navbar-shrink.navbar-absolute-dark.navbar-dark .nav .nav-item .nav-link:after, | |
.navbar-shrink.navbar-absolute-dark.navbar-dark .nav .nav-item .nav-link:before, | |
.navbar-shrink.navbar-absolute-dark.navbar-transparent-dark .nav .nav-item .nav-link:after, | |
.navbar-shrink.navbar-absolute-dark.navbar-transparent-dark .nav .nav-item .nav-link:before, | |
.navbar-shrink.navbar-absolute.navbar-dark .nav .nav-item .nav-link:after, | |
.navbar-shrink.navbar-absolute.navbar-dark .nav .nav-item .nav-link:before, | |
.navbar-shrink.navbar-absolute.navbar-transparent-dark .nav .nav-item .nav-link:after, | |
.navbar-shrink.navbar-absolute.navbar-transparent-dark .nav .nav-item .nav-link:before { | |
background: #fff | |
} | |
.navbar-shrink.navbar-absolute-dark.navbar-dark .nav .nav-item .nav-link.active, | |
.navbar-shrink.navbar-absolute-dark.navbar-dark .nav .nav-item .nav-link:hover, | |
.navbar-shrink.navbar-absolute-dark.navbar-transparent-dark .nav .nav-item .nav-link.active, | |
.navbar-shrink.navbar-absolute-dark.navbar-transparent-dark .nav .nav-item .nav-link:hover, | |
.navbar-shrink.navbar-absolute.navbar-dark .nav .nav-item .nav-link.active, | |
.navbar-shrink.navbar-absolute.navbar-dark .nav .nav-item .nav-link:hover, | |
.navbar-shrink.navbar-absolute.navbar-transparent-dark .nav .nav-item .nav-link.active, | |
.navbar-shrink.navbar-absolute.navbar-transparent-dark .nav .nav-item .nav-link:hover { | |
color: rgba(255, 255, 255, .7) | |
} | |
.navbar-shrink.navbar-absolute-dark.navbar-dark .nav .nav-item .nav-link:hover:after, | |
.navbar-shrink.navbar-absolute-dark.navbar-dark .nav .nav-item .nav-link:hover:before, | |
.navbar-shrink.navbar-absolute-dark.navbar-transparent-dark .nav .nav-item .nav-link:hover:after, | |
.navbar-shrink.navbar-absolute-dark.navbar-transparent-dark .nav .nav-item .nav-link:hover:before, | |
.navbar-shrink.navbar-absolute.navbar-dark .nav .nav-item .nav-link:hover:after, | |
.navbar-shrink.navbar-absolute.navbar-dark .nav .nav-item .nav-link:hover:before, | |
.navbar-shrink.navbar-absolute.navbar-transparent-dark .nav .nav-item .nav-link:hover:after, | |
.navbar-shrink.navbar-absolute.navbar-transparent-dark .nav .nav-item .nav-link:hover:before { | |
background: rgba(255, 255, 255, .7) | |
} | |
} | |
.navbar-fixed, | |
.navbar-sticky.navbar-sticky-apply { | |
position: fixed; | |
top: 0; | |
left: 0; | |
width: 100% | |
} | |
.navbar-placeholder-padding { | |
padding-top: 80px | |
} | |
.navbar-absolute-dark~.navbar-placeholder-padding, | |
.navbar-absolute~.navbar-placeholder-padding { | |
padding: 0 | |
} | |
.navbar .nav .nav-item.nav-megadropdown { | |
text-align: left | |
} | |
.navbar .nav .nav-item.nav-megadropdown .nav-link { | |
position: relative; | |
padding-right: 13px | |
} | |
.navbar .nav .nav-item.nav-megadropdown .nav-link:after, | |
.navbar .nav .nav-item.nav-megadropdown .nav-link:before { | |
content: ''; | |
position: absolute; | |
top: 50%; | |
-webkit-transform: translateY(-50%); | |
transform: translateY(-50%); | |
background: #141414; | |
-webkit-transition: linear .1s; | |
transition: linear .1s | |
} | |
.navbar .nav .nav-item.nav-megadropdown .nav-link:before { | |
right: 0; | |
width: 7px; | |
height: 1px | |
} | |
.navbar .nav .nav-item.nav-megadropdown .nav-link:after { | |
right: 3px; | |
width: 1px; | |
height: 7px | |
} | |
.navbar .nav .nav-item.nav-megadropdown .nav-link:hover:after, | |
.navbar .nav .nav-item.nav-megadropdown .nav-link:hover:before { | |
background: #646464 | |
} | |
.navbar .nav .nav-item.nav-megadropdown .mega-menu { | |
font-size: 15px | |
} | |
.navbar .nav .nav-item.nav-megadropdown .mega-menu .row { | |
margin: 0 -15px -20px | |
} | |
.navbar .nav .nav-item.nav-megadropdown .mega-menu .row div[class*=" col-"], | |
.navbar .nav .nav-item.nav-megadropdown .mega-menu .row div[class^=col-] { | |
margin-bottom: 20px; | |
padding: 0 15px | |
} | |
.navbar .nav .nav-item.nav-megadropdown .mega-menu ul li { | |
margin-bottom: 10px | |
} | |
.navbar .nav .nav-item.nav-megadropdown .mega-menu ul li:last-child { | |
margin-bottom: 0 | |
} | |
.navbar .nav .nav-item.nav-megadropdown .mega-menu ul.list-unstyled li i { | |
width: 24px; | |
padding-right: 8px; | |
text-align: center; | |
-webkit-transition: linear .1s; | |
transition: linear .1s | |
} | |
.navbar .nav .nav-item.nav-megadropdown .mega-menu ul.list-unstyled li a:hover { | |
padding-left: 2px | |
} | |
.navbar .nav .nav-item.nav-megadropdown .mega-menu h1, | |
.navbar .nav .nav-item.nav-megadropdown .mega-menu h2, | |
.navbar .nav .nav-item.nav-megadropdown .mega-menu h3, | |
.navbar .nav .nav-item.nav-megadropdown .mega-menu h4, | |
.navbar .nav .nav-item.nav-megadropdown .mega-menu h5, | |
.navbar .nav .nav-item.nav-megadropdown .mega-menu h6 { | |
color: #141414 | |
} | |
@media (min-width:992px) { | |
.navbar .nav .nav-item.nav-megadropdown .mega-menu { | |
position: absolute; | |
top: 80px; | |
right: 20px; | |
left: 20px; | |
-webkit-transform: translateY(4px); | |
transform: translateY(4px); | |
visibility: hidden; | |
opacity: 0; | |
background: #fff; | |
-webkit-box-shadow: 0 2px 24px 0 rgba(0, 0, 0, .09); | |
box-shadow: 0 2px 24px 0 rgba(0, 0, 0, .09); | |
padding: 30px; | |
-webkit-transition: linear .1s; | |
transition: linear .1s | |
} | |
.navbar .nav .nav-item.nav-megadropdown:hover .mega-menu { | |
-webkit-transform: translateY(0); | |
transform: translateY(0); | |
visibility: visible; | |
opacity: 1 | |
} | |
.navbar .nav .nav-item.nav-megadropdown:hover .nav-link:after { | |
-webkit-transform: translateY(-50%) rotate(-90deg); | |
transform: translateY(-50%) rotate(-90deg) | |
} | |
} | |
@media (max-width:992px) { | |
.navbar .nav .nav-item.nav-megadropdown .mega-menu { | |
display: none; | |
border: 1px solid #e6e6e6; | |
margin: 5px 0 10px; | |
padding: 20px | |
} | |
.navbar .nav .nav-item.nav-megadropdown .mega-menu.mega-menu-show { | |
display: block | |
} | |
.navbar .nav .nav-item.nav-megadropdown .nav-link-minus { | |
color: #646464 | |
} | |
.navbar .nav .nav-item.nav-megadropdown .nav-link-minus:after, | |
.navbar .nav .nav-item.nav-megadropdown .nav-link-minus:before { | |
background: #646464 | |
} | |
.navbar .nav .nav-item.nav-megadropdown .nav-link-minus:after { | |
-webkit-transform: translateY(-50%) rotate(-90deg); | |
transform: translateY(-50%) rotate(-90deg) | |
} | |
} | |
.navbar .nav.dropdown-dark .nav-megadropdown .mega-menu, | |
.navbar .nav.dropdown-transparent-dark .nav-megadropdown .mega-menu { | |
border-color: rgba(255, 255, 255, .2); | |
color: rgba(255, 255, 255, .6) | |
} | |
.navbar .nav.dropdown-dark .nav-megadropdown .mega-menu h1, | |
.navbar .nav.dropdown-dark .nav-megadropdown .mega-menu h2, | |
.navbar .nav.dropdown-dark .nav-megadropdown .mega-menu h3, | |
.navbar .nav.dropdown-dark .nav-megadropdown .mega-menu h4, | |
.navbar .nav.dropdown-dark .nav-megadropdown .mega-menu h5, | |
.navbar .nav.dropdown-dark .nav-megadropdown .mega-menu h6, | |
.navbar .nav.dropdown-transparent-dark .nav-megadropdown .mega-menu h1, | |
.navbar .nav.dropdown-transparent-dark .nav-megadropdown .mega-menu h2, | |
.navbar .nav.dropdown-transparent-dark .nav-megadropdown .mega-menu h3, | |
.navbar .nav.dropdown-transparent-dark .nav-megadropdown .mega-menu h4, | |
.navbar .nav.dropdown-transparent-dark .nav-megadropdown .mega-menu h5, | |
.navbar .nav.dropdown-transparent-dark .nav-megadropdown .mega-menu h6 { | |
color: #fff | |
} | |
.navbar .nav.dropdown-dark .nav-megadropdown .mega-menu a, | |
.navbar .nav.dropdown-transparent-dark .nav-megadropdown .mega-menu a { | |
color: rgba(255, 255, 255, .7) | |
} | |
.navbar .nav.dropdown-dark .nav-megadropdown .mega-menu a:focus, | |
.navbar .nav.dropdown-dark .nav-megadropdown .mega-menu a:hover, | |
.navbar .nav.dropdown-transparent-dark .nav-megadropdown .mega-menu a:focus, | |
.navbar .nav.dropdown-transparent-dark .nav-megadropdown .mega-menu a:hover { | |
color: #fff | |
} | |
@media (max-width:992px) { | |
.navbar .nav.dropdown-dark .nav-megadropdown .nav-link, | |
.navbar .nav.dropdown-transparent-dark .nav-megadropdown .nav-link { | |
color: rgba(255, 255, 255, .7) | |
} | |
.navbar .nav.dropdown-dark .nav-megadropdown .nav-link:after, | |
.navbar .nav.dropdown-dark .nav-megadropdown .nav-link:before, | |
.navbar .nav.dropdown-transparent-dark .nav-megadropdown .nav-link:after, | |
.navbar .nav.dropdown-transparent-dark .nav-megadropdown .nav-link:before { | |
background: rgba(255, 255, 255, .7) | |
} | |
.navbar .nav.dropdown-dark .nav-megadropdown .nav-link:focus, | |
.navbar .nav.dropdown-dark .nav-megadropdown .nav-link:hover, | |
.navbar .nav.dropdown-transparent-dark .nav-megadropdown .nav-link:focus, | |
.navbar .nav.dropdown-transparent-dark .nav-megadropdown .nav-link:hover { | |
color: #fff | |
} | |
.navbar .nav.dropdown-dark .nav-megadropdown .nav-link:focus:after, | |
.navbar .nav.dropdown-dark .nav-megadropdown .nav-link:focus:before, | |
.navbar .nav.dropdown-dark .nav-megadropdown .nav-link:hover:after, | |
.navbar .nav.dropdown-dark .nav-megadropdown .nav-link:hover:before, | |
.navbar .nav.dropdown-transparent-dark .nav-megadropdown .nav-link:focus:after, | |
.navbar .nav.dropdown-transparent-dark .nav-megadropdown .nav-link:focus:before, | |
.navbar .nav.dropdown-transparent-dark .nav-megadropdown .nav-link:hover:after, | |
.navbar .nav.dropdown-transparent-dark .nav-megadropdown .nav-link:hover:before { | |
background: #fff | |
} | |
.navbar .nav.dropdown-dark .nav-megadropdown .nav-link.nav-link-minus, | |
.navbar .nav.dropdown-transparent-dark .nav-megadropdown .nav-link.nav-link-minus { | |
color: #fff | |
} | |
.navbar .nav.dropdown-dark .nav-megadropdown .nav-link.nav-link-minus:after, | |
.navbar .nav.dropdown-dark .nav-megadropdown .nav-link.nav-link-minus:before, | |
.navbar .nav.dropdown-transparent-dark .nav-megadropdown .nav-link.nav-link-minus:after, | |
.navbar .nav.dropdown-transparent-dark .nav-megadropdown .nav-link.nav-link-minus:before { | |
background: #fff | |
} | |
} | |
@media (min-width:992px) { | |
.navbar.navbar-dark .nav-item.nav-megadropdown .nav-link:after, | |
.navbar.navbar-dark .nav-item.nav-megadropdown .nav-link:before, | |
.navbar.navbar-transparent-dark .nav-item.nav-megadropdown .nav-link:after, | |
.navbar.navbar-transparent-dark .nav-item.nav-megadropdown .nav-link:before { | |
background: #fff | |
} | |
.navbar.navbar-dark .nav-item.nav-megadropdown .nav-link:hover:after, | |
.navbar.navbar-dark .nav-item.nav-megadropdown .nav-link:hover:before, | |
.navbar.navbar-transparent-dark .nav-item.nav-megadropdown .nav-link:hover:after, | |
.navbar.navbar-transparent-dark .nav-item.nav-megadropdown .nav-link:hover:before { | |
background: rgba(255, 255, 255, .7) | |
} | |
.navbar.navbar-absolute .nav-item.nav-megadropdown .nav-link:after, | |
.navbar.navbar-absolute .nav-item.nav-megadropdown .nav-link:before { | |
background: #fff | |
} | |
.navbar.navbar-absolute .nav-item.nav-megadropdown .nav-link:hover:after, | |
.navbar.navbar-absolute .nav-item.nav-megadropdown .nav-link:hover:before { | |
background: rgba(255, 255, 255, .7) | |
} | |
.navbar.navbar-absolute.navbar-shrink .nav-item.nav-megadropdown .nav-link:after, | |
.navbar.navbar-absolute.navbar-shrink .nav-item.nav-megadropdown .nav-link:before { | |
background: #141414 | |
} | |
.navbar.navbar-absolute.navbar-shrink .nav-item.nav-megadropdown .nav-link:hover:after, | |
.navbar.navbar-absolute.navbar-shrink .nav-item.nav-megadropdown .nav-link:hover:before { | |
background: #646464 | |
} | |
.navbar.navbar-absolute.navbar-shrink.navbar-dark .nav-item.nav-megadropdown .nav-link:after, | |
.navbar.navbar-absolute.navbar-shrink.navbar-dark .nav-item.nav-megadropdown .nav-link:before, | |
.navbar.navbar-absolute.navbar-shrink.navbar-transparent-dark .nav-item.nav-megadropdown .nav-link:after, | |
.navbar.navbar-absolute.navbar-shrink.navbar-transparent-dark .nav-item.nav-megadropdown .nav-link:before { | |
background: #fff | |
} | |
.navbar.navbar-absolute.navbar-shrink.navbar-dark .nav-item.nav-megadropdown .nav-link:hover:after, | |
.navbar.navbar-absolute.navbar-shrink.navbar-dark .nav-item.nav-megadropdown .nav-link:hover:before, | |
.navbar.navbar-absolute.navbar-shrink.navbar-transparent-dark .nav-item.nav-megadropdown .nav-link:hover:after, | |
.navbar.navbar-absolute.navbar-shrink.navbar-transparent-dark .nav-item.nav-megadropdown .nav-link:hover:before { | |
background: rgba(255, 255, 255, .7) | |
} | |
.navbar.navbar-absolute-dark .nav-item.nav-megadropdown .nav-link:after, | |
.navbar.navbar-absolute-dark .nav-item.nav-megadropdown .nav-link:before { | |
background: #141414 | |
} | |
.navbar.navbar-absolute-dark .nav-item.nav-megadropdown .nav-link:hover:after, | |
.navbar.navbar-absolute-dark .nav-item.nav-megadropdown .nav-link:hover:before { | |
background: #646464 | |
} | |
.navbar.navbar-shrink .nav-item.nav-megadropdown .mega-menu { | |
top: 60px | |
} | |
.navbar .nav.dropdown-grey .nav-megadropdown .mega-menu { | |
background: #f5f5f5 | |
} | |
.navbar .nav.dropdown-dark .nav-megadropdown .mega-menu { | |
background: #1b1b1b | |
} | |
.navbar .nav.dropdown-transparent .nav-megadropdown .mega-menu { | |
background: rgba(255, 255, 255, .9) | |
} | |
.navbar .nav.dropdown-transparent-dark .nav-megadropdown .mega-menu { | |
background: rgba(0, 0, 0, .9) | |
} | |
} | |
.pagination { | |
margin: 0; | |
padding: 0 | |
} | |
.pagination .page-item { | |
margin: 0 10px 0 0; | |
text-align: center | |
} | |
.pagination .page-item:last-child { | |
margin-right: 0 | |
} | |
.pagination .page-item .page-link { | |
background: 0 0; | |
min-width: 31px; | |
height: 31px; | |
border: 1px solid #e6e6e6; | |
border-radius: 20px; | |
padding: 0; | |
color: rgba(0, 0, 0, .9); | |
font-size: 14px; | |
line-height: 31px; | |
-webkit-transition: linear .1s; | |
transition: linear .1s | |
} | |
.pagination .page-item .page-link:hover { | |
background: 0 0; | |
border-color: #141414 | |
} | |
.pagination .page-item.active .page-link { | |
background: 0 0; | |
border-color: #141414; | |
color: rgba(0, 0, 0, .9) | |
} | |
.pagination.pagination-sm .page-item .page-link { | |
min-width: 27px; | |
height: 27px; | |
border-radius: 20px; | |
padding: 0; | |
line-height: 27px | |
} | |
.pagination.pagination-lg .page-item .page-link { | |
min-width: 35px; | |
height: 35px; | |
border-radius: 20px; | |
padding: 0; | |
line-height: 35px | |
} | |
.pagination.layout-2 .page-item:first-child .page-link, | |
.pagination.layout-2.pagination-lg .page-item:first-child .page-link, | |
.pagination.layout-2.pagination-sm .page-item:first-child .page-link { | |
border-top-left-radius: .25rem; | |
border-bottom-left-radius: .25rem | |
} | |
.pagination.layout-2 .page-item:last-child .page-link, | |
.pagination.layout-2.pagination-lg .page-item:last-child .page-link, | |
.pagination.layout-2.pagination-sm .page-item:last-child .page-link { | |
border-top-right-radius: .25rem; | |
border-bottom-right-radius: .25rem | |
} | |
.pagination.layout-2 .page-item { | |
margin: 0 | |
} | |
.pagination.layout-2 .page-item .page-link { | |
border-radius: 0 | |
} | |
.pagination.layout-2 .page-item.active { | |
z-index: 3 | |
} | |
.pagination.layout-2.pagination-sm .page-item .page-link { | |
border-radius: 0 | |
} | |
.pagination.layout-2.pagination-lg .page-item .page-link { | |
border-radius: 0 | |
} | |
.pagination.hover-style-2 .page-item .page-link:hover { | |
background: #e6e6e6; | |
border-color: #e6e6e6 | |
} | |
.pagination.hover-style-2 .page-item.active .page-link { | |
background: #141414; | |
border-color: #141414; | |
color: #fff | |
} | |
.bg-dark .pagination .page-item .page-link, | |
.bg-dark-lighter .pagination .page-item .page-link, | |
.bg-dark-lightest .pagination .page-item .page-link, | |
div[class*=' bg-black'] .pagination .page-item .page-link, | |
div[class^=bg-black] .pagination .page-item .page-link { | |
border-color: rgba(255, 255, 255, .2); | |
color: #fff | |
} | |
.bg-dark .pagination .page-item .page-link:hover, | |
.bg-dark-lighter .pagination .page-item .page-link:hover, | |
.bg-dark-lightest .pagination .page-item .page-link:hover, | |
div[class*=' bg-black'] .pagination .page-item .page-link:hover, | |
div[class^=bg-black] .pagination .page-item .page-link:hover { | |
border-color: #fff | |
} | |
.bg-dark .pagination .page-item.active .page-link, | |
.bg-dark-lighter .pagination .page-item.active .page-link, | |
.bg-dark-lightest .pagination .page-item.active .page-link, | |
div[class*=' bg-black'] .pagination .page-item.active .page-link, | |
div[class^=bg-black] .pagination .page-item.active .page-link { | |
border-color: #fff; | |
color: #fff | |
} | |
.bg-dark .pagination.hover-style-2 .page-item .page-link:hover, | |
.bg-dark-lighter .pagination.hover-style-2 .page-item .page-link:hover, | |
.bg-dark-lightest .pagination.hover-style-2 .page-item .page-link:hover, | |
div[class*=' bg-black'] .pagination.hover-style-2 .page-item .page-link:hover, | |
div[class^=bg-black] .pagination.hover-style-2 .page-item .page-link:hover { | |
background: #fff; | |
border-color: #fff; | |
color: rgba(0, 0, 0, .9) | |
} | |
.bg-dark .pagination.hover-style-2 .page-item.active .page-link, | |
.bg-dark-lighter .pagination.hover-style-2 .page-item.active .page-link, | |
.bg-dark-lightest .pagination.hover-style-2 .page-item.active .page-link, | |
div[class*=' bg-black'] .pagination.hover-style-2 .page-item.active .page-link, | |
div[class^=bg-black] .pagination.hover-style-2 .page-item.active .page-link { | |
background: #fff; | |
border-color: #fff; | |
color: rgba(0, 0, 0, .9) | |
} | |
.pie-chart { | |
position: relative; | |
display: inline-block | |
} | |
.pie-chart-content { | |
position: absolute; | |
top: 50%; | |
left: 0; | |
-webkit-transform: translateY(-50%); | |
transform: translateY(-50%); | |
width: 100%; | |
margin-top: -3px; | |
padding: 0 20px; | |
text-align: center | |
} | |
.pie-chart-content .percent::after { | |
content: '%' | |
} | |
.popover { | |
border: 0; | |
-webkit-box-shadow: 0 0 12px 0 rgba(0, 0, 0, .08); | |
box-shadow: 0 0 12px 0 rgba(0, 0, 0, .08) | |
} | |
.popover .arrow:before { | |
border: 0 | |
} | |
.popover .popover-header { | |
background: 0 0; | |
padding: 15px 20px; | |
font-size: 16px; | |
line-height: 32px | |
} | |
.popover .popover-body { | |
padding: 20px | |
} | |
.progress-box { | |
margin-bottom: 20px | |
} | |
.progress-box:last-child { | |
margin-bottom: 0 | |
} | |
.progress-box h1, | |
.progress-box h2, | |
.progress-box h3, | |
.progress-box h4, | |
.progress-box h5, | |
.progress-box h6 { | |
margin-bottom: 0 | |
} | |
.progress-box .progress, | |
.progress-box .progress-bar { | |
height: 1px; | |
box-shadow: none; | |
border-radius: 0 | |
} | |
.progress-box .progress { | |
overflow: visible; | |
background: rgba(0, 0, 0, .1); | |
margin: 0; | |
padding: 0 | |
} | |
.progress-box .progress .progress-bar { | |
position: relative; | |
background: rgba(0, 0, 0, .9); | |
width: 30%; | |
border: none; | |
color: rgba(0, 0, 0, .9) | |
} | |
.progress-box .progress .progress-bar span { | |
position: absolute; | |
top: -23px; | |
right: 0; | |
font-size: 14px | |
} | |
.progress-box .progress.progress-radius { | |
border-radius: 10px | |
} | |
.progress-box .progress.progress-radius .progress-bar { | |
border-radius: 10px | |
} | |
.progress-box .progress.progress-height-2px { | |
height: 2px | |
} | |
.progress-box .progress.progress-height-2px .progress-bar { | |
height: 2px | |
} | |
.progress-box .progress.progress-height-3px { | |
height: 3px | |
} | |
.progress-box .progress.progress-height-3px .progress-bar { | |
height: 3px | |
} | |
.progress-box .progress.progress-height-4px { | |
height: 4px | |
} | |
.progress-box .progress.progress-height-4px .progress-bar { | |
height: 4px | |
} | |
.progress-box .progress.progress-height-5px { | |
height: 5px | |
} | |
.progress-box .progress.progress-height-5px .progress-bar { | |
height: 5px | |
} | |
.bg-dark .progress-box .progress, | |
.bg-dark-lighter .progress-box .progress, | |
.bg-dark-lightest .progress-box .progress, | |
div[class*=' bg-black'] .progress-box .progress, | |
div[class^=bg-black] .progress-box .progress { | |
background: rgba(255, 255, 255, .2) | |
} | |
.bg-dark .progress-box .progress .progress-bar, | |
.bg-dark-lighter .progress-box .progress .progress-bar, | |
.bg-dark-lightest .progress-box .progress .progress-bar, | |
div[class*=' bg-black'] .progress-box .progress .progress-bar, | |
div[class^=bg-black] .progress-box .progress .progress-bar { | |
background: #fff; | |
color: #fff | |
} | |
.table td, | |
.table th { | |
border-top: 1px solid #e6e6e6 | |
} | |
.table thead th { | |
border-bottom: 2px solid #e6e6e6 | |
} | |
.table.table-dark { | |
background: #1b1b1b | |
} | |
.table.table-dark thead th { | |
border-bottom: 2px solid rgba(255, 255, 255, .1) | |
} | |
.table.table-dark td, | |
.table.table-dark th { | |
border-top: 1px solid rgba(255, 255, 255, .1) | |
} | |
.table.table-bordered td, | |
.table.table-bordered th { | |
border: 1px solid #e6e6e6 | |
} | |
.table.table-bordered.table-dark td, | |
.table.table-bordered.table-dark th { | |
border: 1px solid rgba(255, 255, 255, .1) | |
} | |
.table .thead-dark th { | |
background: #1b1b1b; | |
border-color: rgba(255, 255, 255, .1) | |
} | |
.table .thead-light th { | |
background: #f0f0f0 | |
} | |
.table .table-active td, | |
.table .table-active th { | |
background: #dcdcdc | |
} | |
.table .table-secondary td, | |
.table .table-secondary th { | |
background: #e6e6e6 | |
} | |
.table .table-light td, | |
.table .table-light th { | |
background: #f7f7f7 | |
} | |
.table .table-dark td, | |
.table .table-dark th { | |
background: #d2d2d2 | |
} | |
body { | |
color: #646464; | |
font: 300 16px Heebo, sans-serif; | |
letter-spacing: 0 | |
} | |
h1, | |
h2, | |
h3, | |
h4, | |
h5, | |
h6 { | |
margin: 0 0 10px; | |
letter-spacing: 0; | |
color: #141414; | |
font-weight: 700 | |
} | |
h1 { | |
font-size: 40px; | |
line-height: 56px | |
} | |
h2 { | |
font-size: 32px; | |
line-height: 48px | |
} | |
h3 { | |
font-size: 28px; | |
line-height: 44px | |
} | |
h4 { | |
font-size: 24px; | |
line-height: 40px | |
} | |
h5 { | |
font-size: 20px; | |
line-height: 36px | |
} | |
h6 { | |
font-size: 16px; | |
line-height: 30px | |
} | |
p { | |
margin: 0; | |
line-height: 30px | |
} | |
.lead { | |
line-height: 36px | |
} | |
.display-1 { | |
font-size: 96px | |
} | |
.display-2 { | |
font-size: 88px | |
} | |
.display-3 { | |
font-size: 72px | |
} | |
.display-4 { | |
font-size: 56px | |
} | |
.heading-uppercase { | |
font-weight: 400; | |
font-size: 13px; | |
letter-spacing: 1.5px; | |
text-transform: uppercase | |
} | |
.uppercase { | |
letter-spacing: 1px; | |
text-transform: uppercase | |
} | |
.font-small { | |
font-size: 14px; | |
line-height: 26px | |
} | |
.font-large { | |
font-size: 20px; | |
line-height: 36px | |
} | |
.letter-spacing-1px { | |
letter-spacing: 1px | |
} | |
.letter-spacing-2px { | |
letter-spacing: 2px | |
} | |
.letter-spacing-3px { | |
letter-spacing: 3px | |
} | |
.letter-spacing-4px { | |
letter-spacing: 4px | |
} | |
.letter-spacing-5px { | |
letter-spacing: 5px | |
} | |
.line-height-100 { | |
line-height: 100% | |
} | |
.line-height-110 { | |
line-height: 110% | |
} | |
.line-height-120 { | |
line-height: 120% | |
} | |
.line-height-130 { | |
line-height: 130% | |
} | |
.line-height-140 { | |
line-height: 140% | |
} | |
.line-height-150 { | |
line-height: 150% | |
} | |
.line-height-160 { | |
line-height: 160% | |
} | |
.line-height-170 { | |
line-height: 170% | |
} | |
.line-height-180 { | |
line-height: 180% | |
} | |
.line-height-190 { | |
line-height: 190% | |
} | |
.line-height-200 { | |
line-height: 200% | |
} | |
i { | |
display: inline-block | |
} | |
.icon-5xl i { | |
font-size: 40px | |
} | |
.icon-4xl i { | |
font-size: 36px | |
} | |
.icon-3xl i { | |
font-size: 32px | |
} | |
.icon-2xl i { | |
font-size: 28px | |
} | |
.icon-xl i { | |
font-size: 24px | |
} | |
.icon-lg i { | |
font-size: 20px | |
} | |
.icon-sm i { | |
font-size: 14px | |
} | |
@media (max-width:1200px) { | |
.sidebar-wrapper[class*=" col-xl"], | |
.sidebar-wrapper[class^=col-xl] { | |
margin-top: 90px | |
} | |
} | |
@media (max-width:992px) { | |
.sidebar-wrapper[class*=" col-lg"], | |
.sidebar-wrapper[class^=col-lg] { | |
margin-top: 90px | |
} | |
} | |
@media (max-width:768px) { | |
.sidebar-wrapper[class*=" col-md"], | |
.sidebar-wrapper[class^=col-md] { | |
margin-top: 90px | |
} | |
} | |
@media (max-width:576px) { | |
.sidebar-wrapper[class*=" col-sm"], | |
.sidebar-wrapper[class^=col-sm] { | |
margin-top: 90px | |
} | |
} | |
.sidebar-box { | |
border: 1px solid #e6e6e6; | |
margin-bottom: 20px; | |
padding: 30px | |
} | |
.sidebar-box:last-child { | |
margin-bottom: 0 | |
} | |
.sidebar-box h1, | |
.sidebar-box h2, | |
.sidebar-box h3, | |
.sidebar-box h4, | |
.sidebar-box h5, | |
.sidebar-box h6 { | |
margin-bottom: 30px; | |
text-align: center | |
} | |
.sidebar-box .list-category { | |
padding: 0 | |
} | |
.sidebar-box .list-category li { | |
list-style-type: none; | |
margin: 0; | |
padding: 10px 0; | |
border-bottom: 1px solid #e6e6e6 | |
} | |
.sidebar-box .list-category li:first-child { | |
padding-top: 0 | |
} | |
.sidebar-box .list-category li:last-child { | |
padding-bottom: 0; | |
border: 0 | |
} | |
.sidebar-box .list-category li a { | |
display: block | |
} | |
.sidebar-box .list-category li a span { | |
float: right; | |
font-size: 14px | |
} | |
.sidebar-box .popular-post { | |
position: relative; | |
margin-bottom: 15px | |
} | |
.sidebar-box .popular-post:last-child { | |
margin-bottom: 0 | |
} | |
.sidebar-box .popular-post img { | |
float: left; | |
width: 80px | |
} | |
.sidebar-box .popular-post div { | |
padding-left: 100px | |
} | |
.sidebar-box .popular-post div h1, | |
.sidebar-box .popular-post div h2, | |
.sidebar-box .popular-post div h3, | |
.sidebar-box .popular-post div h4, | |
.sidebar-box .popular-post div h5, | |
.sidebar-box .popular-post div h6 { | |
margin-bottom: 0; | |
text-align: left | |
} | |
.sidebar-box .popular-post div a { | |
-webkit-transition: linear .1s; | |
transition: linear .1s | |
} | |
.sidebar-box .popular-post div span { | |
font-size: 14px | |
} | |
.sidebar-box .popular-post:after { | |
content: ''; | |
display: block; | |
clear: both | |
} | |
.sidebar-box .tags { | |
padding: 0 | |
} | |
.sidebar-box .tags li { | |
display: inline-block; | |
margin: 0 3px 6px 0 | |
} | |
.sidebar-box .tags li a { | |
display: inline-block; | |
background: #f0f0f0; | |
padding: 5px 10px; | |
font-size: 14px | |
} | |
.sidebar-box .tags li a:focus, | |
.sidebar-box .tags li a:hover { | |
background: #e6e6e6; | |
color: #141414 | |
} | |
.bg-dark .sidebar-box, | |
.bg-dark-lighter .sidebar-box, | |
.bg-dark-lightest .sidebar-box, | |
div[class*=' bg-black'] .sidebar-box, | |
div[class^=bg-black] .sidebar-box { | |
border-color: rgba(255, 255, 255, .2) | |
} | |
.bg-dark .sidebar-box .list-category li, | |
.bg-dark-lighter .sidebar-box .list-category li, | |
.bg-dark-lightest .sidebar-box .list-category li, | |
div[class*=' bg-black'] .sidebar-box .list-category li, | |
div[class^=bg-black] .sidebar-box .list-category li { | |
border-color: rgba(255, 255, 255, .2) | |
} | |
.bg-dark .sidebar-box .tags li a, | |
.bg-dark-lighter .sidebar-box .tags li a, | |
.bg-dark-lightest .sidebar-box .tags li a, | |
div[class*=' bg-black'] .sidebar-box .tags li a, | |
div[class^=bg-black] .sidebar-box .tags li a { | |
background: rgba(0, 0, 0, .8); | |
color: rgba(255, 255, 255, .7) | |
} | |
.bg-dark .sidebar-box .tags li a:focus, | |
.bg-dark .sidebar-box .tags li a:hover, | |
.bg-dark-lighter .sidebar-box .tags li a:focus, | |
.bg-dark-lighter .sidebar-box .tags li a:hover, | |
.bg-dark-lightest .sidebar-box .tags li a:focus, | |
.bg-dark-lightest .sidebar-box .tags li a:hover, | |
div[class*=' bg-black'] .sidebar-box .tags li a:focus, | |
div[class*=' bg-black'] .sidebar-box .tags li a:hover, | |
div[class^=bg-black] .sidebar-box .tags li a:focus, | |
div[class^=bg-black] .sidebar-box .tags li a:hover { | |
background: rgba(0, 0, 0, .9); | |
color: #fff | |
} | |
.comment-box { | |
position: relative; | |
margin-bottom: 30px; | |
padding-left: 80px | |
} | |
.comment-box .comment-user-avatar { | |
position: absolute; | |
top: 0; | |
left: 0; | |
background: #f5f5f5; | |
width: 60px; | |
height: 60px; | |
border-radius: 50%; | |
text-align: center; | |
line-height: 60px | |
} | |
.comment-box .comment-user-avatar img { | |
width: 60px; | |
height: 60px | |
} | |
.comment-box .comment-content { | |
position: relative | |
} | |
.comment-box .comment-content .comment-time { | |
position: absolute; | |
top: 0; | |
right: 0; | |
text-align: right; | |
color: #a0a0a0; | |
font-style: italic; | |
font-size: 14px | |
} | |
.blog-post-box { | |
margin-bottom: 40px | |
} | |
.blog-post-box .blog-post-img { | |
position: relative; | |
overflow: hidden | |
} | |
.blog-post-box .blog-post-img a:before { | |
content: ''; | |
position: absolute; | |
top: 0; | |
left: 0; | |
z-index: 1; | |
opacity: 0; | |
background: rgba(255, 255, 255, .1); | |
width: 100%; | |
height: 100%; | |
-webkit-transition: ease-out .2s; | |
transition: ease-out .2s | |
} | |
.blog-post-box .blog-post-img a img { | |
width: 100%; | |
-webkit-transition: ease-out .2s; | |
transition: ease-out .2s | |
} | |
.blog-post-box .blog-post-img a:hover:before { | |
opacity: 1 | |
} | |
.blog-post-box .blog-post-img a:hover img { | |
-webkit-transform: scale(1.02); | |
transform: scale(1.02) | |
} | |
.blog-post-box .blog-post-content { | |
padding-top: 30px | |
} | |
.blog-post-box .blog-post-content .blog-post-title { | |
margin-bottom: 20px | |
} | |
.blog-post-box .blog-post-content .blog-post-title h1, | |
.blog-post-box .blog-post-content .blog-post-title h2, | |
.blog-post-box .blog-post-content .blog-post-title h3, | |
.blog-post-box .blog-post-content .blog-post-title h4, | |
.blog-post-box .blog-post-content .blog-post-title h5, | |
.blog-post-box .blog-post-content .blog-post-title h6 { | |
margin-bottom: 5px | |
} | |
.blog-post-box .blog-post-content .blog-post-title span { | |
color: #a0a0a0; | |
font-size: 14px | |
} | |
.blog-post-box .blog-post-content .btn, | |
.blog-post-box .blog-post-content .button, | |
.blog-post-box .blog-post-content .text-btn, | |
.blog-post-box .blog-post-content .text-btn-2, | |
.blog-post-box .blog-post-content .text-btn-3 { | |
margin-top: 20px | |
} | |
.blog-small-thumbnail .blog-post-box .blog-post-content { | |
text-align: left | |
} | |
@media (min-width:992px) { | |
.blog-small-thumbnail .blog-post-box { | |
display: -webkit-box; | |
display: -webkit-flex; | |
display: -ms-flexbox; | |
display: flex; | |
margin-bottom: 60px | |
} | |
.blog-small-thumbnail .blog-post-box .blog-post-img { | |
width: 300px; | |
min-width: 300px; | |
margin: 0 30px 0 0 | |
} | |
.blog-small-thumbnail .blog-post-box .blog-post-content { | |
padding: 0 | |
} | |
} | |
.text-left .blog-post-content { | |
text-align: left | |
} | |
.text-left .blog-post-content p { | |
text-align: left | |
} | |
.text-right .blog-post-content { | |
text-align: right | |
} | |
.text-right .blog-post-content p { | |
text-align: right | |
} | |
.blog-masonry { | |
margin: 0 -15px -50px | |
} | |
.blog-masonry .blog-post-box { | |
padding: 0 15px | |
} | |
.blog-masonry.blog-column-1 .blog-post-box { | |
width: 100% | |
} | |
@media (min-width:768px) { | |
.blog-masonry.blog-column-2 .blog-post-box { | |
width: 50% | |
} | |
} | |
@media (min-width:768px) { | |
.blog-masonry.blog-column-3 .blog-post-box { | |
width: 50% | |
} | |
} | |
@media (min-width:992px) { | |
.blog-masonry.blog-column-3 .blog-post-box { | |
width: 33.33% | |
} | |
} | |
@media (min-width:576px) { | |
.blog-masonry.blog-column-4 .blog-post-box { | |
width: 50% | |
} | |
} | |
@media (min-width:768px) { | |
.blog-masonry.blog-column-4 .blog-post-box { | |
width: 33.33% | |
} | |
} | |
@media (min-width:992px) { | |
.blog-masonry.blog-column-4 .blog-post-box { | |
width: 25% | |
} | |
} | |
@media (min-width:1200px) { | |
.blog-masonry.blog-column-5 .blog-post-box { | |
width: 20% | |
} | |
} | |
@media (min-width:1200px) { | |
.blog-masonry.blog-column-6 .blog-post-box { | |
width: 16.66% | |
} | |
} | |
.client-box { | |
text-align: center | |
} | |
.client-box a img { | |
opacity: .7; | |
-webkit-transition: ease-out .2s; | |
transition: ease-out .2s | |
} | |
.client-box a:focus img, | |
.client-box a:hover img { | |
opacity: 1 | |
} | |
.owl-carousel .client-box img { | |
display: inline-block | |
} | |
.clients-grid { | |
overflow: hidden; | |
margin: 0; | |
padding: 0; | |
text-align: center | |
} | |
.clients-grid li { | |
list-style-type: none; | |
position: relative; | |
float: left; | |
width: 16.6%; | |
margin: 0; | |
padding: 30px | |
} | |
.clients-grid li:after, | |
.clients-grid li:before { | |
content: ''; | |
position: absolute | |
} | |
.clients-grid li:before { | |
top: 0; | |
left: -1px; | |
height: 100%; | |
border-left: 1px dashed rgba(0, 0, 0, .1) | |
} | |
.clients-grid li:after { | |
left: 0; | |
bottom: -1px; | |
width: 100%; | |
border-bottom: 1px dashed rgba(0, 0, 0, .1) | |
} | |
.clients-grid li a img { | |
opacity: .7; | |
-webkit-transition: ease-out .2s; | |
transition: ease-out .2s | |
} | |
.clients-grid li a:focus img, | |
.clients-grid li a:hover img { | |
opacity: 1 | |
} | |
@media (max-width:992px) { | |
.clients-grid li { | |
width: 25% | |
} | |
} | |
@media (max-width:768px) { | |
.clients-grid li { | |
width: 33.3% | |
} | |
} | |
@media (max-width:576px) { | |
.clients-grid li { | |
width: 50% | |
} | |
} | |
.clients-grid.column-5 li { | |
width: 20% | |
} | |
@media (max-width:992px) { | |
.clients-grid.column-5 li { | |
width: 25% | |
} | |
} | |
@media (max-width:768px) { | |
.clients-grid.column-5 li { | |
width: 33.3% | |
} | |
} | |
@media (max-width:576px) { | |
.clients-grid.column-5 li { | |
width: 50% | |
} | |
} | |
.clients-grid.blog-masonry.blog-column-5 li, | |
.clients-grid.blog-masonry.blog-column-6 li, | |
.clients-grid.column-4 li, | |
.clients-grid.portfolio-wrapper.column-5 li, | |
.clients-grid.portfolio-wrapper.column-6 li { | |
width: 25% | |
} | |
@media (max-width:768px) { | |
.clients-grid.blog-masonry.blog-column-5 li, | |
.clients-grid.blog-masonry.blog-column-6 li, | |
.clients-grid.column-4 li, | |
.clients-grid.portfolio-wrapper.column-5 li, | |
.clients-grid.portfolio-wrapper.column-6 li { | |
width: 33.3% | |
} | |
} | |
@media (max-width:576px) { | |
.clients-grid.blog-masonry.blog-column-5 li, | |
.clients-grid.blog-masonry.blog-column-6 li, | |
.clients-grid.column-4 li, | |
.clients-grid.portfolio-wrapper.column-5 li, | |
.clients-grid.portfolio-wrapper.column-6 li { | |
width: 50% | |
} | |
} | |
.clients-grid.column-3 li { | |
width: 33.3% | |
} | |
@media (max-width:768px) { | |
.clients-grid.column-3 li { | |
width: 50% | |
} | |
} | |
.clients-grid.column-2 li { | |
width: 50% | |
} | |
.clients-grid.border-style-solid { | |
border: 0 | |
} | |
.clients-grid.border-style-solid li:before { | |
border-left-style: solid | |
} | |
.clients-grid.border-style-solid li:after { | |
border-bottom-style: solid | |
} | |
.clients-grid.border-style-dotted { | |
border: 0 | |
} | |
.clients-grid.border-style-dotted li:before { | |
border-left-style: dotted | |
} | |
.clients-grid.border-style-dotted li:after { | |
border-bottom-style: dotted | |
} | |
.bg-dark .clients-grid li:after, | |
.bg-dark .clients-grid li:before, | |
.bg-dark-lighter .clients-grid li:after, | |
.bg-dark-lighter .clients-grid li:before, | |
.bg-dark-lightest .clients-grid li:after, | |
.bg-dark-lightest .clients-grid li:before, | |
div[class*=' bg-black'] .clients-grid li:after, | |
div[class*=' bg-black'] .clients-grid li:before, | |
div[class^=bg-black] .clients-grid li:after, | |
div[class^=bg-black] .clients-grid li:before { | |
border-color: rgba(255, 255, 255, .2) | |
} | |
.submit-result span { | |
display: none; | |
-webkit-transition: ease-out .2s; | |
transition: ease-out .2s | |
} | |
.submit-result span.show-result { | |
margin-top: 30px; | |
display: block | |
} | |
.submit-result span#success { | |
color: #24963e | |
} | |
.submit-result span#error { | |
color: #c62f3e | |
} | |
.submit-result span .error-color { | |
background: rgba(255, 0, 0, .1) | |
} | |
.countdown { | |
display: -webkit-box; | |
display: -webkit-flex; | |
display: -ms-flexbox; | |
display: flex | |
} | |
.countdown div { | |
width: 25% | |
} | |
.footer { | |
padding: 70px 0 | |
} | |
.footer #map-canvas { | |
width: 100%; | |
height: 100% | |
} | |
@media (max-width:992px) { | |
.footer #map-canvas { | |
height: 250px | |
} | |
} | |
.footer-bottom { | |
padding: 50px 0 | |
} | |
.footer-bottom .row { | |
margin-bottom: -20px | |
} | |
.footer-bottom .row div[class*=" col-"], | |
.footer-bottom .row div[class^=col-] { | |
margin-bottom: 20px | |
} | |
.gallery-wrapper { | |
margin: 0 | |
} | |
.gallery-wrapper div[class*=" col-"], | |
.gallery-wrapper div[class^=col-] { | |
margin: 0 | |
} | |
.gallery-wrapper .gallery-box .gallery-img { | |
position: relative; | |
overflow: hidden | |
} | |
.gallery-wrapper .gallery-box .gallery-img a { | |
display: block | |
} | |
.gallery-wrapper .gallery-box .gallery-img a:before { | |
content: ''; | |
position: absolute; | |
top: 0; | |
left: 0; | |
z-index: 1; | |
opacity: 0; | |
background: rgba(255, 255, 255, .1); | |
width: 100%; | |
height: 100%; | |
-webkit-transition: ease-out .2s; | |
transition: ease-out .2s | |
} | |
.gallery-wrapper .gallery-box .gallery-img a img { | |
width: 100%; | |
-webkit-transition: ease-out .2s; | |
transition: ease-out .2s | |
} | |
.gallery-wrapper .gallery-box .gallery-img a:hover:before { | |
opacity: 1 | |
} | |
.gallery-wrapper .gallery-box .gallery-img a:hover img { | |
-webkit-transform: scale(1.02); | |
transform: scale(1.02) | |
} | |
.gallery-wrapper .gallery-box .gallery-img a .gallery-title { | |
position: absolute; | |
top: 50%; | |
left: 50%; | |
-webkit-transform: translate(-50%, -50%); | |
transform: translate(-50%, -50%); | |
z-index: 2; | |
background: #fff; | |
padding: 10px 20px | |
} | |
.gallery-wrapper .gallery-box .gallery-img a .gallery-title h1, | |
.gallery-wrapper .gallery-box .gallery-img a .gallery-title h2, | |
.gallery-wrapper .gallery-box .gallery-img a .gallery-title h3, | |
.gallery-wrapper .gallery-box .gallery-img a .gallery-title h4, | |
.gallery-wrapper .gallery-box .gallery-img a .gallery-title h5, | |
.gallery-wrapper .gallery-box .gallery-img a .gallery-title h6 { | |
display: inline-block; | |
margin: 0 | |
} | |
.gallery-wrapper.no-spacing div[class^=col-]:not(.row) { | |
margin-bottom: 0; | |
padding: 0 | |
} | |
.gallery-wrapper.spacing-6 div[class^=col-]:not(.row) { | |
margin-bottom: 6px; | |
padding: 0 3px | |
} | |
.gallery-wrapper.spacing-10 div[class^=col-]:not(.row) { | |
margin-bottom: 10px; | |
padding: 0 5px | |
} | |
.gallery-wrapper.spacing-20 div[class^=col-]:not(.row) { | |
margin-bottom: 20px; | |
padding: 0 10px | |
} | |
.gallery-wrapper.spacing-30 div[class^=col-]:not(.row) { | |
margin-bottom: 30px; | |
padding: 0 15px | |
} | |
.gallery-wrapper.hover-style-2 .gallery-box .gallery-img a:before { | |
background: rgba(0, 0, 0, .1) | |
} | |
.container .gallery-wrapper.no-spacing { | |
margin: 0 | |
} | |
.container .gallery-wrapper.spacing-6 { | |
margin: 0 -3px -6px | |
} | |
.container .gallery-wrapper.spacing-10 { | |
margin: 0 -5px -10px | |
} | |
.container .gallery-wrapper.spacing-20 { | |
margin: 0 -10px -20px | |
} | |
.container .gallery-wrapper.spacing-30 { | |
margin: 0 -15px -30px | |
} | |
.container-fluid .gallery-wrapper.no-spacing { | |
margin: 0 -20px | |
} | |
.container-fluid .gallery-wrapper.spacing-6 { | |
margin: 0 -17px | |
} | |
.container-fluid .gallery-wrapper.spacing-10 { | |
margin: 0 -15px | |
} | |
.container-fluid .gallery-wrapper.spacing-20 { | |
margin: 0 -10px | |
} | |
.container-fluid .gallery-wrapper.spacing-30 { | |
margin: 0 -5px | |
} | |
.hoverbox-1, | |
.hoverbox-10, | |
.hoverbox-2, | |
.hoverbox-3, | |
.hoverbox-4, | |
.hoverbox-5, | |
.hoverbox-6, | |
.hoverbox-7, | |
.hoverbox-8, | |
.hoverbox-9 { | |
overflow: hidden; | |
position: relative; | |
display: inline-block | |
} | |
.hoverbox-1 img, | |
.hoverbox-10 img, | |
.hoverbox-2 img, | |
.hoverbox-3 img, | |
.hoverbox-4 img, | |
.hoverbox-5 img, | |
.hoverbox-6 img, | |
.hoverbox-7 img, | |
.hoverbox-8 img, | |
.hoverbox-9 img { | |
-webkit-transition: ease-out .2s; | |
transition: ease-out .2s | |
} | |
.hoverbox-1:before, | |
.hoverbox-2:before { | |
content: ''; | |
position: absolute; | |
top: 0; | |
left: 0; | |
z-index: 1; | |
opacity: 0; | |
background: rgba(0, 0, 0, .7); | |
width: 100%; | |
height: 100%; | |
-webkit-transition: ease-out .2s; | |
transition: ease-out .2s | |
} | |
.hoverbox-1 .hover-content, | |
.hoverbox-2 .hover-content { | |
position: absolute; | |
z-index: 2; | |
visibility: hidden; | |
opacity: 0; | |
color: rgba(255, 255, 255, .7); | |
-webkit-transition: ease-out .2s; | |
transition: ease-out .2s | |
} | |
.hoverbox-1 .hover-content h1, | |
.hoverbox-1 .hover-content h2, | |
.hoverbox-1 .hover-content h3, | |
.hoverbox-1 .hover-content h4, | |
.hoverbox-1 .hover-content h5, | |
.hoverbox-1 .hover-content h6, | |
.hoverbox-2 .hover-content h1, | |
.hoverbox-2 .hover-content h2, | |
.hoverbox-2 .hover-content h3, | |
.hoverbox-2 .hover-content h4, | |
.hoverbox-2 .hover-content h5, | |
.hoverbox-2 .hover-content h6 { | |
color: #fff | |
} | |
.hoverbox-1:hover:before, | |
.hoverbox-2:hover:before { | |
opacity: 1 | |
} | |
.hoverbox-1:hover img, | |
.hoverbox-2:hover img { | |
-webkit-transform: scale(1.02); | |
transform: scale(1.02) | |
} | |
.hoverbox-1:hover .hover-content, | |
.hoverbox-2:hover .hover-content { | |
visibility: visible; | |
opacity: 1 | |
} | |
.hoverbox-1 .hover-content { | |
top: 50%; | |
right: 0; | |
left: 0; | |
-webkit-transform: translateY(-50%); | |
transform: translateY(-50%); | |
width: 100%; | |
margin-top: 5px; | |
padding: 0 30px | |
} | |
.hoverbox-1:hover .hover-content { | |
margin-top: 0 | |
} | |
.hoverbox-2 .hover-content { | |
right: 0; | |
bottom: 0; | |
left: 0; | |
-webkit-transform: translateY(5px); | |
transform: translateY(5px); | |
width: 100%; | |
padding: 30px | |
} | |
.hoverbox-2:hover .hover-content { | |
-webkit-transform: translateY(0); | |
transform: translateY(0) | |
} | |
.hoverbox-3:before { | |
content: ''; | |
position: absolute; | |
top: 20px; | |
right: 20px; | |
bottom: 20px; | |
left: 20px; | |
-webkit-transform: translateY(5px); | |
transform: translateY(5px); | |
z-index: 1; | |
opacity: 0; | |
background: #fff; | |
-webkit-transition: ease-out .2s; | |
transition: ease-out .2s | |
} | |
.hoverbox-3 .hover-content { | |
position: absolute; | |
top: 50%; | |
right: 20px; | |
left: 20px; | |
-webkit-transform: translateY(-50%); | |
transform: translateY(-50%); | |
z-index: 2; | |
visibility: hidden; | |
opacity: 0; | |
margin-top: 5px; | |
padding: 0 30px; | |
-webkit-transition: ease-out .2s; | |
transition: ease-out .2s | |
} | |
.hoverbox-3:hover:before { | |
-webkit-transform: translateY(0); | |
transform: translateY(0); | |
opacity: 1 | |
} | |
.hoverbox-3:hover img { | |
-webkit-transform: scale(1.02); | |
transform: scale(1.02) | |
} | |
.hoverbox-3:hover .hover-content { | |
visibility: visible; | |
opacity: 1; | |
margin-top: 0 | |
} | |
.hoverbox-4 .hover-content { | |
position: absolute; | |
right: 20px; | |
bottom: 20px; | |
left: 20px; | |
-webkit-transform: translateY(5px); | |
transform: translateY(5px); | |
z-index: 1; | |
visibility: hidden; | |
opacity: 0; | |
background: #fff; | |
padding: 30px; | |
-webkit-transition: ease-out .2s; | |
transition: ease-out .2s | |
} | |
.hoverbox-4:hover img { | |
-webkit-transform: scale(1.02); | |
transform: scale(1.02) | |
} | |
.hoverbox-4:hover .hover-content { | |
-webkit-transform: translateY(0); | |
transform: translateY(0); | |
visibility: visible; | |
opacity: 1 | |
} | |
.hoverbox-5:before, | |
.hoverbox-6:before { | |
content: ''; | |
position: absolute; | |
top: 0; | |
left: 0; | |
z-index: 1; | |
background: rgba(0, 0, 0, .6); | |
width: 100%; | |
height: 100%; | |
-webkit-transition: ease-out .2s; | |
transition: ease-out .2s | |
} | |
.hoverbox-5 .content, | |
.hoverbox-5 .hover-content, | |
.hoverbox-6 .content, | |
.hoverbox-6 .hover-content { | |
position: absolute; | |
z-index: 2; | |
color: rgba(255, 255, 255, .7); | |
-webkit-transition: ease-out .2s; | |
transition: ease-out .2s | |
} | |
.hoverbox-5 .content h1, | |
.hoverbox-5 .content h2, | |
.hoverbox-5 .content h3, | |
.hoverbox-5 .content h4, | |
.hoverbox-5 .content h5, | |
.hoverbox-5 .content h6, | |
.hoverbox-5 .hover-content h1, | |
.hoverbox-5 .hover-content h2, | |
.hoverbox-5 .hover-content h3, | |
.hoverbox-5 .hover-content h4, | |
.hoverbox-5 .hover-content h5, | |
.hoverbox-5 .hover-content h6, | |
.hoverbox-6 .content h1, | |
.hoverbox-6 .content h2, | |
.hoverbox-6 .content h3, | |
.hoverbox-6 .content h4, | |
.hoverbox-6 .content h5, | |
.hoverbox-6 .content h6, | |
.hoverbox-6 .hover-content h1, | |
.hoverbox-6 .hover-content h2, | |
.hoverbox-6 .hover-content h3, | |
.hoverbox-6 .hover-content h4, | |
.hoverbox-6 .hover-content h5, | |
.hoverbox-6 .hover-content h6 { | |
color: #fff | |
} | |
.hoverbox-5 .hover-content, | |
.hoverbox-6 .hover-content { | |
visibility: hidden; | |
opacity: 0 | |
} | |
.hoverbox-5:hover:before, | |
.hoverbox-6:hover:before { | |
background: rgba(0, 0, 0, .7) | |
} | |
.hoverbox-5:hover img, | |
.hoverbox-6:hover img { | |
-webkit-transform: scale(1.02); | |
transform: scale(1.02) | |
} | |
.hoverbox-5:hover .hover-content, | |
.hoverbox-6:hover .hover-content { | |
visibility: visible; | |
opacity: 1 | |
} | |
.hoverbox-5 .content, | |
.hoverbox-5 .hover-content { | |
top: 50%; | |
left: 0; | |
-webkit-transform: translateY(-50%); | |
transform: translateY(-50%); | |
width: 100%; | |
padding: 0 30px | |
} | |
.hoverbox-5 .hover-content { | |
margin-top: 5px | |
} | |
.hoverbox-5:hover .content { | |
visibility: hidden; | |
opacity: 0; | |
margin-top: -5px | |
} | |
.hoverbox-5:hover .hover-content { | |
margin-top: 0 | |
} | |
.hoverbox-6 .content, | |
.hoverbox-6 .hover-content { | |
bottom: 0; | |
left: 0; | |
width: 100%; | |
padding: 30px | |
} | |
.hoverbox-6 .hover-content { | |
-webkit-transform: translateY(5px); | |
transform: translateY(5px) | |
} | |
.hoverbox-6:hover .content { | |
-webkit-transform: translateY(-5px); | |
transform: translateY(-5px); | |
visibility: hidden; | |
opacity: 0 | |
} | |
.hoverbox-6:hover .hover-content { | |
-webkit-transform: translateY(0); | |
transform: translateY(0) | |
} | |
.hoverbox-7:before { | |
content: ''; | |
position: absolute; | |
top: 0; | |
left: 0; | |
z-index: 1; | |
background: rgba(0, 0, 0, .6); | |
width: 100%; | |
height: 100%; | |
-webkit-transition: ease-out .2s; | |
transition: ease-out .2s | |
} | |
.hoverbox-7 .content, | |
.hoverbox-7 .hover-content { | |
position: absolute; | |
z-index: 2; | |
left: 0; | |
width: 100%; | |
padding: 30px; | |
color: rgba(255, 255, 255, .7) | |
} | |
.hoverbox-7 .content h1, | |
.hoverbox-7 .content h2, | |
.hoverbox-7 .content h3, | |
.hoverbox-7 .content h4, | |
.hoverbox-7 .content h5, | |
.hoverbox-7 .content h6, | |
.hoverbox-7 .hover-content h1, | |
.hoverbox-7 .hover-content h2, | |
.hoverbox-7 .hover-content h3, | |
.hoverbox-7 .hover-content h4, | |
.hoverbox-7 .hover-content h5, | |
.hoverbox-7 .hover-content h6 { | |
color: #fff | |
} | |
.hoverbox-7 .content { | |
top: 0 | |
} | |
.hoverbox-7 .hover-content { | |
bottom: 0; | |
-webkit-transform: translateY(5px); | |
transform: translateY(5px); | |
visibility: hidden; | |
opacity: 0; | |
-webkit-transition: ease-out .2s; | |
transition: ease-out .2s | |
} | |
.hoverbox-7:hover:before { | |
background: rgba(0, 0, 0, .7) | |
} | |
.hoverbox-7:hover img { | |
-webkit-transform: scale(1.02); | |
transform: scale(1.02) | |
} | |
.hoverbox-7:hover .hover-content { | |
-webkit-transform: translateY(0); | |
transform: translateY(0); | |
visibility: visible; | |
opacity: 1 | |
} | |
.hoverbox-10 a, | |
.hoverbox-8 a, | |
.hoverbox-9 a { | |
display: block | |
} | |
.hoverbox-10 a:before, | |
.hoverbox-8 a:before, | |
.hoverbox-9 a:before { | |
content: ''; | |
position: absolute; | |
top: 0; | |
left: 0; | |
z-index: 1; | |
opacity: 0; | |
background: rgba(255, 255, 255, .1); | |
width: 100%; | |
height: 100%; | |
-webkit-transition: ease-out .2s; | |
transition: ease-out .2s | |
} | |
.hoverbox-10 .content, | |
.hoverbox-8 .content, | |
.hoverbox-9 .content { | |
position: absolute; | |
display: inline-block; | |
background: #fff; | |
padding: 10px 20px; | |
color: rgba(0, 0, 0, .9) | |
} | |
.hoverbox-10 .content h1, | |
.hoverbox-10 .content h2, | |
.hoverbox-10 .content h3, | |
.hoverbox-10 .content h4, | |
.hoverbox-10 .content h5, | |
.hoverbox-10 .content h6, | |
.hoverbox-8 .content h1, | |
.hoverbox-8 .content h2, | |
.hoverbox-8 .content h3, | |
.hoverbox-8 .content h4, | |
.hoverbox-8 .content h5, | |
.hoverbox-8 .content h6, | |
.hoverbox-9 .content h1, | |
.hoverbox-9 .content h2, | |
.hoverbox-9 .content h3, | |
.hoverbox-9 .content h4, | |
.hoverbox-9 .content h5, | |
.hoverbox-9 .content h6 { | |
color: rgba(0, 0, 0, .9) | |
} | |
.hoverbox-10:hover a:before, | |
.hoverbox-8:hover a:before, | |
.hoverbox-9:hover a:before { | |
opacity: 1 | |
} | |
.hoverbox-10:hover img, | |
.hoverbox-8:hover img, | |
.hoverbox-9:hover img { | |
-webkit-transform: scale(1.02); | |
transform: scale(1.02) | |
} | |
.hoverbox-8 .content { | |
top: 50%; | |
left: 50%; | |
-webkit-transform: translate(-50%, -50%); | |
transform: translate(-50%, -50%) | |
} | |
.hoverbox-9 .content { | |
top: 20px; | |
left: 20px | |
} | |
.hoverbox-10 .content { | |
bottom: 20px; | |
left: 20px | |
} | |
.timeline-wrapper { | |
position: relative | |
} | |
.timeline-wrapper:before { | |
content: ''; | |
position: absolute; | |
top: 0; | |
background: rgba(0, 0, 0, .1); | |
width: 1px; | |
height: 100% | |
} | |
.timeline-wrapper .timeline .timeline-date { | |
position: relative | |
} | |
.timeline-wrapper .timeline .timeline-date h1:before, | |
.timeline-wrapper .timeline .timeline-date h2:before, | |
.timeline-wrapper .timeline .timeline-date h3:before, | |
.timeline-wrapper .timeline .timeline-date h4:before, | |
.timeline-wrapper .timeline .timeline-date h5:before, | |
.timeline-wrapper .timeline .timeline-date h6:before { | |
content: ''; | |
position: absolute; | |
top: 50%; | |
-webkit-transform: translateY(-50%); | |
transform: translateY(-50%); | |
background: #141414; | |
width: 8px; | |
height: 8px; | |
border-radius: 50% | |
} | |
@media (min-width:992px) { | |
.timeline-wrapper { | |
position: relative | |
} | |
.timeline-wrapper:before { | |
left: 50%; | |
-webkit-transform: translateX(-50%); | |
transform: translateX(-50%) | |
} | |
.timeline-wrapper .timeline { | |
position: relative | |
} | |
.timeline-wrapper .timeline .timeline-content, | |
.timeline-wrapper .timeline .timeline-date { | |
width: 50%; | |
padding: 30px | |
} | |
.timeline-wrapper .timeline .timeline-date { | |
position: absolute; | |
top: 0; | |
left: 0; | |
text-align: right | |
} | |
.timeline-wrapper .timeline .timeline-date h1, | |
.timeline-wrapper .timeline .timeline-date h2, | |
.timeline-wrapper .timeline .timeline-date h3, | |
.timeline-wrapper .timeline .timeline-date h4, | |
.timeline-wrapper .timeline .timeline-date h5, | |
.timeline-wrapper .timeline .timeline-date h6 { | |
position: relative; | |
text-align: right | |
} | |
.timeline-wrapper .timeline .timeline-date h1:before, | |
.timeline-wrapper .timeline .timeline-date h2:before, | |
.timeline-wrapper .timeline .timeline-date h3:before, | |
.timeline-wrapper .timeline .timeline-date h4:before, | |
.timeline-wrapper .timeline .timeline-date h5:before, | |
.timeline-wrapper .timeline .timeline-date h6:before { | |
right: -34px | |
} | |
.timeline-wrapper .timeline .timeline-content { | |
margin-left: 50% | |
} | |
.timeline-wrapper .timeline:nth-child(even) .timeline-date { | |
left: 50%; | |
text-align: left | |
} | |
.timeline-wrapper .timeline:nth-child(even) .timeline-date h1, | |
.timeline-wrapper .timeline:nth-child(even) .timeline-date h2, | |
.timeline-wrapper .timeline:nth-child(even) .timeline-date h3, | |
.timeline-wrapper .timeline:nth-child(even) .timeline-date h4, | |
.timeline-wrapper .timeline:nth-child(even) .timeline-date h5, | |
.timeline-wrapper .timeline:nth-child(even) .timeline-date h6 { | |
text-align: left | |
} | |
.timeline-wrapper .timeline:nth-child(even) .timeline-date h1:before, | |
.timeline-wrapper .timeline:nth-child(even) .timeline-date h2:before, | |
.timeline-wrapper .timeline:nth-child(even) .timeline-date h3:before, | |
.timeline-wrapper .timeline:nth-child(even) .timeline-date h4:before, | |
.timeline-wrapper .timeline:nth-child(even) .timeline-date h5:before, | |
.timeline-wrapper .timeline:nth-child(even) .timeline-date h6:before { | |
right: auto; | |
left: -34px | |
} | |
.timeline-wrapper .timeline:nth-child(even) .timeline-content { | |
margin-left: 0; | |
text-align: right | |
} | |
.timeline-wrapper.timeline-left:before { | |
left: 200px; | |
-webkit-transform: translateX(0); | |
transform: translateX(0) | |
} | |
.timeline-wrapper.timeline-left .timeline .timeline-date { | |
width: 200px; | |
padding: 30px 30px 0 0 | |
} | |
.timeline-wrapper.timeline-left .timeline .timeline-date h1:before, | |
.timeline-wrapper.timeline-left .timeline .timeline-date h2:before, | |
.timeline-wrapper.timeline-left .timeline .timeline-date h3:before, | |
.timeline-wrapper.timeline-left .timeline .timeline-date h4:before, | |
.timeline-wrapper.timeline-left .timeline .timeline-date h5:before, | |
.timeline-wrapper.timeline-left .timeline .timeline-date h6:before { | |
width: 7px; | |
height: 7px | |
} | |
.timeline-wrapper.timeline-left .timeline .timeline-content { | |
width: auto; | |
margin: 0 0 0 200px; | |
padding: 30px 0 0 30px; | |
text-align: left | |
} | |
.timeline-wrapper.timeline-left .timeline:nth-child(even) .timeline-date { | |
left: auto; | |
text-align: right | |
} | |
.timeline-wrapper.timeline-left .timeline:nth-child(even) .timeline-date h1, | |
.timeline-wrapper.timeline-left .timeline:nth-child(even) .timeline-date h2, | |
.timeline-wrapper.timeline-left .timeline:nth-child(even) .timeline-date h3, | |
.timeline-wrapper.timeline-left .timeline:nth-child(even) .timeline-date h4, | |
.timeline-wrapper.timeline-left .timeline:nth-child(even) .timeline-date h5, | |
.timeline-wrapper.timeline-left .timeline:nth-child(even) .timeline-date h6 { | |
text-align: right | |
} | |
.timeline-wrapper.timeline-left .timeline:nth-child(even) .timeline-date h1:before, | |
.timeline-wrapper.timeline-left .timeline:nth-child(even) .timeline-date h2:before, | |
.timeline-wrapper.timeline-left .timeline:nth-child(even) .timeline-date h3:before, | |
.timeline-wrapper.timeline-left .timeline:nth-child(even) .timeline-date h4:before, | |
.timeline-wrapper.timeline-left .timeline:nth-child(even) .timeline-date h5:before, | |
.timeline-wrapper.timeline-left .timeline:nth-child(even) .timeline-date h6:before { | |
right: -34px; | |
left: auto | |
} | |
.timeline-wrapper.timeline-left .timeline:last-child .timeline-content, | |
.timeline-wrapper.timeline-left .timeline:last-child .timeline-date { | |
padding-bottom: 30px | |
} | |
.timeline-wrapper.timeline-right:before { | |
right: 200px; | |
left: auto; | |
-webkit-transform: translateX(0); | |
transform: translateX(0) | |
} | |
.timeline-wrapper.timeline-right .timeline .timeline-date { | |
right: 0; | |
left: auto; | |
width: 200px; | |
padding: 30px 0 0 30px; | |
text-align: left | |
} | |
.timeline-wrapper.timeline-right .timeline .timeline-date h1, | |
.timeline-wrapper.timeline-right .timeline .timeline-date h2, | |
.timeline-wrapper.timeline-right .timeline .timeline-date h3, | |
.timeline-wrapper.timeline-right .timeline .timeline-date h4, | |
.timeline-wrapper.timeline-right .timeline .timeline-date h5, | |
.timeline-wrapper.timeline-right .timeline .timeline-date h6 { | |
text-align: left | |
} | |
.timeline-wrapper.timeline-right .timeline .timeline-date h1:before, | |
.timeline-wrapper.timeline-right .timeline .timeline-date h2:before, | |
.timeline-wrapper.timeline-right .timeline .timeline-date h3:before, | |
.timeline-wrapper.timeline-right .timeline .timeline-date h4:before, | |
.timeline-wrapper.timeline-right .timeline .timeline-date h5:before, | |
.timeline-wrapper.timeline-right .timeline .timeline-date h6:before { | |
right: auto; | |
left: -34px; | |
width: 7px; | |
height: 7px | |
} | |
.timeline-wrapper.timeline-right .timeline .timeline-content { | |
width: auto; | |
margin: 0 200px 0 0; | |
padding: 30px 30px 0 0; | |
text-align: right | |
} | |
.timeline-wrapper.timeline-right .timeline:nth-child(even) .timeline-date { | |
left: auto; | |
text-align: left | |
} | |
.timeline-wrapper.timeline-right .timeline:nth-child(even) .timeline-date h1, | |
.timeline-wrapper.timeline-right .timeline:nth-child(even) .timeline-date h2, | |
.timeline-wrapper.timeline-right .timeline:nth-child(even) .timeline-date h3, | |
.timeline-wrapper.timeline-right .timeline:nth-child(even) .timeline-date h4, | |
.timeline-wrapper.timeline-right .timeline:nth-child(even) .timeline-date h5, | |
.timeline-wrapper.timeline-right .timeline:nth-child(even) .timeline-date h6 { | |
text-align: left | |
} | |
.timeline-wrapper.timeline-right .timeline:nth-child(even) .timeline-date h1:before, | |
.timeline-wrapper.timeline-right .timeline:nth-child(even) .timeline-date h2:before, | |
.timeline-wrapper.timeline-right .timeline:nth-child(even) .timeline-date h3:before, | |
.timeline-wrapper.timeline-right .timeline:nth-child(even) .timeline-date h4:before, | |
.timeline-wrapper.timeline-right .timeline:nth-child(even) .timeline-date h5:before, | |
.timeline-wrapper.timeline-right .timeline:nth-child(even) .timeline-date h6:before { | |
left: -34px | |
} | |
.timeline-wrapper.timeline-right .timeline:last-child .timeline-content, | |
.timeline-wrapper.timeline-right .timeline:last-child .timeline-date { | |
padding-bottom: 30px | |
} | |
} | |
@media (max-width:992px) { | |
.timeline-wrapper { | |
padding-left: 30px | |
} | |
.timeline-wrapper:before { | |
left: 0 | |
} | |
.timeline-wrapper .timeline { | |
margin-bottom: 30px | |
} | |
.timeline-wrapper .timeline:first-child { | |
padding-top: 30px | |
} | |
.timeline-wrapper .timeline:last-child { | |
margin-bottom: 0; | |
padding-bottom: 30px | |
} | |
.timeline-wrapper .timeline .timeline-date h1:before, | |
.timeline-wrapper .timeline .timeline-date h2:before, | |
.timeline-wrapper .timeline .timeline-date h3:before, | |
.timeline-wrapper .timeline .timeline-date h4:before, | |
.timeline-wrapper .timeline .timeline-date h5:before, | |
.timeline-wrapper .timeline .timeline-date h6:before { | |
left: -34px | |
} | |
} | |
@media (max-width:576px) { | |
.timeline-wrapper { | |
padding-left: 20px | |
} | |
.timeline-wrapper .timeline .timeline-date h1:before, | |
.timeline-wrapper .timeline .timeline-date h2:before, | |
.timeline-wrapper .timeline .timeline-date h3:before, | |
.timeline-wrapper .timeline .timeline-date h4:before, | |
.timeline-wrapper .timeline .timeline-date h5:before, | |
.timeline-wrapper .timeline .timeline-date h6:before { | |
left: -24px | |
} | |
} | |
.bg-dark .timeline-wrapper:before, | |
.bg-dark-lighter .timeline-wrapper:before, | |
.bg-dark-lightest .timeline-wrapper:before, | |
div[class*=' bg-black'] .timeline-wrapper:before, | |
div[class^=bg-black] .timeline-wrapper:before { | |
background: rgba(255, 255, 255, .2) | |
} | |
.bg-dark .timeline-wrapper .timeline .timeline-date h1:before, | |
.bg-dark .timeline-wrapper .timeline .timeline-date h2:before, | |
.bg-dark .timeline-wrapper .timeline .timeline-date h3:before, | |
.bg-dark .timeline-wrapper .timeline .timeline-date h4:before, | |
.bg-dark .timeline-wrapper .timeline .timeline-date h5:before, | |
.bg-dark .timeline-wrapper .timeline .timeline-date h6:before, | |
.bg-dark-lighter .timeline-wrapper .timeline .timeline-date h1:before, | |
.bg-dark-lighter .timeline-wrapper .timeline .timeline-date h2:before, | |
.bg-dark-lighter .timeline-wrapper .timeline .timeline-date h3:before, | |
.bg-dark-lighter .timeline-wrapper .timeline .timeline-date h4:before, | |
.bg-dark-lighter .timeline-wrapper .timeline .timeline-date h5:before, | |
.bg-dark-lighter .timeline-wrapper .timeline .timeline-date h6:before, | |
.bg-dark-lightest .timeline-wrapper .timeline .timeline-date h1:before, | |
.bg-dark-lightest .timeline-wrapper .timeline .timeline-date h2:before, | |
.bg-dark-lightest .timeline-wrapper .timeline .timeline-date h3:before, | |
.bg-dark-lightest .timeline-wrapper .timeline .timeline-date h4:before, | |
.bg-dark-lightest .timeline-wrapper .timeline .timeline-date h5:before, | |
.bg-dark-lightest .timeline-wrapper .timeline .timeline-date h6:before, | |
div[class*=' bg-black'] .timeline-wrapper .timeline .timeline-date h1:before, | |
div[class*=' bg-black'] .timeline-wrapper .timeline .timeline-date h2:before, | |
div[class*=' bg-black'] .timeline-wrapper .timeline .timeline-date h3:before, | |
div[class*=' bg-black'] .timeline-wrapper .timeline .timeline-date h4:before, | |
div[class*=' bg-black'] .timeline-wrapper .timeline .timeline-date h5:before, | |
div[class*=' bg-black'] .timeline-wrapper .timeline .timeline-date h6:before, | |
div[class^=bg-black] .timeline-wrapper .timeline .timeline-date h1:before, | |
div[class^=bg-black] .timeline-wrapper .timeline .timeline-date h2:before, | |
div[class^=bg-black] .timeline-wrapper .timeline .timeline-date h3:before, | |
div[class^=bg-black] .timeline-wrapper .timeline .timeline-date h4:before, | |
div[class^=bg-black] .timeline-wrapper .timeline .timeline-date h5:before, | |
div[class^=bg-black] .timeline-wrapper .timeline .timeline-date h6:before { | |
background: #fff | |
} | |
.mfp-bg, | |
.mfp-container { | |
opacity: 0; | |
-webkit-backface-visibility: hidden; | |
-webkit-transition: ease-out .2s; | |
transition: ease-out .2s | |
} | |
.mfp-container { | |
-webkit-transform: scale(.98); | |
transform: scale(.98); | |
padding: 0 20px | |
} | |
.mfp-ready .mfp-container { | |
-webkit-transform: scale(1); | |
transform: scale(1); | |
opacity: 1 | |
} | |
.mfp-ready.mfp-bg { | |
opacity: .8 | |
} | |
.mfp-removing .mfp-container, | |
.mfp-removing.mfp-bg { | |
opacity: 0 | |
} | |
.mfp-removing .mfp-container { | |
-webkit-transform: scale(.98); | |
transform: scale(.98) | |
} | |
button.mfp-close { | |
display: block; | |
top: -5px; | |
opacity: 1; | |
width: auto; | |
height: auto; | |
line-height: auto; | |
font-size: 24px; | |
-webkit-transition: linear .1s; | |
transition: linear .1s | |
} | |
button.mfp-close:hover { | |
top: -5px; | |
opacity: 1; | |
color: #fff | |
} | |
.mfp-iframe-holder .mfp-close { | |
top: -45px | |
} | |
.mfp-iframe-holder .mfp-close:hover { | |
top: -45px | |
} | |
.mfp-close-btn-in .mfp-close { | |
color: rgba(255, 255, 255, .7) | |
} | |
.mfp-arrow { | |
-webkit-transition: linear .1s; | |
transition: linear .1s | |
} | |
.mfp-arrow-left:before { | |
border-right: 0 | |
} | |
.mfp-arrow-right:before { | |
border-left: 0 | |
} | |
.mfp-bottom-bar { | |
margin-top: -30px | |
} | |
.mfp-bottom-bar .mfp-title { | |
color: rgba(255, 255, 255, .7) | |
} | |
.mfp-bottom-bar .mfp-counter { | |
color: rgba(255, 255, 255, .6); | |
font-size: 14px | |
} | |
.mfp-figure::after, | |
.mfp-iframe-scaler iframe { | |
-webkit-box-shadow: 0 0 14px 0 rgba(0, 0, 0, .3); | |
box-shadow: 0 0 14px 0 rgba(0, 0, 0, .3) | |
} | |
.lightbox-image { | |
display: block; | |
overflow: hidden | |
} | |
.lightbox-image img { | |
-webkit-transition: ease-out .2s; | |
transition: ease-out .2s | |
} | |
.lightbox-image:hover img { | |
-webkit-transform: scale(1.02); | |
transform: scale(1.02) | |
} | |
.gmap-lg, | |
.gmap-md, | |
.gmap-sm, | |
.gmap-xl, | |
.gmap-xs { | |
width: 100% | |
} | |
.gmap-xs { | |
height: 300px | |
} | |
.gmap-sm { | |
height: 350px | |
} | |
.gmap-md { | |
height: 400px | |
} | |
.gmap-lg { | |
height: 450px | |
} | |
.gmap-xl { | |
height: 500px | |
} | |
.portfolio-wrapper.row { | |
margin: 0 | |
} | |
.portfolio-wrapper.row div[class*=" col-"], | |
.portfolio-wrapper.row div[class^=col-] { | |
margin: 0 | |
} | |
.portfolio-wrapper .portfolio-item { | |
width: 100%; | |
text-align: left | |
} | |
.portfolio-wrapper.column-1 .portfolio-item { | |
width: 100% | |
} | |
@media (min-width:768px) { | |
.portfolio-wrapper.column-2 .portfolio-item { | |
width: 50% | |
} | |
} | |
@media (min-width:768px) { | |
.portfolio-wrapper.column-3 .portfolio-item { | |
width: 50% | |
} | |
} | |
@media (min-width:992px) { | |
.portfolio-wrapper.column-3 .portfolio-item { | |
width: 33.33% | |
} | |
} | |
@media (min-width:576px) { | |
.portfolio-wrapper.blog-masonry.blog-column-5 .portfolio-item, | |
.portfolio-wrapper.blog-masonry.blog-column-6 .portfolio-item, | |
.portfolio-wrapper.column-4 .portfolio-item, | |
.portfolio-wrapper.column-5 .portfolio-item, | |
.portfolio-wrapper.column-6 .portfolio-item { | |
width: 50% | |
} | |
} | |
@media (min-width:768px) { | |
.portfolio-wrapper.blog-masonry.blog-column-5 .portfolio-item, | |
.portfolio-wrapper.blog-masonry.blog-column-6 .portfolio-item, | |
.portfolio-wrapper.column-4 .portfolio-item, | |
.portfolio-wrapper.column-5 .portfolio-item, | |
.portfolio-wrapper.column-6 .portfolio-item { | |
width: 33.33% | |
} | |
} | |
@media (min-width:992px) { | |
.portfolio-wrapper.blog-masonry.blog-column-5 .portfolio-item, | |
.portfolio-wrapper.blog-masonry.blog-column-6 .portfolio-item, | |
.portfolio-wrapper.column-4 .portfolio-item, | |
.portfolio-wrapper.column-5 .portfolio-item, | |
.portfolio-wrapper.column-6 .portfolio-item { | |
width: 25% | |
} | |
} | |
@media (min-width:1200px) { | |
.portfolio-wrapper.column-5 .portfolio-item { | |
width: 20% | |
} | |
} | |
@media (min-width:1200px) { | |
.portfolio-wrapper.column-6 .portfolio-item { | |
width: 16.66% | |
} | |
} | |
.portfolio-wrapper.no-spacing .portfolio-item { | |
padding: 0 | |
} | |
.portfolio-wrapper.spacing-6 .portfolio-item { | |
padding: 3px | |
} | |
.portfolio-wrapper.spacing-10 .portfolio-item { | |
padding: 5px | |
} | |
.portfolio-wrapper.spacing-20 .portfolio-item { | |
padding: 10px | |
} | |
.portfolio-wrapper.spacing-30 .portfolio-item { | |
padding: 15px | |
} | |
.portfolio-wrapper.spacing-40 .portfolio-item { | |
padding: 20px | |
} | |
.portfolio-wrapper.spacing-50 .portfolio-item { | |
padding: 25px | |
} | |
.text-center .portfolio-item { | |
text-align: center | |
} | |
.text-right .portfolio-item { | |
text-align: right | |
} | |
.container .portfolio-wrapper.no-spacing { | |
margin: 0 | |
} | |
.container .portfolio-wrapper.spacing-6 { | |
margin: -3px | |
} | |
.container .portfolio-wrapper.spacing-10 { | |
margin: -5px | |
} | |
.container .portfolio-wrapper.spacing-20 { | |
margin: -10px | |
} | |
.container .portfolio-wrapper.spacing-30 { | |
margin: -15px | |
} | |
.container .portfolio-wrapper.spacing-40 { | |
margin: -20px | |
} | |
.container .portfolio-wrapper.spacing-50 { | |
margin: -25px | |
} | |
.container-fluid .portfolio-wrapper { | |
margin: 0 -20px | |
} | |
.container-fluid .portfolio-wrapper.no-spacing { | |
margin: 0 -20px | |
} | |
.container-fluid .portfolio-wrapper.spacing-6 { | |
margin: -3px -17px 3px | |
} | |
.container-fluid .portfolio-wrapper.spacing-10 { | |
margin: -5px -15px 5px | |
} | |
.container-fluid .portfolio-wrapper.spacing-20 { | |
margin: -10px -10px 10px | |
} | |
.container-fluid .portfolio-wrapper.spacing-30 { | |
margin: -15px -5px 15px | |
} | |
.container-fluid .portfolio-wrapper.spacing-40 { | |
margin: -20px 0 20px | |
} | |
.container-fluid .portfolio-wrapper.spacing-50 { | |
margin: -25px 5px 25px | |
} | |
.filter { | |
margin-bottom: 70px | |
} | |
.filter ul { | |
margin: 0; | |
padding: 0 | |
} | |
.filter ul li { | |
display: inline-block; | |
background: #f0f0f0; | |
border-radius: 30px; | |
margin-right: 10px; | |
padding: 7px 15px; | |
font: 400 13px Heebo, sans-serif; | |
letter-spacing: 1.5px; | |
text-transform: uppercase; | |
cursor: pointer; | |
-webkit-transition: linear .1s; | |
transition: linear .1s | |
} | |
.filter ul li:last-child { | |
margin-right: 0 | |
} | |
.filter ul li:hover { | |
background: #e6e6e6 | |
} | |
.filter ul li.active { | |
background: #141414; | |
color: #fff | |
} | |
.filter.filter-font-2 ul li { | |
font-size: 15px; | |
letter-spacing: 0; | |
text-transform: none | |
} | |
.filter.filter-font-3 ul li { | |
font-size: 16px; | |
font-weight: 300; | |
letter-spacing: 0; | |
text-transform: none | |
} | |
.filter.filter-style-2 ul { | |
margin-bottom: -20px | |
} | |
.filter.filter-style-2 ul li { | |
background: 0 0; | |
margin: 0 30px 20px 0; | |
padding: 0; | |
color: #a0a0a0 | |
} | |
.filter.filter-style-2 ul li:last-child { | |
margin-right: 0 | |
} | |
.filter.filter-style-2 ul li.active, | |
.filter.filter-style-2 ul li:hover { | |
background: 0 0; | |
color: #141414 | |
} | |
.filter.filter-style-3 ul li { | |
background: 0 0; | |
margin-right: 5px; | |
color: #a0a0a0 | |
} | |
.filter.filter-style-3 ul li:last-child { | |
margin-right: 0 | |
} | |
.filter.filter-style-3 ul li.active, | |
.filter.filter-style-3 ul li:hover { | |
color: #141414 | |
} | |
.filter.filter-style-3 ul li.active { | |
background: #f0f0f0 | |
} | |
.filter.filter-style-4 ul { | |
margin-bottom: -20px | |
} | |
.filter.filter-style-4 ul li { | |
position: relative; | |
background: 0 0; | |
margin: 0 30px 20px 0; | |
padding: 0; | |
color: #a0a0a0 | |
} | |
.filter.filter-style-4 ul li:last-child { | |
margin-right: 0 | |
} | |
.filter.filter-style-4 ul li:after { | |
content: ''; | |
position: absolute; | |
bottom: -6px; | |
left: 0; | |
background: #141414; | |
width: 0; | |
height: 1px; | |
-webkit-transition: ease-out .2s; | |
transition: ease-out .2s | |
} | |
.filter.filter-style-4 ul li.active, | |
.filter.filter-style-4 ul li:hover { | |
color: #141414 | |
} | |
.filter.filter-style-4 ul li.active:after { | |
width: 100% | |
} | |
.bg-dark .filter ul li, | |
.bg-dark-lighter .filter ul li, | |
.bg-dark-lightest .filter ul li, | |
div[class*=' bg-black'] .filter ul li, | |
div[class^=bg-black] .filter ul li { | |
background: 0 0; | |
color: rgba(255, 255, 255, .7) | |
} | |
.bg-dark .filter ul li:hover, | |
.bg-dark-lighter .filter ul li:hover, | |
.bg-dark-lightest .filter ul li:hover, | |
div[class*=' bg-black'] .filter ul li:hover, | |
div[class^=bg-black] .filter ul li:hover { | |
background: 0 0; | |
color: #fff | |
} | |
.bg-dark .filter ul li.active, | |
.bg-dark-lighter .filter ul li.active, | |
.bg-dark-lightest .filter ul li.active, | |
div[class*=' bg-black'] .filter ul li.active, | |
div[class^=bg-black] .filter ul li.active { | |
background: #fff; | |
color: #141414 | |
} | |
.bg-dark .filter.filter-style-2 ul li, | |
.bg-dark-lighter .filter.filter-style-2 ul li, | |
.bg-dark-lightest .filter.filter-style-2 ul li, | |
div[class*=' bg-black'] .filter.filter-style-2 ul li, | |
div[class^=bg-black] .filter.filter-style-2 ul li { | |
background: 0 0; | |
color: rgba(255, 255, 255, .7) | |
} | |
.bg-dark .filter.filter-style-2 ul li.active, | |
.bg-dark .filter.filter-style-2 ul li:hover, | |
.bg-dark-lighter .filter.filter-style-2 ul li.active, | |
.bg-dark-lighter .filter.filter-style-2 ul li:hover, | |
.bg-dark-lightest .filter.filter-style-2 ul li.active, | |
.bg-dark-lightest .filter.filter-style-2 ul li:hover, | |
div[class*=' bg-black'] .filter.filter-style-2 ul li.active, | |
div[class*=' bg-black'] .filter.filter-style-2 ul li:hover, | |
div[class^=bg-black] .filter.filter-style-2 ul li.active, | |
div[class^=bg-black] .filter.filter-style-2 ul li:hover { | |
background: 0 0; | |
color: #fff | |
} | |
.bg-dark .filter.filter-style-3 ul li, | |
.bg-dark-lighter .filter.filter-style-3 ul li, | |
.bg-dark-lightest .filter.filter-style-3 ul li, | |
div[class*=' bg-black'] .filter.filter-style-3 ul li, | |
div[class^=bg-black] .filter.filter-style-3 ul li { | |
color: rgba(255, 255, 255, .7) | |
} | |
.bg-dark .filter.filter-style-3 ul li.active, | |
.bg-dark .filter.filter-style-3 ul li:hover, | |
.bg-dark-lighter .filter.filter-style-3 ul li.active, | |
.bg-dark-lighter .filter.filter-style-3 ul li:hover, | |
.bg-dark-lightest .filter.filter-style-3 ul li.active, | |
.bg-dark-lightest .filter.filter-style-3 ul li:hover, | |
div[class*=' bg-black'] .filter.filter-style-3 ul li.active, | |
div[class*=' bg-black'] .filter.filter-style-3 ul li:hover, | |
div[class^=bg-black] .filter.filter-style-3 ul li.active, | |
div[class^=bg-black] .filter.filter-style-3 ul li:hover { | |
color: #fff | |
} | |
.bg-dark .filter.filter-style-3 ul li.active, | |
.bg-dark-lighter .filter.filter-style-3 ul li.active, | |
.bg-dark-lightest .filter.filter-style-3 ul li.active, | |
div[class*=' bg-black'] .filter.filter-style-3 ul li.active, | |
div[class^=bg-black] .filter.filter-style-3 ul li.active { | |
background: #fff; | |
color: #141414 | |
} | |
.bg-dark .filter.filter-style-4 ul li, | |
.bg-dark-lighter .filter.filter-style-4 ul li, | |
.bg-dark-lightest .filter.filter-style-4 ul li, | |
div[class*=' bg-black'] .filter.filter-style-4 ul li, | |
div[class^=bg-black] .filter.filter-style-4 ul li { | |
color: rgba(255, 255, 255, .7) | |
} | |
.bg-dark .filter.filter-style-4 ul li:after, | |
.bg-dark-lighter .filter.filter-style-4 ul li:after, | |
.bg-dark-lightest .filter.filter-style-4 ul li:after, | |
div[class*=' bg-black'] .filter.filter-style-4 ul li:after, | |
div[class^=bg-black] .filter.filter-style-4 ul li:after { | |
background: #fff | |
} | |
.bg-dark .filter.filter-style-4 ul li.active, | |
.bg-dark .filter.filter-style-4 ul li:hover, | |
.bg-dark-lighter .filter.filter-style-4 ul li.active, | |
.bg-dark-lighter .filter.filter-style-4 ul li:hover, | |
.bg-dark-lightest .filter.filter-style-4 ul li.active, | |
.bg-dark-lightest .filter.filter-style-4 ul li:hover, | |
div[class*=' bg-black'] .filter.filter-style-4 ul li.active, | |
div[class*=' bg-black'] .filter.filter-style-4 ul li:hover, | |
div[class^=bg-black] .filter.filter-style-4 ul li.active, | |
div[class^=bg-black] .filter.filter-style-4 ul li:hover { | |
color: #fff | |
} | |
.bg-dark .filter.filter-style-4 ul li.active, | |
.bg-dark-lighter .filter.filter-style-4 ul li.active, | |
.bg-dark-lightest .filter.filter-style-4 ul li.active, | |
div[class*=' bg-black'] .filter.filter-style-4 ul li.active, | |
div[class^=bg-black] .filter.filter-style-4 ul li.active { | |
background: 0 0 | |
} | |
.portfolio-item .portfolio-box { | |
position: relative | |
} | |
.portfolio-item .portfolio-box .portfolio-img { | |
position: relative; | |
overflow: hidden | |
} | |
.portfolio-item .portfolio-box .portfolio-img img { | |
-webkit-transform: scale(1); | |
transform: scale(1); | |
width: 100%; | |
-webkit-transition: ease-out .2s; | |
transition: ease-out .2s | |
} | |
.portfolio-item .portfolio-box a { | |
position: absolute; | |
top: 0; | |
left: 0; | |
z-index: 2; | |
display: block; | |
width: 100%; | |
height: 100% | |
} | |
.portfolio-item .portfolio-box .portfolio-title { | |
position: absolute; | |
top: 0; | |
left: 0; | |
opacity: 0; | |
background: rgba(0, 0, 0, .6); | |
width: 100%; | |
height: 100%; | |
color: rgba(255, 255, 255, .7); | |
-webkit-transition: ease-out .2s; | |
transition: ease-out .2s | |
} | |
.portfolio-item .portfolio-box .portfolio-title div { | |
position: absolute; | |
left: 30px; | |
bottom: 30px | |
} | |
.portfolio-item .portfolio-box .portfolio-title div h1, | |
.portfolio-item .portfolio-box .portfolio-title div h2, | |
.portfolio-item .portfolio-box .portfolio-title div h3, | |
.portfolio-item .portfolio-box .portfolio-title div h4, | |
.portfolio-item .portfolio-box .portfolio-title div h5, | |
.portfolio-item .portfolio-box .portfolio-title div h6, | |
.portfolio-item .portfolio-box .portfolio-title div span { | |
opacity: 0; | |
-webkit-transform: translateY(5px); | |
transform: translateY(5px); | |
-webkit-transition: ease-out .2s; | |
transition: ease-out .2s | |
} | |
.portfolio-item .portfolio-box .portfolio-title div h1, | |
.portfolio-item .portfolio-box .portfolio-title div h2, | |
.portfolio-item .portfolio-box .portfolio-title div h3, | |
.portfolio-item .portfolio-box .portfolio-title div h4, | |
.portfolio-item .portfolio-box .portfolio-title div h5, | |
.portfolio-item .portfolio-box .portfolio-title div h6 { | |
margin-bottom: 5px; | |
color: #fff; | |
-webkit-transition-delay: .1s; | |
transition-delay: .1s | |
} | |
.portfolio-item .portfolio-box .portfolio-title div span { | |
display: inline-block; | |
margin-bottom: 5px; | |
-webkit-transition-delay: .2s; | |
transition-delay: .2s | |
} | |
.portfolio-item .portfolio-box:hover .portfolio-img img { | |
-webkit-transform: scale(1.03); | |
transform: scale(1.03); | |
-webkit-filter: blur(1.5px); | |
filter: blur(1.5px) | |
} | |
.portfolio-item .portfolio-box:hover .portfolio-title { | |
opacity: 1 | |
} | |
.portfolio-item .portfolio-box:hover .portfolio-title h1, | |
.portfolio-item .portfolio-box:hover .portfolio-title h2, | |
.portfolio-item .portfolio-box:hover .portfolio-title h3, | |
.portfolio-item .portfolio-box:hover .portfolio-title h4, | |
.portfolio-item .portfolio-box:hover .portfolio-title h5, | |
.portfolio-item .portfolio-box:hover .portfolio-title h6, | |
.portfolio-item .portfolio-box:hover .portfolio-title span { | |
opacity: 1; | |
-webkit-transform: translateY(0); | |
transform: translateY(0) | |
} | |
.hover-style-2 .portfolio-item .portfolio-box .portfolio-img:before { | |
content: ''; | |
position: absolute; | |
top: 0; | |
left: 0; | |
z-index: 1; | |
opacity: 0; | |
background: rgba(255, 255, 255, .1); | |
width: 100%; | |
height: 100%; | |
-webkit-transition: ease-out .2s; | |
transition: ease-out .2s | |
} | |
.hover-style-2 .portfolio-item .portfolio-box .portfolio-title { | |
position: static; | |
opacity: 1; | |
background: #fff; | |
padding: 20px; | |
color: #141414 | |
} | |
.hover-style-2 .portfolio-item .portfolio-box .portfolio-title div { | |
position: static; | |
left: 0; | |
bottom: 0 | |
} | |
.hover-style-2 .portfolio-item .portfolio-box .portfolio-title div h1, | |
.hover-style-2 .portfolio-item .portfolio-box .portfolio-title div h2, | |
.hover-style-2 .portfolio-item .portfolio-box .portfolio-title div h3, | |
.hover-style-2 .portfolio-item .portfolio-box .portfolio-title div h4, | |
.hover-style-2 .portfolio-item .portfolio-box .portfolio-title div h5, | |
.hover-style-2 .portfolio-item .portfolio-box .portfolio-title div h6 { | |
opacity: 1; | |
-webkit-transform: translateY(0); | |
transform: translateY(0); | |
color: #141414 | |
} | |
.hover-style-2 .portfolio-item .portfolio-box .portfolio-title div span { | |
opacity: 1; | |
-webkit-transform: translateY(0); | |
transform: translateY(0); | |
color: #646464 | |
} | |
.hover-style-2 .portfolio-item .portfolio-box:hover .portfolio-img img { | |
-webkit-transform: scale(1.02); | |
transform: scale(1.02); | |
-webkit-filter: blur(0); | |
filter: blur(0) | |
} | |
.hover-style-2 .portfolio-item .portfolio-box:hover .portfolio-img:before { | |
opacity: 1 | |
} | |
.hover-style-3 .portfolio-item .portfolio-box .portfolio-title { | |
opacity: 1; | |
background: rgba(0, 0, 0, .1) | |
} | |
.hover-style-3 .portfolio-item .portfolio-box .portfolio-title div { | |
top: 30px; | |
bottom: auto | |
} | |
.hover-style-3 .portfolio-item .portfolio-box .portfolio-title div h1, | |
.hover-style-3 .portfolio-item .portfolio-box .portfolio-title div h2, | |
.hover-style-3 .portfolio-item .portfolio-box .portfolio-title div h3, | |
.hover-style-3 .portfolio-item .portfolio-box .portfolio-title div h4, | |
.hover-style-3 .portfolio-item .portfolio-box .portfolio-title div h5, | |
.hover-style-3 .portfolio-item .portfolio-box .portfolio-title div h6, | |
.hover-style-3 .portfolio-item .portfolio-box .portfolio-title div span { | |
opacity: 1; | |
-webkit-transform: translateY(0); | |
transform: translateY(0); | |
-webkit-transition: ease-out .2s; | |
transition: ease-out .2s | |
} | |
.hover-style-3 .portfolio-item .portfolio-box .portfolio-title div span { | |
margin-bottom: 5px | |
} | |
.hover-style-3 .portfolio-item .portfolio-box .portfolio-title i { | |
position: absolute; | |
right: 30px; | |
bottom: 30px; | |
-webkit-transform: translateY(5px); | |
transform: translateY(5px); | |
opacity: 0; | |
color: #fff; | |
-webkit-transition: ease-out .2s; | |
transition: ease-out .2s | |
} | |
.hover-style-3 .portfolio-item .portfolio-box:hover .portfolio-title { | |
background: rgba(0, 0, 0, .3) | |
} | |
.hover-style-3 .portfolio-item .portfolio-box:hover .portfolio-title i { | |
-webkit-transform: translateY(0); | |
transform: translateY(0); | |
opacity: 1 | |
} | |
.hover-style-4 .portfolio-item .portfolio-box { | |
overflow: hidden | |
} | |
.hover-style-4 .portfolio-item .portfolio-box .portfolio-title { | |
top: auto; | |
right: auto; | |
bottom: 0; | |
left: 0; | |
-webkit-transform: translateY(100%); | |
transform: translateY(100%); | |
opacity: 1; | |
background: #141414; | |
height: auto; | |
padding: 15px 30px; | |
-webkit-transition: ease-out .2s; | |
transition: ease-out .2s | |
} | |
.hover-style-4 .portfolio-item .portfolio-box .portfolio-title div { | |
position: static; | |
opacity: 1 | |
} | |
.hover-style-4 .portfolio-item .portfolio-box .portfolio-title div h1, | |
.hover-style-4 .portfolio-item .portfolio-box .portfolio-title div h2, | |
.hover-style-4 .portfolio-item .portfolio-box .portfolio-title div h3, | |
.hover-style-4 .portfolio-item .portfolio-box .portfolio-title div h4, | |
.hover-style-4 .portfolio-item .portfolio-box .portfolio-title div h5, | |
.hover-style-4 .portfolio-item .portfolio-box .portfolio-title div h6, | |
.hover-style-4 .portfolio-item .portfolio-box .portfolio-title div span { | |
opacity: 1; | |
-webkit-transform: translateY(0); | |
transform: translateY(0) | |
} | |
.hover-style-4 .portfolio-item .portfolio-box .portfolio-title div h1, | |
.hover-style-4 .portfolio-item .portfolio-box .portfolio-title div h2, | |
.hover-style-4 .portfolio-item .portfolio-box .portfolio-title div h3, | |
.hover-style-4 .portfolio-item .portfolio-box .portfolio-title div h4, | |
.hover-style-4 .portfolio-item .portfolio-box .portfolio-title div h5, | |
.hover-style-4 .portfolio-item .portfolio-box .portfolio-title div h6 { | |
margin: 0 | |
} | |
.hover-style-4 .portfolio-item .portfolio-box .portfolio-title div span { | |
position: absolute; | |
top: 50%; | |
right: 30px; | |
-webkit-transform: translateY(-50%); | |
transform: translateY(-50%); | |
line-height: 100% | |
} | |
.hover-style-4 .portfolio-item .portfolio-box:hover .portfolio-title { | |
-webkit-transform: translateY(0); | |
transform: translateY(0) | |
} | |
.hover-style-4 .portfolio-item .portfolio-box:hover .portfolio-img img { | |
-webkit-transform: translateY(-20px); | |
transform: translateY(-20px); | |
-webkit-filter: blur(0); | |
filter: blur(0) | |
} | |
.hover-style-5 .portfolio-item .portfolio-box { | |
overflow: hidden | |
} | |
.hover-style-5 .portfolio-item .portfolio-box .portfolio-title { | |
background: rgba(255, 255, 255, .1); | |
color: #646464 | |
} | |
.hover-style-5 .portfolio-item .portfolio-box .portfolio-title:after { | |
content: ''; | |
position: absolute; | |
top: 20px; | |
right: 20px; | |
bottom: 20px; | |
left: 20px; | |
-webkit-transform: translateY(5px); | |
transform: translateY(5px); | |
background: #fff; | |
-webkit-transition: ease-out .2s; | |
transition: ease-out .2s | |
} | |
.hover-style-5 .portfolio-item .portfolio-box .portfolio-title div { | |
top: 50%; | |
bottom: auto; | |
left: 0; | |
-webkit-transform: translateY(-50%); | |
transform: translateY(-50%); | |
z-index: 1; | |
opacity: 0; | |
width: 100%; | |
padding: 0 50px; | |
text-align: center; | |
-webkit-transition: ease-out .2s; | |
transition: ease-out .2s | |
} | |
.hover-style-5 .portfolio-item .portfolio-box .portfolio-title div h1, | |
.hover-style-5 .portfolio-item .portfolio-box .portfolio-title div h2, | |
.hover-style-5 .portfolio-item .portfolio-box .portfolio-title div h3, | |
.hover-style-5 .portfolio-item .portfolio-box .portfolio-title div h4, | |
.hover-style-5 .portfolio-item .portfolio-box .portfolio-title div h5, | |
.hover-style-5 .portfolio-item .portfolio-box .portfolio-title div h6 { | |
color: #141414 | |
} | |
.hover-style-5 .portfolio-item .portfolio-box .portfolio-title div span { | |
margin: 0 | |
} | |
.hover-style-5 .portfolio-item .portfolio-box:hover .portfolio-img img { | |
-webkit-transform: scale(1.02); | |
transform: scale(1.02); | |
-webkit-filter: blur(0); | |
filter: blur(0) | |
} | |
.hover-style-5 .portfolio-item .portfolio-box:hover .portfolio-title:after { | |
-webkit-transform: translateY(0); | |
transform: translateY(0) | |
} | |
.hover-style-5 .portfolio-item .portfolio-box:hover .portfolio-title div { | |
opacity: 1 | |
} | |
.hover-style-6 .portfolio-item .portfolio-box:hover .portfolio-img img { | |
-webkit-transform: scale(1); | |
transform: scale(1); | |
-webkit-filter: blur(0); | |
filter: blur(0) | |
} | |
.parallax-portfolio-item { | |
position: relative; | |
background-size: cover; | |
background-repeat: no-repeat; | |
background-position: center center; | |
height: 500px | |
} | |
.parallax-portfolio-item a { | |
display: block; | |
width: 100%; | |
height: 100% | |
} | |
.parallax-portfolio-item a .parallax-portfolio-content { | |
position: absolute; | |
top: 0; | |
left: 0; | |
background: rgba(0, 0, 0, .1); | |
width: 100%; | |
height: 100%; | |
color: rgba(255, 255, 255, .7); | |
-webkit-transition: ease-out .2s; | |
transition: ease-out .2s | |
} | |
.parallax-portfolio-item a .parallax-portfolio-content div { | |
position: absolute; | |
top: 30px; | |
left: 30px | |
} | |
.parallax-portfolio-item a .parallax-portfolio-content div h1, | |
.parallax-portfolio-item a .parallax-portfolio-content div h2, | |
.parallax-portfolio-item a .parallax-portfolio-content div h3, | |
.parallax-portfolio-item a .parallax-portfolio-content div h4, | |
.parallax-portfolio-item a .parallax-portfolio-content div h5, | |
.parallax-portfolio-item a .parallax-portfolio-content div h6 { | |
margin-bottom: 5px; | |
color: #fff | |
} | |
.parallax-portfolio-item a .parallax-portfolio-content div span { | |
display: inline-block; | |
margin-bottom: 5px | |
} | |
.parallax-portfolio-item a .parallax-portfolio-content i { | |
position: absolute; | |
right: 30px; | |
bottom: 30px; | |
-webkit-transform: translateY(5px); | |
transform: translateY(5px); | |
opacity: 0; | |
color: #fff; | |
font-size: 20px; | |
-webkit-transition: ease-out .2s; | |
transition: ease-out .2s | |
} | |
.parallax-portfolio-item a:hover .parallax-portfolio-content { | |
background: rgba(0, 0, 0, .3) | |
} | |
.parallax-portfolio-item a:hover .parallax-portfolio-content i { | |
-webkit-transform: translateY(0); | |
transform: translateY(0); | |
opacity: 1 | |
} | |
@media (max-width:768px) { | |
.parallax-portfolio-item { | |
height: 400px | |
} | |
} | |
.home-portfolio-carousel-wrapper { | |
position: absolute; | |
top: 80px; | |
bottom: 80px; | |
left: 0; | |
width: 100%; | |
padding: 0 20px | |
} | |
.home-portfolio-carousel-wrapper .owl-carousel, | |
.home-portfolio-carousel-wrapper .owl-item, | |
.home-portfolio-carousel-wrapper .owl-stage, | |
.home-portfolio-carousel-wrapper .owl-stage-outer { | |
height: 100% | |
} | |
.home-portfolio-carousel-wrapper .owl-carousel .owl-item img { | |
width: auto | |
} | |
.home-portfolio-carousel-wrapper .home-portfolio-carousel-item { | |
position: relative; | |
height: 100% | |
} | |
.home-portfolio-carousel-wrapper .home-portfolio-carousel-item a { | |
display: block; | |
color: rgba(255, 255, 255, .7) | |
} | |
.home-portfolio-carousel-wrapper .home-portfolio-carousel-item a .home-portfolio-carousel-img { | |
position: absolute; | |
top: 0; | |
right: 0; | |
bottom: 0; | |
left: 0; | |
overflow: hidden | |
} | |
.home-portfolio-carousel-wrapper .home-portfolio-carousel-item a .home-portfolio-carousel-img img { | |
position: absolute; | |
top: 0; | |
bottom: 0; | |
left: 50%; | |
-webkit-transform: translateX(-50%) scale(1); | |
transform: translateX(-50%) scale(1); | |
max-width: none; | |
height: 100%; | |
-webkit-transition: ease-out .2s; | |
transition: ease-out .2s | |
} | |
.home-portfolio-carousel-wrapper .home-portfolio-carousel-item a .home-portfolio-carousel-content { | |
position: absolute; | |
top: 0; | |
right: 0; | |
bottom: 0; | |
left: 0; | |
background: rgba(0, 0, 0, .1); | |
-webkit-transition: ease-out .2s; | |
transition: ease-out .2s | |
} | |
.home-portfolio-carousel-wrapper .home-portfolio-carousel-item a .home-portfolio-carousel-content div { | |
position: absolute; | |
top: 30px; | |
left: 30px | |
} | |
.home-portfolio-carousel-wrapper .home-portfolio-carousel-item a .home-portfolio-carousel-content div h1, | |
.home-portfolio-carousel-wrapper .home-portfolio-carousel-item a .home-portfolio-carousel-content div h2, | |
.home-portfolio-carousel-wrapper .home-portfolio-carousel-item a .home-portfolio-carousel-content div h3, | |
.home-portfolio-carousel-wrapper .home-portfolio-carousel-item a .home-portfolio-carousel-content div h4, | |
.home-portfolio-carousel-wrapper .home-portfolio-carousel-item a .home-portfolio-carousel-content div h5, | |
.home-portfolio-carousel-wrapper .home-portfolio-carousel-item a .home-portfolio-carousel-content div h6 { | |
margin-bottom: 5px; | |
color: #fff | |
} | |
.home-portfolio-carousel-wrapper .home-portfolio-carousel-item a .home-portfolio-carousel-content div span { | |
display: inline-block; | |
margin-bottom: 5px | |
} | |
.home-portfolio-carousel-wrapper .home-portfolio-carousel-item a .home-portfolio-carousel-content i { | |
position: absolute; | |
right: 30px; | |
bottom: 30px; | |
-webkit-transform: translateY(5px); | |
transform: translateY(5px); | |
opacity: 0; | |
color: #fff; | |
font-size: 20px; | |
-webkit-transition: ease-out .2s; | |
transition: ease-out .2s | |
} | |
.home-portfolio-carousel-wrapper .home-portfolio-carousel-item a:hover .home-portfolio-carousel-img img { | |
-webkit-transform: translateX(-50%) scale(1.02); | |
transform: translateX(-50%) scale(1.02); | |
-webkit-filter: blur(2px); | |
filter: blur(2px) | |
} | |
.home-portfolio-carousel-wrapper .home-portfolio-carousel-item a:hover .home-portfolio-carousel-content { | |
background: rgba(0, 0, 0, .2) | |
} | |
.home-portfolio-carousel-wrapper .home-portfolio-carousel-item a:hover .home-portfolio-carousel-content i { | |
-webkit-transform: translateY(0); | |
transform: translateY(0); | |
opacity: 1 | |
} | |
body:after { | |
content: ''; | |
position: fixed; | |
top: 0; | |
left: 0; | |
z-index: 998; | |
background: #fff; | |
width: 100%; | |
height: 100% | |
} | |
body.loaded:after { | |
display: none | |
} | |
.preloader { | |
position: fixed; | |
top: 0; | |
left: 0; | |
z-index: 999; | |
visibility: visible; | |
opacity: 1; | |
background: #fff; | |
width: 100%; | |
height: 100%; | |
text-align: center | |
} | |
.preloader div { | |
position: absolute; | |
top: 50%; | |
left: 50%; | |
-webkit-transform: translate(-50%, -50%); | |
transform: translate(-50%, -50%) | |
} | |
.loaded .preloader { | |
visibility: hidden; | |
opacity: 0; | |
-webkit-transition: ease-out .4s; | |
transition: ease-out .4s | |
} | |
.preloader-1 span { | |
display: inline-block; | |
width: 50px; | |
height: 50px; | |
border: 1px solid; | |
border-radius: 50%; | |
border-color: #141414 #e6e6e6 #e6e6e6 #e6e6e6; | |
-webkit-animation: loader-one-spin .5s infinite linear; | |
animation: loader-one-spin .5s infinite linear | |
} | |
@keyframes loader-one-spin { | |
100% { | |
transform: rotate(360deg); | |
transform: rotate(360deg) | |
} | |
} | |
@-webkit-keyframes loader-one-spin { | |
100% { | |
-webkit-transform: rotate(360deg); | |
transform: rotate(360deg) | |
} | |
} | |
.preloader-2 div { | |
position: relative; | |
width: 60px; | |
height: 60px | |
} | |
.preloader-2 div .loader-circular { | |
position: absolute; | |
top: 0; | |
bottom: 0; | |
left: 0; | |
right: 0; | |
transform-origin: center center; | |
width: 60px; | |
height: 60px; | |
margin: auto; | |
animation: loader-two-rotate 2s linear infinite | |
} | |
.preloader-2 div .loader-path { | |
stroke: #141414; | |
stroke-dasharray: 1, 200; | |
stroke-dashoffset: 0; | |
stroke-linecap: round; | |
animation: loader-two-dash 1.5s ease-in-out infinite | |
} | |
@keyframes loader-two-rotate { | |
100% { | |
transform: rotate(360deg) | |
} | |
} | |
@keyframes loader-two-dash { | |
0% { | |
stroke-dasharray: 1, 200; | |
stroke-dashoffset: 0 | |
} | |
50% { | |
stroke-dasharray: 89, 200; | |
stroke-dashoffset: -35px | |
} | |
100% { | |
stroke-dasharray: 89, 200; | |
stroke-dashoffset: -124px | |
} | |
} | |
.preloader-3 div { | |
position: relative; | |
width: 60px; | |
height: 60px | |
} | |
.preloader-3 div span { | |
position: absolute; | |
top: 0; | |
left: 0; | |
opacity: 0; | |
width: 60px; | |
height: 60px; | |
background: #1b1b1b; | |
border-radius: 50%; | |
-webkit-animation: loader-three-scaleSpan 1.2s infinite linear; | |
animation: loader-three-scaleSpan 1.2s infinite linear | |
} | |
.preloader-3 div span:nth-child(1) { | |
-webkit-animation-delay: 0s; | |
animation-delay: 0s | |
} | |
.preloader-3 div span:nth-child(2) { | |
-webkit-animation-delay: -.2s; | |
animation-delay: -.2s | |
} | |
.preloader-3 div span:nth-child(3) { | |
-webkit-animation-delay: -.4s; | |
animation-delay: -.4s | |
} | |
@keyframes loader-three-scaleSpan { | |
0% { | |
transform: scale(0); | |
opacity: 0 | |
} | |
5% { | |
opacity: 1 | |
} | |
90% { | |
transform: scale(1); | |
opacity: 0 | |
} | |
100% { | |
opacity: 0 | |
} | |
} | |
@-webkit-keyframes loader-three-scaleSpan { | |
0% { | |
-webkit-transform: scale(0); | |
opacity: 0 | |
} | |
5% { | |
opacity: 1 | |
} | |
90% { | |
-webkit-transform: scale(1); | |
opacity: 0 | |
} | |
100% { | |
opacity: 0 | |
} | |
} | |
.preloader-4 div { | |
width: 40px; | |
height: 40px | |
} | |
.preloader-4 div span { | |
position: relative; | |
display: block | |
} | |
.preloader-4 div span:after, | |
.preloader-4 div span:before { | |
content: ''; | |
position: absolute; | |
top: 0; | |
left: 0; | |
background: rgba(0, 0, 0, .4); | |
width: 40px; | |
height: 40px; | |
border-radius: 50% | |
} | |
.preloader-4 div span:before { | |
-webkit-animation: loader-four-bounceIn 1.2s infinite ease-in-out; | |
animation: loader-four-bounceIn 1.2s infinite ease-in-out | |
} | |
.preloader-4 div span:after { | |
-webkit-animation: loader-four-bounceOut 1.2s infinite ease-in-out; | |
animation: loader-four-bounceOut 1.2s infinite ease-in-out | |
} | |
@-webkit-keyframes loader-four-bounceIn { | |
0%, | |
100% { | |
-webkit-transform: scale(0) | |
} | |
50% { | |
-webkit-transform: scale(1) | |
} | |
} | |
@keyframes loader-four-bounceIn { | |
0%, | |
100% { | |
-webkit-transform: scale(0); | |
transform: scale(0) | |
} | |
50% { | |
-webkit-transform: scale(1); | |
transform: scale(1) | |
} | |
} | |
@-webkit-keyframes loader-four-bounceOut { | |
0%, | |
100% { | |
-webkit-transform: scale(1) | |
} | |
50% { | |
-webkit-transform: scale(0) | |
} | |
} | |
@keyframes loader-four-bounceOut { | |
0%, | |
100% { | |
-webkit-transform: scale(1); | |
transform: scale(1) | |
} | |
50% { | |
-webkit-transform: scale(0); | |
transform: scale(0) | |
} | |
} | |
.preloader-5 div span { | |
display: inline-block; | |
background: #141414; | |
width: 12px; | |
height: 12px; | |
margin: 5px; | |
border-radius: 50%; | |
-webkit-animation: loader-five-bouncedelay 1.2s infinite ease-in-out; | |
animation: loader-five-bouncedelay 1.2s infinite ease-in-out; | |
-webkit-animation-fill-mode: both; | |
animation-fill-mode: both | |
} | |
.preloader-5 div span:nth-child(1) { | |
-webkit-animation-delay: -.32s; | |
animation-delay: -.32s | |
} | |
.preloader-5 div span:nth-child(2) { | |
-webkit-animation-delay: -.16s; | |
animation-delay: -.16s | |
} | |
@-webkit-keyframes loader-five-bouncedelay { | |
0%, | |
100%, | |
80% { | |
-webkit-transform: scale(0); | |
transform: scale(0) | |
} | |
40% { | |
-webkit-transform: scale(1); | |
transform: scale(1) | |
} | |
} | |
@keyframes loader-five-bouncedelay { | |
0%, | |
100%, | |
80% { | |
-webkit-transform: scale(0); | |
transform: scale(0) | |
} | |
40% { | |
-webkit-transform: scale(1); | |
transform: scale(1) | |
} | |
} | |
.preloader-6 div { | |
position: relative; | |
width: 8px; | |
height: 8px | |
} | |
.preloader-6 div span { | |
position: absolute; | |
top: 0; | |
left: 0; | |
display: inline-block; | |
background: #141414; | |
width: 9px; | |
height: 9px; | |
border-radius: 50%; | |
-webkit-animation: loader-six-circleSpinner .65s ease-in-out infinite; | |
animation: loader-six-circleSpinner .65s ease-in-out infinite | |
} | |
.preloader-6 div span:after, | |
.preloader-6 div span:before { | |
content: ''; | |
position: absolute; | |
top: 0; | |
width: 9px; | |
height: 9px; | |
background: #141414; | |
border-radius: 50% | |
} | |
.preloader-6 div span:before { | |
left: -20px | |
} | |
.preloader-6 div span:after { | |
left: 20px | |
} | |
@keyframes loader-six-circleSpinner { | |
0% { | |
transform: rotate(0) | |
} | |
50% { | |
transform: rotate(180deg) | |
} | |
100% { | |
transform: rotate(180deg) | |
} | |
} | |
@-webkit-keyframes loader-six-circleSpinner { | |
0% { | |
-webkit-transform: rotate(0) | |
} | |
50% { | |
-webkit-transform: rotate(180deg) | |
} | |
100% { | |
-webkit-transform: rotate(180deg) | |
} | |
} | |
.preloader-7 div { | |
height: 44px | |
} | |
.preloader-7 div span { | |
display: inline-block; | |
background: #141414; | |
height: 100%; | |
width: 5px; | |
margin: 0 1px; | |
-webkit-animation: loader-seven-stretchdelay 1.2s infinite ease-in-out; | |
animation: loader-seven-stretchdelay 1.2s infinite ease-in-out | |
} | |
.preloader-7 div span:nth-child(2) { | |
-webkit-animation-delay: -1.1s; | |
animation-delay: -1.1s | |
} | |
.preloader-7 div span:nth-child(3) { | |
-webkit-animation-delay: -1s; | |
animation-delay: -1s | |
} | |
.preloader-7 div span:nth-child(4) { | |
-webkit-animation-delay: -.9s; | |
animation-delay: -.9s | |
} | |
.preloader-7 div span:nth-child(5) { | |
-webkit-animation-delay: -.8s; | |
animation-delay: -.8s | |
} | |
@-webkit-keyframes loader-seven-stretchdelay { | |
0%, | |
100%, | |
40% { | |
-webkit-transform: scaleY(.4) | |
} | |
20% { | |
-webkit-transform: scaleY(1) | |
} | |
} | |
@keyframes loader-seven-stretchdelay { | |
0%, | |
100%, | |
40% { | |
transform: scaleY(.4); | |
-webkit-transform: scaleY(.4) | |
} | |
20% { | |
transform: scaleY(1); | |
-webkit-transform: scaleY(1) | |
} | |
} | |
.preloader-8 span { | |
position: relative; | |
display: inline-block; | |
background: #141414; | |
width: 8px; | |
height: 8px; | |
margin: 4px; | |
border-radius: 50%; | |
-webkit-animation: loader-eight-wave .6s infinite ease-in-out; | |
animation: loader-eight-wave .6s infinite ease-in-out | |
} | |
.preloader-8 span:nth-child(2) { | |
-webkit-animation-delay: .1s; | |
animation-delay: .1s | |
} | |
.preloader-8 span:nth-child(3) { | |
-webkit-animation-delay: .2s; | |
animation-delay: .2s | |
} | |
.preloader-8 span:nth-child(4) { | |
-webkit-animation-delay: .3s; | |
animation-delay: .3s | |
} | |
@keyframes loader-eight-wave { | |
0% { | |
top: 0 | |
} | |
50% { | |
top: 8px | |
} | |
100% { | |
top: 0 | |
} | |
} | |
.preloader-9 div { | |
width: 40px; | |
height: 40px | |
} | |
.preloader-9 div .spinner-box { | |
position: absolute; | |
display: block; | |
width: 40px; | |
height: 40px; | |
border: 2px solid #141414; | |
-webkit-animation: loader-nine-boxLoader 2s infinite ease; | |
animation: loader-nine-boxLoader 2s infinite ease | |
} | |
.preloader-9 div .spinner-box span { | |
position: absolute; | |
top: 0; | |
left: 0; | |
display: inline-block; | |
background: #141414; | |
width: 100%; | |
vertical-align: top; | |
-webkit-animation: loader-nine-boxLoader-inner 2s infinite ease-in; | |
animation: loader-nine-boxLoader-inner 2s infinite ease-in | |
} | |
@keyframes loader-nine-boxLoader { | |
0% { | |
transform: rotate(0) | |
} | |
25%, | |
50% { | |
transform: rotate(180deg) | |
} | |
100%, | |
75% { | |
transform: rotate(360deg) | |
} | |
} | |
@-webkit-keyframes loader-nine-boxLoader { | |
0% { | |
transform: rotate(0) | |
} | |
25%, | |
50% { | |
transform: rotate(180deg) | |
} | |
100%, | |
75% { | |
transform: rotate(360deg) | |
} | |
} | |
@keyframes loader-nine-boxLoader-inner { | |
0%, | |
100%, | |
25% { | |
height: 0% | |
} | |
50%, | |
75% { | |
height: 100% | |
} | |
} | |
@-webkit-keyframes loader-nine-boxLoader-inner { | |
0%, | |
100%, | |
25% { | |
height: 0% | |
} | |
50%, | |
75% { | |
height: 100% | |
} | |
} | |
.preloader-10 div { | |
text-align: center | |
} | |
.preloader-10 div h1, | |
.preloader-10 div h2, | |
.preloader-10 div h3, | |
.preloader-10 div h4, | |
.preloader-10 div h5, | |
.preloader-10 div h6 { | |
margin-bottom: 30px | |
} | |
.preloader-10 div .spinner { | |
display: inline-block; | |
width: 30px; | |
height: 30px; | |
border: 2px solid; | |
border-radius: 50%; | |
border-color: #141414 #e6e6e6 #e6e6e6 #e6e6e6; | |
-webkit-animation: loader-ten-spin .4s infinite linear; | |
animation: loader-ten-spin .4s infinite linear | |
} | |
@keyframes loader-ten-spin { | |
100% { | |
transform: rotate(360deg) | |
} | |
} | |
@-webkit-keyframes loader-ten-spin { | |
100% { | |
-webkit-transform: rotate(360deg); | |
transform: rotate(360deg) | |
} | |
} | |
.preloader-11 div .spinner { | |
display: inline-block; | |
background: #1b1b1b; | |
background: linear-gradient(to right, #1b1b1b 10%, rgba(30, 30, 30, 0) 42%); | |
width: 50px; | |
height: 50px; | |
border-radius: 50%; | |
-webkit-animation: loader-eleven .8s infinite linear; | |
animation: loader-eleven .8s infinite linear | |
} | |
.preloader-11 div .spinner:after, | |
.preloader-11 div .spinner:before { | |
content: ''; | |
position: absolute; | |
top: 0; | |
left: 0 | |
} | |
.preloader-11 div .spinner:before { | |
background: #1b1b1b; | |
width: 50%; | |
height: 50%; | |
border-radius: 100% 0 0 0 | |
} | |
.preloader-11 div .spinner:after { | |
right: 0; | |
bottom: 0; | |
background: #fff; | |
width: 86%; | |
height: 86%; | |
margin: auto; | |
border-radius: 50% | |
} | |
@keyframes loader-eleven { | |
0% { | |
-webkit-transform: rotate(0); | |
transform: rotate(0) | |
} | |
100% { | |
-webkit-transform: rotate(360deg); | |
transform: rotate(360deg) | |
} | |
} | |
@-webkit-keyframes loader-eleven { | |
0% { | |
-webkit-transform: rotate(0); | |
transform: rotate(0) | |
} | |
100% { | |
-webkit-transform: rotate(360deg); | |
transform: rotate(360deg) | |
} | |
} | |
.prices-box { | |
border: 1px solid #e6e6e6; | |
padding: 30px; | |
text-align: center | |
} | |
.prices-box .price { | |
margin: 20px 0 | |
} | |
.prices-box .price span { | |
display: block; | |
font: 300 14px Heebo, sans-serif; | |
color: #a0a0a0 | |
} | |
.prices-box .price h1, | |
.prices-box .price h2, | |
.prices-box .price h3, | |
.prices-box .price h4, | |
.prices-box .price h5, | |
.prices-box .price h6 { | |
position: relative; | |
display: inline-block; | |
margin: 0 | |
} | |
.prices-box .price h1:before, | |
.prices-box .price h2:before, | |
.prices-box .price h3:before, | |
.prices-box .price h4:before, | |
.prices-box .price h5:before, | |
.prices-box .price h6:before { | |
content: '\f155'; | |
font-family: 'Font Awesome 5 Free'; | |
position: absolute; | |
top: 10px; | |
left: -10px; | |
font-size: 14px; | |
line-height: 14px | |
} | |
.prices-box .price h1 span, | |
.prices-box .price h2 span, | |
.prices-box .price h3 span, | |
.prices-box .price h4 span, | |
.prices-box .price h5 span, | |
.prices-box .price h6 span { | |
display: inline-block; | |
font: 300 14px Heebo, sans-serif; | |
color: #a0a0a0 | |
} | |
.prices-box .price-features ul { | |
margin: 0; | |
padding: 0 | |
} | |
.prices-box .price-features ul li { | |
list-style-type: none | |
} | |
.prices-box .btn, | |
.prices-box .button, | |
.prices-box .text-button { | |
margin-top: 30px | |
} | |
.prices-box.prices-box-recommended { | |
border-color: #141414 | |
} | |
div[class*=' bg-grey'] .prices-box, | |
div[class^=bg-grey] .prices-box { | |
background: #fff; | |
border: 0 | |
} | |
div[class*=' bg-grey'] .prices-box.prices-box-recommended, | |
div[class^=bg-grey] .prices-box.prices-box-recommended { | |
background: #222; | |
color: rgba(255, 255, 255, .5) | |
} | |
div[class*=' bg-grey'] .prices-box.prices-box-recommended h1, | |
div[class*=' bg-grey'] .prices-box.prices-box-recommended h2, | |
div[class*=' bg-grey'] .prices-box.prices-box-recommended h3, | |
div[class*=' bg-grey'] .prices-box.prices-box-recommended h4, | |
div[class*=' bg-grey'] .prices-box.prices-box-recommended h5, | |
div[class*=' bg-grey'] .prices-box.prices-box-recommended h6, | |
div[class^=bg-grey] .prices-box.prices-box-recommended h1, | |
div[class^=bg-grey] .prices-box.prices-box-recommended h2, | |
div[class^=bg-grey] .prices-box.prices-box-recommended h3, | |
div[class^=bg-grey] .prices-box.prices-box-recommended h4, | |
div[class^=bg-grey] .prices-box.prices-box-recommended h5, | |
div[class^=bg-grey] .prices-box.prices-box-recommended h6 { | |
color: #fff | |
} | |
div[class*=' bg-grey'] .prices-box.prices-box-recommended .price h1 span, | |
div[class*=' bg-grey'] .prices-box.prices-box-recommended .price h2 span, | |
div[class*=' bg-grey'] .prices-box.prices-box-recommended .price h3 span, | |
div[class*=' bg-grey'] .prices-box.prices-box-recommended .price h4 span, | |
div[class*=' bg-grey'] .prices-box.prices-box-recommended .price h5 span, | |
div[class*=' bg-grey'] .prices-box.prices-box-recommended .price h6 span, | |
div[class^=bg-grey] .prices-box.prices-box-recommended .price h1 span, | |
div[class^=bg-grey] .prices-box.prices-box-recommended .price h2 span, | |
div[class^=bg-grey] .prices-box.prices-box-recommended .price h3 span, | |
div[class^=bg-grey] .prices-box.prices-box-recommended .price h4 span, | |
div[class^=bg-grey] .prices-box.prices-box-recommended .price h5 span, | |
div[class^=bg-grey] .prices-box.prices-box-recommended .price h6 span { | |
color: rgba(255, 255, 255, .5) | |
} | |
.bg-dark .prices-box, | |
.bg-dark-lighter .prices-box, | |
.bg-dark-lightest .prices-box, | |
div[class*=' bg-black'] .prices-box, | |
div[class^=bg-black] .prices-box { | |
border-color: rgba(255, 255, 255, .2); | |
color: rgba(255, 255, 255, .5) | |
} | |
.bg-dark .prices-box.prices-box-recommended, | |
.bg-dark-lighter .prices-box.prices-box-recommended, | |
.bg-dark-lightest .prices-box.prices-box-recommended, | |
div[class*=' bg-black'] .prices-box.prices-box-recommended, | |
div[class^=bg-black] .prices-box.prices-box-recommended { | |
border-color: #fff | |
} | |
.search-wrapper { | |
position: fixed; | |
top: 0; | |
left: 0; | |
z-index: 997; | |
visibility: hidden; | |
opacity: 0; | |
background: rgba(0, 0, 0, .8); | |
width: 100%; | |
height: 100%; | |
cursor: url(../images/cursor-white.png), auto; | |
-webkit-transition: ease-out .2s; | |
transition: ease-out .2s | |
} | |
.search-wrapper .container, | |
.search-wrapper .container-fluid { | |
position: relative; | |
top: 50%; | |
-webkit-transform: translateY(-50%) scale(.98); | |
transform: translateY(-50%) scale(.98); | |
-webkit-transition: ease-out .2s; | |
transition: ease-out .2s | |
} | |
.search-wrapper input { | |
-webkit-box-shadow: 0 0 14px 0 rgba(0, 0, 0, .3); | |
box-shadow: 0 0 14px 0 rgba(0, 0, 0, .3); | |
margin: 0; | |
border: 0; | |
padding: 25px 30px | |
} | |
.search-wrapper input.focus, | |
.search-wrapper input:focus { | |
border: 0 | |
} | |
.search-wrapper button { | |
position: absolute; | |
top: 50%; | |
right: 45px; | |
-webkit-transform: translateY(-50%); | |
transform: translateY(-50%); | |
color: #646464; | |
-webkit-transition: linear .1s; | |
transition: linear .1s | |
} | |
.search-wrapper button:hover { | |
color: #141414 | |
} | |
.search-wrapper.search-wrapper-show.search-wrapper { | |
visibility: visible; | |
opacity: 1 | |
} | |
.search-wrapper.search-wrapper-show.search-wrapper .container, | |
.search-wrapper.search-wrapper-show.search-wrapper .container-fluid { | |
-webkit-transform: translateY(-50%) scale(1); | |
transform: translateY(-50%) scale(1) | |
} | |
.search-wrapper.search-style-2 form, | |
.search-wrapper.search-style-3 form, | |
.search-wrapper.search-style-4 form { | |
position: relative | |
} | |
.search-wrapper.search-style-2 input, | |
.search-wrapper.search-style-3 input, | |
.search-wrapper.search-style-4 input { | |
background: 0 0; | |
-webkit-box-shadow: none; | |
box-shadow: none; | |
padding: 0 0 10px 0 | |
} | |
.search-wrapper.search-style-2 input.focus, | |
.search-wrapper.search-style-2 input:focus, | |
.search-wrapper.search-style-3 input.focus, | |
.search-wrapper.search-style-3 input:focus, | |
.search-wrapper.search-style-4 input.focus, | |
.search-wrapper.search-style-4 input:focus { | |
background: 0 0 | |
} | |
.search-wrapper.search-style-2 button, | |
.search-wrapper.search-style-3 button, | |
.search-wrapper.search-style-4 button { | |
top: 6px; | |
right: 0; | |
-webkit-transform: translateY(0); | |
transform: translateY(0) | |
} | |
.search-wrapper.search-style-2 input, | |
.search-wrapper.search-style-4 input { | |
border-bottom: 1px solid rgba(255, 255, 255, .3) | |
} | |
.search-wrapper.search-style-2 input::-webkit-input-placeholder, | |
.search-wrapper.search-style-4 input::-webkit-input-placeholder { | |
color: rgba(255, 255, 255, .5) | |
} | |
.search-wrapper.search-style-2 input::-moz-placeholder, | |
.search-wrapper.search-style-4 input::-moz-placeholder { | |
color: rgba(255, 255, 255, .5) | |
} | |
.search-wrapper.search-style-2 input:-ms-placeholder, | |
.search-wrapper.search-style-4 input:-ms-placeholder { | |
color: rgba(255, 255, 255, .5) | |
} | |
.search-wrapper.search-style-2 input::-ms-placeholder, | |
.search-wrapper.search-style-4 input::-ms-placeholder { | |
color: rgba(255, 255, 255, .5) | |
} | |
.search-wrapper.search-style-2 input::placeholder, | |
.search-wrapper.search-style-4 input::placeholder { | |
color: rgba(255, 255, 255, .5) | |
} | |
.search-wrapper.search-style-2 input.focus, | |
.search-wrapper.search-style-2 input:focus, | |
.search-wrapper.search-style-4 input.focus, | |
.search-wrapper.search-style-4 input:focus { | |
border-bottom-color: #fff; | |
color: #fff | |
} | |
.search-wrapper.search-style-2 button, | |
.search-wrapper.search-style-4 button { | |
color: rgba(255, 255, 255, .5) | |
} | |
.search-wrapper.search-style-2 button:hover, | |
.search-wrapper.search-style-4 button:hover { | |
color: #fff | |
} | |
.search-wrapper.search-style-2 { | |
background: rgba(0, 0, 0, .9) | |
} | |
.search-wrapper.search-style-3 { | |
background: #fff; | |
cursor: url(../images/cursor-black.png), auto | |
} | |
.search-wrapper.search-style-3 input { | |
border-bottom: 1px solid rgba(0, 0, 0, .2) | |
} | |
.search-wrapper.search-style-3 input.focus, | |
.search-wrapper.search-style-3 input:focus { | |
border-bottom-color: #000; | |
color: #141414 | |
} | |
.search-wrapper.search-style-4 { | |
background: #000 | |
} | |
@media (max-width:992px) { | |
.search-wrapper { | |
cursor: pointer | |
} | |
} | |
.section-xs { | |
padding: 50px 0 | |
} | |
.section-xs.bg-image .container, | |
.section-xs.bg-image .container-fluid { | |
padding: 50px 20px | |
} | |
.section-sm { | |
padding: 70px 0 | |
} | |
.section-sm.bg-image .container, | |
.section-sm.bg-image .container-fluid { | |
padding: 70px 20px | |
} | |
.section, | |
.section-md { | |
padding: 100px 0 | |
} | |
.section-md.bg-image .container, | |
.section-md.bg-image .container-fluid, | |
.section.bg-image .container, | |
.section.bg-image .container-fluid { | |
padding: 100px 20px | |
} | |
.section-lg { | |
padding: 160px 0 | |
} | |
.section-lg.bg-image .container, | |
.section-lg.bg-image .container-fluid { | |
padding: 160px 20px | |
} | |
.section-xl { | |
padding: 200px 0 | |
} | |
.section-xl.bg-image .container, | |
.section-xl.bg-image .container-fluid { | |
padding: 200px 20px | |
} | |
@media (max-width:768px) { | |
.section-xs { | |
padding: 30px 0 | |
} | |
.section-xs.bg-image .container, | |
.section-xs.bg-image .container-fluid { | |
padding: 30px 20px | |
} | |
.section-sm { | |
padding: 50px 0 | |
} | |
.section-sm.bg-image .container, | |
.section-sm.bg-image .container-fluid { | |
padding: 50px 20px | |
} | |
.section, | |
.section-md { | |
padding: 80px 0 | |
} | |
.section-md.bg-image .container, | |
.section-md.bg-image .container-fluid, | |
.section.bg-image .container, | |
.section.bg-image .container-fluid { | |
padding: 80px 20px | |
} | |
.section-lg { | |
padding: 140px 0 | |
} | |
.section-lg.bg-image .container, | |
.section-lg.bg-image .container-fluid { | |
padding: 140px 20px | |
} | |
.section-xl { | |
padding: 180px 0 | |
} | |
.section-xl.bg-image .container, | |
.section-xl.bg-image .container-fluid { | |
padding: 180px 20px | |
} | |
} | |
.section-lg.bg-image, | |
.section-md.bg-image, | |
.section-sm.bg-image, | |
.section-xl.bg-image, | |
.section-xs.bg-image, | |
.section.bg-image { | |
padding: 0 | |
} | |
.section-title { | |
position: relative; | |
margin-bottom: 70px | |
} | |
.section-title p { | |
max-width: 700px; | |
margin-bottom: 10px | |
} | |
.section-title.text-center p { | |
margin-right: auto; | |
margin-left: auto | |
} | |
.section-title.text-right p { | |
margin-left: auto | |
} | |
.section-title .btn, | |
.section-title .button, | |
.section-title .text-btn { | |
margin-bottom: 10px | |
} | |
.text-center .section-title p { | |
margin-right: auto; | |
margin-left: auto | |
} | |
.text-right .section-title p { | |
margin-left: auto | |
} | |
.section-fullscreen { | |
width: 100%; | |
height: 100% | |
} | |
.section-fullscreen .container, | |
.section-fullscreen .container-fluid, | |
.section-fullscreen div[class*=' bg-black'], | |
.section-fullscreen div[class*=' bg-dark'], | |
.section-fullscreen div[class*=' bg-grey'], | |
.section-fullscreen div[class*=' bg-white'], | |
.section-fullscreen div[class^=bg-black], | |
.section-fullscreen div[class^=bg-dark], | |
.section-fullscreen div[class^=bg-grey], | |
.section-fullscreen div[class^=bg-white] { | |
height: 100% | |
} | |
.sidebar-nav-left .sidebar-nav-content, | |
.sidebar-nav-left .sidebar-nav-toggle { | |
border-right: 1px solid #e6e6e6 | |
} | |
.sidebar-nav-left .sidebar-nav-content { | |
left: 0 | |
} | |
.sidebar-nav-right .sidebar-nav-content, | |
.sidebar-nav-right .sidebar-nav-toggle { | |
border-left: 1px solid #e6e6e6 | |
} | |
.sidebar-nav-right .sidebar-nav-content { | |
right: 0 | |
} | |
.sidebar-nav-content { | |
position: fixed; | |
top: 0; | |
overflow: visible; | |
overflow-y: auto; | |
z-index: 995; | |
background: #fff; | |
width: 280px; | |
height: 100%; | |
padding: 30px; | |
-webkit-transition: ease-out .2s; | |
transition: ease-out .2s | |
} | |
.sidebar-nav-content .sidebar-logo { | |
border-bottom: 1px solid #e6e6e6; | |
padding-bottom: 20px | |
} | |
.sidebar-nav-content .sidebar-logo img { | |
max-height: 60px | |
} | |
.sidebar-nav-content .sidebar-menu { | |
margin-top: 30px; | |
padding: 0 | |
} | |
.sidebar-nav-content .sidebar-menu li { | |
list-style-type: none | |
} | |
.sidebar-nav-content .sidebar-menu li a { | |
position: relative; | |
padding: 0; | |
color: #141414; | |
font: 400 13px Heebo, sans-serif; | |
letter-spacing: 1.5px; | |
text-transform: uppercase; | |
-webkit-transition: linear .1s; | |
transition: linear .1s | |
} | |
.sidebar-nav-content .sidebar-menu li a:hover { | |
color: #646464 | |
} | |
.sidebar-nav-content .sidebar-menu li a.sidebar-dropdown-link { | |
position: relative; | |
display: block; | |
padding-right: 13px | |
} | |
.sidebar-nav-content .sidebar-menu li a.sidebar-dropdown-link:after, | |
.sidebar-nav-content .sidebar-menu li a.sidebar-dropdown-link:before { | |
content: ''; | |
position: absolute; | |
top: 50%; | |
-webkit-transform: translateY(-50%); | |
transform: translateY(-50%); | |
background: #141414; | |
-webkit-transition: linear .1s; | |
transition: linear .1s | |
} | |
.sidebar-nav-content .sidebar-menu li a.sidebar-dropdown-link:before { | |
right: 0; | |
width: 7px; | |
height: 1px | |
} | |
.sidebar-nav-content .sidebar-menu li a.sidebar-dropdown-link:after { | |
right: 3px; | |
width: 1px; | |
height: 7px | |
} | |
.sidebar-nav-content .sidebar-menu li a.sidebar-dropdown-link:hover:after, | |
.sidebar-nav-content .sidebar-menu li a.sidebar-dropdown-link:hover:before { | |
background: #646464 | |
} | |
.sidebar-nav-content .sidebar-menu li a.sidebar-dropdown-link.minus { | |
color: #646464 | |
} | |
.sidebar-nav-content .sidebar-menu li a.sidebar-dropdown-link.minus:after { | |
-webkit-transform: translateY(-50%) rotate(-90deg); | |
transform: translateY(-50%) rotate(-90deg) | |
} | |
.sidebar-nav-content .sidebar-menu .sidebar-dropdown { | |
display: none; | |
padding-left: 20px | |
} | |
.sidebar-nav-content .sidebar-menu .sidebar-dropdown.sidebar-dropdown-show { | |
display: block | |
} | |
.sidebar-nav-content .sidebar-menu .sidebar-dropdown li a { | |
font-weight: 300; | |
font-size: 15px; | |
letter-spacing: 0; | |
text-transform: none | |
} | |
.sidebar-nav-content .sidebar-bottom { | |
border-top: 1px solid #e6e6e6; | |
margin-top: 30px; | |
padding-top: 20px | |
} | |
.bg-dark-lighter.sidebar-nav-content, | |
.bg-dark-lightest.sidebar-nav-content, | |
.bg-dark.sidebar-nav-content, | |
div[class*=' bg-black'].sidebar-nav-content, | |
div[class^=bg-black].sidebar-nav-content { | |
border: 0 | |
} | |
.bg-dark-lighter.sidebar-nav-content .sidebar-menu li a, | |
.bg-dark-lightest.sidebar-nav-content .sidebar-menu li a, | |
.bg-dark.sidebar-nav-content .sidebar-menu li a, | |
div[class*=' bg-black'].sidebar-nav-content .sidebar-menu li a, | |
div[class^=bg-black].sidebar-nav-content .sidebar-menu li a { | |
color: rgba(255, 255, 255, .7) | |
} | |
.bg-dark-lighter.sidebar-nav-content .sidebar-menu li a:after, | |
.bg-dark-lighter.sidebar-nav-content .sidebar-menu li a:before, | |
.bg-dark-lightest.sidebar-nav-content .sidebar-menu li a:after, | |
.bg-dark-lightest.sidebar-nav-content .sidebar-menu li a:before, | |
.bg-dark.sidebar-nav-content .sidebar-menu li a:after, | |
.bg-dark.sidebar-nav-content .sidebar-menu li a:before, | |
div[class*=' bg-black'].sidebar-nav-content .sidebar-menu li a:after, | |
div[class*=' bg-black'].sidebar-nav-content .sidebar-menu li a:before, | |
div[class^=bg-black].sidebar-nav-content .sidebar-menu li a:after, | |
div[class^=bg-black].sidebar-nav-content .sidebar-menu li a:before { | |
background: rgba(255, 255, 255, .7) | |
} | |
.bg-dark-lighter.sidebar-nav-content .sidebar-menu li a:hover, | |
.bg-dark-lightest.sidebar-nav-content .sidebar-menu li a:hover, | |
.bg-dark.sidebar-nav-content .sidebar-menu li a:hover, | |
div[class*=' bg-black'].sidebar-nav-content .sidebar-menu li a:hover, | |
div[class^=bg-black].sidebar-nav-content .sidebar-menu li a:hover { | |
color: #fff | |
} | |
.bg-dark-lighter.sidebar-nav-content .sidebar-menu li a:hover:after, | |
.bg-dark-lighter.sidebar-nav-content .sidebar-menu li a:hover:before, | |
.bg-dark-lightest.sidebar-nav-content .sidebar-menu li a:hover:after, | |
.bg-dark-lightest.sidebar-nav-content .sidebar-menu li a:hover:before, | |
.bg-dark.sidebar-nav-content .sidebar-menu li a:hover:after, | |
.bg-dark.sidebar-nav-content .sidebar-menu li a:hover:before, | |
div[class*=' bg-black'].sidebar-nav-content .sidebar-menu li a:hover:after, | |
div[class*=' bg-black'].sidebar-nav-content .sidebar-menu li a:hover:before, | |
div[class^=bg-black].sidebar-nav-content .sidebar-menu li a:hover:after, | |
div[class^=bg-black].sidebar-nav-content .sidebar-menu li a:hover:before { | |
background: #fff | |
} | |
.bg-dark-lighter.sidebar-nav-content .sidebar-menu li a.sidebar-dropdown-link.minus, | |
.bg-dark-lightest.sidebar-nav-content .sidebar-menu li a.sidebar-dropdown-link.minus, | |
.bg-dark.sidebar-nav-content .sidebar-menu li a.sidebar-dropdown-link.minus, | |
div[class*=' bg-black'].sidebar-nav-content .sidebar-menu li a.sidebar-dropdown-link.minus, | |
div[class^=bg-black].sidebar-nav-content .sidebar-menu li a.sidebar-dropdown-link.minus { | |
color: #fff | |
} | |
.bg-dark-lighter.sidebar-nav-content .sidebar-menu li a.sidebar-dropdown-link.minus:after, | |
.bg-dark-lighter.sidebar-nav-content .sidebar-menu li a.sidebar-dropdown-link.minus:before, | |
.bg-dark-lightest.sidebar-nav-content .sidebar-menu li a.sidebar-dropdown-link.minus:after, | |
.bg-dark-lightest.sidebar-nav-content .sidebar-menu li a.sidebar-dropdown-link.minus:before, | |
.bg-dark.sidebar-nav-content .sidebar-menu li a.sidebar-dropdown-link.minus:after, | |
.bg-dark.sidebar-nav-content .sidebar-menu li a.sidebar-dropdown-link.minus:before, | |
div[class*=' bg-black'].sidebar-nav-content .sidebar-menu li a.sidebar-dropdown-link.minus:after, | |
div[class*=' bg-black'].sidebar-nav-content .sidebar-menu li a.sidebar-dropdown-link.minus:before, | |
div[class^=bg-black].sidebar-nav-content .sidebar-menu li a.sidebar-dropdown-link.minus:after, | |
div[class^=bg-black].sidebar-nav-content .sidebar-menu li a.sidebar-dropdown-link.minus:before { | |
background: #fff | |
} | |
.bg-dark-lighter.sidebar-nav-content .sidebar-bottom, | |
.bg-dark-lighter.sidebar-nav-content .sidebar-logo, | |
.bg-dark-lightest.sidebar-nav-content .sidebar-bottom, | |
.bg-dark-lightest.sidebar-nav-content .sidebar-logo, | |
.bg-dark.sidebar-nav-content .sidebar-bottom, | |
.bg-dark.sidebar-nav-content .sidebar-logo, | |
div[class*=' bg-black'].sidebar-nav-content .sidebar-bottom, | |
div[class*=' bg-black'].sidebar-nav-content .sidebar-logo, | |
div[class^=bg-black].sidebar-nav-content .sidebar-bottom, | |
div[class^=bg-black].sidebar-nav-content .sidebar-logo { | |
border-color: rgba(255, 255, 255, .2) | |
} | |
.sidebar-nav-toggle { | |
position: fixed; | |
top: 0; | |
display: none; | |
z-index: 996; | |
background: #fff; | |
width: 60px; | |
height: 60px; | |
border-bottom: 1px solid #e6e6e6; | |
-webkit-transition: ease-out .2s; | |
transition: ease-out .2s | |
} | |
.sidebar-nav-toggle .lines { | |
position: relative; | |
display: inline-block; | |
background: #141414; | |
width: 18px; | |
height: 2px; | |
margin: 0; | |
padding: 0; | |
vertical-align: middle; | |
-webkit-transition: linear .1s; | |
transition: linear .1s | |
} | |
.sidebar-nav-toggle .lines:after, | |
.sidebar-nav-toggle .lines:before { | |
content: ''; | |
position: absolute; | |
left: 0; | |
background: #141414; | |
width: 18px; | |
height: 2px; | |
display: inline-block; | |
-webkit-transition: linear .1s; | |
transition: linear .1s | |
} | |
.sidebar-nav-toggle .lines:before { | |
top: 5px | |
} | |
.sidebar-nav-toggle .lines:after { | |
top: -5px | |
} | |
.sidebar-nav-toggle.sidebar-nav-toggle-close .lines { | |
background: 0 0 | |
} | |
.sidebar-nav-toggle.sidebar-nav-toggle-close .lines:after, | |
.sidebar-nav-toggle.sidebar-nav-toggle-close .lines:before { | |
top: 0; | |
-webkit-transform-origin: 50% 50%; | |
transform-origin: 50% 50% | |
} | |
.sidebar-nav-toggle.sidebar-nav-toggle-close .lines:before { | |
-webkit-transform: rotate3d(0, 0, 1, 45deg); | |
transform: rotate3d(0, 0, 1, 45deg) | |
} | |
.sidebar-nav-toggle.sidebar-nav-toggle-close .lines:after { | |
-webkit-transform: rotate3d(0, 0, 1, -45deg); | |
transform: rotate3d(0, 0, 1, -45deg) | |
} | |
.sidebar-nav-left .sidebar-nav-toggle { | |
left: 0 | |
} | |
.sidebar-nav-left .sidebar-nav-toggle.sidebar-nav-toggle-close { | |
-webkit-transform: translateX(280px); | |
transform: translateX(280px) | |
} | |
.sidebar-nav-right .sidebar-nav-toggle { | |
right: 0 | |
} | |
.sidebar-nav-right .sidebar-nav-toggle.sidebar-nav-toggle-close { | |
-webkit-transform: translateX(-280px); | |
transform: translateX(-280px) | |
} | |
.sidebar-wrapper-left, | |
.sidebar-wrapper-right { | |
-webkit-transition: ease-out .2s; | |
transition: ease-out .2s; | |
height: 100% | |
} | |
.sidebar-wrapper-left { | |
padding-left: 280px | |
} | |
.sidebar-wrapper-right { | |
padding-right: 280px | |
} | |
@media (max-width:992px) { | |
.sidebar-nav-left .sidebar-nav-content { | |
-webkit-transform: translateX(-100%); | |
transform: translateX(-100%) | |
} | |
.sidebar-nav-right .sidebar-nav-content { | |
-webkit-transform: translateX(100%); | |
transform: translateX(100%) | |
} | |
.sidebar-nav-content.sidebar-nav-show { | |
-webkit-transform: translateX(0); | |
transform: translateX(0) | |
} | |
.sidebar-nav-toggle { | |
display: block | |
} | |
.sidebar-wrapper-left, | |
.sidebar-wrapper-right { | |
padding: 0 | |
} | |
} | |
.row.product-wrapper { | |
margin-bottom: -50px | |
} | |
.row.product-wrapper div[class*=" col-"], | |
.row.product-wrapper div[class^=col-] { | |
margin-bottom: 50px | |
} | |
.product .product-img { | |
position: relative; | |
overflow: hidden | |
} | |
.product .product-img a { | |
position: relative; | |
display: block | |
} | |
.product .product-img a:before { | |
content: ''; | |
position: absolute; | |
top: 0; | |
left: 0; | |
z-index: 1; | |
opacity: 0; | |
background: rgba(255, 255, 255, .1); | |
width: 100%; | |
height: 100%; | |
-webkit-transition: ease-out .2s; | |
transition: ease-out .2s | |
} | |
.product .product-img img { | |
width: 100%; | |
-webkit-transition: ease-out .2s; | |
transition: ease-out .2s | |
} | |
.product .product-img .product-sale { | |
position: absolute; | |
top: 0; | |
left: 0; | |
z-index: 2; | |
background: #141414; | |
padding: 8px 15px; | |
color: #fff | |
} | |
.product .product-img .product-sale h1, | |
.product .product-img .product-sale h2, | |
.product .product-img .product-sale h3, | |
.product .product-img .product-sale h4, | |
.product .product-img .product-sale h5, | |
.product .product-img .product-sale h6 { | |
margin: 0; | |
color: #fff | |
} | |
.product .product-img .product-new { | |
position: absolute; | |
top: 16px; | |
right: 16px; | |
z-index: 2; | |
background: #dc3545; | |
width: 50px; | |
height: 50px; | |
border-radius: 50%; | |
color: #fff; | |
text-align: center; | |
line-height: 50px | |
} | |
.product .product-img .product-new h1, | |
.product .product-img .product-new h2, | |
.product .product-img .product-new h3, | |
.product .product-img .product-new h4, | |
.product .product-img .product-new h5, | |
.product .product-img .product-new h6 { | |
margin: 0; | |
color: #fff; | |
line-height: 50px | |
} | |
.product .product-img .product-img-hover { | |
position: absolute; | |
bottom: 0; | |
left: 0; | |
-webkit-transform: translateY(100%); | |
transform: translateY(100%); | |
z-index: 2; | |
background: #141414; | |
width: 100%; | |
padding: 15px 20px; | |
color: #fff; | |
text-align: center; | |
-webkit-transition: ease-out .2s; | |
transition: ease-out .2s | |
} | |
.product .product-img .product-img-hover a { | |
color: #fff; | |
-webkit-transition: linear .1s; | |
transition: linear .1s | |
} | |
.product .product-img .product-img-hover a:before { | |
width: 0; | |
height: 0 | |
} | |
.product .product-img .product-img-hover a:hover { | |
color: rgba(255, 255, 255, .7) | |
} | |
.product .product-img .product-img-hover h1, | |
.product .product-img .product-img-hover h2, | |
.product .product-img .product-img-hover h3, | |
.product .product-img .product-img-hover h4, | |
.product .product-img .product-img-hover h5, | |
.product .product-img .product-img-hover h6 { | |
display: inline-block; | |
margin: 0 | |
} | |
.product .product-img:hover a:before { | |
opacity: 1 | |
} | |
.product .product-img:hover img { | |
-webkit-transform: translateY(-20px); | |
transform: translateY(-20px) | |
} | |
.product .product-img:hover .product-img-hover { | |
-webkit-transform: translateY(0); | |
transform: translateY(0) | |
} | |
.product .product-info { | |
position: relative; | |
padding-top: 30px | |
} | |
.product .product-info a { | |
-webkit-transition: linear .1s; | |
transition: linear .1s | |
} | |
.product .product-info h1, | |
.product .product-info h2, | |
.product .product-info h3, | |
.product .product-info h4, | |
.product .product-info h5, | |
.product .product-info h6 { | |
margin-bottom: 0 | |
} | |
.product .product-info .product-price { | |
margin-top: 10px | |
} | |
.product .product-info .product-price h1, | |
.product .product-info .product-price h2, | |
.product .product-info .product-price h3, | |
.product .product-info .product-price h4, | |
.product .product-info .product-price h5, | |
.product .product-info .product-price h6 { | |
margin: 0; | |
font-weight: 300 | |
} | |
.product .product-info .product-rating { | |
position: absolute; | |
right: 0; | |
bottom: 4px | |
} | |
.product .product-info .product-wishlist { | |
position: absolute; | |
top: 30px; | |
right: 0 | |
} | |
.product-hover-style-2 .product .product-img .product-img-hover { | |
-webkit-transform: translateY(0); | |
transform: translateY(0); | |
visibility: hidden; | |
opacity: 0; | |
-webkit-transition: ease-out .2s; | |
transition: ease-out .2s | |
} | |
.product-hover-style-2 .product .product-img:hover img { | |
-webkit-transform: translateY(0); | |
transform: translateY(0) | |
} | |
.product-hover-style-2 .product .product-img:hover .product-img-hover { | |
visibility: visible; | |
opacity: 1 | |
} | |
.product-price h1 span, | |
.product-price h2 span, | |
.product-price h3 span, | |
.product-price h4 span, | |
.product-price h5 span, | |
.product-price h6 span { | |
position: relative; | |
display: inline-block; | |
margin-right: 6px; | |
color: #a0a0a0 | |
} | |
.product-price h1 span:before, | |
.product-price h2 span:before, | |
.product-price h3 span:before, | |
.product-price h4 span:before, | |
.product-price h5 span:before, | |
.product-price h6 span:before { | |
content: ''; | |
position: absolute; | |
top: 50%; | |
left: 0; | |
-webkit-transform: translateY(-50%); | |
transform: translateY(-50%); | |
background: #a0a0a0; | |
width: 100%; | |
height: 1px | |
} | |
.product-rating { | |
color: #141414; | |
font-size: 14px | |
} | |
.bg-dark .product-rating, | |
.bg-dark-lighter .product-rating, | |
.bg-dark-lightest .product-rating, | |
div[class*=' bg-black'] .product-rating, | |
div[class^=bg-black] .product-rating { | |
color: #fff | |
} | |
.product-list { | |
border: 1px solid #e6e6e6; | |
padding: 30px | |
} | |
.product-list h1, | |
.product-list h2, | |
.product-list h3, | |
.product-list h4, | |
.product-list h5, | |
.product-list h6 { | |
margin-bottom: 25px; | |
text-align: center | |
} | |
.product-list ul { | |
padding: 0 | |
} | |
.product-list ul li { | |
list-style-type: none; | |
position: relative; | |
margin-bottom: 15px; | |
padding-left: 80px | |
} | |
.product-list ul li:last-child { | |
margin: 0 | |
} | |
.product-list ul li .product-list-img { | |
position: absolute; | |
top: 0; | |
left: 0 | |
} | |
.product-list ul li .product-list-img img { | |
width: 60px; | |
height: 60px; | |
border-radius: 50% | |
} | |
.product-list ul li .product-list-info { | |
text-align: left | |
} | |
.product-list ul li .product-list-info h1, | |
.product-list ul li .product-list-info h2, | |
.product-list ul li .product-list-info h3, | |
.product-list ul li .product-list-info h4, | |
.product-list ul li .product-list-info h5, | |
.product-list ul li .product-list-info h6 { | |
margin-bottom: 0; | |
text-align: left | |
} | |
.product-list ul li .product-list-info .product-price h1, | |
.product-list ul li .product-list-info .product-price h2, | |
.product-list ul li .product-list-info .product-price h3, | |
.product-list ul li .product-list-info .product-price h4, | |
.product-list ul li .product-list-info .product-price h5, | |
.product-list ul li .product-list-info .product-price h6 { | |
margin: 0; | |
font-weight: 300 | |
} | |
.product-list ul li .product-list-info .product-rating { | |
position: absolute; | |
right: 0; | |
bottom: 4px | |
} | |
.bg-dark .product-list, | |
.bg-dark-lighter .product-list, | |
.bg-dark-lightest .product-list, | |
div[class*=' bg-black'] .product-list, | |
div[class^=bg-black] .product-list { | |
border-color: rgba(255, 255, 255, .2) | |
} | |
.shop-sidebar .shop-sidebar-box { | |
border: 1px solid #e6e6e6; | |
margin-bottom: 30px; | |
padding: 30px | |
} | |
.shop-sidebar .shop-sidebar-box:last-child { | |
margin-bottom: 0 | |
} | |
.shop-sidebar ul { | |
padding: 0 | |
} | |
.shop-sidebar ul li { | |
list-style-type: none | |
} | |
.shop-sidebar .shop-sidebar-category li a { | |
position: relative; | |
display: block; | |
-webkit-transition: linear .1s; | |
transition: linear .1s | |
} | |
.shop-sidebar .shop-sidebar-category li a span { | |
position: absolute; | |
top: 50%; | |
right: 0; | |
-webkit-transform: translateY(-50%); | |
transform: translateY(-50%); | |
font: 400 13px Heebo, sans-serif; | |
letter-spacing: 1.5px; | |
text-transform: uppercase | |
} | |
.shop-sidebar .shop-sidebar-category li a:hover { | |
padding-left: 2px | |
} | |
.shop-sidebar .shop-sidebar-color li a { | |
position: relative; | |
display: block; | |
-webkit-transition: linear .1s; | |
transition: linear .1s | |
} | |
.shop-sidebar .shop-sidebar-color li a span { | |
position: absolute; | |
top: 50%; | |
right: 0; | |
-webkit-transform: translateY(-50%); | |
transform: translateY(-50%); | |
width: 9px; | |
height: 9px; | |
border-radius: 50% | |
} | |
.shop-sidebar .shop-sidebar-color li a span.bg-white { | |
border: 1px solid #e6e6e6 | |
} | |
.shop-sidebar .shop-sidebar-color li a:hover { | |
padding-left: 2px | |
} | |
.shop-sidebar .shop-sidebar-size li a { | |
position: relative; | |
display: block; | |
-webkit-transition: linear .1s; | |
transition: linear .1s | |
} | |
.shop-sidebar .shop-sidebar-size li a span { | |
position: absolute; | |
top: 50%; | |
right: 0; | |
-webkit-transform: translateY(-50%); | |
transform: translateY(-50%); | |
font: 400 13px Heebo, sans-serif; | |
letter-spacing: 1.5px; | |
text-transform: uppercase | |
} | |
.shop-sidebar .shop-sidebar-size li a:hover { | |
padding-left: 2px | |
} | |
.bg-dark .shop-sidebar .shop-sidebar-box, | |
.bg-dark-lighter .shop-sidebar .shop-sidebar-box, | |
.bg-dark-lightest .shop-sidebar .shop-sidebar-box, | |
div[class*=' bg-black'] .shop-sidebar .shop-sidebar-box, | |
div[class^=bg-black] .shop-sidebar .shop-sidebar-box { | |
border-color: rgba(255, 255, 255, .2) | |
} | |
.product-single .product-single-img { | |
position: relative; | |
padding-left: 80px | |
} | |
.product-single .product-single-img .product-single-img-nav { | |
position: absolute; | |
top: 0; | |
left: 0; | |
width: 70px | |
} | |
.product-single .product-single-img .product-single-img-nav a { | |
position: relative; | |
display: block; | |
margin-bottom: 10px | |
} | |
.product-single .product-single-img .product-single-img-nav a:before { | |
content: ''; | |
position: absolute; | |
top: 0; | |
left: 0; | |
opacity: 0; | |
background: rgba(255, 255, 255, .1); | |
width: 100%; | |
height: 100%; | |
-webkit-transition: ease-out .2s; | |
transition: ease-out .2s | |
} | |
.product-single .product-single-img .product-single-img-nav a:last-child { | |
margin-bottom: 0 | |
} | |
.product-single .product-single-img .product-single-img-nav a:hover:before { | |
opacity: 1 | |
} | |
.product-single .product-single-img .product-single-img-slider[data-owl-nav=true] { | |
padding: 0 | |
} | |
@media (max-width:576px) { | |
.product-single .product-single-img .product-single-img-slider[data-owl-nav=true] { | |
padding: 0 | |
} | |
} | |
.product-single .product-single-img .product-single-img-slider .owl-next, | |
.product-single .product-single-img .product-single-img-slider .owl-prev { | |
visibility: hidden; | |
opacity: 0; | |
background: rgba(0, 0, 0, .4); | |
width: 50px; | |
height: 50px; | |
border-radius: 50%; | |
color: rgba(255, 255, 255, .7); | |
text-align: center | |
} | |
.product-single .product-single-img .product-single-img-slider .owl-next i, | |
.product-single .product-single-img .product-single-img-slider .owl-prev i { | |
line-height: 50px | |
} | |
.product-single .product-single-img .product-single-img-slider .owl-next:hover, | |
.product-single .product-single-img .product-single-img-slider .owl-prev:hover { | |
color: #fff | |
} | |
.product-single .product-single-img .product-single-img-slider .owl-prev { | |
left: 20px | |
} | |
.product-single .product-single-img .product-single-img-slider .owl-next { | |
right: 20px | |
} | |
.product-single .product-single-img .product-single-img-slider .owl-dots { | |
position: absolute; | |
bottom: 20px; | |
left: 50%; | |
-webkit-transform: translateX(-50%); | |
transform: translateX(-50%); | |
background: rgba(0, 0, 0, .4); | |
border-radius: 40px; | |
padding: 10px 14px | |
} | |
.product-single .product-single-img .product-single-img-slider .owl-dots .owl-dot:before { | |
opacity: 1; | |
background: rgba(255, 255, 255, .5) | |
} | |
.product-single .product-single-img .product-single-img-slider .owl-dots .owl-dot.active:before, | |
.product-single .product-single-img .product-single-img-slider .owl-dots .owl-dot:focus:before, | |
.product-single .product-single-img .product-single-img-slider .owl-dots .owl-dot:hover:before { | |
background: #fff | |
} | |
.product-single .product-single-img .product-single-img-slider:hover .owl-next, | |
.product-single .product-single-img .product-single-img-slider:hover .owl-prev { | |
visibility: visible; | |
opacity: 1 | |
} | |
.product-quantity { | |
display: inline-block | |
} | |
.product-quantity input { | |
max-width: 30px; | |
border: 0; | |
margin: 0; | |
padding: 0; | |
text-align: center; | |
color: #141414 | |
} | |
.product-quantity .dec i, | |
.product-quantity .inc i { | |
font-size: 12px; | |
line-height: 100% | |
} | |
.product-tab { | |
border: 1px solid #e6e6e6; | |
padding: 30px | |
} | |
.product-tab .product-tab-review { | |
position: relative; | |
margin-bottom: 30px; | |
padding-left: 80px | |
} | |
.product-tab .product-tab-review:last-child { | |
margin-bottom: 0 | |
} | |
.product-tab .product-tab-review .product-tab-review-user { | |
position: absolute; | |
top: 0; | |
left: 0; | |
background: #f5f5f5; | |
width: 60px; | |
height: 60px; | |
border-radius: 50%; | |
text-align: center; | |
line-height: 60px | |
} | |
.product-tab .product-tab-review .product-tab-review-user img { | |
width: 60px; | |
height: 60px; | |
border-radius: 50% | |
} | |
.product-tab .product-tab-review .product-tab-review-content .product-tab-review-time { | |
position: absolute; | |
top: 0; | |
right: 0; | |
text-align: right; | |
color: #a0a0a0; | |
font-style: italic; | |
font-size: 14px | |
} | |
.product-tab .product-tab-review .product-tab-review-content .product-rating { | |
margin-bottom: 10px | |
} | |
.product-table { | |
width: 100%; | |
border: 1px solid #e6e6e6; | |
padding: 30px | |
} | |
.product-table td, | |
.product-table th { | |
padding: 20px; | |
border-bottom: 1px solid #e6e6e6 | |
} | |
.product-table img { | |
max-width: 70px | |
} | |
.product-table .cart-product-thumbnail a, | |
.product-table .wishlist-product-thumbnail a { | |
display: table-cell; | |
vertical-align: middle; | |
-webkit-transition: linear .1s; | |
transition: linear .1s | |
} | |
.product-table .cart-product-thumbnail h1, | |
.product-table .cart-product-thumbnail h2, | |
.product-table .cart-product-thumbnail h3, | |
.product-table .cart-product-thumbnail h4, | |
.product-table .cart-product-thumbnail h5, | |
.product-table .cart-product-thumbnail h6, | |
.product-table .wishlist-product-thumbnail h1, | |
.product-table .wishlist-product-thumbnail h2, | |
.product-table .wishlist-product-thumbnail h3, | |
.product-table .wishlist-product-thumbnail h4, | |
.product-table .wishlist-product-thumbnail h5, | |
.product-table .wishlist-product-thumbnail h6 { | |
display: table-cell; | |
padding-left: 20px; | |
vertical-align: middle | |
} | |
.product-table .cart-product-quantity { | |
min-width: 160px | |
} | |
.product-table .cart-product-subtotal { | |
color: #141414 | |
} | |
.product-table .wishlist-product-button { | |
min-width: 240px | |
} | |
.product-table .cart-product-remove a, | |
.product-table .cart-product-remove button, | |
.product-table .wishlist-product-remove a, | |
.product-table .wishlist-product-remove button { | |
color: #141414; | |
-webkit-transition: linear .1s; | |
transition: linear .1s | |
} | |
.product-table .cart-product-remove a:hover, | |
.product-table .cart-product-remove button:hover, | |
.product-table .wishlist-product-remove a:hover, | |
.product-table .wishlist-product-remove button:hover { | |
color: #646464 | |
} | |
.payment-detail-box { | |
border: 1px solid #e6e6e6; | |
padding: 30px | |
} | |
.payment-detail-box ul { | |
padding: 0 | |
} | |
.payment-detail-box ul li { | |
list-style-type: none; | |
position: relative | |
} | |
.payment-detail-box ul li h1, | |
.payment-detail-box ul li h2, | |
.payment-detail-box ul li h3, | |
.payment-detail-box ul li h4, | |
.payment-detail-box ul li h5, | |
.payment-detail-box ul li h6 { | |
margin: 0 | |
} | |
.payment-detail-box ul li span { | |
position: absolute; | |
top: 50%; | |
right: 0; | |
-webkit-transform: translateY(-50%); | |
transform: translateY(-50%); | |
text-align: right; | |
color: #646464; | |
font: 400 13px Heebo, sans-serif; | |
letter-spacing: 1.5px; | |
text-transform: uppercase | |
} | |
.payment-detail-box ul li .payment-detail-product-quantity { | |
position: static; | |
top: auto; | |
right: auto; | |
-webkit-transform: translateY(0); | |
transform: translateY(0); | |
margin-left: 5px; | |
text-align: left; | |
font: 300 16px Heebo, sans-serif; | |
letter-spacing: 0; | |
text-transform: none | |
} | |
.payment-detail-box ul li .payment-detail-product-quantity:before { | |
content: 'x'; | |
padding-right: 5px | |
} | |
.payment-detail-box ul.payment-detail-product-list { | |
border-bottom: 1px solid #e6e6e6; | |
margin-bottom: 10px; | |
padding-bottom: 10px | |
} | |
.return-login-btn { | |
color: #141414; | |
font-weight: 300; | |
-webkit-transition: linear .1s; | |
transition: linear .1s | |
} | |
.return-login-btn:hover { | |
color: #646464 | |
} | |
.return-login { | |
display: none; | |
margin-bottom: 30px | |
} | |
.return-login.return-login-show { | |
display: block | |
} | |
.create-account-toggle { | |
margin-top: 30px | |
} | |
.create-account-box { | |
display: none; | |
padding-top: 30px | |
} | |
.create-account-box.create-account-box-show { | |
display: block | |
} | |
.shop-gender-box { | |
position: relative; | |
overflow: hidden | |
} | |
.shop-gender-box:after { | |
content: ''; | |
position: absolute; | |
top: 0; | |
left: 0; | |
background: rgba(0, 0, 0, .1); | |
width: 100%; | |
height: 100%; | |
-webkit-transition: ease-out .2s; | |
transition: ease-out .2s | |
} | |
.shop-gender-box img { | |
width: 100% | |
} | |
.shop-gender-box .shop-gender-box-title { | |
position: absolute; | |
top: 50%; | |
left: 0; | |
-webkit-transform: translateY(-50%); | |
transform: translateY(-50%); | |
z-index: 1; | |
width: 100%; | |
padding: 0 30px; | |
text-align: center; | |
color: #fff | |
} | |
.shop-gender-box .shop-gender-box-title h1, | |
.shop-gender-box .shop-gender-box-title h2, | |
.shop-gender-box .shop-gender-box-title h3, | |
.shop-gender-box .shop-gender-box-title h4, | |
.shop-gender-box .shop-gender-box-title h5, | |
.shop-gender-box .shop-gender-box-title h6 { | |
color: #fff | |
} | |
.shop-gender-box a { | |
position: absolute; | |
top: 0; | |
left: 0; | |
z-index: 1; | |
display: block; | |
width: 100%; | |
height: 100% | |
} | |
.shop-gender-box:focus:after, | |
.shop-gender-box:hover:after { | |
background: rgba(0, 0, 0, .2) | |
} | |
.owl-carousel .owl-item img { | |
width: auto | |
} | |
.owl-carousel .owl-nav { | |
position: absolute; | |
top: 50%; | |
right: 0; | |
left: 0; | |
-webkit-transform: translateY(-50%); | |
transform: translateY(-50%); | |
padding-bottom: 60px | |
} | |
.owl-carousel .owl-nav button.owl-next, | |
.owl-carousel .owl-nav button.owl-prev { | |
color: rgba(0, 0, 0, .6) | |
} | |
.owl-carousel .owl-nav button.owl-next:focus, | |
.owl-carousel .owl-nav button.owl-next:hover, | |
.owl-carousel .owl-nav button.owl-prev:focus, | |
.owl-carousel .owl-nav button.owl-prev:hover { | |
color: #000 | |
} | |
.owl-carousel .owl-next, | |
.owl-carousel .owl-prev { | |
position: absolute; | |
color: #000; | |
font-size: 16px; | |
-webkit-transition: linear .1s; | |
transition: linear .1s | |
} | |
.owl-carousel .owl-next:focus, | |
.owl-carousel .owl-next:hover, | |
.owl-carousel .owl-prev:focus, | |
.owl-carousel .owl-prev:hover { | |
opacity: .5 | |
} | |
.owl-carousel .owl-prev { | |
left: 0 | |
} | |
.owl-carousel .owl-next { | |
right: 0 | |
} | |
.owl-carousel[data-owl-nav=true] { | |
padding: 0 46px | |
} | |
@media (max-width:576px) { | |
.owl-carousel[data-owl-nav=true] { | |
padding: 0 36px | |
} | |
} | |
.owl-carousel.owl-dots-overlay .owl-nav, | |
.owl-carousel[data-owl-dots=false] .owl-nav { | |
padding-bottom: 20px | |
} | |
.owl-carousel .owl-dots { | |
margin-top: 30px; | |
text-align: center; | |
line-height: 0 | |
} | |
.owl-carousel .owl-dots .owl-dot { | |
position: relative; | |
display: inline-block; | |
width: 9px; | |
height: 9px; | |
margin-right: 16px | |
} | |
.owl-carousel .owl-dots .owl-dot:last-child { | |
margin: 0 | |
} | |
.owl-carousel .owl-dots .owl-dot:before { | |
content: ''; | |
position: absolute; | |
top: 1px; | |
right: 1px; | |
bottom: 1px; | |
left: 1px; | |
opacity: .3; | |
background: #000; | |
width: 7px; | |
height: 7px; | |
border-radius: 50%; | |
-webkit-transition: linear .1s; | |
transition: linear .1s | |
} | |
.owl-carousel .owl-dots .owl-dot.active:before, | |
.owl-carousel .owl-dots .owl-dot:focus:before, | |
.owl-carousel .owl-dots .owl-dot:hover:before { | |
opacity: 1; | |
background: #000 | |
} | |
.owl-carousel .owl-dots .owl-dot.active:before { | |
top: 0; | |
right: 0; | |
bottom: 0; | |
left: 0; | |
width: 9px; | |
height: 9px | |
} | |
.owl-carousel.owl-nav-overlay { | |
padding: 0 | |
} | |
.owl-carousel.owl-nav-overlay .owl-nav { | |
padding-bottom: 90px | |
} | |
.owl-carousel.owl-nav-overlay .owl-nav button.owl-next, | |
.owl-carousel.owl-nav-overlay .owl-nav button.owl-prev { | |
opacity: .9; | |
background: rgba(0, 0, 0, .4); | |
width: 50px; | |
height: 50px; | |
border-radius: 50%; | |
color: rgba(255, 255, 255, .7); | |
text-align: center | |
} | |
.owl-carousel.owl-nav-overlay .owl-nav button.owl-next i, | |
.owl-carousel.owl-nav-overlay .owl-nav button.owl-prev i { | |
line-height: 50px | |
} | |
.owl-carousel.owl-nav-overlay .owl-nav button.owl-next:focus, | |
.owl-carousel.owl-nav-overlay .owl-nav button.owl-next:hover, | |
.owl-carousel.owl-nav-overlay .owl-nav button.owl-prev:focus, | |
.owl-carousel.owl-nav-overlay .owl-nav button.owl-prev:hover { | |
opacity: 1; | |
color: #fff | |
} | |
.owl-carousel.owl-nav-overlay .owl-nav .owl-prev { | |
left: 30px | |
} | |
.owl-carousel.owl-nav-overlay .owl-nav .owl-next { | |
right: 30px | |
} | |
@media (max-width:992px) { | |
.owl-carousel.owl-nav-overlay .owl-nav .owl-prev { | |
left: 20px | |
} | |
.owl-carousel.owl-nav-overlay .owl-nav .owl-next { | |
right: 20px | |
} | |
} | |
.owl-carousel.owl-nav-overlay.owl-dots-overlay .owl-nav, | |
.owl-carousel.owl-nav-overlay[data-owl-dots=false] .owl-nav { | |
padding-bottom: 50px | |
} | |
@media (min-width:992px) { | |
.owl-carousel.owl-nav-overlay .owl-nav { | |
opacity: 0; | |
visibility: hidden; | |
-webkit-transition: linear .1s; | |
transition: linear .1s | |
} | |
.owl-carousel:hover .owl-nav { | |
opacity: 1; | |
visibility: visible | |
} | |
} | |
.owl-carousel.owl-dots-overlay .owl-dots { | |
position: absolute; | |
bottom: 30px; | |
left: 50%; | |
-webkit-transform: translateX(-50%); | |
transform: translateX(-50%); | |
background: rgba(0, 0, 0, .4); | |
border-radius: 40px; | |
padding: 10px 14px | |
} | |
.owl-carousel.owl-dots-overlay .owl-dots .owl-dot:before { | |
opacity: 1; | |
background: rgba(255, 255, 255, .5) | |
} | |
.owl-carousel.owl-dots-overlay .owl-dots .owl-dot.active:before, | |
.owl-carousel.owl-dots-overlay .owl-dots .owl-dot:focus:before, | |
.owl-carousel.owl-dots-overlay .owl-dots .owl-dot:hover:before { | |
background: #fff | |
} | |
@media (max-width:992px) { | |
.owl-carousel.owl-dots-overlay .owl-dots { | |
bottom: 20px | |
} | |
} | |
.owl-carousel.owl-nav-left .owl-nav, | |
.owl-carousel.owl-nav-right .owl-nav { | |
padding-bottom: 40px | |
} | |
.owl-carousel.owl-nav-left .owl-nav .owl-next, | |
.owl-carousel.owl-nav-left .owl-nav .owl-prev, | |
.owl-carousel.owl-nav-right .owl-nav .owl-next, | |
.owl-carousel.owl-nav-right .owl-nav .owl-prev { | |
position: static; | |
top: auto; | |
-webkit-transform: translateY(0); | |
transform: translateY(0); | |
display: block; | |
margin: 8px 0 | |
} | |
.owl-carousel.owl-nav-left .owl-nav .owl-prev, | |
.owl-carousel.owl-nav-right .owl-nav .owl-prev { | |
left: auto | |
} | |
.owl-carousel.owl-nav-left .owl-nav .owl-next, | |
.owl-carousel.owl-nav-right .owl-nav .owl-next { | |
right: auto | |
} | |
@media (max-width:992px) { | |
.owl-carousel.owl-nav-left .owl-nav .owl-prev, | |
.owl-carousel.owl-nav-right .owl-nav .owl-prev { | |
left: auto | |
} | |
.owl-carousel.owl-nav-left .owl-nav .owl-next, | |
.owl-carousel.owl-nav-right .owl-nav .owl-next { | |
right: auto | |
} | |
} | |
.owl-carousel.owl-nav-left.owl-dots-overlay .owl-nav, | |
.owl-carousel.owl-nav-left[data-owl-dots=false] .owl-nav, | |
.owl-carousel.owl-nav-right.owl-dots-overlay .owl-nav, | |
.owl-carousel.owl-nav-right[data-owl-dots=false] .owl-nav { | |
padding-bottom: 0 | |
} | |
.owl-carousel.owl-nav-left .owl-nav { | |
right: auto; | |
left: 0 | |
} | |
.owl-carousel.owl-nav-left[data-owl-nav=true] { | |
padding: 0 0 0 46px | |
} | |
@media (max-width:576px) { | |
.owl-carousel.owl-nav-left[data-owl-nav=true] { | |
padding: 0 0 0 36px | |
} | |
} | |
.owl-carousel.owl-nav-right .owl-nav { | |
right: 0; | |
left: auto | |
} | |
.owl-carousel.owl-nav-right[data-owl-nav=true] { | |
padding: 0 46px 0 0 | |
} | |
@media (max-width:576px) { | |
.owl-carousel.owl-nav-right[data-owl-nav=true] { | |
padding: 0 36px 0 0 | |
} | |
} | |
.owl-carousel.owl-nav-overlay.owl-nav-left, | |
.owl-carousel.owl-nav-overlay.owl-nav-right { | |
padding: 0 | |
} | |
.owl-carousel.owl-nav-overlay.owl-nav-left .owl-nav { | |
left: 30px; | |
right: auto | |
} | |
.owl-carousel.owl-nav-overlay.owl-nav-right .owl-nav { | |
left: auto; | |
right: 30px | |
} | |
@media (max-width:992px) { | |
.owl-carousel.owl-nav-overlay.owl-nav-left .owl-nav { | |
left: 20px | |
} | |
.owl-carousel.owl-nav-overlay.owl-nav-right .owl-nav { | |
right: 20px | |
} | |
} | |
.owl-carousel.owl-dots-left .owl-dots { | |
text-align: left | |
} | |
.owl-carousel.owl-dots-right .owl-dots { | |
text-align: right | |
} | |
.owl-carousel.owl-dots-overlay.owl-nav-left[data-owl-nav=true] .owl-dots { | |
margin-left: 23px | |
} | |
@media (max-width:576px) { | |
.owl-carousel.owl-dots-overlay.owl-nav-left[data-owl-nav=true] .owl-dots { | |
margin-left: 18px | |
} | |
} | |
.owl-carousel.owl-dots-overlay.owl-nav-left[data-owl-nav=true].owl-nav-overlay .owl-dots { | |
margin-left: 0 | |
} | |
@media (max-width:576px) { | |
.owl-carousel.owl-dots-overlay.owl-nav-left[data-owl-nav=true].owl-nav-overlay .owl-dots { | |
margin-left: 0 | |
} | |
} | |
.owl-carousel.owl-dots-overlay.owl-nav-left[data-owl-nav=true].owl-dots-right .owl-dots { | |
margin-left: 0 | |
} | |
.owl-carousel.owl-dots-overlay.owl-nav-left[data-owl-nav=true].owl-dots-left .owl-dots { | |
margin-left: 46px | |
} | |
@media (max-width:576px) { | |
.owl-carousel.owl-dots-overlay.owl-nav-left[data-owl-nav=true].owl-dots-left .owl-dots { | |
margin-left: 36px | |
} | |
} | |
.owl-carousel.owl-dots-overlay.owl-nav-left[data-owl-nav=true].owl-dots-left.owl-nav-overlay .owl-dots { | |
margin-left: 0 | |
} | |
@media (max-width:576px) { | |
.owl-carousel.owl-dots-overlay.owl-nav-left[data-owl-nav=true].owl-dots-left.owl-nav-overlay .owl-dots { | |
margin-left: 0 | |
} | |
} | |
.owl-carousel.owl-dots-overlay.owl-nav-right[data-owl-nav=true] .owl-dots { | |
margin-left: -23px | |
} | |
@media (max-width:576px) { | |
.owl-carousel.owl-dots-overlay.owl-nav-right[data-owl-nav=true] .owl-dots { | |
margin-left: -18px | |
} | |
} | |
.owl-carousel.owl-dots-overlay.owl-nav-right[data-owl-nav=true].owl-nav-overlay .owl-dots { | |
margin-left: 0 | |
} | |
@media (max-width:576px) { | |
.owl-carousel.owl-dots-overlay.owl-nav-right[data-owl-nav=true].owl-nav-overlay .owl-dots { | |
margin-left: 0 | |
} | |
} | |
.owl-carousel.owl-dots-overlay.owl-nav-right[data-owl-nav=true].owl-dots-left .owl-dots { | |
margin-left: 0 | |
} | |
.owl-carousel.owl-dots-overlay.owl-nav-right[data-owl-nav=true].owl-dots-right .owl-dots { | |
margin-right: 46px | |
} | |
@media (max-width:576px) { | |
.owl-carousel.owl-dots-overlay.owl-nav-right[data-owl-nav=true].owl-dots-right .owl-dots { | |
margin-right: 36px | |
} | |
} | |
.owl-carousel.owl-dots-overlay.owl-nav-right[data-owl-nav=true].owl-dots-right.owl-nav-overlay .owl-dots { | |
margin-right: 0 | |
} | |
@media (max-width:576px) { | |
.owl-carousel.owl-dots-overlay.owl-nav-right[data-owl-nav=true].owl-dots-right.owl-nav-overlay .owl-dots { | |
margin-right: 0 | |
} | |
} | |
.owl-carousel.owl-dots-overlay.owl-dots-left .owl-dots, | |
.owl-carousel.owl-dots-overlay.owl-dots-right .owl-dots { | |
-webkit-transform: translateX(0); | |
transform: translateX(0) | |
} | |
.owl-carousel.owl-dots-overlay.owl-dots-left .owl-dots { | |
left: 30px | |
} | |
.owl-carousel.owl-dots-overlay.owl-dots-right .owl-dots { | |
left: auto; | |
right: 30px | |
} | |
@media (max-width:992px) { | |
.owl-carousel.owl-dots-overlay.owl-dots-left .owl-dots { | |
left: 20px | |
} | |
.owl-carousel.owl-dots-overlay.owl-dots-right .owl-dots { | |
right: 20px | |
} | |
} | |
.owl-carousel.owl-nav-layout-2 .owl-nav { | |
padding-bottom: 80px | |
} | |
.owl-carousel.owl-nav-layout-2 .owl-nav button.owl-next, | |
.owl-carousel.owl-nav-layout-2 .owl-nav button.owl-prev { | |
opacity: .8; | |
background: rgba(0, 0, 0, .1); | |
width: 46px; | |
height: 46px; | |
border-radius: 0; | |
text-align: center | |
} | |
.owl-carousel.owl-nav-layout-2 .owl-nav button.owl-next i, | |
.owl-carousel.owl-nav-layout-2 .owl-nav button.owl-prev i { | |
line-height: 46px | |
} | |
.owl-carousel.owl-nav-layout-2 .owl-nav button.owl-next:focus, | |
.owl-carousel.owl-nav-layout-2 .owl-nav button.owl-next:hover, | |
.owl-carousel.owl-nav-layout-2 .owl-nav button.owl-prev:focus, | |
.owl-carousel.owl-nav-layout-2 .owl-nav button.owl-prev:hover { | |
opacity: 1 | |
} | |
.owl-carousel.owl-nav-layout-2.owl-dots-overlay .owl-nav, | |
.owl-carousel.owl-nav-layout-2[data-owl-dots=false] .owl-nav { | |
padding-bottom: 40px | |
} | |
.owl-carousel.owl-nav-layout-2.owl-dots-overlay.owl-nav-left .owl-nav, | |
.owl-carousel.owl-nav-layout-2.owl-dots-overlay.owl-nav-right .owl-nav, | |
.owl-carousel.owl-nav-layout-2[data-owl-dots=false].owl-nav-left .owl-nav, | |
.owl-carousel.owl-nav-layout-2[data-owl-dots=false].owl-nav-right .owl-nav { | |
padding-bottom: 0 | |
} | |
@media (max-width:576px) { | |
.owl-carousel.owl-nav-layout-2 .owl-nav button.owl-next, | |
.owl-carousel.owl-nav-layout-2 .owl-nav button.owl-prev { | |
width: 36px; | |
height: 36px | |
} | |
.owl-carousel.owl-nav-layout-2 .owl-nav button.owl-next i, | |
.owl-carousel.owl-nav-layout-2 .owl-nav button.owl-prev i { | |
line-height: 36px | |
} | |
} | |
.owl-carousel.owl-nav-layout-2.owl-nav-left .owl-nav .owl-next, | |
.owl-carousel.owl-nav-layout-2.owl-nav-left .owl-nav .owl-prev, | |
.owl-carousel.owl-nav-layout-2.owl-nav-right .owl-nav .owl-next, | |
.owl-carousel.owl-nav-layout-2.owl-nav-right .owl-nav .owl-prev { | |
margin: 0 | |
} | |
.owl-carousel.owl-nav-layout-2.owl-nav-overlay .owl-nav button.owl-next, | |
.owl-carousel.owl-nav-layout-2.owl-nav-overlay .owl-nav button.owl-prev { | |
opacity: .9; | |
background: rgba(0, 0, 0, .4); | |
width: 50px; | |
height: 50px; | |
border-radius: 0; | |
color: rgba(255, 255, 255, .7); | |
text-align: center | |
} | |
.owl-carousel.owl-nav-layout-2.owl-nav-overlay .owl-nav button.owl-next i, | |
.owl-carousel.owl-nav-layout-2.owl-nav-overlay .owl-nav button.owl-prev i { | |
line-height: 50px | |
} | |
.owl-carousel.owl-nav-layout-2.owl-nav-overlay .owl-nav button.owl-next:focus, | |
.owl-carousel.owl-nav-layout-2.owl-nav-overlay .owl-nav button.owl-next:hover, | |
.owl-carousel.owl-nav-layout-2.owl-nav-overlay .owl-nav button.owl-prev:focus, | |
.owl-carousel.owl-nav-layout-2.owl-nav-overlay .owl-nav button.owl-prev:hover { | |
opacity: 1; | |
color: #fff | |
} | |
.owl-carousel.owl-nav-layout-2.owl-nav-overlay .owl-nav .owl-prev { | |
left: 0 | |
} | |
.owl-carousel.owl-nav-layout-2.owl-nav-overlay .owl-nav .owl-next { | |
right: 0 | |
} | |
@media (max-width:992px) { | |
.owl-carousel.owl-nav-layout-2.owl-nav-overlay .owl-nav .owl-prev { | |
left: 0 | |
} | |
.owl-carousel.owl-nav-layout-2.owl-nav-overlay .owl-nav .owl-next { | |
right: 0 | |
} | |
} | |
.owl-carousel.owl-nav-layout-2.owl-nav-overlay.owl-nav-left .owl-nav { | |
left: 0 | |
} | |
.owl-carousel.owl-nav-layout-2.owl-nav-overlay.owl-nav-right .owl-nav { | |
right: 0 | |
} | |
.section-fullscreen .owl-carousel { | |
height: 100%; | |
padding-bottom: 50px | |
} | |
.section-fullscreen .owl-carousel .bg-image, | |
.section-fullscreen .owl-carousel .owl-item, | |
.section-fullscreen .owl-carousel .owl-stage, | |
.section-fullscreen .owl-carousel .owl-stage-outer { | |
height: 100% | |
} | |
.section-fullscreen .owl-carousel.owl-dots-overlay { | |
padding-bottom: 0 | |
} | |
.section-fullscreen .owl-carousel .owl-dots { | |
margin-top: 20px | |
} | |
.bg-dark .owl-carousel button.owl-next, | |
.bg-dark .owl-carousel button.owl-prev, | |
.bg-dark-lighter .owl-carousel button.owl-next, | |
.bg-dark-lighter .owl-carousel button.owl-prev, | |
.bg-dark-lightest .owl-carousel button.owl-next, | |
.bg-dark-lightest .owl-carousel button.owl-prev, | |
div[class*=' bg-black'] .owl-carousel button.owl-next, | |
div[class*=' bg-black'] .owl-carousel button.owl-prev, | |
div[class^=bg-black] .owl-carousel button.owl-next, | |
div[class^=bg-black] .owl-carousel button.owl-prev { | |
color: rgba(255, 255, 255, .7) | |
} | |
.bg-dark .owl-carousel button.owl-next:focus, | |
.bg-dark .owl-carousel button.owl-next:hover, | |
.bg-dark .owl-carousel button.owl-prev:focus, | |
.bg-dark .owl-carousel button.owl-prev:hover, | |
.bg-dark-lighter .owl-carousel button.owl-next:focus, | |
.bg-dark-lighter .owl-carousel button.owl-next:hover, | |
.bg-dark-lighter .owl-carousel button.owl-prev:focus, | |
.bg-dark-lighter .owl-carousel button.owl-prev:hover, | |
.bg-dark-lightest .owl-carousel button.owl-next:focus, | |
.bg-dark-lightest .owl-carousel button.owl-next:hover, | |
.bg-dark-lightest .owl-carousel button.owl-prev:focus, | |
.bg-dark-lightest .owl-carousel button.owl-prev:hover, | |
div[class*=' bg-black'] .owl-carousel button.owl-next:focus, | |
div[class*=' bg-black'] .owl-carousel button.owl-next:hover, | |
div[class*=' bg-black'] .owl-carousel button.owl-prev:focus, | |
div[class*=' bg-black'] .owl-carousel button.owl-prev:hover, | |
div[class^=bg-black] .owl-carousel button.owl-next:focus, | |
div[class^=bg-black] .owl-carousel button.owl-next:hover, | |
div[class^=bg-black] .owl-carousel button.owl-prev:focus, | |
div[class^=bg-black] .owl-carousel button.owl-prev:hover { | |
color: #fff | |
} | |
.bg-dark .owl-carousel .owl-dots .owl-dot:before, | |
.bg-dark-lighter .owl-carousel .owl-dots .owl-dot:before, | |
.bg-dark-lightest .owl-carousel .owl-dots .owl-dot:before, | |
div[class*=' bg-black'] .owl-carousel .owl-dots .owl-dot:before, | |
div[class^=bg-black] .owl-carousel .owl-dots .owl-dot:before { | |
background: #fff | |
} | |
.bg-dark .owl-carousel .owl-dots .owl-dot.active:before, | |
.bg-dark .owl-carousel .owl-dots .owl-dot:focus:before, | |
.bg-dark .owl-carousel .owl-dots .owl-dot:hover:before, | |
.bg-dark-lighter .owl-carousel .owl-dots .owl-dot.active:before, | |
.bg-dark-lighter .owl-carousel .owl-dots .owl-dot:focus:before, | |
.bg-dark-lighter .owl-carousel .owl-dots .owl-dot:hover:before, | |
.bg-dark-lightest .owl-carousel .owl-dots .owl-dot.active:before, | |
.bg-dark-lightest .owl-carousel .owl-dots .owl-dot:focus:before, | |
.bg-dark-lightest .owl-carousel .owl-dots .owl-dot:hover:before, | |
div[class*=' bg-black'] .owl-carousel .owl-dots .owl-dot.active:before, | |
div[class*=' bg-black'] .owl-carousel .owl-dots .owl-dot:focus:before, | |
div[class*=' bg-black'] .owl-carousel .owl-dots .owl-dot:hover:before, | |
div[class^=bg-black] .owl-carousel .owl-dots .owl-dot.active:before, | |
div[class^=bg-black] .owl-carousel .owl-dots .owl-dot:focus:before, | |
div[class^=bg-black] .owl-carousel .owl-dots .owl-dot:hover:before { | |
background: #fff | |
} | |
.team-wrapper .team-box, | |
.team-wrapper .team-box-circle { | |
text-align: center | |
} | |
.team-wrapper .team-box .team-img, | |
.team-wrapper .team-box-circle .team-img { | |
position: relative; | |
overflow: hidden; | |
margin-bottom: 20px | |
} | |
.team-wrapper .team-box .team-img img, | |
.team-wrapper .team-box-circle .team-img img { | |
width: 100%; | |
-webkit-transition: ease-out .2s; | |
transition: ease-out .2s | |
} | |
.team-wrapper .team-box h1, | |
.team-wrapper .team-box h2, | |
.team-wrapper .team-box h3, | |
.team-wrapper .team-box h4, | |
.team-wrapper .team-box h5, | |
.team-wrapper .team-box h6, | |
.team-wrapper .team-box-circle h1, | |
.team-wrapper .team-box-circle h2, | |
.team-wrapper .team-box-circle h3, | |
.team-wrapper .team-box-circle h4, | |
.team-wrapper .team-box-circle h5, | |
.team-wrapper .team-box-circle h6 { | |
margin-bottom: 5px | |
} | |
.team-wrapper .team-box span, | |
.team-wrapper .team-box-circle span { | |
color: #a0a0a0 | |
} | |
.team-wrapper .team-box .team-img div { | |
position: absolute; | |
bottom: 0; | |
left: 0; | |
-webkit-transform: translateY(100%); | |
transform: translateY(100%); | |
background: #1b1b1b; | |
width: 100%; | |
-webkit-transition: ease-out .2s; | |
transition: ease-out .2s | |
} | |
.team-wrapper .team-box .team-img div ul { | |
margin: 0; | |
padding: 15px 30px | |
} | |
.team-wrapper .team-box .team-img div ul li { | |
display: inline-block; | |
margin: 0 20px 0 0 | |
} | |
.team-wrapper .team-box .team-img div ul li:last-child { | |
margin: 0 | |
} | |
.team-wrapper .team-box .team-img div ul li a { | |
color: #fff; | |
-webkit-transition: linear .1s; | |
transition: linear .1s | |
} | |
.team-wrapper .team-box .team-img div ul li a:hover { | |
color: rgba(255, 255, 255, .7) | |
} | |
.team-wrapper .team-box .team-img:hover img { | |
-webkit-transform: translateY(-20px); | |
transform: translateY(-20px) | |
} | |
.team-wrapper .team-box .team-img:hover div { | |
-webkit-transform: translateY(0); | |
transform: translateY(0) | |
} | |
.team-wrapper .team-box-hover-2 .team-img div, | |
.team-wrapper.team-box-hover-2 .team-img div { | |
position: absolute; | |
top: 0; | |
left: 0; | |
-webkit-transform: translateY(0); | |
transform: translateY(0); | |
opacity: 0; | |
background: rgba(0, 0, 0, .7); | |
width: 100%; | |
height: 100%; | |
text-align: center; | |
-webkit-transition: ease-out .2s; | |
transition: ease-out .2s | |
} | |
.team-wrapper .team-box-hover-2 .team-img div ul, | |
.team-wrapper.team-box-hover-2 .team-img div ul { | |
position: absolute; | |
top: 50%; | |
right: 0; | |
left: 0; | |
-webkit-transform: translateY(-50%); | |
transform: translateY(-50%); | |
padding: 0 30px | |
} | |
.team-wrapper .team-box-hover-2 .team-img div ul li, | |
.team-wrapper.team-box-hover-2 .team-img div ul li { | |
list-style-type: none; | |
display: inline-block; | |
margin: 0 16px 0 0 | |
} | |
.team-wrapper .team-box-hover-2 .team-img div ul li:last-child, | |
.team-wrapper.team-box-hover-2 .team-img div ul li:last-child { | |
margin: 0 | |
} | |
.team-wrapper .team-box-hover-2 .team-img div ul li a, | |
.team-wrapper.team-box-hover-2 .team-img div ul li a { | |
color: #fff; | |
-webkit-transition: linear .1s; | |
transition: linear .1s | |
} | |
.team-wrapper .team-box-hover-2 .team-img div ul li a:hover, | |
.team-wrapper.team-box-hover-2 .team-img div ul li a:hover { | |
color: rgba(255, 255, 255, .7) | |
} | |
.team-wrapper .team-box-hover-2 .team-img:hover img, | |
.team-wrapper.team-box-hover-2 .team-img:hover img { | |
-webkit-transform: scale(1.03) translateY(0); | |
transform: scale(1.03) translateY(0); | |
-webkit-filter: blur(1.5px); | |
filter: blur(1.5px) | |
} | |
.team-wrapper .team-box-hover-2 .team-img:hover div, | |
.team-wrapper.team-box-hover-2 .team-img:hover div { | |
opacity: 1 | |
} | |
.team-wrapper .team-box-hover-3 .team-img img, | |
.team-wrapper.team-box-hover-3 .team-img img { | |
-webkit-transition: ease-out .2s; | |
transition: ease-out .2s | |
} | |
.team-wrapper .team-box-hover-3 .team-img div, | |
.team-wrapper.team-box-hover-3 .team-img div { | |
position: absolute; | |
top: auto; | |
bottom: 20px; | |
right: 20px; | |
left: 20px; | |
-webkit-transform: translateY(5px); | |
transform: translateY(5px); | |
opacity: 0; | |
visibility: hidden; | |
background: #fff; | |
width: auto | |
} | |
.team-wrapper .team-box-hover-3 .team-img div ul, | |
.team-wrapper.team-box-hover-3 .team-img div ul { | |
padding: 15px 20px | |
} | |
.team-wrapper .team-box-hover-3 .team-img div ul li a, | |
.team-wrapper.team-box-hover-3 .team-img div ul li a { | |
color: #141414 | |
} | |
.team-wrapper .team-box-hover-3 .team-img div ul li a:hover, | |
.team-wrapper.team-box-hover-3 .team-img div ul li a:hover { | |
color: #646464 | |
} | |
.team-wrapper .team-box-hover-3 .team-img:hover img, | |
.team-wrapper.team-box-hover-3 .team-img:hover img { | |
-webkit-transform: translateY(0) scale(1.02); | |
transform: translateY(0) scale(1.02) | |
} | |
.team-wrapper .team-box-hover-3 .team-img:hover div, | |
.team-wrapper.team-box-hover-3 .team-img:hover div { | |
-webkit-transform: translateY(0); | |
transform: translateY(0); | |
opacity: 1; | |
visibility: visible | |
} | |
.team-wrapper .team-box-circle .team-img { | |
display: inline-block; | |
z-index: 1; | |
width: 140px; | |
height: 140px; | |
border-radius: 50% | |
} | |
.team-wrapper .team-box-circle .team-img div { | |
position: absolute; | |
top: 0; | |
left: 0; | |
opacity: 0; | |
background: rgba(0, 0, 0, .7); | |
width: 100%; | |
height: 100%; | |
text-align: center; | |
-webkit-transition: ease-out .2s; | |
transition: ease-out .2s | |
} | |
.team-wrapper .team-box-circle .team-img div ul { | |
position: absolute; | |
top: 50%; | |
right: 0; | |
left: 0; | |
-webkit-transform: translateY(-50%); | |
transform: translateY(-50%); | |
padding: 0 30px | |
} | |
.team-wrapper .team-box-circle .team-img div ul li { | |
list-style-type: none; | |
display: inline-block; | |
margin: 0 16px 0 0 | |
} | |
.team-wrapper .team-box-circle .team-img div ul li:last-child { | |
margin: 0 | |
} | |
.team-wrapper .team-box-circle .team-img div ul li a { | |
color: #fff; | |
-webkit-transition: linear .1s; | |
transition: linear .1s | |
} | |
.team-wrapper .team-box-circle .team-img div ul li a:hover { | |
color: rgba(255, 255, 255, .7) | |
} | |
.team-wrapper .team-box-circle .team-img:hover img { | |
-webkit-transform: scale(1.03); | |
transform: scale(1.03); | |
-webkit-filter: blur(1.5px); | |
filter: blur(1.5px) | |
} | |
.team-wrapper .team-box-circle .team-img:hover div { | |
opacity: 1 | |
} | |
.team-wrapper .team-box-circle .team-img-xs { | |
width: 100px; | |
height: 100px | |
} | |
.team-wrapper .team-box-circle .team-img-sm { | |
width: 120px; | |
height: 120px | |
} | |
.team-wrapper .team-box-circle .team-img-md { | |
width: 140px; | |
height: 140px | |
} | |
.team-wrapper .team-box-circle .team-img-lg { | |
width: 160px; | |
height: 160px | |
} | |
.team-wrapper .team-box-circle .team-img-xl { | |
width: 180px; | |
height: 180px | |
} | |
.text-left .team-box, | |
.text-left .team-box-circle { | |
text-align: left | |
} | |
.text-right .team-box, | |
.text-right .team-box-circle { | |
text-align: right | |
} | |
.testimonial-box { | |
max-width: 730px; | |
margin: 0 auto; | |
text-align: center | |
} | |
.testimonial-box img { | |
width: 80px; | |
height: 80px; | |
border-radius: 50%; | |
margin-right: auto; | |
margin-left: auto | |
} | |
.testimonial-grid { | |
overflow: hidden | |
} | |
@media (min-width:992px) { | |
.testimonial-grid.column-2 .testimonial-grid-box { | |
width: 50% | |
} | |
} | |
.testimonial-grid.column-1 .testimonial-grid-box { | |
width: 100%; | |
padding: 30px 0 | |
} | |
.testimonial-grid .testimonial-grid-box { | |
position: relative; | |
float: left; | |
width: 33.3%; | |
padding: 30px | |
} | |
.testimonial-grid .testimonial-grid-box:after, | |
.testimonial-grid .testimonial-grid-box:before { | |
content: ''; | |
position: absolute | |
} | |
.testimonial-grid .testimonial-grid-box:before { | |
top: 0; | |
left: -1px; | |
height: 100%; | |
border-left: 1px dashed rgba(0, 0, 0, .1) | |
} | |
.testimonial-grid .testimonial-grid-box:after { | |
left: 0; | |
bottom: -1px; | |
width: 100%; | |
border-bottom: 1px dashed rgba(0, 0, 0, .1) | |
} | |
.testimonial-grid .testimonial-grid-box .testimonial-img { | |
float: left; | |
margin-right: 20px | |
} | |
.testimonial-grid .testimonial-grid-box .testimonial-img img { | |
width: 80px; | |
height: 80px; | |
border-radius: 50% | |
} | |
.testimonial-grid .testimonial-grid-box .testimonial-content { | |
overflow: hidden | |
} | |
@media (max-width:992px) { | |
.testimonial-grid .testimonial-grid-box { | |
width: 50% | |
} | |
} | |
@media (max-width:768px) { | |
.testimonial-grid .testimonial-grid-box { | |
width: 100%; | |
padding: 30px 0 | |
} | |
} | |
.testimonial-grid.border-style-solid { | |
border: 0 | |
} | |
.testimonial-grid.border-style-solid .testimonial-grid-box:before { | |
border-left-style: solid | |
} | |
.testimonial-grid.border-style-solid .testimonial-grid-box:after { | |
border-bottom-style: solid | |
} | |
.testimonial-grid.border-style-dotted { | |
border: 0 | |
} | |
.testimonial-grid.border-style-dotted .testimonial-grid-box:before { | |
border-left-style: dotted | |
} | |
.testimonial-grid.border-style-dotted .testimonial-grid-box:after { | |
border-bottom-style: dotted | |
} | |
.testimonial-grid.no-border { | |
margin: -15px | |
} | |
.testimonial-grid.no-border .testimonial-grid-box { | |
padding: 15px | |
} | |
.testimonial-grid.no-border .testimonial-grid-box:after, | |
.testimonial-grid.no-border .testimonial-grid-box:before { | |
border: 0 | |
} | |
@media (max-width:768px) { | |
.testimonial-grid.no-border { | |
margin: -15px 0 | |
} | |
.testimonial-grid.no-border .testimonial-grid-box { | |
padding: 15px 0 | |
} | |
} | |
.bg-dark .testimonial-grid-box:after, | |
.bg-dark .testimonial-grid-box:before, | |
.bg-dark-lighter .testimonial-grid-box:after, | |
.bg-dark-lighter .testimonial-grid-box:before, | |
.bg-dark-lightest .testimonial-grid-box:after, | |
.bg-dark-lightest .testimonial-grid-box:before, | |
div[class*=' bg-black'] .testimonial-grid-box:after, | |
div[class*=' bg-black'] .testimonial-grid-box:before, | |
div[class^=bg-black] .testimonial-grid-box:after, | |
div[class^=bg-black] .testimonial-grid-box:before { | |
border-color: rgba(255, 255, 255, .2) | |
} | |
.fullscreen-toggle-btn { | |
position: absolute; | |
top: 50%; | |
right: 20px; | |
-webkit-transform: translateY(-50%); | |
transform: translateY(-50%); | |
visibility: visible; | |
opacity: 1; | |
-webkit-transition: ease-out .2s; | |
transition: ease-out .2s | |
} | |
.fullscreen-toggle-btn .lines { | |
position: relative; | |
display: inline-block; | |
background: #000; | |
width: 18px; | |
height: 2px; | |
margin: 0; | |
padding: 0; | |
vertical-align: middle; | |
-webkit-transition: linear .1s; | |
transition: linear .1s | |
} | |
.fullscreen-toggle-btn .lines:after, | |
.fullscreen-toggle-btn .lines:before { | |
content: ''; | |
position: absolute; | |
left: 0; | |
background: #000; | |
width: 18px; | |
height: 2px; | |
display: inline-block; | |
-webkit-transition: linear .1s; | |
transition: linear .1s | |
} | |
.fullscreen-toggle-btn .lines:before { | |
top: 5px | |
} | |
.fullscreen-toggle-btn .lines:after { | |
top: -5px | |
} | |
.fullscreen-toggle-btn.fullscreen-toggle-hide { | |
visibility: hidden; | |
opacity: 0 | |
} | |
.row .fullscreen-toggle-btn { | |
right: 0 | |
} | |
.navbar-absolute .fullscreen-toggle-btn .lines, | |
.navbar-absolute .fullscreen-toggle-btn .lines:after, | |
.navbar-absolute .fullscreen-toggle-btn .lines:before, | |
.navbar-dark .fullscreen-toggle-btn .lines, | |
.navbar-dark .fullscreen-toggle-btn .lines:after, | |
.navbar-dark .fullscreen-toggle-btn .lines:before, | |
.navbar-transparent-dark .fullscreen-toggle-btn .lines, | |
.navbar-transparent-dark .fullscreen-toggle-btn .lines:after, | |
.navbar-transparent-dark .fullscreen-toggle-btn .lines:before { | |
background: #fff | |
} | |
.navbar-shrink.navbar-absolute .fullscreen-toggle-btn .lines, | |
.navbar-shrink.navbar-absolute .fullscreen-toggle-btn .lines:after, | |
.navbar-shrink.navbar-absolute .fullscreen-toggle-btn .lines:before { | |
background: #000 | |
} | |
.fullscreen-menu { | |
position: fixed; | |
top: 0; | |
left: 0; | |
z-index: 997; | |
visibility: hidden; | |
opacity: 0; | |
width: 100%; | |
height: 100%; | |
-webkit-transition: ease-out .2s; | |
transition: ease-out .2s | |
} | |
.fullscreen-menu .fullscreen-menu-wrapper { | |
-webkit-transform: scale(.98); | |
transform: scale(.98); | |
height: 100%; | |
-webkit-transition: ease-out .2s; | |
transition: ease-out .2s | |
} | |
.fullscreen-menu .fullscreen-menu-wrapper .position-bottom, | |
.fullscreen-menu .fullscreen-menu-wrapper .position-middle, | |
.fullscreen-menu .fullscreen-menu-wrapper .position-top { | |
padding: 0 20px | |
} | |
@media (min-width:768px) { | |
.fullscreen-menu .fullscreen-menu-wrapper .position-bottom, | |
.fullscreen-menu .fullscreen-menu-wrapper .position-middle, | |
.fullscreen-menu .fullscreen-menu-wrapper .position-top { | |
padding: 0 50px | |
} | |
.fullscreen-menu .fullscreen-menu-wrapper .position-top { | |
top: 50px | |
} | |
.fullscreen-menu .fullscreen-menu-wrapper .position-bottom { | |
bottom: 50px | |
} | |
} | |
.fullscreen-menu.fullscreen-menu-show { | |
visibility: visible; | |
opacity: 1 | |
} | |
.fullscreen-menu.fullscreen-menu-show .fullscreen-menu-wrapper { | |
-webkit-transform: scale(1); | |
transform: scale(1) | |
} | |
.bg-dark-lighter.fullscreen-menu, | |
.bg-dark-lightest.fullscreen-menu, | |
.bg-dark.fullscreen-menu, | |
div[class*=' bg-black'].fullscreen-menu, | |
div[class^=bg-black].fullscreen-menu { | |
cursor: url(../images/cursor-white.png), auto | |
} | |
.bg-grey-lighter.fullscreen-menu, | |
.bg-grey-lightest.fullscreen-menu, | |
.bg-grey.fullscreen-menu, | |
div[class*=' bg-white'].fullscreen-menu, | |
div[class^=bg-white].fullscreen-menu { | |
cursor: url(../images/cursor-black.png), auto | |
} | |
@media (max-width:992px) { | |
.fullscreen-menu { | |
cursor: pointer!important | |
} | |
} | |
.video-box { | |
position: relative; | |
overflow: hidden | |
} | |
.video-box img { | |
-webkit-transition: ease-out .2s; | |
transition: ease-out .2s | |
} | |
.video-box .btn, | |
.video-box .button, | |
.video-box .button-circle { | |
position: absolute; | |
top: 50%; | |
left: 50%; | |
-webkit-transform: translate(-50%, -50%); | |
transform: translate(-50%, -50%); | |
z-index: 1 | |
} | |
.video-box:hover img { | |
-webkit-transform: scale(1.02); | |
transform: scale(1.02) | |
} | |
.purchasenow { | |
position: fixed; | |
bottom: 20px; | |
left: 20px; | |
z-index: 994; | |
} | |
.purchasenow .button-circle { | |
background: #52A552; | |
border: 0; | |
-webkit-box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.2); | |
box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.2); | |
} | |
.purchasenow .button-circle:hover, | |
.purchasenow .button-circle:focus { | |
background: #499449; | |
-webkit-box-shadow: 0 4px 24px 0 rgba(0, 0, 0, 0.3); | |
box-shadow: 0 4px 24px 0 rgba(0, 0, 0, 0.3); | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment