Created
November 1, 2018 13:28
-
-
Save hdriqi/e237a3609bb8c211c409f4b519247573 to your computer and use it in GitHub Desktop.
This file contains hidden or 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
* { | |
font-family: 'Roboto', sans-serif; | |
} | |
body { | |
font-size: 16px; | |
line-height: 1.5; | |
color: #6C6C6C; | |
} | |
.mw-1 { | |
max-width: 540px | |
} | |
.mw-2 { | |
max-width: 720px | |
} | |
.mw-3 { | |
max-width: 960px | |
} | |
.mw-4 { | |
max-width: 1140px | |
} | |
h1, | |
h2, | |
h3, | |
h4, | |
h5, | |
h6, | |
.h1, | |
.h2, | |
.h3, | |
.h4, | |
.h5, | |
.h6 { | |
color: #1D1D1D; | |
margin-top: 0; | |
margin-bottom: 0.5rem; | |
font-weight: 300; | |
line-height: 1.2; | |
} | |
p { | |
margin-top: 0; | |
margin-bottom: 1rem; | |
} | |
h1, | |
.h1 { | |
font-size: 3.125rem; | |
} | |
h2, | |
.h2 { | |
font-size: 2.618rem; | |
} | |
h3, | |
.h3 { | |
font-size: 1.931rem; | |
} | |
h4, | |
.h4 { | |
font-size: 1.618rem; | |
} | |
h5, | |
.h5 { | |
font-size: 1.194rem; | |
} | |
h6, | |
.h6 { | |
font-size: 1rem; | |
} | |
@media (min-width:576px) { | |
.h1-sm { | |
font-size: 3.125rem; | |
} | |
.h2-sm { | |
font-size: 2.618rem; | |
} | |
.h3-sm { | |
font-size: 1.931rem; | |
} | |
.h4-sm { | |
font-size: 1.618rem; | |
} | |
.h5-sm { | |
font-size: 1.194rem; | |
} | |
.h6-sm { | |
font-size: 1rem; | |
} | |
} | |
@media (min-width:768px) { | |
.h1-md { | |
font-size: 3.125rem; | |
} | |
.h2-md { | |
font-size: 2.618rem; | |
} | |
.h3-md { | |
font-size: 1.931rem; | |
} | |
.h4-md { | |
font-size: 1.618rem; | |
} | |
.h5-md { | |
font-size: 1.194rem; | |
} | |
.h6-md { | |
font-size: 1rem; | |
} | |
} | |
@media (min-width:992px) { | |
.h1-lg { | |
font-size: 3.125rem; | |
} | |
.h2-lg { | |
font-size: 2.618rem; | |
} | |
.h3-lg { | |
font-size: 1.931rem; | |
} | |
.h4-lg { | |
font-size: 1.618rem; | |
} | |
.h5-lg { | |
font-size: 1.194rem; | |
} | |
.h6-lg { | |
font-size: 1rem; | |
} | |
} | |
p { | |
line-height: 1.5; | |
} | |
.fw-300 { | |
font-weight: 300; | |
} | |
.fw-400 { | |
font-weight: 400; | |
} | |
.fw-500 { | |
font-weight: 500; | |
} | |
.fw-600 { | |
font-weight: 600; | |
} | |
.fw-700 { | |
font-weight: 700; | |
} | |
.fw-800 { | |
font-weight: 800; | |
} | |
.letter-spacing-1 { | |
letter-spacing: .25px; | |
} | |
.letter-spacing-2 { | |
letter-spacing: .5px; | |
} | |
.letter-spacing-3 { | |
letter-spacing: .75px; | |
} | |
img { | |
width: 100%; | |
} | |
button { | |
border: 1px solid transparent; | |
outline: none; | |
} | |
button:focus { | |
outline: 1px dotted; | |
outline: 5px auto -webkit-focus-ring-color; | |
} | |
.btn { | |
position: relative; | |
overflow: hidden; | |
padding: 0 2rem; | |
font-size: 1rem; | |
line-height: 1.5; | |
height: 40px; | |
min-width: 100px; | |
font-weight: 500; | |
cursor: pointer; | |
letter-spacing: .5px; | |
} | |
.btn--small { | |
font-size: 0.875rem; | |
} | |
.btn--medium { | |
font-size: 1.194rem; | |
letter-spacing: -.25px; | |
height: 45px; | |
} | |
.btn--large { | |
font-size: 1.618rem; | |
letter-spacing: -.5px; | |
height: 50px; | |
} | |
input, | |
select, | |
textarea { | |
min-width: 300px; | |
height: 40px; | |
background-color: rgb(250, 250, 255); | |
outline: none; | |
font-size: 1rem; | |
border-radius: 5px; | |
border: 1px solid rgba(0, 0, 0, .1); | |
padding: 0 .75rem; | |
transition: all .3s ease; | |
} | |
.input--small { | |
font-size: 0.875rem; | |
} | |
.input--medium { | |
font-size: 1.194rem; | |
letter-spacing: -.25px; | |
height: 45px; | |
} | |
.input--large { | |
font-size: 1.618rem; | |
letter-spacing: -.5px; | |
height: 50px; | |
} | |
textarea { | |
padding: .75rem; | |
height: 150px; | |
} | |
input:focus, | |
textarea:focus { | |
border: 1px solid #05AAE2; | |
background-color: white; | |
} | |
a { | |
color: inherit; | |
} | |
/*col*/ | |
.col, | |
.col-1, | |
.col-10, | |
.col-11, | |
.col-12, | |
.col-2, | |
.col-3, | |
.col-4, | |
.col-5, | |
.col-6, | |
.col-7, | |
.col-8, | |
.col-9, | |
.col-auto, | |
.col-lg, | |
.col-lg-1, | |
.col-lg-10, | |
.col-lg-11, | |
.col-lg-12, | |
.col-lg-2, | |
.col-lg-3, | |
.col-lg-4, | |
.col-lg-5, | |
.col-lg-6, | |
.col-lg-7, | |
.col-lg-8, | |
.col-lg-9, | |
.col-lg-auto, | |
.col-md, | |
.col-md-1, | |
.col-md-10, | |
.col-md-11, | |
.col-md-12, | |
.col-md-2, | |
.col-md-3, | |
.col-md-4, | |
.col-md-5, | |
.col-md-6, | |
.col-md-7, | |
.col-md-8, | |
.col-md-9, | |
.col-md-auto, | |
.col-sm, | |
.col-sm-1, | |
.col-sm-10, | |
.col-sm-11, | |
.col-sm-12, | |
.col-sm-2, | |
.col-sm-3, | |
.col-sm-4, | |
.col-sm-5, | |
.col-sm-6, | |
.col-sm-7, | |
.col-sm-8, | |
.col-sm-9, | |
.col-sm-auto, | |
.col-xl, | |
.col-xl-1, | |
.col-xl-10, | |
.col-xl-11, | |
.col-xl-12, | |
.col-xl-2, | |
.col-xl-3, | |
.col-xl-4, | |
.col-xl-5, | |
.col-xl-6, | |
.col-xl-7, | |
.col-xl-8, | |
.col-xl-9, | |
.col-xl-auto { | |
position: relative; | |
width: 100%; | |
min-height: 1px; | |
padding: 0 15px | |
} | |
.col { | |
-ms-flex-preferred-size: 0; | |
flex-basis: 0; | |
-ms-flex-positive: 1; | |
flex-grow: 1; | |
max-width: 100% | |
} | |
.col-auto { | |
-ms-flex: 0 0 auto; | |
flex: 0 0 auto; | |
width: auto; | |
max-width: none | |
} | |
.col-1 { | |
-ms-flex: 0 0 8.333333%; | |
flex: 0 0 8.333333%; | |
max-width: 8.333333% | |
} | |
.col-2 { | |
-ms-flex: 0 0 16.666667%; | |
flex: 0 0 16.666667%; | |
max-width: 16.666667% | |
} | |
.col-3 { | |
-ms-flex: 0 0 25%; | |
flex: 0 0 25%; | |
max-width: 25% | |
} | |
.col-4 { | |
-ms-flex: 0 0 33.333333%; | |
flex: 0 0 33.333333%; | |
max-width: 33.333333% | |
} | |
.col-5 { | |
-ms-flex: 0 0 41.666667%; | |
flex: 0 0 41.666667%; | |
max-width: 41.666667% | |
} | |
.col-6 { | |
-ms-flex: 0 0 50%; | |
flex: 0 0 50%; | |
max-width: 50% | |
} | |
.col-7 { | |
-ms-flex: 0 0 58.333333%; | |
flex: 0 0 58.333333%; | |
max-width: 58.333333% | |
} | |
.col-8 { | |
-ms-flex: 0 0 66.666667%; | |
flex: 0 0 66.666667%; | |
max-width: 66.666667% | |
} | |
.col-9 { | |
-ms-flex: 0 0 75%; | |
flex: 0 0 75%; | |
max-width: 75% | |
} | |
.col-10 { | |
-ms-flex: 0 0 83.333333%; | |
flex: 0 0 83.333333%; | |
max-width: 83.333333% | |
} | |
.col-11 { | |
-ms-flex: 0 0 91.666667%; | |
flex: 0 0 91.666667%; | |
max-width: 91.666667% | |
} | |
.col-12 { | |
-ms-flex: 0 0 100%; | |
flex: 0 0 100%; | |
max-width: 100% | |
} | |
.order-first { | |
-ms-flex-order: -1; | |
order: -1 | |
} | |
.order-last { | |
-ms-flex-order: 13; | |
order: 13 | |
} | |
.order-0 { | |
-ms-flex-order: 0; | |
order: 0 | |
} | |
.order-1 { | |
-ms-flex-order: 1; | |
order: 1 | |
} | |
.order-2 { | |
-ms-flex-order: 2; | |
order: 2 | |
} | |
.order-3 { | |
-ms-flex-order: 3; | |
order: 3 | |
} | |
.order-4 { | |
-ms-flex-order: 4; | |
order: 4 | |
} | |
.order-5 { | |
-ms-flex-order: 5; | |
order: 5 | |
} | |
.order-6 { | |
-ms-flex-order: 6; | |
order: 6 | |
} | |
.order-7 { | |
-ms-flex-order: 7; | |
order: 7 | |
} | |
.order-8 { | |
-ms-flex-order: 8; | |
order: 8 | |
} | |
.order-9 { | |
-ms-flex-order: 9; | |
order: 9 | |
} | |
.order-10 { | |
-ms-flex-order: 10; | |
order: 10 | |
} | |
.order-11 { | |
-ms-flex-order: 11; | |
order: 11 | |
} | |
.order-12 { | |
-ms-flex-order: 12; | |
order: 12 | |
} | |
.offset-1 { | |
margin-left: 8.333333% | |
} | |
.offset-2 { | |
margin-left: 16.666667% | |
} | |
.offset-3 { | |
margin-left: 25% | |
} | |
.offset-4 { | |
margin-left: 33.333333% | |
} | |
.offset-5 { | |
margin-left: 41.666667% | |
} | |
.offset-6 { | |
margin-left: 50% | |
} | |
.offset-7 { | |
margin-left: 58.333333% | |
} | |
.offset-8 { | |
margin-left: 66.666667% | |
} | |
.offset-9 { | |
margin-left: 75% | |
} | |
.offset-10 { | |
margin-left: 83.333333% | |
} | |
.offset-11 { | |
margin-left: 91.666667% | |
} | |
@media (min-width:576px) { | |
.col-sm { | |
-ms-flex-preferred-size: 0; | |
flex-basis: 0; | |
-ms-flex-positive: 1; | |
flex-grow: 1; | |
max-width: 100% | |
} | |
.col-sm-auto { | |
-ms-flex: 0 0 auto; | |
flex: 0 0 auto; | |
width: auto; | |
max-width: none | |
} | |
.col-sm-1 { | |
-ms-flex: 0 0 8.333333%; | |
flex: 0 0 8.333333%; | |
max-width: 8.333333% | |
} | |
.col-sm-2 { | |
-ms-flex: 0 0 16.666667%; | |
flex: 0 0 16.666667%; | |
max-width: 16.666667% | |
} | |
.col-sm-3 { | |
-ms-flex: 0 0 25%; | |
flex: 0 0 25%; | |
max-width: 25% | |
} | |
.col-sm-4 { | |
-ms-flex: 0 0 33.333333%; | |
flex: 0 0 33.333333%; | |
max-width: 33.333333% | |
} | |
.col-sm-5 { | |
-ms-flex: 0 0 41.666667%; | |
flex: 0 0 41.666667%; | |
max-width: 41.666667% | |
} | |
.col-sm-6 { | |
-ms-flex: 0 0 50%; | |
flex: 0 0 50%; | |
max-width: 50% | |
} | |
.col-sm-7 { | |
-ms-flex: 0 0 58.333333%; | |
flex: 0 0 58.333333%; | |
max-width: 58.333333% | |
} | |
.col-sm-8 { | |
-ms-flex: 0 0 66.666667%; | |
flex: 0 0 66.666667%; | |
max-width: 66.666667% | |
} | |
.col-sm-9 { | |
-ms-flex: 0 0 75%; | |
flex: 0 0 75%; | |
max-width: 75% | |
} | |
.col-sm-10 { | |
-ms-flex: 0 0 83.333333%; | |
flex: 0 0 83.333333%; | |
max-width: 83.333333% | |
} | |
.col-sm-11 { | |
-ms-flex: 0 0 91.666667%; | |
flex: 0 0 91.666667%; | |
max-width: 91.666667% | |
} | |
.col-sm-12 { | |
-ms-flex: 0 0 100%; | |
flex: 0 0 100%; | |
max-width: 100% | |
} | |
.order-sm-first { | |
-ms-flex-order: -1; | |
order: -1 | |
} | |
.order-sm-last { | |
-ms-flex-order: 13; | |
order: 13 | |
} | |
.order-sm-0 { | |
-ms-flex-order: 0; | |
order: 0 | |
} | |
.order-sm-1 { | |
-ms-flex-order: 1; | |
order: 1 | |
} | |
.order-sm-2 { | |
-ms-flex-order: 2; | |
order: 2 | |
} | |
.order-sm-3 { | |
-ms-flex-order: 3; | |
order: 3 | |
} | |
.order-sm-4 { | |
-ms-flex-order: 4; | |
order: 4 | |
} | |
.order-sm-5 { | |
-ms-flex-order: 5; | |
order: 5 | |
} | |
.order-sm-6 { | |
-ms-flex-order: 6; | |
order: 6 | |
} | |
.order-sm-7 { | |
-ms-flex-order: 7; | |
order: 7 | |
} | |
.order-sm-8 { | |
-ms-flex-order: 8; | |
order: 8 | |
} | |
.order-sm-9 { | |
-ms-flex-order: 9; | |
order: 9 | |
} | |
.order-sm-10 { | |
-ms-flex-order: 10; | |
order: 10 | |
} | |
.order-sm-11 { | |
-ms-flex-order: 11; | |
order: 11 | |
} | |
.order-sm-12 { | |
-ms-flex-order: 12; | |
order: 12 | |
} | |
.offset-sm-0 { | |
margin-left: 0 | |
} | |
.offset-sm-1 { | |
margin-left: 8.333333% | |
} | |
.offset-sm-2 { | |
margin-left: 16.666667% | |
} | |
.offset-sm-3 { | |
margin-left: 25% | |
} | |
.offset-sm-4 { | |
margin-left: 33.333333% | |
} | |
.offset-sm-5 { | |
margin-left: 41.666667% | |
} | |
.offset-sm-6 { | |
margin-left: 50% | |
} | |
.offset-sm-7 { | |
margin-left: 58.333333% | |
} | |
.offset-sm-8 { | |
margin-left: 66.666667% | |
} | |
.offset-sm-9 { | |
margin-left: 75% | |
} | |
.offset-sm-10 { | |
margin-left: 83.333333% | |
} | |
.offset-sm-11 { | |
margin-left: 91.666667% | |
} | |
} | |
@media (min-width:768px) { | |
.col-md { | |
-ms-flex-preferred-size: 0; | |
flex-basis: 0; | |
-ms-flex-positive: 1; | |
flex-grow: 1; | |
max-width: 100% | |
} | |
.col-md-auto { | |
-ms-flex: 0 0 auto; | |
flex: 0 0 auto; | |
width: auto; | |
max-width: none | |
} | |
.col-md-1 { | |
-ms-flex: 0 0 8.333333%; | |
flex: 0 0 8.333333%; | |
max-width: 8.333333% | |
} | |
.col-md-2 { | |
-ms-flex: 0 0 16.666667%; | |
flex: 0 0 16.666667%; | |
max-width: 16.666667% | |
} | |
.col-md-3 { | |
-ms-flex: 0 0 25%; | |
flex: 0 0 25%; | |
max-width: 25% | |
} | |
.col-md-4 { | |
-ms-flex: 0 0 33.333333%; | |
flex: 0 0 33.333333%; | |
max-width: 33.333333% | |
} | |
.col-md-5 { | |
-ms-flex: 0 0 41.666667%; | |
flex: 0 0 41.666667%; | |
max-width: 41.666667% | |
} | |
.col-md-6 { | |
-ms-flex: 0 0 50%; | |
flex: 0 0 50%; | |
max-width: 50% | |
} | |
.col-md-7 { | |
-ms-flex: 0 0 58.333333%; | |
flex: 0 0 58.333333%; | |
max-width: 58.333333% | |
} | |
.col-md-8 { | |
-ms-flex: 0 0 66.666667%; | |
flex: 0 0 66.666667%; | |
max-width: 66.666667% | |
} | |
.col-md-9 { | |
-ms-flex: 0 0 75%; | |
flex: 0 0 75%; | |
max-width: 75% | |
} | |
.col-md-10 { | |
-ms-flex: 0 0 83.333333%; | |
flex: 0 0 83.333333%; | |
max-width: 83.333333% | |
} | |
.col-md-11 { | |
-ms-flex: 0 0 91.666667%; | |
flex: 0 0 91.666667%; | |
max-width: 91.666667% | |
} | |
.col-md-12 { | |
-ms-flex: 0 0 100%; | |
flex: 0 0 100%; | |
max-width: 100% | |
} | |
.order-md-first { | |
-ms-flex-order: -1; | |
order: -1 | |
} | |
.order-md-last { | |
-ms-flex-order: 13; | |
order: 13 | |
} | |
.order-md-0 { | |
-ms-flex-order: 0; | |
order: 0 | |
} | |
.order-md-1 { | |
-ms-flex-order: 1; | |
order: 1 | |
} | |
.order-md-2 { | |
-ms-flex-order: 2; | |
order: 2 | |
} | |
.order-md-3 { | |
-ms-flex-order: 3; | |
order: 3 | |
} | |
.order-md-4 { | |
-ms-flex-order: 4; | |
order: 4 | |
} | |
.order-md-5 { | |
-ms-flex-order: 5; | |
order: 5 | |
} | |
.order-md-6 { | |
-ms-flex-order: 6; | |
order: 6 | |
} | |
.order-md-7 { | |
-ms-flex-order: 7; | |
order: 7 | |
} | |
.order-md-8 { | |
-ms-flex-order: 8; | |
order: 8 | |
} | |
.order-md-9 { | |
-ms-flex-order: 9; | |
order: 9 | |
} | |
.order-md-10 { | |
-ms-flex-order: 10; | |
order: 10 | |
} | |
.order-md-11 { | |
-ms-flex-order: 11; | |
order: 11 | |
} | |
.order-md-12 { | |
-ms-flex-order: 12; | |
order: 12 | |
} | |
.offset-md-0 { | |
margin-left: 0 | |
} | |
.offset-md-1 { | |
margin-left: 8.333333% | |
} | |
.offset-md-2 { | |
margin-left: 16.666667% | |
} | |
.offset-md-3 { | |
margin-left: 25% | |
} | |
.offset-md-4 { | |
margin-left: 33.333333% | |
} | |
.offset-md-5 { | |
margin-left: 41.666667% | |
} | |
.offset-md-6 { | |
margin-left: 50% | |
} | |
.offset-md-7 { | |
margin-left: 58.333333% | |
} | |
.offset-md-8 { | |
margin-left: 66.666667% | |
} | |
.offset-md-9 { | |
margin-left: 75% | |
} | |
.offset-md-10 { | |
margin-left: 83.333333% | |
} | |
.offset-md-11 { | |
margin-left: 91.666667% | |
} | |
} | |
@media (min-width:992px) { | |
.col-lg { | |
-ms-flex-preferred-size: 0; | |
flex-basis: 0; | |
-ms-flex-positive: 1; | |
flex-grow: 1; | |
max-width: 100% | |
} | |
.col-lg-auto { | |
-ms-flex: 0 0 auto; | |
flex: 0 0 auto; | |
width: auto; | |
max-width: none | |
} | |
.col-lg-1 { | |
-ms-flex: 0 0 8.333333%; | |
flex: 0 0 8.333333%; | |
max-width: 8.333333% | |
} | |
.col-lg-2 { | |
-ms-flex: 0 0 16.666667%; | |
flex: 0 0 16.666667%; | |
max-width: 16.666667% | |
} | |
.col-lg-3 { | |
-ms-flex: 0 0 25%; | |
flex: 0 0 25%; | |
max-width: 25% | |
} | |
.col-lg-4 { | |
-ms-flex: 0 0 33.333333%; | |
flex: 0 0 33.333333%; | |
max-width: 33.333333% | |
} | |
.col-lg-5 { | |
-ms-flex: 0 0 41.666667%; | |
flex: 0 0 41.666667%; | |
max-width: 41.666667% | |
} | |
.col-lg-6 { | |
-ms-flex: 0 0 50%; | |
flex: 0 0 50%; | |
max-width: 50% | |
} | |
.col-lg-7 { | |
-ms-flex: 0 0 58.333333%; | |
flex: 0 0 58.333333%; | |
max-width: 58.333333% | |
} | |
.col-lg-8 { | |
-ms-flex: 0 0 66.666667%; | |
flex: 0 0 66.666667%; | |
max-width: 66.666667% | |
} | |
.col-lg-9 { | |
-ms-flex: 0 0 75%; | |
flex: 0 0 75%; | |
max-width: 75% | |
} | |
.col-lg-10 { | |
-ms-flex: 0 0 83.333333%; | |
flex: 0 0 83.333333%; | |
max-width: 83.333333% | |
} | |
.col-lg-11 { | |
-ms-flex: 0 0 91.666667%; | |
flex: 0 0 91.666667%; | |
max-width: 91.666667% | |
} | |
.col-lg-12 { | |
-ms-flex: 0 0 100%; | |
flex: 0 0 100%; | |
max-width: 100% | |
} | |
.order-lg-first { | |
-ms-flex-order: -1; | |
order: -1 | |
} | |
.order-lg-last { | |
-ms-flex-order: 13; | |
order: 13 | |
} | |
.order-lg-0 { | |
-ms-flex-order: 0; | |
order: 0 | |
} | |
.order-lg-1 { | |
-ms-flex-order: 1; | |
order: 1 | |
} | |
.order-lg-2 { | |
-ms-flex-order: 2; | |
order: 2 | |
} | |
.order-lg-3 { | |
-ms-flex-order: 3; | |
order: 3 | |
} | |
.order-lg-4 { | |
-ms-flex-order: 4; | |
order: 4 | |
} | |
.order-lg-5 { | |
-ms-flex-order: 5; | |
order: 5 | |
} | |
.order-lg-6 { | |
-ms-flex-order: 6; | |
order: 6 | |
} | |
.order-lg-7 { | |
-ms-flex-order: 7; | |
order: 7 | |
} | |
.order-lg-8 { | |
-ms-flex-order: 8; | |
order: 8 | |
} | |
.order-lg-9 { | |
-ms-flex-order: 9; | |
order: 9 | |
} | |
.order-lg-10 { | |
-ms-flex-order: 10; | |
order: 10 | |
} | |
.order-lg-11 { | |
-ms-flex-order: 11; | |
order: 11 | |
} | |
.order-lg-12 { | |
-ms-flex-order: 12; | |
order: 12 | |
} | |
.offset-lg-0 { | |
margin-left: 0 | |
} | |
.offset-lg-1 { | |
margin-left: 8.333333% | |
} | |
.offset-lg-2 { | |
margin-left: 16.666667% | |
} | |
.offset-lg-3 { | |
margin-left: 25% | |
} | |
.offset-lg-4 { | |
margin-left: 33.333333% | |
} | |
.offset-lg-5 { | |
margin-left: 41.666667% | |
} | |
.offset-lg-6 { | |
margin-left: 50% | |
} | |
.offset-lg-7 { | |
margin-left: 58.333333% | |
} | |
.offset-lg-8 { | |
margin-left: 66.666667% | |
} | |
.offset-lg-9 { | |
margin-left: 75% | |
} | |
.offset-lg-10 { | |
margin-left: 83.333333% | |
} | |
.offset-lg-11 { | |
margin-left: 91.666667% | |
} | |
} | |
@media (min-width:1200px) { | |
.col-xl { | |
-ms-flex-preferred-size: 0; | |
flex-basis: 0; | |
-ms-flex-positive: 1; | |
flex-grow: 1; | |
max-width: 100% | |
} | |
.col-xl-auto { | |
-ms-flex: 0 0 auto; | |
flex: 0 0 auto; | |
width: auto; | |
max-width: none | |
} | |
.col-xl-1 { | |
-ms-flex: 0 0 8.333333%; | |
flex: 0 0 8.333333%; | |
max-width: 8.333333% | |
} | |
.col-xl-2 { | |
-ms-flex: 0 0 16.666667%; | |
flex: 0 0 16.666667%; | |
max-width: 16.666667% | |
} | |
.col-xl-3 { | |
-ms-flex: 0 0 25%; | |
flex: 0 0 25%; | |
max-width: 25% | |
} | |
.col-xl-4 { | |
-ms-flex: 0 0 33.333333%; | |
flex: 0 0 33.333333%; | |
max-width: 33.333333% | |
} | |
.col-xl-5 { | |
-ms-flex: 0 0 41.666667%; | |
flex: 0 0 41.666667%; | |
max-width: 41.666667% | |
} | |
.col-xl-6 { | |
-ms-flex: 0 0 50%; | |
flex: 0 0 50%; | |
max-width: 50% | |
} | |
.col-xl-7 { | |
-ms-flex: 0 0 58.333333%; | |
flex: 0 0 58.333333%; | |
max-width: 58.333333% | |
} | |
.col-xl-8 { | |
-ms-flex: 0 0 66.666667%; | |
flex: 0 0 66.666667%; | |
max-width: 66.666667% | |
} | |
.col-xl-9 { | |
-ms-flex: 0 0 75%; | |
flex: 0 0 75%; | |
max-width: 75% | |
} | |
.col-xl-10 { | |
-ms-flex: 0 0 83.333333%; | |
flex: 0 0 83.333333%; | |
max-width: 83.333333% | |
} | |
.col-xl-11 { | |
-ms-flex: 0 0 91.666667%; | |
flex: 0 0 91.666667%; | |
max-width: 91.666667% | |
} | |
.col-xl-12 { | |
-ms-flex: 0 0 100%; | |
flex: 0 0 100%; | |
max-width: 100% | |
} | |
.order-xl-first { | |
-ms-flex-order: -1; | |
order: -1 | |
} | |
.order-xl-last { | |
-ms-flex-order: 13; | |
order: 13 | |
} | |
.order-xl-0 { | |
-ms-flex-order: 0; | |
order: 0 | |
} | |
.order-xl-1 { | |
-ms-flex-order: 1; | |
order: 1 | |
} | |
.order-xl-2 { | |
-ms-flex-order: 2; | |
order: 2 | |
} | |
.order-xl-3 { | |
-ms-flex-order: 3; | |
order: 3 | |
} | |
.order-xl-4 { | |
-ms-flex-order: 4; | |
order: 4 | |
} | |
.order-xl-5 { | |
-ms-flex-order: 5; | |
order: 5 | |
} | |
.order-xl-6 { | |
-ms-flex-order: 6; | |
order: 6 | |
} | |
.order-xl-7 { | |
-ms-flex-order: 7; | |
order: 7 | |
} | |
.order-xl-8 { | |
-ms-flex-order: 8; | |
order: 8 | |
} | |
.order-xl-9 { | |
-ms-flex-order: 9; | |
order: 9 | |
} | |
.order-xl-10 { | |
-ms-flex-order: 10; | |
order: 10 | |
} | |
.order-xl-11 { | |
-ms-flex-order: 11; | |
order: 11 | |
} | |
.order-xl-12 { | |
-ms-flex-order: 12; | |
order: 12 | |
} | |
.offset-xl-0 { | |
margin-left: 0 | |
} | |
.offset-xl-1 { | |
margin-left: 8.333333% | |
} | |
.offset-xl-2 { | |
margin-left: 16.666667% | |
} | |
.offset-xl-3 { | |
margin-left: 25% | |
} | |
.offset-xl-4 { | |
margin-left: 33.333333% | |
} | |
.offset-xl-5 { | |
margin-left: 41.666667% | |
} | |
.offset-xl-6 { | |
margin-left: 50% | |
} | |
.offset-xl-7 { | |
margin-left: 58.333333% | |
} | |
.offset-xl-8 { | |
margin-left: 66.666667% | |
} | |
.offset-xl-9 { | |
margin-left: 75% | |
} | |
.offset-xl-10 { | |
margin-left: 83.333333% | |
} | |
.offset-xl-11 { | |
margin-left: 91.666667% | |
} | |
} | |
.container { | |
width: 100%; | |
padding: 0 15px; | |
margin: 0 auto | |
} | |
.container-fluid { | |
width: 100%; | |
padding: 0 15px; | |
margin: 0 auto | |
} | |
.row { | |
display: -ms-flexbox; | |
display: flex; | |
-ms-flex-wrap: wrap; | |
flex-wrap: wrap; | |
margin-right: -15px; | |
margin-left: -15px | |
} | |
.no-gutters { | |
margin-right: 0; | |
margin-left: 0 | |
} | |
.no-gutters>.col, | |
.no-gutters>[class*=col-] { | |
padding-right: 0; | |
padding-left: 0 | |
} | |
@media (min-width:576px) { | |
.container { | |
max-width: 540px | |
} | |
} | |
@media (min-width:768px) { | |
.container { | |
max-width: 720px | |
} | |
} | |
@media (min-width:992px) { | |
.container { | |
max-width: 960px | |
} | |
} | |
@media (min-width:1200px) { | |
.container { | |
max-width: 1140px | |
} | |
} | |
.text-justify { | |
text-align: justify !important | |
} | |
.text-left { | |
text-align: left !important | |
} | |
.text-right { | |
text-align: right !important | |
} | |
.text-center { | |
text-align: center !important | |
} | |
@media (min-width:576px) { | |
.text-sm-left { | |
text-align: left !important | |
} | |
.text-sm-right { | |
text-align: right !important | |
} | |
.text-sm-center { | |
text-align: center !important | |
} | |
} | |
@media (min-width:768px) { | |
.text-md-left { | |
text-align: left !important | |
} | |
.text-md-right { | |
text-align: right !important | |
} | |
.text-md-center { | |
text-align: center !important | |
} | |
} | |
@media (min-width:992px) { | |
.text-lg-left { | |
text-align: left !important | |
} | |
.text-lg-right { | |
text-align: right !important | |
} | |
.text-lg-center { | |
text-align: center !important | |
} | |
} | |
.w-25 { | |
width: 25% !important | |
} | |
.w-50 { | |
width: 50% !important | |
} | |
.w-75 { | |
width: 75% !important | |
} | |
.w-100 { | |
width: 100% !important | |
} | |
.w-auto { | |
width: auto !important | |
} | |
.h-25 { | |
height: 25% !important | |
} | |
.h-50 { | |
height: 50% !important | |
} | |
.h-75 { | |
height: 75% !important | |
} | |
.h-100 { | |
height: 100% !important | |
} | |
.h-auto { | |
height: auto !important | |
} | |
.flex-row { | |
-ms-flex-direction: row !important; | |
flex-direction: row !important | |
} | |
.flex-column { | |
-ms-flex-direction: column !important; | |
flex-direction: column !important | |
} | |
.flex-row-reverse { | |
-ms-flex-direction: row-reverse !important; | |
flex-direction: row-reverse !important | |
} | |
.flex-column-reverse { | |
-ms-flex-direction: column-reverse !important; | |
flex-direction: column-reverse !important | |
} | |
.flex-wrap { | |
-ms-flex-wrap: wrap !important; | |
flex-wrap: wrap !important | |
} | |
.flex-nowrap { | |
-ms-flex-wrap: nowrap !important; | |
flex-wrap: nowrap !important | |
} | |
.flex-wrap-reverse { | |
-ms-flex-wrap: wrap-reverse !important; | |
flex-wrap: wrap-reverse !important | |
} | |
.justify-content-start { | |
-ms-flex-pack: start !important; | |
justify-content: flex-start !important | |
} | |
.justify-content-end { | |
-ms-flex-pack: end !important; | |
justify-content: flex-end !important | |
} | |
.justify-content-center { | |
-ms-flex-pack: center !important; | |
justify-content: center !important | |
} | |
.justify-content-between { | |
-ms-flex-pack: justify !important; | |
justify-content: space-between !important | |
} | |
.justify-content-around { | |
-ms-flex-pack: distribute !important; | |
justify-content: space-around !important | |
} | |
.align-items-start { | |
-ms-flex-align: start !important; | |
align-items: flex-start !important | |
} | |
.align-items-end { | |
-ms-flex-align: end !important; | |
align-items: flex-end !important | |
} | |
.align-items-center { | |
-ms-flex-align: center !important; | |
align-items: center !important | |
} | |
.align-items-baseline { | |
-ms-flex-align: baseline !important; | |
align-items: baseline !important | |
} | |
.align-items-stretch { | |
-ms-flex-align: stretch !important; | |
align-items: stretch !important | |
} | |
@media (min-width:576px) { | |
.flex-sm-row { | |
-ms-flex-direction: row !important; | |
flex-direction: row !important | |
} | |
.flex-sm-column { | |
-ms-flex-direction: column !important; | |
flex-direction: column !important | |
} | |
.flex-sm-row-reverse { | |
-ms-flex-direction: row-reverse !important; | |
flex-direction: row-reverse !important | |
} | |
.flex-sm-column-reverse { | |
-ms-flex-direction: column-reverse !important; | |
flex-direction: column-reverse !important | |
} | |
.flex-sm-wrap { | |
-ms-flex-wrap: wrap !important; | |
flex-wrap: wrap !important | |
} | |
.flex-sm-nowrap { | |
-ms-flex-wrap: nowrap !important; | |
flex-wrap: nowrap !important | |
} | |
.flex-sm-wrap-reverse { | |
-ms-flex-wrap: wrap-reverse !important; | |
flex-wrap: wrap-reverse !important | |
} | |
.justify-content-sm-start { | |
-ms-flex-pack: start !important; | |
justify-content: flex-start !important | |
} | |
.justify-content-sm-end { | |
-ms-flex-pack: end !important; | |
justify-content: flex-end !important | |
} | |
.justify-content-sm-center { | |
-ms-flex-pack: center !important; | |
justify-content: center !important | |
} | |
.justify-content-sm-between { | |
-ms-flex-pack: justify !important; | |
justify-content: space-between !important | |
} | |
.justify-content-sm-around { | |
-ms-flex-pack: distribute !important; | |
justify-content: space-around !important | |
} | |
.align-items-sm-start { | |
-ms-flex-align: start !important; | |
align-items: flex-start !important | |
} | |
.align-items-sm-end { | |
-ms-flex-align: end !important; | |
align-items: flex-end !important | |
} | |
.align-items-sm-center { | |
-ms-flex-align: center !important; | |
align-items: center !important | |
} | |
.align-items-sm-baseline { | |
-ms-flex-align: baseline !important; | |
align-items: baseline !important | |
} | |
.align-items-sm-stretch { | |
-ms-flex-align: stretch !important; | |
align-items: stretch !important | |
} | |
} | |
@media (min-width:768px) { | |
.flex-md-row { | |
-ms-flex-direction: row !important; | |
flex-direction: row !important | |
} | |
.flex-md-column { | |
-ms-flex-direction: column !important; | |
flex-direction: column !important | |
} | |
.flex-md-row-reverse { | |
-ms-flex-direction: row-reverse !important; | |
flex-direction: row-reverse !important | |
} | |
.flex-md-column-reverse { | |
-ms-flex-direction: column-reverse !important; | |
flex-direction: column-reverse !important | |
} | |
.flex-md-wrap { | |
-ms-flex-wrap: wrap !important; | |
flex-wrap: wrap !important | |
} | |
.flex-md-nowrap { | |
-ms-flex-wrap: nowrap !important; | |
flex-wrap: nowrap !important | |
} | |
.flex-md-wrap-reverse { | |
-ms-flex-wrap: wrap-reverse !important; | |
flex-wrap: wrap-reverse !important | |
} | |
.justify-content-md-start { | |
-ms-flex-pack: start !important; | |
justify-content: flex-start !important | |
} | |
.justify-content-md-end { | |
-ms-flex-pack: end !important; | |
justify-content: flex-end !important | |
} | |
.justify-content-md-center { | |
-ms-flex-pack: center !important; | |
justify-content: center !important | |
} | |
.justify-content-md-between { | |
-ms-flex-pack: justify !important; | |
justify-content: space-between !important | |
} | |
.justify-content-md-around { | |
-ms-flex-pack: distribute !important; | |
justify-content: space-around !important | |
} | |
.align-items-md-start { | |
-ms-flex-align: start !important; | |
align-items: flex-start !important | |
} | |
.align-items-md-end { | |
-ms-flex-align: end !important; | |
align-items: flex-end !important | |
} | |
.align-items-md-center { | |
-ms-flex-align: center !important; | |
align-items: center !important | |
} | |
.align-items-md-baseline { | |
-ms-flex-align: baseline !important; | |
align-items: baseline !important | |
} | |
.align-items-md-stretch { | |
-ms-flex-align: stretch !important; | |
align-items: stretch !important | |
} | |
} | |
@media (min-width:992px) { | |
.flex-lg-row { | |
-ms-flex-direction: row !important; | |
flex-direction: row !important | |
} | |
.flex-lg-column { | |
-ms-flex-direction: column !important; | |
flex-direction: column !important | |
} | |
.flex-lg-row-reverse { | |
-ms-flex-direction: row-reverse !important; | |
flex-direction: row-reverse !important | |
} | |
.flex-lg-column-reverse { | |
-ms-flex-direction: column-reverse !important; | |
flex-direction: column-reverse !important | |
} | |
.flex-lg-wrap { | |
-ms-flex-wrap: wrap !important; | |
flex-wrap: wrap !important | |
} | |
.flex-lg-nowrap { | |
-ms-flex-wrap: nowrap !important; | |
flex-wrap: nowrap !important | |
} | |
.flex-lg-wrap-reverse { | |
-ms-flex-wrap: wrap-reverse !important; | |
flex-wrap: wrap-reverse !important | |
} | |
.justify-content-lg-start { | |
-ms-flex-pack: start !important; | |
justify-content: flex-start !important | |
} | |
.justify-content-lg-end { | |
-ms-flex-pack: end !important; | |
justify-content: flex-end !important | |
} | |
.justify-content-lg-center { | |
-ms-flex-pack: center !important; | |
justify-content: center !important | |
} | |
.justify-content-lg-between { | |
-ms-flex-pack: justify !important; | |
justify-content: space-between !important | |
} | |
.justify-content-lg-around { | |
-ms-flex-pack: distribute !important; | |
justify-content: space-around !important | |
} | |
.align-items-lg-start { | |
-ms-flex-align: start !important; | |
align-items: flex-start !important | |
} | |
.align-items-lg-end { | |
-ms-flex-align: end !important; | |
align-items: flex-end !important | |
} | |
.align-items-lg-center { | |
-ms-flex-align: center !important; | |
align-items: center !important | |
} | |
.align-items-lg-baseline { | |
-ms-flex-align: baseline !important; | |
align-items: baseline !important | |
} | |
.align-items-lg-stretch { | |
-ms-flex-align: stretch !important; | |
align-items: stretch !important | |
} | |
} | |
.d-none { | |
display: none !important | |
} | |
.d-block { | |
display: block !important | |
} | |
.d-flex { | |
display: -ms-flexbox !important; | |
display: flex !important | |
} | |
@media (min-width: 576px) { | |
.d-sm-none { | |
display: none !important | |
} | |
.d-sm-block { | |
display: block !important | |
} | |
.d-sm-flex { | |
display: -ms-flexbox !important; | |
display: flex !important | |
} | |
} | |
@media (min-width: 768px) { | |
.d-md-none { | |
display: none !important | |
} | |
.d-md-block { | |
display: block !important | |
} | |
.d-md-flex { | |
display: -ms-flexbox !important; | |
display: flex !important | |
} | |
} | |
@media (min-width: 576px) { | |
.d-lg-none { | |
display: none !important | |
} | |
.d-lg-block { | |
display: block !important | |
} | |
.d-lg-flex { | |
display: -ms-flexbox !important; | |
display: flex !important | |
} | |
} | |
.p-0 { | |
padding: 0 !important | |
} | |
.pt-0, | |
.py-0 { | |
padding-top: 0 !important | |
} | |
.pr-0, | |
.px-0 { | |
padding-right: 0 !important | |
} | |
.pb-0, | |
.py-0 { | |
padding-bottom: 0 !important | |
} | |
.pl-0, | |
.px-0 { | |
padding-left: 0 !important | |
} | |
.p-1 { | |
padding: .25rem !important | |
} | |
.pt-1, | |
.py-1 { | |
padding-top: .25rem !important | |
} | |
.pr-1, | |
.px-1 { | |
padding-right: .25rem !important | |
} | |
.pb-1, | |
.py-1 { | |
padding-bottom: .25rem !important | |
} | |
.pl-1, | |
.px-1 { | |
padding-left: .25rem !important | |
} | |
.p-2 { | |
padding: .5rem !important | |
} | |
.pt-2, | |
.py-2 { | |
padding-top: .5rem !important | |
} | |
.pr-2, | |
.px-2 { | |
padding-right: .5rem !important | |
} | |
.pb-2, | |
.py-2 { | |
padding-bottom: .5rem !important | |
} | |
.pl-2, | |
.px-2 { | |
padding-left: .5rem !important | |
} | |
.p-3 { | |
padding: 1rem !important | |
} | |
.pt-3, | |
.py-3 { | |
padding-top: 1rem !important | |
} | |
.pr-3, | |
.px-3 { | |
padding-right: 1rem !important | |
} | |
.pb-3, | |
.py-3 { | |
padding-bottom: 1rem !important | |
} | |
.pl-3, | |
.px-3 { | |
padding-left: 1rem !important | |
} | |
.p-4 { | |
padding: 1.5rem !important | |
} | |
.pt-4, | |
.py-4 { | |
padding-top: 1.5rem !important | |
} | |
.pr-4, | |
.px-4 { | |
padding-right: 1.5rem !important | |
} | |
.pb-4, | |
.py-4 { | |
padding-bottom: 1.5rem !important | |
} | |
.pl-4, | |
.px-4 { | |
padding-left: 1.5rem !important | |
} | |
.p-5 { | |
padding: 2rem !important | |
} | |
.pt-5, | |
.py-5 { | |
padding-top: 2rem !important | |
} | |
.pr-5, | |
.px-5 { | |
padding-right: 2rem !important | |
} | |
.pb-5, | |
.py-5 { | |
padding-bottom: 2rem !important | |
} | |
.pl-5, | |
.px-5 { | |
padding-left: 2rem !important | |
} | |
.p-6 { | |
padding: 2.5rem !important | |
} | |
.pt-6, | |
.py-6 { | |
padding-top: 2.5rem !important | |
} | |
.pr-6, | |
.px-6 { | |
padding-right: 2.5rem !important | |
} | |
.pb-6, | |
.py-6 { | |
padding-bottom: 2.5rem !important | |
} | |
.pl-6, | |
.px-6 { | |
padding-left: 2.5rem !important | |
} | |
.p-7 { | |
padding: 3rem !important | |
} | |
.pt-7, | |
.py-7 { | |
padding-top: 3rem !important | |
} | |
.pr-7, | |
.px-7 { | |
padding-right: 3rem !important | |
} | |
.pb-7, | |
.py-7 { | |
padding-bottom: 3rem !important | |
} | |
.pl-7, | |
.px-7 { | |
padding-left: 3rem !important | |
} | |
@media (min-width: 576px) { | |
.p-sm-0 { | |
padding: 0 !important | |
} | |
.pt-sm-0, | |
.py-sm-0 { | |
padding-top: 0 !important | |
} | |
.pr-sm-0, | |
.px-sm-0 { | |
padding-right: 0 !important | |
} | |
.pb-sm-0, | |
.py-sm-0 { | |
padding-bottom: 0 !important | |
} | |
.pl-sm-0, | |
.px-sm-0 { | |
padding-left: 0 !important | |
} | |
.p-sm-1 { | |
padding: .25rem !important | |
} | |
.pt-sm-1, | |
.py-sm-1 { | |
padding-top: .25rem !important | |
} | |
.pr-sm-1, | |
.px-sm-1 { | |
padding-right: .25rem !important | |
} | |
.pb-sm-1, | |
.py-sm-1 { | |
padding-bottom: .25rem !important | |
} | |
.pl-sm-1, | |
.px-sm-1 { | |
padding-left: .25rem !important | |
} | |
.p-sm-2 { | |
padding: .5rem !important | |
} | |
.pt-sm-2, | |
.py-sm-2 { | |
padding-top: .5rem !important | |
} | |
.pr-sm-2, | |
.px-sm-2 { | |
padding-right: .5rem !important | |
} | |
.pb-sm-2, | |
.py-sm-2 { | |
padding-bottom: .5rem !important | |
} | |
.pl-sm-2, | |
.px-sm-2 { | |
padding-left: .5rem !important | |
} | |
.p-sm-3 { | |
padding: 1rem !important | |
} | |
.pt-sm-3, | |
.py-sm-3 { | |
padding-top: 1rem !important | |
} | |
.pr-sm-3, | |
.px-sm-3 { | |
padding-right: 1rem !important | |
} | |
.pb-sm-3, | |
.py-sm-3 { | |
padding-bottom: 1rem !important | |
} | |
.pl-sm-3, | |
.px-sm-3 { | |
padding-left: 1rem !important | |
} | |
.p-sm-4 { | |
padding: 1.5rem !important | |
} | |
.pt-sm-4, | |
.py-sm-4 { | |
padding-top: 1.5rem !important | |
} | |
.pr-sm-4, | |
.px-sm-4 { | |
padding-right: 1.5rem !important | |
} | |
.pb-sm-4, | |
.py-sm-4 { | |
padding-bottom: 1.5rem !important | |
} | |
.pl-sm-4, | |
.px-sm-4 { | |
padding-left: 1.5rem !important | |
} | |
.p-sm-5 { | |
padding: 2rem !important | |
} | |
.pt-sm-5, | |
.py-sm-5 { | |
padding-top: 2rem !important | |
} | |
.pr-sm-5, | |
.px-sm-5 { | |
padding-right: 2rem !important | |
} | |
.pb-sm-5, | |
.py-sm-5 { | |
padding-bottom: 2rem !important | |
} | |
.pl-sm-5, | |
.px-sm-5 { | |
padding-left: 2rem !important | |
} | |
.p-sm-6 { | |
padding: 2.5rem !important | |
} | |
.pt-sm-6, | |
.py-sm-6 { | |
padding-top: 2.5rem !important | |
} | |
.pr-sm-6, | |
.px-sm-6 { | |
padding-right: 2.5rem !important | |
} | |
.pb-sm-6, | |
.py-sm-6 { | |
padding-bottom: 2.5rem !important | |
} | |
.pl-sm-6, | |
.px-sm-6 { | |
padding-left: 2.5rem !important | |
} | |
.p-sm-7 { | |
padding: 3rem !important | |
} | |
.pt-sm-7, | |
.py-sm-7 { | |
padding-top: 3rem !important | |
} | |
.pr-sm-7, | |
.px-sm-7 { | |
padding-right: 3rem !important | |
} | |
.pb-sm-7, | |
.py-sm-7 { | |
padding-bottom: 3rem !important | |
} | |
.pl-sm-7, | |
.px-sm-7 { | |
padding-left: 3rem !important | |
} | |
} | |
@media (min-width: 768px) { | |
.p-md-0 { | |
padding: 0 !important | |
} | |
.pt-md-0, | |
.py-md-0 { | |
padding-top: 0 !important | |
} | |
.pr-md-0, | |
.px-md-0 { | |
padding-right: 0 !important | |
} | |
.pb-md-0, | |
.py-md-0 { | |
padding-bottom: 0 !important | |
} | |
.pl-md-0, | |
.px-md-0 { | |
padding-left: 0 !important | |
} | |
.p-md-1 { | |
padding: .25rem !important | |
} | |
.pt-md-1, | |
.py-md-1 { | |
padding-top: .25rem !important | |
} | |
.pr-md-1, | |
.px-md-1 { | |
padding-right: .25rem !important | |
} | |
.pb-md-1, | |
.py-md-1 { | |
padding-bottom: .25rem !important | |
} | |
.pl-md-1, | |
.px-md-1 { | |
padding-left: .25rem !important | |
} | |
.p-md-2 { | |
padding: .5rem !important | |
} | |
.pt-md-2, | |
.py-md-2 { | |
padding-top: .5rem !important | |
} | |
.pr-md-2, | |
.px-md-2 { | |
padding-right: .5rem !important | |
} | |
.pb-md-2, | |
.py-md-2 { | |
padding-bottom: .5rem !important | |
} | |
.pl-md-2, | |
.px-md-2 { | |
padding-left: .5rem !important | |
} | |
.p-md-3 { | |
padding: 1rem !important | |
} | |
.pt-md-3, | |
.py-md-3 { | |
padding-top: 1rem !important | |
} | |
.pr-md-3, | |
.px-md-3 { | |
padding-right: 1rem !important | |
} | |
.pb-md-3, | |
.py-md-3 { | |
padding-bottom: 1rem !important | |
} | |
.pl-md-3, | |
.px-md-3 { | |
padding-left: 1rem !important | |
} | |
.p-md-4 { | |
padding: 1.5rem !important | |
} | |
.pt-md-4, | |
.py-md-4 { | |
padding-top: 1.5rem !important | |
} | |
.pr-md-4, | |
.px-md-4 { | |
padding-right: 1.5rem !important | |
} | |
.pb-md-4, | |
.py-md-4 { | |
padding-bottom: 1.5rem !important | |
} | |
.pl-md-4, | |
.px-md-4 { | |
padding-left: 1.5rem !important | |
} | |
.p-md-5 { | |
padding: 2rem !important | |
} | |
.pt-md-5, | |
.py-md-5 { | |
padding-top: 2rem !important | |
} | |
.pr-md-5, | |
.px-md-5 { | |
padding-right: 2rem !important | |
} | |
.pb-md-5, | |
.py-md-5 { | |
padding-bottom: 2rem !important | |
} | |
.pl-md-5, | |
.px-md-5 { | |
padding-left: 2rem !important | |
} | |
.p-md-6 { | |
padding: 2.5rem !important | |
} | |
.pt-md-6, | |
.py-md-6 { | |
padding-top: 2.5rem !important | |
} | |
.pr-md-6, | |
.px-md-6 { | |
padding-right: 2.5rem !important | |
} | |
.pb-md-6, | |
.py-md-6 { | |
padding-bottom: 2.5rem !important | |
} | |
.pl-md-6, | |
.px-md-6 { | |
padding-left: 2.5rem !important | |
} | |
.p-md-7 { | |
padding: 3rem !important | |
} | |
.pt-md-7, | |
.py-md-7 { | |
padding-top: 3rem !important | |
} | |
.pr-md-7, | |
.px-md-7 { | |
padding-right: 3rem !important | |
} | |
.pb-md-7, | |
.py-md-7 { | |
padding-bottom: 3rem !important | |
} | |
.pl-md-7, | |
.px-md-7 { | |
padding-left: 3rem !important | |
} | |
} | |
@media (min-width: 992px) { | |
.p-lg-0 { | |
padding: 0 !important | |
} | |
.pt-lg-0, | |
.py-lg-0 { | |
padding-top: 0 !important | |
} | |
.pr-lg-0, | |
.px-lg-0 { | |
padding-right: 0 !important | |
} | |
.pb-lg-0, | |
.py-lg-0 { | |
padding-bottom: 0 !important | |
} | |
.pl-lg-0, | |
.px-lg-0 { | |
padding-left: 0 !important | |
} | |
.p-lg-1 { | |
padding: .25rem !important | |
} | |
.pt-lg-1, | |
.py-lg-1 { | |
padding-top: .25rem !important | |
} | |
.pr-lg-1, | |
.px-lg-1 { | |
padding-right: .25rem !important | |
} | |
.pb-lg-1, | |
.py-lg-1 { | |
padding-bottom: .25rem !important | |
} | |
.pl-lg-1, | |
.px-lg-1 { | |
padding-left: .25rem !important | |
} | |
.p-lg-2 { | |
padding: .5rem !important | |
} | |
.pt-lg-2, | |
.py-lg-2 { | |
padding-top: .5rem !important | |
} | |
.pr-lg-2, | |
.px-lg-2 { | |
padding-right: .5rem !important | |
} | |
.pb-lg-2, | |
.py-lg-2 { | |
padding-bottom: .5rem !important | |
} | |
.pl-lg-2, | |
.px-lg-2 { | |
padding-left: .5rem !important | |
} | |
.p-lg-3 { | |
padding: 1rem !important | |
} | |
.pt-lg-3, | |
.py-lg-3 { | |
padding-top: 1rem !important | |
} | |
.pr-lg-3, | |
.px-lg-3 { | |
padding-right: 1rem !important | |
} | |
.pb-lg-3, | |
.py-lg-3 { | |
padding-bottom: 1rem !important | |
} | |
.pl-lg-3, | |
.px-lg-3 { | |
padding-left: 1rem !important | |
} | |
.p-lg-4 { | |
padding: 1.5rem !important | |
} | |
.pt-lg-4, | |
.py-lg-4 { | |
padding-top: 1.5rem !important | |
} | |
.pr-lg-4, | |
.px-lg-4 { | |
padding-right: 1.5rem !important | |
} | |
.pb-lg-4, | |
.py-lg-4 { | |
padding-bottom: 1.5rem !important | |
} | |
.pl-lg-4, | |
.px-lg-4 { | |
padding-left: 1.5rem !important | |
} | |
.p-lg-5 { | |
padding: 2rem !important | |
} | |
.pt-lg-5, | |
.py-lg-5 { | |
padding-top: 2rem !important | |
} | |
.pr-lg-5, | |
.px-lg-5 { | |
padding-right: 2rem !important | |
} | |
.pb-lg-5, | |
.py-lg-5 { | |
padding-bottom: 2rem !important | |
} | |
.pl-lg-5, | |
.px-lg-5 { | |
padding-left: 2rem !important | |
} | |
.p-lg-6 { | |
padding: 2.5rem !important | |
} | |
.pt-lg-6, | |
.py-lg-6 { | |
padding-top: 2.5rem !important | |
} | |
.pr-lg-6, | |
.px-lg-6 { | |
padding-right: 2.5rem !important | |
} | |
.pb-lg-6, | |
.py-lg-6 { | |
padding-bottom: 2.5rem !important | |
} | |
.pl-lg-6, | |
.px-lg-6 { | |
padding-left: 2.5rem !important | |
} | |
.p-lg-7 { | |
padding: 3rem !important | |
} | |
.pt-lg-7, | |
.py-lg-7 { | |
padding-top: 3rem !important | |
} | |
.pr-lg-7, | |
.px-lg-7 { | |
padding-right: 3rem !important | |
} | |
.pb-lg-7, | |
.py-lg-7 { | |
padding-bottom: 3rem !important | |
} | |
.pl-lg-7, | |
.px-lg-7 { | |
padding-left: 3rem !important | |
} | |
} | |
.m-auto { | |
margin: auto !important | |
} | |
.mx-auto, | |
.my-auto { | |
margin: 0 auto !important | |
} | |
.m-0 { | |
margin: 0 !important | |
} | |
.mt-0, | |
.my-0 { | |
margin-top: 0 !important | |
} | |
.mr-0, | |
.mx-0 { | |
margin-right: 0 !important | |
} | |
.mb-0, | |
.my-0 { | |
margin-bottom: 0 !important | |
} | |
.ml-0, | |
.mx-0 { | |
margin-left: 0 !important | |
} | |
.m-1 { | |
margin: .25rem !important | |
} | |
.mt-1, | |
.my-1 { | |
margin-top: .25rem !important | |
} | |
.mr-1, | |
.mx-1 { | |
margin-right: .25rem !important | |
} | |
.mb-1, | |
.my-1 { | |
margin-bottom: .25rem !important | |
} | |
.ml-1, | |
.mx-1 { | |
margin-left: .25rem !important | |
} | |
.m-2 { | |
margin: .5rem !important | |
} | |
.mt-2, | |
.my-2 { | |
margin-top: .5rem !important | |
} | |
.mr-2, | |
.mx-2 { | |
margin-right: .5rem !important | |
} | |
.mb-2, | |
.my-2 { | |
margin-bottom: .5rem !important | |
} | |
.ml-2, | |
.mx-2 { | |
margin-left: .5rem !important | |
} | |
.m-3 { | |
margin: 1rem !important | |
} | |
.mt-3, | |
.my-3 { | |
margin-top: 1rem !important | |
} | |
.mr-3, | |
.mx-3 { | |
margin-right: 1rem !important | |
} | |
.mb-3, | |
.my-3 { | |
margin-bottom: 1rem !important | |
} | |
.ml-3, | |
.mx-3 { | |
margin-left: 1rem !important | |
} | |
.m-4 { | |
margin: 1.5rem !important | |
} | |
.mt-4, | |
.my-4 { | |
margin-top: 1.5rem !important | |
} | |
.mr-4, | |
.mx-4 { | |
margin-right: 1.5rem !important | |
} | |
.mb-4, | |
.my-4 { | |
margin-bottom: 1.5rem !important | |
} | |
.ml-4, | |
.mx-4 { | |
margin-left: 1.5rem !important | |
} | |
.m-5 { | |
margin: 2rem !important | |
} | |
.mt-5, | |
.my-5 { | |
margin-top: 2rem !important | |
} | |
.mr-5, | |
.mx-5 { | |
margin-right: 2rem !important | |
} | |
.mb-5, | |
.my-5 { | |
margin-bottom: 2rem !important | |
} | |
.ml-5, | |
.mx-5 { | |
margin-left: 2rem !important | |
} | |
.m-6 { | |
margin: 2.5rem !important | |
} | |
.mt-6, | |
.my-6 { | |
margin-top: 2.5rem !important | |
} | |
.mr-6, | |
.mx-6 { | |
margin-right: 2.5rem !important | |
} | |
.mb-6, | |
.my-6 { | |
margin-bottom: 2.5rem !important | |
} | |
.ml-6, | |
.mx-6 { | |
margin-left: 2.5rem !important | |
} | |
.m-7 { | |
margin: 3rem !important | |
} | |
.mt-7, | |
.my-7 { | |
margin-top: 3rem !important | |
} | |
.mr-7, | |
.mx-7 { | |
margin-right: 3rem !important | |
} | |
.mb-7, | |
.my-7 { | |
margin-bottom: 3rem !important | |
} | |
.ml-7, | |
.mx-7 { | |
margin-left: 3rem !important | |
} | |
@media (min-width: 576px) { | |
.m-sm-auto { | |
margin: auto !important | |
} | |
.mx-sm-auto, | |
.my-sm-auto { | |
margin: 0 auto !important | |
} | |
.m-sm-0 { | |
margin: 0 !important | |
} | |
.mt-sm-0, | |
.my-sm-0 { | |
margin-top: 0 !important | |
} | |
.mr-sm-0, | |
.mx-sm-0 { | |
margin-right: 0 !important | |
} | |
.mb-sm-0, | |
.my-sm-0 { | |
margin-bottom: 0 !important | |
} | |
.ml-sm-0, | |
.mx-sm-0 { | |
margin-left: 0 !important | |
} | |
.m-sm-1 { | |
margin: .25rem !important | |
} | |
.mt-sm-1, | |
.my-sm-1 { | |
margin-top: .25rem !important | |
} | |
.mr-sm-1, | |
.mx-sm-1 { | |
margin-right: .25rem !important | |
} | |
.mb-sm-1, | |
.my-sm-1 { | |
margin-bottom: .25rem !important | |
} | |
.ml-sm-1, | |
.mx-sm-1 { | |
margin-left: .25rem !important | |
} | |
.m-sm-2 { | |
margin: .5rem !important | |
} | |
.mt-sm-2, | |
.my-sm-2 { | |
margin-top: .5rem !important | |
} | |
.mr-sm-2, | |
.mx-sm-2 { | |
margin-right: .5rem !important | |
} | |
.mb-sm-2, | |
.my-sm-2 { | |
margin-bottom: .5rem !important | |
} | |
.ml-sm-2, | |
.mx-sm-2 { | |
margin-left: .5rem !important | |
} | |
.m-sm-3 { | |
margin: 1rem !important | |
} | |
.mt-sm-3, | |
.my-sm-3 { | |
margin-top: 1rem !important | |
} | |
.mr-sm-3, | |
.mx-sm-3 { | |
margin-right: 1rem !important | |
} | |
.mb-sm-3, | |
.my-sm-3 { | |
margin-bottom: 1rem !important | |
} | |
.ml-sm-3, | |
.mx-sm-3 { | |
margin-left: 1rem !important | |
} | |
.m-sm-4 { | |
margin: 1.5rem !important | |
} | |
.mt-sm-4, | |
.my-sm-4 { | |
margin-top: 1.5rem !important | |
} | |
.mr-sm-4, | |
.mx-sm-4 { | |
margin-right: 1.5rem !important | |
} | |
.mb-sm-4, | |
.my-sm-4 { | |
margin-bottom: 1.5rem !important | |
} | |
.ml-sm-4, | |
.mx-sm-4 { | |
margin-left: 1.5rem !important | |
} | |
.m-sm-5 { | |
margin: 2rem !important | |
} | |
.mt-sm-5, | |
.my-sm-5 { | |
margin-top: 2rem !important | |
} | |
.mr-sm-5, | |
.mx-sm-5 { | |
margin-right: 2rem !important | |
} | |
.mb-sm-5, | |
.my-sm-5 { | |
margin-bottom: 2rem !important | |
} | |
.ml-sm-5, | |
.mx-sm-5 { | |
margin-left: 2rem !important | |
} | |
.m-sm-6 { | |
margin: 2.5rem !important | |
} | |
.mt-sm-6, | |
.my-sm-6 { | |
margin-top: 2.5rem !important | |
} | |
.mr-sm-6, | |
.mx-sm-6 { | |
margin-right: 2.5rem !important | |
} | |
.mb-sm-6, | |
.my-sm-6 { | |
margin-bottom: 2.5rem !important | |
} | |
.ml-sm-6, | |
.mx-sm-6 { | |
margin-left: 2.5rem !important | |
} | |
.m-sm-7 { | |
margin: 3rem !important | |
} | |
.mt-sm-7, | |
.my-sm-7 { | |
margin-top: 3rem !important | |
} | |
.mr-sm-7, | |
.mx-sm-7 { | |
margin-right: 3rem !important | |
} | |
.mb-sm-7, | |
.my-sm-7 { | |
margin-bottom: 3rem !important | |
} | |
.ml-sm-7, | |
.mx-sm-7 { | |
margin-left: 3rem !important | |
} | |
} | |
@media (min-width: 768px) { | |
.m-md-auto { | |
margin: auto !important | |
} | |
.mx-md-auto, | |
.my-md-auto { | |
margin: 0 auto !important | |
} | |
.m-md-0 { | |
margin: 0 !important | |
} | |
.mt-md-0, | |
.my-md-0 { | |
margin-top: 0 !important | |
} | |
.mr-md-0, | |
.mx-md-0 { | |
margin-right: 0 !important | |
} | |
.mb-md-0, | |
.my-md-0 { | |
margin-bottom: 0 !important | |
} | |
.ml-md-0, | |
.mx-md-0 { | |
margin-left: 0 !important | |
} | |
.m-md-1 { | |
margin: .25rem !important | |
} | |
.mt-md-1, | |
.my-md-1 { | |
margin-top: .25rem !important | |
} | |
.mr-md-1, | |
.mx-md-1 { | |
margin-right: .25rem !important | |
} | |
.mb-md-1, | |
.my-md-1 { | |
margin-bottom: .25rem !important | |
} | |
.ml-md-1, | |
.mx-md-1 { | |
margin-left: .25rem !important | |
} | |
.m-md-2 { | |
margin: .5rem !important | |
} | |
.mt-md-2, | |
.my-md-2 { | |
margin-top: .5rem !important | |
} | |
.mr-md-2, | |
.mx-md-2 { | |
margin-right: .5rem !important | |
} | |
.mb-md-2, | |
.my-md-2 { | |
margin-bottom: .5rem !important | |
} | |
.ml-md-2, | |
.mx-md-2 { | |
margin-left: .5rem !important | |
} | |
.m-md-3 { | |
margin: 1rem !important | |
} | |
.mt-md-3, | |
.my-md-3 { | |
margin-top: 1rem !important | |
} | |
.mr-md-3, | |
.mx-md-3 { | |
margin-right: 1rem !important | |
} | |
.mb-md-3, | |
.my-md-3 { | |
margin-bottom: 1rem !important | |
} | |
.ml-md-3, | |
.mx-md-3 { | |
margin-left: 1rem !important | |
} | |
.m-md-4 { | |
margin: 1.5rem !important | |
} | |
.mt-md-4, | |
.my-md-4 { | |
margin-top: 1.5rem !important | |
} | |
.mr-md-4, | |
.mx-md-4 { | |
margin-right: 1.5rem !important | |
} | |
.mb-md-4, | |
.my-md-4 { | |
margin-bottom: 1.5rem !important | |
} | |
.ml-md-4, | |
.mx-md-4 { | |
margin-left: 1.5rem !important | |
} | |
.m-md-5 { | |
margin: 2rem !important | |
} | |
.mt-md-5, | |
.my-md-5 { | |
margin-top: 2rem !important | |
} | |
.mr-md-5, | |
.mx-md-5 { | |
margin-right: 2rem !important | |
} | |
.mb-md-5, | |
.my-md-5 { | |
margin-bottom: 2rem !important | |
} | |
.ml-md-5, | |
.mx-md-5 { | |
margin-left: 2rem !important | |
} | |
.m-md-6 { | |
margin: 2.5rem !important | |
} | |
.mt-md-6, | |
.my-md-6 { | |
margin-top: 2.5rem !important | |
} | |
.mr-md-6, | |
.mx-md-6 { | |
margin-right: 2.5rem !important | |
} | |
.mb-md-6, | |
.my-md-6 { | |
margin-bottom: 2.5rem !important | |
} | |
.ml-md-6, | |
.mx-md-6 { | |
margin-left: 2.5rem !important | |
} | |
.m-md-7 { | |
margin: 3rem !important | |
} | |
.mt-md-7, | |
.my-md-7 { | |
margin-top: 3rem !important | |
} | |
.mr-md-7, | |
.mx-md-7 { | |
margin-right: 3rem !important | |
} | |
.mb-md-7, | |
.my-md-7 { | |
margin-bottom: 3rem !important | |
} | |
.ml-md-7, | |
.mx-md-7 { | |
margin-left: 3rem !important | |
} | |
} | |
@media (min-width: 992px) { | |
.m-lg-auto { | |
margin: auto !important | |
} | |
.mx-lg-auto, | |
.my-lg-auto { | |
margin: 0 auto !important | |
} | |
.m-lg-0 { | |
margin: 0 !important | |
} | |
.mt-lg-0, | |
.my-lg-0 { | |
margin-top: 0 !important | |
} | |
.mr-lg-0, | |
.mx-lg-0 { | |
margin-right: 0 !important | |
} | |
.mb-lg-0, | |
.my-lg-0 { | |
margin-bottom: 0 !important | |
} | |
.ml-lg-0, | |
.mx-lg-0 { | |
margin-left: 0 !important | |
} | |
.m-lg-1 { | |
margin: .25rem !important | |
} | |
.mt-lg-1, | |
.my-lg-1 { | |
margin-top: .25rem !important | |
} | |
.mr-lg-1, | |
.mx-lg-1 { | |
margin-right: .25rem !important | |
} | |
.mb-lg-1, | |
.my-lg-1 { | |
margin-bottom: .25rem !important | |
} | |
.ml-lg-1, | |
.mx-lg-1 { | |
margin-left: .25rem !important | |
} | |
.m-lg-2 { | |
margin: .5rem !important | |
} | |
.mt-lg-2, | |
.my-lg-2 { | |
margin-top: .5rem !important | |
} | |
.mr-lg-2, | |
.mx-lg-2 { | |
margin-right: .5rem !important | |
} | |
.mb-lg-2, | |
.my-lg-2 { | |
margin-bottom: .5rem !important | |
} | |
.ml-lg-2, | |
.mx-lg-2 { | |
margin-left: .5rem !important | |
} | |
.m-lg-3 { | |
margin: 1rem !important | |
} | |
.mt-lg-3, | |
.my-lg-3 { | |
margin-top: 1rem !important | |
} | |
.mr-lg-3, | |
.mx-lg-3 { | |
margin-right: 1rem !important | |
} | |
.mb-lg-3, | |
.my-lg-3 { | |
margin-bottom: 1rem !important | |
} | |
.ml-lg-3, | |
.mx-lg-3 { | |
margin-left: 1rem !important | |
} | |
.m-lg-4 { | |
margin: 1.5rem !important | |
} | |
.mt-lg-4, | |
.my-lg-4 { | |
margin-top: 1.5rem !important | |
} | |
.mr-lg-4, | |
.mx-lg-4 { | |
margin-right: 1.5rem !important | |
} | |
.mb-lg-4, | |
.my-lg-4 { | |
margin-bottom: 1.5rem !important | |
} | |
.ml-lg-4, | |
.mx-lg-4 { | |
margin-left: 1.5rem !important | |
} | |
.m-lg-5 { | |
margin: 2rem !important | |
} | |
.mt-lg-5, | |
.my-lg-5 { | |
margin-top: 2rem !important | |
} | |
.mr-lg-5, | |
.mx-lg-5 { | |
margin-right: 2rem !important | |
} | |
.mb-lg-5, | |
.my-lg-5 { | |
margin-bottom: 2rem !important | |
} | |
.ml-lg-5, | |
.mx-lg-5 { | |
margin-left: 2rem !important | |
} | |
.m-lg-6 { | |
margin: 2.5rem !important | |
} | |
.mt-lg-6, | |
.my-lg-6 { | |
margin-top: 2.5rem !important | |
} | |
.mr-lg-6, | |
.mx-lg-6 { | |
margin-right: 2.5rem !important | |
} | |
.mb-lg-6, | |
.my-lg-6 { | |
margin-bottom: 2.5rem !important | |
} | |
.ml-lg-6, | |
.mx-lg-6 { | |
margin-left: 2.5rem !important | |
} | |
.m-lg-7 { | |
margin: 3rem !important | |
} | |
.mt-lg-7, | |
.my-lg-7 { | |
margin-top: 3rem !important | |
} | |
.mr-lg-7, | |
.mx-lg-7 { | |
margin-right: 3rem !important | |
} | |
.mb-lg-7, | |
.my-lg-7 { | |
margin-bottom: 3rem !important | |
} | |
.ml-lg-7, | |
.mx-lg-7 { | |
margin-left: 3rem !important | |
} | |
} | |
/* The container-radio */ | |
.container-radio { | |
display: block; | |
position: relative; | |
padding-left: 24px; | |
margin-bottom: 12px; | |
cursor: pointer; | |
font-size: 16px; | |
-webkit-user-select: none; | |
-moz-user-select: none; | |
-ms-user-select: none; | |
user-select: none; | |
} | |
/* Hide the browser's default radio button */ | |
.container-radio input { | |
position: absolute; | |
opacity: 0; | |
cursor: pointer; | |
} | |
/* Create a custom radio button */ | |
.checkmark-radio { | |
position: absolute; | |
top: 50%; | |
left: 0; | |
height: 12px; | |
width: 12px; | |
background-color: #eee; | |
border-radius: 50%; | |
border: 2px solid #2196F3; | |
transform: translateY(-50%); | |
} | |
.container-radio:hover input~.checkmark-radio { | |
background-color: #ccc; | |
} | |
.container-radio input:checked~.checkmark-radio { | |
background-color: #2196F3; | |
} | |
.checkmark-radio:after { | |
content: ""; | |
position: absolute; | |
display: none; | |
} | |
.container-radio input:checked~.checkmark-radio:after { | |
display: block; | |
} | |
.container-radio .checkmark-radio:after { | |
top: 2px; | |
left: 2px; | |
width: 8px; | |
height: 8px; | |
border-radius: 50%; | |
background: white; | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment