html,body,div,span,applet,object,iframe,h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
display: block
}
body {
line-height: 1
}
ol,ul {
list-style: none
}
blockquote,q {
quotes: none
}
blockquote:before,blockquote:after,q:before,q:after {
content: '';
content: none
}
table {
border-collapse: collapse;
border-spacing: 0
}
@-ms-viewport {
width:extend-to-zoom 100%;zoom:1;user-zoom:fixed
}
@-o-viewport {
width:extend-to-zoom 100%;zoom:1;user-zoom:fixed
}
@viewport {
width:extend-to-zoom 100%;zoom:1;user-zoom:fixed
}
*,*:before,*:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
html {
background-color: #f1f3f5
}
body {
margin-left: auto;
margin-right: auto;
/*max-width: 1600px;*/
max-width: 95.36743rem;
overflow-x: hidden;
min-width: 320px;
background-color: #fff
}
.main-content {
overflow-x: hidden
}
hr {
height: 0;
border: none;
border-top: 1px solid #e1e6e3;
margin: 30px auto
}
img,svg {
max-width: 100%;
height: auto;
vertical-align: middle
}
img.max-width-none,svg.max-width-none {
max-width: none !important
}
img {
display: block
}
svg,.icon {
display: inline-block
}
svg[width="20"],svg[width="20px"] {
width: 20px
}
svg[height="20"],svg[height="20px"] {
height: 20px
}
svg[width="32"],svg[width="32px"] {
width: 32px
}
svg[height="32"],svg[height="32px"] {
height: 32px
}
svg[width="40"],svg[width="40px"] {
width: 40px
}
svg[height="40"],svg[height="40px"] {
height: 40px
}
svg[width="68"],svg[width="68px"] {
width: 68px
}
svg[height="68"],svg[height="68px"] {
height: 68px
}
svg[width="80"],svg[width="80px"] {
width: 80px
}
svg[height="80"],svg[height="80px"] {
height: 80px
}
.expand {
min-width: 0 !important;
width: 100% !important;
max-width: 100% !important
}
.expand-vertical {
min-height: 0 !important;
height: 100% !important;
max-height: 100% !important
}
section {
position: relative;
z-index: 1
}
section *:last-child {
margin-bottom: 0 !important;
}
.grid,[class*="grid-"] {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-left: -10px;
margin-right: -10px;
margin-bottom: -20px !important
}
.grid>*,[class*="grid-"]>* {
-webkit-box-flex: 0;
-webkit-flex: 0 1 auto;
-ms-flex: 0 1 auto;
flex: 0 1 auto
}
.grid>*,[class*="grid-"]>* {
width: 100%
}
.grid>*,[class*="grid-"]>* {
padding-left: 10px;
padding-right: 10px
}
.grid>*,[class*="grid-"]>* {
margin-bottom: 20px !important
}
.grid.gap-base,.grid.gap-vert-base,.grid.gap-bottom-base,[class*="grid-"].gap-base,[class*="grid-"].gap-vert-base,[class*="grid-"].gap-bottom-base {
margin-bottom: -10px !important
}
.grid.gap-line,.grid.gap-vert-line,.grid.gap-bottom-line,[class*="grid-"].gap-line,[class*="grid-"].gap-vert-line,[class*="grid-"].gap-bottom-line {
margin-bottom: 0px !important
}
.grid.gap-small,.grid.gap-vert-small,.grid.gap-bottom-small,[class*="grid-"].gap-small,[class*="grid-"].gap-vert-small,[class*="grid-"].gap-bottom-small {
margin-bottom: 10px !important
}
.grid.gap-medium,.grid.gap-vert-medium,.grid.gap-bottom-medium,[class*="grid-"].gap-medium,[class*="grid-"].gap-vert-medium,[class*="grid-"].gap-bottom-medium {
margin-bottom: 40px !important
}
.grid.gap-large,.grid.gap-vert-large,.grid.gap-bottom-large,[class*="grid-"].gap-large,[class*="grid-"].gap-vert-large,[class*="grid-"].gap-bottom-large {
margin-bottom: 60px !important
}
.grid.gap-none,.grid.gap-vert-none,.grid.gap-bottom-none,[class*="grid-"].gap-none,[class*="grid-"].gap-vert-none,[class*="grid-"].gap-bottom-none {
margin-bottom: -20px !important
}
.grid-reverse {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-webkit-flex-direction: row-reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse
}
.grid-row-equal-heights>* {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.grid-row-equal-heights>*>* {
-webkit-box-flex: 0;
-webkit-flex: 0 1 auto;
-ms-flex: 0 1 auto;
flex: 0 1 auto
}
.grid-row-equal-heights>*>* {
width: 100%
}
.no-shrink {
-webkit-flex-shrink: 0 !important;
-ms-flex-negative: 0 !important;
flex-shrink: 0 !important
}
.grid-auto>*,.grid-flex>* {
width: auto
}
.grid-flex {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap
}
.grid-flex>* {
-webkit-box-flex: 0;
-webkit-flex: 0 1 auto;
-ms-flex: 0 1 auto;
flex: 0 1 auto
}
.grid-1>* {
width: 100%
}
.grid-2>* {
width: 50%
}
.grid-3>* {
width: 33.33333%
}
.grid-4>* {
width: 25%
}
.grid-5>* {
width: 20%
}
.content-width-base {
margin-left: auto;
margin-right: auto;
max-width: 276px !important
}
.content-width-extra-small {
margin-left: auto;
margin-right: auto;
max-width: 324px !important
}
.content-width-small {
margin-left: auto;
margin-right: auto;
max-width: 424px !important
}
.content-width-medium {
margin-left: auto;
margin-right: auto;
max-width: 680px !important
}
.content-width-large {
margin-left: auto;
margin-right: auto;
max-width: 868px !important
}
.content-width-extra-large {
margin-left: auto;
margin-right: auto;
max-width: 1016px !important
}
@media (min-width: 718px) {
.content-cell-padding-left {
padding-left: 40px
}
.content-cell-padding-right {
padding-right: 40px
}
}
@media (min-width: 1024px) {
.content-cell-padding-left {
padding-left: 60px
}
.content-cell-padding-right {
padding-right: 60px
}
}
@media (min-width: 1292px) {
.content-cell-padding-left {
padding-left: 80px
}
.content-cell-padding-right {
padding-right: 80px
}
}
.display-block {
display: block !important
}
.display-flex {
display: -webkit-box !important;
display: -webkit-flex !important;
display: -ms-flexbox !important;
display: flex !important
}
.display-inline {
display: inline !important
}
.display-inline-block {
display: inline-block !important;
vertical-align: middle
}
.display-inline-flex {
display: -webkit-inline-box !important;
display: -webkit-inline-flex !important;
display: -ms-inline-flexbox !important;
display: inline-flex !important
}
.display-none,.hide {
display: none !important
}
@media (min-width: 374px) {
.display-block-at-extra-small {
display: block !important
}
.display-flex-at-extra-small {
display: -webkit-box !important;
display: -webkit-flex !important;
display: -ms-flexbox !important;
display: flex !important
}
.display-inline-at-extra-small {
display: inline !important
}
.display-inline-block-at-extra-small {
display: inline-block !important;
vertical-align: middle
}
.display-inline-flex-at-extra-small {
display: -webkit-inline-box !important;
display: -webkit-inline-flex !important;
display: -ms-inline-flexbox !important;
display: inline-flex !important
}
.display-none-at-extra-small,.hide-at-extra-small {
display: none !important
}
}
@media (max-width: 373px) {
.hide-until-extra-small {
display: none !important
}
}
@media (min-width: 480px) {
.display-block-at-small {
display: block !important
}
.display-flex-at-small {
display: -webkit-box !important;
display: -webkit-flex !important;
display: -ms-flexbox !important;
display: flex !important
}
.display-inline-at-small {
display: inline !important
}
.display-inline-block-at-small {
display: inline-block !important;
vertical-align: middle
}
.display-inline-flex-at-small {
display: -webkit-inline-box !important;
display: -webkit-inline-flex !important;
display: -ms-inline-flexbox !important;
display: inline-flex !important
}
.display-none-at-small,.hide-at-small {
display: none !important
}
}
@media (max-width: 479px) {
.hide-until-small {
display: none !important
}
}
@media (min-width: 718px) {
.display-block-at-medium {
display: block !important
}
.display-flex-at-medium {
display: -webkit-box !important;
display: -webkit-flex !important;
display: -ms-flexbox !important;
display: flex !important
}
.display-inline-at-medium {
display: inline !important
}
.display-inline-block-at-medium {
display: inline-block !important;
vertical-align: middle
}
.display-inline-flex-at-medium {
display: -webkit-inline-box !important;
display: -webkit-inline-flex !important;
display: -ms-inline-flexbox !important;
display: inline-flex !important
}
.display-none-at-medium,.hide-at-medium {
display: none !important
}
}
@media (max-width: 717px) {
.hide-until-medium {
display: none !important
}
}
@media (min-width: 1024px) {
.display-block-at-large {
display: block !important
}
.display-flex-at-large {
display: -webkit-box !important;
display: -webkit-flex !important;
display: -ms-flexbox !important;
display: flex !important
}
.display-inline-at-large {
display: inline !important
}
.display-inline-block-at-large {
display: inline-block !important;
vertical-align: middle
}
.display-inline-flex-at-large {
display: -webkit-inline-box !important;
display: -webkit-inline-flex !important;
display: -ms-inline-flexbox !important;
display: inline-flex !important
}
.display-none-at-large,.hide-at-large {
display: none !important
}
}
.grid-align-left,.flex-align-left {
display: -webkit-box !important;
display: -webkit-flex !important;
display: -ms-flexbox !important;
display: flex !important;
-webkit-box-pack: start !important;
-webkit-justify-content: flex-start !important;
-ms-flex-pack: start !important;
justify-content: flex-start !important
}
.grid-align-center,.flex-align-center {
display: -webkit-box !important;
display: -webkit-flex !important;
display: -ms-flexbox !important;
display: flex !important;
-webkit-box-pack: center !important;
-webkit-justify-content: center !important;
-ms-flex-pack: center !important;
justify-content: center !important
}
.grid-align-right,.flex-align-right {
display: -webkit-box !important;
display: -webkit-flex !important;
display: -ms-flexbox !important;
display: flex !important;
-webkit-box-pack: end !important;
-webkit-justify-content: flex-end !important;
-ms-flex-pack: end !important;
justify-content: flex-end !important
}
.grid-align-justify,.flex-align-justify {
display: -webkit-box !important;
display: -webkit-flex !important;
display: -ms-flexbox !important;
display: flex !important;
-webkit-box-pack: justify !important;
-webkit-justify-content: space-between !important;
-ms-flex-pack: justify !important;
justify-content: space-between !important
}
.grid-valign-top,.flex-valign-top {
display: -webkit-box !important;
display: -webkit-flex !important;
display: -ms-flexbox !important;
display: flex !important;
-webkit-align-content: flex-start !important;
-ms-flex-line-pack: start !important;
align-content: flex-start !important;
-webkit-box-align: start !important;
-webkit-align-items: flex-start !important;
-ms-flex-align: start !important;
align-items: flex-start !important
}
.grid-valign-middle,.flex-valign-middle {
display: -webkit-box !important;
display: -webkit-flex !important;
display: -ms-flexbox !important;
display: flex !important;
-webkit-align-content: center !important;
-ms-flex-line-pack: center !important;
align-content: center !important;
-webkit-box-align: center !important;
-webkit-align-items: center !important;
-ms-flex-align: center !important;
align-items: center !important
}
.grid-valign-bottom,.flex-valign-bottom {
display: -webkit-box !important;
display: -webkit-flex !important;
display: -ms-flexbox !important;
display: flex !important;
-webkit-align-content: flex-end !important;
-ms-flex-line-pack: end !important;
align-content: flex-end !important;
-webkit-box-align: end !important;
-webkit-align-items: flex-end !important;
-ms-flex-align: end !important;
align-items: flex-end !important
}
.grid-valign-justify,.flex-valign-justify {
display: -webkit-box !important;
display: -webkit-flex !important;
display: -ms-flexbox !important;
display: flex !important;
-webkit-align-content: space-between !important;
-ms-flex-line-pack: justify !important;
align-content: space-between !important;
-webkit-box-align: start !important;
-webkit-align-items: flex-start !important;
-ms-flex-align: start !important;
align-items: flex-start !important
}
.expand {
min-width: 0 !important;
width: 100% !important;
max-width: 100% !important
}
.expand-vertical {
min-height: 0 !important;
height: 100% !important;
max-height: 100% !important
}
.align-left {
text-align: left !important
}
.align-center {
text-align: center !important
}
.align-right {
text-align: right !important
}
.align-justify {
text-align: justify !important
}
.valign-baseline {
vertical-align: baseline !important
}
.valign-baseline * {
vertical-align: inherit
}
.valign-top {
vertical-align: top !important
}
.valign-top * {
vertical-align: inherit
}
.valign-middle {
vertical-align: middle !important
}
.valign-middle * {
vertical-align: inherit
}
.valign-bottom {
vertical-align: bottom !important
}
.valign-bottom * {
vertical-align: inherit
}
@media (min-width: 374px) {
.align-left-at-extra-small {
text-align: left !important
}
.align-center-at-extra-small {
text-align: center !important
}
.align-right-at-extra-small {
text-align: right !important
}
.align-justify-at-extra-small {
text-align: justify !important
}
.valign-baseline-at-extra-small {
vertical-align: baseline !important
}
.valign-baseline-at-extra-small * {
vertical-align: inherit
}
.valign-top-at-extra-small {
vertical-align: top !important
}
.valign-top-at-extra-small * {
vertical-align: inherit
}
.valign-middle-at-extra-small {
vertical-align: middle !important
}
.valign-middle-at-extra-small * {
vertical-align: inherit
}
.valign-bottom-at-extra-small {
vertical-align: bottom !important
}
.valign-bottom-at-extra-small * {
vertical-align: inherit
}
}
@media (min-width: 480px) {
.align-left-at-small {
text-align: left !important
}
.align-center-at-small {
text-align: center !important
}
.align-right-at-small {
text-align: right !important
}
.align-justify-at-small {
text-align: justify !important
}
.valign-baseline-at-small {
vertical-align: baseline !important
}
.valign-baseline-at-small * {
vertical-align: inherit
}
.valign-top-at-small {
vertical-align: top !important
}
.valign-top-at-small * {
vertical-align: inherit
}
.valign-middle-at-small {
vertical-align: middle !important
}
.valign-middle-at-small * {
vertical-align: inherit
}
.valign-bottom-at-small {
vertical-align: bottom !important
}
.valign-bottom-at-small * {
vertical-align: inherit
}
}
@media (min-width: 718px) {
.align-left-at-medium {
text-align: left !important
}
.align-center-at-medium {
text-align: center !important
}
.align-right-at-medium {
text-align: right !important
}
.align-justify-at-medium {
text-align: justify !important
}
.valign-baseline-at-medium {
vertical-align: baseline !important
}
.valign-baseline-at-medium * {
vertical-align: inherit
}
.valign-top-at-medium {
vertical-align: top !important
}
.valign-top-at-medium * {
vertical-align: inherit
}
.valign-middle-at-medium {
vertical-align: middle !important
}
.valign-middle-at-medium * {
vertical-align: inherit
}
.valign-bottom-at-medium {
vertical-align: bottom !important
}
.valign-bottom-at-medium * {
vertical-align: inherit
}
}
@media (min-width: 1024px) {
.align-left-at-large {
text-align: left !important
}
.align-center-at-large {
text-align: center !important
}
.align-right-at-large {
text-align: right !important
}
.align-justify-at-large {
text-align: justify !important
}
.valign-baseline-at-large {
vertical-align: baseline !important
}
.valign-baseline-at-large * {
vertical-align: inherit
}
.valign-top-at-large {
vertical-align: top !important
}
.valign-top-at-large * {
vertical-align: inherit
}
.valign-middle-at-large {
vertical-align: middle !important
}
.valign-middle-at-large * {
vertical-align: inherit
}
.valign-bottom-at-large {
vertical-align: bottom !important
}
.valign-bottom-at-large * {
vertical-align: inherit
}
}
@media (min-width: 1292px) {
.align-left-at-extra-large {
text-align: left !important
}
.align-center-at-extra-large {
text-align: center !important
}
.align-right-at-extra-large {
text-align: right !important
}
.align-justify-at-extra-large {
text-align: justify !important
}
.valign-baseline-at-extra-large {
vertical-align: baseline !important
}
.valign-baseline-at-extra-large * {
vertical-align: inherit
}
.valign-top-at-extra-large {
vertical-align: top !important
}
.valign-top-at-extra-large * {
vertical-align: inherit
}
.valign-middle-at-extra-large {
vertical-align: middle !important
}
.valign-middle-at-extra-large * {
vertical-align: inherit
}
.valign-bottom-at-extra-large {
vertical-align: bottom !important
}
.valign-bottom-at-extra-large * {
vertical-align: inherit
}
}
.pad-base {
padding: 10px !important
}
.pad-line {
padding: 20px !important
}
.pad-small {
padding: 30px !important
}
.pad-medium {
padding: 60px !important
}
.pad-large {
padding: 80px !important
}
.pad-none {
padding: 0 !important
}
.pad-vert-base {
padding-top: 10px !important;
padding-bottom: 10px !important
}
.pad-vert-line {
padding-top: 20px !important;
padding-bottom: 20px !important
}
.pad-vert-small {
padding-top: 30px !important;
padding-bottom: 30px !important
}
.pad-vert-medium {
padding-top: 60px !important;
padding-bottom: 60px !important
}
.pad-vert-large {
padding-top: 80px !important;
padding-bottom: 80px !important
}
.pad-vert-none {
padding-top: 0 !important;
padding-bottom: 0 !important
}
.pad-horz-base {
padding-left: 10px !important;
padding-right: 10px !important
}
.pad-horz-line {
padding-left: 20px !important;
padding-right: 20px !important
}
.pad-horz-small {
padding-left: 30px !important;
padding-right: 30px !important
}
.pad-horz-medium {
padding-left: 60px !important;
padding-right: 60px !important
}
.pad-horz-large {
padding-left: 80px !important;
padding-right: 80px !important
}
.pad-horz-none {
padding-left: 0 !important;
padding-right: 0 !important
}
.pad-top-base {
padding-top: 10px !important
}
.pad-top-line {
padding-top: 20px !important
}
.pad-top-small {
padding-top: 30px !important
}
.pad-top-medium {
padding-top: 60px !important
}
.pad-top-large {
padding-top: 80px !important
}
.pad-top-none {
padding-top: 0 !important
}
.pad-bottom-base {
padding-bottom: 10px !important
}
.pad-bottom-line {
padding-bottom: 20px !important
}
.pad-bottom-small {
padding-bottom: 30px !important
}
.pad-bottom-medium {
padding-bottom: 60px !important
}
.pad-bottom-large {
padding-bottom: 80px !important
}
.pad-bottom-none {
padding-bottom: 0 !important
}
.pad-left-base {
padding-left: 10px !important
}
.pad-left-line {
padding-left: 20px !important
}
.pad-left-small {
padding-left: 30px !important
}
.pad-left-medium {
padding-left: 60px !important
}
.pad-left-large {
padding-left: 80px !important
}
.pad-left-none {
padding-left: 0 !important
}
.pad-right-base {
padding-right: 10px !important
}
.pad-right-line {
padding-right: 20px !important
}
.pad-right-small {
padding-right: 30px !important
}
.pad-right-medium {
padding-right: 60px !important
}
.pad-right-large {
padding-right: 80px !important
}
.pad-right-none {
padding-right: 0 !important
}
.gap-base {
margin: 10px !important
}
.gap-line {
margin: 20px !important
}
.gap-small {
margin: 30px !important
}
.gap-medium {
margin: 60px !important
}
.gap-large {
margin: 80px !important
}
.gap-none {
margin: 0 !important
}
.gap-vert-base {
margin-top: 10px !important;
margin-bottom: 10px !important
}
.gap-vert-line {
margin-top: 20px !important;
margin-bottom: 20px !important
}
.gap-vert-small {
margin-top: 30px !important;
margin-bottom: 30px !important
}
.gap-vert-medium {
margin-top: 60px !important;
margin-bottom: 60px !important
}
.gap-vert-large {
margin-top: 80px !important;
margin-bottom: 80px !important
}
.gap-vert-none {
margin-top: 0 !important;
margin-bottom: 0 !important
}
.gap-horz-base {
margin-left: 10px !important;
margin-right: 10px !important
}
.gap-horz-line {
margin-left: 20px !important;
margin-right: 20px !important
}
.gap-horz-small {
margin-left: 30px !important;
margin-right: 30px !important
}
.gap-horz-medium {
margin-left: 60px !important;
margin-right: 60px !important
}
.gap-horz-large {
margin-left: 80px !important;
margin-right: 80px !important
}
.gap-horz-none {
margin-left: 0 !important;
margin-right: 0 !important
}
.gap-top-base {
margin-top: 10px !important
}
.gap-top-line {
margin-top: 20px !important
}
.gap-top-small {
margin-top: 24px !important
}
.gap-top-medium {
margin-top: 60px !important
}
.gap-top-large {
margin-top: 80px !important
}
.gap-top-none {
margin-top: 0 !important
}
.gap-bottom-base {
margin-bottom: 10px !important
}
.gap-bottom-line {
margin-bottom: 20px !important
}
.gap-bottom-small {
margin-bottom: 30px !important
}
.gap-bottom-medium {
margin-bottom: 60px !important
}
.gap-bottom-large {
margin-bottom: 80px !important
}
.gap-bottom-none {
margin-bottom: 0 !important
}
.gap-left-base {
margin-left: 10px !important
}
.gap-left-line {
margin-left: 20px !important
}
.gap-left-small {
margin-left: 30px !important
}
.gap-left-medium {
margin-left: 60px !important
}
.gap-left-large {
margin-left: 80px !important
}
.gap-left-none {
margin-left: 0 !important
}
.gap-right-base {
margin-right: 10px !important
}
.gap-right-line {
margin-right: 20px !important
}
.gap-right-small {
margin-right: 30px !important
}
.gap-right-medium {
margin-right: 60px !important
}
.gap-right-large {
margin-right: 80px !important
}
.gap-right-none {
margin-right: 0 !important
}
.offset-base {
margin: -10px !important
}
.offset-line {
margin: -20px !important
}
.offset-small {
margin: -30px !important
}
.offset-medium {
margin: -60px !important
}
.offset-large {
margin: -80px !important
}
.offset-none {
margin: 0 !important
}
.offset-vert-base {
margin-top: -10px !important;
margin-bottom: -10px !important
}
.offset-vert-line {
margin-top: -20px !important;
margin-bottom: -20px !important
}
.offset-vert-small {
margin-top: -30px !important;
margin-bottom: -30px !important
}
.offset-vert-medium {
margin-top: -60px !important;
margin-bottom: -60px !important
}
.offset-vert-large {
margin-top: -80px !important;
margin-bottom: -80px !important
}
.offset-vert-none {
margin-top: 0 !important;
margin-bottom: 0 !important
}
.offset-horz-base {
margin-left: -10px !important;
margin-right: -10px !important
}
.offset-horz-line {
margin-left: -20px !important;
margin-right: -20px !important
}
.offset-horz-small {
margin-left: -30px !important;
margin-right: -30px !important
}
.offset-horz-medium {
margin-left: -60px !important;
margin-right: -60px !important
}
.offset-horz-large {
margin-left: -80px !important;
margin-right: -80px !important
}
.offset-horz-none {
margin-left: 0 !important;
margin-right: 0 !important
}
.offset-top-base {
margin-top: -10px !important
}
.offset-top-line {
margin-top: -20px !important
}
.offset-top-small {
margin-top: -30px !important
}
.offset-top-medium {
margin-top: -60px !important
}
.offset-top-large {
margin-top: -80px !important
}
.offset-top-none {
margin-top: 0 !important
}
.offset-bottom-base {
margin-bottom: -10px !important
}
.offset-bottom-line {
margin-bottom: -20px !important
}
.offset-bottom-small {
margin-bottom: -30px !important
}
.offset-bottom-medium {
margin-bottom: -60px !important
}
.offset-bottom-large {
margin-bottom: -80px !important
}
.offset-bottom-none {
margin-bottom: 0 !important
}
.offset-left-base {
margin-left: -10px !important
}
.offset-left-line {
margin-left: -20px !important
}
.offset-left-small {
margin-left: -30px !important
}
.offset-left-medium {
margin-left: -60px !important
}
.offset-left-large {
margin-left: -80px !important
}
.offset-left-none {
margin-left: 0 !important
}
.offset-right-base {
margin-right: -10px !important
}
.offset-right-line {
margin-right: -20px !important
}
.offset-right-small {
margin-right: -30px !important
}
.offset-right-medium {
margin-right: -60px !important
}
.offset-right-large {
margin-right: -80px !important
}
.offset-right-none {
margin-right: 0 !important
}
@media (min-width: 374px) {
.pad-base-at-extra-small {
padding: 10px !important
}
.pad-line-at-extra-small {
padding: 20px !important
}
.pad-small-at-extra-small {
padding: 30px !important
}
.pad-medium-at-extra-small {
padding: 60px !important
}
.pad-large-at-extra-small {
padding: 80px !important
}
.pad-none-at-extra-small {
padding: 0 !important
}
.pad-vert-base-at-extra-small {
padding-top: 10px !important;
padding-bottom: 10px !important
}
.pad-vert-line-at-extra-small {
padding-top: 20px !important;
padding-bottom: 20px !important
}
.pad-vert-small-at-extra-small {
padding-top: 30px !important;
padding-bottom: 30px !important
}
.pad-vert-medium-at-extra-small {
padding-top: 60px !important;
padding-bottom: 60px !important
}
.pad-vert-large-at-extra-small {
padding-top: 80px !important;
padding-bottom: 80px !important
}
.pad-vert-none-at-extra-small {
padding-top: 0 !important;
padding-bottom: 0 !important
}
.pad-horz-base-at-extra-small {
padding-left: 10px !important;
padding-right: 10px !important
}
.pad-horz-line-at-extra-small {
padding-left: 20px !important;
padding-right: 20px !important
}
.pad-horz-small-at-extra-small {
padding-left: 30px !important;
padding-right: 30px !important
}
.pad-horz-medium-at-extra-small {
padding-left: 60px !important;
padding-right: 60px !important
}
.pad-horz-large-at-extra-small {
padding-left: 80px !important;
padding-right: 80px !important
}
.pad-horz-none-at-extra-small {
padding-left: 0 !important;
padding-right: 0 !important
}
.pad-top-base-at-extra-small {
padding-top: 10px !important
}
.pad-top-line-at-extra-small {
padding-top: 20px !important
}
.pad-top-small-at-extra-small {
padding-top: 30px !important
}
.pad-top-medium-at-extra-small {
padding-top: 60px !important
}
.pad-top-large-at-extra-small {
padding-top: 80px !important
}
.pad-top-none-at-extra-small {
padding-top: 0 !important
}
.pad-bottom-base-at-extra-small {
padding-bottom: 10px !important
}
.pad-bottom-line-at-extra-small {
padding-bottom: 20px !important
}
.pad-bottom-small-at-extra-small {
padding-bottom: 30px !important
}
.pad-bottom-medium-at-extra-small {
padding-bottom: 60px !important
}
.pad-bottom-large-at-extra-small {
padding-bottom: 80px !important
}
.pad-bottom-none-at-extra-small {
padding-bottom: 0 !important
}
.pad-left-base-at-extra-small {
padding-left: 10px !important
}
.pad-left-line-at-extra-small {
padding-left: 20px !important
}
.pad-left-small-at-extra-small {
padding-left: 30px !important
}
.pad-left-medium-at-extra-small {
padding-left: 60px !important
}
.pad-left-large-at-extra-small {
padding-left: 80px !important
}
.pad-left-none-at-extra-small {
padding-left: 0 !important
}
.pad-right-base-at-extra-small {
padding-right: 10px !important
}
.pad-right-line-at-extra-small {
padding-right: 20px !important
}
.pad-right-small-at-extra-small {
padding-right: 30px !important
}
.pad-right-medium-at-extra-small {
padding-right: 60px !important
}
.pad-right-large-at-extra-small {
padding-right: 80px !important
}
.pad-right-none-at-extra-small {
padding-right: 0 !important
}
.gap-base-at-extra-small {
margin: 10px !important
}
.gap-line-at-extra-small {
margin: 20px !important
}
.gap-small-at-extra-small {
margin: 30px !important
}
.gap-medium-at-extra-small {
margin: 60px !important
}
.gap-large-at-extra-small {
margin: 80px !important
}
.gap-none-at-extra-small {
margin: 0 !important
}
.gap-vert-base-at-extra-small {
margin-top: 10px !important;
margin-bottom: 10px !important
}
.gap-vert-line-at-extra-small {
margin-top: 20px !important;
margin-bottom: 20px !important
}
.gap-vert-small-at-extra-small {
margin-top: 30px !important;
margin-bottom: 30px !important
}
.gap-vert-medium-at-extra-small {
margin-top: 60px !important;
margin-bottom: 60px !important
}
.gap-vert-large-at-extra-small {
margin-top: 80px !important;
margin-bottom: 80px !important
}
.gap-vert-none-at-extra-small {
margin-top: 0 !important;
margin-bottom: 0 !important
}
.gap-horz-base-at-extra-small {
margin-left: 10px !important;
margin-right: 10px !important
}
.gap-horz-line-at-extra-small {
margin-left: 20px !important;
margin-right: 20px !important
}
.gap-horz-small-at-extra-small {
margin-left: 30px !important;
margin-right: 30px !important
}
.gap-horz-medium-at-extra-small {
margin-left: 60px !important;
margin-right: 60px !important
}
.gap-horz-large-at-extra-small {
margin-left: 80px !important;
margin-right: 80px !important
}
.gap-horz-none-at-extra-small {
margin-left: 0 !important;
margin-right: 0 !important
}
.gap-top-base-at-extra-small {
margin-top: 10px !important
}
.gap-top-line-at-extra-small {
margin-top: 20px !important
}
.gap-top-small-at-extra-small {
margin-top: 30px !important
}
.gap-top-medium-at-extra-small {
margin-top: 60px !important
}
.gap-top-large-at-extra-small {
margin-top: 80px !important
}
.gap-top-none-at-extra-small {
margin-top: 0 !important
}
.gap-bottom-base-at-extra-small {
margin-bottom: 10px !important
}
.gap-bottom-line-at-extra-small {
margin-bottom: 20px !important
}
.gap-bottom-small-at-extra-small {
margin-bottom: 30px !important
}
.gap-bottom-medium-at-extra-small {
margin-bottom: 60px !important
}
.gap-bottom-large-at-extra-small {
margin-bottom: 80px !important
}
.gap-bottom-none-at-extra-small {
margin-bottom: 0 !important
}
.gap-left-base-at-extra-small {
margin-left: 10px !important
}
.gap-left-line-at-extra-small {
margin-left: 20px !important
}
.gap-left-small-at-extra-small {
margin-left: 30px !important
}
.gap-left-medium-at-extra-small {
margin-left: 60px !important
}
.gap-left-large-at-extra-small {
margin-left: 80px !important
}
.gap-left-none-at-extra-small {
margin-left: 0 !important
}
.gap-right-base-at-extra-small {
margin-right: 10px !important
}
.gap-right-line-at-extra-small {
margin-right: 20px !important
}
.gap-right-small-at-extra-small {
margin-right: 30px !important
}
.gap-right-medium-at-extra-small {
margin-right: 60px !important
}
.gap-right-large-at-extra-small {
margin-right: 80px !important
}
.gap-right-none-at-extra-small {
margin-right: 0 !important
}
.offset-base-at-extra-small {
margin: -10px !important
}
.offset-line-at-extra-small {
margin: -20px !important
}
.offset-small-at-extra-small {
margin: -30px !important
}
.offset-medium-at-extra-small {
margin: -60px !important
}
.offset-large-at-extra-small {
margin: -80px !important
}
.offset-none-at-extra-small {
margin: 0 !important
}
.offset-vert-base-at-extra-small {
margin-top: -10px !important;
margin-bottom: -10px !important
}
.offset-vert-line-at-extra-small {
margin-top: -20px !important;
margin-bottom: -20px !important
}
.offset-vert-small-at-extra-small {
margin-top: -30px !important;
margin-bottom: -30px !important
}
.offset-vert-medium-at-extra-small {
margin-top: -60px !important;
margin-bottom: -60px !important
}
.offset-vert-large-at-extra-small {
margin-top: -80px !important;
margin-bottom: -80px !important
}
.offset-vert-none-at-extra-small {
margin-top: 0 !important;
margin-bottom: 0 !important
}
.offset-horz-base-at-extra-small {
margin-left: -10px !important;
margin-right: -10px !important
}
.offset-horz-line-at-extra-small {
margin-left: -20px !important;
margin-right: -20px !important
}
.offset-horz-small-at-extra-small {
margin-left: -30px !important;
margin-right: -30px !important
}
.offset-horz-medium-at-extra-small {
margin-left: -60px !important;
margin-right: -60px !important
}
.offset-horz-large-at-extra-small {
margin-left: -80px !important;
margin-right: -80px !important
}
.offset-horz-none-at-extra-small {
margin-left: 0 !important;
margin-right: 0 !important
}
.offset-top-base-at-extra-small {
margin-top: -10px !important
}
.offset-top-line-at-extra-small {
margin-top: -20px !important
}
.offset-top-small-at-extra-small {
margin-top: -30px !important
}
.offset-top-medium-at-extra-small {
margin-top: -60px !important
}
.offset-top-large-at-extra-small {
margin-top: -80px !important
}
.offset-top-none-at-extra-small {
margin-top: 0 !important
}
.offset-bottom-base-at-extra-small {
margin-bottom: -10px !important
}
.offset-bottom-line-at-extra-small {
margin-bottom: -20px !important
}
.offset-bottom-small-at-extra-small {
margin-bottom: -30px !important
}
.offset-bottom-medium-at-extra-small {
margin-bottom: -60px !important
}
.offset-bottom-large-at-extra-small {
margin-bottom: -80px !important
}
.offset-bottom-none-at-extra-small {
margin-bottom: 0 !important
}
.offset-left-base-at-extra-small {
margin-left: -10px !important
}
.offset-left-line-at-extra-small {
margin-left: -20px !important
}
.offset-left-small-at-extra-small {
margin-left: -30px !important
}
.offset-left-medium-at-extra-small {
margin-left: -60px !important
}
.offset-left-large-at-extra-small {
margin-left: -80px !important
}
.offset-left-none-at-extra-small {
margin-left: 0 !important
}
.offset-right-base-at-extra-small {
margin-right: -10px !important
}
.offset-right-line-at-extra-small {
margin-right: -20px !important
}
.offset-right-small-at-extra-small {
margin-right: -30px !important
}
.offset-right-medium-at-extra-small {
margin-right: -60px !important
}
.offset-right-large-at-extra-small {
margin-right: -80px !important
}
.offset-right-none-at-extra-small {
margin-right: 0 !important
}
}
@media (min-width: 480px) {
.pad-base-at-small {
padding: 10px !important
}
.pad-line-at-small {
padding: 20px !important
}
.pad-small-at-small {
padding: 30px !important
}
.pad-medium-at-small {
padding: 60px !important
}
.pad-large-at-small {
padding: 80px !important
}
.pad-none-at-small {
padding: 0 !important
}
.pad-vert-base-at-small {
padding-top: 10px !important;
padding-bottom: 10px !important
}
.pad-vert-line-at-small {
padding-top: 20px !important;
padding-bottom: 20px !important
}
.pad-vert-small-at-small {
padding-top: 30px !important;
padding-bottom: 30px !important
}
.pad-vert-medium-at-small {
padding-top: 60px !important;
padding-bottom: 60px !important
}
.pad-vert-large-at-small {
padding-top: 80px !important;
padding-bottom: 80px !important
}
.pad-vert-none-at-small {
padding-top: 0 !important;
padding-bottom: 0 !important
}
.pad-horz-base-at-small {
padding-left: 10px !important;
padding-right: 10px !important
}
.pad-horz-line-at-small {
padding-left: 20px !important;
padding-right: 20px !important
}
.pad-horz-small-at-small {
padding-left: 30px !important;
padding-right: 30px !important
}
.pad-horz-medium-at-small {
padding-left: 60px !important;
padding-right: 60px !important
}
.pad-horz-large-at-small {
padding-left: 80px !important;
padding-right: 80px !important
}
.pad-horz-none-at-small {
padding-left: 0 !important;
padding-right: 0 !important
}
.pad-top-base-at-small {
padding-top: 10px !important
}
.pad-top-line-at-small {
padding-top: 20px !important
}
.pad-top-small-at-small {
padding-top: 30px !important
}
.pad-top-medium-at-small {
padding-top: 60px !important
}
.pad-top-large-at-small {
padding-top: 80px !important
}
.pad-top-none-at-small {
padding-top: 0 !important
}
.pad-bottom-base-at-small {
padding-bottom: 10px !important
}
.pad-bottom-line-at-small {
padding-bottom: 20px !important
}
.pad-bottom-small-at-small {
padding-bottom: 30px !important
}
.pad-bottom-medium-at-small {
padding-bottom: 60px !important
}
.pad-bottom-large-at-small {
padding-bottom: 80px !important
}
.pad-bottom-none-at-small {
padding-bottom: 0 !important
}
.pad-left-base-at-small {
padding-left: 10px !important
}
.pad-left-line-at-small {
padding-left: 20px !important
}
.pad-left-small-at-small {
padding-left: 30px !important
}
.pad-left-medium-at-small {
padding-left: 60px !important
}
.pad-left-large-at-small {
padding-left: 80px !important
}
.pad-left-none-at-small {
padding-left: 0 !important
}
.pad-right-base-at-small {
padding-right: 10px !important
}
.pad-right-line-at-small {
padding-right: 20px !important
}
.pad-right-small-at-small {
padding-right: 30px !important
}
.pad-right-medium-at-small {
padding-right: 60px !important
}
.pad-right-large-at-small {
padding-right: 80px !important
}
.pad-right-none-at-small {
padding-right: 0 !important
}
.gap-base-at-small {
margin: 10px !important
}
.gap-line-at-small {
margin: 20px !important
}
.gap-small-at-small {
margin: 30px !important
}
.gap-medium-at-small {
margin: 60px !important
}
.gap-large-at-small {
margin: 80px !important
}
.gap-none-at-small {
margin: 0 !important
}
.gap-vert-base-at-small {
margin-top: 10px !important;
margin-bottom: 10px !important
}
.gap-vert-line-at-small {
margin-top: 20px !important;
margin-bottom: 20px !important
}
.gap-vert-small-at-small {
margin-top: 30px !important;
margin-bottom: 30px !important
}
.gap-vert-medium-at-small {
margin-top: 60px !important;
margin-bottom: 60px !important
}
.gap-vert-large-at-small {
margin-top: 80px !important;
margin-bottom: 80px !important
}
.gap-vert-none-at-small {
margin-top: 0 !important;
margin-bottom: 0 !important
}
.gap-horz-base-at-small {
margin-left: 10px !important;
margin-right: 10px !important
}
.gap-horz-line-at-small {
margin-left: 20px !important;
margin-right: 20px !important
}
.gap-horz-small-at-small {
margin-left: 30px !important;
margin-right: 30px !important
}
.gap-horz-medium-at-small {
margin-left: 60px !important;
margin-right: 60px !important
}
.gap-horz-large-at-small {
margin-left: 80px !important;
margin-right: 80px !important
}
.gap-horz-none-at-small {
margin-left: 0 !important;
margin-right: 0 !important
}
.gap-top-base-at-small {
margin-top: 10px !important
}
.gap-top-line-at-small {
margin-top: 20px !important
}
.gap-top-small-at-small {
margin-top: 30px !important
}
.gap-top-medium-at-small {
margin-top: 60px !important
}
.gap-top-large-at-small {
margin-top: 80px !important
}
.gap-top-none-at-small {
margin-top: 0 !important
}
.gap-bottom-base-at-small {
margin-bottom: 10px !important
}
.gap-bottom-line-at-small {
margin-bottom: 20px !important
}
.gap-bottom-small-at-small {
margin-bottom: 30px !important
}
.gap-bottom-medium-at-small {
margin-bottom: 60px !important
}
.gap-bottom-large-at-small {
margin-bottom: 80px !important
}
.gap-bottom-none-at-small {
margin-bottom: 0 !important
}
.gap-left-base-at-small {
margin-left: 10px !important
}
.gap-left-line-at-small {
margin-left: 20px !important
}
.gap-left-small-at-small {
margin-left: 30px !important
}
.gap-left-medium-at-small {
margin-left: 60px !important
}
.gap-left-large-at-small {
margin-left: 80px !important
}
.gap-left-none-at-small {
margin-left: 0 !important
}
.gap-right-base-at-small {
margin-right: 10px !important
}
.gap-right-line-at-small {
margin-right: 20px !important
}
.gap-right-small-at-small {
margin-right: 30px !important
}
.gap-right-medium-at-small {
margin-right: 60px !important
}
.gap-right-large-at-small {
margin-right: 80px !important
}
.gap-right-none-at-small {
margin-right: 0 !important
}
.offset-base-at-small {
margin: -10px !important
}
.offset-line-at-small {
margin: -20px !important
}
.offset-small-at-small {
margin: -30px !important
}
.offset-medium-at-small {
margin: -60px !important
}
.offset-large-at-small {
margin: -80px !important
}
.offset-none-at-small {
margin: 0 !important
}
.offset-vert-base-at-small {
margin-top: -10px !important;
margin-bottom: -10px !important
}
.offset-vert-line-at-small {
margin-top: -20px !important;
margin-bottom: -20px !important
}
.offset-vert-small-at-small {
margin-top: -30px !important;
margin-bottom: -30px !important
}
.offset-vert-medium-at-small {
margin-top: -60px !important;
margin-bottom: -60px !important
}
.offset-vert-large-at-small {
margin-top: -80px !important;
margin-bottom: -80px !important
}
.offset-vert-none-at-small {
margin-top: 0 !important;
margin-bottom: 0 !important
}
.offset-horz-base-at-small {
margin-left: -10px !important;
margin-right: -10px !important
}
.offset-horz-line-at-small {
margin-left: -20px !important;
margin-right: -20px !important
}
.offset-horz-small-at-small {
margin-left: -30px !important;
margin-right: -30px !important
}
.offset-horz-medium-at-small {
margin-left: -60px !important;
margin-right: -60px !important
}
.offset-horz-large-at-small {
margin-left: -80px !important;
margin-right: -80px !important
}
.offset-horz-none-at-small {
margin-left: 0 !important;
margin-right: 0 !important
}
.offset-top-base-at-small {
margin-top: -10px !important
}
.offset-top-line-at-small {
margin-top: -20px !important
}
.offset-top-small-at-small {
margin-top: -30px !important
}
.offset-top-medium-at-small {
margin-top: -60px !important
}
.offset-top-large-at-small {
margin-top: -80px !important
}
.offset-top-none-at-small {
margin-top: 0 !important
}
.offset-bottom-base-at-small {
margin-bottom: -10px !important
}
.offset-bottom-line-at-small {
margin-bottom: -20px !important
}
.offset-bottom-small-at-small {
margin-bottom: -30px !important
}
.offset-bottom-medium-at-small {
margin-bottom: -60px !important
}
.offset-bottom-large-at-small {
margin-bottom: -80px !important
}
.offset-bottom-none-at-small {
margin-bottom: 0 !important
}
.offset-left-base-at-small {
margin-left: -10px !important
}
.offset-left-line-at-small {
margin-left: -20px !important
}
.offset-left-small-at-small {
margin-left: -30px !important
}
.offset-left-medium-at-small {
margin-left: -60px !important
}
.offset-left-large-at-small {
margin-left: -80px !important
}
.offset-left-none-at-small {
margin-left: 0 !important
}
.offset-right-base-at-small {
margin-right: -10px !important
}
.offset-right-line-at-small {
margin-right: -20px !important
}
.offset-right-small-at-small {
margin-right: -30px !important
}
.offset-right-medium-at-small {
margin-right: -60px !important
}
.offset-right-large-at-small {
margin-right: -80px !important
}
.offset-right-none-at-small {
margin-right: 0 !important
}
}
@media (min-width: 718px) {
.pad-base-at-medium {
padding: 10px !important
}
.pad-line-at-medium {
padding: 20px !important
}
.pad-small-at-medium {
padding: 30px !important
}
.pad-medium-at-medium {
padding: 60px !important
}
.pad-large-at-medium {
padding: 80px !important
}
.pad-none-at-medium {
padding: 0 !important
}
.pad-vert-base-at-medium {
padding-top: 10px !important;
padding-bottom: 10px !important
}
.pad-vert-line-at-medium {
padding-top: 20px !important;
padding-bottom: 20px !important
}
.pad-vert-small-at-medium {
padding-top: 30px !important;
padding-bottom: 30px !important
}
.pad-vert-medium-at-medium {
padding-top: 60px !important;
padding-bottom: 60px !important
}
.pad-vert-large-at-medium {
padding-top: 80px !important;
padding-bottom: 80px !important
}
.pad-vert-none-at-medium {
padding-top: 0 !important;
padding-bottom: 0 !important
}
.pad-horz-base-at-medium {
padding-left: 10px !important;
padding-right: 10px !important
}
.pad-horz-line-at-medium {
padding-left: 20px !important;
padding-right: 20px !important
}
.pad-horz-small-at-medium {
padding-left: 30px !important;
padding-right: 30px !important
}
.pad-horz-medium-at-medium {
padding-left: 60px !important;
padding-right: 60px !important
}
.pad-horz-large-at-medium {
padding-left: 80px !important;
padding-right: 80px !important
}
.pad-horz-none-at-medium {
padding-left: 0 !important;
padding-right: 0 !important
}
.pad-top-base-at-medium {
padding-top: 10px !important
}
.pad-top-line-at-medium {
padding-top: 20px !important
}
.pad-top-small-at-medium {
padding-top: 30px !important
}
.pad-top-medium-at-medium {
padding-top: 60px !important
}
.pad-top-large-at-medium {
padding-top: 80px !important
}
.pad-top-none-at-medium {
padding-top: 0 !important
}
.pad-bottom-base-at-medium {
padding-bottom: 10px !important
}
.pad-bottom-line-at-medium {
padding-bottom: 20px !important
}
.pad-bottom-small-at-medium {
padding-bottom: 30px !important
}
.pad-bottom-medium-at-medium {
padding-bottom: 60px !important
}
.pad-bottom-large-at-medium {
padding-bottom: 80px !important
}
.pad-bottom-none-at-medium {
padding-bottom: 0 !important
}
.pad-left-base-at-medium {
padding-left: 10px !important
}
.pad-left-line-at-medium {
padding-left: 20px !important
}
.pad-left-small-at-medium {
padding-left: 30px !important
}
.pad-left-medium-at-medium {
padding-left: 60px !important
}
.pad-left-large-at-medium {
padding-left: 80px !important
}
.pad-left-none-at-medium {
padding-left: 0 !important
}
.pad-right-base-at-medium {
padding-right: 10px !important
}
.pad-right-line-at-medium {
padding-right: 20px !important
}
.pad-right-small-at-medium {
padding-right: 30px !important
}
.pad-right-medium-at-medium {
padding-right: 60px !important
}
.pad-right-large-at-medium {
padding-right: 80px !important
}
.pad-right-none-at-medium {
padding-right: 0 !important
}
.gap-base-at-medium {
margin: 10px !important
}
.gap-line-at-medium {
margin: 20px !important
}
.gap-small-at-medium {
margin: 30px !important
}
.gap-medium-at-medium {
margin: 60px !important
}
.gap-large-at-medium {
margin: 80px !important
}
.gap-none-at-medium {
margin: 0 !important
}
.gap-vert-base-at-medium {
margin-top: 10px !important;
margin-bottom: 10px !important
}
.gap-vert-line-at-medium {
margin-top: 20px !important;
margin-bottom: 20px !important
}
.gap-vert-small-at-medium {
margin-top: 30px !important;
margin-bottom: 30px !important
}
.gap-vert-medium-at-medium {
margin-top: 60px !important;
margin-bottom: 60px !important
}
.gap-vert-large-at-medium {
margin-top: 80px !important;
margin-bottom: 80px !important
}
.gap-vert-none-at-medium {
margin-top: 0 !important;
margin-bottom: 0 !important
}
.gap-horz-base-at-medium {
margin-left: 10px !important;
margin-right: 10px !important
}
.gap-horz-line-at-medium {
margin-left: 20px !important;
margin-right: 20px !important
}
.gap-horz-small-at-medium {
margin-left: 30px !important;
margin-right: 30px !important
}
.gap-horz-medium-at-medium {
margin-left: 60px !important;
margin-right: 60px !important
}
.gap-horz-large-at-medium {
margin-left: 80px !important;
margin-right: 80px !important
}
.gap-horz-none-at-medium {
margin-left: 0 !important;
margin-right: 0 !important
}
.gap-top-base-at-medium {
margin-top: 10px !important
}
.gap-top-line-at-medium {
margin-top: 20px !important
}
.gap-top-small-at-medium {
margin-top: 30px !important
}
.gap-top-medium-at-medium {
margin-top: 60px !important
}
.gap-top-large-at-medium {
margin-top: 80px !important
}
.gap-top-none-at-medium {
margin-top: 0 !important
}
.gap-bottom-base-at-medium {
margin-bottom: 10px !important
}
.gap-bottom-line-at-medium {
margin-bottom: 20px !important
}
.gap-bottom-small-at-medium {
margin-bottom: 30px !important
}
.gap-bottom-medium-at-medium {
margin-bottom: 60px !important
}
.gap-bottom-large-at-medium {
margin-bottom: 80px !important
}
.gap-bottom-none-at-medium {
margin-bottom: 0 !important
}
.gap-left-base-at-medium {
margin-left: 10px !important
}
.gap-left-line-at-medium {
margin-left: 20px !important
}
.gap-left-small-at-medium {
margin-left: 30px !important
}
.gap-left-medium-at-medium {
margin-left: 60px !important
}
.gap-left-large-at-medium {
margin-left: 80px !important
}
.gap-left-none-at-medium {
margin-left: 0 !important
}
.gap-right-base-at-medium {
margin-right: 10px !important
}
.gap-right-line-at-medium {
margin-right: 20px !important
}
.gap-right-small-at-medium {
margin-right: 30px !important
}
.gap-right-medium-at-medium {
margin-right: 60px !important
}
.gap-right-large-at-medium {
margin-right: 80px !important
}
.gap-right-none-at-medium {
margin-right: 0 !important
}
.offset-base-at-medium {
margin: -10px !important
}
.offset-line-at-medium {
margin: -20px !important
}
.offset-small-at-medium {
margin: -30px !important
}
.offset-medium-at-medium {
margin: -60px !important
}
.offset-large-at-medium {
margin: -80px !important
}
.offset-none-at-medium {
margin: 0 !important
}
.offset-vert-base-at-medium {
margin-top: -10px !important;
margin-bottom: -10px !important
}
.offset-vert-line-at-medium {
margin-top: -20px !important;
margin-bottom: -20px !important
}
.offset-vert-small-at-medium {
margin-top: -30px !important;
margin-bottom: -30px !important
}
.offset-vert-medium-at-medium {
margin-top: -60px !important;
margin-bottom: -60px !important
}
.offset-vert-large-at-medium {
margin-top: -80px !important;
margin-bottom: -80px !important
}
.offset-vert-none-at-medium {
margin-top: 0 !important;
margin-bottom: 0 !important
}
.offset-horz-base-at-medium {
margin-left: -10px !important;
margin-right: -10px !important
}
.offset-horz-line-at-medium {
margin-left: -20px !important;
margin-right: -20px !important
}
.offset-horz-small-at-medium {
margin-left: -30px !important;
margin-right: -30px !important
}
.offset-horz-medium-at-medium {
margin-left: -60px !important;
margin-right: -60px !important
}
.offset-horz-large-at-medium {
margin-left: -80px !important;
margin-right: -80px !important
}
.offset-horz-none-at-medium {
margin-left: 0 !important;
margin-right: 0 !important
}
.offset-top-base-at-medium {
margin-top: -10px !important
}
.offset-top-line-at-medium {
margin-top: -20px !important
}
.offset-top-small-at-medium {
margin-top: -30px !important
}
.offset-top-medium-at-medium {
margin-top: -60px !important
}
.offset-top-large-at-medium {
margin-top: -80px !important
}
.offset-top-none-at-medium {
margin-top: 0 !important
}
.offset-bottom-base-at-medium {
margin-bottom: -10px !important
}
.offset-bottom-line-at-medium {
margin-bottom: -20px !important
}
.offset-bottom-small-at-medium {
margin-bottom: -30px !important
}
.offset-bottom-medium-at-medium {
margin-bottom: -60px !important
}
.offset-bottom-large-at-medium {
margin-bottom: -80px !important
}
.offset-bottom-none-at-medium {
margin-bottom: 0 !important
}
.offset-left-base-at-medium {
margin-left: -10px !important
}
.offset-left-line-at-medium {
margin-left: -20px !important
}
.offset-left-small-at-medium {
margin-left: -30px !important
}
.offset-left-medium-at-medium {
margin-left: -60px !important
}
.offset-left-large-at-medium {
margin-left: -80px !important
}
.offset-left-none-at-medium {
margin-left: 0 !important
}
.offset-right-base-at-medium {
margin-right: -10px !important
}
.offset-right-line-at-medium {
margin-right: -20px !important
}
.offset-right-small-at-medium {
margin-right: -30px !important
}
.offset-right-medium-at-medium {
margin-right: -60px !important
}
.offset-right-large-at-medium {
margin-right: -80px !important
}
.offset-right-none-at-medium {
margin-right: 0 !important
}
}
@media (min-width: 1024px) {
.pad-base-at-large {
padding: 10px !important
}
.pad-line-at-large {
padding: 20px !important
}
.pad-small-at-large {
padding: 30px !important
}
.pad-medium-at-large {
padding: 60px !important
}
.pad-large-at-large {
padding: 80px !important
}
.pad-none-at-large {
padding: 0 !important
}
.pad-vert-base-at-large {
padding-top: 10px !important;
padding-bottom: 10px !important
}
.pad-vert-line-at-large {
padding-top: 20px !important;
padding-bottom: 20px !important
}
.pad-vert-small-at-large {
padding-top: 30px !important;
padding-bottom: 30px !important
}
.pad-vert-medium-at-large {
padding-top: 60px !important;
padding-bottom: 60px !important
}
.pad-vert-large-at-large {
padding-top: 80px !important;
padding-bottom: 80px !important
}
.pad-vert-none-at-large {
padding-top: 0 !important;
padding-bottom: 0 !important
}
.pad-horz-base-at-large {
padding-left: 10px !important;
padding-right: 10px !important
}
.pad-horz-line-at-large {
padding-left: 20px !important;
padding-right: 20px !important
}
.pad-horz-small-at-large {
padding-left: 30px !important;
padding-right: 30px !important
}
.pad-horz-medium-at-large {
padding-left: 60px !important;
padding-right: 60px !important
}
.pad-horz-large-at-large {
padding-left: 80px !important;
padding-right: 80px !important
}
.pad-horz-none-at-large {
padding-left: 0 !important;
padding-right: 0 !important
}
.pad-top-base-at-large {
padding-top: 10px !important
}
.pad-top-line-at-large {
padding-top: 20px !important
}
.pad-top-small-at-large {
padding-top: 30px !important
}
.pad-top-medium-at-large {
padding-top: 60px !important
}
.pad-top-large-at-large {
padding-top: 80px !important
}
.pad-top-none-at-large {
padding-top: 0 !important
}
.pad-bottom-base-at-large {
padding-bottom: 10px !important
}
.pad-bottom-line-at-large {
padding-bottom: 20px !important
}
.pad-bottom-small-at-large {
padding-bottom: 30px !important
}
.pad-bottom-medium-at-large {
padding-bottom: 60px !important
}
.pad-bottom-large-at-large {
padding-bottom: 80px !important
}
.pad-bottom-none-at-large {
padding-bottom: 0 !important
}
.pad-left-base-at-large {
padding-left: 10px !important
}
.pad-left-line-at-large {
padding-left: 20px !important
}
.pad-left-small-at-large {
padding-left: 30px !important
}
.pad-left-medium-at-large {
padding-left: 60px !important
}
.pad-left-large-at-large {
padding-left: 80px !important
}
.pad-left-none-at-large {
padding-left: 0 !important
}
.pad-right-base-at-large {
padding-right: 10px !important
}
.pad-right-line-at-large {
padding-right: 20px !important
}
.pad-right-small-at-large {
padding-right: 30px !important
}
.pad-right-medium-at-large {
padding-right: 60px !important
}
.pad-right-large-at-large {
padding-right: 80px !important
}
.pad-right-none-at-large {
padding-right: 0 !important
}
.gap-base-at-large {
margin: 10px !important
}
.gap-line-at-large {
margin: 20px !important
}
.gap-small-at-large {
margin: 30px !important
}
.gap-medium-at-large {
margin: 60px !important
}
.gap-large-at-large {
margin: 80px !important
}
.gap-none-at-large {
margin: 0 !important
}
.gap-vert-base-at-large {
margin-top: 10px !important;
margin-bottom: 10px !important
}
.gap-vert-line-at-large {
margin-top: 20px !important;
margin-bottom: 20px !important
}
.gap-vert-small-at-large {
margin-top: 30px !important;
margin-bottom: 30px !important
}
.gap-vert-medium-at-large {
margin-top: 60px !important;
margin-bottom: 60px !important
}
.gap-vert-large-at-large {
margin-top: 80px !important;
margin-bottom: 80px !important
}
.gap-vert-none-at-large {
margin-top: 0 !important;
margin-bottom: 0 !important
}
.gap-horz-base-at-large {
margin-left: 10px !important;
margin-right: 10px !important
}
.gap-horz-line-at-large {
margin-left: 20px !important;
margin-right: 20px !important
}
.gap-horz-small-at-large {
margin-left: 30px !important;
margin-right: 30px !important
}
.gap-horz-medium-at-large {
margin-left: 60px !important;
margin-right: 60px !important
}
.gap-horz-large-at-large {
margin-left: 80px !important;
margin-right: 80px !important
}
.gap-horz-none-at-large {
margin-left: 0 !important;
margin-right: 0 !important
}
.gap-top-base-at-large {
margin-top: 10px !important
}
.gap-top-line-at-large {
margin-top: 20px !important
}
.gap-top-small-at-large {
margin-top: 30px !important
}
.gap-top-medium-at-large {
margin-top: 60px !important
}
.gap-top-large-at-large {
margin-top: 80px !important
}
.gap-top-none-at-large {
margin-top: 0 !important
}
.gap-bottom-base-at-large {
margin-bottom: 10px !important
}
.gap-bottom-line-at-large {
margin-bottom: 20px !important
}
.gap-bottom-small-at-large {
margin-bottom: 30px !important
}
.gap-bottom-medium-at-large {
margin-bottom: 60px !important
}
.gap-bottom-large-at-large {
margin-bottom: 80px !important
}
.gap-bottom-none-at-large {
margin-bottom: 0 !important
}
.gap-left-base-at-large {
margin-left: 10px !important
}
.gap-left-line-at-large {
margin-left: 20px !important
}
.gap-left-small-at-large {
margin-left: 30px !important
}
.gap-left-medium-at-large {
margin-left: 60px !important
}
.gap-left-large-at-large {
margin-left: 80px !important
}
.gap-left-none-at-large {
margin-left: 0 !important
}
.gap-right-base-at-large {
margin-right: 10px !important
}
.gap-right-line-at-large {
margin-right: 20px !important
}
.gap-right-small-at-large {
margin-right: 30px !important
}
.gap-right-medium-at-large {
margin-right: 60px !important
}
.gap-right-large-at-large {
margin-right: 80px !important
}
.gap-right-none-at-large {
margin-right: 0 !important
}
.offset-base-at-large {
margin: -10px !important
}
.offset-line-at-large {
margin: -20px !important
}
.offset-small-at-large {
margin: -30px !important
}
.offset-medium-at-large {
margin: -60px !important
}
.offset-large-at-large {
margin: -80px !important
}
.offset-none-at-large {
margin: 0 !important
}
.offset-vert-base-at-large {
margin-top: -10px !important;
margin-bottom: -10px !important
}
.offset-vert-line-at-large {
margin-top: -20px !important;
margin-bottom: -20px !important
}
.offset-vert-small-at-large {
margin-top: -30px !important;
margin-bottom: -30px !important
}
.offset-vert-medium-at-large {
margin-top: -60px !important;
margin-bottom: -60px !important
}
.offset-vert-large-at-large {
margin-top: -80px !important;
margin-bottom: -80px !important
}
.offset-vert-none-at-large {
margin-top: 0 !important;
margin-bottom: 0 !important
}
.offset-horz-base-at-large {
margin-left: -10px !important;
margin-right: -10px !important
}
.offset-horz-line-at-large {
margin-left: -20px !important;
margin-right: -20px !important
}
.offset-horz-small-at-large {
margin-left: -30px !important;
margin-right: -30px !important
}
.offset-horz-medium-at-large {
margin-left: -60px !important;
margin-right: -60px !important
}
.offset-horz-large-at-large {
margin-left: -80px !important;
margin-right: -80px !important
}
.offset-horz-none-at-large {
margin-left: 0 !important;
margin-right: 0 !important
}
.offset-top-base-at-large {
margin-top: -10px !important
}
.offset-top-line-at-large {
margin-top: -20px !important
}
.offset-top-small-at-large {
margin-top: -30px !important
}
.offset-top-medium-at-large {
margin-top: -60px !important
}
.offset-top-large-at-large {
margin-top: -80px !important
}
.offset-top-none-at-large {
margin-top: 0 !important
}
.offset-bottom-base-at-large {
margin-bottom: -10px !important
}
.offset-bottom-line-at-large {
margin-bottom: -20px !important
}
.offset-bottom-small-at-large {
margin-bottom: -30px !important
}
.offset-bottom-medium-at-large {
margin-bottom: -60px !important
}
.offset-bottom-large-at-large {
margin-bottom: -80px !important
}
.offset-bottom-none-at-large {
margin-bottom: 0 !important
}
.offset-left-base-at-large {
margin-left: -10px !important
}
.offset-left-line-at-large {
margin-left: -20px !important
}
.offset-left-small-at-large {
margin-left: -30px !important
}
.offset-left-medium-at-large {
margin-left: -60px !important
}
.offset-left-large-at-large {
margin-left: -80px !important
}
.offset-left-none-at-large {
margin-left: 0 !important
}
.offset-right-base-at-large {
margin-right: -10px !important
}
.offset-right-line-at-large {
margin-right: -20px !important
}
.offset-right-small-at-large {
margin-right: -30px !important
}
.offset-right-medium-at-large {
margin-right: -60px !important
}
.offset-right-large-at-large {
margin-right: -80px !important
}
.offset-right-none-at-large {
margin-right: 0 !important
}
}
@media (min-width: 1292px) {
.pad-base-at-extra-large {
padding: 10px !important
}
.pad-line-at-extra-large {
padding: 20px !important
}
.pad-small-at-extra-large {
padding: 30px !important
}
.pad-medium-at-extra-large {
padding: 60px !important
}
.pad-large-at-extra-large {
padding: 80px !important
}
.pad-none-at-extra-large {
padding: 0 !important
}
.pad-vert-base-at-extra-large {
padding-top: 10px !important;
padding-bottom: 10px !important
}
.pad-vert-line-at-extra-large {
padding-top: 20px !important;
padding-bottom: 20px !important
}
.pad-vert-small-at-extra-large {
padding-top: 30px !important;
padding-bottom: 30px !important
}
.pad-vert-medium-at-extra-large {
padding-top: 60px !important;
padding-bottom: 60px !important
}
.pad-vert-large-at-extra-large {
padding-top: 80px !important;
padding-bottom: 80px !important
}
.pad-vert-none-at-extra-large {
padding-top: 0 !important;
padding-bottom: 0 !important
}
.pad-horz-base-at-extra-large {
padding-left: 10px !important;
padding-right: 10px !important
}
.pad-horz-line-at-extra-large {
padding-left: 20px !important;
padding-right: 20px !important
}
.pad-horz-small-at-extra-large {
padding-left: 30px !important;
padding-right: 30px !important
}
.pad-horz-medium-at-extra-large {
padding-left: 60px !important;
padding-right: 60px !important
}
.pad-horz-large-at-extra-large {
padding-left: 80px !important;
padding-right: 80px !important
}
.pad-horz-none-at-extra-large {
padding-left: 0 !important;
padding-right: 0 !important
}
.pad-top-base-at-extra-large {
padding-top: 10px !important
}
.pad-top-line-at-extra-large {
padding-top: 20px !important
}
.pad-top-small-at-extra-large {
padding-top: 30px !important
}
.pad-top-medium-at-extra-large {
padding-top: 60px !important
}
.pad-top-large-at-extra-large {
padding-top: 80px !important
}
.pad-top-none-at-extra-large {
padding-top: 0 !important
}
.pad-bottom-base-at-extra-large {
padding-bottom: 10px !important
}
.pad-bottom-line-at-extra-large {
padding-bottom: 20px !important
}
.pad-bottom-small-at-extra-large {
padding-bottom: 30px !important
}
.pad-bottom-medium-at-extra-large {
padding-bottom: 60px !important
}
.pad-bottom-large-at-extra-large {
padding-bottom: 80px !important
}
.pad-bottom-none-at-extra-large {
padding-bottom: 0 !important
}
.pad-left-base-at-extra-large {
padding-left: 10px !important
}
.pad-left-line-at-extra-large {
padding-left: 20px !important
}
.pad-left-small-at-extra-large {
padding-left: 30px !important
}
.pad-left-medium-at-extra-large {
padding-left: 60px !important
}
.pad-left-large-at-extra-large {
padding-left: 80px !important
}
.pad-left-none-at-extra-large {
padding-left: 0 !important
}
.pad-right-base-at-extra-large {
padding-right: 10px !important
}
.pad-right-line-at-extra-large {
padding-right: 20px !important
}
.pad-right-small-at-extra-large {
padding-right: 30px !important
}
.pad-right-medium-at-extra-large {
padding-right: 60px !important
}
.pad-right-large-at-extra-large {
padding-right: 80px !important
}
.pad-right-none-at-extra-large {
padding-right: 0 !important
}
.gap-base-at-extra-large {
margin: 10px !important
}
.gap-line-at-extra-large {
margin: 20px !important
}
.gap-small-at-extra-large {
margin: 30px !important
}
.gap-medium-at-extra-large {
margin: 60px !important
}
.gap-large-at-extra-large {
margin: 80px !important
}
.gap-none-at-extra-large {
margin: 0 !important
}
.gap-vert-base-at-extra-large {
margin-top: 10px !important;
margin-bottom: 10px !important
}
.gap-vert-line-at-extra-large {
margin-top: 20px !important;
margin-bottom: 20px !important
}
.gap-vert-small-at-extra-large {
margin-top: 30px !important;
margin-bottom: 30px !important
}
.gap-vert-medium-at-extra-large {
margin-top: 60px !important;
margin-bottom: 60px !important
}
.gap-vert-large-at-extra-large {
margin-top: 80px !important;
margin-bottom: 80px !important
}
.gap-vert-none-at-extra-large {
margin-top: 0 !important;
margin-bottom: 0 !important
}
.gap-horz-base-at-extra-large {
margin-left: 10px !important;
margin-right: 10px !important
}
.gap-horz-line-at-extra-large {
margin-left: 20px !important;
margin-right: 20px !important
}
.gap-horz-small-at-extra-large {
margin-left: 30px !important;
margin-right: 30px !important
}
.gap-horz-medium-at-extra-large {
margin-left: 60px !important;
margin-right: 60px !important
}
.gap-horz-large-at-extra-large {
margin-left: 80px !important;
margin-right: 80px !important
}
.gap-horz-none-at-extra-large {
margin-left: 0 !important;
margin-right: 0 !important
}
.gap-top-base-at-extra-large {
margin-top: 10px !important
}
.gap-top-line-at-extra-large {
margin-top: 20px !important
}
.gap-top-small-at-extra-large {
margin-top: 30px !important
}
.gap-top-medium-at-extra-large {
margin-top: 60px !important
}
.gap-top-large-at-extra-large {
margin-top: 80px !important
}
.gap-top-none-at-extra-large {
margin-top: 0 !important
}
.gap-bottom-base-at-extra-large {
margin-bottom: 10px !important
}
.gap-bottom-line-at-extra-large {
margin-bottom: 20px !important
}
.gap-bottom-small-at-extra-large {
margin-bottom: 30px !important
}
.gap-bottom-medium-at-extra-large {
margin-bottom: 60px !important
}
.gap-bottom-large-at-extra-large {
margin-bottom: 80px !important
}
.gap-bottom-none-at-extra-large {
margin-bottom: 0 !important
}
.gap-left-base-at-extra-large {
margin-left: 10px !important
}
.gap-left-line-at-extra-large {
margin-left: 20px !important
}
.gap-left-small-at-extra-large {
margin-left: 30px !important
}
.gap-left-medium-at-extra-large {
margin-left: 60px !important
}
.gap-left-large-at-extra-large {
margin-left: 80px !important
}
.gap-left-none-at-extra-large {
margin-left: 0 !important
}
.gap-right-base-at-extra-large {
margin-right: 10px !important
}
.gap-right-line-at-extra-large {
margin-right: 20px !important
}
.gap-right-small-at-extra-large {
margin-right: 30px !important
}
.gap-right-medium-at-extra-large {
margin-right: 60px !important
}
.gap-right-large-at-extra-large {
margin-right: 80px !important
}
.gap-right-none-at-extra-large {
margin-right: 0 !important
}
.offset-base-at-extra-large {
margin: -10px !important
}
.offset-line-at-extra-large {
margin: -20px !important
}
.offset-small-at-extra-large {
margin: -30px !important
}
.offset-medium-at-extra-large {
margin: -60px !important
}
.offset-large-at-extra-large {
margin: -80px !important
}
.offset-none-at-extra-large {
margin: 0 !important
}
.offset-vert-base-at-extra-large {
margin-top: -10px !important;
margin-bottom: -10px !important
}
.offset-vert-line-at-extra-large {
margin-top: -20px !important;
margin-bottom: -20px !important
}
.offset-vert-small-at-extra-large {
margin-top: -30px !important;
margin-bottom: -30px !important
}
.offset-vert-medium-at-extra-large {
margin-top: -60px !important;
margin-bottom: -60px !important
}
.offset-vert-large-at-extra-large {
margin-top: -80px !important;
margin-bottom: -80px !important
}
.offset-vert-none-at-extra-large {
margin-top: 0 !important;
margin-bottom: 0 !important
}
.offset-horz-base-at-extra-large {
margin-left: -10px !important;
margin-right: -10px !important
}
.offset-horz-line-at-extra-large {
margin-left: -20px !important;
margin-right: -20px !important
}
.offset-horz-small-at-extra-large {
margin-left: -30px !important;
margin-right: -30px !important
}
.offset-horz-medium-at-extra-large {
margin-left: -60px !important;
margin-right: -60px !important
}
.offset-horz-large-at-extra-large {
margin-left: -80px !important;
margin-right: -80px !important
}
.offset-horz-none-at-extra-large {
margin-left: 0 !important;
margin-right: 0 !important
}
.offset-top-base-at-extra-large {
margin-top: -10px !important
}
.offset-top-line-at-extra-large {
margin-top: -20px !important
}
.offset-top-small-at-extra-large {
margin-top: -30px !important
}
.offset-top-medium-at-extra-large {
margin-top: -60px !important
}
.offset-top-large-at-extra-large {
margin-top: -80px !important
}
.offset-top-none-at-extra-large {
margin-top: 0 !important
}
.offset-bottom-base-at-extra-large {
margin-bottom: -10px !important
}
.offset-bottom-line-at-extra-large {
margin-bottom: -20px !important
}
.offset-bottom-small-at-extra-large {
margin-bottom: -30px !important
}
.offset-bottom-medium-at-extra-large {
margin-bottom: -60px !important
}
.offset-bottom-large-at-extra-large {
margin-bottom: -80px !important
}
.offset-bottom-none-at-extra-large {
margin-bottom: 0 !important
}
.offset-left-base-at-extra-large {
margin-left: -10px !important
}
.offset-left-line-at-extra-large {
margin-left: -20px !important
}
.offset-left-small-at-extra-large {
margin-left: -30px !important
}
.offset-left-medium-at-extra-large {
margin-left: -60px !important
}
.offset-left-large-at-extra-large {
margin-left: -80px !important
}
.offset-left-none-at-extra-large {
margin-left: 0 !important
}
.offset-right-base-at-extra-large {
margin-right: -10px !important
}
.offset-right-line-at-extra-large {
margin-right: -20px !important
}
.offset-right-small-at-extra-large {
margin-right: -30px !important
}
.offset-right-medium-at-extra-large {
margin-right: -60px !important
}
.offset-right-large-at-extra-large {
margin-right: -80px !important
}
.offset-right-none-at-extra-large {
margin-right: 0 !important
}
}
section .icon {
margin-left: .3em;
}
h1,.h1 {
font-size: 28px;
line-height: 30px;
margin-bottom: 20px
}
@media (min-width: 1024px) {
h1,.h1 {
font-size: 38px;
line-height: 50px;
margin-bottom: 20px
}
}
h2,.h2 {
font-size: 24px;
line-height: 30px;
margin-bottom: 20px
}
@media (min-width: 1024px) {
h2,.h2 {
font-size: 34px;
line-height: 50px;
margin-bottom: 20px
}
}
h3,.h3 {
font-size: 22px;
line-height: 30px;
margin-bottom: 20px
}
@media (min-width: 1024px) {
h3,.h3 {
font-size: 28px;
line-height: 30px;
margin-bottom: 20px
}
}
h4,.h4 {
font-size: 18px;
line-height: 20px;
margin-bottom: 20px
}
h5,.h5 {
font-size: 16px;
line-height: 20px;
margin-bottom: 10px
}
h6,.h6 {
font-size: 14px;
line-height: 20px;
margin-bottom: 10px
}
h1,.h1,h2,.h2,h3,.h3 {
font-weight: 500
}
h4,.h4,h5,.h5 {
font-weight: 500
}
h6,.h6 {
font-weight: 600
}
h6 strong,.h6 strong,h6 b,.h6 b {
font-weight: 700
}
h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6 {
color: #2e3b4e
}
h1.inverted,.inverted.h1,.inverted h1,.inverted .h1,h2.inverted,.inverted.h2,.inverted h2,.inverted .h2,h3.inverted,.inverted.h3,.inverted h3,.inverted .h3,h4.inverted,.inverted.h4,.inverted h4,.inverted .h4,h5.inverted,.inverted.h5,.inverted h5,.inverted .h5,h6.inverted,.inverted.h6,.inverted h6,.inverted .h6 {
color: #fff
}
h1 a,.h1 a,h2 a,.h2 a,h3 a,.h3 a,h4 a,.h4 a,h5 a,.h5 a,h6 a,.h6 a {
font-weight: inherit
}
ul,ol {
list-style: none;
margin-bottom: 20px
}
ul>li,ol>li {
position: relative;
padding-left: 2.14286em
}
ul>li:nth-last-child(1n+2),ol>li:nth-last-child(1n+2) {
margin-bottom: 20px
}
ul>li:before,ol>li:before {
overflow: hidden;
display: block;
position: absolute;
top: 0;
left: 0;
width: 1.42857em
}
ul ul,ol ul,ul ol,ol ol {
margin-top: 20px
}
ul.inline-list>li,ol.inline-list>li {
display: inline;
padding-left: 0;
margin-bottom: 0
}
ul.inline-list>li:before,ol.inline-list>li:before {
display: inline;
position: static;
width: auto
}
ul.inline-list>li:nth-last-child(1n+2):after,ul.inline-list.space>li:nth-last-child(1n+2):after,ol.inline-list>li:nth-last-child(1n+2):after,ol.inline-list.space>li:nth-last-child(1n+2):after {
content: " "
}
ul.inline-list.comma>li:nth-last-child(1n+2):after,ol.inline-list.comma>li:nth-last-child(1n+2):after {
content: ", "
}
ul.inline-list.bullet>li:nth-last-child(1n+2):after,ol.inline-list.bullet>li:nth-last-child(1n+2):after {
content: "•";
padding-left: .71429em;
padding-right: .71429em
}
ul.inline-list.pipe>li:nth-last-child(1n+2):after,ol.inline-list.pipe>li:nth-last-child(1n+2):after {
content: "|";
padding-left: .71429em;
padding-right: .71429em
}
ul.grid:not(.reset):not(.graphical)>li,ul[class*="grid-"]:not(.reset):not(.graphical)>li,ol.grid:not(.reset):not(.graphical)>li,ol[class*="grid-"]:not(.reset):not(.graphical)>li {
padding-left: -webkit-calc(10px + 2.14286em);
padding-left: calc(10px + 2.14286em)
}
ul.grid:not(.reset):not(.graphical)>li:before,ul[class*="grid-"]:not(.reset):not(.graphical)>li:before,ol.grid:not(.reset):not(.graphical)>li:before,ol[class*="grid-"]:not(.reset):not(.graphical)>li:before {
left: 10px
}
ul.grid:not(.reset):not(.graphical).grid-space-base>li,ul.grid:not(.reset):not(.graphical).grid-col-space-base>li,ul[class*="grid-"]:not(.reset):not(.graphical).grid-space-base>li,ul[class*="grid-"]:not(.reset):not(.graphical).grid-col-space-base>li,ol.grid:not(.reset):not(.graphical).grid-space-base>li,ol.grid:not(.reset):not(.graphical).grid-col-space-base>li,ol[class*="grid-"]:not(.reset):not(.graphical).grid-space-base>li,ol[class*="grid-"]:not(.reset):not(.graphical).grid-col-space-base>li {
padding-left: -webkit-calc(5px + 2.14286em);
padding-left: calc(5px + 2.14286em)
}
ul.grid:not(.reset):not(.graphical).grid-space-base>li:before,ul.grid:not(.reset):not(.graphical).grid-col-space-base>li:before,ul[class*="grid-"]:not(.reset):not(.graphical).grid-space-base>li:before,ul[class*="grid-"]:not(.reset):not(.graphical).grid-col-space-base>li:before,ol.grid:not(.reset):not(.graphical).grid-space-base>li:before,ol.grid:not(.reset):not(.graphical).grid-col-space-base>li:before,ol[class*="grid-"]:not(.reset):not(.graphical).grid-space-base>li:before,ol[class*="grid-"]:not(.reset):not(.graphical).grid-col-space-base>li:before {
left: 5px
}
ul.grid:not(.reset):not(.graphical).grid-space-line>li,ul.grid:not(.reset):not(.graphical).grid-col-space-line>li,ul[class*="grid-"]:not(.reset):not(.graphical).grid-space-line>li,ul[class*="grid-"]:not(.reset):not(.graphical).grid-col-space-line>li,ol.grid:not(.reset):not(.graphical).grid-space-line>li,ol.grid:not(.reset):not(.graphical).grid-col-space-line>li,ol[class*="grid-"]:not(.reset):not(.graphical).grid-space-line>li,ol[class*="grid-"]:not(.reset):not(.graphical).grid-col-space-line>li {
padding-left: -webkit-calc(10px + 2.14286em);
padding-left: calc(10px + 2.14286em)
}
ul.grid:not(.reset):not(.graphical).grid-space-line>li:before,ul.grid:not(.reset):not(.graphical).grid-col-space-line>li:before,ul[class*="grid-"]:not(.reset):not(.graphical).grid-space-line>li:before,ul[class*="grid-"]:not(.reset):not(.graphical).grid-col-space-line>li:before,ol.grid:not(.reset):not(.graphical).grid-space-line>li:before,ol.grid:not(.reset):not(.graphical).grid-col-space-line>li:before,ol[class*="grid-"]:not(.reset):not(.graphical).grid-space-line>li:before,ol[class*="grid-"]:not(.reset):not(.graphical).grid-col-space-line>li:before {
left: 10px
}
ul.grid:not(.reset):not(.graphical).grid-space-small>li,ul.grid:not(.reset):not(.graphical).grid-col-space-small>li,ul[class*="grid-"]:not(.reset):not(.graphical).grid-space-small>li,ul[class*="grid-"]:not(.reset):not(.graphical).grid-col-space-small>li,ol.grid:not(.reset):not(.graphical).grid-space-small>li,ol.grid:not(.reset):not(.graphical).grid-col-space-small>li,ol[class*="grid-"]:not(.reset):not(.graphical).grid-space-small>li,ol[class*="grid-"]:not(.reset):not(.graphical).grid-col-space-small>li {
padding-left: -webkit-calc(15px + 2.14286em);
padding-left: calc(15px + 2.14286em)
}
ul.grid:not(.reset):not(.graphical).grid-space-small>li:before,ul.grid:not(.reset):not(.graphical).grid-col-space-small>li:before,ul[class*="grid-"]:not(.reset):not(.graphical).grid-space-small>li:before,ul[class*="grid-"]:not(.reset):not(.graphical).grid-col-space-small>li:before,ol.grid:not(.reset):not(.graphical).grid-space-small>li:before,ol.grid:not(.reset):not(.graphical).grid-col-space-small>li:before,ol[class*="grid-"]:not(.reset):not(.graphical).grid-space-small>li:before,ol[class*="grid-"]:not(.reset):not(.graphical).grid-col-space-small>li:before {
left: 15px
}
ul.grid:not(.reset):not(.graphical).grid-space-medium>li,ul.grid:not(.reset):not(.graphical).grid-col-space-medium>li,ul[class*="grid-"]:not(.reset):not(.graphical).grid-space-medium>li,ul[class*="grid-"]:not(.reset):not(.graphical).grid-col-space-medium>li,ol.grid:not(.reset):not(.graphical).grid-space-medium>li,ol.grid:not(.reset):not(.graphical).grid-col-space-medium>li,ol[class*="grid-"]:not(.reset):not(.graphical).grid-space-medium>li,ol[class*="grid-"]:not(.reset):not(.graphical).grid-col-space-medium>li {
padding-left: -webkit-calc(30px + 2.14286em);
padding-left: calc(30px + 2.14286em)
}
ul.grid:not(.reset):not(.graphical).grid-space-medium>li:before,ul.grid:not(.reset):not(.graphical).grid-col-space-medium>li:before,ul[class*="grid-"]:not(.reset):not(.graphical).grid-space-medium>li:before,ul[class*="grid-"]:not(.reset):not(.graphical).grid-col-space-medium>li:before,ol.grid:not(.reset):not(.graphical).grid-space-medium>li:before,ol.grid:not(.reset):not(.graphical).grid-col-space-medium>li:before,ol[class*="grid-"]:not(.reset):not(.graphical).grid-space-medium>li:before,ol[class*="grid-"]:not(.reset):not(.graphical).grid-col-space-medium>li:before {
left: 30px
}
ul.grid:not(.reset):not(.graphical).grid-space-large>li,ul.grid:not(.reset):not(.graphical).grid-col-space-large>li,ul[class*="grid-"]:not(.reset):not(.graphical).grid-space-large>li,ul[class*="grid-"]:not(.reset):not(.graphical).grid-col-space-large>li,ol.grid:not(.reset):not(.graphical).grid-space-large>li,ol.grid:not(.reset):not(.graphical).grid-col-space-large>li,ol[class*="grid-"]:not(.reset):not(.graphical).grid-space-large>li,ol[class*="grid-"]:not(.reset):not(.graphical).grid-col-space-large>li {
padding-left: -webkit-calc(40px + 2.14286em);
padding-left: calc(40px + 2.14286em)
}
ul.grid:not(.reset):not(.graphical).grid-space-large>li:before,ul.grid:not(.reset):not(.graphical).grid-col-space-large>li:before,ul[class*="grid-"]:not(.reset):not(.graphical).grid-space-large>li:before,ul[class*="grid-"]:not(.reset):not(.graphical).grid-col-space-large>li:before,ol.grid:not(.reset):not(.graphical).grid-space-large>li:before,ol.grid:not(.reset):not(.graphical).grid-col-space-large>li:before,ol[class*="grid-"]:not(.reset):not(.graphical).grid-space-large>li:before,ol[class*="grid-"]:not(.reset):not(.graphical).grid-col-space-large>li:before {
left: 40px
}
ul.grid:not(.reset):not(.graphical).grid-space-none>li,ul.grid:not(.reset):not(.graphical).grid-col-space-none>li,ul[class*="grid-"]:not(.reset):not(.graphical).grid-space-none>li,ul[class*="grid-"]:not(.reset):not(.graphical).grid-col-space-none>li,ol.grid:not(.reset):not(.graphical).grid-space-none>li,ol.grid:not(.reset):not(.graphical).grid-col-space-none>li,ol[class*="grid-"]:not(.reset):not(.graphical).grid-space-none>li,ol[class*="grid-"]:not(.reset):not(.graphical).grid-col-space-none>li {
padding-left: -webkit-calc(0 + 2.14286em);
padding-left: calc(0 + 2.14286em)
}
ul.grid:not(.reset):not(.graphical).grid-space-none>li:before,ul.grid:not(.reset):not(.graphical).grid-col-space-none>li:before,ul[class*="grid-"]:not(.reset):not(.graphical).grid-space-none>li:before,ul[class*="grid-"]:not(.reset):not(.graphical).grid-col-space-none>li:before,ol.grid:not(.reset):not(.graphical).grid-space-none>li:before,ol.grid:not(.reset):not(.graphical).grid-col-space-none>li:before,ol[class*="grid-"]:not(.reset):not(.graphical).grid-space-none>li:before,ol[class*="grid-"]:not(.reset):not(.graphical).grid-col-space-none>li:before {
left: 0
}
ul>li:before,ul.bullet>li:before {
content: "●"
}
ul.inline-list>li:before {
content: none
}
ul.check-list>li:before {
content: " ";
width: 1.07143em;
height: .5em;
top: .28571em;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
border-style: solid;
border-top-width: 0;
border-right-width: 0;
border-left-width: 2px;
border-bottom-width: 2px;
color: #5f6a7d
}
ol.circle-list.inline-list>li {
padding-left: 0
}
ol.circle-list.inline-list>li:nth-last-child(1n+2) {
margin-right: .71429em
}
ol.circle-list.inline-list>li:before {
display: inline-block;
margin-right: .45455em;
vertical-align: middle
}
ol.grid:not(.reset):not(.graphical).circle-list>li,ol[class*="grid-"]:not(.reset):not(.graphical).circle-list>li {
padding-left: -webkit-calc(10px + 2.42857em);
padding-left: calc(10px + 2.42857em)
}
ol.grid:not(.reset):not(.graphical).grid-space-base.circle-list>li,ol.grid:not(.reset):not(.graphical).grid-col-space-base.circle-list>li,ol[class*="grid-"]:not(.reset):not(.graphical).grid-space-base.circle-list>li,ol[class*="grid-"]:not(.reset):not(.graphical).grid-col-space-base.circle-list>li {
padding-left: -webkit-calc(5px + 2.42857em);
padding-left: calc(5px + 2.42857em)
}
ol.grid:not(.reset):not(.graphical).grid-space-line.circle-list>li,ol.grid:not(.reset):not(.graphical).grid-col-space-line.circle-list>li,ol[class*="grid-"]:not(.reset):not(.graphical).grid-space-line.circle-list>li,ol[class*="grid-"]:not(.reset):not(.graphical).grid-col-space-line.circle-list>li {
padding-left: -webkit-calc(10px + 2.42857em);
padding-left: calc(10px + 2.42857em)
}
ol.grid:not(.reset):not(.graphical).grid-space-small.circle-list>li,ol.grid:not(.reset):not(.graphical).grid-col-space-small.circle-list>li,ol[class*="grid-"]:not(.reset):not(.graphical).grid-space-small.circle-list>li,ol[class*="grid-"]:not(.reset):not(.graphical).grid-col-space-small.circle-list>li {
padding-left: -webkit-calc(15px + 2.42857em);
padding-left: calc(15px + 2.42857em)
}
ol.grid:not(.reset):not(.graphical).grid-space-medium.circle-list>li,ol.grid:not(.reset):not(.graphical).grid-col-space-medium.circle-list>li,ol[class*="grid-"]:not(.reset):not(.graphical).grid-space-medium.circle-list>li,ol[class*="grid-"]:not(.reset):not(.graphical).grid-col-space-medium.circle-list>li {
padding-left: -webkit-calc(30px + 2.42857em);
padding-left: calc(30px + 2.42857em)
}
ol.grid:not(.reset):not(.graphical).grid-space-large.circle-list>li,ol.grid:not(.reset):not(.graphical).grid-col-space-large.circle-list>li,ol[class*="grid-"]:not(.reset):not(.graphical).grid-space-large.circle-list>li,ol[class*="grid-"]:not(.reset):not(.graphical).grid-col-space-large.circle-list>li {
padding-left: -webkit-calc(40px + 2.42857em);
padding-left: calc(40px + 2.42857em)
}
ol.grid:not(.reset):not(.graphical).grid-space-none.circle-list>li,ol.grid:not(.reset):not(.graphical).grid-col-space-none.circle-list>li,ol[class*="grid-"]:not(.reset):not(.graphical).grid-space-none.circle-list>li,ol[class*="grid-"]:not(.reset):not(.graphical).grid-col-space-none.circle-list>li {
padding-left: -webkit-calc(0 + 2.42857em);
padding-left: calc(0 + 2.42857em)
}
ul.reset>li:before,ol.reset>li:before {
content: none
}
ul.reset>li,ol.reset>li {
margin-bottom: 0
}
ul.reset:not(.grid):not([class*="grid-"])>li,ol.reset:not(.grid):not([class*="grid-"])>li {
padding-left: 0
}
blockquote,.callout {
margin-bottom: 20px;
font-size: 20px;
line-height: 30px;
}
@media (min-width: 1024px) {
blockquote,.callout {
font-size: 24px;
line-height: 30px
}
}
blockquote p,.callout p {
position: relative
}
blockquote p:before {
content: "《";
position: relative;
margin-left: -0.8ex
}
blockquote p:after {
content: "》"
}
.lang-fr blockquote p:before {
content: "«";
margin-left: -1em;
margin-right: .5em
}
.lang-fr blockquote p:after {
content: "»";
margin-left: .5em
}
.lang-ja blockquote p:before {
content: "「";
margin-left: -2.25ex
}
.lang-ja blockquote p:after {
content: "」"
}
blockquote cite {
display: block;
font-size: 12px;
line-height: 20px;
letter-spacing: 1px;
font-weight: 600
}
html {
-webkit-text-size-adjust: 100%;
-moz-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
text-size-adjust: 100%
}
body {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-smoothing: always;
text-rendering: optimizeLegibility;
font-size: 14px;
line-height: 20px;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
color: #5f6a7d
}
article {
font-size: 16px;
line-height: 30px
}
p {
margin-bottom: 20px
}
strong,b {
font-weight: 600
}
em {
font-style: italic
}
sup {
vertical-align: super;
font-size: .5em
}
/*--------------------------------------------------------------
# 主体
--------------------------------------------------------------*/
.site-main {
min-height: 100vh;
}
.intro {
text-align:center;
margin-bottom:30px;
margin-left:auto;
margin-right:auto;
max-width:40em
}
@media (min-width: 718px) {
.intro {
margin-bottom:60px
}
}
.intro h1,.intro .h1,.intro h2,.intro .h2,.intro h3,.intro .h3 {
font-size:32px;
line-height:40px;
margin-bottom:10px
}
.intro h4,.intro .h4,.intro h5,.intro .h5,.intro h6,.intro .h6 {
font-size: 28px;
line-height: 30px;
margin-bottom: 10px
}
.border-rounded {
border-radius:3px !important
}
.border-rounded-large {
border-radius:5px !important
}
.border-all {
border-top:1px solid #e1e6e3 !important;
border-right:1px solid #e1e6e3 !important;
border-bottom:1px solid #e1e6e3 !important;
border-left:1px solid #e1e6e3 !important
}
.border-none {
border-top:none !important;
border-right:none !important;
border-bottom:none !important;
border-left:none !important
}
.border-vert {
border-top:1px solid #e1e6e3 !important;
border-bottom:1px solid #e1e6e3 !important
}
.border-vert-none {
border-top:none !important;
border-bottom:none !important
}
.border-horz {
border-right:1px solid #e1e6e3 !important;
border-left:1px solid #e1e6e3 !important
}
.border-horz-none {
border-right:none !important;
border-left:none !important
}
.border-top {
border-top:1px solid #e1e6e3 !important
}
.border-top-none {
border-top:none !important
}
.border-bottom {
border-bottom:1px solid #e1e6e3 !important
}
.border-bottom-none {
border-bottom:none !important
}
.border-left {
border-left:1px solid #e1e6e3 !important
}
.border-left-none {
border-left:none !important
}
.border-right {
border-right:1px solid #e1e6e3 !important
}
.border-right-none {
border-right:none !important
}
@media (min-width: 718px) {
.content-cell-padding-left {
padding-left: 40px
}
.content-cell-padding-right {
padding-right: 40px
}
}
@media (min-width: 1024px) {
.content-cell-padding-left {
padding-left: 60px
}
.content-cell-padding-right {
padding-right: 60px
}
}
@media (min-width: 1292px) {
.content-cell-padding-left {
padding-left: 80px
}
.content-cell-padding-right {
padding-right: 80px
}
}
.accent-gray-muted {
color: #fff !important
}
.accent-gray-ui-color {
color: #005c3a !important
}
.accent-gray-text-color {
color: #2e3b4e !important
}
.accent-gray-border {
border-color: #fafafa !important
}
.accent-gray-icon [fill]:not([fill="none"]):not([fill^=url]) {
fill: #005c3a !important
}
.accent-gray-icon [stroke]:not([stroke="transparent"]) {
stroke: #005c3a !important
}
.accent-gray-icon.inverted [fill]:not([fill="none"]):not([fill^=url]),.inverted .accent-gray-icon [fill]:not([fill="none"]):not([fill^=url]) {
fill: #fff !important
}
.accent-gray-icon.inverted [stroke]:not([stroke="transparent"]),.inverted .accent-gray-icon [stroke]:not([stroke="transparent"]) {
stroke: #fff !important
}
.accent-gray-bg {
background-color: #f8f9fa !important
}
.accent-gray-muted-bg {
background-color: #fff !important
}
.button,button,input[type="button"],input[type="submit"],input[type="reset"] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
display: inline-block;
min-width: 200px;
max-width: 100%;
min-height: 40px;
padding: 12px 40px;
margin-bottom: 20px;
border-radius: 4px;
border: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-smoothing: always;
text-rendering: optimizeLegibility;
letter-spacing: 1px;
font-weight: 700;
font-size: 14px;
line-height: 20px;
text-decoration: none;
text-align: center;
cursor: pointer;
color: #fff;
background-color: #001736
}
.chrome-android .button,.chrome-android button,.chrome-android input[type="button"],.chrome-android input[type="submit"],.chrome-android input[type="reset"] {
white-space: nowrap
}
.button, button, input[type="button"], input[type="submit"], input[type="reset"] {
-webkit-transition: background-color 300ms,color 300ms,-webkit-box-shadow 300ms;
transition: background-color 300ms,color 300ms,-webkit-box-shadow 300ms;
transition: background-color 300ms,color 300ms,box-shadow 300ms;
transition: background-color 300ms,color 300ms,box-shadow 300ms,-webkit-box-shadow 300ms
}
.button.expand,button.expand,input[type="button"].expand,input[type="submit"].expand,input[type="reset"].expand {
padding-left: 10px;
padding-right: 10px
}
.button:hover,.button:focus,button:hover,button:focus,input[type="button"]:hover,input[type="button"]:focus,input[type="submit"]:hover,input[type="submit"]:focus,input[type="reset"]:hover,input[type="reset"]:focus {
color: #fff;
background-color: #005c3a
}
.button:active,button:active,input[type="button"]:active,input[type="submit"]:active,input[type="reset"]:active {
color: #fff;
background-color: #2077a2
}
.button:disabled,.button.disabled,.disabled .button,button:disabled,button.disabled,.disabled button,input[type="button"]:disabled,input[type="button"].disabled,.disabled input[type="button"],input[type="submit"]:disabled,input[type="submit"].disabled,.disabled input[type="submit"],input[type="reset"]:disabled,input[type="reset"].disabled,.disabled input[type="reset"] {
background-color: #e1e6e3 !important;
cursor: not-allowed;
outline: none
}
.button.alt,button.alt,input[type="button"].alt,input[type="submit"].alt,input[type="reset"].alt {
background-color: transparent !important;
color: #001736;
-webkit-box-shadow: inset 0 0 0 1px #001736;
box-shadow: inset 0 0 0 1px #001736
}
.button.alt:hover,.button.alt:focus,button.alt:hover,button.alt:focus,input[type="button"].alt:hover,input[type="button"].alt:focus,input[type="submit"].alt:hover,input[type="submit"].alt:focus,input[type="reset"].alt:hover,input[type="reset"].alt:focus {
color: #005c3a;
-webkit-box-shadow: inset 0 0 0 1px #005c3a;
box-shadow: inset 0 0 0 1px #005c3a
}
.button.alt:active,button.alt:active,input[type="button"].alt:active,input[type="submit"].alt:active,input[type="reset"].alt:active {
color: #2077a2;
-webkit-box-shadow: inset 0 0 0 1px #2077a2;
box-shadow: inset 0 0 0 1px #2077a2
}
.button.alt:disabled,.button.alt.disabled,.disabled .button.alt,button.alt:disabled,button.alt.disabled,.disabled button.alt,input[type="button"].alt:disabled,input[type="button"].alt.disabled,.disabled input[type="button"].alt,input[type="submit"].alt:disabled,input[type="submit"].alt.disabled,.disabled input[type="submit"].alt,input[type="reset"].alt:disabled,input[type="reset"].alt.disabled,.disabled input[type="reset"].alt {
color: #e1e6e3 !important;
background-color: transparent !important;
-webkit-box-shadow: inset 0 0 0 1px #e1e6e3 !important;
box-shadow: inset 0 0 0 1px #e1e6e3 !important
}
.button.alt.inverted,.inverted .button.alt,button.alt.inverted,.inverted button.alt,input[type="button"].alt.inverted,.inverted input[type="button"].alt,input[type="submit"].alt.inverted,.inverted input[type="submit"].alt,input[type="reset"].alt.inverted,.inverted input[type="reset"].alt {
color: #fff !important;
background-color: transparent !important;
-webkit-box-shadow: inset 0 0 0 1px #fff !important;
box-shadow: inset 0 0 0 1px #fff !important
}
/* button -------------------------------------------------------*/
label {
display: block;
width: 100%;
font-size: 12px;
line-height: 20px;
font-weight: 600;
color: #5f6a7d
}
.show-time label {
-webkit-transition: color 300ms;
transition: color 300ms
}
.error label {
color: #df3320
}
.validated label {
color: #001736
}
input[type="text"],input[type="password"],input[type="email"],input[type="search"],input[type="url"],input[type="tel"],input[type="number"],textarea {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
position: relative;
z-index: 0;
display: block;
width: 100%;
margin: 0;
height: 40px;
padding: 10px;
font-size: 14px;
line-height: 18px;
font-weight: 300;
background: #fff;
color: #5f6a7d;
outline: none;
border: 1px solid #c4c4c4;
border-radius: 4px
}
input[type="text"]:focus,input[type="password"]:focus,input[type="email"]:focus,input[type="search"]:focus,input[type="url"]:focus,input[type="tel"]:focus,input[type="number"]:focus,textarea:focus {
border-color: #005c3a;
z-index: 1
}
.show-time input[type="text"],.show-time input[type="password"],.show-time input[type="email"],.show-time input[type="search"],.show-time input[type="url"],.show-time input[type="tel"],.show-time input[type="number"],.show-time textarea {
-webkit-transition: color 300ms,border-color 300ms,background-color 300ms;
transition: color 300ms,border-color 300ms,background-color 300ms
}
.error input[type="text"],.error input[type="password"],.error input[type="email"],.error input[type="search"],.error input[type="url"],.error input[type="tel"],.error input[type="number"],.error textarea {
z-index: 1;
border-color: #df3320;
background-color: #fff;
background: #fff url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMCAyMCIgd2lkdGg9IjIwIiBoZWlnaHQ9IjIwIj4KICA8cGF0aCBmaWxsPSIjREYzMzIwIiBkPSJNMTAsMTMuNmMtMC4zLDAtMC42LTAuMy0wLjYtMC42VjdjMC0wLjMsMC4zLTAuNiwwLjYtMC42czAuNiwwLjMsMC42LDAuNnY2IEMxMC42LDEzLjMsMTAuMywxMy42LDEwLDEzLjZ6IiAvPgogIDxwYXRoIGZpbGw9IiNERjMzMjAiIGQ9Ik0xMCwxNi42Yy0wLjMsMC0wLjYtMC4zLTAuNi0wLjZ2LTAuNWMwLTAuMywwLjMtMC42LDAuNi0wLjZzMC42LDAuMywwLjYsMC42VjE2IEMxMC42LDE2LjMsMTAuMywxNi42LDEwLDE2LjZ6IiAvPgogIDxwYXRoIGZpbGw9IiNERjMzMjAiIGQ9Ik0xMCwxLjljMC42LDAsMC45LDAuMywxLjEsMC42bDcuNiwxMy40bDAuMSwwLjJjMC4xLDAuMywwLjIsMC40LDAuMiwwLjYgYzAsMC4yLTAuMSwwLjQtMC4yLDAuNmwwLDBsMCwwLjFDMTguNSwxNy43LDE4LDE4LDE3LjYsMThIMi40Yy0wLjQsMC0wLjktMC4zLTEuMS0wLjdsMC0wLjFsMCwwQzEuMSwxNywxLDE2LjksMSwxNi41IGMwLTAuMSwwLjItMC41LDAuMy0wLjZMOC44LDIuNUM5LDIuMSw5LjUsMS45LDEwLDEuOSBNMTAsMC45QzkuMiwwLjksOC40LDEuMyw4LDJMMC40LDE1LjRDMC4yLDE1LjgsMCwxNi4yLDAsMTYuNSBjMCwwLjUsMC4xLDAuOSwwLjQsMS4zYzAuNCwwLjcsMS4yLDEuMiwyLDEuMmgxNS4yYzAuOCwwLDEuNi0wLjUsMi0xLjJjMC4zLTAuNCwwLjQtMC44LDAuNC0xLjJjMC0wLjUtMC4yLTAuOC0wLjQtMS4yTDExLjksMiBDMTEuNCwxLjMsMTAuNywwLjksMTAsMC45TDEwLDAuOXoiIC8+Cjwvc3ZnPgo=") -webkit-calc(100% - 10px) 50% no-repeat;
background: #fff url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMCAyMCIgd2lkdGg9IjIwIiBoZWlnaHQ9IjIwIj4KICA8cGF0aCBmaWxsPSIjREYzMzIwIiBkPSJNMTAsMTMuNmMtMC4zLDAtMC42LTAuMy0wLjYtMC42VjdjMC0wLjMsMC4zLTAuNiwwLjYtMC42czAuNiwwLjMsMC42LDAuNnY2IEMxMC42LDEzLjMsMTAuMywxMy42LDEwLDEzLjZ6IiAvPgogIDxwYXRoIGZpbGw9IiNERjMzMjAiIGQ9Ik0xMCwxNi42Yy0wLjMsMC0wLjYtMC4zLTAuNi0wLjZ2LTAuNWMwLTAuMywwLjMtMC42LDAuNi0wLjZzMC42LDAuMywwLjYsMC42VjE2IEMxMC42LDE2LjMsMTAuMywxNi42LDEwLDE2LjZ6IiAvPgogIDxwYXRoIGZpbGw9IiNERjMzMjAiIGQ9Ik0xMCwxLjljMC42LDAsMC45LDAuMywxLjEsMC42bDcuNiwxMy40bDAuMSwwLjJjMC4xLDAuMywwLjIsMC40LDAuMiwwLjYgYzAsMC4yLTAuMSwwLjQtMC4yLDAuNmwwLDBsMCwwLjFDMTguNSwxNy43LDE4LDE4LDE3LjYsMThIMi40Yy0wLjQsMC0wLjktMC4zLTEuMS0wLjdsMC0wLjFsMCwwQzEuMSwxNywxLDE2LjksMSwxNi41IGMwLTAuMSwwLjItMC41LDAuMy0wLjZMOC44LDIuNUM5LDIuMSw5LjUsMS45LDEwLDEuOSBNMTAsMC45QzkuMiwwLjksOC40LDEuMyw4LDJMMC40LDE1LjRDMC4yLDE1LjgsMCwxNi4yLDAsMTYuNSBjMCwwLjUsMC4xLDAuOSwwLjQsMS4zYzAuNCwwLjcsMS4yLDEuMiwyLDEuMmgxNS4yYzAuOCwwLDEuNi0wLjUsMi0xLjJjMC4zLTAuNCwwLjQtMC44LDAuNC0xLjJjMC0wLjUtMC4yLTAuOC0wLjQtMS4yTDExLjksMiBDMTEuNCwxLjMsMTAuNywwLjksMTAsMC45TDEwLDAuOXoiIC8+Cjwvc3ZnPgo=") calc(100% - 10px) 50% no-repeat;
padding-right: 40px
}
.validated input[type="text"],.validated input[type="password"],.validated input[type="email"],.validated input[type="search"],.validated input[type="url"],.validated input[type="tel"],.validated input[type="number"],.validated textarea {
z-index: 1;
border-color: #001736;
background-color: #fff
}
input[type="text"]:disabled,input[type="password"]:disabled,input[type="email"]:disabled,input[type="search"]:disabled,input[type="url"]:disabled,input[type="tel"]:disabled,input[type="number"]:disabled,textarea:disabled {
opacity: 1
}
select {
position: relative;
z-index: 0;
display: block;
width: 100%;
margin: 0;
height: 40px;
padding: 10px;
font-size: 14px;
line-height: 18px;
font-weight: 300;
background: #fff;
color: #5f6a7d;
outline: none;
border: 1px solid #c4c4c4;
border-radius: 4px
}
select:focus {
border-color: #005c3a;
z-index: 1
}
.show-time select {
-webkit-transition: color 300ms,border-color 300ms,background-color 300ms;
transition: color 300ms,border-color 300ms,background-color 300ms
}
.error select {
z-index: 1;
border-color: #df3320;
background-color: #fff
}
.validated select {
z-index: 1;
border-color: #001736;
background-color: #fff
}
select:disabled {
opacity: 1
}
::-webkit-input-placeholder {
color: #c4c4c4;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-smoothing: always;
text-rendering: optimizeLegibility;
font-size: inherit;
line-height: inherit;
font-weight: inherit
}
::-moz-placeholder {
color: #c4c4c4;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-smoothing: always;
text-rendering: optimizeLegibility;
font-size: inherit;
line-height: inherit;
font-weight: inherit
}
:-ms-input-placeholder {
color: #c4c4c4;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-smoothing: always;
text-rendering: optimizeLegibility;
font-size: inherit;
line-height: inherit;
font-weight: inherit
}
::-ms-input-placeholder {
color: #c4c4c4;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-smoothing: always;
text-rendering: optimizeLegibility;
font-size: inherit;
line-height: inherit;
font-weight: inherit
}
::placeholder {
color: #c4c4c4;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-smoothing: always;
text-rendering: optimizeLegibility;
font-size: inherit;
line-height: inherit;
font-weight: inherit
}
:invalid {
-webkit-box-shadow: none;
box-shadow: none
}
:-moz-submit-invalid {
box-shadow: none
}
:-moz-ui-invalid {
box-shadow: none
}
::-ms-clear,::-ms-reveal {
display: none
}
.field:not(.range-field) {
position: relative
}
.field:not(.range-field):before,.field:not(.range-field):after {
content: " ";
display: none;
-webkit-transition: background-color 300ms,border-color 300ms,opacity 300ms,visibility 0s 300ms,-webkit-transform 300ms;
transition: background-color 300ms,border-color 300ms,opacity 300ms,visibility 0s 300ms,-webkit-transform 300ms;
transition: background-color 300ms,border-color 300ms,opacity 300ms,transform 300ms,visibility 0s 300ms;
transition: background-color 300ms,border-color 300ms,opacity 300ms,transform 300ms,visibility 0s 300ms,-webkit-transform 300ms;
pointer-events: none
}
body {
-webkit-tap-highlight-color: rgba(255,255,255,0)
}
a {
text-decoration: none
}
a,a .link {
color: #001736;
font-weight: 600
}
a:hover, a:focus {
color: #005c3a;
text-decoration: none;
}
.inverted a,.inverted a .link {
color: #fff !important
}
.show-time a,.show-time a .link {
-webkit-transition: color 150ms linear;
transition: color 150ms linear
}
a:hover,a:hover .link,a:focus,a:focus .link {
color: #005c3a
}
a:active {
outline: 0
}
a:active,a:active .link {
color: #2077a2
}
.culture blockquote, .culture .callout {
color: inherit;
padding: 30px;
margin-bottom: 0
}
@media (min-width: 718px) {
.culture [class*="aspect-ratio-"] blockquote, .culture [class*="aspect-ratio-"] .callout {
font-size: 16px;
line-height: 22px
}
}
@media (min-width: 1024px) {
.culture [class*="aspect-ratio-"] blockquote, .culture [class*="aspect-ratio-"] .callout {
font-size: 20px;
line-height: 30px
}
}
@media (min-width: 1292px) {
.culture [class*="aspect-ratio-"] blockquote, .culture [class*="aspect-ratio-"] .callout {
font-size: 24px;
line-height: 30px
}
}
.aspect-ratio-square {
padding-top: 100%
}
.aspect-ratio-rect {
padding-top: -webkit-calc(50% - 10px);
padding-top: calc(50% - 10px)
}
.aspect-ratio-square, .aspect-ratio-rect {
position: relative;
height: 0
}
.aspect-ratio-square>*, .aspect-ratio-rect>* {
position: absolute;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
left: 50%;
top: 50%;
width: 100%
}
@media (min-width: 374px) {
.aspect-ratio-square-at-extra-small {
padding-top: 100%
}
.aspect-ratio-rect-at-extra-small {
padding-top: -webkit-calc(50% - 10px);
padding-top: calc(50% - 10px)
}
.aspect-ratio-square-at-extra-small, .aspect-ratio-rect-at-extra-small {
position: relative;
height: 0
}
.aspect-ratio-square-at-extra-small>*, .aspect-ratio-rect-at-extra-small>* {
position: absolute;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
left: 50%;
top: 50%;
width: 100%
}
}
@media (min-width: 480px) {
.aspect-ratio-square-at-small {
padding-top: 100%
}
.aspect-ratio-rect-at-small {
padding-top: -webkit-calc(50% - 10px);
padding-top: calc(50% - 10px)
}
.aspect-ratio-square-at-small, .aspect-ratio-rect-at-small {
position: relative;
height: 0
}
.aspect-ratio-square-at-small>*, .aspect-ratio-rect-at-small>* {
position: absolute;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
left: 50%;
top: 50%;
width: 100%
}
}
@media (min-width: 718px) {
.aspect-ratio-square-at-medium {
padding-top: 100%
}
.aspect-ratio-rect-at-medium {
padding-top: -webkit-calc(50% - 10px);
padding-top: calc(50% - 10px)
}
.aspect-ratio-square-at-medium, .aspect-ratio-rect-at-medium {
position: relative;
height: 0
}
.aspect-ratio-square-at-medium>*, .aspect-ratio-rect-at-medium>* {
position: absolute;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
left: 50%;
top: 50%;
width: 100%
}
}
@media (min-width: 1024px) {
.aspect-ratio-square-at-large {
padding-top: 100%
}
.aspect-ratio-rect-at-large {
padding-top: -webkit-calc(50% - 10px);
padding-top: calc(50% - 10px)
}
.aspect-ratio-square-at-large, .aspect-ratio-rect-at-large {
position: relative;
height: 0
}
.aspect-ratio-square-at-large>*, .aspect-ratio-rect-at-large>* {
position: absolute;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
left: 50%;
top: 50%;
width: 100%
}
}
@media (min-width: 1292px) {
.aspect-ratio-square-at-extra-large {
padding-top: 100%
}
.aspect-ratio-rect-at-extra-large {
padding-top: -webkit-calc(50% - 10px);
padding-top: calc(50% - 10px)
}
.aspect-ratio-square-at-extra-large, .aspect-ratio-rect-at-extra-large {
position: relative;
height: 0
}
.aspect-ratio-square-at-extra-large>*, .aspect-ratio-rect-at-extra-large>* {
position: absolute;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
left: 50%;
top: 50%;
width: 100%
}
}
table {
width: 100%;
max-width: 100%;
margin-bottom: 20px;
border: 0 solid #e1e6e3;
border-spacing: 0;
border-collapse: collapse;
background-color: transparent;
text-align: left;
vertical-align: top
}
thead, tbody, tfoot, tr, th, td {
border-color: inherit;
border-style: inherit;
text-align: inherit;
vertical-align: inherit
}
thead, tfoot {
background-color: rgba(0,0,0,0.06)
}
th {
color: #2e3b4e;
font-weight: 600
}
th, td {
padding: 10px;
border-width: 1px;
background-color: transparent;
-webkit-transition: background-color 150ms;
transition: background-color 150ms
}
.table-border-cells th, .table-border-cells td {
border-width: 1px
}
.table-border-rows th, .table-border-rows td {
border-left-width: 0;
border-right-width: 0;
border-top-width: 1px;
border-bottom-width: 1px
}
.table-border-cols th, .table-border-cols td {
border-left-width: 1px;
border-right-width: 1px;
border-top-width: 0;
border-bottom-width: 0
}
.table-border-none th, .table-border-none td {
border-width: 0
}
.table-stripe-rows tbody tr:nth-child(odd) th, .table-stripe-rows tbody tr:nth-child(odd) td {
background-color: transparent
}
.table-stripe-rows tbody tr:nth-child(even) th, .table-stripe-rows tbody tr:nth-child(even) td {
background-color: rgba(0,0,0,0.02)
}
.table-stripe-cols tbody tr th:nth-child(odd), .table-stripe-cols tbody tr td:nth-child(odd) {
background-color: transparent
}
.table-stripe-cols tbody tr th:nth-child(even), .table-stripe-cols tbody tr td:nth-child(even) {
background-color: rgba(0,0,0,0.02)
}
.table-pad-base th, .table-pad-base td {
padding: 10px
}
.table-pad-line th, .table-pad-line td {
padding: 20px
}
.table-pad-small th, .table-pad-small td {
padding: 30px
}
.table-pad-none th, .table-pad-none td {
padding: 0
}
.table-collapse thead, .table-collapse tfoot {
display: none
}
.table-collapse th, .table-collapse td {
display: block;
text-align: left !important
}
.table-collapse th:not(:first-child), .table-collapse td:not(:first-child) {
padding-top: 0;
border-top-width: 0
}
.table-collapse th:not(:last-child), .table-collapse td:not(:last-child) {
padding-bottom: 0;
border-bottom-width: 0
}
.table-collapse th[data-col-header]:not(.no-header), .table-collapse td[data-col-header]:not(.no-header) {
text-align: right !important
}
.table-collapse th[data-col-header]:not(.no-header):before, .table-collapse td[data-col-header]:not(.no-header):before {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
content: attr(data-col-header);
display: block;
float: left;
max-width: 50%;
padding-right: 10px;
color: #5f6a7d;
font-weight: 600;
text-align: left
}
.table-collapse tr:not(:last-child) th:last-child, .table-collapse tr:not(:last-child) td:last-child {
border-bottom-width: 0
}
@media (min-width: 374px) {
.table-border-cells-at-extra-small th, .table-border-cells-at-extra-small td {
border-width: 1px
}
.table-border-rows-at-extra-small th, .table-border-rows-at-extra-small td {
border-left-width: 0;
border-right-width: 0;
border-top-width: 1px;
border-bottom-width: 1px
}
.table-border-cols-at-extra-small th, .table-border-cols-at-extra-small td {
border-left-width: 1px;
border-right-width: 1px;
border-top-width: 0;
border-bottom-width: 0
}
.table-border-none-at-extra-small th, .table-border-none-at-extra-small td {
border-width: 0
}
.table-stripe-rows-at-extra-small tbody tr:nth-child(odd) th, .table-stripe-rows-at-extra-small tbody tr:nth-child(odd) td {
background-color: transparent
}
.table-stripe-rows-at-extra-small tbody tr:nth-child(even) th, .table-stripe-rows-at-extra-small tbody tr:nth-child(even) td {
background-color: rgba(0,0,0,0.02)
}
.table-stripe-cols-at-extra-small tbody tr th:nth-child(odd), .table-stripe-cols-at-extra-small tbody tr td:nth-child(odd) {
background-color: transparent
}
.table-stripe-cols-at-extra-small tbody tr th:nth-child(even), .table-stripe-cols-at-extra-small tbody tr td:nth-child(even) {
background-color: rgba(0,0,0,0.02)
}
.table-pad-base-at-extra-small th, .table-pad-base-at-extra-small td {
padding: 10px
}
.table-pad-line-at-extra-small th, .table-pad-line-at-extra-small td {
padding: 20px
}
.table-pad-small-at-extra-small th, .table-pad-small-at-extra-small td {
padding: 30px
}
.table-pad-none-at-extra-small th, .table-pad-none-at-extra-small td {
padding: 0
}
}
@media (max-width: 373px) {
.table-collapse-until-extra-small thead, .table-collapse-until-extra-small tfoot {
display: none
}
.table-collapse-until-extra-small th, .table-collapse-until-extra-small td {
display: block;
text-align: left !important
}
.table-collapse-until-extra-small th:not(:first-child), .table-collapse-until-extra-small td:not(:first-child) {
padding-top: 0;
border-top-width: 0
}
.table-collapse-until-extra-small th:not(:last-child), .table-collapse-until-extra-small td:not(:last-child) {
padding-bottom: 0;
border-bottom-width: 0
}
.table-collapse-until-extra-small th[data-col-header]:not(.no-header), .table-collapse-until-extra-small td[data-col-header]:not(.no-header) {
text-align: right !important
}
.table-collapse-until-extra-small th[data-col-header]:not(.no-header):before, .table-collapse-until-extra-small td[data-col-header]:not(.no-header):before {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
content: attr(data-col-header);
display: block;
float: left;
max-width: 50%;
padding-right: 10px;
color: #5f6a7d;
font-weight: 600;
text-align: left
}
.table-collapse-until-extra-small tr:not(:last-child) th:last-child, .table-collapse-until-extra-small tr:not(:last-child) td:last-child {
border-bottom-width: 0
}
}
@media (min-width: 480px) {
.table-border-cells-at-small th, .table-border-cells-at-small td {
border-width: 1px
}
.table-border-rows-at-small th, .table-border-rows-at-small td {
border-left-width: 0;
border-right-width: 0;
border-top-width: 1px;
border-bottom-width: 1px
}
.table-border-cols-at-small th, .table-border-cols-at-small td {
border-left-width: 1px;
border-right-width: 1px;
border-top-width: 0;
border-bottom-width: 0
}
.table-border-none-at-small th, .table-border-none-at-small td {
border-width: 0
}
.table-stripe-rows-at-small tbody tr:nth-child(odd) th, .table-stripe-rows-at-small tbody tr:nth-child(odd) td {
background-color: transparent
}
.table-stripe-rows-at-small tbody tr:nth-child(even) th, .table-stripe-rows-at-small tbody tr:nth-child(even) td {
background-color: rgba(0,0,0,0.02)
}
.table-stripe-cols-at-small tbody tr th:nth-child(odd), .table-stripe-cols-at-small tbody tr td:nth-child(odd) {
background-color: transparent
}
.table-stripe-cols-at-small tbody tr th:nth-child(even), .table-stripe-cols-at-small tbody tr td:nth-child(even) {
background-color: rgba(0,0,0,0.02)
}
.table-pad-base-at-small th, .table-pad-base-at-small td {
padding: 10px
}
.table-pad-line-at-small th, .table-pad-line-at-small td {
padding: 20px
}
.table-pad-small-at-small th, .table-pad-small-at-small td {
padding: 30px
}
.table-pad-none-at-small th, .table-pad-none-at-small td {
padding: 0
}
}
@media (max-width: 479px) {
.table-collapse-until-small thead, .table-collapse-until-small tfoot {
display: none
}
.table-collapse-until-small th, .table-collapse-until-small td {
display: block;
text-align: left !important
}
.table-collapse-until-small th:not(:first-child), .table-collapse-until-small td:not(:first-child) {
padding-top: 0;
border-top-width: 0
}
.table-collapse-until-small th:not(:last-child), .table-collapse-until-small td:not(:last-child) {
padding-bottom: 0;
border-bottom-width: 0
}
.table-collapse-until-small th[data-col-header]:not(.no-header), .table-collapse-until-small td[data-col-header]:not(.no-header) {
text-align: right !important
}
.table-collapse-until-small th[data-col-header]:not(.no-header):before, .table-collapse-until-small td[data-col-header]:not(.no-header):before {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
content: attr(data-col-header);
display: block;
float: left;
max-width: 50%;
padding-right: 10px;
color: #5f6a7d;
font-weight: 600;
text-align: left
}
.table-collapse-until-small tr:not(:last-child) th:last-child, .table-collapse-until-small tr:not(:last-child) td:last-child {
border-bottom-width: 0
}
}
@media (min-width: 718px) {
.table-border-cells-at-medium th, .table-border-cells-at-medium td {
border-width: 1px
}
.table-border-rows-at-medium th, .table-border-rows-at-medium td {
border-left-width: 0;
border-right-width: 0;
border-top-width: 1px;
border-bottom-width: 1px
}
.table-border-cols-at-medium th, .table-border-cols-at-medium td {
border-left-width: 1px;
border-right-width: 1px;
border-top-width: 0;
border-bottom-width: 0
}
.table-border-none-at-medium th, .table-border-none-at-medium td {
border-width: 0
}
.table-stripe-rows-at-medium tbody tr:nth-child(odd) th, .table-stripe-rows-at-medium tbody tr:nth-child(odd) td {
background-color: transparent
}
.table-stripe-rows-at-medium tbody tr:nth-child(even) th, .table-stripe-rows-at-medium tbody tr:nth-child(even) td {
background-color: rgba(0,0,0,0.02)
}
.table-stripe-cols-at-medium tbody tr th:nth-child(odd), .table-stripe-cols-at-medium tbody tr td:nth-child(odd) {
background-color: transparent
}
.table-stripe-cols-at-medium tbody tr th:nth-child(even), .table-stripe-cols-at-medium tbody tr td:nth-child(even) {
background-color: rgba(0,0,0,0.02)
}
.table-pad-base-at-medium th, .table-pad-base-at-medium td {
padding: 18px 0
}
.table-pad-line-at-medium th, .table-pad-line-at-medium td {
padding: 20px
}
.table-pad-small-at-medium th, .table-pad-small-at-medium td {
padding: 30px
}
.table-pad-none-at-medium th, .table-pad-none-at-medium td {
padding: 0
}
}
@media (max-width: 717px) {
.table-collapse-until-medium thead, .table-collapse-until-medium tfoot {
display: none
}
.table-collapse-until-medium th, .table-collapse-until-medium td {
display: block;
text-align: left !important
}
.table-collapse-until-medium th:not(:first-child), .table-collapse-until-medium td:not(:first-child) {
padding-top: 0;
border-top-width: 0
}
.table-collapse-until-medium th:not(:last-child), .table-collapse-until-medium td:not(:last-child) {
padding-bottom: 0;
border-bottom-width: 0
}
.table-collapse-until-medium th[data-col-header]:not(.no-header), .table-collapse-until-medium td[data-col-header]:not(.no-header) {
text-align: right !important
}
.table-collapse-until-medium th[data-col-header]:not(.no-header):before, .table-collapse-until-medium td[data-col-header]:not(.no-header):before {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
content: attr(data-col-header);
display: block;
float: left;
max-width: 50%;
padding-right: 10px;
color: #5f6a7d;
font-weight: 600;
text-align: left
}
.table-collapse-until-medium tr:not(:last-child) th:last-child, .table-collapse-until-medium tr:not(:last-child) td:last-child {
border-bottom-width: 0
}
}
@media (min-width: 1024px) {
.table-border-cells-at-large th, .table-border-cells-at-large td {
border-width: 1px
}
.table-border-rows-at-large th, .table-border-rows-at-large td {
border-left-width: 0;
border-right-width: 0;
border-top-width: 1px;
border-bottom-width: 1px
}
.table-border-cols-at-large th, .table-border-cols-at-large td {
border-left-width: 1px;
border-right-width: 1px;
border-top-width: 0;
border-bottom-width: 0
}
.table-border-none-at-large th, .table-border-none-at-large td {
border-width: 0
}
.table-stripe-rows-at-large tbody tr:nth-child(odd) th, .table-stripe-rows-at-large tbody tr:nth-child(odd) td {
background-color: transparent
}
.table-stripe-rows-at-large tbody tr:nth-child(even) th, .table-stripe-rows-at-large tbody tr:nth-child(even) td {
background-color: rgba(0,0,0,0.02)
}
.table-stripe-cols-at-large tbody tr th:nth-child(odd), .table-stripe-cols-at-large tbody tr td:nth-child(odd) {
background-color: transparent
}
.table-stripe-cols-at-large tbody tr th:nth-child(even), .table-stripe-cols-at-large tbody tr td:nth-child(even) {
background-color: rgba(0,0,0,0.02)
}
.table-pad-base-at-large th, .table-pad-base-at-large td {
padding: 10px
}
.table-pad-line-at-large th, .table-pad-line-at-large td {
padding: 20px
}
.table-pad-small-at-large th, .table-pad-small-at-large td {
padding: 30px
}
.table-pad-none-at-large th, .table-pad-none-at-large td {
padding: 0
}
}
@media (max-width: 1023px) {
.table-collapse-until-large thead, .table-collapse-until-large tfoot {
display: none
}
.table-collapse-until-large th, .table-collapse-until-large td {
display: block;
text-align: left !important
}
.table-collapse-until-large th:not(:first-child), .table-collapse-until-large td:not(:first-child) {
padding-top: 0;
border-top-width: 0
}
.table-collapse-until-large th:not(:last-child), .table-collapse-until-large td:not(:last-child) {
padding-bottom: 0;
border-bottom-width: 0
}
.table-collapse-until-large th[data-col-header]:not(.no-header), .table-collapse-until-large td[data-col-header]:not(.no-header) {
text-align: right !important
}
.table-collapse-until-large th[data-col-header]:not(.no-header):before, .table-collapse-until-large td[data-col-header]:not(.no-header):before {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
content: attr(data-col-header);
display: block;
float: left;
max-width: 50%;
padding-right: 10px;
color: #5f6a7d;
font-weight: 600;
text-align: left
}
.table-collapse-until-large tr:not(:last-child) th:last-child, .table-collapse-until-large tr:not(:last-child) td:last-child {
border-bottom-width: 0
}
}
@media (min-width: 1292px) {
.table-border-cells-at-extra-large th, .table-border-cells-at-extra-large td {
border-width: 1px
}
.table-border-rows-at-extra-large th, .table-border-rows-at-extra-large td {
border-left-width: 0;
border-right-width: 0;
border-top-width: 1px;
border-bottom-width: 1px
}
.table-border-cols-at-extra-large th, .table-border-cols-at-extra-large td {
border-left-width: 1px;
border-right-width: 1px;
border-top-width: 0;
border-bottom-width: 0
}
.table-border-none-at-extra-large th, .table-border-none-at-extra-large td {
border-width: 0
}
.table-stripe-rows-at-extra-large tbody tr:nth-child(odd) th, .table-stripe-rows-at-extra-large tbody tr:nth-child(odd) td {
background-color: transparent
}
.table-stripe-rows-at-extra-large tbody tr:nth-child(even) th, .table-stripe-rows-at-extra-large tbody tr:nth-child(even) td {
background-color: rgba(0,0,0,0.02)
}
.table-stripe-cols-at-extra-large tbody tr th:nth-child(odd), .table-stripe-cols-at-extra-large tbody tr td:nth-child(odd) {
background-color: transparent
}
.table-stripe-cols-at-extra-large tbody tr th:nth-child(even), .table-stripe-cols-at-extra-large tbody tr td:nth-child(even) {
background-color: rgba(0,0,0,0.02)
}
.table-pad-base-at-extra-large th, .table-pad-base-at-extra-large td {
padding: 10px
}
.table-pad-line-at-extra-large th, .table-pad-line-at-extra-large td {
padding: 20px
}
.table-pad-small-at-extra-large th, .table-pad-small-at-extra-large td {
padding: 30px
}
.table-pad-none-at-extra-large th, .table-pad-none-at-extra-large td {
padding: 0
}
}
@media (max-width: 1291px) {
.table-collapse-until-extra-large thead, .table-collapse-until-extra-large tfoot {
display: none
}
.table-collapse-until-extra-large th, .table-collapse-until-extra-large td {
display: block;
text-align: left !important
}
.table-collapse-until-extra-large th:not(:first-child), .table-collapse-until-extra-large td:not(:first-child) {
padding-top: 0;
border-top-width: 0
}
.table-collapse-until-extra-large th:not(:last-child), .table-collapse-until-extra-large td:not(:last-child) {
padding-bottom: 0;
border-bottom-width: 0
}
.table-collapse-until-extra-large th[data-col-header]:not(.no-header), .table-collapse-until-extra-large td[data-col-header]:not(.no-header) {
text-align: right !important
}
.table-collapse-until-extra-large th[data-col-header]:not(.no-header):before, .table-collapse-until-extra-large td[data-col-header]:not(.no-header):before {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
content: attr(data-col-header);
display: block;
float: left;
max-width: 50%;
padding-right: 10px;
color: #5f6a7d;
font-weight: 600;
text-align: left
}
.table-collapse-until-extra-large tr:not(:last-child) th:last-child, .table-collapse-until-extra-large tr:not(:last-child) td:last-child {
border-bottom-width: 0
}
}
.table-scrollable {
position: relative;
margin-bottom: 20px
}
.table-scrollable:before {
pointer-events: none;
content: " ";
display: block;
position: absolute;
z-index: 99;
top: 0;
right: 0;
bottom: 0;
left: 0;
border-radius: inherit;
border: 1px solid #e1e6e3
}
.table-scrollable table {
margin-bottom: 0
}
.table-scrollable .table-scroll {
position: relative;
overflow-x: auto;
overflow-y: hidden;
-webkit-overflow-scrolling: touch;
width: 100%
}
.table-scrollable .table-pinned {
position: relative;
position: absolute;
overflow: hidden;
top: 0;
left: 0;
bottom: 0;
background-color: #fff
}
.table-scrollable .table-pinned:before {
pointer-events: none;
content: " ";
display: block;
position: absolute;
z-index: 99;
top: 0;
right: 0;
bottom: 0;
left: 0;
border-radius: inherit;
border: 1px solid #e1e6e3
}
.table-scrollable .table-pinned th:not(:first-child), .table-scrollable .table-pinned td:not(:first-child) {
display: none
}
[role="tabpanel"], [role="tabpanel"][aria-hidden="true"] {
display: none
}
[role="tabpanel"][aria-hidden="false"] {
display: block
}
a[role="tab"][aria-selected="false"]:not(:hover):not(:focus):not(:active) {
color: #8f8f8f
}
.tile {
display: block;
padding: 30px;
background: #fff;
position: relative;
}
.tile:before {
pointer-events: none;
content: " ";
display: block;
position: absolute;
z-index: 99;
top: 0;
right: 0;
bottom: 0;
left: 0;
border-radius: inherit;
border: 1px solid rgba(0,0,0,0.09);
}
.tile .theme-icon+* {
margin-top: 10px
}
.tile .purple-icon+* {
margin-top: 10px
}
.tile .blue-icon+* {
margin-top: 10px
}
.tile .indigo-icon+* {
margin-top: 10px
}
.tile .teal-icon+* {
margin-top: 10px
}
.tile .green-icon+* {
margin-top: 10px
}
.tile .lime-icon+* {
margin-top: 10px
}
.tile .yellow-icon+* {
margin-top: 10px
}
.tile .orange-icon+* {
margin-top: 10px
}
.tile .red-icon+* {
margin-top: 10px
}
.tile .charcoal-icon+* {
margin-top: 10px
}
.tile .gray-icon+* {
margin-top: 10px
}
.tile .light-gray-icon+* {
margin-top: 10px
}
.tile .accent-gray-icon+* {
margin-top: 10px
}
.tile .squa-red-icon+* {
margin-top: 10px
}
.tile .portland-swarm-icon+* {
margin-top: 10px
}
.tile .betterpos-icon+* {
margin-top: 10px
}
.tile .barber-shop-club-icon+* {
margin-top: 10px
}
.tile .boston-home-inspectors-icon+* {
margin-top: 10px
}
.tile .juxtapose-studio-icon+* {
margin-top: 10px
}
.tile .lavender-and-honey-icon+* {
margin-top: 10px
}
.tile .mister-tods-icon+* {
margin-top: 10px
}
.tile .rire-boutique-icon+* {
margin-top: 10px
}
.tile.full-bleed {
padding: 0
}
.tile.full-bleed .copy {
padding: 30px
}
a.tile {
font-weight: inherit;
color: inherit;
border-radius: 5px;
position: relative;
}
a.tile:after {
pointer-events: none;
content: " ";
display: block;
position: absolute;
z-index: 99;
top: 0;
right: 0;
bottom: 0;
left: 0;
border-radius: inherit;
border: 2px solid #001736;
}
a.tile:after {
opacity: 0
}
.show-time a.tile:after {
-webkit-transition: border 300ms,opacity 300ms;
transition: border 300ms,opacity 300ms
}
a.tile:hover,a.tile:focus {
color: inherit;
cursor: pointer
}
a.tile:hover:after,a.tile:focus:after {
opacity: 1
}
a.tile.full-bleed .image {
z-index: 100;
background-color: #fff;
overflow: hidden;
position: relative;
position: relative
}
a.tile.full-bleed .image:first-child {
border-top-left-radius: 4px;
border-top-right-radius: 4px
}
a.tile.full-bleed .image:first-child:not(:last-child):before, a.tile.full-bleed .image:first-child:not(:last-child):after {
bottom: -2px
}
a.tile.full-bleed .image:last-child {
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px
}
a.tile.full-bleed .image:last-child:not(:first-child):before, a.tile.full-bleed .image:last-child:not(:first-child):after {
top: -2px
}
a.tile.full-bleed .image:before {
pointer-events: none;
content: " ";
display: block;
position: absolute;
z-index: 99;
top: 0;
right: 0;
bottom: 0;
left: 0;
border-radius: inherit;
border: 1px solid rgba(0,0,0,0.12)
}
a.tile.full-bleed .image:after {
pointer-events: none;
content: " ";
display: block;
position: absolute;
z-index: 99;
top: 0;
right: 0;
bottom: 0;
left: 0;
border-radius: inherit;
border: 2px solid #000
}
a.tile.full-bleed .image:after {
opacity: 0
}
.show-time a.tile.full-bleed .image:after {
-webkit-transition: opacity 300ms;
transition: opacity 300ms
}
a.tile.full-bleed:hover .image:after, a.tile.full-bleed:focus .image:after {
opacity: .2
}
a.tile.full-bleed:active .image:after {
opacity: .25
}
.hero {
text-align: center;
overflow: hidden;
width: 100%;
color: #fff;
background-color: #001736
}
.hero .intro {
max-width: 60em;
}
@media (min-width: 718px) {
.hero .content {
padding: 60px 0
}
}
.hero h1,.hero .h1,.hero h2,.hero .h2,.hero h3,.hero .h3,.hero h4,.hero .h4,.hero h5,.hero .h5,.hero h6,.hero .h6,.hero p,.hero ul,.hero ol,.hero a:not(.button) {
color: inherit
}
.hero h1,.hero .h1,.hero h2,.hero .h2,.hero h3,.hero .h3,.hero h4,.hero .h4,.hero h5,.hero .h5,.hero h6,.hero .h6 {
font-weight: 500
}
.hero h2,.hero .h2 {
margin-bottom: 0;
font-weight: 600;
letter-spacing: 1px;
font-weight: 600;
font-size: 14px;
}
@media (min-width: 1024px) {
.hero h2,.hero .h2 {
font-size: 16px;
}
}
.hero p:not(.cta) {
margin-bottom: 20px;
margin-top: -10px
}
@media (min-width: 1024px) {
.hero p:not(.cta) {
font-size: 16px;
}
}
@media (min-width: 718px) {
.hero h1,.hero .h1 {
margin-left: auto;
margin-right: auto;
max-width: 50%
}
}
.tucked-hero .hero {
margin-top: -42px;
padding-top: 42px
}
@media (min-width: 718px) {
.tucked-hero .hero {
margin-top: -73px;
padding-top: 73px
}
}
[class*="play-icon-"] {
display: block;
position: relative
}
[class*="play-icon-"]:before, [class*="play-icon-"]:after {
content: " ";
display: block;
position: absolute;
top: 50%;
left: 50%
}
[class*="play-icon-"]:before {
z-index: 2;
border-radius: 100%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
background-color: #2996cc
}
.show-time [class*="play-icon-"]:before {
-webkit-transition: background-color 300ms;
transition: background-color 300ms
}
[class*="play-icon-"]:after {
z-index: 3;
border-style: solid;
border-color: transparent;
border-left-color: #fff;
border-right-width: 0;
-webkit-transform: translate(-28%, -50%) rotate(360deg);
-ms-transform: translate(-28%, -50%) rotate(360deg);
transform: translate(-28%, -50%) rotate(360deg)
}
[class*="play-icon-"].alt:before {
border: 2px solid #fff;
background-color: transparent !important
}
a:hover[class*="play-icon-"]:before, a:hover [class*="play-icon-"]:before, a:focus[class*="play-icon-"]:before, a:focus [class*="play-icon-"]:before {
background-color: #2586b7
}
a:active[class*="play-icon-"]:before, a:active [class*="play-icon-"]:before {
background-color: #2077a2
}
.play-icon-line:before {
width: 20px;
height: 20px
}
.play-icon-line:after {
border-top-width: 4px;
border-bottom-width: 4px;
border-left-width: 5.65685px
}
.cta .play-icon-line {
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
min-height: 20px;
padding-left: 30px
}
.cta .play-icon-line:before, .cta .play-icon-line:after {
left: 10px
}
.play-icon-small:before {
width: 30px;
height: 30px
}
.play-icon-small:after {
border-top-width: 6px;
border-bottom-width: 6px;
border-left-width: 8.48528px
}
.cta .play-icon-small {
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
min-height: 30px;
padding-left: 40px
}
.cta .play-icon-small:before, .cta .play-icon-small:after {
left: 15px
}
.play-icon-medium:before {
width: 60px;
height: 60px
}
.play-icon-medium:after {
border-top-width: 12px;
border-bottom-width: 12px;
border-left-width: 16.97056px
}
.cta .play-icon-medium {
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
min-height: 60px;
padding-left: 70px
}
.cta .play-icon-medium:before, .cta .play-icon-medium:after {
left: 30px
}
.play-icon-large:before {
width: 80px;
height: 80px
}
.play-icon-large:after {
border-top-width: 16px;
border-bottom-width: 16px;
border-left-width: 22.62742px
}
.cta .play-icon-large {
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
min-height: 80px;
padding-left: 90px
}
.cta .play-icon-large:before, .cta .play-icon-large:after {
left: 40px
}
.theme-muted-bg {
color: #fff !important;
background-color: #001736 !important
}
.youku-modal {
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
-webkit-transition: visibility 0s 1s, opacity 1s 0s ease;
transition: visibility 0s 1s, opacity 1s 0s ease;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
.youku-modal[data-active='true'] {
visibility: visible;
opacity: 1;
-webkit-transition: visibility 0s, opacity 1s 0s ease;
transition: visibility 0s, opacity 1s 0s ease
}
.youku-modal .ykplayer {
width: 100vw;
height: 100vh
}
.youku-modal .close-icon {
position: fixed;
top: 30px;
right: 30px
}
.icon {
color: #001736;
}
@media (min-width: 768px) {
.grid.gap-small,.grid.gap-vert-small,.grid.gap-bottom-small,[class*="grid-"].gap-small,[class*="grid-"].gap-vert-small,[class*="grid-"].gap-bottom-small {
margin-bottom: -10px !important
}
.grid.gap-medium,.grid.gap-vert-medium,.grid.gap-bottom-medium,[class*="grid-"].gap-medium,[class*="grid-"].gap-vert-medium,[class*="grid-"].gap-bottom-medium {
margin-bottom: -40px !important
}
.grid.gap-large,.grid.gap-vert-large,.grid.gap-bottom-large,[class*="grid-"].gap-large,[class*="grid-"].gap-vert-large,[class*="grid-"].gap-bottom-large {
margin-bottom: -60px !important
}
}
/*--------------------------------------------------------------
# Nav 样式
--------------------------------------------------------------*/
.navbar.navbar-top {
position: absolute;
min-height: 60px;
top: 0;
left: 0;
width: 100%;
z-index: 1000;
margin-bottom: 0;
background-color:rgba(0,0,0,.6);
-webkit-transition:background-color .2s linear;
-o-transition:background-color .2s linear;
transition:background-color .2s linear;
box-shadow: none;
border: none;
}
@media (min-width: 768px) {
.navbar.navbar-top {
background-color: transparent;
}
}
.navbar-top .nav a {
padding: 20px 15px;
color: #fff;
}
1.navbar-top .in .nav a {
padding: 15px;
color: #fff;
}
.nav > li > a:hover,
.nav > li > a:focus {
background-color: transparent;
}
.navbar button {
min-width: 40px;
}
.navbar-top .navbar-toggle {
padding: 10px;
}
.navbar-top .navbar-toggle .icon-bar {
background-color: #fff;
}
.navbar-top .navbar-toggle:focus, .navbar-top .navbar-toggle:hover {
background-color: transparent;
}
/* logo -------------------------------------------------------*/
.logo.navbar-brand {
padding: 10px;
}
.logo > img {
height: 40px;
}
/* sub-nav -------------------------------------------------------*/
.sub-nav {
z-index: 2;
background-color: #fafafa;
border-top: 1px solid #e1e6e3;
border-bottom: 1px solid #e1e6e3
}
.sub-nav a {
font-size: 14px;
letter-spacing: 1px;
color: #5f6a7d
}
@media (min-width: 718px) {
.sub-nav a {
display: inline-block
}
}
.sub-nav a:hover,.sub-nav a:focus {
color: #001736
}
.sub-nav a:active {
color: #005c3a
}
.sub-nav .actions {
position: relative;
z-index: 2;
}
.sub-nav.navbar-fixed-top .actions a.primary span {
color: #fff;
background-color: #001736;
border-color: #001736;
}
.sub-nav a.primary span {
border-radius: 100px;
padding: 6px 25px;
border: 1px solid #e1e6e3;
}
.sub-nav-padding {
padding-top: 60px;
}
/*--------------------------------------------------------------
# page
--------------------------------------------------------------*/
.hero {
background-color: #001736;
}
.home-page .hero {
background-image: url(hero-1.jpg);
height: 500px;
}
.hero.hero-image {
background-repeat: no-repeat;
background-position: center;
background-size: cover;
text-align: center;
}
.products-page .hero {
background-image: url(hero-4.jpg);
height: 350px;
}
.jobs-page .hero {
background-image: url(hero-3.jpg);
height: 500px;
}
.contact-page .hero {
background-image: url(hero-2.jpg);
height: 500px;
}
.hero h1, .hero h2 {
margin-left: auto;
margin-right: auto;
max-width: 100%;
}
.solutions {
overflow: hidden;
}
.solutions .image {
width: 100%;
height: auto;
}
.solutions .image > img {
max-height: 350px;
}
.why-segmentfault .image > img {
max-height: 280px;
}
.news .image > img, .quick-link .image > img {
max-height: 50px;
}
.news .row {
color: #2e3b4e;
}
.theme-icon > img {
height: 48px;
}
.about-page h3 {
line-height: 1.5;
}
.about-page .story p {
line-height: 1.6;
}
.job-list ol {
padding-left: 3.1em;
}
.job-list ol li {
list-style-type: decimal;
padding-left: 3px !important;
}
.job-list a:hover, .job-list a:focus, .job-list a:active {
color: #005c3a;
cursor: pointer;
}
/*--------------------------------------------------------------
# 表单
--------------------------------------------------------------*/
.checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], .radio input[type=radio], .radio-inline input[type=radio] {
position: absolute;
margin-top: 4px\9;
margin-left: -20px;
}
form .fields.clearfix {
padding-left: 0 !important;
padding-right: 0 !important;
}
/*--------------------------------------------------------------
# footer
--------------------------------------------------------------*/
.footer {
background-color: #343a40;
color: #6c7980;
font-size: 14px;
line-height: 20px;
}
.footer a, .footer a:hover, .footer a:focus {
color: #6c7980;
}
/*--------------------------------------------------------------
# 404
--------------------------------------------------------------*/