mirror of https://github.com/docker/docs.git
39414 lines
775 KiB
CSS
39414 lines
775 KiB
CSS
/*! jQuery UI - v1.11.4 - 2015-03-11
|
|
* http://jqueryui.com
|
|
* Includes: core.css, accordion.css, autocomplete.css, button.css, datepicker.css, dialog.css, draggable.css, menu.css, progressbar.css, resizable.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css
|
|
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana%2CArial%2Csans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=cccccc&bgTextureHeader=highlight_soft&bgImgOpacityHeader=75&borderColorHeader=aaaaaa&fcHeader=222222&iconColorHeader=222222&bgColorContent=ffffff&bgTextureContent=flat&bgImgOpacityContent=75&borderColorContent=aaaaaa&fcContent=222222&iconColorContent=222222&bgColorDefault=e6e6e6&bgTextureDefault=glass&bgImgOpacityDefault=75&borderColorDefault=d3d3d3&fcDefault=555555&iconColorDefault=888888&bgColorHover=dadada&bgTextureHover=glass&bgImgOpacityHover=75&borderColorHover=999999&fcHover=212121&iconColorHover=454545&bgColorActive=ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=aaaaaa&fcActive=212121&iconColorActive=454545&bgColorHighlight=fbf9ee&bgTextureHighlight=glass&bgImgOpacityHighlight=55&borderColorHighlight=fcefa1&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=glass&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
|
|
* Copyright 2015 jQuery Foundation and other contributors; Licensed MIT */
|
|
|
|
.ui-helper-hidden {
|
|
display: none
|
|
}
|
|
|
|
.ui-helper-hidden-accessible {
|
|
border: 0;
|
|
clip: rect(0 0 0 0);
|
|
height: 1px;
|
|
margin: -1px;
|
|
overflow: hidden;
|
|
padding: 0;
|
|
position: absolute;
|
|
width: 1px
|
|
}
|
|
|
|
.ui-helper-reset {
|
|
margin: 0;
|
|
padding: 0;
|
|
border: 0;
|
|
outline: 0;
|
|
line-height: 1.3;
|
|
text-decoration: none;
|
|
font-size: 100%;
|
|
list-style: none
|
|
}
|
|
|
|
.ui-helper-clearfix:before,
|
|
.ui-helper-clearfix:after {
|
|
content: "";
|
|
display: table;
|
|
border-collapse: collapse
|
|
}
|
|
|
|
.ui-helper-clearfix:after {
|
|
clear: both
|
|
}
|
|
|
|
.ui-helper-clearfix {
|
|
min-height: 0
|
|
}
|
|
|
|
.ui-helper-zfix {
|
|
width: 100%;
|
|
height: 100%;
|
|
top: 0;
|
|
left: 0;
|
|
position: absolute;
|
|
opacity: 0;
|
|
filter: Alpha(Opacity=0)
|
|
}
|
|
|
|
.ui-front {
|
|
z-index: 100
|
|
}
|
|
|
|
.ui-state-disabled {
|
|
cursor: default!important
|
|
}
|
|
|
|
.ui-icon {
|
|
display: block;
|
|
text-indent: -99999px;
|
|
overflow: hidden;
|
|
background-repeat: no-repeat
|
|
}
|
|
|
|
.ui-widget-overlay {
|
|
position: fixed;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 100%
|
|
}
|
|
|
|
.ui-accordion .ui-accordion-header {
|
|
display: block;
|
|
cursor: pointer;
|
|
position: relative;
|
|
margin: 2px 0 0 0;
|
|
padding: .5em .5em .5em .7em;
|
|
min-height: 0;
|
|
font-size: 100%
|
|
}
|
|
|
|
.ui-accordion .ui-accordion-icons {
|
|
padding-left: 2.2em
|
|
}
|
|
|
|
.ui-accordion .ui-accordion-icons .ui-accordion-icons {
|
|
padding-left: 2.2em
|
|
}
|
|
|
|
.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
|
|
position: absolute;
|
|
left: .5em;
|
|
top: 50%;
|
|
margin-top: -8px
|
|
}
|
|
|
|
.ui-accordion .ui-accordion-content {
|
|
padding: 1em 2.2em;
|
|
border-top: 0;
|
|
overflow: auto
|
|
}
|
|
|
|
.ui-autocomplete {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
cursor: default
|
|
}
|
|
|
|
.ui-button {
|
|
display: inline-block;
|
|
position: relative;
|
|
padding: 0;
|
|
line-height: normal;
|
|
margin-right: .1em;
|
|
cursor: pointer;
|
|
vertical-align: middle;
|
|
text-align: center;
|
|
overflow: visible
|
|
}
|
|
|
|
.ui-button,
|
|
.ui-button:link,
|
|
.ui-button:visited,
|
|
.ui-button:hover,
|
|
.ui-button:active {
|
|
text-decoration: none
|
|
}
|
|
|
|
.ui-button-icon-only {
|
|
width: 2.2em
|
|
}
|
|
|
|
button.ui-button-icon-only {
|
|
width: 2.4em
|
|
}
|
|
|
|
.ui-button-icons-only {
|
|
width: 3.4em
|
|
}
|
|
|
|
button.ui-button-icons-only {
|
|
width: 3.7em
|
|
}
|
|
|
|
.ui-button .ui-button-text {
|
|
display: block;
|
|
line-height: normal
|
|
}
|
|
|
|
.ui-button-text-only .ui-button-text {
|
|
padding: .4em 1em
|
|
}
|
|
|
|
.ui-button-icon-only .ui-button-text,
|
|
.ui-button-icons-only .ui-button-text {
|
|
padding: .4em;
|
|
text-indent: -9999999px
|
|
}
|
|
|
|
.ui-button-text-icon-primary .ui-button-text,
|
|
.ui-button-text-icons .ui-button-text {
|
|
padding: .4em 1em .4em 2.1em
|
|
}
|
|
|
|
.ui-button-text-icon-secondary .ui-button-text,
|
|
.ui-button-text-icons .ui-button-text {
|
|
padding: .4em 2.1em .4em 1em
|
|
}
|
|
|
|
.ui-button-text-icons .ui-button-text {
|
|
padding-left: 2.1em;
|
|
padding-right: 2.1em
|
|
}
|
|
|
|
input.ui-button {
|
|
padding: .4em 1em
|
|
}
|
|
|
|
.ui-button-icon-only .ui-icon,
|
|
.ui-button-text-icon-primary .ui-icon,
|
|
.ui-button-text-icon-secondary .ui-icon,
|
|
.ui-button-text-icons .ui-icon,
|
|
.ui-button-icons-only .ui-icon {
|
|
position: absolute;
|
|
top: 50%;
|
|
margin-top: -8px
|
|
}
|
|
|
|
.ui-button-icon-only .ui-icon {
|
|
left: 50%;
|
|
margin-left: -8px
|
|
}
|
|
|
|
.ui-button-text-icon-primary .ui-button-icon-primary,
|
|
.ui-button-text-icons .ui-button-icon-primary,
|
|
.ui-button-icons-only .ui-button-icon-primary {
|
|
left: .5em
|
|
}
|
|
|
|
.ui-button-text-icon-secondary .ui-button-icon-secondary,
|
|
.ui-button-text-icons .ui-button-icon-secondary,
|
|
.ui-button-icons-only .ui-button-icon-secondary {
|
|
right: .5em
|
|
}
|
|
|
|
.ui-buttonset {
|
|
margin-right: 7px
|
|
}
|
|
|
|
.ui-buttonset .ui-button {
|
|
margin-left: 0;
|
|
margin-right: -.3em
|
|
}
|
|
|
|
input.ui-button::-moz-focus-inner,
|
|
button.ui-button::-moz-focus-inner {
|
|
border: 0;
|
|
padding: 0
|
|
}
|
|
|
|
.ui-datepicker {
|
|
width: 17em;
|
|
padding: .2em .2em 0;
|
|
display: none
|
|
}
|
|
|
|
.ui-datepicker .ui-datepicker-header {
|
|
position: relative;
|
|
padding: .2em 0
|
|
}
|
|
|
|
.ui-datepicker .ui-datepicker-prev,
|
|
.ui-datepicker .ui-datepicker-next {
|
|
position: absolute;
|
|
top: 2px;
|
|
width: 1.8em;
|
|
height: 1.8em
|
|
}
|
|
|
|
.ui-datepicker .ui-datepicker-prev-hover,
|
|
.ui-datepicker .ui-datepicker-next-hover {
|
|
top: 1px
|
|
}
|
|
|
|
.ui-datepicker .ui-datepicker-prev {
|
|
left: 2px
|
|
}
|
|
|
|
.ui-datepicker .ui-datepicker-next {
|
|
right: 2px
|
|
}
|
|
|
|
.ui-datepicker .ui-datepicker-prev-hover {
|
|
left: 1px
|
|
}
|
|
|
|
.ui-datepicker .ui-datepicker-next-hover {
|
|
right: 1px
|
|
}
|
|
|
|
.ui-datepicker .ui-datepicker-prev span,
|
|
.ui-datepicker .ui-datepicker-next span {
|
|
display: block;
|
|
position: absolute;
|
|
left: 50%;
|
|
margin-left: -8px;
|
|
top: 50%;
|
|
margin-top: -8px
|
|
}
|
|
|
|
.ui-datepicker .ui-datepicker-title {
|
|
margin: 0 2.3em;
|
|
line-height: 1.8em;
|
|
text-align: center
|
|
}
|
|
|
|
.ui-datepicker .ui-datepicker-title select {
|
|
font-size: 1em;
|
|
margin: 1px 0
|
|
}
|
|
|
|
.ui-datepicker select.ui-datepicker-month,
|
|
.ui-datepicker select.ui-datepicker-year {
|
|
width: 45%
|
|
}
|
|
|
|
.ui-datepicker table {
|
|
width: 100%;
|
|
font-size: .9em;
|
|
border-collapse: collapse;
|
|
margin: 0 0 .4em
|
|
}
|
|
|
|
.ui-datepicker th {
|
|
padding: .7em .3em;
|
|
text-align: center;
|
|
font-weight: bold;
|
|
border: 0
|
|
}
|
|
|
|
.ui-datepicker td {
|
|
border: 0;
|
|
padding: 1px
|
|
}
|
|
|
|
.ui-datepicker td span,
|
|
.ui-datepicker td a {
|
|
display: block;
|
|
padding: .2em;
|
|
text-align: right;
|
|
text-decoration: none
|
|
}
|
|
|
|
.ui-datepicker .ui-datepicker-buttonpane {
|
|
background-image: none;
|
|
margin: .7em 0 0 0;
|
|
padding: 0 .2em;
|
|
border-left: 0;
|
|
border-right: 0;
|
|
border-bottom: 0
|
|
}
|
|
|
|
.ui-datepicker .ui-datepicker-buttonpane button {
|
|
float: right;
|
|
margin: .5em .2em .4em;
|
|
cursor: pointer;
|
|
padding: .2em .6em .3em .6em;
|
|
width: auto;
|
|
overflow: visible
|
|
}
|
|
|
|
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
|
|
float: left
|
|
}
|
|
|
|
.ui-datepicker.ui-datepicker-multi {
|
|
width: auto
|
|
}
|
|
|
|
.ui-datepicker-multi .ui-datepicker-group {
|
|
float: left
|
|
}
|
|
|
|
.ui-datepicker-multi .ui-datepicker-group table {
|
|
width: 95%;
|
|
margin: 0 auto .4em
|
|
}
|
|
|
|
.ui-datepicker-multi-2 .ui-datepicker-group {
|
|
width: 50%
|
|
}
|
|
|
|
.ui-datepicker-multi-3 .ui-datepicker-group {
|
|
width: 33.3%
|
|
}
|
|
|
|
.ui-datepicker-multi-4 .ui-datepicker-group {
|
|
width: 25%
|
|
}
|
|
|
|
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
|
|
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
|
|
border-left-width: 0
|
|
}
|
|
|
|
.ui-datepicker-multi .ui-datepicker-buttonpane {
|
|
clear: left
|
|
}
|
|
|
|
.ui-datepicker-row-break {
|
|
clear: both;
|
|
width: 100%;
|
|
font-size: 0
|
|
}
|
|
|
|
.ui-datepicker-rtl {
|
|
direction: rtl
|
|
}
|
|
|
|
.ui-datepicker-rtl .ui-datepicker-prev {
|
|
right: 2px;
|
|
left: auto
|
|
}
|
|
|
|
.ui-datepicker-rtl .ui-datepicker-next {
|
|
left: 2px;
|
|
right: auto
|
|
}
|
|
|
|
.ui-datepicker-rtl .ui-datepicker-prev:hover {
|
|
right: 1px;
|
|
left: auto
|
|
}
|
|
|
|
.ui-datepicker-rtl .ui-datepicker-next:hover {
|
|
left: 1px;
|
|
right: auto
|
|
}
|
|
|
|
.ui-datepicker-rtl .ui-datepicker-buttonpane {
|
|
clear: right
|
|
}
|
|
|
|
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
|
|
float: left
|
|
}
|
|
|
|
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
|
|
.ui-datepicker-rtl .ui-datepicker-group {
|
|
float: right
|
|
}
|
|
|
|
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
|
|
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
|
|
border-right-width: 0;
|
|
border-left-width: 1px
|
|
}
|
|
|
|
.ui-dialog {
|
|
overflow: hidden;
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
padding: .2em;
|
|
outline: 0
|
|
}
|
|
|
|
.ui-dialog .ui-dialog-titlebar {
|
|
padding: .4em 1em;
|
|
position: relative
|
|
}
|
|
|
|
.ui-dialog .ui-dialog-title {
|
|
float: left;
|
|
margin: .1em 0;
|
|
white-space: nowrap;
|
|
width: 90%;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis
|
|
}
|
|
|
|
.ui-dialog .ui-dialog-titlebar-close {
|
|
position: absolute;
|
|
right: .3em;
|
|
top: 50%;
|
|
width: 20px;
|
|
margin: -10px 0 0 0;
|
|
padding: 1px;
|
|
height: 20px
|
|
}
|
|
|
|
.ui-dialog .ui-dialog-content {
|
|
position: relative;
|
|
border: 0;
|
|
padding: .5em 1em;
|
|
background: none;
|
|
overflow: auto
|
|
}
|
|
|
|
.ui-dialog .ui-dialog-buttonpane {
|
|
text-align: left;
|
|
border-width: 1px 0 0 0;
|
|
background-image: none;
|
|
margin-top: .5em;
|
|
padding: .3em 1em .5em .4em
|
|
}
|
|
|
|
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
|
|
float: right
|
|
}
|
|
|
|
.ui-dialog .ui-dialog-buttonpane button {
|
|
margin: .5em .4em .5em 0;
|
|
cursor: pointer
|
|
}
|
|
|
|
.ui-dialog .ui-resizable-se {
|
|
width: 12px;
|
|
height: 12px;
|
|
right: -5px;
|
|
bottom: -5px;
|
|
background-position: 16px 16px
|
|
}
|
|
|
|
.ui-draggable .ui-dialog-titlebar {
|
|
cursor: move
|
|
}
|
|
|
|
.ui-draggable-handle {
|
|
-ms-touch-action: none;
|
|
touch-action: none
|
|
}
|
|
|
|
.ui-menu {
|
|
list-style: none;
|
|
padding: 0;
|
|
margin: 0;
|
|
display: block;
|
|
outline: none
|
|
}
|
|
|
|
.ui-menu .ui-menu {
|
|
position: absolute
|
|
}
|
|
|
|
.ui-menu .ui-menu-item {
|
|
position: relative;
|
|
margin: 0;
|
|
padding: 3px 1em 3px .4em;
|
|
cursor: pointer;
|
|
min-height: 0;
|
|
list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7")
|
|
}
|
|
|
|
.ui-menu .ui-menu-divider {
|
|
margin: 5px 0;
|
|
height: 0;
|
|
font-size: 0;
|
|
line-height: 0;
|
|
border-width: 1px 0 0 0
|
|
}
|
|
|
|
.ui-menu .ui-state-focus,
|
|
.ui-menu .ui-state-active {
|
|
margin: -1px
|
|
}
|
|
|
|
.ui-menu-icons {
|
|
position: relative
|
|
}
|
|
|
|
.ui-menu-icons .ui-menu-item {
|
|
padding-left: 2em
|
|
}
|
|
|
|
.ui-menu .ui-icon {
|
|
position: absolute;
|
|
top: 0;
|
|
bottom: 0;
|
|
left: .2em;
|
|
margin: auto 0
|
|
}
|
|
|
|
.ui-menu .ui-menu-icon {
|
|
left: auto;
|
|
right: 0
|
|
}
|
|
|
|
.ui-progressbar {
|
|
height: 2em;
|
|
text-align: left;
|
|
overflow: hidden
|
|
}
|
|
|
|
.ui-progressbar .ui-progressbar-value {
|
|
margin: -1px;
|
|
height: 100%
|
|
}
|
|
|
|
.ui-progressbar .ui-progressbar-overlay {
|
|
background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
|
|
height: 100%;
|
|
filter: alpha(opacity=25);
|
|
opacity: 0.25
|
|
}
|
|
|
|
.ui-progressbar-indeterminate .ui-progressbar-value {
|
|
background-image: none
|
|
}
|
|
|
|
.ui-resizable {
|
|
position: relative
|
|
}
|
|
|
|
.ui-resizable-handle {
|
|
position: absolute;
|
|
font-size: 0.1px;
|
|
display: block;
|
|
-ms-touch-action: none;
|
|
touch-action: none
|
|
}
|
|
|
|
.ui-resizable-disabled .ui-resizable-handle,
|
|
.ui-resizable-autohide .ui-resizable-handle {
|
|
display: none
|
|
}
|
|
|
|
.ui-resizable-n {
|
|
cursor: n-resize;
|
|
height: 7px;
|
|
width: 100%;
|
|
top: -5px;
|
|
left: 0
|
|
}
|
|
|
|
.ui-resizable-s {
|
|
cursor: s-resize;
|
|
height: 7px;
|
|
width: 100%;
|
|
bottom: -5px;
|
|
left: 0
|
|
}
|
|
|
|
.ui-resizable-e {
|
|
cursor: e-resize;
|
|
width: 7px;
|
|
right: -5px;
|
|
top: 0;
|
|
height: 100%
|
|
}
|
|
|
|
.ui-resizable-w {
|
|
cursor: w-resize;
|
|
width: 7px;
|
|
left: -5px;
|
|
top: 0;
|
|
height: 100%
|
|
}
|
|
|
|
.ui-resizable-se {
|
|
cursor: se-resize;
|
|
width: 12px;
|
|
height: 12px;
|
|
right: 1px;
|
|
bottom: 1px
|
|
}
|
|
|
|
.ui-resizable-sw {
|
|
cursor: sw-resize;
|
|
width: 9px;
|
|
height: 9px;
|
|
left: -5px;
|
|
bottom: -5px
|
|
}
|
|
|
|
.ui-resizable-nw {
|
|
cursor: nw-resize;
|
|
width: 9px;
|
|
height: 9px;
|
|
left: -5px;
|
|
top: -5px
|
|
}
|
|
|
|
.ui-resizable-ne {
|
|
cursor: ne-resize;
|
|
width: 9px;
|
|
height: 9px;
|
|
right: -5px;
|
|
top: -5px
|
|
}
|
|
|
|
.ui-selectable {
|
|
-ms-touch-action: none;
|
|
touch-action: none
|
|
}
|
|
|
|
.ui-selectable-helper {
|
|
position: absolute;
|
|
z-index: 100;
|
|
border: 1px dotted black
|
|
}
|
|
|
|
.ui-selectmenu-menu {
|
|
padding: 0;
|
|
margin: 0;
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
display: none
|
|
}
|
|
|
|
.ui-selectmenu-menu .ui-menu {
|
|
overflow: auto;
|
|
overflow-x: hidden;
|
|
padding-bottom: 1px
|
|
}
|
|
|
|
.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
|
|
font-size: 1em;
|
|
font-weight: bold;
|
|
line-height: 1.5;
|
|
padding: 2px 0.4em;
|
|
margin: 0.5em 0 0 0;
|
|
height: auto;
|
|
border: 0
|
|
}
|
|
|
|
.ui-selectmenu-open {
|
|
display: block
|
|
}
|
|
|
|
.ui-selectmenu-button {
|
|
display: inline-block;
|
|
overflow: hidden;
|
|
position: relative;
|
|
text-decoration: none;
|
|
cursor: pointer
|
|
}
|
|
|
|
.ui-selectmenu-button span.ui-icon {
|
|
right: 0.5em;
|
|
left: auto;
|
|
margin-top: -8px;
|
|
position: absolute;
|
|
top: 50%
|
|
}
|
|
|
|
.ui-selectmenu-button span.ui-selectmenu-text {
|
|
text-align: left;
|
|
padding: 0.4em 2.1em 0.4em 1em;
|
|
display: block;
|
|
line-height: 1.4;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap
|
|
}
|
|
|
|
.ui-slider {
|
|
position: relative;
|
|
text-align: left
|
|
}
|
|
|
|
.ui-slider .ui-slider-handle {
|
|
position: absolute;
|
|
z-index: 2;
|
|
width: 1.2em;
|
|
height: 1.2em;
|
|
cursor: default;
|
|
-ms-touch-action: none;
|
|
touch-action: none
|
|
}
|
|
|
|
.ui-slider .ui-slider-range {
|
|
position: absolute;
|
|
z-index: 1;
|
|
font-size: .7em;
|
|
display: block;
|
|
border: 0;
|
|
background-position: 0 0
|
|
}
|
|
|
|
.ui-slider.ui-state-disabled .ui-slider-handle,
|
|
.ui-slider.ui-state-disabled .ui-slider-range {
|
|
filter: inherit
|
|
}
|
|
|
|
.ui-slider-horizontal {
|
|
height: .8em
|
|
}
|
|
|
|
.ui-slider-horizontal .ui-slider-handle {
|
|
top: -.3em;
|
|
margin-left: -.6em
|
|
}
|
|
|
|
.ui-slider-horizontal .ui-slider-range {
|
|
top: 0;
|
|
height: 100%
|
|
}
|
|
|
|
.ui-slider-horizontal .ui-slider-range-min {
|
|
left: 0
|
|
}
|
|
|
|
.ui-slider-horizontal .ui-slider-range-max {
|
|
right: 0
|
|
}
|
|
|
|
.ui-slider-vertical {
|
|
width: .8em;
|
|
height: 100px
|
|
}
|
|
|
|
.ui-slider-vertical .ui-slider-handle {
|
|
left: -.3em;
|
|
margin-left: 0;
|
|
margin-bottom: -.6em
|
|
}
|
|
|
|
.ui-slider-vertical .ui-slider-range {
|
|
left: 0;
|
|
width: 100%
|
|
}
|
|
|
|
.ui-slider-vertical .ui-slider-range-min {
|
|
bottom: 0
|
|
}
|
|
|
|
.ui-slider-vertical .ui-slider-range-max {
|
|
top: 0
|
|
}
|
|
|
|
.ui-sortable-handle {
|
|
-ms-touch-action: none;
|
|
touch-action: none
|
|
}
|
|
|
|
.ui-spinner {
|
|
position: relative;
|
|
display: inline-block;
|
|
overflow: hidden;
|
|
padding: 0;
|
|
vertical-align: middle
|
|
}
|
|
|
|
.ui-spinner-input {
|
|
border: none;
|
|
background: none;
|
|
color: inherit;
|
|
padding: 0;
|
|
margin: .2em 0;
|
|
vertical-align: middle;
|
|
margin-left: .4em;
|
|
margin-right: 22px
|
|
}
|
|
|
|
.ui-spinner-button {
|
|
width: 16px;
|
|
height: 50%;
|
|
font-size: .5em;
|
|
padding: 0;
|
|
margin: 0;
|
|
text-align: center;
|
|
position: absolute;
|
|
cursor: default;
|
|
display: block;
|
|
overflow: hidden;
|
|
right: 0
|
|
}
|
|
|
|
.ui-spinner a.ui-spinner-button {
|
|
border-top: none;
|
|
border-bottom: none;
|
|
border-right: none
|
|
}
|
|
|
|
.ui-spinner .ui-icon {
|
|
position: absolute;
|
|
margin-top: -8px;
|
|
top: 50%;
|
|
left: 0
|
|
}
|
|
|
|
.ui-spinner-up {
|
|
top: 0
|
|
}
|
|
|
|
.ui-spinner-down {
|
|
bottom: 0
|
|
}
|
|
|
|
.ui-spinner .ui-icon-triangle-1-s {
|
|
background-position: -65px -16px
|
|
}
|
|
|
|
.ui-tabs {
|
|
position: relative;
|
|
padding: .2em
|
|
}
|
|
|
|
.ui-tabs .ui-tabs-nav {
|
|
margin: 0;
|
|
padding: .2em .2em 0
|
|
}
|
|
|
|
.ui-tabs .ui-tabs-nav li {
|
|
list-style: none;
|
|
float: left;
|
|
position: relative;
|
|
top: 0;
|
|
margin: 1px .2em 0 0;
|
|
border-bottom-width: 0;
|
|
padding: 0;
|
|
white-space: nowrap
|
|
}
|
|
|
|
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
|
|
float: left;
|
|
padding: .5em 1em;
|
|
text-decoration: none
|
|
}
|
|
|
|
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
|
|
margin-bottom: -1px;
|
|
padding-bottom: 1px
|
|
}
|
|
|
|
.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
|
|
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
|
|
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
|
|
cursor: text
|
|
}
|
|
|
|
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
|
|
cursor: pointer
|
|
}
|
|
|
|
.ui-tabs .ui-tabs-panel {
|
|
display: block;
|
|
border-width: 0;
|
|
padding: 1em 1.4em;
|
|
background: none
|
|
}
|
|
|
|
.ui-tooltip {
|
|
padding: 8px;
|
|
position: absolute;
|
|
z-index: 9999;
|
|
max-width: 300px;
|
|
-webkit-box-shadow: 0 0 5px #aaa;
|
|
box-shadow: 0 0 5px #aaa
|
|
}
|
|
|
|
body .ui-tooltip {
|
|
border-width: 2px
|
|
}
|
|
|
|
.ui-widget {
|
|
font-family: Verdana, Arial, sans-serif;
|
|
font-size: 1.1em
|
|
}
|
|
|
|
.ui-widget .ui-widget {
|
|
font-size: 1em
|
|
}
|
|
|
|
.ui-widget input,
|
|
.ui-widget select,
|
|
.ui-widget textarea,
|
|
.ui-widget button {
|
|
font-family: Verdana, Arial, sans-serif;
|
|
font-size: 1em
|
|
}
|
|
|
|
.ui-widget-content {
|
|
border: 1px solid #aaa;
|
|
background: #fff url("images/ui-bg_flat_75_ffffff_40x100.png") 50% 50% repeat-x;
|
|
color: #222
|
|
}
|
|
|
|
.ui-widget-content a {
|
|
color: #222
|
|
}
|
|
|
|
.ui-widget-header {
|
|
border: 1px solid #aaa;
|
|
background: #ccc url("images/ui-bg_highlight-soft_75_cccccc_1x100.png") 50% 50% repeat-x;
|
|
color: #222;
|
|
font-weight: bold
|
|
}
|
|
|
|
.ui-widget-header a {
|
|
color: #222
|
|
}
|
|
|
|
.ui-state-default,
|
|
.ui-widget-content .ui-state-default,
|
|
.ui-widget-header .ui-state-default {
|
|
border: 1px solid #d3d3d3;
|
|
background: #e6e6e6 url("images/ui-bg_glass_75_e6e6e6_1x400.png") 50% 50% repeat-x;
|
|
font-weight: normal;
|
|
color: #555
|
|
}
|
|
|
|
.ui-state-default a,
|
|
.ui-state-default a:link,
|
|
.ui-state-default a:visited {
|
|
color: #555;
|
|
text-decoration: none
|
|
}
|
|
|
|
.ui-state-hover,
|
|
.ui-widget-content .ui-state-hover,
|
|
.ui-widget-header .ui-state-hover,
|
|
.ui-state-focus,
|
|
.ui-widget-content .ui-state-focus,
|
|
.ui-widget-header .ui-state-focus {
|
|
border: 1px solid #999;
|
|
background: #dadada url("images/ui-bg_glass_75_dadada_1x400.png") 50% 50% repeat-x;
|
|
font-weight: normal;
|
|
color: #212121
|
|
}
|
|
|
|
.ui-state-hover a,
|
|
.ui-state-hover a:hover,
|
|
.ui-state-hover a:link,
|
|
.ui-state-hover a:visited,
|
|
.ui-state-focus a,
|
|
.ui-state-focus a:hover,
|
|
.ui-state-focus a:link,
|
|
.ui-state-focus a:visited {
|
|
color: #212121;
|
|
text-decoration: none
|
|
}
|
|
|
|
.ui-state-active,
|
|
.ui-widget-content .ui-state-active,
|
|
.ui-widget-header .ui-state-active {
|
|
border: 1px solid #aaa;
|
|
background: #fff url("images/ui-bg_glass_65_ffffff_1x400.png") 50% 50% repeat-x;
|
|
font-weight: normal;
|
|
color: #212121
|
|
}
|
|
|
|
.ui-state-active a,
|
|
.ui-state-active a:link,
|
|
.ui-state-active a:visited {
|
|
color: #212121;
|
|
text-decoration: none
|
|
}
|
|
|
|
.ui-state-highlight,
|
|
.ui-widget-content .ui-state-highlight,
|
|
.ui-widget-header .ui-state-highlight {
|
|
border: 1px solid #fcefa1;
|
|
background: #fbf9ee url("images/ui-bg_glass_55_fbf9ee_1x400.png") 50% 50% repeat-x;
|
|
color: #363636
|
|
}
|
|
|
|
.ui-state-highlight a,
|
|
.ui-widget-content .ui-state-highlight a,
|
|
.ui-widget-header .ui-state-highlight a {
|
|
color: #363636
|
|
}
|
|
|
|
.ui-state-error,
|
|
.ui-widget-content .ui-state-error,
|
|
.ui-widget-header .ui-state-error {
|
|
border: 1px solid #cd0a0a;
|
|
background: #fef1ec url("images/ui-bg_glass_95_fef1ec_1x400.png") 50% 50% repeat-x;
|
|
color: #cd0a0a
|
|
}
|
|
|
|
.ui-state-error a,
|
|
.ui-widget-content .ui-state-error a,
|
|
.ui-widget-header .ui-state-error a {
|
|
color: #cd0a0a
|
|
}
|
|
|
|
.ui-state-error-text,
|
|
.ui-widget-content .ui-state-error-text,
|
|
.ui-widget-header .ui-state-error-text {
|
|
color: #cd0a0a
|
|
}
|
|
|
|
.ui-priority-primary,
|
|
.ui-widget-content .ui-priority-primary,
|
|
.ui-widget-header .ui-priority-primary {
|
|
font-weight: bold
|
|
}
|
|
|
|
.ui-priority-secondary,
|
|
.ui-widget-content .ui-priority-secondary,
|
|
.ui-widget-header .ui-priority-secondary {
|
|
opacity: .7;
|
|
filter: Alpha(Opacity=70);
|
|
font-weight: normal
|
|
}
|
|
|
|
.ui-state-disabled,
|
|
.ui-widget-content .ui-state-disabled,
|
|
.ui-widget-header .ui-state-disabled {
|
|
opacity: .35;
|
|
filter: Alpha(Opacity=35);
|
|
background-image: none
|
|
}
|
|
|
|
.ui-state-disabled .ui-icon {
|
|
filter: Alpha(Opacity=35)
|
|
}
|
|
|
|
.ui-icon {
|
|
width: 16px;
|
|
height: 16px
|
|
}
|
|
|
|
.ui-icon,
|
|
.ui-widget-content .ui-icon {
|
|
background-image: url("images/ui-icons_222222_256x240.png")
|
|
}
|
|
|
|
.ui-widget-header .ui-icon {
|
|
background-image: url("images/ui-icons_222222_256x240.png")
|
|
}
|
|
|
|
.ui-state-default .ui-icon {
|
|
background-image: url("images/ui-icons_888888_256x240.png")
|
|
}
|
|
|
|
.ui-state-hover .ui-icon,
|
|
.ui-state-focus .ui-icon {
|
|
background-image: url("images/ui-icons_454545_256x240.png")
|
|
}
|
|
|
|
.ui-state-active .ui-icon {
|
|
background-image: url("images/ui-icons_454545_256x240.png")
|
|
}
|
|
|
|
.ui-state-highlight .ui-icon {
|
|
background-image: url("images/ui-icons_2e83ff_256x240.png")
|
|
}
|
|
|
|
.ui-state-error .ui-icon,
|
|
.ui-state-error-text .ui-icon {
|
|
background-image: url("images/ui-icons_cd0a0a_256x240.png")
|
|
}
|
|
|
|
.ui-icon-blank {
|
|
background-position: 16px 16px
|
|
}
|
|
|
|
.ui-icon-carat-1-n {
|
|
background-position: 0 0
|
|
}
|
|
|
|
.ui-icon-carat-1-ne {
|
|
background-position: -16px 0
|
|
}
|
|
|
|
.ui-icon-carat-1-e {
|
|
background-position: -32px 0
|
|
}
|
|
|
|
.ui-icon-carat-1-se {
|
|
background-position: -48px 0
|
|
}
|
|
|
|
.ui-icon-carat-1-s {
|
|
background-position: -64px 0
|
|
}
|
|
|
|
.ui-icon-carat-1-sw {
|
|
background-position: -80px 0
|
|
}
|
|
|
|
.ui-icon-carat-1-w {
|
|
background-position: -96px 0
|
|
}
|
|
|
|
.ui-icon-carat-1-nw {
|
|
background-position: -112px 0
|
|
}
|
|
|
|
.ui-icon-carat-2-n-s {
|
|
background-position: -128px 0
|
|
}
|
|
|
|
.ui-icon-carat-2-e-w {
|
|
background-position: -144px 0
|
|
}
|
|
|
|
.ui-icon-triangle-1-n {
|
|
background-position: 0 -16px
|
|
}
|
|
|
|
.ui-icon-triangle-1-ne {
|
|
background-position: -16px -16px
|
|
}
|
|
|
|
.ui-icon-triangle-1-e {
|
|
background-position: -32px -16px
|
|
}
|
|
|
|
.ui-icon-triangle-1-se {
|
|
background-position: -48px -16px
|
|
}
|
|
|
|
.ui-icon-triangle-1-s {
|
|
background-position: -64px -16px
|
|
}
|
|
|
|
.ui-icon-triangle-1-sw {
|
|
background-position: -80px -16px
|
|
}
|
|
|
|
.ui-icon-triangle-1-w {
|
|
background-position: -96px -16px
|
|
}
|
|
|
|
.ui-icon-triangle-1-nw {
|
|
background-position: -112px -16px
|
|
}
|
|
|
|
.ui-icon-triangle-2-n-s {
|
|
background-position: -128px -16px
|
|
}
|
|
|
|
.ui-icon-triangle-2-e-w {
|
|
background-position: -144px -16px
|
|
}
|
|
|
|
.ui-icon-arrow-1-n {
|
|
background-position: 0 -32px
|
|
}
|
|
|
|
.ui-icon-arrow-1-ne {
|
|
background-position: -16px -32px
|
|
}
|
|
|
|
.ui-icon-arrow-1-e {
|
|
background-position: -32px -32px
|
|
}
|
|
|
|
.ui-icon-arrow-1-se {
|
|
background-position: -48px -32px
|
|
}
|
|
|
|
.ui-icon-arrow-1-s {
|
|
background-position: -64px -32px
|
|
}
|
|
|
|
.ui-icon-arrow-1-sw {
|
|
background-position: -80px -32px
|
|
}
|
|
|
|
.ui-icon-arrow-1-w {
|
|
background-position: -96px -32px
|
|
}
|
|
|
|
.ui-icon-arrow-1-nw {
|
|
background-position: -112px -32px
|
|
}
|
|
|
|
.ui-icon-arrow-2-n-s {
|
|
background-position: -128px -32px
|
|
}
|
|
|
|
.ui-icon-arrow-2-ne-sw {
|
|
background-position: -144px -32px
|
|
}
|
|
|
|
.ui-icon-arrow-2-e-w {
|
|
background-position: -160px -32px
|
|
}
|
|
|
|
.ui-icon-arrow-2-se-nw {
|
|
background-position: -176px -32px
|
|
}
|
|
|
|
.ui-icon-arrowstop-1-n {
|
|
background-position: -192px -32px
|
|
}
|
|
|
|
.ui-icon-arrowstop-1-e {
|
|
background-position: -208px -32px
|
|
}
|
|
|
|
.ui-icon-arrowstop-1-s {
|
|
background-position: -224px -32px
|
|
}
|
|
|
|
.ui-icon-arrowstop-1-w {
|
|
background-position: -240px -32px
|
|
}
|
|
|
|
.ui-icon-arrowthick-1-n {
|
|
background-position: 0 -48px
|
|
}
|
|
|
|
.ui-icon-arrowthick-1-ne {
|
|
background-position: -16px -48px
|
|
}
|
|
|
|
.ui-icon-arrowthick-1-e {
|
|
background-position: -32px -48px
|
|
}
|
|
|
|
.ui-icon-arrowthick-1-se {
|
|
background-position: -48px -48px
|
|
}
|
|
|
|
.ui-icon-arrowthick-1-s {
|
|
background-position: -64px -48px
|
|
}
|
|
|
|
.ui-icon-arrowthick-1-sw {
|
|
background-position: -80px -48px
|
|
}
|
|
|
|
.ui-icon-arrowthick-1-w {
|
|
background-position: -96px -48px
|
|
}
|
|
|
|
.ui-icon-arrowthick-1-nw {
|
|
background-position: -112px -48px
|
|
}
|
|
|
|
.ui-icon-arrowthick-2-n-s {
|
|
background-position: -128px -48px
|
|
}
|
|
|
|
.ui-icon-arrowthick-2-ne-sw {
|
|
background-position: -144px -48px
|
|
}
|
|
|
|
.ui-icon-arrowthick-2-e-w {
|
|
background-position: -160px -48px
|
|
}
|
|
|
|
.ui-icon-arrowthick-2-se-nw {
|
|
background-position: -176px -48px
|
|
}
|
|
|
|
.ui-icon-arrowthickstop-1-n {
|
|
background-position: -192px -48px
|
|
}
|
|
|
|
.ui-icon-arrowthickstop-1-e {
|
|
background-position: -208px -48px
|
|
}
|
|
|
|
.ui-icon-arrowthickstop-1-s {
|
|
background-position: -224px -48px
|
|
}
|
|
|
|
.ui-icon-arrowthickstop-1-w {
|
|
background-position: -240px -48px
|
|
}
|
|
|
|
.ui-icon-arrowreturnthick-1-w {
|
|
background-position: 0 -64px
|
|
}
|
|
|
|
.ui-icon-arrowreturnthick-1-n {
|
|
background-position: -16px -64px
|
|
}
|
|
|
|
.ui-icon-arrowreturnthick-1-e {
|
|
background-position: -32px -64px
|
|
}
|
|
|
|
.ui-icon-arrowreturnthick-1-s {
|
|
background-position: -48px -64px
|
|
}
|
|
|
|
.ui-icon-arrowreturn-1-w {
|
|
background-position: -64px -64px
|
|
}
|
|
|
|
.ui-icon-arrowreturn-1-n {
|
|
background-position: -80px -64px
|
|
}
|
|
|
|
.ui-icon-arrowreturn-1-e {
|
|
background-position: -96px -64px
|
|
}
|
|
|
|
.ui-icon-arrowreturn-1-s {
|
|
background-position: -112px -64px
|
|
}
|
|
|
|
.ui-icon-arrowrefresh-1-w {
|
|
background-position: -128px -64px
|
|
}
|
|
|
|
.ui-icon-arrowrefresh-1-n {
|
|
background-position: -144px -64px
|
|
}
|
|
|
|
.ui-icon-arrowrefresh-1-e {
|
|
background-position: -160px -64px
|
|
}
|
|
|
|
.ui-icon-arrowrefresh-1-s {
|
|
background-position: -176px -64px
|
|
}
|
|
|
|
.ui-icon-arrow-4 {
|
|
background-position: 0 -80px
|
|
}
|
|
|
|
.ui-icon-arrow-4-diag {
|
|
background-position: -16px -80px
|
|
}
|
|
|
|
.ui-icon-extlink {
|
|
background-position: -32px -80px
|
|
}
|
|
|
|
.ui-icon-newwin {
|
|
background-position: -48px -80px
|
|
}
|
|
|
|
.ui-icon-refresh {
|
|
background-position: -64px -80px
|
|
}
|
|
|
|
.ui-icon-shuffle {
|
|
background-position: -80px -80px
|
|
}
|
|
|
|
.ui-icon-transfer-e-w {
|
|
background-position: -96px -80px
|
|
}
|
|
|
|
.ui-icon-transferthick-e-w {
|
|
background-position: -112px -80px
|
|
}
|
|
|
|
.ui-icon-folder-collapsed {
|
|
background-position: 0 -96px
|
|
}
|
|
|
|
.ui-icon-folder-open {
|
|
background-position: -16px -96px
|
|
}
|
|
|
|
.ui-icon-document {
|
|
background-position: -32px -96px
|
|
}
|
|
|
|
.ui-icon-document-b {
|
|
background-position: -48px -96px
|
|
}
|
|
|
|
.ui-icon-note {
|
|
background-position: -64px -96px
|
|
}
|
|
|
|
.ui-icon-mail-closed {
|
|
background-position: -80px -96px
|
|
}
|
|
|
|
.ui-icon-mail-open {
|
|
background-position: -96px -96px
|
|
}
|
|
|
|
.ui-icon-suitcase {
|
|
background-position: -112px -96px
|
|
}
|
|
|
|
.ui-icon-comment {
|
|
background-position: -128px -96px
|
|
}
|
|
|
|
.ui-icon-person {
|
|
background-position: -144px -96px
|
|
}
|
|
|
|
.ui-icon-print {
|
|
background-position: -160px -96px
|
|
}
|
|
|
|
.ui-icon-trash {
|
|
background-position: -176px -96px
|
|
}
|
|
|
|
.ui-icon-locked {
|
|
background-position: -192px -96px
|
|
}
|
|
|
|
.ui-icon-unlocked {
|
|
background-position: -208px -96px
|
|
}
|
|
|
|
.ui-icon-bookmark {
|
|
background-position: -224px -96px
|
|
}
|
|
|
|
.ui-icon-tag {
|
|
background-position: -240px -96px
|
|
}
|
|
|
|
.ui-icon-home {
|
|
background-position: 0 -112px
|
|
}
|
|
|
|
.ui-icon-flag {
|
|
background-position: -16px -112px
|
|
}
|
|
|
|
.ui-icon-calendar {
|
|
background-position: -32px -112px
|
|
}
|
|
|
|
.ui-icon-cart {
|
|
background-position: -48px -112px
|
|
}
|
|
|
|
.ui-icon-pencil {
|
|
background-position: -64px -112px
|
|
}
|
|
|
|
.ui-icon-clock {
|
|
background-position: -80px -112px
|
|
}
|
|
|
|
.ui-icon-disk {
|
|
background-position: -96px -112px
|
|
}
|
|
|
|
.ui-icon-calculator {
|
|
background-position: -112px -112px
|
|
}
|
|
|
|
.ui-icon-zoomin {
|
|
background-position: -128px -112px
|
|
}
|
|
|
|
.ui-icon-zoomout {
|
|
background-position: -144px -112px
|
|
}
|
|
|
|
.ui-icon-search {
|
|
background-position: -160px -112px
|
|
}
|
|
|
|
.ui-icon-wrench {
|
|
background-position: -176px -112px
|
|
}
|
|
|
|
.ui-icon-gear {
|
|
background-position: -192px -112px
|
|
}
|
|
|
|
.ui-icon-heart {
|
|
background-position: -208px -112px
|
|
}
|
|
|
|
.ui-icon-star {
|
|
background-position: -224px -112px
|
|
}
|
|
|
|
.ui-icon-link {
|
|
background-position: -240px -112px
|
|
}
|
|
|
|
.ui-icon-cancel {
|
|
background-position: 0 -128px
|
|
}
|
|
|
|
.ui-icon-plus {
|
|
background-position: -16px -128px
|
|
}
|
|
|
|
.ui-icon-plusthick {
|
|
background-position: -32px -128px
|
|
}
|
|
|
|
.ui-icon-minus {
|
|
background-position: -48px -128px
|
|
}
|
|
|
|
.ui-icon-minusthick {
|
|
background-position: -64px -128px
|
|
}
|
|
|
|
.ui-icon-close {
|
|
background-position: -80px -128px
|
|
}
|
|
|
|
.ui-icon-closethick {
|
|
background-position: -96px -128px
|
|
}
|
|
|
|
.ui-icon-key {
|
|
background-position: -112px -128px
|
|
}
|
|
|
|
.ui-icon-lightbulb {
|
|
background-position: -128px -128px
|
|
}
|
|
|
|
.ui-icon-scissors {
|
|
background-position: -144px -128px
|
|
}
|
|
|
|
.ui-icon-clipboard {
|
|
background-position: -160px -128px
|
|
}
|
|
|
|
.ui-icon-copy {
|
|
background-position: -176px -128px
|
|
}
|
|
|
|
.ui-icon-contact {
|
|
background-position: -192px -128px
|
|
}
|
|
|
|
.ui-icon-image {
|
|
background-position: -208px -128px
|
|
}
|
|
|
|
.ui-icon-video {
|
|
background-position: -224px -128px
|
|
}
|
|
|
|
.ui-icon-script {
|
|
background-position: -240px -128px
|
|
}
|
|
|
|
.ui-icon-alert {
|
|
background-position: 0 -144px
|
|
}
|
|
|
|
.ui-icon-info {
|
|
background-position: -16px -144px
|
|
}
|
|
|
|
.ui-icon-notice {
|
|
background-position: -32px -144px
|
|
}
|
|
|
|
.ui-icon-help {
|
|
background-position: -48px -144px
|
|
}
|
|
|
|
.ui-icon-check {
|
|
background-position: -64px -144px
|
|
}
|
|
|
|
.ui-icon-bullet {
|
|
background-position: -80px -144px
|
|
}
|
|
|
|
.ui-icon-radio-on {
|
|
background-position: -96px -144px
|
|
}
|
|
|
|
.ui-icon-radio-off {
|
|
background-position: -112px -144px
|
|
}
|
|
|
|
.ui-icon-pin-w {
|
|
background-position: -128px -144px
|
|
}
|
|
|
|
.ui-icon-pin-s {
|
|
background-position: -144px -144px
|
|
}
|
|
|
|
.ui-icon-play {
|
|
background-position: 0 -160px
|
|
}
|
|
|
|
.ui-icon-pause {
|
|
background-position: -16px -160px
|
|
}
|
|
|
|
.ui-icon-seek-next {
|
|
background-position: -32px -160px
|
|
}
|
|
|
|
.ui-icon-seek-prev {
|
|
background-position: -48px -160px
|
|
}
|
|
|
|
.ui-icon-seek-end {
|
|
background-position: -64px -160px
|
|
}
|
|
|
|
.ui-icon-seek-start {
|
|
background-position: -80px -160px
|
|
}
|
|
|
|
.ui-icon-seek-first {
|
|
background-position: -80px -160px
|
|
}
|
|
|
|
.ui-icon-stop {
|
|
background-position: -96px -160px
|
|
}
|
|
|
|
.ui-icon-eject {
|
|
background-position: -112px -160px
|
|
}
|
|
|
|
.ui-icon-volume-off {
|
|
background-position: -128px -160px
|
|
}
|
|
|
|
.ui-icon-volume-on {
|
|
background-position: -144px -160px
|
|
}
|
|
|
|
.ui-icon-power {
|
|
background-position: 0 -176px
|
|
}
|
|
|
|
.ui-icon-signal-diag {
|
|
background-position: -16px -176px
|
|
}
|
|
|
|
.ui-icon-signal {
|
|
background-position: -32px -176px
|
|
}
|
|
|
|
.ui-icon-battery-0 {
|
|
background-position: -48px -176px
|
|
}
|
|
|
|
.ui-icon-battery-1 {
|
|
background-position: -64px -176px
|
|
}
|
|
|
|
.ui-icon-battery-2 {
|
|
background-position: -80px -176px
|
|
}
|
|
|
|
.ui-icon-battery-3 {
|
|
background-position: -96px -176px
|
|
}
|
|
|
|
.ui-icon-circle-plus {
|
|
background-position: 0 -192px
|
|
}
|
|
|
|
.ui-icon-circle-minus {
|
|
background-position: -16px -192px
|
|
}
|
|
|
|
.ui-icon-circle-close {
|
|
background-position: -32px -192px
|
|
}
|
|
|
|
.ui-icon-circle-triangle-e {
|
|
background-position: -48px -192px
|
|
}
|
|
|
|
.ui-icon-circle-triangle-s {
|
|
background-position: -64px -192px
|
|
}
|
|
|
|
.ui-icon-circle-triangle-w {
|
|
background-position: -80px -192px
|
|
}
|
|
|
|
.ui-icon-circle-triangle-n {
|
|
background-position: -96px -192px
|
|
}
|
|
|
|
.ui-icon-circle-arrow-e {
|
|
background-position: -112px -192px
|
|
}
|
|
|
|
.ui-icon-circle-arrow-s {
|
|
background-position: -128px -192px
|
|
}
|
|
|
|
.ui-icon-circle-arrow-w {
|
|
background-position: -144px -192px
|
|
}
|
|
|
|
.ui-icon-circle-arrow-n {
|
|
background-position: -160px -192px
|
|
}
|
|
|
|
.ui-icon-circle-zoomin {
|
|
background-position: -176px -192px
|
|
}
|
|
|
|
.ui-icon-circle-zoomout {
|
|
background-position: -192px -192px
|
|
}
|
|
|
|
.ui-icon-circle-check {
|
|
background-position: -208px -192px
|
|
}
|
|
|
|
.ui-icon-circlesmall-plus {
|
|
background-position: 0 -208px
|
|
}
|
|
|
|
.ui-icon-circlesmall-minus {
|
|
background-position: -16px -208px
|
|
}
|
|
|
|
.ui-icon-circlesmall-close {
|
|
background-position: -32px -208px
|
|
}
|
|
|
|
.ui-icon-squaresmall-plus {
|
|
background-position: -48px -208px
|
|
}
|
|
|
|
.ui-icon-squaresmall-minus {
|
|
background-position: -64px -208px
|
|
}
|
|
|
|
.ui-icon-squaresmall-close {
|
|
background-position: -80px -208px
|
|
}
|
|
|
|
.ui-icon-grip-dotted-vertical {
|
|
background-position: 0 -224px
|
|
}
|
|
|
|
.ui-icon-grip-dotted-horizontal {
|
|
background-position: -16px -224px
|
|
}
|
|
|
|
.ui-icon-grip-solid-vertical {
|
|
background-position: -32px -224px
|
|
}
|
|
|
|
.ui-icon-grip-solid-horizontal {
|
|
background-position: -48px -224px
|
|
}
|
|
|
|
.ui-icon-gripsmall-diagonal-se {
|
|
background-position: -64px -224px
|
|
}
|
|
|
|
.ui-icon-grip-diagonal-se {
|
|
background-position: -80px -224px
|
|
}
|
|
|
|
.ui-corner-all,
|
|
.ui-corner-top,
|
|
.ui-corner-left,
|
|
.ui-corner-tl {
|
|
border-top-left-radius: 4px
|
|
}
|
|
|
|
.ui-corner-all,
|
|
.ui-corner-top,
|
|
.ui-corner-right,
|
|
.ui-corner-tr {
|
|
border-top-right-radius: 4px
|
|
}
|
|
|
|
.ui-corner-all,
|
|
.ui-corner-bottom,
|
|
.ui-corner-left,
|
|
.ui-corner-bl {
|
|
border-bottom-left-radius: 4px
|
|
}
|
|
|
|
.ui-corner-all,
|
|
.ui-corner-bottom,
|
|
.ui-corner-right,
|
|
.ui-corner-br {
|
|
border-bottom-right-radius: 4px
|
|
}
|
|
|
|
.ui-widget-overlay {
|
|
background: #aaa url("images/ui-bg_flat_0_aaaaaa_40x100.png") 50% 50% repeat-x;
|
|
opacity: .3;
|
|
filter: Alpha(Opacity=30)
|
|
}
|
|
|
|
.ui-widget-shadow {
|
|
margin: -8px 0 0 -8px;
|
|
padding: 8px;
|
|
background: #aaa url("images/ui-bg_flat_0_aaaaaa_40x100.png") 50% 50% repeat-x;
|
|
opacity: .3;
|
|
filter: Alpha(Opacity=30);
|
|
border-radius: 8px
|
|
}
|
|
|
|
|
|
/*!
|
|
* Bootstrap v3.3.5 (http://getbootstrap.com)
|
|
* Copyright 2011-2015 Twitter, Inc.
|
|
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
|
|
*/
|
|
|
|
|
|
/*!
|
|
* Generated using the Bootstrap Customizer (http://getbootstrap.com/customize/?id=16e68b741b5a0f146a4d)
|
|
* Config saved to config.json and https://gist.github.com/16e68b741b5a0f146a4d
|
|
*/
|
|
|
|
|
|
/*!
|
|
* Bootstrap v3.3.5 (http://getbootstrap.com)
|
|
* Copyright 2011-2015 Twitter, Inc.
|
|
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
|
|
*/
|
|
|
|
|
|
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
|
|
|
|
html {
|
|
font-family: sans-serif;
|
|
-ms-text-size-adjust: 100%;
|
|
-webkit-text-size-adjust: 100%
|
|
}
|
|
|
|
body {
|
|
margin: 0
|
|
}
|
|
|
|
article,
|
|
aside,
|
|
details,
|
|
figcaption,
|
|
figure,
|
|
footer,
|
|
header,
|
|
hgroup,
|
|
main,
|
|
menu,
|
|
nav,
|
|
section,
|
|
summary {
|
|
display: block
|
|
}
|
|
|
|
audio,
|
|
canvas,
|
|
progress,
|
|
video {
|
|
display: inline-block;
|
|
vertical-align: baseline
|
|
}
|
|
|
|
audio:not([controls]) {
|
|
display: none;
|
|
height: 0
|
|
}
|
|
|
|
[hidden],
|
|
template {
|
|
display: none
|
|
}
|
|
|
|
a {
|
|
background-color: transparent
|
|
}
|
|
|
|
a:active,
|
|
a:hover {
|
|
outline: 0
|
|
}
|
|
|
|
abbr[title] {
|
|
border-bottom: 1px dotted
|
|
}
|
|
|
|
b,
|
|
strong {
|
|
font-weight: bold
|
|
}
|
|
|
|
dfn {
|
|
font-style: italic
|
|
}
|
|
|
|
h1 {
|
|
font-size: 2em;
|
|
margin: 0.67em 0
|
|
}
|
|
|
|
mark {
|
|
background: #ff0;
|
|
color: #000
|
|
}
|
|
|
|
small {
|
|
font-size: 80%
|
|
}
|
|
|
|
sub,
|
|
sup {
|
|
font-size: 75%;
|
|
line-height: 0;
|
|
position: relative;
|
|
vertical-align: baseline
|
|
}
|
|
|
|
sup {
|
|
top: -0.5em
|
|
}
|
|
|
|
sub {
|
|
bottom: -0.25em
|
|
}
|
|
|
|
img {
|
|
border: 0
|
|
}
|
|
|
|
svg:not(:root) {
|
|
overflow: hidden
|
|
}
|
|
|
|
figure {
|
|
margin: 1em 40px
|
|
}
|
|
|
|
hr {
|
|
-webkit-box-sizing: content-box;
|
|
-moz-box-sizing: content-box;
|
|
box-sizing: content-box;
|
|
height: 0
|
|
}
|
|
|
|
pre {
|
|
overflow: auto
|
|
}
|
|
|
|
code,
|
|
kbd,
|
|
pre,
|
|
samp {
|
|
font-family: monospace, monospace;
|
|
font-size: 1em
|
|
}
|
|
|
|
button,
|
|
input,
|
|
optgroup,
|
|
select,
|
|
textarea {
|
|
color: inherit;
|
|
font: inherit;
|
|
margin: 0
|
|
}
|
|
|
|
button {
|
|
overflow: visible
|
|
}
|
|
|
|
button,
|
|
select {
|
|
text-transform: none
|
|
}
|
|
|
|
button,
|
|
html input[type="button"],
|
|
input[type="reset"],
|
|
input[type="submit"] {
|
|
-webkit-appearance: button;
|
|
cursor: pointer
|
|
}
|
|
|
|
button[disabled],
|
|
html input[disabled] {
|
|
cursor: default
|
|
}
|
|
|
|
button::-moz-focus-inner,
|
|
input::-moz-focus-inner {
|
|
border: 0;
|
|
padding: 0
|
|
}
|
|
|
|
input {
|
|
line-height: normal
|
|
}
|
|
|
|
input[type="checkbox"],
|
|
input[type="radio"] {
|
|
-webkit-box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
padding: 0
|
|
}
|
|
|
|
input[type="number"]::-webkit-inner-spin-button,
|
|
input[type="number"]::-webkit-outer-spin-button {
|
|
height: auto
|
|
}
|
|
|
|
input[type="search"] {
|
|
-webkit-appearance: textfield;
|
|
-webkit-box-sizing: content-box;
|
|
-moz-box-sizing: content-box;
|
|
box-sizing: content-box
|
|
}
|
|
|
|
input[type="search"]::-webkit-search-cancel-button,
|
|
input[type="search"]::-webkit-search-decoration {
|
|
-webkit-appearance: none
|
|
}
|
|
|
|
fieldset {
|
|
border: 1px solid #c0c0c0;
|
|
margin: 0 2px;
|
|
padding: 0.35em 0.625em 0.75em
|
|
}
|
|
|
|
legend {
|
|
border: 0;
|
|
padding: 0
|
|
}
|
|
|
|
textarea {
|
|
overflow: auto
|
|
}
|
|
|
|
optgroup {
|
|
font-weight: bold
|
|
}
|
|
|
|
table {
|
|
border-collapse: collapse;
|
|
border-spacing: 0
|
|
}
|
|
|
|
td,
|
|
th {
|
|
padding: 0
|
|
}
|
|
|
|
|
|
/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
|
|
|
|
@media print {
|
|
*,
|
|
*:before,
|
|
*:after {
|
|
background: transparent !important;
|
|
color: #000 !important;
|
|
-webkit-box-shadow: none !important;
|
|
box-shadow: none !important;
|
|
text-shadow: none !important
|
|
}
|
|
a,
|
|
a:visited {
|
|
text-decoration: underline
|
|
}
|
|
a[href]:after {
|
|
content: " (" attr(href) ")"
|
|
}
|
|
abbr[title]:after {
|
|
content: " (" attr(title) ")"
|
|
}
|
|
a[href^="#"]:after,
|
|
a[href^="javascript:"]:after {
|
|
content: ""
|
|
}
|
|
pre,
|
|
blockquote {
|
|
border: 1px solid #999;
|
|
page-break-inside: avoid
|
|
}
|
|
thead {
|
|
display: table-header-group
|
|
}
|
|
tr,
|
|
img {
|
|
page-break-inside: avoid
|
|
}
|
|
img {
|
|
max-width: 100% !important
|
|
}
|
|
p,
|
|
h2,
|
|
h3 {
|
|
orphans: 3;
|
|
widows: 3
|
|
}
|
|
h2,
|
|
h3 {
|
|
page-break-after: avoid
|
|
}
|
|
.navbar {
|
|
display: none
|
|
}
|
|
.btn>.caret,
|
|
.dropup>.btn>.caret {
|
|
border-top-color: #000 !important
|
|
}
|
|
.label {
|
|
border: 1px solid #000
|
|
}
|
|
.table {
|
|
border-collapse: collapse !important
|
|
}
|
|
.table td,
|
|
.table th {
|
|
background-color: #fff !important
|
|
}
|
|
.table-bordered th,
|
|
.table-bordered td {
|
|
border: 1px solid #ddd !important
|
|
}
|
|
}
|
|
|
|
@font-face {
|
|
font-family: 'Glyphicons Halflings';
|
|
src: url('../fonts/glyphicons-halflings-regular.eot');
|
|
src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg')
|
|
}
|
|
|
|
.glyphicon {
|
|
position: relative;
|
|
top: 1px;
|
|
display: inline-block;
|
|
font-family: 'Glyphicons Halflings';
|
|
font-style: normal;
|
|
font-weight: normal;
|
|
line-height: 1;
|
|
-webkit-font-smoothing: antialiased;
|
|
-moz-osx-font-smoothing: grayscale
|
|
}
|
|
|
|
.glyphicon-asterisk:before {
|
|
content: "\2a"
|
|
}
|
|
|
|
.glyphicon-plus:before {
|
|
content: "\2b"
|
|
}
|
|
|
|
.glyphicon-euro:before,
|
|
.glyphicon-eur:before {
|
|
content: "\20ac"
|
|
}
|
|
|
|
.glyphicon-minus:before {
|
|
content: "\2212"
|
|
}
|
|
|
|
.glyphicon-cloud:before {
|
|
content: "\2601"
|
|
}
|
|
|
|
.glyphicon-envelope:before {
|
|
content: "\2709"
|
|
}
|
|
|
|
.glyphicon-pencil:before {
|
|
content: "\270f"
|
|
}
|
|
|
|
.glyphicon-glass:before {
|
|
content: "\e001"
|
|
}
|
|
|
|
.glyphicon-music:before {
|
|
content: "\e002"
|
|
}
|
|
|
|
.glyphicon-search:before {
|
|
content: "\e003"
|
|
}
|
|
|
|
.glyphicon-heart:before {
|
|
content: "\e005"
|
|
}
|
|
|
|
.glyphicon-star:before {
|
|
content: "\e006"
|
|
}
|
|
|
|
.glyphicon-star-empty:before {
|
|
content: "\e007"
|
|
}
|
|
|
|
.glyphicon-user:before {
|
|
content: "\e008"
|
|
}
|
|
|
|
.glyphicon-film:before {
|
|
content: "\e009"
|
|
}
|
|
|
|
.glyphicon-th-large:before {
|
|
content: "\e010"
|
|
}
|
|
|
|
.glyphicon-th:before {
|
|
content: "\e011"
|
|
}
|
|
|
|
.glyphicon-th-list:before {
|
|
content: "\e012"
|
|
}
|
|
|
|
.glyphicon-ok:before {
|
|
content: "\e013"
|
|
}
|
|
|
|
.glyphicon-remove:before {
|
|
content: "\e014"
|
|
}
|
|
|
|
.glyphicon-zoom-in:before {
|
|
content: "\e015"
|
|
}
|
|
|
|
.glyphicon-zoom-out:before {
|
|
content: "\e016"
|
|
}
|
|
|
|
.glyphicon-off:before {
|
|
content: "\e017"
|
|
}
|
|
|
|
.glyphicon-signal:before {
|
|
content: "\e018"
|
|
}
|
|
|
|
.glyphicon-cog:before {
|
|
content: "\e019"
|
|
}
|
|
|
|
.glyphicon-trash:before {
|
|
content: "\e020"
|
|
}
|
|
|
|
.glyphicon-home:before {
|
|
content: "\e021"
|
|
}
|
|
|
|
.glyphicon-file:before {
|
|
content: "\e022"
|
|
}
|
|
|
|
.glyphicon-time:before {
|
|
content: "\e023"
|
|
}
|
|
|
|
.glyphicon-road:before {
|
|
content: "\e024"
|
|
}
|
|
|
|
.glyphicon-download-alt:before {
|
|
content: "\e025"
|
|
}
|
|
|
|
.glyphicon-download:before {
|
|
content: "\e026"
|
|
}
|
|
|
|
.glyphicon-upload:before {
|
|
content: "\e027"
|
|
}
|
|
|
|
.glyphicon-inbox:before {
|
|
content: "\e028"
|
|
}
|
|
|
|
.glyphicon-play-circle:before {
|
|
content: "\e029"
|
|
}
|
|
|
|
.glyphicon-repeat:before {
|
|
content: "\e030"
|
|
}
|
|
|
|
.glyphicon-refresh:before {
|
|
content: "\e031"
|
|
}
|
|
|
|
.glyphicon-list-alt:before {
|
|
content: "\e032"
|
|
}
|
|
|
|
.glyphicon-lock:before {
|
|
content: "\e033"
|
|
}
|
|
|
|
.glyphicon-flag:before {
|
|
content: "\e034"
|
|
}
|
|
|
|
.glyphicon-headphones:before {
|
|
content: "\e035"
|
|
}
|
|
|
|
.glyphicon-volume-off:before {
|
|
content: "\e036"
|
|
}
|
|
|
|
.glyphicon-volume-down:before {
|
|
content: "\e037"
|
|
}
|
|
|
|
.glyphicon-volume-up:before {
|
|
content: "\e038"
|
|
}
|
|
|
|
.glyphicon-qrcode:before {
|
|
content: "\e039"
|
|
}
|
|
|
|
.glyphicon-barcode:before {
|
|
content: "\e040"
|
|
}
|
|
|
|
.glyphicon-tag:before {
|
|
content: "\e041"
|
|
}
|
|
|
|
.glyphicon-tags:before {
|
|
content: "\e042"
|
|
}
|
|
|
|
.glyphicon-book:before {
|
|
content: "\e043"
|
|
}
|
|
|
|
.glyphicon-bookmark:before {
|
|
content: "\e044"
|
|
}
|
|
|
|
.glyphicon-print:before {
|
|
content: "\e045"
|
|
}
|
|
|
|
.glyphicon-camera:before {
|
|
content: "\e046"
|
|
}
|
|
|
|
.glyphicon-font:before {
|
|
content: "\e047"
|
|
}
|
|
|
|
.glyphicon-bold:before {
|
|
content: "\e048"
|
|
}
|
|
|
|
.glyphicon-italic:before {
|
|
content: "\e049"
|
|
}
|
|
|
|
.glyphicon-text-height:before {
|
|
content: "\e050"
|
|
}
|
|
|
|
.glyphicon-text-width:before {
|
|
content: "\e051"
|
|
}
|
|
|
|
.glyphicon-align-left:before {
|
|
content: "\e052"
|
|
}
|
|
|
|
.glyphicon-align-center:before {
|
|
content: "\e053"
|
|
}
|
|
|
|
.glyphicon-align-right:before {
|
|
content: "\e054"
|
|
}
|
|
|
|
.glyphicon-align-justify:before {
|
|
content: "\e055"
|
|
}
|
|
|
|
.glyphicon-list:before {
|
|
content: "\e056"
|
|
}
|
|
|
|
.glyphicon-indent-left:before {
|
|
content: "\e057"
|
|
}
|
|
|
|
.glyphicon-indent-right:before {
|
|
content: "\e058"
|
|
}
|
|
|
|
.glyphicon-facetime-video:before {
|
|
content: "\e059"
|
|
}
|
|
|
|
.glyphicon-picture:before {
|
|
content: "\e060"
|
|
}
|
|
|
|
.glyphicon-map-marker:before {
|
|
content: "\e062"
|
|
}
|
|
|
|
.glyphicon-adjust:before {
|
|
content: "\e063"
|
|
}
|
|
|
|
.glyphicon-tint:before {
|
|
content: "\e064"
|
|
}
|
|
|
|
.glyphicon-edit:before {
|
|
content: "\e065"
|
|
}
|
|
|
|
.glyphicon-share:before {
|
|
content: "\e066"
|
|
}
|
|
|
|
.glyphicon-check:before {
|
|
content: "\e067"
|
|
}
|
|
|
|
.glyphicon-move:before {
|
|
content: "\e068"
|
|
}
|
|
|
|
.glyphicon-step-backward:before {
|
|
content: "\e069"
|
|
}
|
|
|
|
.glyphicon-fast-backward:before {
|
|
content: "\e070"
|
|
}
|
|
|
|
.glyphicon-backward:before {
|
|
content: "\e071"
|
|
}
|
|
|
|
.glyphicon-play:before {
|
|
content: "\e072"
|
|
}
|
|
|
|
.glyphicon-pause:before {
|
|
content: "\e073"
|
|
}
|
|
|
|
.glyphicon-stop:before {
|
|
content: "\e074"
|
|
}
|
|
|
|
.glyphicon-forward:before {
|
|
content: "\e075"
|
|
}
|
|
|
|
.glyphicon-fast-forward:before {
|
|
content: "\e076"
|
|
}
|
|
|
|
.glyphicon-step-forward:before {
|
|
content: "\e077"
|
|
}
|
|
|
|
.glyphicon-eject:before {
|
|
content: "\e078"
|
|
}
|
|
|
|
.glyphicon-chevron-left:before {
|
|
content: "\e079"
|
|
}
|
|
|
|
.glyphicon-chevron-right:before {
|
|
content: "\e080"
|
|
}
|
|
|
|
.glyphicon-plus-sign:before {
|
|
content: "\e081"
|
|
}
|
|
|
|
.glyphicon-minus-sign:before {
|
|
content: "\e082"
|
|
}
|
|
|
|
.glyphicon-remove-sign:before {
|
|
content: "\e083"
|
|
}
|
|
|
|
.glyphicon-ok-sign:before {
|
|
content: "\e084"
|
|
}
|
|
|
|
.glyphicon-question-sign:before {
|
|
content: "\e085"
|
|
}
|
|
|
|
.glyphicon-info-sign:before {
|
|
content: "\e086"
|
|
}
|
|
|
|
.glyphicon-screenshot:before {
|
|
content: "\e087"
|
|
}
|
|
|
|
.glyphicon-remove-circle:before {
|
|
content: "\e088"
|
|
}
|
|
|
|
.glyphicon-ok-circle:before {
|
|
content: "\e089"
|
|
}
|
|
|
|
.glyphicon-ban-circle:before {
|
|
content: "\e090"
|
|
}
|
|
|
|
.glyphicon-arrow-left:before {
|
|
content: "\e091"
|
|
}
|
|
|
|
.glyphicon-arrow-right:before {
|
|
content: "\e092"
|
|
}
|
|
|
|
.glyphicon-arrow-up:before {
|
|
content: "\e093"
|
|
}
|
|
|
|
.glyphicon-arrow-down:before {
|
|
content: "\e094"
|
|
}
|
|
|
|
.glyphicon-share-alt:before {
|
|
content: "\e095"
|
|
}
|
|
|
|
.glyphicon-resize-full:before {
|
|
content: "\e096"
|
|
}
|
|
|
|
.glyphicon-resize-small:before {
|
|
content: "\e097"
|
|
}
|
|
|
|
.glyphicon-exclamation-sign:before {
|
|
content: "\e101"
|
|
}
|
|
|
|
.glyphicon-gift:before {
|
|
content: "\e102"
|
|
}
|
|
|
|
.glyphicon-leaf:before {
|
|
content: "\e103"
|
|
}
|
|
|
|
.glyphicon-fire:before {
|
|
content: "\e104"
|
|
}
|
|
|
|
.glyphicon-eye-open:before {
|
|
content: "\e105"
|
|
}
|
|
|
|
.glyphicon-eye-close:before {
|
|
content: "\e106"
|
|
}
|
|
|
|
.glyphicon-warning-sign:before {
|
|
content: "\e107"
|
|
}
|
|
|
|
.glyphicon-plane:before {
|
|
content: "\e108"
|
|
}
|
|
|
|
.glyphicon-calendar:before {
|
|
content: "\e109"
|
|
}
|
|
|
|
.glyphicon-random:before {
|
|
content: "\e110"
|
|
}
|
|
|
|
.glyphicon-comment:before {
|
|
content: "\e111"
|
|
}
|
|
|
|
.glyphicon-magnet:before {
|
|
content: "\e112"
|
|
}
|
|
|
|
.glyphicon-chevron-up:before {
|
|
content: "\e113"
|
|
}
|
|
|
|
.glyphicon-chevron-down:before {
|
|
content: "\e114"
|
|
}
|
|
|
|
.glyphicon-retweet:before {
|
|
content: "\e115"
|
|
}
|
|
|
|
.glyphicon-shopping-cart:before {
|
|
content: "\e116"
|
|
}
|
|
|
|
.glyphicon-folder-close:before {
|
|
content: "\e117"
|
|
}
|
|
|
|
.glyphicon-folder-open:before {
|
|
content: "\e118"
|
|
}
|
|
|
|
.glyphicon-resize-vertical:before {
|
|
content: "\e119"
|
|
}
|
|
|
|
.glyphicon-resize-horizontal:before {
|
|
content: "\e120"
|
|
}
|
|
|
|
.glyphicon-hdd:before {
|
|
content: "\e121"
|
|
}
|
|
|
|
.glyphicon-bullhorn:before {
|
|
content: "\e122"
|
|
}
|
|
|
|
.glyphicon-bell:before {
|
|
content: "\e123"
|
|
}
|
|
|
|
.glyphicon-certificate:before {
|
|
content: "\e124"
|
|
}
|
|
|
|
.glyphicon-thumbs-up:before {
|
|
content: "\e125"
|
|
}
|
|
|
|
.glyphicon-thumbs-down:before {
|
|
content: "\e126"
|
|
}
|
|
|
|
.glyphicon-hand-right:before {
|
|
content: "\e127"
|
|
}
|
|
|
|
.glyphicon-hand-left:before {
|
|
content: "\e128"
|
|
}
|
|
|
|
.glyphicon-hand-up:before {
|
|
content: "\e129"
|
|
}
|
|
|
|
.glyphicon-hand-down:before {
|
|
content: "\e130"
|
|
}
|
|
|
|
.glyphicon-circle-arrow-right:before {
|
|
content: "\e131"
|
|
}
|
|
|
|
.glyphicon-circle-arrow-left:before {
|
|
content: "\e132"
|
|
}
|
|
|
|
.glyphicon-circle-arrow-up:before {
|
|
content: "\e133"
|
|
}
|
|
|
|
.glyphicon-circle-arrow-down:before {
|
|
content: "\e134"
|
|
}
|
|
|
|
.glyphicon-globe:before {
|
|
content: "\e135"
|
|
}
|
|
|
|
.glyphicon-wrench:before {
|
|
content: "\e136"
|
|
}
|
|
|
|
.glyphicon-tasks:before {
|
|
content: "\e137"
|
|
}
|
|
|
|
.glyphicon-filter:before {
|
|
content: "\e138"
|
|
}
|
|
|
|
.glyphicon-briefcase:before {
|
|
content: "\e139"
|
|
}
|
|
|
|
.glyphicon-fullscreen:before {
|
|
content: "\e140"
|
|
}
|
|
|
|
.glyphicon-dashboard:before {
|
|
content: "\e141"
|
|
}
|
|
|
|
.glyphicon-paperclip:before {
|
|
content: "\e142"
|
|
}
|
|
|
|
.glyphicon-heart-empty:before {
|
|
content: "\e143"
|
|
}
|
|
|
|
.glyphicon-link:before {
|
|
content: "\e144"
|
|
}
|
|
|
|
.glyphicon-phone:before {
|
|
content: "\e145"
|
|
}
|
|
|
|
.glyphicon-pushpin:before {
|
|
content: "\e146"
|
|
}
|
|
|
|
.glyphicon-usd:before {
|
|
content: "\e148"
|
|
}
|
|
|
|
.glyphicon-gbp:before {
|
|
content: "\e149"
|
|
}
|
|
|
|
.glyphicon-sort:before {
|
|
content: "\e150"
|
|
}
|
|
|
|
.glyphicon-sort-by-alphabet:before {
|
|
content: "\e151"
|
|
}
|
|
|
|
.glyphicon-sort-by-alphabet-alt:before {
|
|
content: "\e152"
|
|
}
|
|
|
|
.glyphicon-sort-by-order:before {
|
|
content: "\e153"
|
|
}
|
|
|
|
.glyphicon-sort-by-order-alt:before {
|
|
content: "\e154"
|
|
}
|
|
|
|
.glyphicon-sort-by-attributes:before {
|
|
content: "\e155"
|
|
}
|
|
|
|
.glyphicon-sort-by-attributes-alt:before {
|
|
content: "\e156"
|
|
}
|
|
|
|
.glyphicon-unchecked:before {
|
|
content: "\e157"
|
|
}
|
|
|
|
.glyphicon-expand:before {
|
|
content: "\e158"
|
|
}
|
|
|
|
.glyphicon-collapse-down:before {
|
|
content: "\e159"
|
|
}
|
|
|
|
.glyphicon-collapse-up:before {
|
|
content: "\e160"
|
|
}
|
|
|
|
.glyphicon-log-in:before {
|
|
content: "\e161"
|
|
}
|
|
|
|
.glyphicon-flash:before {
|
|
content: "\e162"
|
|
}
|
|
|
|
.glyphicon-log-out:before {
|
|
content: "\e163"
|
|
}
|
|
|
|
.glyphicon-new-window:before {
|
|
content: "\e164"
|
|
}
|
|
|
|
.glyphicon-record:before {
|
|
content: "\e165"
|
|
}
|
|
|
|
.glyphicon-save:before {
|
|
content: "\e166"
|
|
}
|
|
|
|
.glyphicon-open:before {
|
|
content: "\e167"
|
|
}
|
|
|
|
.glyphicon-saved:before {
|
|
content: "\e168"
|
|
}
|
|
|
|
.glyphicon-import:before {
|
|
content: "\e169"
|
|
}
|
|
|
|
.glyphicon-export:before {
|
|
content: "\e170"
|
|
}
|
|
|
|
.glyphicon-send:before {
|
|
content: "\e171"
|
|
}
|
|
|
|
.glyphicon-floppy-disk:before {
|
|
content: "\e172"
|
|
}
|
|
|
|
.glyphicon-floppy-saved:before {
|
|
content: "\e173"
|
|
}
|
|
|
|
.glyphicon-floppy-remove:before {
|
|
content: "\e174"
|
|
}
|
|
|
|
.glyphicon-floppy-save:before {
|
|
content: "\e175"
|
|
}
|
|
|
|
.glyphicon-floppy-open:before {
|
|
content: "\e176"
|
|
}
|
|
|
|
.glyphicon-credit-card:before {
|
|
content: "\e177"
|
|
}
|
|
|
|
.glyphicon-transfer:before {
|
|
content: "\e178"
|
|
}
|
|
|
|
.glyphicon-cutlery:before {
|
|
content: "\e179"
|
|
}
|
|
|
|
.glyphicon-header:before {
|
|
content: "\e180"
|
|
}
|
|
|
|
.glyphicon-compressed:before {
|
|
content: "\e181"
|
|
}
|
|
|
|
.glyphicon-earphone:before {
|
|
content: "\e182"
|
|
}
|
|
|
|
.glyphicon-phone-alt:before {
|
|
content: "\e183"
|
|
}
|
|
|
|
.glyphicon-tower:before {
|
|
content: "\e184"
|
|
}
|
|
|
|
.glyphicon-stats:before {
|
|
content: "\e185"
|
|
}
|
|
|
|
.glyphicon-sd-video:before {
|
|
content: "\e186"
|
|
}
|
|
|
|
.glyphicon-hd-video:before {
|
|
content: "\e187"
|
|
}
|
|
|
|
.glyphicon-subtitles:before {
|
|
content: "\e188"
|
|
}
|
|
|
|
.glyphicon-sound-stereo:before {
|
|
content: "\e189"
|
|
}
|
|
|
|
.glyphicon-sound-dolby:before {
|
|
content: "\e190"
|
|
}
|
|
|
|
.glyphicon-sound-5-1:before {
|
|
content: "\e191"
|
|
}
|
|
|
|
.glyphicon-sound-6-1:before {
|
|
content: "\e192"
|
|
}
|
|
|
|
.glyphicon-sound-7-1:before {
|
|
content: "\e193"
|
|
}
|
|
|
|
.glyphicon-copyright-mark:before {
|
|
content: "\e194"
|
|
}
|
|
|
|
.glyphicon-registration-mark:before {
|
|
content: "\e195"
|
|
}
|
|
|
|
.glyphicon-cloud-download:before {
|
|
content: "\e197"
|
|
}
|
|
|
|
.glyphicon-cloud-upload:before {
|
|
content: "\e198"
|
|
}
|
|
|
|
.glyphicon-tree-conifer:before {
|
|
content: "\e199"
|
|
}
|
|
|
|
.glyphicon-tree-deciduous:before {
|
|
content: "\e200"
|
|
}
|
|
|
|
.glyphicon-cd:before {
|
|
content: "\e201"
|
|
}
|
|
|
|
.glyphicon-save-file:before {
|
|
content: "\e202"
|
|
}
|
|
|
|
.glyphicon-open-file:before {
|
|
content: "\e203"
|
|
}
|
|
|
|
.glyphicon-level-up:before {
|
|
content: "\e204"
|
|
}
|
|
|
|
.glyphicon-copy:before {
|
|
content: "\e205"
|
|
}
|
|
|
|
.glyphicon-paste:before {
|
|
content: "\e206"
|
|
}
|
|
|
|
.glyphicon-alert:before {
|
|
content: "\e209"
|
|
}
|
|
|
|
.glyphicon-equalizer:before {
|
|
content: "\e210"
|
|
}
|
|
|
|
.glyphicon-king:before {
|
|
content: "\e211"
|
|
}
|
|
|
|
.glyphicon-queen:before {
|
|
content: "\e212"
|
|
}
|
|
|
|
.glyphicon-pawn:before {
|
|
content: "\e213"
|
|
}
|
|
|
|
.glyphicon-bishop:before {
|
|
content: "\e214"
|
|
}
|
|
|
|
.glyphicon-knight:before {
|
|
content: "\e215"
|
|
}
|
|
|
|
.glyphicon-baby-formula:before {
|
|
content: "\e216"
|
|
}
|
|
|
|
.glyphicon-tent:before {
|
|
content: "\26fa"
|
|
}
|
|
|
|
.glyphicon-blackboard:before {
|
|
content: "\e218"
|
|
}
|
|
|
|
.glyphicon-bed:before {
|
|
content: "\e219"
|
|
}
|
|
|
|
.glyphicon-apple:before {
|
|
content: "\f8ff"
|
|
}
|
|
|
|
.glyphicon-erase:before {
|
|
content: "\e221"
|
|
}
|
|
|
|
.glyphicon-hourglass:before {
|
|
content: "\231b"
|
|
}
|
|
|
|
.glyphicon-lamp:before {
|
|
content: "\e223"
|
|
}
|
|
|
|
.glyphicon-duplicate:before {
|
|
content: "\e224"
|
|
}
|
|
|
|
.glyphicon-piggy-bank:before {
|
|
content: "\e225"
|
|
}
|
|
|
|
.glyphicon-scissors:before {
|
|
content: "\e226"
|
|
}
|
|
|
|
.glyphicon-bitcoin:before {
|
|
content: "\e227"
|
|
}
|
|
|
|
.glyphicon-btc:before {
|
|
content: "\e227"
|
|
}
|
|
|
|
.glyphicon-xbt:before {
|
|
content: "\e227"
|
|
}
|
|
|
|
.glyphicon-yen:before {
|
|
content: "\00a5"
|
|
}
|
|
|
|
.glyphicon-jpy:before {
|
|
content: "\00a5"
|
|
}
|
|
|
|
.glyphicon-ruble:before {
|
|
content: "\20bd"
|
|
}
|
|
|
|
.glyphicon-rub:before {
|
|
content: "\20bd"
|
|
}
|
|
|
|
.glyphicon-scale:before {
|
|
content: "\e230"
|
|
}
|
|
|
|
.glyphicon-ice-lolly:before {
|
|
content: "\e231"
|
|
}
|
|
|
|
.glyphicon-ice-lolly-tasted:before {
|
|
content: "\e232"
|
|
}
|
|
|
|
.glyphicon-education:before {
|
|
content: "\e233"
|
|
}
|
|
|
|
.glyphicon-option-horizontal:before {
|
|
content: "\e234"
|
|
}
|
|
|
|
.glyphicon-option-vertical:before {
|
|
content: "\e235"
|
|
}
|
|
|
|
.glyphicon-menu-hamburger:before {
|
|
content: "\e236"
|
|
}
|
|
|
|
.glyphicon-modal-window:before {
|
|
content: "\e237"
|
|
}
|
|
|
|
.glyphicon-oil:before {
|
|
content: "\e238"
|
|
}
|
|
|
|
.glyphicon-grain:before {
|
|
content: "\e239"
|
|
}
|
|
|
|
.glyphicon-sunglasses:before {
|
|
content: "\e240"
|
|
}
|
|
|
|
.glyphicon-text-size:before {
|
|
content: "\e241"
|
|
}
|
|
|
|
.glyphicon-text-color:before {
|
|
content: "\e242"
|
|
}
|
|
|
|
.glyphicon-text-background:before {
|
|
content: "\e243"
|
|
}
|
|
|
|
.glyphicon-object-align-top:before {
|
|
content: "\e244"
|
|
}
|
|
|
|
.glyphicon-object-align-bottom:before {
|
|
content: "\e245"
|
|
}
|
|
|
|
.glyphicon-object-align-horizontal:before {
|
|
content: "\e246"
|
|
}
|
|
|
|
.glyphicon-object-align-left:before {
|
|
content: "\e247"
|
|
}
|
|
|
|
.glyphicon-object-align-vertical:before {
|
|
content: "\e248"
|
|
}
|
|
|
|
.glyphicon-object-align-right:before {
|
|
content: "\e249"
|
|
}
|
|
|
|
.glyphicon-triangle-right:before {
|
|
content: "\e250"
|
|
}
|
|
|
|
.glyphicon-triangle-left:before {
|
|
content: "\e251"
|
|
}
|
|
|
|
.glyphicon-triangle-bottom:before {
|
|
content: "\e252"
|
|
}
|
|
|
|
.glyphicon-triangle-top:before {
|
|
content: "\e253"
|
|
}
|
|
|
|
.glyphicon-console:before {
|
|
content: "\e254"
|
|
}
|
|
|
|
.glyphicon-superscript:before {
|
|
content: "\e255"
|
|
}
|
|
|
|
.glyphicon-subscript:before {
|
|
content: "\e256"
|
|
}
|
|
|
|
.glyphicon-menu-left:before {
|
|
content: "\e257"
|
|
}
|
|
|
|
.glyphicon-menu-right:before {
|
|
content: "\e258"
|
|
}
|
|
|
|
.glyphicon-menu-down:before {
|
|
content: "\e259"
|
|
}
|
|
|
|
.glyphicon-menu-up:before {
|
|
content: "\e260"
|
|
}
|
|
|
|
* {
|
|
-webkit-box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
box-sizing: border-box
|
|
}
|
|
|
|
*:before,
|
|
*:after {
|
|
-webkit-box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
box-sizing: border-box
|
|
}
|
|
|
|
html {
|
|
font-size: 10px;
|
|
-webkit-tap-highlight-color: rgba(0, 0, 0, 0)
|
|
}
|
|
|
|
body {
|
|
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
|
|
font-size: 14px;
|
|
line-height: 1.42857143;
|
|
color: #333;
|
|
background-color: #fff
|
|
}
|
|
|
|
input,
|
|
button,
|
|
select,
|
|
textarea {
|
|
font-family: inherit;
|
|
font-size: inherit;
|
|
line-height: inherit
|
|
}
|
|
|
|
a {
|
|
color: #337ab7;
|
|
text-decoration: none
|
|
}
|
|
|
|
a:hover,
|
|
a:focus {
|
|
color: #23527c;
|
|
text-decoration: underline
|
|
}
|
|
|
|
a:focus {
|
|
outline: thin dotted;
|
|
outline: 5px auto -webkit-focus-ring-color;
|
|
outline-offset: -2px
|
|
}
|
|
|
|
figure {
|
|
margin: 0
|
|
}
|
|
|
|
img {
|
|
vertical-align: middle
|
|
}
|
|
|
|
.img-responsive,
|
|
.thumbnail>img,
|
|
.thumbnail a>img,
|
|
.carousel-inner>.item>img,
|
|
.carousel-inner>.item>a>img {
|
|
display: block;
|
|
max-width: 100%;
|
|
height: auto
|
|
}
|
|
|
|
.img-rounded {
|
|
border-radius: 6px
|
|
}
|
|
|
|
.img-thumbnail {
|
|
padding: 4px;
|
|
line-height: 1.42857143;
|
|
background-color: #fff;
|
|
border: 1px solid #ddd;
|
|
border-radius: 4px;
|
|
-webkit-transition: all .2s ease-in-out;
|
|
-o-transition: all .2s ease-in-out;
|
|
transition: all .2s ease-in-out;
|
|
display: inline-block;
|
|
max-width: 100%;
|
|
height: auto
|
|
}
|
|
|
|
.img-circle {
|
|
border-radius: 50%
|
|
}
|
|
|
|
hr {
|
|
margin-top: 20px;
|
|
margin-bottom: 20px;
|
|
border: 0;
|
|
border-top: 1px solid #eee
|
|
}
|
|
|
|
.sr-only {
|
|
position: absolute;
|
|
width: 1px;
|
|
height: 1px;
|
|
margin: -1px;
|
|
padding: 0;
|
|
overflow: hidden;
|
|
clip: rect(0, 0, 0, 0);
|
|
border: 0
|
|
}
|
|
|
|
.sr-only-focusable:active,
|
|
.sr-only-focusable:focus {
|
|
position: static;
|
|
width: auto;
|
|
height: auto;
|
|
margin: 0;
|
|
overflow: visible;
|
|
clip: auto
|
|
}
|
|
|
|
[role="button"] {
|
|
cursor: pointer
|
|
}
|
|
|
|
h1,
|
|
h2,
|
|
h3,
|
|
h4,
|
|
h5,
|
|
h6,
|
|
.h1,
|
|
.h2,
|
|
.h3,
|
|
.h4,
|
|
.h5,
|
|
.h6 {
|
|
font-family: inherit;
|
|
font-weight: 500;
|
|
line-height: 1.1;
|
|
color: inherit
|
|
}
|
|
|
|
h1 small,
|
|
h2 small,
|
|
h3 small,
|
|
h4 small,
|
|
h5 small,
|
|
h6 small,
|
|
.h1 small,
|
|
.h2 small,
|
|
.h3 small,
|
|
.h4 small,
|
|
.h5 small,
|
|
.h6 small,
|
|
h1 .small,
|
|
h2 .small,
|
|
h3 .small,
|
|
h4 .small,
|
|
h5 .small,
|
|
h6 .small,
|
|
.h1 .small,
|
|
.h2 .small,
|
|
.h3 .small,
|
|
.h4 .small,
|
|
.h5 .small,
|
|
.h6 .small {
|
|
font-weight: normal;
|
|
line-height: 1;
|
|
color: #777
|
|
}
|
|
|
|
h1,
|
|
.h1,
|
|
h2,
|
|
.h2,
|
|
h3,
|
|
.h3 {
|
|
margin-top: 20px;
|
|
margin-bottom: 10px
|
|
}
|
|
|
|
h1 small,
|
|
.h1 small,
|
|
h2 small,
|
|
.h2 small,
|
|
h3 small,
|
|
.h3 small,
|
|
h1 .small,
|
|
.h1 .small,
|
|
h2 .small,
|
|
.h2 .small,
|
|
h3 .small,
|
|
.h3 .small {
|
|
font-size: 65%
|
|
}
|
|
|
|
h4,
|
|
.h4,
|
|
h5,
|
|
.h5,
|
|
h6,
|
|
.h6 {
|
|
margin-top: 10px;
|
|
margin-bottom: 10px
|
|
}
|
|
|
|
h4 small,
|
|
.h4 small,
|
|
h5 small,
|
|
.h5 small,
|
|
h6 small,
|
|
.h6 small,
|
|
h4 .small,
|
|
.h4 .small,
|
|
h5 .small,
|
|
.h5 .small,
|
|
h6 .small,
|
|
.h6 .small {
|
|
font-size: 75%
|
|
}
|
|
|
|
h1,
|
|
.h1 {
|
|
font-size: 36px
|
|
}
|
|
|
|
h2,
|
|
.h2 {
|
|
font-size: 30px
|
|
}
|
|
|
|
h3,
|
|
.h3 {
|
|
font-size: 24px
|
|
}
|
|
|
|
h4,
|
|
.h4 {
|
|
font-size: 18px
|
|
}
|
|
|
|
h5,
|
|
.h5 {
|
|
font-size: 14px
|
|
}
|
|
|
|
h6,
|
|
.h6 {
|
|
font-size: 12px
|
|
}
|
|
|
|
p {
|
|
margin: 0 0 10px
|
|
}
|
|
|
|
.lead {
|
|
margin-bottom: 20px;
|
|
font-size: 16px;
|
|
font-weight: 300;
|
|
line-height: 1.4
|
|
}
|
|
|
|
@media (min-width:768px) {
|
|
.lead {
|
|
font-size: 21px
|
|
}
|
|
}
|
|
|
|
small,
|
|
.small {
|
|
font-size: 85%
|
|
}
|
|
|
|
mark,
|
|
.mark {
|
|
background-color: #fcf8e3;
|
|
padding: .2em
|
|
}
|
|
|
|
.text-left {
|
|
text-align: left
|
|
}
|
|
|
|
.text-right {
|
|
text-align: right
|
|
}
|
|
|
|
.text-center {
|
|
text-align: center
|
|
}
|
|
|
|
.text-justify {
|
|
text-align: justify
|
|
}
|
|
|
|
.text-nowrap {
|
|
white-space: nowrap
|
|
}
|
|
|
|
.text-lowercase {
|
|
text-transform: lowercase
|
|
}
|
|
|
|
.text-uppercase {
|
|
text-transform: uppercase
|
|
}
|
|
|
|
.text-capitalize {
|
|
text-transform: capitalize
|
|
}
|
|
|
|
.text-muted {
|
|
color: #777
|
|
}
|
|
|
|
.text-primary {
|
|
color: #337ab7
|
|
}
|
|
|
|
a.text-primary:hover,
|
|
a.text-primary:focus {
|
|
color: #286090
|
|
}
|
|
|
|
.text-success {
|
|
color: #3c763d
|
|
}
|
|
|
|
a.text-success:hover,
|
|
a.text-success:focus {
|
|
color: #2b542c
|
|
}
|
|
|
|
.text-info {
|
|
color: #31708f
|
|
}
|
|
|
|
a.text-info:hover,
|
|
a.text-info:focus {
|
|
color: #245269
|
|
}
|
|
|
|
.text-warning {
|
|
color: #8a6d3b
|
|
}
|
|
|
|
a.text-warning:hover,
|
|
a.text-warning:focus {
|
|
color: #66512c
|
|
}
|
|
|
|
.text-danger {
|
|
color: #a94442
|
|
}
|
|
|
|
a.text-danger:hover,
|
|
a.text-danger:focus {
|
|
color: #843534
|
|
}
|
|
|
|
.bg-primary {
|
|
color: #fff;
|
|
background-color: #337ab7
|
|
}
|
|
|
|
a.bg-primary:hover,
|
|
a.bg-primary:focus {
|
|
background-color: #286090
|
|
}
|
|
|
|
.bg-success {
|
|
background-color: #dff0d8
|
|
}
|
|
|
|
a.bg-success:hover,
|
|
a.bg-success:focus {
|
|
background-color: #c1e2b3
|
|
}
|
|
|
|
.bg-info {
|
|
background-color: #d9edf7
|
|
}
|
|
|
|
a.bg-info:hover,
|
|
a.bg-info:focus {
|
|
background-color: #afd9ee
|
|
}
|
|
|
|
.bg-warning {
|
|
background-color: #fcf8e3
|
|
}
|
|
|
|
a.bg-warning:hover,
|
|
a.bg-warning:focus {
|
|
background-color: #f7ecb5
|
|
}
|
|
|
|
.bg-danger {
|
|
background-color: #f2dede
|
|
}
|
|
|
|
a.bg-danger:hover,
|
|
a.bg-danger:focus {
|
|
background-color: #e4b9b9
|
|
}
|
|
|
|
.page-header {
|
|
padding-bottom: 9px;
|
|
margin: 40px 0 20px;
|
|
border-bottom: 1px solid #eee
|
|
}
|
|
|
|
ul,
|
|
ol {
|
|
margin-top: 0;
|
|
margin-bottom: 10px
|
|
}
|
|
|
|
ul ul,
|
|
ol ul,
|
|
ul ol,
|
|
ol ol {
|
|
margin-bottom: 0
|
|
}
|
|
|
|
.list-unstyled {
|
|
padding-left: 0;
|
|
list-style: none
|
|
}
|
|
|
|
.list-inline {
|
|
padding-left: 0;
|
|
list-style: none;
|
|
margin-left: -5px
|
|
}
|
|
|
|
.list-inline>li {
|
|
display: inline-block;
|
|
padding-left: 5px;
|
|
padding-right: 5px
|
|
}
|
|
|
|
dl {
|
|
margin-top: 0;
|
|
margin-bottom: 20px
|
|
}
|
|
|
|
dt,
|
|
dd {
|
|
line-height: 1.42857143
|
|
}
|
|
|
|
dt {
|
|
font-weight: bold
|
|
}
|
|
|
|
dd {
|
|
margin-left: 0
|
|
}
|
|
|
|
@media (min-width:768px) {
|
|
.dl-horizontal dt {
|
|
float: left;
|
|
width: 160px;
|
|
clear: left;
|
|
text-align: right;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap
|
|
}
|
|
.dl-horizontal dd {
|
|
margin-left: 180px
|
|
}
|
|
}
|
|
|
|
abbr[title],
|
|
abbr[data-original-title] {
|
|
cursor: help;
|
|
border-bottom: 1px dotted #777
|
|
}
|
|
|
|
.initialism {
|
|
font-size: 90%;
|
|
text-transform: uppercase
|
|
}
|
|
|
|
blockquote {
|
|
padding: 10px 20px;
|
|
margin: 0 0 20px;
|
|
font-size: 17.5px;
|
|
border-left: 5px solid #eee
|
|
}
|
|
|
|
blockquote p:last-child,
|
|
blockquote ul:last-child,
|
|
blockquote ol:last-child {
|
|
margin-bottom: 0
|
|
}
|
|
|
|
blockquote footer,
|
|
blockquote small,
|
|
blockquote .small {
|
|
display: block;
|
|
font-size: 80%;
|
|
line-height: 1.42857143;
|
|
color: #777
|
|
}
|
|
|
|
blockquote footer:before,
|
|
blockquote small:before,
|
|
blockquote .small:before {
|
|
content: '\2014 \00A0'
|
|
}
|
|
|
|
.blockquote-reverse,
|
|
blockquote.pull-right {
|
|
padding-right: 15px;
|
|
padding-left: 0;
|
|
border-right: 5px solid #eee;
|
|
border-left: 0;
|
|
text-align: right
|
|
}
|
|
|
|
.blockquote-reverse footer:before,
|
|
blockquote.pull-right footer:before,
|
|
.blockquote-reverse small:before,
|
|
blockquote.pull-right small:before,
|
|
.blockquote-reverse .small:before,
|
|
blockquote.pull-right .small:before {
|
|
content: ''
|
|
}
|
|
|
|
.blockquote-reverse footer:after,
|
|
blockquote.pull-right footer:after,
|
|
.blockquote-reverse small:after,
|
|
blockquote.pull-right small:after,
|
|
.blockquote-reverse .small:after,
|
|
blockquote.pull-right .small:after {
|
|
content: '\00A0 \2014'
|
|
}
|
|
|
|
address {
|
|
margin-bottom: 20px;
|
|
font-style: normal;
|
|
line-height: 1.42857143
|
|
}
|
|
|
|
code,
|
|
kbd,
|
|
pre,
|
|
samp {
|
|
font-family: Menlo, Monaco, Consolas, "Courier New", monospace
|
|
}
|
|
|
|
kbd {
|
|
padding: 2px 4px;
|
|
font-size: 90%;
|
|
color: #fff;
|
|
background-color: #333;
|
|
border-radius: 3px;
|
|
-webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);
|
|
box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25)
|
|
}
|
|
|
|
kbd kbd {
|
|
padding: 0;
|
|
font-size: 100%;
|
|
font-weight: bold;
|
|
-webkit-box-shadow: none;
|
|
box-shadow: none
|
|
}
|
|
|
|
pre {
|
|
display: block;
|
|
padding: 9.5px;
|
|
margin: 0 0 10px;
|
|
font-size: 13px;
|
|
line-height: 1.42857143;
|
|
word-break: break-all;
|
|
word-wrap: break-word;
|
|
color: #333;
|
|
background-color: #f5f5f5;
|
|
border: 1px solid #ccc;
|
|
border-radius: 4px
|
|
}
|
|
|
|
pre code {
|
|
padding: 0;
|
|
font-size: inherit;
|
|
color: inherit;
|
|
white-space: pre-wrap;
|
|
background-color: transparent;
|
|
border-radius: 0
|
|
}
|
|
|
|
.pre-scrollable {
|
|
max-height: 340px;
|
|
overflow-y: scroll
|
|
}
|
|
|
|
.container {
|
|
margin-right: auto;
|
|
margin-left: auto;
|
|
padding-left: 15px;
|
|
padding-right: 15px
|
|
}
|
|
|
|
@media (min-width:768px) {
|
|
.container {
|
|
width: 750px
|
|
}
|
|
}
|
|
|
|
@media (min-width:992px) {
|
|
.container {
|
|
width: 970px
|
|
}
|
|
}
|
|
|
|
@media (min-width:1200px) {
|
|
.container {
|
|
width: 1170px
|
|
}
|
|
}
|
|
|
|
.container-fluid {
|
|
margin-right: auto;
|
|
margin-left: auto;
|
|
padding-left: 15px;
|
|
padding-right: 15px
|
|
}
|
|
|
|
.row {
|
|
margin-left: -15px;
|
|
margin-right: -15px
|
|
}
|
|
|
|
.col-xs-1,
|
|
.col-sm-1,
|
|
.col-md-1,
|
|
.col-lg-1,
|
|
.col-xs-2,
|
|
.col-sm-2,
|
|
.col-md-2,
|
|
.col-lg-2,
|
|
.col-xs-3,
|
|
.col-sm-3,
|
|
.col-md-3,
|
|
.col-lg-3,
|
|
.col-xs-4,
|
|
.col-sm-4,
|
|
.col-md-4,
|
|
.col-lg-4,
|
|
.col-xs-5,
|
|
.col-sm-5,
|
|
.col-md-5,
|
|
.col-lg-5,
|
|
.col-xs-6,
|
|
.col-sm-6,
|
|
.col-md-6,
|
|
.col-lg-6,
|
|
.col-xs-7,
|
|
.col-sm-7,
|
|
.col-md-7,
|
|
.col-lg-7,
|
|
.col-xs-8,
|
|
.col-sm-8,
|
|
.col-md-8,
|
|
.col-lg-8,
|
|
.col-xs-9,
|
|
.col-sm-9,
|
|
.col-md-9,
|
|
.col-lg-9,
|
|
.col-xs-10,
|
|
.col-sm-10,
|
|
.col-md-10,
|
|
.col-lg-10,
|
|
.col-xs-11,
|
|
.col-sm-11,
|
|
.col-md-11,
|
|
.col-lg-11,
|
|
.col-xs-12,
|
|
.col-sm-12,
|
|
.col-md-12,
|
|
.col-lg-12 {
|
|
position: relative;
|
|
min-height: 1px;
|
|
padding-left: 15px;
|
|
padding-right: 15px
|
|
}
|
|
|
|
.col-xs-1,
|
|
.col-xs-2,
|
|
.col-xs-3,
|
|
.col-xs-4,
|
|
.col-xs-5,
|
|
.col-xs-6,
|
|
.col-xs-7,
|
|
.col-xs-8,
|
|
.col-xs-9,
|
|
.col-xs-10,
|
|
.col-xs-11,
|
|
.col-xs-12 {
|
|
float: left
|
|
}
|
|
|
|
.col-xs-12 {
|
|
width: 100%
|
|
}
|
|
|
|
.col-xs-11 {
|
|
width: 91.66666667%
|
|
}
|
|
|
|
.col-xs-10 {
|
|
width: 83.33333333%
|
|
}
|
|
|
|
.col-xs-9 {
|
|
width: 75%
|
|
}
|
|
|
|
.col-xs-8 {
|
|
width: 66.66666667%
|
|
}
|
|
|
|
.col-xs-7 {
|
|
width: 58.33333333%
|
|
}
|
|
|
|
.col-xs-6 {
|
|
width: 50%
|
|
}
|
|
|
|
.col-xs-5 {
|
|
width: 41.66666667%
|
|
}
|
|
|
|
.col-xs-4 {
|
|
width: 33.33333333%
|
|
}
|
|
|
|
.col-xs-3 {
|
|
width: 25%
|
|
}
|
|
|
|
.col-xs-2 {
|
|
width: 16.66666667%
|
|
}
|
|
|
|
.col-xs-1 {
|
|
width: 8.33333333%
|
|
}
|
|
|
|
.col-xs-pull-12 {
|
|
right: 100%
|
|
}
|
|
|
|
.col-xs-pull-11 {
|
|
right: 91.66666667%
|
|
}
|
|
|
|
.col-xs-pull-10 {
|
|
right: 83.33333333%
|
|
}
|
|
|
|
.col-xs-pull-9 {
|
|
right: 75%
|
|
}
|
|
|
|
.col-xs-pull-8 {
|
|
right: 66.66666667%
|
|
}
|
|
|
|
.col-xs-pull-7 {
|
|
right: 58.33333333%
|
|
}
|
|
|
|
.col-xs-pull-6 {
|
|
right: 50%
|
|
}
|
|
|
|
.col-xs-pull-5 {
|
|
right: 41.66666667%
|
|
}
|
|
|
|
.col-xs-pull-4 {
|
|
right: 33.33333333%
|
|
}
|
|
|
|
.col-xs-pull-3 {
|
|
right: 25%
|
|
}
|
|
|
|
.col-xs-pull-2 {
|
|
right: 16.66666667%
|
|
}
|
|
|
|
.col-xs-pull-1 {
|
|
right: 8.33333333%
|
|
}
|
|
|
|
.col-xs-pull-0 {
|
|
right: auto
|
|
}
|
|
|
|
.col-xs-push-12 {
|
|
left: 100%
|
|
}
|
|
|
|
.col-xs-push-11 {
|
|
left: 91.66666667%
|
|
}
|
|
|
|
.col-xs-push-10 {
|
|
left: 83.33333333%
|
|
}
|
|
|
|
.col-xs-push-9 {
|
|
left: 75%
|
|
}
|
|
|
|
.col-xs-push-8 {
|
|
left: 66.66666667%
|
|
}
|
|
|
|
.col-xs-push-7 {
|
|
left: 58.33333333%
|
|
}
|
|
|
|
.col-xs-push-6 {
|
|
left: 50%
|
|
}
|
|
|
|
.col-xs-push-5 {
|
|
left: 41.66666667%
|
|
}
|
|
|
|
.col-xs-push-4 {
|
|
left: 33.33333333%
|
|
}
|
|
|
|
.col-xs-push-3 {
|
|
left: 25%
|
|
}
|
|
|
|
.col-xs-push-2 {
|
|
left: 16.66666667%
|
|
}
|
|
|
|
.col-xs-push-1 {
|
|
left: 8.33333333%
|
|
}
|
|
|
|
.col-xs-push-0 {
|
|
left: auto
|
|
}
|
|
|
|
.col-xs-offset-12 {
|
|
margin-left: 100%
|
|
}
|
|
|
|
.col-xs-offset-11 {
|
|
margin-left: 91.66666667%
|
|
}
|
|
|
|
.col-xs-offset-10 {
|
|
margin-left: 83.33333333%
|
|
}
|
|
|
|
.col-xs-offset-9 {
|
|
margin-left: 75%
|
|
}
|
|
|
|
.col-xs-offset-8 {
|
|
margin-left: 66.66666667%
|
|
}
|
|
|
|
.col-xs-offset-7 {
|
|
margin-left: 58.33333333%
|
|
}
|
|
|
|
.col-xs-offset-6 {
|
|
margin-left: 50%
|
|
}
|
|
|
|
.col-xs-offset-5 {
|
|
margin-left: 41.66666667%
|
|
}
|
|
|
|
.col-xs-offset-4 {
|
|
margin-left: 33.33333333%
|
|
}
|
|
|
|
.col-xs-offset-3 {
|
|
margin-left: 25%
|
|
}
|
|
|
|
.col-xs-offset-2 {
|
|
margin-left: 16.66666667%
|
|
}
|
|
|
|
.col-xs-offset-1 {
|
|
margin-left: 8.33333333%
|
|
}
|
|
|
|
.col-xs-offset-0 {
|
|
margin-left: 0
|
|
}
|
|
|
|
@media (min-width:768px) {
|
|
.col-sm-1,
|
|
.col-sm-2,
|
|
.col-sm-3,
|
|
.col-sm-4,
|
|
.col-sm-5,
|
|
.col-sm-6,
|
|
.col-sm-7,
|
|
.col-sm-8,
|
|
.col-sm-9,
|
|
.col-sm-10,
|
|
.col-sm-11,
|
|
.col-sm-12 {
|
|
float: left
|
|
}
|
|
.col-sm-12 {
|
|
width: 100%
|
|
}
|
|
.col-sm-11 {
|
|
width: 91.66666667%
|
|
}
|
|
.col-sm-10 {
|
|
width: 83.33333333%
|
|
}
|
|
.col-sm-9 {
|
|
width: 75%
|
|
}
|
|
.col-sm-8 {
|
|
width: 66.66666667%
|
|
}
|
|
.col-sm-7 {
|
|
width: 58.33333333%
|
|
}
|
|
.col-sm-6 {
|
|
width: 50%
|
|
}
|
|
.col-sm-5 {
|
|
width: 41.66666667%
|
|
}
|
|
.col-sm-4 {
|
|
width: 33.33333333%
|
|
}
|
|
.col-sm-3 {
|
|
width: 25%
|
|
}
|
|
.col-sm-2 {
|
|
width: 16.66666667%
|
|
}
|
|
.col-sm-1 {
|
|
width: 8.33333333%
|
|
}
|
|
.col-sm-pull-12 {
|
|
right: 100%
|
|
}
|
|
.col-sm-pull-11 {
|
|
right: 91.66666667%
|
|
}
|
|
.col-sm-pull-10 {
|
|
right: 83.33333333%
|
|
}
|
|
.col-sm-pull-9 {
|
|
right: 75%
|
|
}
|
|
.col-sm-pull-8 {
|
|
right: 66.66666667%
|
|
}
|
|
.col-sm-pull-7 {
|
|
right: 58.33333333%
|
|
}
|
|
.col-sm-pull-6 {
|
|
right: 50%
|
|
}
|
|
.col-sm-pull-5 {
|
|
right: 41.66666667%
|
|
}
|
|
.col-sm-pull-4 {
|
|
right: 33.33333333%
|
|
}
|
|
.col-sm-pull-3 {
|
|
right: 25%
|
|
}
|
|
.col-sm-pull-2 {
|
|
right: 16.66666667%
|
|
}
|
|
.col-sm-pull-1 {
|
|
right: 8.33333333%
|
|
}
|
|
.col-sm-pull-0 {
|
|
right: auto
|
|
}
|
|
.col-sm-push-12 {
|
|
left: 100%
|
|
}
|
|
.col-sm-push-11 {
|
|
left: 91.66666667%
|
|
}
|
|
.col-sm-push-10 {
|
|
left: 83.33333333%
|
|
}
|
|
.col-sm-push-9 {
|
|
left: 75%
|
|
}
|
|
.col-sm-push-8 {
|
|
left: 66.66666667%
|
|
}
|
|
.col-sm-push-7 {
|
|
left: 58.33333333%
|
|
}
|
|
.col-sm-push-6 {
|
|
left: 50%
|
|
}
|
|
.col-sm-push-5 {
|
|
left: 41.66666667%
|
|
}
|
|
.col-sm-push-4 {
|
|
left: 33.33333333%
|
|
}
|
|
.col-sm-push-3 {
|
|
left: 25%
|
|
}
|
|
.col-sm-push-2 {
|
|
left: 16.66666667%
|
|
}
|
|
.col-sm-push-1 {
|
|
left: 8.33333333%
|
|
}
|
|
.col-sm-push-0 {
|
|
left: auto
|
|
}
|
|
.col-sm-offset-12 {
|
|
margin-left: 100%
|
|
}
|
|
.col-sm-offset-11 {
|
|
margin-left: 91.66666667%
|
|
}
|
|
.col-sm-offset-10 {
|
|
margin-left: 83.33333333%
|
|
}
|
|
.col-sm-offset-9 {
|
|
margin-left: 75%
|
|
}
|
|
.col-sm-offset-8 {
|
|
margin-left: 66.66666667%
|
|
}
|
|
.col-sm-offset-7 {
|
|
margin-left: 58.33333333%
|
|
}
|
|
.col-sm-offset-6 {
|
|
margin-left: 50%
|
|
}
|
|
.col-sm-offset-5 {
|
|
margin-left: 41.66666667%
|
|
}
|
|
.col-sm-offset-4 {
|
|
margin-left: 33.33333333%
|
|
}
|
|
.col-sm-offset-3 {
|
|
margin-left: 25%
|
|
}
|
|
.col-sm-offset-2 {
|
|
margin-left: 16.66666667%
|
|
}
|
|
.col-sm-offset-1 {
|
|
margin-left: 8.33333333%
|
|
}
|
|
.col-sm-offset-0 {
|
|
margin-left: 0
|
|
}
|
|
}
|
|
|
|
@media (min-width:992px) {
|
|
.col-md-1,
|
|
.col-md-2,
|
|
.col-md-3,
|
|
.col-md-4,
|
|
.col-md-5,
|
|
.col-md-6,
|
|
.col-md-7,
|
|
.col-md-8,
|
|
.col-md-9,
|
|
.col-md-10,
|
|
.col-md-11,
|
|
.col-md-12 {
|
|
float: left
|
|
}
|
|
.col-md-12 {
|
|
width: 100%
|
|
}
|
|
.col-md-11 {
|
|
width: 91.66666667%
|
|
}
|
|
.col-md-10 {
|
|
width: 83.33333333%
|
|
}
|
|
.col-md-9 {
|
|
width: 75%
|
|
}
|
|
.col-md-8 {
|
|
width: 66.66666667%
|
|
}
|
|
.col-md-7 {
|
|
width: 58.33333333%
|
|
}
|
|
.col-md-6 {
|
|
width: 50%
|
|
}
|
|
.col-md-5 {
|
|
width: 41.66666667%
|
|
}
|
|
.col-md-4 {
|
|
width: 33.33333333%
|
|
}
|
|
.col-md-3 {
|
|
width: 25%
|
|
}
|
|
.col-md-2 {
|
|
width: 16.66666667%
|
|
}
|
|
.col-md-1 {
|
|
width: 8.33333333%
|
|
}
|
|
.col-md-pull-12 {
|
|
right: 100%
|
|
}
|
|
.col-md-pull-11 {
|
|
right: 91.66666667%
|
|
}
|
|
.col-md-pull-10 {
|
|
right: 83.33333333%
|
|
}
|
|
.col-md-pull-9 {
|
|
right: 75%
|
|
}
|
|
.col-md-pull-8 {
|
|
right: 66.66666667%
|
|
}
|
|
.col-md-pull-7 {
|
|
right: 58.33333333%
|
|
}
|
|
.col-md-pull-6 {
|
|
right: 50%
|
|
}
|
|
.col-md-pull-5 {
|
|
right: 41.66666667%
|
|
}
|
|
.col-md-pull-4 {
|
|
right: 33.33333333%
|
|
}
|
|
.col-md-pull-3 {
|
|
right: 25%
|
|
}
|
|
.col-md-pull-2 {
|
|
right: 16.66666667%
|
|
}
|
|
.col-md-pull-1 {
|
|
right: 8.33333333%
|
|
}
|
|
.col-md-pull-0 {
|
|
right: auto
|
|
}
|
|
.col-md-push-12 {
|
|
left: 100%
|
|
}
|
|
.col-md-push-11 {
|
|
left: 91.66666667%
|
|
}
|
|
.col-md-push-10 {
|
|
left: 83.33333333%
|
|
}
|
|
.col-md-push-9 {
|
|
left: 75%
|
|
}
|
|
.col-md-push-8 {
|
|
left: 66.66666667%
|
|
}
|
|
.col-md-push-7 {
|
|
left: 58.33333333%
|
|
}
|
|
.col-md-push-6 {
|
|
left: 50%
|
|
}
|
|
.col-md-push-5 {
|
|
left: 41.66666667%
|
|
}
|
|
.col-md-push-4 {
|
|
left: 33.33333333%
|
|
}
|
|
.col-md-push-3 {
|
|
left: 25%
|
|
}
|
|
.col-md-push-2 {
|
|
left: 16.66666667%
|
|
}
|
|
.col-md-push-1 {
|
|
left: 8.33333333%
|
|
}
|
|
.col-md-push-0 {
|
|
left: auto
|
|
}
|
|
.col-md-offset-12 {
|
|
margin-left: 100%
|
|
}
|
|
.col-md-offset-11 {
|
|
margin-left: 91.66666667%
|
|
}
|
|
.col-md-offset-10 {
|
|
margin-left: 83.33333333%
|
|
}
|
|
.col-md-offset-9 {
|
|
margin-left: 75%
|
|
}
|
|
.col-md-offset-8 {
|
|
margin-left: 66.66666667%
|
|
}
|
|
.col-md-offset-7 {
|
|
margin-left: 58.33333333%
|
|
}
|
|
.col-md-offset-6 {
|
|
margin-left: 50%
|
|
}
|
|
.col-md-offset-5 {
|
|
margin-left: 41.66666667%
|
|
}
|
|
.col-md-offset-4 {
|
|
margin-left: 33.33333333%
|
|
}
|
|
.col-md-offset-3 {
|
|
margin-left: 25%
|
|
}
|
|
.col-md-offset-2 {
|
|
margin-left: 16.66666667%
|
|
}
|
|
.col-md-offset-1 {
|
|
margin-left: 8.33333333%
|
|
}
|
|
.col-md-offset-0 {
|
|
margin-left: 0
|
|
}
|
|
}
|
|
|
|
@media (min-width:1200px) {
|
|
.col-lg-1,
|
|
.col-lg-2,
|
|
.col-lg-3,
|
|
.col-lg-4,
|
|
.col-lg-5,
|
|
.col-lg-6,
|
|
.col-lg-7,
|
|
.col-lg-8,
|
|
.col-lg-9,
|
|
.col-lg-10,
|
|
.col-lg-11,
|
|
.col-lg-12 {
|
|
float: left
|
|
}
|
|
.col-lg-12 {
|
|
width: 100%
|
|
}
|
|
.col-lg-11 {
|
|
width: 91.66666667%
|
|
}
|
|
.col-lg-10 {
|
|
width: 83.33333333%
|
|
}
|
|
.col-lg-9 {
|
|
width: 75%
|
|
}
|
|
.col-lg-8 {
|
|
width: 66.66666667%
|
|
}
|
|
.col-lg-7 {
|
|
width: 58.33333333%
|
|
}
|
|
.col-lg-6 {
|
|
width: 50%
|
|
}
|
|
.col-lg-5 {
|
|
width: 41.66666667%
|
|
}
|
|
.col-lg-4 {
|
|
width: 33.33333333%
|
|
}
|
|
.col-lg-3 {
|
|
width: 25%
|
|
}
|
|
.col-lg-2 {
|
|
width: 16.66666667%
|
|
}
|
|
.col-lg-1 {
|
|
width: 8.33333333%
|
|
}
|
|
.col-lg-pull-12 {
|
|
right: 100%
|
|
}
|
|
.col-lg-pull-11 {
|
|
right: 91.66666667%
|
|
}
|
|
.col-lg-pull-10 {
|
|
right: 83.33333333%
|
|
}
|
|
.col-lg-pull-9 {
|
|
right: 75%
|
|
}
|
|
.col-lg-pull-8 {
|
|
right: 66.66666667%
|
|
}
|
|
.col-lg-pull-7 {
|
|
right: 58.33333333%
|
|
}
|
|
.col-lg-pull-6 {
|
|
right: 50%
|
|
}
|
|
.col-lg-pull-5 {
|
|
right: 41.66666667%
|
|
}
|
|
.col-lg-pull-4 {
|
|
right: 33.33333333%
|
|
}
|
|
.col-lg-pull-3 {
|
|
right: 25%
|
|
}
|
|
.col-lg-pull-2 {
|
|
right: 16.66666667%
|
|
}
|
|
.col-lg-pull-1 {
|
|
right: 8.33333333%
|
|
}
|
|
.col-lg-pull-0 {
|
|
right: auto
|
|
}
|
|
.col-lg-push-12 {
|
|
left: 100%
|
|
}
|
|
.col-lg-push-11 {
|
|
left: 91.66666667%
|
|
}
|
|
.col-lg-push-10 {
|
|
left: 83.33333333%
|
|
}
|
|
.col-lg-push-9 {
|
|
left: 75%
|
|
}
|
|
.col-lg-push-8 {
|
|
left: 66.66666667%
|
|
}
|
|
.col-lg-push-7 {
|
|
left: 58.33333333%
|
|
}
|
|
.col-lg-push-6 {
|
|
left: 50%
|
|
}
|
|
.col-lg-push-5 {
|
|
left: 41.66666667%
|
|
}
|
|
.col-lg-push-4 {
|
|
left: 33.33333333%
|
|
}
|
|
.col-lg-push-3 {
|
|
left: 25%
|
|
}
|
|
.col-lg-push-2 {
|
|
left: 16.66666667%
|
|
}
|
|
.col-lg-push-1 {
|
|
left: 8.33333333%
|
|
}
|
|
.col-lg-push-0 {
|
|
left: auto
|
|
}
|
|
.col-lg-offset-12 {
|
|
margin-left: 100%
|
|
}
|
|
.col-lg-offset-11 {
|
|
margin-left: 91.66666667%
|
|
}
|
|
.col-lg-offset-10 {
|
|
margin-left: 83.33333333%
|
|
}
|
|
.col-lg-offset-9 {
|
|
margin-left: 75%
|
|
}
|
|
.col-lg-offset-8 {
|
|
margin-left: 66.66666667%
|
|
}
|
|
.col-lg-offset-7 {
|
|
margin-left: 58.33333333%
|
|
}
|
|
.col-lg-offset-6 {
|
|
margin-left: 50%
|
|
}
|
|
.col-lg-offset-5 {
|
|
margin-left: 41.66666667%
|
|
}
|
|
.col-lg-offset-4 {
|
|
margin-left: 33.33333333%
|
|
}
|
|
.col-lg-offset-3 {
|
|
margin-left: 25%
|
|
}
|
|
.col-lg-offset-2 {
|
|
margin-left: 16.66666667%
|
|
}
|
|
.col-lg-offset-1 {
|
|
margin-left: 8.33333333%
|
|
}
|
|
.col-lg-offset-0 {
|
|
margin-left: 0
|
|
}
|
|
}
|
|
|
|
table {
|
|
background-color: transparent
|
|
}
|
|
|
|
caption {
|
|
padding-top: 8px;
|
|
padding-bottom: 8px;
|
|
color: #777;
|
|
text-align: left
|
|
}
|
|
|
|
th {
|
|
text-align: left
|
|
}
|
|
|
|
.table {
|
|
width: 100%;
|
|
max-width: 100%;
|
|
margin-bottom: 20px
|
|
}
|
|
|
|
.table>thead>tr>th,
|
|
.table>tbody>tr>th,
|
|
.table>tfoot>tr>th,
|
|
.table>thead>tr>td,
|
|
.table>tbody>tr>td,
|
|
.table>tfoot>tr>td {
|
|
padding: 8px;
|
|
line-height: 1.42857143;
|
|
vertical-align: top;
|
|
border-top: 1px solid #ddd
|
|
}
|
|
|
|
.table>thead>tr>th {
|
|
vertical-align: bottom;
|
|
border-bottom: 2px solid #ddd
|
|
}
|
|
|
|
.table>caption+thead>tr:first-child>th,
|
|
.table>colgroup+thead>tr:first-child>th,
|
|
.table>thead:first-child>tr:first-child>th,
|
|
.table>caption+thead>tr:first-child>td,
|
|
.table>colgroup+thead>tr:first-child>td,
|
|
.table>thead:first-child>tr:first-child>td {
|
|
border-top: 0
|
|
}
|
|
|
|
.table>tbody+tbody {
|
|
border-top: 2px solid #ddd
|
|
}
|
|
|
|
.table .table {
|
|
background-color: #fff
|
|
}
|
|
|
|
.table-condensed>thead>tr>th,
|
|
.table-condensed>tbody>tr>th,
|
|
.table-condensed>tfoot>tr>th,
|
|
.table-condensed>thead>tr>td,
|
|
.table-condensed>tbody>tr>td,
|
|
.table-condensed>tfoot>tr>td {
|
|
padding: 5px
|
|
}
|
|
|
|
.table-bordered {
|
|
border: 1px solid #ddd
|
|
}
|
|
|
|
.table-bordered>thead>tr>th,
|
|
.table-bordered>tbody>tr>th,
|
|
.table-bordered>tfoot>tr>th,
|
|
.table-bordered>thead>tr>td,
|
|
.table-bordered>tbody>tr>td,
|
|
.table-bordered>tfoot>tr>td {
|
|
border: 1px solid #ddd
|
|
}
|
|
|
|
.table-bordered>thead>tr>th,
|
|
.table-bordered>thead>tr>td {
|
|
border-bottom-width: 2px
|
|
}
|
|
|
|
.table-striped>tbody>tr:nth-of-type(odd) {
|
|
background-color: #f9f9f9
|
|
}
|
|
|
|
.table-hover>tbody>tr:hover {
|
|
background-color: #f5f5f5
|
|
}
|
|
|
|
table col[class*="col-"] {
|
|
position: static;
|
|
float: none;
|
|
display: table-column
|
|
}
|
|
|
|
table td[class*="col-"],
|
|
table th[class*="col-"] {
|
|
position: static;
|
|
float: none;
|
|
display: table-cell
|
|
}
|
|
|
|
.table>thead>tr>td.active,
|
|
.table>tbody>tr>td.active,
|
|
.table>tfoot>tr>td.active,
|
|
.table>thead>tr>th.active,
|
|
.table>tbody>tr>th.active,
|
|
.table>tfoot>tr>th.active,
|
|
.table>thead>tr.active>td,
|
|
.table>tbody>tr.active>td,
|
|
.table>tfoot>tr.active>td,
|
|
.table>thead>tr.active>th,
|
|
.table>tbody>tr.active>th,
|
|
.table>tfoot>tr.active>th {
|
|
background-color: #f5f5f5
|
|
}
|
|
|
|
.table-hover>tbody>tr>td.active:hover,
|
|
.table-hover>tbody>tr>th.active:hover,
|
|
.table-hover>tbody>tr.active:hover>td,
|
|
.table-hover>tbody>tr:hover>.active,
|
|
.table-hover>tbody>tr.active:hover>th {
|
|
background-color: #e8e8e8
|
|
}
|
|
|
|
.table>thead>tr>td.success,
|
|
.table>tbody>tr>td.success,
|
|
.table>tfoot>tr>td.success,
|
|
.table>thead>tr>th.success,
|
|
.table>tbody>tr>th.success,
|
|
.table>tfoot>tr>th.success,
|
|
.table>thead>tr.success>td,
|
|
.table>tbody>tr.success>td,
|
|
.table>tfoot>tr.success>td,
|
|
.table>thead>tr.success>th,
|
|
.table>tbody>tr.success>th,
|
|
.table>tfoot>tr.success>th {
|
|
background-color: #dff0d8
|
|
}
|
|
|
|
.table-hover>tbody>tr>td.success:hover,
|
|
.table-hover>tbody>tr>th.success:hover,
|
|
.table-hover>tbody>tr.success:hover>td,
|
|
.table-hover>tbody>tr:hover>.success,
|
|
.table-hover>tbody>tr.success:hover>th {
|
|
background-color: #d0e9c6
|
|
}
|
|
|
|
.table>thead>tr>td.info,
|
|
.table>tbody>tr>td.info,
|
|
.table>tfoot>tr>td.info,
|
|
.table>thead>tr>th.info,
|
|
.table>tbody>tr>th.info,
|
|
.table>tfoot>tr>th.info,
|
|
.table>thead>tr.info>td,
|
|
.table>tbody>tr.info>td,
|
|
.table>tfoot>tr.info>td,
|
|
.table>thead>tr.info>th,
|
|
.table>tbody>tr.info>th,
|
|
.table>tfoot>tr.info>th {
|
|
background-color: #d9edf7
|
|
}
|
|
|
|
.table-hover>tbody>tr>td.info:hover,
|
|
.table-hover>tbody>tr>th.info:hover,
|
|
.table-hover>tbody>tr.info:hover>td,
|
|
.table-hover>tbody>tr:hover>.info,
|
|
.table-hover>tbody>tr.info:hover>th {
|
|
background-color: #c4e3f3
|
|
}
|
|
|
|
.table>thead>tr>td.warning,
|
|
.table>tbody>tr>td.warning,
|
|
.table>tfoot>tr>td.warning,
|
|
.table>thead>tr>th.warning,
|
|
.table>tbody>tr>th.warning,
|
|
.table>tfoot>tr>th.warning,
|
|
.table>thead>tr.warning>td,
|
|
.table>tbody>tr.warning>td,
|
|
.table>tfoot>tr.warning>td,
|
|
.table>thead>tr.warning>th,
|
|
.table>tbody>tr.warning>th,
|
|
.table>tfoot>tr.warning>th {
|
|
background-color: #fcf8e3
|
|
}
|
|
|
|
.table-hover>tbody>tr>td.warning:hover,
|
|
.table-hover>tbody>tr>th.warning:hover,
|
|
.table-hover>tbody>tr.warning:hover>td,
|
|
.table-hover>tbody>tr:hover>.warning,
|
|
.table-hover>tbody>tr.warning:hover>th {
|
|
background-color: #faf2cc
|
|
}
|
|
|
|
.table>thead>tr>td.danger,
|
|
.table>tbody>tr>td.danger,
|
|
.table>tfoot>tr>td.danger,
|
|
.table>thead>tr>th.danger,
|
|
.table>tbody>tr>th.danger,
|
|
.table>tfoot>tr>th.danger,
|
|
.table>thead>tr.danger>td,
|
|
.table>tbody>tr.danger>td,
|
|
.table>tfoot>tr.danger>td,
|
|
.table>thead>tr.danger>th,
|
|
.table>tbody>tr.danger>th,
|
|
.table>tfoot>tr.danger>th {
|
|
background-color: #f2dede
|
|
}
|
|
|
|
.table-hover>tbody>tr>td.danger:hover,
|
|
.table-hover>tbody>tr>th.danger:hover,
|
|
.table-hover>tbody>tr.danger:hover>td,
|
|
.table-hover>tbody>tr:hover>.danger,
|
|
.table-hover>tbody>tr.danger:hover>th {
|
|
background-color: #ebcccc
|
|
}
|
|
|
|
.table-responsive {
|
|
overflow-x: auto;
|
|
min-height: 0.01%
|
|
}
|
|
|
|
@media screen and (max-width:767px) {
|
|
.table-responsive {
|
|
width: 100%;
|
|
margin-bottom: 15px;
|
|
overflow-y: hidden;
|
|
-ms-overflow-style: -ms-autohiding-scrollbar;
|
|
border: 1px solid #ddd
|
|
}
|
|
.table-responsive>.table {
|
|
margin-bottom: 0
|
|
}
|
|
.table-responsive>.table>thead>tr>th,
|
|
.table-responsive>.table>tbody>tr>th,
|
|
.table-responsive>.table>tfoot>tr>th,
|
|
.table-responsive>.table>thead>tr>td,
|
|
.table-responsive>.table>tbody>tr>td,
|
|
.table-responsive>.table>tfoot>tr>td {
|
|
white-space: nowrap
|
|
}
|
|
.table-responsive>.table-bordered {
|
|
border: 0
|
|
}
|
|
.table-responsive>.table-bordered>thead>tr>th:first-child,
|
|
.table-responsive>.table-bordered>tbody>tr>th:first-child,
|
|
.table-responsive>.table-bordered>tfoot>tr>th:first-child,
|
|
.table-responsive>.table-bordered>thead>tr>td:first-child,
|
|
.table-responsive>.table-bordered>tbody>tr>td:first-child,
|
|
.table-responsive>.table-bordered>tfoot>tr>td:first-child {
|
|
border-left: 0
|
|
}
|
|
.table-responsive>.table-bordered>thead>tr>th:last-child,
|
|
.table-responsive>.table-bordered>tbody>tr>th:last-child,
|
|
.table-responsive>.table-bordered>tfoot>tr>th:last-child,
|
|
.table-responsive>.table-bordered>thead>tr>td:last-child,
|
|
.table-responsive>.table-bordered>tbody>tr>td:last-child,
|
|
.table-responsive>.table-bordered>tfoot>tr>td:last-child {
|
|
border-right: 0
|
|
}
|
|
.table-responsive>.table-bordered>tbody>tr:last-child>th,
|
|
.table-responsive>.table-bordered>tfoot>tr:last-child>th,
|
|
.table-responsive>.table-bordered>tbody>tr:last-child>td,
|
|
.table-responsive>.table-bordered>tfoot>tr:last-child>td {
|
|
border-bottom: 0
|
|
}
|
|
}
|
|
|
|
fieldset {
|
|
padding: 0;
|
|
margin: 0;
|
|
border: 0;
|
|
min-width: 0
|
|
}
|
|
|
|
legend {
|
|
display: block;
|
|
width: 100%;
|
|
padding: 0;
|
|
margin-bottom: 20px;
|
|
font-size: 21px;
|
|
line-height: inherit;
|
|
color: #333;
|
|
border: 0;
|
|
border-bottom: 1px solid #e5e5e5
|
|
}
|
|
|
|
label {
|
|
display: inline-block;
|
|
max-width: 100%;
|
|
margin-bottom: 5px;
|
|
font-weight: bold
|
|
}
|
|
|
|
input[type="search"] {
|
|
-webkit-box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
box-sizing: border-box
|
|
}
|
|
|
|
input[type="radio"],
|
|
input[type="checkbox"] {
|
|
margin: 4px 0 0;
|
|
margin-top: 1px \9;
|
|
line-height: normal
|
|
}
|
|
|
|
input[type="file"] {
|
|
display: block
|
|
}
|
|
|
|
input[type="range"] {
|
|
display: block;
|
|
width: 100%
|
|
}
|
|
|
|
select[multiple],
|
|
select[size] {
|
|
height: auto
|
|
}
|
|
|
|
input[type="file"]:focus,
|
|
input[type="radio"]:focus,
|
|
input[type="checkbox"]:focus {
|
|
outline: thin dotted;
|
|
outline: 5px auto -webkit-focus-ring-color;
|
|
outline-offset: -2px
|
|
}
|
|
|
|
output {
|
|
display: block;
|
|
padding-top: 7px;
|
|
font-size: 14px;
|
|
line-height: 1.42857143;
|
|
color: #555
|
|
}
|
|
|
|
.form-control {
|
|
display: block;
|
|
width: 100%;
|
|
height: 34px;
|
|
padding: 6px 12px;
|
|
font-size: 14px;
|
|
line-height: 1.42857143;
|
|
color: #555;
|
|
background-color: #fff;
|
|
background-image: none;
|
|
border: 1px solid #ccc;
|
|
border-radius: 4px;
|
|
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
|
|
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
|
|
-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
|
|
-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
|
|
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
|
|
}
|
|
|
|
.form-control:focus {
|
|
border-color: #66afe9;
|
|
outline: 0;
|
|
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, 0.6);
|
|
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, 0.6)
|
|
}
|
|
|
|
.form-control::-moz-placeholder {
|
|
color: #999;
|
|
opacity: 1
|
|
}
|
|
|
|
.form-control:-ms-input-placeholder {
|
|
color: #999
|
|
}
|
|
|
|
.form-control::-webkit-input-placeholder {
|
|
color: #999
|
|
}
|
|
|
|
.form-control[disabled],
|
|
.form-control[readonly],
|
|
fieldset[disabled] .form-control {
|
|
background-color: #eee;
|
|
opacity: 1
|
|
}
|
|
|
|
.form-control[disabled],
|
|
fieldset[disabled] .form-control {
|
|
cursor: not-allowed
|
|
}
|
|
|
|
textarea.form-control {
|
|
height: auto
|
|
}
|
|
|
|
input[type="search"] {
|
|
-webkit-appearance: none
|
|
}
|
|
|
|
@media screen and (-webkit-min-device-pixel-ratio:0) {
|
|
input[type="date"].form-control,
|
|
input[type="time"].form-control,
|
|
input[type="datetime-local"].form-control,
|
|
input[type="month"].form-control {
|
|
line-height: 34px
|
|
}
|
|
input[type="date"].input-sm,
|
|
input[type="time"].input-sm,
|
|
input[type="datetime-local"].input-sm,
|
|
input[type="month"].input-sm,
|
|
.input-group-sm input[type="date"],
|
|
.input-group-sm input[type="time"],
|
|
.input-group-sm input[type="datetime-local"],
|
|
.input-group-sm input[type="month"] {
|
|
line-height: 30px
|
|
}
|
|
input[type="date"].input-lg,
|
|
input[type="time"].input-lg,
|
|
input[type="datetime-local"].input-lg,
|
|
input[type="month"].input-lg,
|
|
.input-group-lg input[type="date"],
|
|
.input-group-lg input[type="time"],
|
|
.input-group-lg input[type="datetime-local"],
|
|
.input-group-lg input[type="month"] {
|
|
line-height: 46px
|
|
}
|
|
}
|
|
|
|
.form-group {
|
|
margin-bottom: 15px
|
|
}
|
|
|
|
.radio,
|
|
.checkbox {
|
|
position: relative;
|
|
display: block;
|
|
margin-top: 10px;
|
|
margin-bottom: 10px
|
|
}
|
|
|
|
.radio label,
|
|
.checkbox label {
|
|
min-height: 20px;
|
|
padding-left: 20px;
|
|
margin-bottom: 0;
|
|
font-weight: normal;
|
|
cursor: pointer
|
|
}
|
|
|
|
.radio input[type="radio"],
|
|
.radio-inline input[type="radio"],
|
|
.checkbox input[type="checkbox"],
|
|
.checkbox-inline input[type="checkbox"] {
|
|
position: absolute;
|
|
margin-left: -20px;
|
|
margin-top: 4px \9
|
|
}
|
|
|
|
.radio+.radio,
|
|
.checkbox+.checkbox {
|
|
margin-top: -5px
|
|
}
|
|
|
|
.radio-inline,
|
|
.checkbox-inline {
|
|
position: relative;
|
|
display: inline-block;
|
|
padding-left: 20px;
|
|
margin-bottom: 0;
|
|
vertical-align: middle;
|
|
font-weight: normal;
|
|
cursor: pointer
|
|
}
|
|
|
|
.radio-inline+.radio-inline,
|
|
.checkbox-inline+.checkbox-inline {
|
|
margin-top: 0;
|
|
margin-left: 10px
|
|
}
|
|
|
|
input[type="radio"][disabled],
|
|
input[type="checkbox"][disabled],
|
|
input[type="radio"].disabled,
|
|
input[type="checkbox"].disabled,
|
|
fieldset[disabled] input[type="radio"],
|
|
fieldset[disabled] input[type="checkbox"] {
|
|
cursor: not-allowed
|
|
}
|
|
|
|
.radio-inline.disabled,
|
|
.checkbox-inline.disabled,
|
|
fieldset[disabled] .radio-inline,
|
|
fieldset[disabled] .checkbox-inline {
|
|
cursor: not-allowed
|
|
}
|
|
|
|
.radio.disabled label,
|
|
.checkbox.disabled label,
|
|
fieldset[disabled] .radio label,
|
|
fieldset[disabled] .checkbox label {
|
|
cursor: not-allowed
|
|
}
|
|
|
|
.form-control-static {
|
|
padding-top: 7px;
|
|
padding-bottom: 7px;
|
|
margin-bottom: 0;
|
|
min-height: 34px
|
|
}
|
|
|
|
.form-control-static.input-lg,
|
|
.form-control-static.input-sm {
|
|
padding-left: 0;
|
|
padding-right: 0
|
|
}
|
|
|
|
.input-sm {
|
|
height: 30px;
|
|
padding: 5px 10px;
|
|
font-size: 12px;
|
|
line-height: 1.5;
|
|
border-radius: 3px
|
|
}
|
|
|
|
select.input-sm {
|
|
height: 30px;
|
|
line-height: 30px
|
|
}
|
|
|
|
textarea.input-sm,
|
|
select[multiple].input-sm {
|
|
height: auto
|
|
}
|
|
|
|
.form-group-sm .form-control {
|
|
height: 30px;
|
|
padding: 5px 10px;
|
|
font-size: 12px;
|
|
line-height: 1.5;
|
|
border-radius: 3px
|
|
}
|
|
|
|
.form-group-sm select.form-control {
|
|
height: 30px;
|
|
line-height: 30px
|
|
}
|
|
|
|
.form-group-sm textarea.form-control,
|
|
.form-group-sm select[multiple].form-control {
|
|
height: auto
|
|
}
|
|
|
|
.form-group-sm .form-control-static {
|
|
height: 30px;
|
|
min-height: 32px;
|
|
padding: 6px 10px;
|
|
font-size: 12px;
|
|
line-height: 1.5
|
|
}
|
|
|
|
.input-lg {
|
|
height: 46px;
|
|
padding: 10px 16px;
|
|
font-size: 18px;
|
|
line-height: 1.3333333;
|
|
border-radius: 6px
|
|
}
|
|
|
|
select.input-lg {
|
|
height: 46px;
|
|
line-height: 46px
|
|
}
|
|
|
|
textarea.input-lg,
|
|
select[multiple].input-lg {
|
|
height: auto
|
|
}
|
|
|
|
.form-group-lg .form-control {
|
|
height: 46px;
|
|
padding: 10px 16px;
|
|
font-size: 18px;
|
|
line-height: 1.3333333;
|
|
border-radius: 6px
|
|
}
|
|
|
|
.form-group-lg select.form-control {
|
|
height: 46px;
|
|
line-height: 46px
|
|
}
|
|
|
|
.form-group-lg textarea.form-control,
|
|
.form-group-lg select[multiple].form-control {
|
|
height: auto
|
|
}
|
|
|
|
.form-group-lg .form-control-static {
|
|
height: 46px;
|
|
min-height: 38px;
|
|
padding: 11px 16px;
|
|
font-size: 18px;
|
|
line-height: 1.3333333
|
|
}
|
|
|
|
.has-feedback {
|
|
position: relative
|
|
}
|
|
|
|
.has-feedback .form-control {
|
|
padding-right: 42.5px
|
|
}
|
|
|
|
.form-control-feedback {
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
z-index: 2;
|
|
display: block;
|
|
width: 34px;
|
|
height: 34px;
|
|
line-height: 34px;
|
|
text-align: center;
|
|
pointer-events: none
|
|
}
|
|
|
|
.input-lg+.form-control-feedback,
|
|
.input-group-lg+.form-control-feedback,
|
|
.form-group-lg .form-control+.form-control-feedback {
|
|
width: 46px;
|
|
height: 46px;
|
|
line-height: 46px
|
|
}
|
|
|
|
.input-sm+.form-control-feedback,
|
|
.input-group-sm+.form-control-feedback,
|
|
.form-group-sm .form-control+.form-control-feedback {
|
|
width: 30px;
|
|
height: 30px;
|
|
line-height: 30px
|
|
}
|
|
|
|
.has-success .help-block,
|
|
.has-success .control-label,
|
|
.has-success .radio,
|
|
.has-success .checkbox,
|
|
.has-success .radio-inline,
|
|
.has-success .checkbox-inline,
|
|
.has-success.radio label,
|
|
.has-success.checkbox label,
|
|
.has-success.radio-inline label,
|
|
.has-success.checkbox-inline label {
|
|
color: #3c763d
|
|
}
|
|
|
|
.has-success .form-control {
|
|
border-color: #3c763d;
|
|
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
|
|
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075)
|
|
}
|
|
|
|
.has-success .form-control:focus {
|
|
border-color: #2b542c;
|
|
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
|
|
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168
|
|
}
|
|
|
|
.has-success .input-group-addon {
|
|
color: #3c763d;
|
|
border-color: #3c763d;
|
|
background-color: #dff0d8
|
|
}
|
|
|
|
.has-success .form-control-feedback {
|
|
color: #3c763d
|
|
}
|
|
|
|
.has-warning .help-block,
|
|
.has-warning .control-label,
|
|
.has-warning .radio,
|
|
.has-warning .checkbox,
|
|
.has-warning .radio-inline,
|
|
.has-warning .checkbox-inline,
|
|
.has-warning.radio label,
|
|
.has-warning.checkbox label,
|
|
.has-warning.radio-inline label,
|
|
.has-warning.checkbox-inline label {
|
|
color: #8a6d3b
|
|
}
|
|
|
|
.has-warning .form-control {
|
|
border-color: #8a6d3b;
|
|
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
|
|
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075)
|
|
}
|
|
|
|
.has-warning .form-control:focus {
|
|
border-color: #66512c;
|
|
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
|
|
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b
|
|
}
|
|
|
|
.has-warning .input-group-addon {
|
|
color: #8a6d3b;
|
|
border-color: #8a6d3b;
|
|
background-color: #fcf8e3
|
|
}
|
|
|
|
.has-warning .form-control-feedback {
|
|
color: #8a6d3b
|
|
}
|
|
|
|
.has-error .help-block,
|
|
.has-error .control-label,
|
|
.has-error .radio,
|
|
.has-error .checkbox,
|
|
.has-error .radio-inline,
|
|
.has-error .checkbox-inline,
|
|
.has-error.radio label,
|
|
.has-error.checkbox label,
|
|
.has-error.radio-inline label,
|
|
.has-error.checkbox-inline label {
|
|
color: #a94442
|
|
}
|
|
|
|
.has-error .form-control {
|
|
border-color: #a94442;
|
|
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
|
|
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075)
|
|
}
|
|
|
|
.has-error .form-control:focus {
|
|
border-color: #843534;
|
|
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
|
|
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483
|
|
}
|
|
|
|
.has-error .input-group-addon {
|
|
color: #a94442;
|
|
border-color: #a94442;
|
|
background-color: #f2dede
|
|
}
|
|
|
|
.has-error .form-control-feedback {
|
|
color: #a94442
|
|
}
|
|
|
|
.has-feedback label~.form-control-feedback {
|
|
top: 25px
|
|
}
|
|
|
|
.has-feedback label.sr-only~.form-control-feedback {
|
|
top: 0
|
|
}
|
|
|
|
.help-block {
|
|
display: block;
|
|
margin-top: 5px;
|
|
margin-bottom: 10px;
|
|
color: #737373
|
|
}
|
|
|
|
@media (min-width:768px) {
|
|
.form-inline .form-group {
|
|
display: inline-block;
|
|
margin-bottom: 0;
|
|
vertical-align: middle
|
|
}
|
|
.form-inline .form-control {
|
|
display: inline-block;
|
|
width: auto;
|
|
vertical-align: middle
|
|
}
|
|
.form-inline .form-control-static {
|
|
display: inline-block
|
|
}
|
|
.form-inline .input-group {
|
|
display: inline-table;
|
|
vertical-align: middle
|
|
}
|
|
.form-inline .input-group .input-group-addon,
|
|
.form-inline .input-group .input-group-btn,
|
|
.form-inline .input-group .form-control {
|
|
width: auto
|
|
}
|
|
.form-inline .input-group>.form-control {
|
|
width: 100%
|
|
}
|
|
.form-inline .control-label {
|
|
margin-bottom: 0;
|
|
vertical-align: middle
|
|
}
|
|
.form-inline .radio,
|
|
.form-inline .checkbox {
|
|
display: inline-block;
|
|
margin-top: 0;
|
|
margin-bottom: 0;
|
|
vertical-align: middle
|
|
}
|
|
.form-inline .radio label,
|
|
.form-inline .checkbox label {
|
|
padding-left: 0
|
|
}
|
|
.form-inline .radio input[type="radio"],
|
|
.form-inline .checkbox input[type="checkbox"] {
|
|
position: relative;
|
|
margin-left: 0
|
|
}
|
|
.form-inline .has-feedback .form-control-feedback {
|
|
top: 0
|
|
}
|
|
}
|
|
|
|
.form-horizontal .radio,
|
|
.form-horizontal .checkbox,
|
|
.form-horizontal .radio-inline,
|
|
.form-horizontal .checkbox-inline {
|
|
margin-top: 0;
|
|
margin-bottom: 0;
|
|
padding-top: 7px
|
|
}
|
|
|
|
.form-horizontal .radio,
|
|
.form-horizontal .checkbox {
|
|
min-height: 27px
|
|
}
|
|
|
|
.form-horizontal .form-group {
|
|
margin-left: -15px;
|
|
margin-right: -15px
|
|
}
|
|
|
|
@media (min-width:768px) {
|
|
.form-horizontal .control-label {
|
|
text-align: right;
|
|
margin-bottom: 0;
|
|
padding-top: 7px
|
|
}
|
|
}
|
|
|
|
.form-horizontal .has-feedback .form-control-feedback {
|
|
right: 15px
|
|
}
|
|
|
|
@media (min-width:768px) {
|
|
.form-horizontal .form-group-lg .control-label {
|
|
padding-top: 14.333333px;
|
|
font-size: 18px
|
|
}
|
|
}
|
|
|
|
@media (min-width:768px) {
|
|
.form-horizontal .form-group-sm .control-label {
|
|
padding-top: 6px;
|
|
font-size: 12px
|
|
}
|
|
}
|
|
|
|
.btn {
|
|
display: inline-block;
|
|
margin-bottom: 0;
|
|
font-weight: normal;
|
|
text-align: center;
|
|
vertical-align: middle;
|
|
-ms-touch-action: manipulation;
|
|
touch-action: manipulation;
|
|
cursor: pointer;
|
|
background-image: none;
|
|
border: 1px solid transparent;
|
|
white-space: nowrap;
|
|
padding: 6px 12px;
|
|
font-size: 14px;
|
|
line-height: 1.42857143;
|
|
border-radius: 4px;
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
user-select: none
|
|
}
|
|
|
|
.btn:focus,
|
|
.btn:active:focus,
|
|
.btn.active:focus,
|
|
.btn.focus,
|
|
.btn:active.focus,
|
|
.btn.active.focus {
|
|
outline: thin dotted;
|
|
outline: 5px auto -webkit-focus-ring-color;
|
|
outline-offset: -2px
|
|
}
|
|
|
|
.btn:hover,
|
|
.btn:focus,
|
|
.btn.focus {
|
|
color: #333;
|
|
text-decoration: none
|
|
}
|
|
|
|
.btn:active,
|
|
.btn.active {
|
|
outline: 0;
|
|
background-image: none;
|
|
-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
|
|
box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125)
|
|
}
|
|
|
|
.btn.disabled,
|
|
.btn[disabled],
|
|
fieldset[disabled] .btn {
|
|
cursor: not-allowed;
|
|
opacity: .65;
|
|
filter: alpha(opacity=65);
|
|
-webkit-box-shadow: none;
|
|
box-shadow: none
|
|
}
|
|
|
|
a.btn.disabled,
|
|
fieldset[disabled] a.btn {
|
|
pointer-events: none
|
|
}
|
|
|
|
.btn-default {
|
|
color: #333;
|
|
background-color: #fff;
|
|
border-color: #ccc
|
|
}
|
|
|
|
.btn-default:focus,
|
|
.btn-default.focus {
|
|
color: #333;
|
|
background-color: #e6e6e6;
|
|
border-color: #8c8c8c
|
|
}
|
|
|
|
.btn-default:hover {
|
|
color: #333;
|
|
background-color: #e6e6e6;
|
|
border-color: #adadad
|
|
}
|
|
|
|
.btn-default:active,
|
|
.btn-default.active,
|
|
.open>.dropdown-toggle.btn-default {
|
|
color: #333;
|
|
background-color: #e6e6e6;
|
|
border-color: #adadad
|
|
}
|
|
|
|
.btn-default:active:hover,
|
|
.btn-default.active:hover,
|
|
.open>.dropdown-toggle.btn-default:hover,
|
|
.btn-default:active:focus,
|
|
.btn-default.active:focus,
|
|
.open>.dropdown-toggle.btn-default:focus,
|
|
.btn-default:active.focus,
|
|
.btn-default.active.focus,
|
|
.open>.dropdown-toggle.btn-default.focus {
|
|
color: #333;
|
|
background-color: #d4d4d4;
|
|
border-color: #8c8c8c
|
|
}
|
|
|
|
.btn-default:active,
|
|
.btn-default.active,
|
|
.open>.dropdown-toggle.btn-default {
|
|
background-image: none
|
|
}
|
|
|
|
.btn-default.disabled,
|
|
.btn-default[disabled],
|
|
fieldset[disabled] .btn-default,
|
|
.btn-default.disabled:hover,
|
|
.btn-default[disabled]:hover,
|
|
fieldset[disabled] .btn-default:hover,
|
|
.btn-default.disabled:focus,
|
|
.btn-default[disabled]:focus,
|
|
fieldset[disabled] .btn-default:focus,
|
|
.btn-default.disabled.focus,
|
|
.btn-default[disabled].focus,
|
|
fieldset[disabled] .btn-default.focus,
|
|
.btn-default.disabled:active,
|
|
.btn-default[disabled]:active,
|
|
fieldset[disabled] .btn-default:active,
|
|
.btn-default.disabled.active,
|
|
.btn-default[disabled].active,
|
|
fieldset[disabled] .btn-default.active {
|
|
background-color: #fff;
|
|
border-color: #ccc
|
|
}
|
|
|
|
.btn-default .badge {
|
|
color: #fff;
|
|
background-color: #333
|
|
}
|
|
|
|
.btn-primary {
|
|
color: #fff;
|
|
background-color: #337ab7;
|
|
border-color: #2e6da4
|
|
}
|
|
|
|
.btn-primary:focus,
|
|
.btn-primary.focus {
|
|
color: #fff;
|
|
background-color: #286090;
|
|
border-color: #122b40
|
|
}
|
|
|
|
.btn-primary:hover {
|
|
color: #fff;
|
|
background-color: #286090;
|
|
border-color: #204d74
|
|
}
|
|
|
|
.btn-primary:active,
|
|
.btn-primary.active,
|
|
.open>.dropdown-toggle.btn-primary {
|
|
color: #fff;
|
|
background-color: #286090;
|
|
border-color: #204d74
|
|
}
|
|
|
|
.btn-primary:active:hover,
|
|
.btn-primary.active:hover,
|
|
.open>.dropdown-toggle.btn-primary:hover,
|
|
.btn-primary:active:focus,
|
|
.btn-primary.active:focus,
|
|
.open>.dropdown-toggle.btn-primary:focus,
|
|
.btn-primary:active.focus,
|
|
.btn-primary.active.focus,
|
|
.open>.dropdown-toggle.btn-primary.focus {
|
|
color: #fff;
|
|
background-color: #204d74;
|
|
border-color: #122b40
|
|
}
|
|
|
|
.btn-primary:active,
|
|
.btn-primary.active,
|
|
.open>.dropdown-toggle.btn-primary {
|
|
background-image: none
|
|
}
|
|
|
|
.btn-primary.disabled,
|
|
.btn-primary[disabled],
|
|
fieldset[disabled] .btn-primary,
|
|
.btn-primary.disabled:hover,
|
|
.btn-primary[disabled]:hover,
|
|
fieldset[disabled] .btn-primary:hover,
|
|
.btn-primary.disabled:focus,
|
|
.btn-primary[disabled]:focus,
|
|
fieldset[disabled] .btn-primary:focus,
|
|
.btn-primary.disabled.focus,
|
|
.btn-primary[disabled].focus,
|
|
fieldset[disabled] .btn-primary.focus,
|
|
.btn-primary.disabled:active,
|
|
.btn-primary[disabled]:active,
|
|
fieldset[disabled] .btn-primary:active,
|
|
.btn-primary.disabled.active,
|
|
.btn-primary[disabled].active,
|
|
fieldset[disabled] .btn-primary.active {
|
|
background-color: #337ab7;
|
|
border-color: #2e6da4
|
|
}
|
|
|
|
.btn-primary .badge {
|
|
color: #337ab7;
|
|
background-color: #fff
|
|
}
|
|
|
|
.btn-success {
|
|
color: #fff;
|
|
background-color: #5cb85c;
|
|
border-color: #4cae4c
|
|
}
|
|
|
|
.btn-success:focus,
|
|
.btn-success.focus {
|
|
color: #fff;
|
|
background-color: #449d44;
|
|
border-color: #255625
|
|
}
|
|
|
|
.btn-success:hover {
|
|
color: #fff;
|
|
background-color: #449d44;
|
|
border-color: #398439
|
|
}
|
|
|
|
.btn-success:active,
|
|
.btn-success.active,
|
|
.open>.dropdown-toggle.btn-success {
|
|
color: #fff;
|
|
background-color: #449d44;
|
|
border-color: #398439
|
|
}
|
|
|
|
.btn-success:active:hover,
|
|
.btn-success.active:hover,
|
|
.open>.dropdown-toggle.btn-success:hover,
|
|
.btn-success:active:focus,
|
|
.btn-success.active:focus,
|
|
.open>.dropdown-toggle.btn-success:focus,
|
|
.btn-success:active.focus,
|
|
.btn-success.active.focus,
|
|
.open>.dropdown-toggle.btn-success.focus {
|
|
color: #fff;
|
|
background-color: #398439;
|
|
border-color: #255625
|
|
}
|
|
|
|
.btn-success:active,
|
|
.btn-success.active,
|
|
.open>.dropdown-toggle.btn-success {
|
|
background-image: none
|
|
}
|
|
|
|
.btn-success.disabled,
|
|
.btn-success[disabled],
|
|
fieldset[disabled] .btn-success,
|
|
.btn-success.disabled:hover,
|
|
.btn-success[disabled]:hover,
|
|
fieldset[disabled] .btn-success:hover,
|
|
.btn-success.disabled:focus,
|
|
.btn-success[disabled]:focus,
|
|
fieldset[disabled] .btn-success:focus,
|
|
.btn-success.disabled.focus,
|
|
.btn-success[disabled].focus,
|
|
fieldset[disabled] .btn-success.focus,
|
|
.btn-success.disabled:active,
|
|
.btn-success[disabled]:active,
|
|
fieldset[disabled] .btn-success:active,
|
|
.btn-success.disabled.active,
|
|
.btn-success[disabled].active,
|
|
fieldset[disabled] .btn-success.active {
|
|
background-color: #5cb85c;
|
|
border-color: #4cae4c
|
|
}
|
|
|
|
.btn-success .badge {
|
|
color: #5cb85c;
|
|
background-color: #fff
|
|
}
|
|
|
|
.btn-info {
|
|
color: #fff;
|
|
background-color: #5bc0de;
|
|
border-color: #46b8da
|
|
}
|
|
|
|
.btn-info:focus,
|
|
.btn-info.focus {
|
|
color: #fff;
|
|
background-color: #31b0d5;
|
|
border-color: #1b6d85
|
|
}
|
|
|
|
.btn-info:hover {
|
|
color: #fff;
|
|
background-color: #31b0d5;
|
|
border-color: #269abc
|
|
}
|
|
|
|
.btn-info:active,
|
|
.btn-info.active,
|
|
.open>.dropdown-toggle.btn-info {
|
|
color: #fff;
|
|
background-color: #31b0d5;
|
|
border-color: #269abc
|
|
}
|
|
|
|
.btn-info:active:hover,
|
|
.btn-info.active:hover,
|
|
.open>.dropdown-toggle.btn-info:hover,
|
|
.btn-info:active:focus,
|
|
.btn-info.active:focus,
|
|
.open>.dropdown-toggle.btn-info:focus,
|
|
.btn-info:active.focus,
|
|
.btn-info.active.focus,
|
|
.open>.dropdown-toggle.btn-info.focus {
|
|
color: #fff;
|
|
background-color: #269abc;
|
|
border-color: #1b6d85
|
|
}
|
|
|
|
.btn-info:active,
|
|
.btn-info.active,
|
|
.open>.dropdown-toggle.btn-info {
|
|
background-image: none
|
|
}
|
|
|
|
.btn-info.disabled,
|
|
.btn-info[disabled],
|
|
fieldset[disabled] .btn-info,
|
|
.btn-info.disabled:hover,
|
|
.btn-info[disabled]:hover,
|
|
fieldset[disabled] .btn-info:hover,
|
|
.btn-info.disabled:focus,
|
|
.btn-info[disabled]:focus,
|
|
fieldset[disabled] .btn-info:focus,
|
|
.btn-info.disabled.focus,
|
|
.btn-info[disabled].focus,
|
|
fieldset[disabled] .btn-info.focus,
|
|
.btn-info.disabled:active,
|
|
.btn-info[disabled]:active,
|
|
fieldset[disabled] .btn-info:active,
|
|
.btn-info.disabled.active,
|
|
.btn-info[disabled].active,
|
|
fieldset[disabled] .btn-info.active {
|
|
background-color: #5bc0de;
|
|
border-color: #46b8da
|
|
}
|
|
|
|
.btn-info .badge {
|
|
color: #5bc0de;
|
|
background-color: #fff
|
|
}
|
|
|
|
.btn-warning {
|
|
color: #fff;
|
|
background-color: #f0ad4e;
|
|
border-color: #eea236
|
|
}
|
|
|
|
.btn-warning:focus,
|
|
.btn-warning.focus {
|
|
color: #fff;
|
|
background-color: #ec971f;
|
|
border-color: #985f0d
|
|
}
|
|
|
|
.btn-warning:hover {
|
|
color: #fff;
|
|
background-color: #ec971f;
|
|
border-color: #d58512
|
|
}
|
|
|
|
.btn-warning:active,
|
|
.btn-warning.active,
|
|
.open>.dropdown-toggle.btn-warning {
|
|
color: #fff;
|
|
background-color: #ec971f;
|
|
border-color: #d58512
|
|
}
|
|
|
|
.btn-warning:active:hover,
|
|
.btn-warning.active:hover,
|
|
.open>.dropdown-toggle.btn-warning:hover,
|
|
.btn-warning:active:focus,
|
|
.btn-warning.active:focus,
|
|
.open>.dropdown-toggle.btn-warning:focus,
|
|
.btn-warning:active.focus,
|
|
.btn-warning.active.focus,
|
|
.open>.dropdown-toggle.btn-warning.focus {
|
|
color: #fff;
|
|
background-color: #d58512;
|
|
border-color: #985f0d
|
|
}
|
|
|
|
.btn-warning:active,
|
|
.btn-warning.active,
|
|
.open>.dropdown-toggle.btn-warning {
|
|
background-image: none
|
|
}
|
|
|
|
.btn-warning.disabled,
|
|
.btn-warning[disabled],
|
|
fieldset[disabled] .btn-warning,
|
|
.btn-warning.disabled:hover,
|
|
.btn-warning[disabled]:hover,
|
|
fieldset[disabled] .btn-warning:hover,
|
|
.btn-warning.disabled:focus,
|
|
.btn-warning[disabled]:focus,
|
|
fieldset[disabled] .btn-warning:focus,
|
|
.btn-warning.disabled.focus,
|
|
.btn-warning[disabled].focus,
|
|
fieldset[disabled] .btn-warning.focus,
|
|
.btn-warning.disabled:active,
|
|
.btn-warning[disabled]:active,
|
|
fieldset[disabled] .btn-warning:active,
|
|
.btn-warning.disabled.active,
|
|
.btn-warning[disabled].active,
|
|
fieldset[disabled] .btn-warning.active {
|
|
background-color: #f0ad4e;
|
|
border-color: #eea236
|
|
}
|
|
|
|
.btn-warning .badge {
|
|
color: #f0ad4e;
|
|
background-color: #fff
|
|
}
|
|
|
|
.btn-danger {
|
|
color: #fff;
|
|
background-color: #d9534f;
|
|
border-color: #d43f3a
|
|
}
|
|
|
|
.btn-danger:focus,
|
|
.btn-danger.focus {
|
|
color: #fff;
|
|
background-color: #c9302c;
|
|
border-color: #761c19
|
|
}
|
|
|
|
.btn-danger:hover {
|
|
color: #fff;
|
|
background-color: #c9302c;
|
|
border-color: #ac2925
|
|
}
|
|
|
|
.btn-danger:active,
|
|
.btn-danger.active,
|
|
.open>.dropdown-toggle.btn-danger {
|
|
color: #fff;
|
|
background-color: #c9302c;
|
|
border-color: #ac2925
|
|
}
|
|
|
|
.btn-danger:active:hover,
|
|
.btn-danger.active:hover,
|
|
.open>.dropdown-toggle.btn-danger:hover,
|
|
.btn-danger:active:focus,
|
|
.btn-danger.active:focus,
|
|
.open>.dropdown-toggle.btn-danger:focus,
|
|
.btn-danger:active.focus,
|
|
.btn-danger.active.focus,
|
|
.open>.dropdown-toggle.btn-danger.focus {
|
|
color: #fff;
|
|
background-color: #ac2925;
|
|
border-color: #761c19
|
|
}
|
|
|
|
.btn-danger:active,
|
|
.btn-danger.active,
|
|
.open>.dropdown-toggle.btn-danger {
|
|
background-image: none
|
|
}
|
|
|
|
.btn-danger.disabled,
|
|
.btn-danger[disabled],
|
|
fieldset[disabled] .btn-danger,
|
|
.btn-danger.disabled:hover,
|
|
.btn-danger[disabled]:hover,
|
|
fieldset[disabled] .btn-danger:hover,
|
|
.btn-danger.disabled:focus,
|
|
.btn-danger[disabled]:focus,
|
|
fieldset[disabled] .btn-danger:focus,
|
|
.btn-danger.disabled.focus,
|
|
.btn-danger[disabled].focus,
|
|
fieldset[disabled] .btn-danger.focus,
|
|
.btn-danger.disabled:active,
|
|
.btn-danger[disabled]:active,
|
|
fieldset[disabled] .btn-danger:active,
|
|
.btn-danger.disabled.active,
|
|
.btn-danger[disabled].active,
|
|
fieldset[disabled] .btn-danger.active {
|
|
background-color: #d9534f;
|
|
border-color: #d43f3a
|
|
}
|
|
|
|
.btn-danger .badge {
|
|
color: #d9534f;
|
|
background-color: #fff
|
|
}
|
|
|
|
.btn-link {
|
|
color: #337ab7;
|
|
font-weight: normal;
|
|
border-radius: 0
|
|
}
|
|
|
|
.btn-link,
|
|
.btn-link:active,
|
|
.btn-link.active,
|
|
.btn-link[disabled],
|
|
fieldset[disabled] .btn-link {
|
|
background-color: transparent;
|
|
-webkit-box-shadow: none;
|
|
box-shadow: none
|
|
}
|
|
|
|
.btn-link,
|
|
.btn-link:hover,
|
|
.btn-link:focus,
|
|
.btn-link:active {
|
|
border-color: transparent
|
|
}
|
|
|
|
.btn-link:hover,
|
|
.btn-link:focus {
|
|
color: #23527c;
|
|
text-decoration: underline;
|
|
background-color: transparent
|
|
}
|
|
|
|
.btn-link[disabled]:hover,
|
|
fieldset[disabled] .btn-link:hover,
|
|
.btn-link[disabled]:focus,
|
|
fieldset[disabled] .btn-link:focus {
|
|
color: #777;
|
|
text-decoration: none
|
|
}
|
|
|
|
.btn-lg,
|
|
.btn-group-lg>.btn {
|
|
padding: 10px 16px;
|
|
font-size: 18px;
|
|
line-height: 1.3333333;
|
|
border-radius: 6px
|
|
}
|
|
|
|
.btn-sm,
|
|
.btn-group-sm>.btn {
|
|
padding: 5px 10px;
|
|
font-size: 12px;
|
|
line-height: 1.5;
|
|
border-radius: 3px
|
|
}
|
|
|
|
.btn-xs,
|
|
.btn-group-xs>.btn {
|
|
padding: 1px 5px;
|
|
font-size: 12px;
|
|
line-height: 1.5;
|
|
border-radius: 3px
|
|
}
|
|
|
|
.btn-block {
|
|
display: block;
|
|
width: 100%
|
|
}
|
|
|
|
.btn-block+.btn-block {
|
|
margin-top: 5px
|
|
}
|
|
|
|
input[type="submit"].btn-block,
|
|
input[type="reset"].btn-block,
|
|
input[type="button"].btn-block {
|
|
width: 100%
|
|
}
|
|
|
|
.fade {
|
|
opacity: 0;
|
|
-webkit-transition: opacity .15s linear;
|
|
-o-transition: opacity .15s linear;
|
|
transition: opacity .15s linear
|
|
}
|
|
|
|
.fade.in {
|
|
opacity: 1
|
|
}
|
|
|
|
.collapse {
|
|
display: none
|
|
}
|
|
|
|
.collapse.in {
|
|
display: block
|
|
}
|
|
|
|
tr.collapse.in {
|
|
display: table-row
|
|
}
|
|
|
|
tbody.collapse.in {
|
|
display: table-row-group
|
|
}
|
|
|
|
.collapsing {
|
|
position: relative;
|
|
height: 0;
|
|
overflow: hidden;
|
|
-webkit-transition-property: height, visibility;
|
|
-o-transition-property: height, visibility;
|
|
transition-property: height, visibility;
|
|
-webkit-transition-duration: .35s;
|
|
-o-transition-duration: .35s;
|
|
transition-duration: .35s;
|
|
-webkit-transition-timing-function: ease;
|
|
-o-transition-timing-function: ease;
|
|
transition-timing-function: ease
|
|
}
|
|
|
|
.caret {
|
|
display: inline-block;
|
|
width: 0;
|
|
height: 0;
|
|
margin-left: 2px;
|
|
vertical-align: middle;
|
|
border-top: 4px dashed;
|
|
border-top: 4px solid \9;
|
|
border-right: 4px solid transparent;
|
|
border-left: 4px solid transparent
|
|
}
|
|
|
|
.dropup,
|
|
.dropdown {
|
|
position: relative
|
|
}
|
|
|
|
.dropdown-toggle:focus {
|
|
outline: 0
|
|
}
|
|
|
|
.dropdown-menu {
|
|
position: absolute;
|
|
top: 100%;
|
|
left: 0;
|
|
z-index: 1000;
|
|
display: none;
|
|
float: left;
|
|
min-width: 160px;
|
|
padding: 5px 0;
|
|
margin: 2px 0 0;
|
|
list-style: none;
|
|
font-size: 14px;
|
|
text-align: left;
|
|
background-color: #fff;
|
|
border: 1px solid #ccc;
|
|
border: 1px solid rgba(0, 0, 0, 0.15);
|
|
border-radius: 4px;
|
|
-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
|
|
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
|
|
-webkit-background-clip: padding-box;
|
|
background-clip: padding-box
|
|
}
|
|
|
|
.dropdown-menu.pull-right {
|
|
right: 0;
|
|
left: auto
|
|
}
|
|
|
|
.dropdown-menu .divider {
|
|
height: 1px;
|
|
margin: 9px 0;
|
|
overflow: hidden;
|
|
background-color: #e5e5e5
|
|
}
|
|
|
|
.dropdown-menu>li>a {
|
|
display: block;
|
|
padding: 3px 20px;
|
|
clear: both;
|
|
font-weight: normal;
|
|
line-height: 1.42857143;
|
|
color: #333;
|
|
white-space: nowrap
|
|
}
|
|
|
|
.dropdown-menu>li>a:hover,
|
|
.dropdown-menu>li>a:focus {
|
|
text-decoration: none;
|
|
color: #262626;
|
|
background-color: #f5f5f5
|
|
}
|
|
|
|
.dropdown-menu>.active>a,
|
|
.dropdown-menu>.active>a:hover,
|
|
.dropdown-menu>.active>a:focus {
|
|
color: #fff;
|
|
text-decoration: none;
|
|
outline: 0;
|
|
background-color: #337ab7
|
|
}
|
|
|
|
.dropdown-menu>.disabled>a,
|
|
.dropdown-menu>.disabled>a:hover,
|
|
.dropdown-menu>.disabled>a:focus {
|
|
color: #777
|
|
}
|
|
|
|
.dropdown-menu>.disabled>a:hover,
|
|
.dropdown-menu>.disabled>a:focus {
|
|
text-decoration: none;
|
|
background-color: transparent;
|
|
background-image: none;
|
|
filter: progid: DXImageTransform.Microsoft.gradient(enabled=false);
|
|
cursor: not-allowed
|
|
}
|
|
|
|
.open>.dropdown-menu {
|
|
display: block
|
|
}
|
|
|
|
.open>a {
|
|
outline: 0
|
|
}
|
|
|
|
.dropdown-menu-right {
|
|
left: auto;
|
|
right: 0
|
|
}
|
|
|
|
.dropdown-menu-left {
|
|
left: 0;
|
|
right: auto
|
|
}
|
|
|
|
.dropdown-header {
|
|
display: block;
|
|
padding: 3px 20px;
|
|
font-size: 12px;
|
|
line-height: 1.42857143;
|
|
color: #777;
|
|
white-space: nowrap
|
|
}
|
|
|
|
.dropdown-backdrop {
|
|
position: fixed;
|
|
left: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
top: 0;
|
|
z-index: 990
|
|
}
|
|
|
|
.pull-right>.dropdown-menu {
|
|
right: 0;
|
|
left: auto
|
|
}
|
|
|
|
.dropup .caret,
|
|
.navbar-fixed-bottom .dropdown .caret {
|
|
border-top: 0;
|
|
border-bottom: 4px dashed;
|
|
border-bottom: 4px solid \9;
|
|
content: ""
|
|
}
|
|
|
|
.dropup .dropdown-menu,
|
|
.navbar-fixed-bottom .dropdown .dropdown-menu {
|
|
top: auto;
|
|
bottom: 100%;
|
|
margin-bottom: 2px
|
|
}
|
|
|
|
@media (min-width:768px) {
|
|
.navbar-right .dropdown-menu {
|
|
left: auto;
|
|
right: 0
|
|
}
|
|
.navbar-right .dropdown-menu-left {
|
|
left: 0;
|
|
right: auto
|
|
}
|
|
}
|
|
|
|
.btn-group,
|
|
.btn-group-vertical {
|
|
position: relative;
|
|
display: inline-block;
|
|
vertical-align: middle
|
|
}
|
|
|
|
.btn-group>.btn,
|
|
.btn-group-vertical>.btn {
|
|
position: relative;
|
|
float: left
|
|
}
|
|
|
|
.btn-group>.btn:hover,
|
|
.btn-group-vertical>.btn:hover,
|
|
.btn-group>.btn:focus,
|
|
.btn-group-vertical>.btn:focus,
|
|
.btn-group>.btn:active,
|
|
.btn-group-vertical>.btn:active,
|
|
.btn-group>.btn.active,
|
|
.btn-group-vertical>.btn.active {
|
|
z-index: 2
|
|
}
|
|
|
|
.btn-group .btn+.btn,
|
|
.btn-group .btn+.btn-group,
|
|
.btn-group .btn-group+.btn,
|
|
.btn-group .btn-group+.btn-group {
|
|
margin-left: -1px
|
|
}
|
|
|
|
.btn-toolbar {
|
|
margin-left: -5px
|
|
}
|
|
|
|
.btn-toolbar .btn,
|
|
.btn-toolbar .btn-group,
|
|
.btn-toolbar .input-group {
|
|
float: left
|
|
}
|
|
|
|
.btn-toolbar>.btn,
|
|
.btn-toolbar>.btn-group,
|
|
.btn-toolbar>.input-group {
|
|
margin-left: 5px
|
|
}
|
|
|
|
.btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
|
|
border-radius: 0
|
|
}
|
|
|
|
.btn-group>.btn:first-child {
|
|
margin-left: 0
|
|
}
|
|
|
|
.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) {
|
|
border-bottom-right-radius: 0;
|
|
border-top-right-radius: 0
|
|
}
|
|
|
|
.btn-group>.btn:last-child:not(:first-child),
|
|
.btn-group>.dropdown-toggle:not(:first-child) {
|
|
border-bottom-left-radius: 0;
|
|
border-top-left-radius: 0
|
|
}
|
|
|
|
.btn-group>.btn-group {
|
|
float: left
|
|
}
|
|
|
|
.btn-group>.btn-group:not(:first-child):not(:last-child)>.btn {
|
|
border-radius: 0
|
|
}
|
|
|
|
.btn-group>.btn-group:first-child:not(:last-child)>.btn:last-child,
|
|
.btn-group>.btn-group:first-child:not(:last-child)>.dropdown-toggle {
|
|
border-bottom-right-radius: 0;
|
|
border-top-right-radius: 0
|
|
}
|
|
|
|
.btn-group>.btn-group:last-child:not(:first-child)>.btn:first-child {
|
|
border-bottom-left-radius: 0;
|
|
border-top-left-radius: 0
|
|
}
|
|
|
|
.btn-group .dropdown-toggle:active,
|
|
.btn-group.open .dropdown-toggle {
|
|
outline: 0
|
|
}
|
|
|
|
.btn-group>.btn+.dropdown-toggle {
|
|
padding-left: 8px;
|
|
padding-right: 8px
|
|
}
|
|
|
|
.btn-group>.btn-lg+.dropdown-toggle {
|
|
padding-left: 12px;
|
|
padding-right: 12px
|
|
}
|
|
|
|
.btn-group.open .dropdown-toggle {
|
|
-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
|
|
box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125)
|
|
}
|
|
|
|
.btn-group.open .dropdown-toggle.btn-link {
|
|
-webkit-box-shadow: none;
|
|
box-shadow: none
|
|
}
|
|
|
|
.btn .caret {
|
|
margin-left: 0
|
|
}
|
|
|
|
.btn-lg .caret {
|
|
border-width: 5px 5px 0;
|
|
border-bottom-width: 0
|
|
}
|
|
|
|
.dropup .btn-lg .caret {
|
|
border-width: 0 5px 5px
|
|
}
|
|
|
|
.btn-group-vertical>.btn,
|
|
.btn-group-vertical>.btn-group,
|
|
.btn-group-vertical>.btn-group>.btn {
|
|
display: block;
|
|
float: none;
|
|
width: 100%;
|
|
max-width: 100%
|
|
}
|
|
|
|
.btn-group-vertical>.btn-group>.btn {
|
|
float: none
|
|
}
|
|
|
|
.btn-group-vertical>.btn+.btn,
|
|
.btn-group-vertical>.btn+.btn-group,
|
|
.btn-group-vertical>.btn-group+.btn,
|
|
.btn-group-vertical>.btn-group+.btn-group {
|
|
margin-top: -1px;
|
|
margin-left: 0
|
|
}
|
|
|
|
.btn-group-vertical>.btn:not(:first-child):not(:last-child) {
|
|
border-radius: 0
|
|
}
|
|
|
|
.btn-group-vertical>.btn:first-child:not(:last-child) {
|
|
border-top-right-radius: 4px;
|
|
border-bottom-right-radius: 0;
|
|
border-bottom-left-radius: 0
|
|
}
|
|
|
|
.btn-group-vertical>.btn:last-child:not(:first-child) {
|
|
border-bottom-left-radius: 4px;
|
|
border-top-right-radius: 0;
|
|
border-top-left-radius: 0
|
|
}
|
|
|
|
.btn-group-vertical>.btn-group:not(:first-child):not(:last-child)>.btn {
|
|
border-radius: 0
|
|
}
|
|
|
|
.btn-group-vertical>.btn-group:first-child:not(:last-child)>.btn:last-child,
|
|
.btn-group-vertical>.btn-group:first-child:not(:last-child)>.dropdown-toggle {
|
|
border-bottom-right-radius: 0;
|
|
border-bottom-left-radius: 0
|
|
}
|
|
|
|
.btn-group-vertical>.btn-group:last-child:not(:first-child)>.btn:first-child {
|
|
border-top-right-radius: 0;
|
|
border-top-left-radius: 0
|
|
}
|
|
|
|
.btn-group-justified {
|
|
display: table;
|
|
width: 100%;
|
|
table-layout: fixed;
|
|
border-collapse: separate
|
|
}
|
|
|
|
.btn-group-justified>.btn,
|
|
.btn-group-justified>.btn-group {
|
|
float: none;
|
|
display: table-cell;
|
|
width: 1%
|
|
}
|
|
|
|
.btn-group-justified>.btn-group .btn {
|
|
width: 100%
|
|
}
|
|
|
|
.btn-group-justified>.btn-group .dropdown-menu {
|
|
left: auto
|
|
}
|
|
|
|
[data-toggle="buttons"]>.btn input[type="radio"],
|
|
[data-toggle="buttons"]>.btn-group>.btn input[type="radio"],
|
|
[data-toggle="buttons"]>.btn input[type="checkbox"],
|
|
[data-toggle="buttons"]>.btn-group>.btn input[type="checkbox"] {
|
|
position: absolute;
|
|
clip: rect(0, 0, 0, 0);
|
|
pointer-events: none
|
|
}
|
|
|
|
.input-group {
|
|
position: relative;
|
|
display: table;
|
|
border-collapse: separate
|
|
}
|
|
|
|
.input-group[class*="col-"] {
|
|
float: none;
|
|
padding-left: 0;
|
|
padding-right: 0
|
|
}
|
|
|
|
.input-group .form-control {
|
|
position: relative;
|
|
z-index: 2;
|
|
float: left;
|
|
width: 100%;
|
|
margin-bottom: 0
|
|
}
|
|
|
|
.input-group-lg>.form-control,
|
|
.input-group-lg>.input-group-addon,
|
|
.input-group-lg>.input-group-btn>.btn {
|
|
height: 46px;
|
|
padding: 10px 16px;
|
|
font-size: 18px;
|
|
line-height: 1.3333333;
|
|
border-radius: 6px
|
|
}
|
|
|
|
select.input-group-lg>.form-control,
|
|
select.input-group-lg>.input-group-addon,
|
|
select.input-group-lg>.input-group-btn>.btn {
|
|
height: 46px;
|
|
line-height: 46px
|
|
}
|
|
|
|
textarea.input-group-lg>.form-control,
|
|
textarea.input-group-lg>.input-group-addon,
|
|
textarea.input-group-lg>.input-group-btn>.btn,
|
|
select[multiple].input-group-lg>.form-control,
|
|
select[multiple].input-group-lg>.input-group-addon,
|
|
select[multiple].input-group-lg>.input-group-btn>.btn {
|
|
height: auto
|
|
}
|
|
|
|
.input-group-sm>.form-control,
|
|
.input-group-sm>.input-group-addon,
|
|
.input-group-sm>.input-group-btn>.btn {
|
|
height: 30px;
|
|
padding: 5px 10px;
|
|
font-size: 12px;
|
|
line-height: 1.5;
|
|
border-radius: 3px
|
|
}
|
|
|
|
select.input-group-sm>.form-control,
|
|
select.input-group-sm>.input-group-addon,
|
|
select.input-group-sm>.input-group-btn>.btn {
|
|
height: 30px;
|
|
line-height: 30px
|
|
}
|
|
|
|
textarea.input-group-sm>.form-control,
|
|
textarea.input-group-sm>.input-group-addon,
|
|
textarea.input-group-sm>.input-group-btn>.btn,
|
|
select[multiple].input-group-sm>.form-control,
|
|
select[multiple].input-group-sm>.input-group-addon,
|
|
select[multiple].input-group-sm>.input-group-btn>.btn {
|
|
height: auto
|
|
}
|
|
|
|
.input-group-addon,
|
|
.input-group-btn,
|
|
.input-group .form-control {
|
|
display: table-cell
|
|
}
|
|
|
|
.input-group-addon:not(:first-child):not(:last-child),
|
|
.input-group-btn:not(:first-child):not(:last-child),
|
|
.input-group .form-control:not(:first-child):not(:last-child) {
|
|
border-radius: 0
|
|
}
|
|
|
|
.input-group-addon,
|
|
.input-group-btn {
|
|
width: 1%;
|
|
white-space: nowrap;
|
|
vertical-align: middle
|
|
}
|
|
|
|
.input-group-addon {
|
|
padding: 6px 12px;
|
|
font-size: 14px;
|
|
font-weight: normal;
|
|
line-height: 1;
|
|
color: #555;
|
|
text-align: center;
|
|
background-color: #eee;
|
|
border: 1px solid #ccc;
|
|
border-radius: 4px
|
|
}
|
|
|
|
.input-group-addon.input-sm {
|
|
padding: 5px 10px;
|
|
font-size: 12px;
|
|
border-radius: 3px
|
|
}
|
|
|
|
.input-group-addon.input-lg {
|
|
padding: 10px 16px;
|
|
font-size: 18px;
|
|
border-radius: 6px
|
|
}
|
|
|
|
.input-group-addon input[type="radio"],
|
|
.input-group-addon input[type="checkbox"] {
|
|
margin-top: 0
|
|
}
|
|
|
|
.input-group .form-control:first-child,
|
|
.input-group-addon:first-child,
|
|
.input-group-btn:first-child>.btn,
|
|
.input-group-btn:first-child>.btn-group>.btn,
|
|
.input-group-btn:first-child>.dropdown-toggle,
|
|
.input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle),
|
|
.input-group-btn:last-child>.btn-group:not(:last-child)>.btn {
|
|
border-bottom-right-radius: 0;
|
|
border-top-right-radius: 0
|
|
}
|
|
|
|
.input-group-addon:first-child {
|
|
border-right: 0
|
|
}
|
|
|
|
.input-group .form-control:last-child,
|
|
.input-group-addon:last-child,
|
|
.input-group-btn:last-child>.btn,
|
|
.input-group-btn:last-child>.btn-group>.btn,
|
|
.input-group-btn:last-child>.dropdown-toggle,
|
|
.input-group-btn:first-child>.btn:not(:first-child),
|
|
.input-group-btn:first-child>.btn-group:not(:first-child)>.btn {
|
|
border-bottom-left-radius: 0;
|
|
border-top-left-radius: 0
|
|
}
|
|
|
|
.input-group-addon:last-child {
|
|
border-left: 0
|
|
}
|
|
|
|
.input-group-btn {
|
|
position: relative;
|
|
font-size: 0;
|
|
white-space: nowrap
|
|
}
|
|
|
|
.input-group-btn>.btn {
|
|
position: relative
|
|
}
|
|
|
|
.input-group-btn>.btn+.btn {
|
|
margin-left: -1px
|
|
}
|
|
|
|
.input-group-btn>.btn:hover,
|
|
.input-group-btn>.btn:focus,
|
|
.input-group-btn>.btn:active {
|
|
z-index: 2
|
|
}
|
|
|
|
.input-group-btn:first-child>.btn,
|
|
.input-group-btn:first-child>.btn-group {
|
|
margin-right: -1px
|
|
}
|
|
|
|
.input-group-btn:last-child>.btn,
|
|
.input-group-btn:last-child>.btn-group {
|
|
z-index: 2;
|
|
margin-left: -1px
|
|
}
|
|
|
|
.nav {
|
|
margin-bottom: 0;
|
|
padding-left: 0;
|
|
list-style: none
|
|
}
|
|
|
|
.nav>li {
|
|
position: relative;
|
|
display: block
|
|
}
|
|
|
|
.nav>li>a {
|
|
position: relative;
|
|
display: block;
|
|
padding: 10px 15px
|
|
}
|
|
|
|
.nav>li>a:hover,
|
|
.nav>li>a:focus {
|
|
text-decoration: none;
|
|
background-color: #eee
|
|
}
|
|
|
|
.nav>li.disabled>a {
|
|
color: #777
|
|
}
|
|
|
|
.nav>li.disabled>a:hover,
|
|
.nav>li.disabled>a:focus {
|
|
color: #777;
|
|
text-decoration: none;
|
|
background-color: transparent;
|
|
cursor: not-allowed
|
|
}
|
|
|
|
.nav .open>a,
|
|
.nav .open>a:hover,
|
|
.nav .open>a:focus {
|
|
background-color: #eee;
|
|
border-color: #337ab7
|
|
}
|
|
|
|
.nav .nav-divider {
|
|
height: 1px;
|
|
margin: 9px 0;
|
|
overflow: hidden;
|
|
background-color: #e5e5e5
|
|
}
|
|
|
|
.nav>li>a>img {
|
|
max-width: none
|
|
}
|
|
|
|
.nav-tabs {
|
|
border-bottom: 1px solid #ddd
|
|
}
|
|
|
|
.nav-tabs>li {
|
|
float: left;
|
|
margin-bottom: -1px
|
|
}
|
|
|
|
.nav-tabs>li>a {
|
|
margin-right: 2px;
|
|
line-height: 1.42857143;
|
|
border: 1px solid transparent;
|
|
border-radius: 4px 4px 0 0
|
|
}
|
|
|
|
.nav-tabs>li>a:hover {
|
|
border-color: #eee #eee #ddd
|
|
}
|
|
|
|
.nav-tabs>li.active>a,
|
|
.nav-tabs>li.active>a:hover,
|
|
.nav-tabs>li.active>a:focus {
|
|
color: #555;
|
|
background-color: #fff;
|
|
border: 1px solid #ddd;
|
|
border-bottom-color: transparent;
|
|
cursor: default
|
|
}
|
|
|
|
.nav-tabs.nav-justified {
|
|
width: 100%;
|
|
border-bottom: 0
|
|
}
|
|
|
|
.nav-tabs.nav-justified>li {
|
|
float: none
|
|
}
|
|
|
|
.nav-tabs.nav-justified>li>a {
|
|
text-align: center;
|
|
margin-bottom: 5px
|
|
}
|
|
|
|
.nav-tabs.nav-justified>.dropdown .dropdown-menu {
|
|
top: auto;
|
|
left: auto
|
|
}
|
|
|
|
@media (min-width:768px) {
|
|
.nav-tabs.nav-justified>li {
|
|
display: table-cell;
|
|
width: 1%
|
|
}
|
|
.nav-tabs.nav-justified>li>a {
|
|
margin-bottom: 0
|
|
}
|
|
}
|
|
|
|
.nav-tabs.nav-justified>li>a {
|
|
margin-right: 0;
|
|
border-radius: 4px
|
|
}
|
|
|
|
.nav-tabs.nav-justified>.active>a,
|
|
.nav-tabs.nav-justified>.active>a:hover,
|
|
.nav-tabs.nav-justified>.active>a:focus {
|
|
border: 1px solid #ddd
|
|
}
|
|
|
|
@media (min-width:768px) {
|
|
.nav-tabs.nav-justified>li>a {
|
|
border-bottom: 1px solid #ddd;
|
|
border-radius: 4px 4px 0 0
|
|
}
|
|
.nav-tabs.nav-justified>.active>a,
|
|
.nav-tabs.nav-justified>.active>a:hover,
|
|
.nav-tabs.nav-justified>.active>a:focus {
|
|
border-bottom-color: #fff
|
|
}
|
|
}
|
|
|
|
.nav-pills>li {
|
|
float: left
|
|
}
|
|
|
|
.nav-pills>li>a {
|
|
border-radius: 4px
|
|
}
|
|
|
|
.nav-pills>li+li {
|
|
margin-left: 2px
|
|
}
|
|
|
|
.nav-pills>li.active>a,
|
|
.nav-pills>li.active>a:hover,
|
|
.nav-pills>li.active>a:focus {
|
|
color: #fff;
|
|
background-color: #337ab7
|
|
}
|
|
|
|
.nav-stacked>li {
|
|
float: none
|
|
}
|
|
|
|
.nav-stacked>li+li {
|
|
margin-top: 2px;
|
|
margin-left: 0
|
|
}
|
|
|
|
.nav-justified {
|
|
width: 100%
|
|
}
|
|
|
|
.nav-justified>li {
|
|
float: none
|
|
}
|
|
|
|
.nav-justified>li>a {
|
|
text-align: center;
|
|
margin-bottom: 5px
|
|
}
|
|
|
|
.nav-justified>.dropdown .dropdown-menu {
|
|
top: auto;
|
|
left: auto
|
|
}
|
|
|
|
@media (min-width:768px) {
|
|
.nav-justified>li {
|
|
display: table-cell;
|
|
width: 1%
|
|
}
|
|
.nav-justified>li>a {
|
|
margin-bottom: 0
|
|
}
|
|
}
|
|
|
|
.nav-tabs-justified {
|
|
border-bottom: 0
|
|
}
|
|
|
|
.nav-tabs-justified>li>a {
|
|
margin-right: 0;
|
|
border-radius: 4px
|
|
}
|
|
|
|
.nav-tabs-justified>.active>a,
|
|
.nav-tabs-justified>.active>a:hover,
|
|
.nav-tabs-justified>.active>a:focus {
|
|
border: 1px solid #ddd
|
|
}
|
|
|
|
@media (min-width:768px) {
|
|
.nav-tabs-justified>li>a {
|
|
border-bottom: 1px solid #ddd;
|
|
border-radius: 4px 4px 0 0
|
|
}
|
|
.nav-tabs-justified>.active>a,
|
|
.nav-tabs-justified>.active>a:hover,
|
|
.nav-tabs-justified>.active>a:focus {
|
|
border-bottom-color: #fff
|
|
}
|
|
}
|
|
|
|
.tab-content>.tab-pane {
|
|
display: none
|
|
}
|
|
|
|
.tab-content>.active {
|
|
display: block
|
|
}
|
|
|
|
.nav-tabs .dropdown-menu {
|
|
margin-top: -1px;
|
|
border-top-right-radius: 0;
|
|
border-top-left-radius: 0
|
|
}
|
|
|
|
.navbar {
|
|
position: relative;
|
|
min-height: 50px;
|
|
margin-bottom: 20px;
|
|
border: 1px solid transparent
|
|
}
|
|
|
|
@media (min-width:768px) {
|
|
.navbar {
|
|
border-radius: 4px
|
|
}
|
|
}
|
|
|
|
@media (min-width:768px) {
|
|
.navbar-header {
|
|
float: left
|
|
}
|
|
}
|
|
|
|
.navbar-collapse {
|
|
overflow-x: visible;
|
|
padding-right: 15px;
|
|
padding-left: 15px;
|
|
border-top: 1px solid transparent;
|
|
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
|
|
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
|
|
-webkit-overflow-scrolling: touch
|
|
}
|
|
|
|
.navbar-collapse.in {
|
|
overflow-y: auto
|
|
}
|
|
|
|
@media (min-width:768px) {
|
|
.navbar-collapse {
|
|
width: auto;
|
|
border-top: 0;
|
|
-webkit-box-shadow: none;
|
|
box-shadow: none
|
|
}
|
|
.navbar-collapse.collapse {
|
|
display: block !important;
|
|
height: auto !important;
|
|
padding-bottom: 0;
|
|
overflow: visible !important
|
|
}
|
|
.navbar-collapse.in {
|
|
overflow-y: visible
|
|
}
|
|
.navbar-fixed-top .navbar-collapse,
|
|
.navbar-static-top .navbar-collapse,
|
|
.navbar-fixed-bottom .navbar-collapse {
|
|
padding-left: 0;
|
|
padding-right: 0
|
|
}
|
|
}
|
|
|
|
.navbar-fixed-top .navbar-collapse,
|
|
.navbar-fixed-bottom .navbar-collapse {
|
|
max-height: 340px
|
|
}
|
|
|
|
@media (max-device-width:480px) and (orientation:landscape) {
|
|
.navbar-fixed-top .navbar-collapse,
|
|
.navbar-fixed-bottom .navbar-collapse {
|
|
max-height: 200px
|
|
}
|
|
}
|
|
|
|
.container>.navbar-header,
|
|
.container-fluid>.navbar-header,
|
|
.container>.navbar-collapse,
|
|
.container-fluid>.navbar-collapse {
|
|
margin-right: -15px;
|
|
margin-left: -15px
|
|
}
|
|
|
|
@media (min-width:768px) {
|
|
.container>.navbar-header,
|
|
.container-fluid>.navbar-header,
|
|
.container>.navbar-collapse,
|
|
.container-fluid>.navbar-collapse {
|
|
margin-right: 0;
|
|
margin-left: 0
|
|
}
|
|
}
|
|
|
|
.navbar-static-top {
|
|
z-index: 1000;
|
|
border-width: 0 0 1px
|
|
}
|
|
|
|
@media (min-width:768px) {
|
|
.navbar-static-top {
|
|
border-radius: 0
|
|
}
|
|
}
|
|
|
|
.navbar-fixed-top,
|
|
.navbar-fixed-bottom {
|
|
position: fixed;
|
|
right: 0;
|
|
left: 0;
|
|
z-index: 1030
|
|
}
|
|
|
|
@media (min-width:768px) {
|
|
.navbar-fixed-top,
|
|
.navbar-fixed-bottom {
|
|
border-radius: 0
|
|
}
|
|
}
|
|
|
|
.navbar-fixed-top {
|
|
top: 0;
|
|
border-width: 0 0 1px
|
|
}
|
|
|
|
.navbar-fixed-bottom {
|
|
bottom: 0;
|
|
margin-bottom: 0;
|
|
border-width: 1px 0 0
|
|
}
|
|
|
|
.navbar-brand {
|
|
float: left;
|
|
padding: 15px 15px;
|
|
font-size: 18px;
|
|
line-height: 20px;
|
|
height: 50px
|
|
}
|
|
|
|
.navbar-brand:hover,
|
|
.navbar-brand:focus {
|
|
text-decoration: none
|
|
}
|
|
|
|
.navbar-brand>img {
|
|
display: block
|
|
}
|
|
|
|
@media (min-width:768px) {
|
|
.navbar>.container .navbar-brand,
|
|
.navbar>.container-fluid .navbar-brand {
|
|
margin-left: -15px
|
|
}
|
|
}
|
|
|
|
.navbar-toggle {
|
|
position: relative;
|
|
float: right;
|
|
margin-right: 15px;
|
|
padding: 9px 10px;
|
|
margin-top: 8px;
|
|
margin-bottom: 8px;
|
|
background-color: transparent;
|
|
background-image: none;
|
|
border: 1px solid transparent;
|
|
border-radius: 4px
|
|
}
|
|
|
|
.navbar-toggle:focus {
|
|
outline: 0
|
|
}
|
|
|
|
.navbar-toggle .icon-bar {
|
|
display: block;
|
|
width: 22px;
|
|
height: 2px;
|
|
border-radius: 1px
|
|
}
|
|
|
|
.navbar-toggle .icon-bar+.icon-bar {
|
|
margin-top: 4px
|
|
}
|
|
|
|
@media (min-width:768px) {
|
|
.navbar-toggle {
|
|
display: none
|
|
}
|
|
}
|
|
|
|
.navbar-nav {
|
|
margin: 7.5px -15px
|
|
}
|
|
|
|
.navbar-nav>li>a {
|
|
padding-top: 10px;
|
|
padding-bottom: 10px;
|
|
line-height: 20px
|
|
}
|
|
|
|
@media (max-width:767px) {
|
|
.navbar-nav .open .dropdown-menu {
|
|
position: static;
|
|
float: none;
|
|
width: auto;
|
|
margin-top: 0;
|
|
background-color: transparent;
|
|
border: 0;
|
|
-webkit-box-shadow: none;
|
|
box-shadow: none
|
|
}
|
|
.navbar-nav .open .dropdown-menu>li>a,
|
|
.navbar-nav .open .dropdown-menu .dropdown-header {
|
|
padding: 5px 15px 5px 25px
|
|
}
|
|
.navbar-nav .open .dropdown-menu>li>a {
|
|
line-height: 20px
|
|
}
|
|
.navbar-nav .open .dropdown-menu>li>a:hover,
|
|
.navbar-nav .open .dropdown-menu>li>a:focus {
|
|
background-image: none
|
|
}
|
|
}
|
|
|
|
@media (min-width:768px) {
|
|
.navbar-nav {
|
|
float: left;
|
|
margin: 0
|
|
}
|
|
.navbar-nav>li {
|
|
float: left
|
|
}
|
|
.navbar-nav>li>a {
|
|
padding-top: 15px;
|
|
padding-bottom: 15px
|
|
}
|
|
}
|
|
|
|
.navbar-form {
|
|
margin-left: -15px;
|
|
margin-right: -15px;
|
|
padding: 10px 15px;
|
|
border-top: 1px solid transparent;
|
|
border-bottom: 1px solid transparent;
|
|
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
|
|
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
|
|
margin-top: 8px;
|
|
margin-bottom: 8px
|
|
}
|
|
|
|
@media (min-width:768px) {
|
|
.navbar-form .form-group {
|
|
display: inline-block;
|
|
margin-bottom: 0;
|
|
vertical-align: middle
|
|
}
|
|
.navbar-form .form-control {
|
|
display: inline-block;
|
|
width: auto;
|
|
vertical-align: middle
|
|
}
|
|
.navbar-form .form-control-static {
|
|
display: inline-block
|
|
}
|
|
.navbar-form .input-group {
|
|
display: inline-table;
|
|
vertical-align: middle
|
|
}
|
|
.navbar-form .input-group .input-group-addon,
|
|
.navbar-form .input-group .input-group-btn,
|
|
.navbar-form .input-group .form-control {
|
|
width: auto
|
|
}
|
|
.navbar-form .input-group>.form-control {
|
|
width: 100%
|
|
}
|
|
.navbar-form .control-label {
|
|
margin-bottom: 0;
|
|
vertical-align: middle
|
|
}
|
|
.navbar-form .radio,
|
|
.navbar-form .checkbox {
|
|
display: inline-block;
|
|
margin-top: 0;
|
|
margin-bottom: 0;
|
|
vertical-align: middle
|
|
}
|
|
.navbar-form .radio label,
|
|
.navbar-form .checkbox label {
|
|
padding-left: 0
|
|
}
|
|
.navbar-form .radio input[type="radio"],
|
|
.navbar-form .checkbox input[type="checkbox"] {
|
|
position: relative;
|
|
margin-left: 0
|
|
}
|
|
.navbar-form .has-feedback .form-control-feedback {
|
|
top: 0
|
|
}
|
|
}
|
|
|
|
@media (max-width:767px) {
|
|
.navbar-form .form-group {
|
|
margin-bottom: 5px
|
|
}
|
|
.navbar-form .form-group:last-child {
|
|
margin-bottom: 0
|
|
}
|
|
}
|
|
|
|
@media (min-width:768px) {
|
|
.navbar-form {
|
|
width: auto;
|
|
border: 0;
|
|
margin-left: 0;
|
|
margin-right: 0;
|
|
padding-top: 0;
|
|
padding-bottom: 0;
|
|
-webkit-box-shadow: none;
|
|
box-shadow: none
|
|
}
|
|
}
|
|
|
|
.navbar-nav>li>.dropdown-menu {
|
|
margin-top: 0;
|
|
border-top-right-radius: 0;
|
|
border-top-left-radius: 0
|
|
}
|
|
|
|
.navbar-fixed-bottom .navbar-nav>li>.dropdown-menu {
|
|
margin-bottom: 0;
|
|
border-top-right-radius: 4px;
|
|
border-top-left-radius: 4px;
|
|
border-bottom-right-radius: 0;
|
|
border-bottom-left-radius: 0
|
|
}
|
|
|
|
.navbar-btn {
|
|
margin-top: 8px;
|
|
margin-bottom: 8px
|
|
}
|
|
|
|
.navbar-btn.btn-sm {
|
|
margin-top: 10px;
|
|
margin-bottom: 10px
|
|
}
|
|
|
|
.navbar-btn.btn-xs {
|
|
margin-top: 14px;
|
|
margin-bottom: 14px
|
|
}
|
|
|
|
.navbar-text {
|
|
margin-top: 15px;
|
|
margin-bottom: 15px
|
|
}
|
|
|
|
@media (min-width:768px) {
|
|
.navbar-text {
|
|
float: left;
|
|
margin-left: 15px;
|
|
margin-right: 15px
|
|
}
|
|
}
|
|
|
|
@media (min-width:768px) {
|
|
.navbar-left {
|
|
float: left !important
|
|
}
|
|
.navbar-right {
|
|
float: right !important;
|
|
margin-right: -15px
|
|
}
|
|
.navbar-right~.navbar-right {
|
|
margin-right: 0
|
|
}
|
|
}
|
|
|
|
.navbar-default {
|
|
background-color: #f8f8f8;
|
|
border-color: #e7e7e7
|
|
}
|
|
|
|
.navbar-default .navbar-brand {
|
|
color: #777
|
|
}
|
|
|
|
.navbar-default .navbar-brand:hover,
|
|
.navbar-default .navbar-brand:focus {
|
|
color: #5e5e5e;
|
|
background-color: transparent
|
|
}
|
|
|
|
.navbar-default .navbar-text {
|
|
color: #777
|
|
}
|
|
|
|
.navbar-default .navbar-nav>li>a {
|
|
color: #777
|
|
}
|
|
|
|
.navbar-default .navbar-nav>li>a:hover,
|
|
.navbar-default .navbar-nav>li>a:focus {
|
|
color: #333;
|
|
background-color: transparent
|
|
}
|
|
|
|
.navbar-default .navbar-nav>.active>a,
|
|
.navbar-default .navbar-nav>.active>a:hover,
|
|
.navbar-default .navbar-nav>.active>a:focus {
|
|
color: #555;
|
|
background-color: #e7e7e7
|
|
}
|
|
|
|
.navbar-default .navbar-nav>.disabled>a,
|
|
.navbar-default .navbar-nav>.disabled>a:hover,
|
|
.navbar-default .navbar-nav>.disabled>a:focus {
|
|
color: #ccc;
|
|
background-color: transparent
|
|
}
|
|
|
|
.navbar-default .navbar-toggle {
|
|
border-color: #ddd
|
|
}
|
|
|
|
.navbar-default .navbar-toggle:hover,
|
|
.navbar-default .navbar-toggle:focus {
|
|
background-color: #ddd
|
|
}
|
|
|
|
.navbar-default .navbar-toggle .icon-bar {
|
|
background-color: #888
|
|
}
|
|
|
|
.navbar-default .navbar-collapse,
|
|
.navbar-default .navbar-form {
|
|
border-color: #e7e7e7
|
|
}
|
|
|
|
.navbar-default .navbar-nav>.open>a,
|
|
.navbar-default .navbar-nav>.open>a:hover,
|
|
.navbar-default .navbar-nav>.open>a:focus {
|
|
background-color: #e7e7e7;
|
|
color: #555
|
|
}
|
|
|
|
@media (max-width:767px) {
|
|
.navbar-default .navbar-nav .open .dropdown-menu>li>a {
|
|
color: #777
|
|
}
|
|
.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover,
|
|
.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus {
|
|
color: #333;
|
|
background-color: transparent
|
|
}
|
|
.navbar-default .navbar-nav .open .dropdown-menu>.active>a,
|
|
.navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover,
|
|
.navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus {
|
|
color: #555;
|
|
background-color: #e7e7e7
|
|
}
|
|
.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a,
|
|
.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover,
|
|
.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus {
|
|
color: #ccc;
|
|
background-color: transparent
|
|
}
|
|
}
|
|
|
|
.navbar-default .navbar-link {
|
|
color: #777
|
|
}
|
|
|
|
.navbar-default .navbar-link:hover {
|
|
color: #333
|
|
}
|
|
|
|
.navbar-default .btn-link {
|
|
color: #777
|
|
}
|
|
|
|
.navbar-default .btn-link:hover,
|
|
.navbar-default .btn-link:focus {
|
|
color: #333
|
|
}
|
|
|
|
.navbar-default .btn-link[disabled]:hover,
|
|
fieldset[disabled] .navbar-default .btn-link:hover,
|
|
.navbar-default .btn-link[disabled]:focus,
|
|
fieldset[disabled] .navbar-default .btn-link:focus {
|
|
color: #ccc
|
|
}
|
|
|
|
.navbar-inverse {
|
|
background-color: #222;
|
|
border-color: #080808
|
|
}
|
|
|
|
.navbar-inverse .navbar-brand {
|
|
color: #9d9d9d
|
|
}
|
|
|
|
.navbar-inverse .navbar-brand:hover,
|
|
.navbar-inverse .navbar-brand:focus {
|
|
color: #fff;
|
|
background-color: transparent
|
|
}
|
|
|
|
.navbar-inverse .navbar-text {
|
|
color: #9d9d9d
|
|
}
|
|
|
|
.navbar-inverse .navbar-nav>li>a {
|
|
color: #9d9d9d
|
|
}
|
|
|
|
.navbar-inverse .navbar-nav>li>a:hover,
|
|
.navbar-inverse .navbar-nav>li>a:focus {
|
|
color: #fff;
|
|
background-color: transparent
|
|
}
|
|
|
|
.navbar-inverse .navbar-nav>.active>a,
|
|
.navbar-inverse .navbar-nav>.active>a:hover,
|
|
.navbar-inverse .navbar-nav>.active>a:focus {
|
|
color: #fff;
|
|
background-color: #080808
|
|
}
|
|
|
|
.navbar-inverse .navbar-nav>.disabled>a,
|
|
.navbar-inverse .navbar-nav>.disabled>a:hover,
|
|
.navbar-inverse .navbar-nav>.disabled>a:focus {
|
|
color: #444;
|
|
background-color: transparent
|
|
}
|
|
|
|
.navbar-inverse .navbar-toggle {
|
|
border-color: #333
|
|
}
|
|
|
|
.navbar-inverse .navbar-toggle:hover,
|
|
.navbar-inverse .navbar-toggle:focus {
|
|
background-color: #333
|
|
}
|
|
|
|
.navbar-inverse .navbar-toggle .icon-bar {
|
|
background-color: #fff
|
|
}
|
|
|
|
.navbar-inverse .navbar-collapse,
|
|
.navbar-inverse .navbar-form {
|
|
border-color: #101010
|
|
}
|
|
|
|
.navbar-inverse .navbar-nav>.open>a,
|
|
.navbar-inverse .navbar-nav>.open>a:hover,
|
|
.navbar-inverse .navbar-nav>.open>a:focus {
|
|
background-color: #080808;
|
|
color: #fff
|
|
}
|
|
|
|
@media (max-width:767px) {
|
|
.navbar-inverse .navbar-nav .open .dropdown-menu>.dropdown-header {
|
|
border-color: #080808
|
|
}
|
|
.navbar-inverse .navbar-nav .open .dropdown-menu .divider {
|
|
background-color: #080808
|
|
}
|
|
.navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
|
|
color: #9d9d9d
|
|
}
|
|
.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover,
|
|
.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus {
|
|
color: #fff;
|
|
background-color: transparent
|
|
}
|
|
.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a,
|
|
.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover,
|
|
.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus {
|
|
color: #fff;
|
|
background-color: #080808
|
|
}
|
|
.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a,
|
|
.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:hover,
|
|
.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:focus {
|
|
color: #444;
|
|
background-color: transparent
|
|
}
|
|
}
|
|
|
|
.navbar-inverse .navbar-link {
|
|
color: #9d9d9d
|
|
}
|
|
|
|
.navbar-inverse .navbar-link:hover {
|
|
color: #fff
|
|
}
|
|
|
|
.navbar-inverse .btn-link {
|
|
color: #9d9d9d
|
|
}
|
|
|
|
.navbar-inverse .btn-link:hover,
|
|
.navbar-inverse .btn-link:focus {
|
|
color: #fff
|
|
}
|
|
|
|
.navbar-inverse .btn-link[disabled]:hover,
|
|
fieldset[disabled] .navbar-inverse .btn-link:hover,
|
|
.navbar-inverse .btn-link[disabled]:focus,
|
|
fieldset[disabled] .navbar-inverse .btn-link:focus {
|
|
color: #444
|
|
}
|
|
|
|
.breadcrumb {
|
|
padding: 8px 15px;
|
|
margin-bottom: 20px;
|
|
list-style: none;
|
|
background-color: #f5f5f5;
|
|
border-radius: 4px
|
|
}
|
|
|
|
.breadcrumb>li {
|
|
display: inline-block
|
|
}
|
|
|
|
.breadcrumb>li+li:before {
|
|
content: "/\00a0";
|
|
padding: 0 5px;
|
|
color: #ccc
|
|
}
|
|
|
|
.breadcrumb>.active {
|
|
color: #777
|
|
}
|
|
|
|
.pagination {
|
|
display: inline-block;
|
|
padding-left: 0;
|
|
margin: 20px 0;
|
|
border-radius: 4px
|
|
}
|
|
|
|
.pagination>li {
|
|
display: inline
|
|
}
|
|
|
|
.pagination>li>a,
|
|
.pagination>li>span {
|
|
position: relative;
|
|
float: left;
|
|
padding: 6px 12px;
|
|
line-height: 1.42857143;
|
|
text-decoration: none;
|
|
color: #337ab7;
|
|
background-color: #fff;
|
|
border: 1px solid #ddd;
|
|
margin-left: -1px
|
|
}
|
|
|
|
.pagination>li:first-child>a,
|
|
.pagination>li:first-child>span {
|
|
margin-left: 0;
|
|
border-bottom-left-radius: 4px;
|
|
border-top-left-radius: 4px
|
|
}
|
|
|
|
.pagination>li:last-child>a,
|
|
.pagination>li:last-child>span {
|
|
border-bottom-right-radius: 4px;
|
|
border-top-right-radius: 4px
|
|
}
|
|
|
|
.pagination>li>a:hover,
|
|
.pagination>li>span:hover,
|
|
.pagination>li>a:focus,
|
|
.pagination>li>span:focus {
|
|
z-index: 3;
|
|
color: #23527c;
|
|
background-color: #eee;
|
|
border-color: #ddd
|
|
}
|
|
|
|
.pagination>.active>a,
|
|
.pagination>.active>span,
|
|
.pagination>.active>a:hover,
|
|
.pagination>.active>span:hover,
|
|
.pagination>.active>a:focus,
|
|
.pagination>.active>span:focus {
|
|
z-index: 2;
|
|
color: #fff;
|
|
background-color: #337ab7;
|
|
border-color: #337ab7;
|
|
cursor: default
|
|
}
|
|
|
|
.pagination>.disabled>span,
|
|
.pagination>.disabled>span:hover,
|
|
.pagination>.disabled>span:focus,
|
|
.pagination>.disabled>a,
|
|
.pagination>.disabled>a:hover,
|
|
.pagination>.disabled>a:focus {
|
|
color: #777;
|
|
background-color: #fff;
|
|
border-color: #ddd;
|
|
cursor: not-allowed
|
|
}
|
|
|
|
.pagination-lg>li>a,
|
|
.pagination-lg>li>span {
|
|
padding: 10px 16px;
|
|
font-size: 18px;
|
|
line-height: 1.3333333
|
|
}
|
|
|
|
.pagination-lg>li:first-child>a,
|
|
.pagination-lg>li:first-child>span {
|
|
border-bottom-left-radius: 6px;
|
|
border-top-left-radius: 6px
|
|
}
|
|
|
|
.pagination-lg>li:last-child>a,
|
|
.pagination-lg>li:last-child>span {
|
|
border-bottom-right-radius: 6px;
|
|
border-top-right-radius: 6px
|
|
}
|
|
|
|
.pagination-sm>li>a,
|
|
.pagination-sm>li>span {
|
|
padding: 5px 10px;
|
|
font-size: 12px;
|
|
line-height: 1.5
|
|
}
|
|
|
|
.pagination-sm>li:first-child>a,
|
|
.pagination-sm>li:first-child>span {
|
|
border-bottom-left-radius: 3px;
|
|
border-top-left-radius: 3px
|
|
}
|
|
|
|
.pagination-sm>li:last-child>a,
|
|
.pagination-sm>li:last-child>span {
|
|
border-bottom-right-radius: 3px;
|
|
border-top-right-radius: 3px
|
|
}
|
|
|
|
.pager {
|
|
padding-left: 0;
|
|
margin: 20px 0;
|
|
list-style: none;
|
|
text-align: center
|
|
}
|
|
|
|
.pager li {
|
|
display: inline
|
|
}
|
|
|
|
.pager li>a,
|
|
.pager li>span {
|
|
display: inline-block;
|
|
padding: 5px 14px;
|
|
background-color: #fff;
|
|
border: 1px solid #ddd;
|
|
border-radius: 15px
|
|
}
|
|
|
|
.pager li>a:hover,
|
|
.pager li>a:focus {
|
|
text-decoration: none;
|
|
background-color: #eee
|
|
}
|
|
|
|
.pager .next>a,
|
|
.pager .next>span {
|
|
float: right
|
|
}
|
|
|
|
.pager .previous>a,
|
|
.pager .previous>span {
|
|
float: left
|
|
}
|
|
|
|
.pager .disabled>a,
|
|
.pager .disabled>a:hover,
|
|
.pager .disabled>a:focus,
|
|
.pager .disabled>span {
|
|
color: #777;
|
|
background-color: #fff;
|
|
cursor: not-allowed
|
|
}
|
|
|
|
.label {
|
|
display: inline;
|
|
padding: .2em .6em .3em;
|
|
font-size: 75%;
|
|
font-weight: bold;
|
|
line-height: 1;
|
|
color: #fff;
|
|
text-align: center;
|
|
white-space: nowrap;
|
|
vertical-align: baseline;
|
|
border-radius: .25em
|
|
}
|
|
|
|
a.label:hover,
|
|
a.label:focus {
|
|
color: #fff;
|
|
text-decoration: none;
|
|
cursor: pointer
|
|
}
|
|
|
|
.label:empty {
|
|
display: none
|
|
}
|
|
|
|
.btn .label {
|
|
position: relative;
|
|
top: -1px
|
|
}
|
|
|
|
.label-default {
|
|
background-color: #777
|
|
}
|
|
|
|
.label-default[href]:hover,
|
|
.label-default[href]:focus {
|
|
background-color: #5e5e5e
|
|
}
|
|
|
|
.label-primary {
|
|
background-color: #337ab7
|
|
}
|
|
|
|
.label-primary[href]:hover,
|
|
.label-primary[href]:focus {
|
|
background-color: #286090
|
|
}
|
|
|
|
.label-success {
|
|
background-color: #5cb85c
|
|
}
|
|
|
|
.label-success[href]:hover,
|
|
.label-success[href]:focus {
|
|
background-color: #449d44
|
|
}
|
|
|
|
.label-info {
|
|
background-color: #5bc0de
|
|
}
|
|
|
|
.label-info[href]:hover,
|
|
.label-info[href]:focus {
|
|
background-color: #31b0d5
|
|
}
|
|
|
|
.label-warning {
|
|
background-color: #f0ad4e
|
|
}
|
|
|
|
.label-warning[href]:hover,
|
|
.label-warning[href]:focus {
|
|
background-color: #ec971f
|
|
}
|
|
|
|
.label-danger {
|
|
background-color: #d9534f
|
|
}
|
|
|
|
.label-danger[href]:hover,
|
|
.label-danger[href]:focus {
|
|
background-color: #c9302c
|
|
}
|
|
|
|
.badge {
|
|
display: inline-block;
|
|
min-width: 10px;
|
|
padding: 3px 7px;
|
|
font-size: 12px;
|
|
font-weight: bold;
|
|
color: #fff;
|
|
line-height: 1;
|
|
vertical-align: middle;
|
|
white-space: nowrap;
|
|
text-align: center;
|
|
background-color: #777;
|
|
border-radius: 10px
|
|
}
|
|
|
|
.badge:empty {
|
|
display: none
|
|
}
|
|
|
|
.btn .badge {
|
|
position: relative;
|
|
top: -1px
|
|
}
|
|
|
|
.btn-xs .badge,
|
|
.btn-group-xs>.btn .badge {
|
|
top: 0;
|
|
padding: 1px 5px
|
|
}
|
|
|
|
a.badge:hover,
|
|
a.badge:focus {
|
|
color: #fff;
|
|
text-decoration: none;
|
|
cursor: pointer
|
|
}
|
|
|
|
.list-group-item.active>.badge,
|
|
.nav-pills>.active>a>.badge {
|
|
color: #337ab7;
|
|
background-color: #fff
|
|
}
|
|
|
|
.list-group-item>.badge {
|
|
float: right
|
|
}
|
|
|
|
.list-group-item>.badge+.badge {
|
|
margin-right: 5px
|
|
}
|
|
|
|
.nav-pills>li>a>.badge {
|
|
margin-left: 3px
|
|
}
|
|
|
|
.jumbotron {
|
|
padding-top: 30px;
|
|
padding-bottom: 30px;
|
|
margin-bottom: 30px;
|
|
color: inherit;
|
|
background-color: #eee
|
|
}
|
|
|
|
.jumbotron h1,
|
|
.jumbotron .h1 {
|
|
color: inherit
|
|
}
|
|
|
|
.jumbotron p {
|
|
margin-bottom: 15px;
|
|
font-size: 21px;
|
|
font-weight: 200
|
|
}
|
|
|
|
.jumbotron>hr {
|
|
border-top-color: #d5d5d5
|
|
}
|
|
|
|
.container .jumbotron,
|
|
.container-fluid .jumbotron {
|
|
border-radius: 6px
|
|
}
|
|
|
|
.jumbotron .container {
|
|
max-width: 100%
|
|
}
|
|
|
|
@media screen and (min-width:768px) {
|
|
.jumbotron {
|
|
padding-top: 48px;
|
|
padding-bottom: 48px
|
|
}
|
|
.container .jumbotron,
|
|
.container-fluid .jumbotron {
|
|
padding-left: 60px;
|
|
padding-right: 60px
|
|
}
|
|
.jumbotron h1,
|
|
.jumbotron .h1 {
|
|
font-size: 63px
|
|
}
|
|
}
|
|
|
|
.thumbnail {
|
|
display: block;
|
|
padding: 4px;
|
|
margin-bottom: 20px;
|
|
line-height: 1.42857143;
|
|
background-color: #fff;
|
|
border: 1px solid #ddd;
|
|
border-radius: 4px;
|
|
-webkit-transition: border .2s ease-in-out;
|
|
-o-transition: border .2s ease-in-out;
|
|
transition: border .2s ease-in-out
|
|
}
|
|
|
|
.thumbnail>img,
|
|
.thumbnail a>img {
|
|
margin-left: auto;
|
|
margin-right: auto
|
|
}
|
|
|
|
a.thumbnail:hover,
|
|
a.thumbnail:focus,
|
|
a.thumbnail.active {
|
|
border-color: #337ab7
|
|
}
|
|
|
|
.thumbnail .caption {
|
|
padding: 9px;
|
|
color: #333
|
|
}
|
|
|
|
.alert {
|
|
padding: 15px;
|
|
margin-bottom: 20px;
|
|
border: 1px solid transparent;
|
|
border-radius: 4px
|
|
}
|
|
|
|
.alert h4 {
|
|
margin-top: 0;
|
|
color: inherit
|
|
}
|
|
|
|
.alert .alert-link {
|
|
font-weight: bold
|
|
}
|
|
|
|
.alert>p,
|
|
.alert>ul {
|
|
margin-bottom: 0
|
|
}
|
|
|
|
.alert>p+p {
|
|
margin-top: 5px
|
|
}
|
|
|
|
.alert-dismissable,
|
|
.alert-dismissible {
|
|
padding-right: 35px
|
|
}
|
|
|
|
.alert-dismissable .close,
|
|
.alert-dismissible .close {
|
|
position: relative;
|
|
top: -2px;
|
|
right: -21px;
|
|
color: inherit
|
|
}
|
|
|
|
.alert-success {
|
|
background-color: #dff0d8;
|
|
border-color: #d6e9c6;
|
|
color: #3c763d
|
|
}
|
|
|
|
.alert-success hr {
|
|
border-top-color: #c9e2b3
|
|
}
|
|
|
|
.alert-success .alert-link {
|
|
color: #2b542c
|
|
}
|
|
|
|
.alert-info {
|
|
background-color: #d9edf7;
|
|
border-color: #bce8f1;
|
|
color: #31708f
|
|
}
|
|
|
|
.alert-info hr {
|
|
border-top-color: #a6e1ec
|
|
}
|
|
|
|
.alert-info .alert-link {
|
|
color: #245269
|
|
}
|
|
|
|
.alert-warning {
|
|
background-color: #fcf8e3;
|
|
border-color: #faebcc;
|
|
color: #8a6d3b
|
|
}
|
|
|
|
.alert-warning hr {
|
|
border-top-color: #f7e1b5
|
|
}
|
|
|
|
.alert-warning .alert-link {
|
|
color: #66512c
|
|
}
|
|
|
|
.alert-danger {
|
|
background-color: #f2dede;
|
|
border-color: #ebccd1;
|
|
color: #a94442
|
|
}
|
|
|
|
.alert-danger hr {
|
|
border-top-color: #e4b9c0
|
|
}
|
|
|
|
.alert-danger .alert-link {
|
|
color: #843534
|
|
}
|
|
|
|
@-webkit-keyframes progress-bar-stripes {
|
|
from {
|
|
background-position: 40px 0
|
|
}
|
|
to {
|
|
background-position: 0 0
|
|
}
|
|
}
|
|
|
|
@-o-keyframes progress-bar-stripes {
|
|
from {
|
|
background-position: 40px 0
|
|
}
|
|
to {
|
|
background-position: 0 0
|
|
}
|
|
}
|
|
|
|
@keyframes progress-bar-stripes {
|
|
from {
|
|
background-position: 40px 0
|
|
}
|
|
to {
|
|
background-position: 0 0
|
|
}
|
|
}
|
|
|
|
.progress {
|
|
overflow: hidden;
|
|
height: 20px;
|
|
margin-bottom: 20px;
|
|
background-color: #f5f5f5;
|
|
border-radius: 4px;
|
|
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
|
|
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1)
|
|
}
|
|
|
|
.progress-bar {
|
|
float: left;
|
|
width: 0%;
|
|
height: 100%;
|
|
font-size: 12px;
|
|
line-height: 20px;
|
|
color: #fff;
|
|
text-align: center;
|
|
background-color: #337ab7;
|
|
-webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
|
|
box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
|
|
-webkit-transition: width .6s ease;
|
|
-o-transition: width .6s ease;
|
|
transition: width .6s ease
|
|
}
|
|
|
|
.progress-striped .progress-bar,
|
|
.progress-bar-striped {
|
|
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
|
|
background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
|
|
background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
|
|
-webkit-background-size: 40px 40px;
|
|
background-size: 40px 40px
|
|
}
|
|
|
|
.progress.active .progress-bar,
|
|
.progress-bar.active {
|
|
-webkit-animation: progress-bar-stripes 2s linear infinite;
|
|
-o-animation: progress-bar-stripes 2s linear infinite;
|
|
animation: progress-bar-stripes 2s linear infinite
|
|
}
|
|
|
|
.progress-bar-success {
|
|
background-color: #5cb85c
|
|
}
|
|
|
|
.progress-striped .progress-bar-success {
|
|
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
|
|
background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
|
|
background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent)
|
|
}
|
|
|
|
.progress-bar-info {
|
|
background-color: #5bc0de
|
|
}
|
|
|
|
.progress-striped .progress-bar-info {
|
|
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
|
|
background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
|
|
background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent)
|
|
}
|
|
|
|
.progress-bar-warning {
|
|
background-color: #f0ad4e
|
|
}
|
|
|
|
.progress-striped .progress-bar-warning {
|
|
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
|
|
background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
|
|
background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent)
|
|
}
|
|
|
|
.progress-bar-danger {
|
|
background-color: #d9534f
|
|
}
|
|
|
|
.progress-striped .progress-bar-danger {
|
|
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
|
|
background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
|
|
background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent)
|
|
}
|
|
|
|
.media {
|
|
margin-top: 15px
|
|
}
|
|
|
|
.media:first-child {
|
|
margin-top: 0
|
|
}
|
|
|
|
.media,
|
|
.media-body {
|
|
zoom: 1;
|
|
overflow: hidden
|
|
}
|
|
|
|
.media-body {
|
|
width: 10000px
|
|
}
|
|
|
|
.media-object {
|
|
display: block
|
|
}
|
|
|
|
.media-object.img-thumbnail {
|
|
max-width: none
|
|
}
|
|
|
|
.media-right,
|
|
.media>.pull-right {
|
|
padding-left: 10px
|
|
}
|
|
|
|
.media-left,
|
|
.media>.pull-left {
|
|
padding-right: 10px
|
|
}
|
|
|
|
.media-left,
|
|
.media-right,
|
|
.media-body {
|
|
display: table-cell;
|
|
vertical-align: top
|
|
}
|
|
|
|
.media-middle {
|
|
vertical-align: middle
|
|
}
|
|
|
|
.media-bottom {
|
|
vertical-align: bottom
|
|
}
|
|
|
|
.media-heading {
|
|
margin-top: 0;
|
|
margin-bottom: 5px
|
|
}
|
|
|
|
.media-list {
|
|
padding-left: 0;
|
|
list-style: none
|
|
}
|
|
|
|
.list-group {
|
|
margin-bottom: 20px;
|
|
padding-left: 0
|
|
}
|
|
|
|
.list-group-item {
|
|
position: relative;
|
|
display: block;
|
|
padding: 10px 15px;
|
|
margin-bottom: -1px;
|
|
background-color: #fff;
|
|
border: 1px solid #ddd
|
|
}
|
|
|
|
.list-group-item:first-child {
|
|
border-top-right-radius: 4px;
|
|
border-top-left-radius: 4px
|
|
}
|
|
|
|
.list-group-item:last-child {
|
|
margin-bottom: 0;
|
|
border-bottom-right-radius: 4px;
|
|
border-bottom-left-radius: 4px
|
|
}
|
|
|
|
a.list-group-item,
|
|
button.list-group-item {
|
|
color: #555
|
|
}
|
|
|
|
a.list-group-item .list-group-item-heading,
|
|
button.list-group-item .list-group-item-heading {
|
|
color: #333
|
|
}
|
|
|
|
a.list-group-item:hover,
|
|
button.list-group-item:hover,
|
|
a.list-group-item:focus,
|
|
button.list-group-item:focus {
|
|
text-decoration: none;
|
|
color: #555;
|
|
background-color: #f5f5f5
|
|
}
|
|
|
|
button.list-group-item {
|
|
width: 100%;
|
|
text-align: left
|
|
}
|
|
|
|
.list-group-item.disabled,
|
|
.list-group-item.disabled:hover,
|
|
.list-group-item.disabled:focus {
|
|
background-color: #eee;
|
|
color: #777;
|
|
cursor: not-allowed
|
|
}
|
|
|
|
.list-group-item.disabled .list-group-item-heading,
|
|
.list-group-item.disabled:hover .list-group-item-heading,
|
|
.list-group-item.disabled:focus .list-group-item-heading {
|
|
color: inherit
|
|
}
|
|
|
|
.list-group-item.disabled .list-group-item-text,
|
|
.list-group-item.disabled:hover .list-group-item-text,
|
|
.list-group-item.disabled:focus .list-group-item-text {
|
|
color: #777
|
|
}
|
|
|
|
.list-group-item.active,
|
|
.list-group-item.active:hover,
|
|
.list-group-item.active:focus {
|
|
z-index: 2;
|
|
color: #fff;
|
|
background-color: #337ab7;
|
|
border-color: #337ab7
|
|
}
|
|
|
|
.list-group-item.active .list-group-item-heading,
|
|
.list-group-item.active:hover .list-group-item-heading,
|
|
.list-group-item.active:focus .list-group-item-heading,
|
|
.list-group-item.active .list-group-item-heading>small,
|
|
.list-group-item.active:hover .list-group-item-heading>small,
|
|
.list-group-item.active:focus .list-group-item-heading>small,
|
|
.list-group-item.active .list-group-item-heading>.small,
|
|
.list-group-item.active:hover .list-group-item-heading>.small,
|
|
.list-group-item.active:focus .list-group-item-heading>.small {
|
|
color: inherit
|
|
}
|
|
|
|
.list-group-item.active .list-group-item-text,
|
|
.list-group-item.active:hover .list-group-item-text,
|
|
.list-group-item.active:focus .list-group-item-text {
|
|
color: #c7ddef
|
|
}
|
|
|
|
.list-group-item-success {
|
|
color: #3c763d;
|
|
background-color: #dff0d8
|
|
}
|
|
|
|
a.list-group-item-success,
|
|
button.list-group-item-success {
|
|
color: #3c763d
|
|
}
|
|
|
|
a.list-group-item-success .list-group-item-heading,
|
|
button.list-group-item-success .list-group-item-heading {
|
|
color: inherit
|
|
}
|
|
|
|
a.list-group-item-success:hover,
|
|
button.list-group-item-success:hover,
|
|
a.list-group-item-success:focus,
|
|
button.list-group-item-success:focus {
|
|
color: #3c763d;
|
|
background-color: #d0e9c6
|
|
}
|
|
|
|
a.list-group-item-success.active,
|
|
button.list-group-item-success.active,
|
|
a.list-group-item-success.active:hover,
|
|
button.list-group-item-success.active:hover,
|
|
a.list-group-item-success.active:focus,
|
|
button.list-group-item-success.active:focus {
|
|
color: #fff;
|
|
background-color: #3c763d;
|
|
border-color: #3c763d
|
|
}
|
|
|
|
.list-group-item-info {
|
|
color: #31708f;
|
|
background-color: #d9edf7
|
|
}
|
|
|
|
a.list-group-item-info,
|
|
button.list-group-item-info {
|
|
color: #31708f
|
|
}
|
|
|
|
a.list-group-item-info .list-group-item-heading,
|
|
button.list-group-item-info .list-group-item-heading {
|
|
color: inherit
|
|
}
|
|
|
|
a.list-group-item-info:hover,
|
|
button.list-group-item-info:hover,
|
|
a.list-group-item-info:focus,
|
|
button.list-group-item-info:focus {
|
|
color: #31708f;
|
|
background-color: #c4e3f3
|
|
}
|
|
|
|
a.list-group-item-info.active,
|
|
button.list-group-item-info.active,
|
|
a.list-group-item-info.active:hover,
|
|
button.list-group-item-info.active:hover,
|
|
a.list-group-item-info.active:focus,
|
|
button.list-group-item-info.active:focus {
|
|
color: #fff;
|
|
background-color: #31708f;
|
|
border-color: #31708f
|
|
}
|
|
|
|
.list-group-item-warning {
|
|
color: #8a6d3b;
|
|
background-color: #fcf8e3
|
|
}
|
|
|
|
a.list-group-item-warning,
|
|
button.list-group-item-warning {
|
|
color: #8a6d3b
|
|
}
|
|
|
|
a.list-group-item-warning .list-group-item-heading,
|
|
button.list-group-item-warning .list-group-item-heading {
|
|
color: inherit
|
|
}
|
|
|
|
a.list-group-item-warning:hover,
|
|
button.list-group-item-warning:hover,
|
|
a.list-group-item-warning:focus,
|
|
button.list-group-item-warning:focus {
|
|
color: #8a6d3b;
|
|
background-color: #faf2cc
|
|
}
|
|
|
|
a.list-group-item-warning.active,
|
|
button.list-group-item-warning.active,
|
|
a.list-group-item-warning.active:hover,
|
|
button.list-group-item-warning.active:hover,
|
|
a.list-group-item-warning.active:focus,
|
|
button.list-group-item-warning.active:focus {
|
|
color: #fff;
|
|
background-color: #8a6d3b;
|
|
border-color: #8a6d3b
|
|
}
|
|
|
|
.list-group-item-danger {
|
|
color: #a94442;
|
|
background-color: #f2dede
|
|
}
|
|
|
|
a.list-group-item-danger,
|
|
button.list-group-item-danger {
|
|
color: #a94442
|
|
}
|
|
|
|
a.list-group-item-danger .list-group-item-heading,
|
|
button.list-group-item-danger .list-group-item-heading {
|
|
color: inherit
|
|
}
|
|
|
|
a.list-group-item-danger:hover,
|
|
button.list-group-item-danger:hover,
|
|
a.list-group-item-danger:focus,
|
|
button.list-group-item-danger:focus {
|
|
color: #a94442;
|
|
background-color: #ebcccc
|
|
}
|
|
|
|
a.list-group-item-danger.active,
|
|
button.list-group-item-danger.active,
|
|
a.list-group-item-danger.active:hover,
|
|
button.list-group-item-danger.active:hover,
|
|
a.list-group-item-danger.active:focus,
|
|
button.list-group-item-danger.active:focus {
|
|
color: #fff;
|
|
background-color: #a94442;
|
|
border-color: #a94442
|
|
}
|
|
|
|
.list-group-item-heading {
|
|
margin-top: 0;
|
|
margin-bottom: 5px
|
|
}
|
|
|
|
.list-group-item-text {
|
|
margin-bottom: 0;
|
|
line-height: 1.3
|
|
}
|
|
|
|
.panel {
|
|
margin-bottom: 20px;
|
|
background-color: #fff;
|
|
border: 1px solid transparent;
|
|
border-radius: 4px;
|
|
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
|
|
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05)
|
|
}
|
|
|
|
.panel-body {
|
|
padding: 15px
|
|
}
|
|
|
|
.panel-heading {
|
|
padding: 10px 15px;
|
|
border-bottom: 1px solid transparent;
|
|
border-top-right-radius: 3px;
|
|
border-top-left-radius: 3px
|
|
}
|
|
|
|
.panel-heading>.dropdown .dropdown-toggle {
|
|
color: inherit
|
|
}
|
|
|
|
.panel-title {
|
|
margin-top: 0;
|
|
margin-bottom: 0;
|
|
font-size: 16px;
|
|
color: inherit
|
|
}
|
|
|
|
.panel-title>a,
|
|
.panel-title>small,
|
|
.panel-title>.small,
|
|
.panel-title>small>a,
|
|
.panel-title>.small>a {
|
|
color: inherit
|
|
}
|
|
|
|
.panel-footer {
|
|
padding: 10px 15px;
|
|
background-color: #f5f5f5;
|
|
border-top: 1px solid #ddd;
|
|
border-bottom-right-radius: 3px;
|
|
border-bottom-left-radius: 3px
|
|
}
|
|
|
|
.panel>.list-group,
|
|
.panel>.panel-collapse>.list-group {
|
|
margin-bottom: 0
|
|
}
|
|
|
|
.panel>.list-group .list-group-item,
|
|
.panel>.panel-collapse>.list-group .list-group-item {
|
|
border-width: 1px 0;
|
|
border-radius: 0
|
|
}
|
|
|
|
.panel>.list-group:first-child .list-group-item:first-child,
|
|
.panel>.panel-collapse>.list-group:first-child .list-group-item:first-child {
|
|
border-top: 0;
|
|
border-top-right-radius: 3px;
|
|
border-top-left-radius: 3px
|
|
}
|
|
|
|
.panel>.list-group:last-child .list-group-item:last-child,
|
|
.panel>.panel-collapse>.list-group:last-child .list-group-item:last-child {
|
|
border-bottom: 0;
|
|
border-bottom-right-radius: 3px;
|
|
border-bottom-left-radius: 3px
|
|
}
|
|
|
|
.panel>.panel-heading+.panel-collapse>.list-group .list-group-item:first-child {
|
|
border-top-right-radius: 0;
|
|
border-top-left-radius: 0
|
|
}
|
|
|
|
.panel-heading+.list-group .list-group-item:first-child {
|
|
border-top-width: 0
|
|
}
|
|
|
|
.list-group+.panel-footer {
|
|
border-top-width: 0
|
|
}
|
|
|
|
.panel>.table,
|
|
.panel>.table-responsive>.table,
|
|
.panel>.panel-collapse>.table {
|
|
margin-bottom: 0
|
|
}
|
|
|
|
.panel>.table caption,
|
|
.panel>.table-responsive>.table caption,
|
|
.panel>.panel-collapse>.table caption {
|
|
padding-left: 15px;
|
|
padding-right: 15px
|
|
}
|
|
|
|
.panel>.table:first-child,
|
|
.panel>.table-responsive:first-child>.table:first-child {
|
|
border-top-right-radius: 3px;
|
|
border-top-left-radius: 3px
|
|
}
|
|
|
|
.panel>.table:first-child>thead:first-child>tr:first-child,
|
|
.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child,
|
|
.panel>.table:first-child>tbody:first-child>tr:first-child,
|
|
.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child {
|
|
border-top-left-radius: 3px;
|
|
border-top-right-radius: 3px
|
|
}
|
|
|
|
.panel>.table:first-child>thead:first-child>tr:first-child td:first-child,
|
|
.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:first-child,
|
|
.panel>.table:first-child>tbody:first-child>tr:first-child td:first-child,
|
|
.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:first-child,
|
|
.panel>.table:first-child>thead:first-child>tr:first-child th:first-child,
|
|
.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:first-child,
|
|
.panel>.table:first-child>tbody:first-child>tr:first-child th:first-child,
|
|
.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:first-child {
|
|
border-top-left-radius: 3px
|
|
}
|
|
|
|
.panel>.table:first-child>thead:first-child>tr:first-child td:last-child,
|
|
.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:last-child,
|
|
.panel>.table:first-child>tbody:first-child>tr:first-child td:last-child,
|
|
.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:last-child,
|
|
.panel>.table:first-child>thead:first-child>tr:first-child th:last-child,
|
|
.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:last-child,
|
|
.panel>.table:first-child>tbody:first-child>tr:first-child th:last-child,
|
|
.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:last-child {
|
|
border-top-right-radius: 3px
|
|
}
|
|
|
|
.panel>.table:last-child,
|
|
.panel>.table-responsive:last-child>.table:last-child {
|
|
border-bottom-right-radius: 3px;
|
|
border-bottom-left-radius: 3px
|
|
}
|
|
|
|
.panel>.table:last-child>tbody:last-child>tr:last-child,
|
|
.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child,
|
|
.panel>.table:last-child>tfoot:last-child>tr:last-child,
|
|
.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child {
|
|
border-bottom-left-radius: 3px;
|
|
border-bottom-right-radius: 3px
|
|
}
|
|
|
|
.panel>.table:last-child>tbody:last-child>tr:last-child td:first-child,
|
|
.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:first-child,
|
|
.panel>.table:last-child>tfoot:last-child>tr:last-child td:first-child,
|
|
.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:first-child,
|
|
.panel>.table:last-child>tbody:last-child>tr:last-child th:first-child,
|
|
.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:first-child,
|
|
.panel>.table:last-child>tfoot:last-child>tr:last-child th:first-child,
|
|
.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:first-child {
|
|
border-bottom-left-radius: 3px
|
|
}
|
|
|
|
.panel>.table:last-child>tbody:last-child>tr:last-child td:last-child,
|
|
.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:last-child,
|
|
.panel>.table:last-child>tfoot:last-child>tr:last-child td:last-child,
|
|
.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:last-child,
|
|
.panel>.table:last-child>tbody:last-child>tr:last-child th:last-child,
|
|
.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:last-child,
|
|
.panel>.table:last-child>tfoot:last-child>tr:last-child th:last-child,
|
|
.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:last-child {
|
|
border-bottom-right-radius: 3px
|
|
}
|
|
|
|
.panel>.panel-body+.table,
|
|
.panel>.panel-body+.table-responsive,
|
|
.panel>.table+.panel-body,
|
|
.panel>.table-responsive+.panel-body {
|
|
border-top: 1px solid #ddd
|
|
}
|
|
|
|
.panel>.table>tbody:first-child>tr:first-child th,
|
|
.panel>.table>tbody:first-child>tr:first-child td {
|
|
border-top: 0
|
|
}
|
|
|
|
.panel>.table-bordered,
|
|
.panel>.table-responsive>.table-bordered {
|
|
border: 0
|
|
}
|
|
|
|
.panel>.table-bordered>thead>tr>th:first-child,
|
|
.panel>.table-responsive>.table-bordered>thead>tr>th:first-child,
|
|
.panel>.table-bordered>tbody>tr>th:first-child,
|
|
.panel>.table-responsive>.table-bordered>tbody>tr>th:first-child,
|
|
.panel>.table-bordered>tfoot>tr>th:first-child,
|
|
.panel>.table-responsive>.table-bordered>tfoot>tr>th:first-child,
|
|
.panel>.table-bordered>thead>tr>td:first-child,
|
|
.panel>.table-responsive>.table-bordered>thead>tr>td:first-child,
|
|
.panel>.table-bordered>tbody>tr>td:first-child,
|
|
.panel>.table-responsive>.table-bordered>tbody>tr>td:first-child,
|
|
.panel>.table-bordered>tfoot>tr>td:first-child,
|
|
.panel>.table-responsive>.table-bordered>tfoot>tr>td:first-child {
|
|
border-left: 0
|
|
}
|
|
|
|
.panel>.table-bordered>thead>tr>th:last-child,
|
|
.panel>.table-responsive>.table-bordered>thead>tr>th:last-child,
|
|
.panel>.table-bordered>tbody>tr>th:last-child,
|
|
.panel>.table-responsive>.table-bordered>tbody>tr>th:last-child,
|
|
.panel>.table-bordered>tfoot>tr>th:last-child,
|
|
.panel>.table-responsive>.table-bordered>tfoot>tr>th:last-child,
|
|
.panel>.table-bordered>thead>tr>td:last-child,
|
|
.panel>.table-responsive>.table-bordered>thead>tr>td:last-child,
|
|
.panel>.table-bordered>tbody>tr>td:last-child,
|
|
.panel>.table-responsive>.table-bordered>tbody>tr>td:last-child,
|
|
.panel>.table-bordered>tfoot>tr>td:last-child,
|
|
.panel>.table-responsive>.table-bordered>tfoot>tr>td:last-child {
|
|
border-right: 0
|
|
}
|
|
|
|
.panel>.table-bordered>thead>tr:first-child>td,
|
|
.panel>.table-responsive>.table-bordered>thead>tr:first-child>td,
|
|
.panel>.table-bordered>tbody>tr:first-child>td,
|
|
.panel>.table-responsive>.table-bordered>tbody>tr:first-child>td,
|
|
.panel>.table-bordered>thead>tr:first-child>th,
|
|
.panel>.table-responsive>.table-bordered>thead>tr:first-child>th,
|
|
.panel>.table-bordered>tbody>tr:first-child>th,
|
|
.panel>.table-responsive>.table-bordered>tbody>tr:first-child>th {
|
|
border-bottom: 0
|
|
}
|
|
|
|
.panel>.table-bordered>tbody>tr:last-child>td,
|
|
.panel>.table-responsive>.table-bordered>tbody>tr:last-child>td,
|
|
.panel>.table-bordered>tfoot>tr:last-child>td,
|
|
.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>td,
|
|
.panel>.table-bordered>tbody>tr:last-child>th,
|
|
.panel>.table-responsive>.table-bordered>tbody>tr:last-child>th,
|
|
.panel>.table-bordered>tfoot>tr:last-child>th,
|
|
.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>th {
|
|
border-bottom: 0
|
|
}
|
|
|
|
.panel>.table-responsive {
|
|
border: 0;
|
|
margin-bottom: 0
|
|
}
|
|
|
|
.panel-group {
|
|
margin-bottom: 20px
|
|
}
|
|
|
|
.panel-group .panel {
|
|
margin-bottom: 0;
|
|
border-radius: 4px
|
|
}
|
|
|
|
.panel-group .panel+.panel {
|
|
margin-top: 5px
|
|
}
|
|
|
|
.panel-group .panel-heading {
|
|
border-bottom: 0
|
|
}
|
|
|
|
.panel-group .panel-heading+.panel-collapse>.panel-body,
|
|
.panel-group .panel-heading+.panel-collapse>.list-group {
|
|
border-top: 1px solid #ddd
|
|
}
|
|
|
|
.panel-group .panel-footer {
|
|
border-top: 0
|
|
}
|
|
|
|
.panel-group .panel-footer+.panel-collapse .panel-body {
|
|
border-bottom: 1px solid #ddd
|
|
}
|
|
|
|
.panel-default {
|
|
border-color: #ddd
|
|
}
|
|
|
|
.panel-default>.panel-heading {
|
|
color: #333;
|
|
background-color: #f5f5f5;
|
|
border-color: #ddd
|
|
}
|
|
|
|
.panel-default>.panel-heading+.panel-collapse>.panel-body {
|
|
border-top-color: #ddd
|
|
}
|
|
|
|
.panel-default>.panel-heading .badge {
|
|
color: #f5f5f5;
|
|
background-color: #333
|
|
}
|
|
|
|
.panel-default>.panel-footer+.panel-collapse>.panel-body {
|
|
border-bottom-color: #ddd
|
|
}
|
|
|
|
.panel-primary {
|
|
border-color: #337ab7
|
|
}
|
|
|
|
.panel-primary>.panel-heading {
|
|
color: #fff;
|
|
background-color: #337ab7;
|
|
border-color: #337ab7
|
|
}
|
|
|
|
.panel-primary>.panel-heading+.panel-collapse>.panel-body {
|
|
border-top-color: #337ab7
|
|
}
|
|
|
|
.panel-primary>.panel-heading .badge {
|
|
color: #337ab7;
|
|
background-color: #fff
|
|
}
|
|
|
|
.panel-primary>.panel-footer+.panel-collapse>.panel-body {
|
|
border-bottom-color: #337ab7
|
|
}
|
|
|
|
.panel-success {
|
|
border-color: #d6e9c6
|
|
}
|
|
|
|
.panel-success>.panel-heading {
|
|
color: #3c763d;
|
|
background-color: #dff0d8;
|
|
border-color: #d6e9c6
|
|
}
|
|
|
|
.panel-success>.panel-heading+.panel-collapse>.panel-body {
|
|
border-top-color: #d6e9c6
|
|
}
|
|
|
|
.panel-success>.panel-heading .badge {
|
|
color: #dff0d8;
|
|
background-color: #3c763d
|
|
}
|
|
|
|
.panel-success>.panel-footer+.panel-collapse>.panel-body {
|
|
border-bottom-color: #d6e9c6
|
|
}
|
|
|
|
.panel-info {
|
|
border-color: #bce8f1
|
|
}
|
|
|
|
.panel-info>.panel-heading {
|
|
color: #31708f;
|
|
background-color: #d9edf7;
|
|
border-color: #bce8f1
|
|
}
|
|
|
|
.panel-info>.panel-heading+.panel-collapse>.panel-body {
|
|
border-top-color: #bce8f1
|
|
}
|
|
|
|
.panel-info>.panel-heading .badge {
|
|
color: #d9edf7;
|
|
background-color: #31708f
|
|
}
|
|
|
|
.panel-info>.panel-footer+.panel-collapse>.panel-body {
|
|
border-bottom-color: #bce8f1
|
|
}
|
|
|
|
.panel-warning {
|
|
border-color: #faebcc
|
|
}
|
|
|
|
.panel-warning>.panel-heading {
|
|
color: #8a6d3b;
|
|
background-color: #fcf8e3;
|
|
border-color: #faebcc
|
|
}
|
|
|
|
.panel-warning>.panel-heading+.panel-collapse>.panel-body {
|
|
border-top-color: #faebcc
|
|
}
|
|
|
|
.panel-warning>.panel-heading .badge {
|
|
color: #fcf8e3;
|
|
background-color: #8a6d3b
|
|
}
|
|
|
|
.panel-warning>.panel-footer+.panel-collapse>.panel-body {
|
|
border-bottom-color: #faebcc
|
|
}
|
|
|
|
.panel-danger {
|
|
border-color: #ebccd1
|
|
}
|
|
|
|
.panel-danger>.panel-heading {
|
|
color: #a94442;
|
|
background-color: #f2dede;
|
|
border-color: #ebccd1
|
|
}
|
|
|
|
.panel-danger>.panel-heading+.panel-collapse>.panel-body {
|
|
border-top-color: #ebccd1
|
|
}
|
|
|
|
.panel-danger>.panel-heading .badge {
|
|
color: #f2dede;
|
|
background-color: #a94442
|
|
}
|
|
|
|
.panel-danger>.panel-footer+.panel-collapse>.panel-body {
|
|
border-bottom-color: #ebccd1
|
|
}
|
|
|
|
.embed-responsive {
|
|
position: relative;
|
|
display: block;
|
|
height: 0;
|
|
padding: 0;
|
|
overflow: hidden
|
|
}
|
|
|
|
.embed-responsive .embed-responsive-item,
|
|
.embed-responsive iframe,
|
|
.embed-responsive embed,
|
|
.embed-responsive object,
|
|
.embed-responsive video {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
bottom: 0;
|
|
height: 100%;
|
|
width: 100%;
|
|
border: 0
|
|
}
|
|
|
|
.embed-responsive-16by9 {
|
|
padding-bottom: 56.25%
|
|
}
|
|
|
|
.embed-responsive-4by3 {
|
|
padding-bottom: 75%
|
|
}
|
|
|
|
.well {
|
|
min-height: 20px;
|
|
padding: 19px;
|
|
margin-bottom: 20px;
|
|
background-color: #f5f5f5;
|
|
border: 1px solid #e3e3e3;
|
|
border-radius: 4px;
|
|
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
|
|
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05)
|
|
}
|
|
|
|
.well blockquote {
|
|
border-color: #ddd;
|
|
border-color: rgba(0, 0, 0, 0.15)
|
|
}
|
|
|
|
.well-lg {
|
|
padding: 24px;
|
|
border-radius: 6px
|
|
}
|
|
|
|
.well-sm {
|
|
padding: 9px;
|
|
border-radius: 3px
|
|
}
|
|
|
|
.close {
|
|
float: right;
|
|
font-size: 21px;
|
|
font-weight: bold;
|
|
line-height: 1;
|
|
color: #000;
|
|
text-shadow: 0 1px 0 #fff;
|
|
opacity: .2;
|
|
filter: alpha(opacity=20)
|
|
}
|
|
|
|
.close:hover,
|
|
.close:focus {
|
|
color: #000;
|
|
text-decoration: none;
|
|
cursor: pointer;
|
|
opacity: .5;
|
|
filter: alpha(opacity=50)
|
|
}
|
|
|
|
button.close {
|
|
padding: 0;
|
|
cursor: pointer;
|
|
background: transparent;
|
|
border: 0;
|
|
-webkit-appearance: none
|
|
}
|
|
|
|
.modal-open {
|
|
overflow: hidden
|
|
}
|
|
|
|
.modal {
|
|
display: none;
|
|
overflow: hidden;
|
|
position: fixed;
|
|
top: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
z-index: 1050;
|
|
-webkit-overflow-scrolling: touch;
|
|
outline: 0
|
|
}
|
|
|
|
.modal.fade .modal-dialog {
|
|
-webkit-transform: translate(0, -25%);
|
|
-ms-transform: translate(0, -25%);
|
|
-o-transform: translate(0, -25%);
|
|
transform: translate(0, -25%);
|
|
-webkit-transition: -webkit-transform 0.3s ease-out;
|
|
-o-transition: -o-transform 0.3s ease-out;
|
|
transition: transform 0.3s ease-out
|
|
}
|
|
|
|
.modal.in .modal-dialog {
|
|
-webkit-transform: translate(0, 0);
|
|
-ms-transform: translate(0, 0);
|
|
-o-transform: translate(0, 0);
|
|
transform: translate(0, 0)
|
|
}
|
|
|
|
.modal-open .modal {
|
|
overflow-x: hidden;
|
|
overflow-y: auto
|
|
}
|
|
|
|
.modal-dialog {
|
|
position: relative;
|
|
width: auto;
|
|
margin: 10px
|
|
}
|
|
|
|
.modal-content {
|
|
position: relative;
|
|
background-color: #fff;
|
|
border: 1px solid #999;
|
|
border: 1px solid rgba(0, 0, 0, 0.2);
|
|
border-radius: 6px;
|
|
-webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
|
|
box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
|
|
-webkit-background-clip: padding-box;
|
|
background-clip: padding-box;
|
|
outline: 0
|
|
}
|
|
|
|
.modal-backdrop {
|
|
position: fixed;
|
|
top: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
z-index: 1040;
|
|
background-color: #000
|
|
}
|
|
|
|
.modal-backdrop.fade {
|
|
opacity: 0;
|
|
filter: alpha(opacity=0)
|
|
}
|
|
|
|
.modal-backdrop.in {
|
|
opacity: .5;
|
|
filter: alpha(opacity=50)
|
|
}
|
|
|
|
.modal-header {
|
|
padding: 15px;
|
|
border-bottom: 1px solid #e5e5e5;
|
|
min-height: 16.42857143px
|
|
}
|
|
|
|
.modal-header .close {
|
|
margin-top: -2px
|
|
}
|
|
|
|
.modal-title {
|
|
margin: 0;
|
|
line-height: 1.42857143
|
|
}
|
|
|
|
.modal-body {
|
|
position: relative;
|
|
padding: 15px
|
|
}
|
|
|
|
.modal-footer {
|
|
padding: 15px;
|
|
text-align: right;
|
|
border-top: 1px solid #e5e5e5
|
|
}
|
|
|
|
.modal-footer .btn+.btn {
|
|
margin-left: 5px;
|
|
margin-bottom: 0
|
|
}
|
|
|
|
.modal-footer .btn-group .btn+.btn {
|
|
margin-left: -1px
|
|
}
|
|
|
|
.modal-footer .btn-block+.btn-block {
|
|
margin-left: 0
|
|
}
|
|
|
|
.modal-scrollbar-measure {
|
|
position: absolute;
|
|
top: -9999px;
|
|
width: 50px;
|
|
height: 50px;
|
|
overflow: scroll
|
|
}
|
|
|
|
@media (min-width:768px) {
|
|
.modal-dialog {
|
|
width: 600px;
|
|
margin: 30px auto
|
|
}
|
|
.modal-content {
|
|
-webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
|
|
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5)
|
|
}
|
|
.modal-sm {
|
|
width: 300px
|
|
}
|
|
}
|
|
|
|
@media (min-width:992px) {
|
|
.modal-lg {
|
|
width: 900px
|
|
}
|
|
}
|
|
|
|
.tooltip {
|
|
position: absolute;
|
|
z-index: 1070;
|
|
display: block;
|
|
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
|
|
font-style: normal;
|
|
font-weight: normal;
|
|
letter-spacing: normal;
|
|
line-break: auto;
|
|
line-height: 1.42857143;
|
|
text-align: left;
|
|
text-align: start;
|
|
text-decoration: none;
|
|
text-shadow: none;
|
|
text-transform: none;
|
|
white-space: normal;
|
|
word-break: normal;
|
|
word-spacing: normal;
|
|
word-wrap: normal;
|
|
font-size: 12px;
|
|
opacity: 0;
|
|
filter: alpha(opacity=0)
|
|
}
|
|
|
|
.tooltip.in {
|
|
opacity: .9;
|
|
filter: alpha(opacity=90)
|
|
}
|
|
|
|
.tooltip.top {
|
|
margin-top: -3px;
|
|
padding: 5px 0
|
|
}
|
|
|
|
.tooltip.right {
|
|
margin-left: 3px;
|
|
padding: 0 5px
|
|
}
|
|
|
|
.tooltip.bottom {
|
|
margin-top: 3px;
|
|
padding: 5px 0
|
|
}
|
|
|
|
.tooltip.left {
|
|
margin-left: -3px;
|
|
padding: 0 5px
|
|
}
|
|
|
|
.tooltip-inner {
|
|
max-width: 200px;
|
|
padding: 3px 8px;
|
|
color: #fff;
|
|
text-align: center;
|
|
background-color: #000;
|
|
border-radius: 4px
|
|
}
|
|
|
|
.tooltip-arrow {
|
|
position: absolute;
|
|
width: 0;
|
|
height: 0;
|
|
border-color: transparent;
|
|
border-style: solid
|
|
}
|
|
|
|
.tooltip.top .tooltip-arrow {
|
|
bottom: 0;
|
|
left: 50%;
|
|
margin-left: -5px;
|
|
border-width: 5px 5px 0;
|
|
border-top-color: #000
|
|
}
|
|
|
|
.tooltip.top-left .tooltip-arrow {
|
|
bottom: 0;
|
|
right: 5px;
|
|
margin-bottom: -5px;
|
|
border-width: 5px 5px 0;
|
|
border-top-color: #000
|
|
}
|
|
|
|
.tooltip.top-right .tooltip-arrow {
|
|
bottom: 0;
|
|
left: 5px;
|
|
margin-bottom: -5px;
|
|
border-width: 5px 5px 0;
|
|
border-top-color: #000
|
|
}
|
|
|
|
.tooltip.right .tooltip-arrow {
|
|
top: 50%;
|
|
left: 0;
|
|
margin-top: -5px;
|
|
border-width: 5px 5px 5px 0;
|
|
border-right-color: #000
|
|
}
|
|
|
|
.tooltip.left .tooltip-arrow {
|
|
top: 50%;
|
|
right: 0;
|
|
margin-top: -5px;
|
|
border-width: 5px 0 5px 5px;
|
|
border-left-color: #000
|
|
}
|
|
|
|
.tooltip.bottom .tooltip-arrow {
|
|
top: 0;
|
|
left: 50%;
|
|
margin-left: -5px;
|
|
border-width: 0 5px 5px;
|
|
border-bottom-color: #000
|
|
}
|
|
|
|
.tooltip.bottom-left .tooltip-arrow {
|
|
top: 0;
|
|
right: 5px;
|
|
margin-top: -5px;
|
|
border-width: 0 5px 5px;
|
|
border-bottom-color: #000
|
|
}
|
|
|
|
.tooltip.bottom-right .tooltip-arrow {
|
|
top: 0;
|
|
left: 5px;
|
|
margin-top: -5px;
|
|
border-width: 0 5px 5px;
|
|
border-bottom-color: #000
|
|
}
|
|
|
|
.popover {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
z-index: 1060;
|
|
display: none;
|
|
max-width: 276px;
|
|
padding: 1px;
|
|
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
|
|
font-style: normal;
|
|
font-weight: normal;
|
|
letter-spacing: normal;
|
|
line-break: auto;
|
|
line-height: 1.42857143;
|
|
text-align: left;
|
|
text-align: start;
|
|
text-decoration: none;
|
|
text-shadow: none;
|
|
text-transform: none;
|
|
white-space: normal;
|
|
word-break: normal;
|
|
word-spacing: normal;
|
|
word-wrap: normal;
|
|
font-size: 14px;
|
|
background-color: #fff;
|
|
-webkit-background-clip: padding-box;
|
|
background-clip: padding-box;
|
|
border: 1px solid #ccc;
|
|
border: 1px solid rgba(0, 0, 0, 0.2);
|
|
border-radius: 6px;
|
|
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
|
|
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2)
|
|
}
|
|
|
|
.popover.top {
|
|
margin-top: -10px
|
|
}
|
|
|
|
.popover.right {
|
|
margin-left: 10px
|
|
}
|
|
|
|
.popover.bottom {
|
|
margin-top: 10px
|
|
}
|
|
|
|
.popover.left {
|
|
margin-left: -10px
|
|
}
|
|
|
|
.popover-title {
|
|
margin: 0;
|
|
padding: 8px 14px;
|
|
font-size: 14px;
|
|
background-color: #f7f7f7;
|
|
border-bottom: 1px solid #ebebeb;
|
|
border-radius: 5px 5px 0 0
|
|
}
|
|
|
|
.popover-content {
|
|
padding: 9px 14px
|
|
}
|
|
|
|
.popover>.arrow,
|
|
.popover>.arrow:after {
|
|
position: absolute;
|
|
display: block;
|
|
width: 0;
|
|
height: 0;
|
|
border-color: transparent;
|
|
border-style: solid
|
|
}
|
|
|
|
.popover>.arrow {
|
|
border-width: 11px
|
|
}
|
|
|
|
.popover>.arrow:after {
|
|
border-width: 10px;
|
|
content: ""
|
|
}
|
|
|
|
.popover.top>.arrow {
|
|
left: 50%;
|
|
margin-left: -11px;
|
|
border-bottom-width: 0;
|
|
border-top-color: #999;
|
|
border-top-color: rgba(0, 0, 0, 0.25);
|
|
bottom: -11px
|
|
}
|
|
|
|
.popover.top>.arrow:after {
|
|
content: " ";
|
|
bottom: 1px;
|
|
margin-left: -10px;
|
|
border-bottom-width: 0;
|
|
border-top-color: #fff
|
|
}
|
|
|
|
.popover.right>.arrow {
|
|
top: 50%;
|
|
left: -11px;
|
|
margin-top: -11px;
|
|
border-left-width: 0;
|
|
border-right-color: #999;
|
|
border-right-color: rgba(0, 0, 0, 0.25)
|
|
}
|
|
|
|
.popover.right>.arrow:after {
|
|
content: " ";
|
|
left: 1px;
|
|
bottom: -10px;
|
|
border-left-width: 0;
|
|
border-right-color: #fff
|
|
}
|
|
|
|
.popover.bottom>.arrow {
|
|
left: 50%;
|
|
margin-left: -11px;
|
|
border-top-width: 0;
|
|
border-bottom-color: #999;
|
|
border-bottom-color: rgba(0, 0, 0, 0.25);
|
|
top: -11px
|
|
}
|
|
|
|
.popover.bottom>.arrow:after {
|
|
content: " ";
|
|
top: 1px;
|
|
margin-left: -10px;
|
|
border-top-width: 0;
|
|
border-bottom-color: #fff
|
|
}
|
|
|
|
.popover.left>.arrow {
|
|
top: 50%;
|
|
right: -11px;
|
|
margin-top: -11px;
|
|
border-right-width: 0;
|
|
border-left-color: #999;
|
|
border-left-color: rgba(0, 0, 0, 0.25)
|
|
}
|
|
|
|
.popover.left>.arrow:after {
|
|
content: " ";
|
|
right: 1px;
|
|
border-right-width: 0;
|
|
border-left-color: #fff;
|
|
bottom: -10px
|
|
}
|
|
|
|
.carousel {
|
|
position: relative
|
|
}
|
|
|
|
.carousel-inner {
|
|
position: relative;
|
|
overflow: hidden;
|
|
width: 100%
|
|
}
|
|
|
|
.carousel-inner>.item {
|
|
display: none;
|
|
position: relative;
|
|
-webkit-transition: .6s ease-in-out left;
|
|
-o-transition: .6s ease-in-out left;
|
|
transition: .6s ease-in-out left
|
|
}
|
|
|
|
.carousel-inner>.item>img,
|
|
.carousel-inner>.item>a>img {
|
|
line-height: 1
|
|
}
|
|
|
|
@media all and (transform-3d),
|
|
(-webkit-transform-3d) {
|
|
.carousel-inner>.item {
|
|
-webkit-transition: -webkit-transform 0.6s ease-in-out;
|
|
-o-transition: -o-transform 0.6s ease-in-out;
|
|
transition: transform 0.6s ease-in-out;
|
|
-webkit-backface-visibility: hidden;
|
|
backface-visibility: hidden;
|
|
-webkit-perspective: 1000px;
|
|
perspective: 1000px
|
|
}
|
|
.carousel-inner>.item.next,
|
|
.carousel-inner>.item.active.right {
|
|
-webkit-transform: translate3d(100%, 0, 0);
|
|
transform: translate3d(100%, 0, 0);
|
|
left: 0
|
|
}
|
|
.carousel-inner>.item.prev,
|
|
.carousel-inner>.item.active.left {
|
|
-webkit-transform: translate3d(-100%, 0, 0);
|
|
transform: translate3d(-100%, 0, 0);
|
|
left: 0
|
|
}
|
|
.carousel-inner>.item.next.left,
|
|
.carousel-inner>.item.prev.right,
|
|
.carousel-inner>.item.active {
|
|
-webkit-transform: translate3d(0, 0, 0);
|
|
transform: translate3d(0, 0, 0);
|
|
left: 0
|
|
}
|
|
}
|
|
|
|
.carousel-inner>.active,
|
|
.carousel-inner>.next,
|
|
.carousel-inner>.prev {
|
|
display: block
|
|
}
|
|
|
|
.carousel-inner>.active {
|
|
left: 0
|
|
}
|
|
|
|
.carousel-inner>.next,
|
|
.carousel-inner>.prev {
|
|
position: absolute;
|
|
top: 0;
|
|
width: 100%
|
|
}
|
|
|
|
.carousel-inner>.next {
|
|
left: 100%
|
|
}
|
|
|
|
.carousel-inner>.prev {
|
|
left: -100%
|
|
}
|
|
|
|
.carousel-inner>.next.left,
|
|
.carousel-inner>.prev.right {
|
|
left: 0
|
|
}
|
|
|
|
.carousel-inner>.active.left {
|
|
left: -100%
|
|
}
|
|
|
|
.carousel-inner>.active.right {
|
|
left: 100%
|
|
}
|
|
|
|
.carousel-control {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
bottom: 0;
|
|
width: 15%;
|
|
opacity: .5;
|
|
filter: alpha(opacity=50);
|
|
font-size: 20px;
|
|
color: #fff;
|
|
text-align: center;
|
|
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6)
|
|
}
|
|
|
|
.carousel-control.left {
|
|
background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5) 0, rgba(0, 0, 0, 0.0001) 100%);
|
|
background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5) 0, rgba(0, 0, 0, 0.0001) 100%);
|
|
background-image: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.0001)));
|
|
background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0, rgba(0, 0, 0, 0.0001) 100%);
|
|
background-repeat: repeat-x;
|
|
filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1)
|
|
}
|
|
|
|
.carousel-control.right {
|
|
left: auto;
|
|
right: 0;
|
|
background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0, rgba(0, 0, 0, 0.5) 100%);
|
|
background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0, rgba(0, 0, 0, 0.5) 100%);
|
|
background-image: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(0, 0, 0, 0.0001)), to(rgba(0, 0, 0, 0.5)));
|
|
background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0, rgba(0, 0, 0, 0.5) 100%);
|
|
background-repeat: repeat-x;
|
|
filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1)
|
|
}
|
|
|
|
.carousel-control:hover,
|
|
.carousel-control:focus {
|
|
outline: 0;
|
|
color: #fff;
|
|
text-decoration: none;
|
|
opacity: .9;
|
|
filter: alpha(opacity=90)
|
|
}
|
|
|
|
.carousel-control .icon-prev,
|
|
.carousel-control .icon-next,
|
|
.carousel-control .glyphicon-chevron-left,
|
|
.carousel-control .glyphicon-chevron-right {
|
|
position: absolute;
|
|
top: 50%;
|
|
margin-top: -10px;
|
|
z-index: 5;
|
|
display: inline-block
|
|
}
|
|
|
|
.carousel-control .icon-prev,
|
|
.carousel-control .glyphicon-chevron-left {
|
|
left: 50%;
|
|
margin-left: -10px
|
|
}
|
|
|
|
.carousel-control .icon-next,
|
|
.carousel-control .glyphicon-chevron-right {
|
|
right: 50%;
|
|
margin-right: -10px
|
|
}
|
|
|
|
.carousel-control .icon-prev,
|
|
.carousel-control .icon-next {
|
|
width: 20px;
|
|
height: 20px;
|
|
line-height: 1;
|
|
font-family: serif
|
|
}
|
|
|
|
.carousel-control .icon-prev:before {
|
|
content: '\2039'
|
|
}
|
|
|
|
.carousel-control .icon-next:before {
|
|
content: '\203a'
|
|
}
|
|
|
|
.carousel-indicators {
|
|
position: absolute;
|
|
bottom: 10px;
|
|
left: 50%;
|
|
z-index: 15;
|
|
width: 60%;
|
|
margin-left: -30%;
|
|
padding-left: 0;
|
|
list-style: none;
|
|
text-align: center
|
|
}
|
|
|
|
.carousel-indicators li {
|
|
display: inline-block;
|
|
width: 10px;
|
|
height: 10px;
|
|
margin: 1px;
|
|
text-indent: -999px;
|
|
border: 1px solid #fff;
|
|
border-radius: 10px;
|
|
cursor: pointer;
|
|
background-color: #000 \9;
|
|
background-color: rgba(0, 0, 0, 0)
|
|
}
|
|
|
|
.carousel-indicators .active {
|
|
margin: 0;
|
|
width: 12px;
|
|
height: 12px;
|
|
background-color: #fff
|
|
}
|
|
|
|
.carousel-caption {
|
|
position: absolute;
|
|
left: 15%;
|
|
right: 15%;
|
|
bottom: 20px;
|
|
z-index: 10;
|
|
padding-top: 20px;
|
|
padding-bottom: 20px;
|
|
color: #fff;
|
|
text-align: center;
|
|
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6)
|
|
}
|
|
|
|
.carousel-caption .btn {
|
|
text-shadow: none
|
|
}
|
|
|
|
@media screen and (min-width:768px) {
|
|
.carousel-control .glyphicon-chevron-left,
|
|
.carousel-control .glyphicon-chevron-right,
|
|
.carousel-control .icon-prev,
|
|
.carousel-control .icon-next {
|
|
width: 30px;
|
|
height: 30px;
|
|
margin-top: -15px;
|
|
font-size: 30px
|
|
}
|
|
.carousel-control .glyphicon-chevron-left,
|
|
.carousel-control .icon-prev {
|
|
margin-left: -15px
|
|
}
|
|
.carousel-control .glyphicon-chevron-right,
|
|
.carousel-control .icon-next {
|
|
margin-right: -15px
|
|
}
|
|
.carousel-caption {
|
|
left: 20%;
|
|
right: 20%;
|
|
padding-bottom: 30px
|
|
}
|
|
.carousel-indicators {
|
|
bottom: 20px
|
|
}
|
|
}
|
|
|
|
.clearfix:before,
|
|
.clearfix:after,
|
|
.dl-horizontal dd:before,
|
|
.dl-horizontal dd:after,
|
|
.container:before,
|
|
.container:after,
|
|
.container-fluid:before,
|
|
.container-fluid:after,
|
|
.row:before,
|
|
.row:after,
|
|
.form-horizontal .form-group:before,
|
|
.form-horizontal .form-group:after,
|
|
.btn-toolbar:before,
|
|
.btn-toolbar:after,
|
|
.btn-group-vertical>.btn-group:before,
|
|
.btn-group-vertical>.btn-group:after,
|
|
.nav:before,
|
|
.nav:after,
|
|
.navbar:before,
|
|
.navbar:after,
|
|
.navbar-header:before,
|
|
.navbar-header:after,
|
|
.navbar-collapse:before,
|
|
.navbar-collapse:after,
|
|
.pager:before,
|
|
.pager:after,
|
|
.panel-body:before,
|
|
.panel-body:after,
|
|
.modal-footer:before,
|
|
.modal-footer:after {
|
|
content: " ";
|
|
display: table
|
|
}
|
|
|
|
.clearfix:after,
|
|
.dl-horizontal dd:after,
|
|
.container:after,
|
|
.container-fluid:after,
|
|
.row:after,
|
|
.form-horizontal .form-group:after,
|
|
.btn-toolbar:after,
|
|
.btn-group-vertical>.btn-group:after,
|
|
.nav:after,
|
|
.navbar:after,
|
|
.navbar-header:after,
|
|
.navbar-collapse:after,
|
|
.pager:after,
|
|
.panel-body:after,
|
|
.modal-footer:after {
|
|
clear: both
|
|
}
|
|
|
|
.center-block {
|
|
display: block;
|
|
margin-left: auto;
|
|
margin-right: auto
|
|
}
|
|
|
|
.pull-right {
|
|
float: right !important
|
|
}
|
|
|
|
.pull-left {
|
|
float: left !important
|
|
}
|
|
|
|
.hide {
|
|
display: none !important
|
|
}
|
|
|
|
.show {
|
|
display: block !important
|
|
}
|
|
|
|
.invisible {
|
|
visibility: hidden
|
|
}
|
|
|
|
.text-hide {
|
|
font: 0/0 a;
|
|
color: transparent;
|
|
text-shadow: none;
|
|
background-color: transparent;
|
|
border: 0
|
|
}
|
|
|
|
.hidden {
|
|
display: none !important
|
|
}
|
|
|
|
.affix {
|
|
position: fixed
|
|
}
|
|
|
|
@-ms-viewport {
|
|
width: device-width
|
|
}
|
|
|
|
.visible-xs,
|
|
.visible-sm,
|
|
.visible-md,
|
|
.visible-lg {
|
|
display: none !important
|
|
}
|
|
|
|
.visible-xs-block,
|
|
.visible-xs-inline,
|
|
.visible-xs-inline-block,
|
|
.visible-sm-block,
|
|
.visible-sm-inline,
|
|
.visible-sm-inline-block,
|
|
.visible-md-block,
|
|
.visible-md-inline,
|
|
.visible-md-inline-block,
|
|
.visible-lg-block,
|
|
.visible-lg-inline,
|
|
.visible-lg-inline-block {
|
|
display: none !important
|
|
}
|
|
|
|
@media (max-width:767px) {
|
|
.visible-xs {
|
|
display: block !important
|
|
}
|
|
table.visible-xs {
|
|
display: table !important
|
|
}
|
|
tr.visible-xs {
|
|
display: table-row !important
|
|
}
|
|
th.visible-xs,
|
|
td.visible-xs {
|
|
display: table-cell !important
|
|
}
|
|
}
|
|
|
|
@media (max-width:767px) {
|
|
.visible-xs-block {
|
|
display: block !important
|
|
}
|
|
}
|
|
|
|
@media (max-width:767px) {
|
|
.visible-xs-inline {
|
|
display: inline !important
|
|
}
|
|
}
|
|
|
|
@media (max-width:767px) {
|
|
.visible-xs-inline-block {
|
|
display: inline-block !important
|
|
}
|
|
}
|
|
|
|
@media (min-width:768px) and (max-width:991px) {
|
|
.visible-sm {
|
|
display: block !important
|
|
}
|
|
table.visible-sm {
|
|
display: table !important
|
|
}
|
|
tr.visible-sm {
|
|
display: table-row !important
|
|
}
|
|
th.visible-sm,
|
|
td.visible-sm {
|
|
display: table-cell !important
|
|
}
|
|
}
|
|
|
|
@media (min-width:768px) and (max-width:991px) {
|
|
.visible-sm-block {
|
|
display: block !important
|
|
}
|
|
}
|
|
|
|
@media (min-width:768px) and (max-width:991px) {
|
|
.visible-sm-inline {
|
|
display: inline !important
|
|
}
|
|
}
|
|
|
|
@media (min-width:768px) and (max-width:991px) {
|
|
.visible-sm-inline-block {
|
|
display: inline-block !important
|
|
}
|
|
}
|
|
|
|
@media (min-width:992px) and (max-width:1199px) {
|
|
.visible-md {
|
|
display: block !important
|
|
}
|
|
table.visible-md {
|
|
display: table !important
|
|
}
|
|
tr.visible-md {
|
|
display: table-row !important
|
|
}
|
|
th.visible-md,
|
|
td.visible-md {
|
|
display: table-cell !important
|
|
}
|
|
}
|
|
|
|
@media (min-width:992px) and (max-width:1199px) {
|
|
.visible-md-block {
|
|
display: block !important
|
|
}
|
|
}
|
|
|
|
@media (min-width:992px) and (max-width:1199px) {
|
|
.visible-md-inline {
|
|
display: inline !important
|
|
}
|
|
}
|
|
|
|
@media (min-width:992px) and (max-width:1199px) {
|
|
.visible-md-inline-block {
|
|
display: inline-block !important
|
|
}
|
|
}
|
|
|
|
@media (min-width:1200px) {
|
|
.visible-lg {
|
|
display: block !important
|
|
}
|
|
table.visible-lg {
|
|
display: table !important
|
|
}
|
|
tr.visible-lg {
|
|
display: table-row !important
|
|
}
|
|
th.visible-lg,
|
|
td.visible-lg {
|
|
display: table-cell !important
|
|
}
|
|
}
|
|
|
|
@media (min-width:1200px) {
|
|
.visible-lg-block {
|
|
display: block !important
|
|
}
|
|
}
|
|
|
|
@media (min-width:1200px) {
|
|
.visible-lg-inline {
|
|
display: inline !important
|
|
}
|
|
}
|
|
|
|
@media (min-width:1200px) {
|
|
.visible-lg-inline-block {
|
|
display: inline-block !important
|
|
}
|
|
}
|
|
|
|
@media (max-width:767px) {
|
|
.hidden-xs {
|
|
display: none !important
|
|
}
|
|
}
|
|
|
|
@media (min-width:768px) and (max-width:991px) {
|
|
.hidden-sm {
|
|
display: none !important
|
|
}
|
|
}
|
|
|
|
@media (min-width:992px) and (max-width:1199px) {
|
|
.hidden-md {
|
|
display: none !important
|
|
}
|
|
}
|
|
|
|
@media (min-width:1200px) {
|
|
.hidden-lg {
|
|
display: none !important
|
|
}
|
|
}
|
|
|
|
.visible-print {
|
|
display: none !important
|
|
}
|
|
|
|
@media print {
|
|
.visible-print {
|
|
display: block !important
|
|
}
|
|
table.visible-print {
|
|
display: table !important
|
|
}
|
|
tr.visible-print {
|
|
display: table-row !important
|
|
}
|
|
th.visible-print,
|
|
td.visible-print {
|
|
display: table-cell !important
|
|
}
|
|
}
|
|
|
|
.visible-print-block {
|
|
display: none !important
|
|
}
|
|
|
|
@media print {
|
|
.visible-print-block {
|
|
display: block !important
|
|
}
|
|
}
|
|
|
|
.visible-print-inline {
|
|
display: none !important
|
|
}
|
|
|
|
@media print {
|
|
.visible-print-inline {
|
|
display: inline !important
|
|
}
|
|
}
|
|
|
|
.visible-print-inline-block {
|
|
display: none !important
|
|
}
|
|
|
|
@media print {
|
|
.visible-print-inline-block {
|
|
display: inline-block !important
|
|
}
|
|
}
|
|
|
|
@media print {
|
|
.hidden-print {
|
|
display: none !important
|
|
}
|
|
}
|
|
|
|
|
|
/*!
|
|
* Font Awesome 4.4.0 by @davegandy - http://fontawesome.io - @fontawesome
|
|
* License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
|
|
*/
|
|
|
|
@font-face {
|
|
font-family: 'FontAwesome';
|
|
src: url('../fonts/fontawesome-webfont.eot?v=4.4.0');
|
|
src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.4.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.4.0') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.4.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.4.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.4.0#fontawesomeregular') format('svg');
|
|
font-weight: normal;
|
|
font-style: normal
|
|
}
|
|
|
|
.fa {
|
|
display: inline-block;
|
|
font: normal normal normal 14px/1 FontAwesome;
|
|
font-size: inherit;
|
|
text-rendering: auto;
|
|
-webkit-font-smoothing: antialiased;
|
|
-moz-osx-font-smoothing: grayscale
|
|
}
|
|
|
|
.fa-lg {
|
|
font-size: 1.33333333em;
|
|
line-height: .75em;
|
|
vertical-align: -15%
|
|
}
|
|
|
|
.fa-2x {
|
|
font-size: 2em
|
|
}
|
|
|
|
.fa-3x {
|
|
font-size: 3em
|
|
}
|
|
|
|
.fa-4x {
|
|
font-size: 4em
|
|
}
|
|
|
|
.fa-5x {
|
|
font-size: 5em
|
|
}
|
|
|
|
.fa-fw {
|
|
width: 1.28571429em;
|
|
text-align: center
|
|
}
|
|
|
|
.fa-ul {
|
|
padding-left: 0;
|
|
margin-left: 2.14285714em;
|
|
list-style-type: none
|
|
}
|
|
|
|
.fa-ul>li {
|
|
position: relative
|
|
}
|
|
|
|
.fa-li {
|
|
position: absolute;
|
|
left: -2.14285714em;
|
|
width: 2.14285714em;
|
|
top: .14285714em;
|
|
text-align: center
|
|
}
|
|
|
|
.fa-li.fa-lg {
|
|
left: -1.85714286em
|
|
}
|
|
|
|
.fa-border {
|
|
padding: .2em .25em .15em;
|
|
border: solid .08em #eee;
|
|
border-radius: .1em
|
|
}
|
|
|
|
.fa-pull-left {
|
|
float: left
|
|
}
|
|
|
|
.fa-pull-right {
|
|
float: right
|
|
}
|
|
|
|
.fa.fa-pull-left {
|
|
margin-right: .3em
|
|
}
|
|
|
|
.fa.fa-pull-right {
|
|
margin-left: .3em
|
|
}
|
|
|
|
.pull-right {
|
|
float: right
|
|
}
|
|
|
|
.pull-left {
|
|
float: left
|
|
}
|
|
|
|
.fa.pull-left {
|
|
margin-right: .3em
|
|
}
|
|
|
|
.fa.pull-right {
|
|
margin-left: .3em
|
|
}
|
|
|
|
.fa-spin {
|
|
-webkit-animation: fa-spin 2s infinite linear;
|
|
animation: fa-spin 2s infinite linear
|
|
}
|
|
|
|
.fa-pulse {
|
|
-webkit-animation: fa-spin 1s infinite steps(8);
|
|
animation: fa-spin 1s infinite steps(8)
|
|
}
|
|
|
|
@-webkit-keyframes fa-spin {
|
|
0% {
|
|
-webkit-transform: rotate(0deg);
|
|
transform: rotate(0deg)
|
|
}
|
|
100% {
|
|
-webkit-transform: rotate(359deg);
|
|
transform: rotate(359deg)
|
|
}
|
|
}
|
|
|
|
@keyframes fa-spin {
|
|
0% {
|
|
-webkit-transform: rotate(0deg);
|
|
transform: rotate(0deg)
|
|
}
|
|
100% {
|
|
-webkit-transform: rotate(359deg);
|
|
transform: rotate(359deg)
|
|
}
|
|
}
|
|
|
|
.fa-rotate-90 {
|
|
filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=1);
|
|
-webkit-transform: rotate(90deg);
|
|
-ms-transform: rotate(90deg);
|
|
transform: rotate(90deg)
|
|
}
|
|
|
|
.fa-rotate-180 {
|
|
filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=2);
|
|
-webkit-transform: rotate(180deg);
|
|
-ms-transform: rotate(180deg);
|
|
transform: rotate(180deg)
|
|
}
|
|
|
|
.fa-rotate-270 {
|
|
filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=3);
|
|
-webkit-transform: rotate(270deg);
|
|
-ms-transform: rotate(270deg);
|
|
transform: rotate(270deg)
|
|
}
|
|
|
|
.fa-flip-horizontal {
|
|
filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
|
|
-webkit-transform: scale(-1, 1);
|
|
-ms-transform: scale(-1, 1);
|
|
transform: scale(-1, 1)
|
|
}
|
|
|
|
.fa-flip-vertical {
|
|
filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);
|
|
-webkit-transform: scale(1, -1);
|
|
-ms-transform: scale(1, -1);
|
|
transform: scale(1, -1)
|
|
}
|
|
|
|
:root .fa-rotate-90,
|
|
:root .fa-rotate-180,
|
|
:root .fa-rotate-270,
|
|
:root .fa-flip-horizontal,
|
|
:root .fa-flip-vertical {
|
|
filter: none
|
|
}
|
|
|
|
.fa-stack {
|
|
position: relative;
|
|
display: inline-block;
|
|
width: 2em;
|
|
height: 2em;
|
|
line-height: 2em;
|
|
vertical-align: middle
|
|
}
|
|
|
|
.fa-stack-1x,
|
|
.fa-stack-2x {
|
|
position: absolute;
|
|
left: 0;
|
|
width: 100%;
|
|
text-align: center
|
|
}
|
|
|
|
.fa-stack-1x {
|
|
line-height: inherit
|
|
}
|
|
|
|
.fa-stack-2x {
|
|
font-size: 2em
|
|
}
|
|
|
|
.fa-inverse {
|
|
color: #fff
|
|
}
|
|
|
|
.fa-glass:before {
|
|
content: "\f000"
|
|
}
|
|
|
|
.fa-music:before {
|
|
content: "\f001"
|
|
}
|
|
|
|
.fa-search:before {
|
|
content: "\f002"
|
|
}
|
|
|
|
.fa-envelope-o:before {
|
|
content: "\f003"
|
|
}
|
|
|
|
.fa-heart:before {
|
|
content: "\f004"
|
|
}
|
|
|
|
.fa-star:before {
|
|
content: "\f005"
|
|
}
|
|
|
|
.fa-star-o:before {
|
|
content: "\f006"
|
|
}
|
|
|
|
.fa-user:before {
|
|
content: "\f007"
|
|
}
|
|
|
|
.fa-film:before {
|
|
content: "\f008"
|
|
}
|
|
|
|
.fa-th-large:before {
|
|
content: "\f009"
|
|
}
|
|
|
|
.fa-th:before {
|
|
content: "\f00a"
|
|
}
|
|
|
|
.fa-th-list:before {
|
|
content: "\f00b"
|
|
}
|
|
|
|
.fa-check:before {
|
|
content: "\f00c"
|
|
}
|
|
|
|
.fa-remove:before,
|
|
.fa-close:before,
|
|
.fa-times:before {
|
|
content: "\f00d"
|
|
}
|
|
|
|
.fa-search-plus:before {
|
|
content: "\f00e"
|
|
}
|
|
|
|
.fa-search-minus:before {
|
|
content: "\f010"
|
|
}
|
|
|
|
.fa-power-off:before {
|
|
content: "\f011"
|
|
}
|
|
|
|
.fa-signal:before {
|
|
content: "\f012"
|
|
}
|
|
|
|
.fa-gear:before,
|
|
.fa-cog:before {
|
|
content: "\f013"
|
|
}
|
|
|
|
.fa-trash-o:before {
|
|
content: "\f014"
|
|
}
|
|
|
|
.fa-home:before {
|
|
content: "\f015"
|
|
}
|
|
|
|
.fa-file-o:before {
|
|
content: "\f016"
|
|
}
|
|
|
|
.fa-clock-o:before {
|
|
content: "\f017"
|
|
}
|
|
|
|
.fa-road:before {
|
|
content: "\f018"
|
|
}
|
|
|
|
.fa-download:before {
|
|
content: "\f019"
|
|
}
|
|
|
|
.fa-arrow-circle-o-down:before {
|
|
content: "\f01a"
|
|
}
|
|
|
|
.fa-arrow-circle-o-up:before {
|
|
content: "\f01b"
|
|
}
|
|
|
|
.fa-inbox:before {
|
|
content: "\f01c"
|
|
}
|
|
|
|
.fa-play-circle-o:before {
|
|
content: "\f01d"
|
|
}
|
|
|
|
.fa-rotate-right:before,
|
|
.fa-repeat:before {
|
|
content: "\f01e"
|
|
}
|
|
|
|
.fa-refresh:before {
|
|
content: "\f021"
|
|
}
|
|
|
|
.fa-list-alt:before {
|
|
content: "\f022"
|
|
}
|
|
|
|
.fa-lock:before {
|
|
content: "\f023"
|
|
}
|
|
|
|
.fa-flag:before {
|
|
content: "\f024"
|
|
}
|
|
|
|
.fa-headphones:before {
|
|
content: "\f025"
|
|
}
|
|
|
|
.fa-volume-off:before {
|
|
content: "\f026"
|
|
}
|
|
|
|
.fa-volume-down:before {
|
|
content: "\f027"
|
|
}
|
|
|
|
.fa-volume-up:before {
|
|
content: "\f028"
|
|
}
|
|
|
|
.fa-qrcode:before {
|
|
content: "\f029"
|
|
}
|
|
|
|
.fa-barcode:before {
|
|
content: "\f02a"
|
|
}
|
|
|
|
.fa-tag:before {
|
|
content: "\f02b"
|
|
}
|
|
|
|
.fa-tags:before {
|
|
content: "\f02c"
|
|
}
|
|
|
|
.fa-book:before {
|
|
content: "\f02d"
|
|
}
|
|
|
|
.fa-bookmark:before {
|
|
content: "\f02e"
|
|
}
|
|
|
|
.fa-print:before {
|
|
content: "\f02f"
|
|
}
|
|
|
|
.fa-camera:before {
|
|
content: "\f030"
|
|
}
|
|
|
|
.fa-font:before {
|
|
content: "\f031"
|
|
}
|
|
|
|
.fa-bold:before {
|
|
content: "\f032"
|
|
}
|
|
|
|
.fa-italic:before {
|
|
content: "\f033"
|
|
}
|
|
|
|
.fa-text-height:before {
|
|
content: "\f034"
|
|
}
|
|
|
|
.fa-text-width:before {
|
|
content: "\f035"
|
|
}
|
|
|
|
.fa-align-left:before {
|
|
content: "\f036"
|
|
}
|
|
|
|
.fa-align-center:before {
|
|
content: "\f037"
|
|
}
|
|
|
|
.fa-align-right:before {
|
|
content: "\f038"
|
|
}
|
|
|
|
.fa-align-justify:before {
|
|
content: "\f039"
|
|
}
|
|
|
|
.fa-list:before {
|
|
content: "\f03a"
|
|
}
|
|
|
|
.fa-dedent:before,
|
|
.fa-outdent:before {
|
|
content: "\f03b"
|
|
}
|
|
|
|
.fa-indent:before {
|
|
content: "\f03c"
|
|
}
|
|
|
|
.fa-video-camera:before {
|
|
content: "\f03d"
|
|
}
|
|
|
|
.fa-photo:before,
|
|
.fa-image:before,
|
|
.fa-picture-o:before {
|
|
content: "\f03e"
|
|
}
|
|
|
|
.fa-pencil:before {
|
|
content: "\f040"
|
|
}
|
|
|
|
.fa-map-marker:before {
|
|
content: "\f041"
|
|
}
|
|
|
|
.fa-adjust:before {
|
|
content: "\f042"
|
|
}
|
|
|
|
.fa-tint:before {
|
|
content: "\f043"
|
|
}
|
|
|
|
.fa-edit:before,
|
|
.fa-pencil-square-o:before {
|
|
content: "\f044"
|
|
}
|
|
|
|
.fa-share-square-o:before {
|
|
content: "\f045"
|
|
}
|
|
|
|
.fa-check-square-o:before {
|
|
content: "\f046"
|
|
}
|
|
|
|
.fa-arrows:before {
|
|
content: "\f047"
|
|
}
|
|
|
|
.fa-step-backward:before {
|
|
content: "\f048"
|
|
}
|
|
|
|
.fa-fast-backward:before {
|
|
content: "\f049"
|
|
}
|
|
|
|
.fa-backward:before {
|
|
content: "\f04a"
|
|
}
|
|
|
|
.fa-play:before {
|
|
content: "\f04b"
|
|
}
|
|
|
|
.fa-pause:before {
|
|
content: "\f04c"
|
|
}
|
|
|
|
.fa-stop:before {
|
|
content: "\f04d"
|
|
}
|
|
|
|
.fa-forward:before {
|
|
content: "\f04e"
|
|
}
|
|
|
|
.fa-fast-forward:before {
|
|
content: "\f050"
|
|
}
|
|
|
|
.fa-step-forward:before {
|
|
content: "\f051"
|
|
}
|
|
|
|
.fa-eject:before {
|
|
content: "\f052"
|
|
}
|
|
|
|
.fa-chevron-left:before {
|
|
content: "\f053"
|
|
}
|
|
|
|
.fa-chevron-right:before {
|
|
content: "\f054"
|
|
}
|
|
|
|
.fa-plus-circle:before {
|
|
content: "\f055"
|
|
}
|
|
|
|
.fa-minus-circle:before {
|
|
content: "\f056"
|
|
}
|
|
|
|
.fa-times-circle:before {
|
|
content: "\f057"
|
|
}
|
|
|
|
.fa-check-circle:before {
|
|
content: "\f058"
|
|
}
|
|
|
|
.fa-question-circle:before {
|
|
content: "\f059"
|
|
}
|
|
|
|
.fa-info-circle:before {
|
|
content: "\f05a"
|
|
}
|
|
|
|
.fa-crosshairs:before {
|
|
content: "\f05b"
|
|
}
|
|
|
|
.fa-times-circle-o:before {
|
|
content: "\f05c"
|
|
}
|
|
|
|
.fa-check-circle-o:before {
|
|
content: "\f05d"
|
|
}
|
|
|
|
.fa-ban:before {
|
|
content: "\f05e"
|
|
}
|
|
|
|
.fa-arrow-left:before {
|
|
content: "\f060"
|
|
}
|
|
|
|
.fa-arrow-right:before {
|
|
content: "\f061"
|
|
}
|
|
|
|
.fa-arrow-up:before {
|
|
content: "\f062"
|
|
}
|
|
|
|
.fa-arrow-down:before {
|
|
content: "\f063"
|
|
}
|
|
|
|
.fa-mail-forward:before,
|
|
.fa-share:before {
|
|
content: "\f064"
|
|
}
|
|
|
|
.fa-expand:before {
|
|
content: "\f065"
|
|
}
|
|
|
|
.fa-compress:before {
|
|
content: "\f066"
|
|
}
|
|
|
|
.fa-plus:before {
|
|
content: "\f067"
|
|
}
|
|
|
|
.fa-minus:before {
|
|
content: "\f068"
|
|
}
|
|
|
|
.fa-asterisk:before {
|
|
content: "\f069"
|
|
}
|
|
|
|
.fa-exclamation-circle:before {
|
|
content: "\f06a"
|
|
}
|
|
|
|
.fa-gift:before {
|
|
content: "\f06b"
|
|
}
|
|
|
|
.fa-leaf:before {
|
|
content: "\f06c"
|
|
}
|
|
|
|
.fa-fire:before {
|
|
content: "\f06d"
|
|
}
|
|
|
|
.fa-eye:before {
|
|
content: "\f06e"
|
|
}
|
|
|
|
.fa-eye-slash:before {
|
|
content: "\f070"
|
|
}
|
|
|
|
.fa-warning:before,
|
|
.fa-exclamation-triangle:before {
|
|
content: "\f071"
|
|
}
|
|
|
|
.fa-plane:before {
|
|
content: "\f072"
|
|
}
|
|
|
|
.fa-calendar:before {
|
|
content: "\f073"
|
|
}
|
|
|
|
.fa-random:before {
|
|
content: "\f074"
|
|
}
|
|
|
|
.fa-comment:before {
|
|
content: "\f075"
|
|
}
|
|
|
|
.fa-magnet:before {
|
|
content: "\f076"
|
|
}
|
|
|
|
.fa-chevron-up:before {
|
|
content: "\f077"
|
|
}
|
|
|
|
.fa-chevron-down:before {
|
|
content: "\f078"
|
|
}
|
|
|
|
.fa-retweet:before {
|
|
content: "\f079"
|
|
}
|
|
|
|
.fa-shopping-cart:before {
|
|
content: "\f07a"
|
|
}
|
|
|
|
.fa-folder:before {
|
|
content: "\f07b"
|
|
}
|
|
|
|
.fa-folder-open:before {
|
|
content: "\f07c"
|
|
}
|
|
|
|
.fa-arrows-v:before {
|
|
content: "\f07d"
|
|
}
|
|
|
|
.fa-arrows-h:before {
|
|
content: "\f07e"
|
|
}
|
|
|
|
.fa-bar-chart-o:before,
|
|
.fa-bar-chart:before {
|
|
content: "\f080"
|
|
}
|
|
|
|
.fa-twitter-square:before {
|
|
content: "\f081"
|
|
}
|
|
|
|
.fa-facebook-square:before {
|
|
content: "\f082"
|
|
}
|
|
|
|
.fa-camera-retro:before {
|
|
content: "\f083"
|
|
}
|
|
|
|
.fa-key:before {
|
|
content: "\f084"
|
|
}
|
|
|
|
.fa-gears:before,
|
|
.fa-cogs:before {
|
|
content: "\f085"
|
|
}
|
|
|
|
.fa-comments:before {
|
|
content: "\f086"
|
|
}
|
|
|
|
.fa-thumbs-o-up:before {
|
|
content: "\f087"
|
|
}
|
|
|
|
.fa-thumbs-o-down:before {
|
|
content: "\f088"
|
|
}
|
|
|
|
.fa-star-half:before {
|
|
content: "\f089"
|
|
}
|
|
|
|
.fa-heart-o:before {
|
|
content: "\f08a"
|
|
}
|
|
|
|
.fa-sign-out:before {
|
|
content: "\f08b"
|
|
}
|
|
|
|
.fa-linkedin-square:before {
|
|
content: "\f08c"
|
|
}
|
|
|
|
.fa-thumb-tack:before {
|
|
content: "\f08d"
|
|
}
|
|
|
|
.fa-external-link:before {
|
|
content: "\f08e"
|
|
}
|
|
|
|
.fa-sign-in:before {
|
|
content: "\f090"
|
|
}
|
|
|
|
.fa-trophy:before {
|
|
content: "\f091"
|
|
}
|
|
|
|
.fa-github-square:before {
|
|
content: "\f092"
|
|
}
|
|
|
|
.fa-upload:before {
|
|
content: "\f093"
|
|
}
|
|
|
|
.fa-lemon-o:before {
|
|
content: "\f094"
|
|
}
|
|
|
|
.fa-phone:before {
|
|
content: "\f095"
|
|
}
|
|
|
|
.fa-square-o:before {
|
|
content: "\f096"
|
|
}
|
|
|
|
.fa-bookmark-o:before {
|
|
content: "\f097"
|
|
}
|
|
|
|
.fa-phone-square:before {
|
|
content: "\f098"
|
|
}
|
|
|
|
.fa-twitter:before {
|
|
content: "\f099"
|
|
}
|
|
|
|
.fa-facebook-f:before,
|
|
.fa-facebook:before {
|
|
content: "\f09a"
|
|
}
|
|
|
|
.fa-github:before {
|
|
content: "\f09b"
|
|
}
|
|
|
|
.fa-unlock:before {
|
|
content: "\f09c"
|
|
}
|
|
|
|
.fa-credit-card:before {
|
|
content: "\f09d"
|
|
}
|
|
|
|
.fa-feed:before,
|
|
.fa-rss:before {
|
|
content: "\f09e"
|
|
}
|
|
|
|
.fa-hdd-o:before {
|
|
content: "\f0a0"
|
|
}
|
|
|
|
.fa-bullhorn:before {
|
|
content: "\f0a1"
|
|
}
|
|
|
|
.fa-bell:before {
|
|
content: "\f0f3"
|
|
}
|
|
|
|
.fa-certificate:before {
|
|
content: "\f0a3"
|
|
}
|
|
|
|
.fa-hand-o-right:before {
|
|
content: "\f0a4"
|
|
}
|
|
|
|
.fa-hand-o-left:before {
|
|
content: "\f0a5"
|
|
}
|
|
|
|
.fa-hand-o-up:before {
|
|
content: "\f0a6"
|
|
}
|
|
|
|
.fa-hand-o-down:before {
|
|
content: "\f0a7"
|
|
}
|
|
|
|
.fa-arrow-circle-left:before {
|
|
content: "\f0a8"
|
|
}
|
|
|
|
.fa-arrow-circle-right:before {
|
|
content: "\f0a9"
|
|
}
|
|
|
|
.fa-arrow-circle-up:before {
|
|
content: "\f0aa"
|
|
}
|
|
|
|
.fa-arrow-circle-down:before {
|
|
content: "\f0ab"
|
|
}
|
|
|
|
.fa-globe:before {
|
|
content: "\f0ac"
|
|
}
|
|
|
|
.fa-wrench:before {
|
|
content: "\f0ad"
|
|
}
|
|
|
|
.fa-tasks:before {
|
|
content: "\f0ae"
|
|
}
|
|
|
|
.fa-filter:before {
|
|
content: "\f0b0"
|
|
}
|
|
|
|
.fa-briefcase:before {
|
|
content: "\f0b1"
|
|
}
|
|
|
|
.fa-arrows-alt:before {
|
|
content: "\f0b2"
|
|
}
|
|
|
|
.fa-group:before,
|
|
.fa-users:before {
|
|
content: "\f0c0"
|
|
}
|
|
|
|
.fa-chain:before,
|
|
.fa-link:before {
|
|
content: "\f0c1"
|
|
}
|
|
|
|
.fa-cloud:before {
|
|
content: "\f0c2"
|
|
}
|
|
|
|
.fa-flask:before {
|
|
content: "\f0c3"
|
|
}
|
|
|
|
.fa-cut:before,
|
|
.fa-scissors:before {
|
|
content: "\f0c4"
|
|
}
|
|
|
|
.fa-copy:before,
|
|
.fa-files-o:before {
|
|
content: "\f0c5"
|
|
}
|
|
|
|
.fa-paperclip:before {
|
|
content: "\f0c6"
|
|
}
|
|
|
|
.fa-save:before,
|
|
.fa-floppy-o:before {
|
|
content: "\f0c7"
|
|
}
|
|
|
|
.fa-square:before {
|
|
content: "\f0c8"
|
|
}
|
|
|
|
.fa-navicon:before,
|
|
.fa-reorder:before,
|
|
.fa-bars:before {
|
|
content: "\f0c9"
|
|
}
|
|
|
|
.fa-list-ul:before {
|
|
content: "\f0ca"
|
|
}
|
|
|
|
.fa-list-ol:before {
|
|
content: "\f0cb"
|
|
}
|
|
|
|
.fa-strikethrough:before {
|
|
content: "\f0cc"
|
|
}
|
|
|
|
.fa-underline:before {
|
|
content: "\f0cd"
|
|
}
|
|
|
|
.fa-table:before {
|
|
content: "\f0ce"
|
|
}
|
|
|
|
.fa-magic:before {
|
|
content: "\f0d0"
|
|
}
|
|
|
|
.fa-truck:before {
|
|
content: "\f0d1"
|
|
}
|
|
|
|
.fa-pinterest:before {
|
|
content: "\f0d2"
|
|
}
|
|
|
|
.fa-pinterest-square:before {
|
|
content: "\f0d3"
|
|
}
|
|
|
|
.fa-google-plus-square:before {
|
|
content: "\f0d4"
|
|
}
|
|
|
|
.fa-google-plus:before {
|
|
content: "\f0d5"
|
|
}
|
|
|
|
.fa-money:before {
|
|
content: "\f0d6"
|
|
}
|
|
|
|
.fa-caret-down:before {
|
|
content: "\f0d7"
|
|
}
|
|
|
|
.fa-caret-up:before {
|
|
content: "\f0d8"
|
|
}
|
|
|
|
.fa-caret-left:before {
|
|
content: "\f0d9"
|
|
}
|
|
|
|
.fa-caret-right:before {
|
|
content: "\f0da"
|
|
}
|
|
|
|
.fa-columns:before {
|
|
content: "\f0db"
|
|
}
|
|
|
|
.fa-unsorted:before,
|
|
.fa-sort:before {
|
|
content: "\f0dc"
|
|
}
|
|
|
|
.fa-sort-down:before,
|
|
.fa-sort-desc:before {
|
|
content: "\f0dd"
|
|
}
|
|
|
|
.fa-sort-up:before,
|
|
.fa-sort-asc:before {
|
|
content: "\f0de"
|
|
}
|
|
|
|
.fa-envelope:before {
|
|
content: "\f0e0"
|
|
}
|
|
|
|
.fa-linkedin:before {
|
|
content: "\f0e1"
|
|
}
|
|
|
|
.fa-rotate-left:before,
|
|
.fa-undo:before {
|
|
content: "\f0e2"
|
|
}
|
|
|
|
.fa-legal:before,
|
|
.fa-gavel:before {
|
|
content: "\f0e3"
|
|
}
|
|
|
|
.fa-dashboard:before,
|
|
.fa-tachometer:before {
|
|
content: "\f0e4"
|
|
}
|
|
|
|
.fa-comment-o:before {
|
|
content: "\f0e5"
|
|
}
|
|
|
|
.fa-comments-o:before {
|
|
content: "\f0e6"
|
|
}
|
|
|
|
.fa-flash:before,
|
|
.fa-bolt:before {
|
|
content: "\f0e7"
|
|
}
|
|
|
|
.fa-sitemap:before {
|
|
content: "\f0e8"
|
|
}
|
|
|
|
.fa-umbrella:before {
|
|
content: "\f0e9"
|
|
}
|
|
|
|
.fa-paste:before,
|
|
.fa-clipboard:before {
|
|
content: "\f0ea"
|
|
}
|
|
|
|
.fa-lightbulb-o:before {
|
|
content: "\f0eb"
|
|
}
|
|
|
|
.fa-exchange:before {
|
|
content: "\f0ec"
|
|
}
|
|
|
|
.fa-cloud-download:before {
|
|
content: "\f0ed"
|
|
}
|
|
|
|
.fa-cloud-upload:before {
|
|
content: "\f0ee"
|
|
}
|
|
|
|
.fa-user-md:before {
|
|
content: "\f0f0"
|
|
}
|
|
|
|
.fa-stethoscope:before {
|
|
content: "\f0f1"
|
|
}
|
|
|
|
.fa-suitcase:before {
|
|
content: "\f0f2"
|
|
}
|
|
|
|
.fa-bell-o:before {
|
|
content: "\f0a2"
|
|
}
|
|
|
|
.fa-coffee:before {
|
|
content: "\f0f4"
|
|
}
|
|
|
|
.fa-cutlery:before {
|
|
content: "\f0f5"
|
|
}
|
|
|
|
.fa-file-text-o:before {
|
|
content: "\f0f6"
|
|
}
|
|
|
|
.fa-building-o:before {
|
|
content: "\f0f7"
|
|
}
|
|
|
|
.fa-hospital-o:before {
|
|
content: "\f0f8"
|
|
}
|
|
|
|
.fa-ambulance:before {
|
|
content: "\f0f9"
|
|
}
|
|
|
|
.fa-medkit:before {
|
|
content: "\f0fa"
|
|
}
|
|
|
|
.fa-fighter-jet:before {
|
|
content: "\f0fb"
|
|
}
|
|
|
|
.fa-beer:before {
|
|
content: "\f0fc"
|
|
}
|
|
|
|
.fa-h-square:before {
|
|
content: "\f0fd"
|
|
}
|
|
|
|
.fa-plus-square:before {
|
|
content: "\f0fe"
|
|
}
|
|
|
|
.fa-angle-double-left:before {
|
|
content: "\f100"
|
|
}
|
|
|
|
.fa-angle-double-right:before {
|
|
content: "\f101"
|
|
}
|
|
|
|
.fa-angle-double-up:before {
|
|
content: "\f102"
|
|
}
|
|
|
|
.fa-angle-double-down:before {
|
|
content: "\f103"
|
|
}
|
|
|
|
.fa-angle-left:before {
|
|
content: "\f104"
|
|
}
|
|
|
|
.fa-angle-right:before {
|
|
content: "\f105"
|
|
}
|
|
|
|
.fa-angle-up:before {
|
|
content: "\f106"
|
|
}
|
|
|
|
.fa-angle-down:before {
|
|
content: "\f107"
|
|
}
|
|
|
|
.fa-desktop:before {
|
|
content: "\f108"
|
|
}
|
|
|
|
.fa-laptop:before {
|
|
content: "\f109"
|
|
}
|
|
|
|
.fa-tablet:before {
|
|
content: "\f10a"
|
|
}
|
|
|
|
.fa-mobile-phone:before,
|
|
.fa-mobile:before {
|
|
content: "\f10b"
|
|
}
|
|
|
|
.fa-circle-o:before {
|
|
content: "\f10c"
|
|
}
|
|
|
|
.fa-quote-left:before {
|
|
content: "\f10d"
|
|
}
|
|
|
|
.fa-quote-right:before {
|
|
content: "\f10e"
|
|
}
|
|
|
|
.fa-spinner:before {
|
|
content: "\f110"
|
|
}
|
|
|
|
.fa-circle:before {
|
|
content: "\f111"
|
|
}
|
|
|
|
.fa-mail-reply:before,
|
|
.fa-reply:before {
|
|
content: "\f112"
|
|
}
|
|
|
|
.fa-github-alt:before {
|
|
content: "\f113"
|
|
}
|
|
|
|
.fa-folder-o:before {
|
|
content: "\f114"
|
|
}
|
|
|
|
.fa-folder-open-o:before {
|
|
content: "\f115"
|
|
}
|
|
|
|
.fa-smile-o:before {
|
|
content: "\f118"
|
|
}
|
|
|
|
.fa-frown-o:before {
|
|
content: "\f119"
|
|
}
|
|
|
|
.fa-meh-o:before {
|
|
content: "\f11a"
|
|
}
|
|
|
|
.fa-gamepad:before {
|
|
content: "\f11b"
|
|
}
|
|
|
|
.fa-keyboard-o:before {
|
|
content: "\f11c"
|
|
}
|
|
|
|
.fa-flag-o:before {
|
|
content: "\f11d"
|
|
}
|
|
|
|
.fa-flag-checkered:before {
|
|
content: "\f11e"
|
|
}
|
|
|
|
.fa-terminal:before {
|
|
content: "\f120"
|
|
}
|
|
|
|
.fa-code:before {
|
|
content: "\f121"
|
|
}
|
|
|
|
.fa-mail-reply-all:before,
|
|
.fa-reply-all:before {
|
|
content: "\f122"
|
|
}
|
|
|
|
.fa-star-half-empty:before,
|
|
.fa-star-half-full:before,
|
|
.fa-star-half-o:before {
|
|
content: "\f123"
|
|
}
|
|
|
|
.fa-location-arrow:before {
|
|
content: "\f124"
|
|
}
|
|
|
|
.fa-crop:before {
|
|
content: "\f125"
|
|
}
|
|
|
|
.fa-code-fork:before {
|
|
content: "\f126"
|
|
}
|
|
|
|
.fa-unlink:before,
|
|
.fa-chain-broken:before {
|
|
content: "\f127"
|
|
}
|
|
|
|
.fa-question:before {
|
|
content: "\f128"
|
|
}
|
|
|
|
.fa-info:before {
|
|
content: "\f129"
|
|
}
|
|
|
|
.fa-exclamation:before {
|
|
content: "\f12a"
|
|
}
|
|
|
|
.fa-superscript:before {
|
|
content: "\f12b"
|
|
}
|
|
|
|
.fa-subscript:before {
|
|
content: "\f12c"
|
|
}
|
|
|
|
.fa-eraser:before {
|
|
content: "\f12d"
|
|
}
|
|
|
|
.fa-puzzle-piece:before {
|
|
content: "\f12e"
|
|
}
|
|
|
|
.fa-microphone:before {
|
|
content: "\f130"
|
|
}
|
|
|
|
.fa-microphone-slash:before {
|
|
content: "\f131"
|
|
}
|
|
|
|
.fa-shield:before {
|
|
content: "\f132"
|
|
}
|
|
|
|
.fa-calendar-o:before {
|
|
content: "\f133"
|
|
}
|
|
|
|
.fa-fire-extinguisher:before {
|
|
content: "\f134"
|
|
}
|
|
|
|
.fa-rocket:before {
|
|
content: "\f135"
|
|
}
|
|
|
|
.fa-maxcdn:before {
|
|
content: "\f136"
|
|
}
|
|
|
|
.fa-chevron-circle-left:before {
|
|
content: "\f137"
|
|
}
|
|
|
|
.fa-chevron-circle-right:before {
|
|
content: "\f138"
|
|
}
|
|
|
|
.fa-chevron-circle-up:before {
|
|
content: "\f139"
|
|
}
|
|
|
|
.fa-chevron-circle-down:before {
|
|
content: "\f13a"
|
|
}
|
|
|
|
.fa-html5:before {
|
|
content: "\f13b"
|
|
}
|
|
|
|
.fa-css3:before {
|
|
content: "\f13c"
|
|
}
|
|
|
|
.fa-anchor:before {
|
|
content: "\f13d"
|
|
}
|
|
|
|
.fa-unlock-alt:before {
|
|
content: "\f13e"
|
|
}
|
|
|
|
.fa-bullseye:before {
|
|
content: "\f140"
|
|
}
|
|
|
|
.fa-ellipsis-h:before {
|
|
content: "\f141"
|
|
}
|
|
|
|
.fa-ellipsis-v:before {
|
|
content: "\f142"
|
|
}
|
|
|
|
.fa-rss-square:before {
|
|
content: "\f143"
|
|
}
|
|
|
|
.fa-play-circle:before {
|
|
content: "\f144"
|
|
}
|
|
|
|
.fa-ticket:before {
|
|
content: "\f145"
|
|
}
|
|
|
|
.fa-minus-square:before {
|
|
content: "\f146"
|
|
}
|
|
|
|
.fa-minus-square-o:before {
|
|
content: "\f147"
|
|
}
|
|
|
|
.fa-level-up:before {
|
|
content: "\f148"
|
|
}
|
|
|
|
.fa-level-down:before {
|
|
content: "\f149"
|
|
}
|
|
|
|
.fa-check-square:before {
|
|
content: "\f14a"
|
|
}
|
|
|
|
.fa-pencil-square:before {
|
|
content: "\f14b"
|
|
}
|
|
|
|
.fa-external-link-square:before {
|
|
content: "\f14c"
|
|
}
|
|
|
|
.fa-share-square:before {
|
|
content: "\f14d"
|
|
}
|
|
|
|
.fa-compass:before {
|
|
content: "\f14e"
|
|
}
|
|
|
|
.fa-toggle-down:before,
|
|
.fa-caret-square-o-down:before {
|
|
content: "\f150"
|
|
}
|
|
|
|
.fa-toggle-up:before,
|
|
.fa-caret-square-o-up:before {
|
|
content: "\f151"
|
|
}
|
|
|
|
.fa-toggle-right:before,
|
|
.fa-caret-square-o-right:before {
|
|
content: "\f152"
|
|
}
|
|
|
|
.fa-euro:before,
|
|
.fa-eur:before {
|
|
content: "\f153"
|
|
}
|
|
|
|
.fa-gbp:before {
|
|
content: "\f154"
|
|
}
|
|
|
|
.fa-dollar:before,
|
|
.fa-usd:before {
|
|
content: "\f155"
|
|
}
|
|
|
|
.fa-rupee:before,
|
|
.fa-inr:before {
|
|
content: "\f156"
|
|
}
|
|
|
|
.fa-cny:before,
|
|
.fa-rmb:before,
|
|
.fa-yen:before,
|
|
.fa-jpy:before {
|
|
content: "\f157"
|
|
}
|
|
|
|
.fa-ruble:before,
|
|
.fa-rouble:before,
|
|
.fa-rub:before {
|
|
content: "\f158"
|
|
}
|
|
|
|
.fa-won:before,
|
|
.fa-krw:before {
|
|
content: "\f159"
|
|
}
|
|
|
|
.fa-bitcoin:before,
|
|
.fa-btc:before {
|
|
content: "\f15a"
|
|
}
|
|
|
|
.fa-file:before {
|
|
content: "\f15b"
|
|
}
|
|
|
|
.fa-file-text:before {
|
|
content: "\f15c"
|
|
}
|
|
|
|
.fa-sort-alpha-asc:before {
|
|
content: "\f15d"
|
|
}
|
|
|
|
.fa-sort-alpha-desc:before {
|
|
content: "\f15e"
|
|
}
|
|
|
|
.fa-sort-amount-asc:before {
|
|
content: "\f160"
|
|
}
|
|
|
|
.fa-sort-amount-desc:before {
|
|
content: "\f161"
|
|
}
|
|
|
|
.fa-sort-numeric-asc:before {
|
|
content: "\f162"
|
|
}
|
|
|
|
.fa-sort-numeric-desc:before {
|
|
content: "\f163"
|
|
}
|
|
|
|
.fa-thumbs-up:before {
|
|
content: "\f164"
|
|
}
|
|
|
|
.fa-thumbs-down:before {
|
|
content: "\f165"
|
|
}
|
|
|
|
.fa-youtube-square:before {
|
|
content: "\f166"
|
|
}
|
|
|
|
.fa-youtube:before {
|
|
content: "\f167"
|
|
}
|
|
|
|
.fa-xing:before {
|
|
content: "\f168"
|
|
}
|
|
|
|
.fa-xing-square:before {
|
|
content: "\f169"
|
|
}
|
|
|
|
.fa-youtube-play:before {
|
|
content: "\f16a"
|
|
}
|
|
|
|
.fa-dropbox:before {
|
|
content: "\f16b"
|
|
}
|
|
|
|
.fa-stack-overflow:before {
|
|
content: "\f16c"
|
|
}
|
|
|
|
.fa-instagram:before {
|
|
content: "\f16d"
|
|
}
|
|
|
|
.fa-flickr:before {
|
|
content: "\f16e"
|
|
}
|
|
|
|
.fa-adn:before {
|
|
content: "\f170"
|
|
}
|
|
|
|
.fa-bitbucket:before {
|
|
content: "\f171"
|
|
}
|
|
|
|
.fa-bitbucket-square:before {
|
|
content: "\f172"
|
|
}
|
|
|
|
.fa-tumblr:before {
|
|
content: "\f173"
|
|
}
|
|
|
|
.fa-tumblr-square:before {
|
|
content: "\f174"
|
|
}
|
|
|
|
.fa-long-arrow-down:before {
|
|
content: "\f175"
|
|
}
|
|
|
|
.fa-long-arrow-up:before {
|
|
content: "\f176"
|
|
}
|
|
|
|
.fa-long-arrow-left:before {
|
|
content: "\f177"
|
|
}
|
|
|
|
.fa-long-arrow-right:before {
|
|
content: "\f178"
|
|
}
|
|
|
|
.fa-apple:before {
|
|
content: "\f179"
|
|
}
|
|
|
|
.fa-windows:before {
|
|
content: "\f17a"
|
|
}
|
|
|
|
.fa-android:before {
|
|
content: "\f17b"
|
|
}
|
|
|
|
.fa-linux:before {
|
|
content: "\f17c"
|
|
}
|
|
|
|
.fa-dribbble:before {
|
|
content: "\f17d"
|
|
}
|
|
|
|
.fa-skype:before {
|
|
content: "\f17e"
|
|
}
|
|
|
|
.fa-foursquare:before {
|
|
content: "\f180"
|
|
}
|
|
|
|
.fa-trello:before {
|
|
content: "\f181"
|
|
}
|
|
|
|
.fa-female:before {
|
|
content: "\f182"
|
|
}
|
|
|
|
.fa-male:before {
|
|
content: "\f183"
|
|
}
|
|
|
|
.fa-gittip:before,
|
|
.fa-gratipay:before {
|
|
content: "\f184"
|
|
}
|
|
|
|
.fa-sun-o:before {
|
|
content: "\f185"
|
|
}
|
|
|
|
.fa-moon-o:before {
|
|
content: "\f186"
|
|
}
|
|
|
|
.fa-archive:before {
|
|
content: "\f187"
|
|
}
|
|
|
|
.fa-bug:before {
|
|
content: "\f188"
|
|
}
|
|
|
|
.fa-vk:before {
|
|
content: "\f189"
|
|
}
|
|
|
|
.fa-weibo:before {
|
|
content: "\f18a"
|
|
}
|
|
|
|
.fa-renren:before {
|
|
content: "\f18b"
|
|
}
|
|
|
|
.fa-pagelines:before {
|
|
content: "\f18c"
|
|
}
|
|
|
|
.fa-stack-exchange:before {
|
|
content: "\f18d"
|
|
}
|
|
|
|
.fa-arrow-circle-o-right:before {
|
|
content: "\f18e"
|
|
}
|
|
|
|
.fa-arrow-circle-o-left:before {
|
|
content: "\f190"
|
|
}
|
|
|
|
.fa-toggle-left:before,
|
|
.fa-caret-square-o-left:before {
|
|
content: "\f191"
|
|
}
|
|
|
|
.fa-dot-circle-o:before {
|
|
content: "\f192"
|
|
}
|
|
|
|
.fa-wheelchair:before {
|
|
content: "\f193"
|
|
}
|
|
|
|
.fa-vimeo-square:before {
|
|
content: "\f194"
|
|
}
|
|
|
|
.fa-turkish-lira:before,
|
|
.fa-try:before {
|
|
content: "\f195"
|
|
}
|
|
|
|
.fa-plus-square-o:before {
|
|
content: "\f196"
|
|
}
|
|
|
|
.fa-space-shuttle:before {
|
|
content: "\f197"
|
|
}
|
|
|
|
.fa-slack:before {
|
|
content: "\f198"
|
|
}
|
|
|
|
.fa-envelope-square:before {
|
|
content: "\f199"
|
|
}
|
|
|
|
.fa-wordpress:before {
|
|
content: "\f19a"
|
|
}
|
|
|
|
.fa-openid:before {
|
|
content: "\f19b"
|
|
}
|
|
|
|
.fa-institution:before,
|
|
.fa-bank:before,
|
|
.fa-university:before {
|
|
content: "\f19c"
|
|
}
|
|
|
|
.fa-mortar-board:before,
|
|
.fa-graduation-cap:before {
|
|
content: "\f19d"
|
|
}
|
|
|
|
.fa-yahoo:before {
|
|
content: "\f19e"
|
|
}
|
|
|
|
.fa-google:before {
|
|
content: "\f1a0"
|
|
}
|
|
|
|
.fa-reddit:before {
|
|
content: "\f1a1"
|
|
}
|
|
|
|
.fa-reddit-square:before {
|
|
content: "\f1a2"
|
|
}
|
|
|
|
.fa-stumbleupon-circle:before {
|
|
content: "\f1a3"
|
|
}
|
|
|
|
.fa-stumbleupon:before {
|
|
content: "\f1a4"
|
|
}
|
|
|
|
.fa-delicious:before {
|
|
content: "\f1a5"
|
|
}
|
|
|
|
.fa-digg:before {
|
|
content: "\f1a6"
|
|
}
|
|
|
|
.fa-pied-piper:before {
|
|
content: "\f1a7"
|
|
}
|
|
|
|
.fa-pied-piper-alt:before {
|
|
content: "\f1a8"
|
|
}
|
|
|
|
.fa-drupal:before {
|
|
content: "\f1a9"
|
|
}
|
|
|
|
.fa-joomla:before {
|
|
content: "\f1aa"
|
|
}
|
|
|
|
.fa-language:before {
|
|
content: "\f1ab"
|
|
}
|
|
|
|
.fa-fax:before {
|
|
content: "\f1ac"
|
|
}
|
|
|
|
.fa-building:before {
|
|
content: "\f1ad"
|
|
}
|
|
|
|
.fa-child:before {
|
|
content: "\f1ae"
|
|
}
|
|
|
|
.fa-paw:before {
|
|
content: "\f1b0"
|
|
}
|
|
|
|
.fa-spoon:before {
|
|
content: "\f1b1"
|
|
}
|
|
|
|
.fa-cube:before {
|
|
content: "\f1b2"
|
|
}
|
|
|
|
.fa-cubes:before {
|
|
content: "\f1b3"
|
|
}
|
|
|
|
.fa-behance:before {
|
|
content: "\f1b4"
|
|
}
|
|
|
|
.fa-behance-square:before {
|
|
content: "\f1b5"
|
|
}
|
|
|
|
.fa-steam:before {
|
|
content: "\f1b6"
|
|
}
|
|
|
|
.fa-steam-square:before {
|
|
content: "\f1b7"
|
|
}
|
|
|
|
.fa-recycle:before {
|
|
content: "\f1b8"
|
|
}
|
|
|
|
.fa-automobile:before,
|
|
.fa-car:before {
|
|
content: "\f1b9"
|
|
}
|
|
|
|
.fa-cab:before,
|
|
.fa-taxi:before {
|
|
content: "\f1ba"
|
|
}
|
|
|
|
.fa-tree:before {
|
|
content: "\f1bb"
|
|
}
|
|
|
|
.fa-spotify:before {
|
|
content: "\f1bc"
|
|
}
|
|
|
|
.fa-deviantart:before {
|
|
content: "\f1bd"
|
|
}
|
|
|
|
.fa-soundcloud:before {
|
|
content: "\f1be"
|
|
}
|
|
|
|
.fa-database:before {
|
|
content: "\f1c0"
|
|
}
|
|
|
|
.fa-file-pdf-o:before {
|
|
content: "\f1c1"
|
|
}
|
|
|
|
.fa-file-word-o:before {
|
|
content: "\f1c2"
|
|
}
|
|
|
|
.fa-file-excel-o:before {
|
|
content: "\f1c3"
|
|
}
|
|
|
|
.fa-file-powerpoint-o:before {
|
|
content: "\f1c4"
|
|
}
|
|
|
|
.fa-file-photo-o:before,
|
|
.fa-file-picture-o:before,
|
|
.fa-file-image-o:before {
|
|
content: "\f1c5"
|
|
}
|
|
|
|
.fa-file-zip-o:before,
|
|
.fa-file-archive-o:before {
|
|
content: "\f1c6"
|
|
}
|
|
|
|
.fa-file-sound-o:before,
|
|
.fa-file-audio-o:before {
|
|
content: "\f1c7"
|
|
}
|
|
|
|
.fa-file-movie-o:before,
|
|
.fa-file-video-o:before {
|
|
content: "\f1c8"
|
|
}
|
|
|
|
.fa-file-code-o:before {
|
|
content: "\f1c9"
|
|
}
|
|
|
|
.fa-vine:before {
|
|
content: "\f1ca"
|
|
}
|
|
|
|
.fa-codepen:before {
|
|
content: "\f1cb"
|
|
}
|
|
|
|
.fa-jsfiddle:before {
|
|
content: "\f1cc"
|
|
}
|
|
|
|
.fa-life-bouy:before,
|
|
.fa-life-buoy:before,
|
|
.fa-life-saver:before,
|
|
.fa-support:before,
|
|
.fa-life-ring:before {
|
|
content: "\f1cd"
|
|
}
|
|
|
|
.fa-circle-o-notch:before {
|
|
content: "\f1ce"
|
|
}
|
|
|
|
.fa-ra:before,
|
|
.fa-rebel:before {
|
|
content: "\f1d0"
|
|
}
|
|
|
|
.fa-ge:before,
|
|
.fa-empire:before {
|
|
content: "\f1d1"
|
|
}
|
|
|
|
.fa-git-square:before {
|
|
content: "\f1d2"
|
|
}
|
|
|
|
.fa-git:before {
|
|
content: "\f1d3"
|
|
}
|
|
|
|
.fa-y-combinator-square:before,
|
|
.fa-yc-square:before,
|
|
.fa-hacker-news:before {
|
|
content: "\f1d4"
|
|
}
|
|
|
|
.fa-tencent-weibo:before {
|
|
content: "\f1d5"
|
|
}
|
|
|
|
.fa-qq:before {
|
|
content: "\f1d6"
|
|
}
|
|
|
|
.fa-wechat:before,
|
|
.fa-weixin:before {
|
|
content: "\f1d7"
|
|
}
|
|
|
|
.fa-send:before,
|
|
.fa-paper-plane:before {
|
|
content: "\f1d8"
|
|
}
|
|
|
|
.fa-send-o:before,
|
|
.fa-paper-plane-o:before {
|
|
content: "\f1d9"
|
|
}
|
|
|
|
.fa-history:before {
|
|
content: "\f1da"
|
|
}
|
|
|
|
.fa-circle-thin:before {
|
|
content: "\f1db"
|
|
}
|
|
|
|
.fa-header:before {
|
|
content: "\f1dc"
|
|
}
|
|
|
|
.fa-paragraph:before {
|
|
content: "\f1dd"
|
|
}
|
|
|
|
.fa-sliders:before {
|
|
content: "\f1de"
|
|
}
|
|
|
|
.fa-share-alt:before {
|
|
content: "\f1e0"
|
|
}
|
|
|
|
.fa-share-alt-square:before {
|
|
content: "\f1e1"
|
|
}
|
|
|
|
.fa-bomb:before {
|
|
content: "\f1e2"
|
|
}
|
|
|
|
.fa-soccer-ball-o:before,
|
|
.fa-futbol-o:before {
|
|
content: "\f1e3"
|
|
}
|
|
|
|
.fa-tty:before {
|
|
content: "\f1e4"
|
|
}
|
|
|
|
.fa-binoculars:before {
|
|
content: "\f1e5"
|
|
}
|
|
|
|
.fa-plug:before {
|
|
content: "\f1e6"
|
|
}
|
|
|
|
.fa-slideshare:before {
|
|
content: "\f1e7"
|
|
}
|
|
|
|
.fa-twitch:before {
|
|
content: "\f1e8"
|
|
}
|
|
|
|
.fa-yelp:before {
|
|
content: "\f1e9"
|
|
}
|
|
|
|
.fa-newspaper-o:before {
|
|
content: "\f1ea"
|
|
}
|
|
|
|
.fa-wifi:before {
|
|
content: "\f1eb"
|
|
}
|
|
|
|
.fa-calculator:before {
|
|
content: "\f1ec"
|
|
}
|
|
|
|
.fa-paypal:before {
|
|
content: "\f1ed"
|
|
}
|
|
|
|
.fa-google-wallet:before {
|
|
content: "\f1ee"
|
|
}
|
|
|
|
.fa-cc-visa:before {
|
|
content: "\f1f0"
|
|
}
|
|
|
|
.fa-cc-mastercard:before {
|
|
content: "\f1f1"
|
|
}
|
|
|
|
.fa-cc-discover:before {
|
|
content: "\f1f2"
|
|
}
|
|
|
|
.fa-cc-amex:before {
|
|
content: "\f1f3"
|
|
}
|
|
|
|
.fa-cc-paypal:before {
|
|
content: "\f1f4"
|
|
}
|
|
|
|
.fa-cc-stripe:before {
|
|
content: "\f1f5"
|
|
}
|
|
|
|
.fa-bell-slash:before {
|
|
content: "\f1f6"
|
|
}
|
|
|
|
.fa-bell-slash-o:before {
|
|
content: "\f1f7"
|
|
}
|
|
|
|
.fa-trash:before {
|
|
content: "\f1f8"
|
|
}
|
|
|
|
.fa-copyright:before {
|
|
content: "\f1f9"
|
|
}
|
|
|
|
.fa-at:before {
|
|
content: "\f1fa"
|
|
}
|
|
|
|
.fa-eyedropper:before {
|
|
content: "\f1fb"
|
|
}
|
|
|
|
.fa-paint-brush:before {
|
|
content: "\f1fc"
|
|
}
|
|
|
|
.fa-birthday-cake:before {
|
|
content: "\f1fd"
|
|
}
|
|
|
|
.fa-area-chart:before {
|
|
content: "\f1fe"
|
|
}
|
|
|
|
.fa-pie-chart:before {
|
|
content: "\f200"
|
|
}
|
|
|
|
.fa-line-chart:before {
|
|
content: "\f201"
|
|
}
|
|
|
|
.fa-lastfm:before {
|
|
content: "\f202"
|
|
}
|
|
|
|
.fa-lastfm-square:before {
|
|
content: "\f203"
|
|
}
|
|
|
|
.fa-toggle-off:before {
|
|
content: "\f204"
|
|
}
|
|
|
|
.fa-toggle-on:before {
|
|
content: "\f205"
|
|
}
|
|
|
|
.fa-bicycle:before {
|
|
content: "\f206"
|
|
}
|
|
|
|
.fa-bus:before {
|
|
content: "\f207"
|
|
}
|
|
|
|
.fa-ioxhost:before {
|
|
content: "\f208"
|
|
}
|
|
|
|
.fa-angellist:before {
|
|
content: "\f209"
|
|
}
|
|
|
|
.fa-cc:before {
|
|
content: "\f20a"
|
|
}
|
|
|
|
.fa-shekel:before,
|
|
.fa-sheqel:before,
|
|
.fa-ils:before {
|
|
content: "\f20b"
|
|
}
|
|
|
|
.fa-meanpath:before {
|
|
content: "\f20c"
|
|
}
|
|
|
|
.fa-buysellads:before {
|
|
content: "\f20d"
|
|
}
|
|
|
|
.fa-connectdevelop:before {
|
|
content: "\f20e"
|
|
}
|
|
|
|
.fa-dashcube:before {
|
|
content: "\f210"
|
|
}
|
|
|
|
.fa-forumbee:before {
|
|
content: "\f211"
|
|
}
|
|
|
|
.fa-leanpub:before {
|
|
content: "\f212"
|
|
}
|
|
|
|
.fa-sellsy:before {
|
|
content: "\f213"
|
|
}
|
|
|
|
.fa-shirtsinbulk:before {
|
|
content: "\f214"
|
|
}
|
|
|
|
.fa-simplybuilt:before {
|
|
content: "\f215"
|
|
}
|
|
|
|
.fa-skyatlas:before {
|
|
content: "\f216"
|
|
}
|
|
|
|
.fa-cart-plus:before {
|
|
content: "\f217"
|
|
}
|
|
|
|
.fa-cart-arrow-down:before {
|
|
content: "\f218"
|
|
}
|
|
|
|
.fa-diamond:before {
|
|
content: "\f219"
|
|
}
|
|
|
|
.fa-ship:before {
|
|
content: "\f21a"
|
|
}
|
|
|
|
.fa-user-secret:before {
|
|
content: "\f21b"
|
|
}
|
|
|
|
.fa-motorcycle:before {
|
|
content: "\f21c"
|
|
}
|
|
|
|
.fa-street-view:before {
|
|
content: "\f21d"
|
|
}
|
|
|
|
.fa-heartbeat:before {
|
|
content: "\f21e"
|
|
}
|
|
|
|
.fa-venus:before {
|
|
content: "\f221"
|
|
}
|
|
|
|
.fa-mars:before {
|
|
content: "\f222"
|
|
}
|
|
|
|
.fa-mercury:before {
|
|
content: "\f223"
|
|
}
|
|
|
|
.fa-intersex:before,
|
|
.fa-transgender:before {
|
|
content: "\f224"
|
|
}
|
|
|
|
.fa-transgender-alt:before {
|
|
content: "\f225"
|
|
}
|
|
|
|
.fa-venus-double:before {
|
|
content: "\f226"
|
|
}
|
|
|
|
.fa-mars-double:before {
|
|
content: "\f227"
|
|
}
|
|
|
|
.fa-venus-mars:before {
|
|
content: "\f228"
|
|
}
|
|
|
|
.fa-mars-stroke:before {
|
|
content: "\f229"
|
|
}
|
|
|
|
.fa-mars-stroke-v:before {
|
|
content: "\f22a"
|
|
}
|
|
|
|
.fa-mars-stroke-h:before {
|
|
content: "\f22b"
|
|
}
|
|
|
|
.fa-neuter:before {
|
|
content: "\f22c"
|
|
}
|
|
|
|
.fa-genderless:before {
|
|
content: "\f22d"
|
|
}
|
|
|
|
.fa-facebook-official:before {
|
|
content: "\f230"
|
|
}
|
|
|
|
.fa-pinterest-p:before {
|
|
content: "\f231"
|
|
}
|
|
|
|
.fa-whatsapp:before {
|
|
content: "\f232"
|
|
}
|
|
|
|
.fa-server:before {
|
|
content: "\f233"
|
|
}
|
|
|
|
.fa-user-plus:before {
|
|
content: "\f234"
|
|
}
|
|
|
|
.fa-user-times:before {
|
|
content: "\f235"
|
|
}
|
|
|
|
.fa-hotel:before,
|
|
.fa-bed:before {
|
|
content: "\f236"
|
|
}
|
|
|
|
.fa-viacoin:before {
|
|
content: "\f237"
|
|
}
|
|
|
|
.fa-train:before {
|
|
content: "\f238"
|
|
}
|
|
|
|
.fa-subway:before {
|
|
content: "\f239"
|
|
}
|
|
|
|
.fa-medium:before {
|
|
content: "\f23a"
|
|
}
|
|
|
|
.fa-yc:before,
|
|
.fa-y-combinator:before {
|
|
content: "\f23b"
|
|
}
|
|
|
|
.fa-optin-monster:before {
|
|
content: "\f23c"
|
|
}
|
|
|
|
.fa-opencart:before {
|
|
content: "\f23d"
|
|
}
|
|
|
|
.fa-expeditedssl:before {
|
|
content: "\f23e"
|
|
}
|
|
|
|
.fa-battery-4:before,
|
|
.fa-battery-full:before {
|
|
content: "\f240"
|
|
}
|
|
|
|
.fa-battery-3:before,
|
|
.fa-battery-three-quarters:before {
|
|
content: "\f241"
|
|
}
|
|
|
|
.fa-battery-2:before,
|
|
.fa-battery-half:before {
|
|
content: "\f242"
|
|
}
|
|
|
|
.fa-battery-1:before,
|
|
.fa-battery-quarter:before {
|
|
content: "\f243"
|
|
}
|
|
|
|
.fa-battery-0:before,
|
|
.fa-battery-empty:before {
|
|
content: "\f244"
|
|
}
|
|
|
|
.fa-mouse-pointer:before {
|
|
content: "\f245"
|
|
}
|
|
|
|
.fa-i-cursor:before {
|
|
content: "\f246"
|
|
}
|
|
|
|
.fa-object-group:before {
|
|
content: "\f247"
|
|
}
|
|
|
|
.fa-object-ungroup:before {
|
|
content: "\f248"
|
|
}
|
|
|
|
.fa-sticky-note:before {
|
|
content: "\f249"
|
|
}
|
|
|
|
.fa-sticky-note-o:before {
|
|
content: "\f24a"
|
|
}
|
|
|
|
.fa-cc-jcb:before {
|
|
content: "\f24b"
|
|
}
|
|
|
|
.fa-cc-diners-club:before {
|
|
content: "\f24c"
|
|
}
|
|
|
|
.fa-clone:before {
|
|
content: "\f24d"
|
|
}
|
|
|
|
.fa-balance-scale:before {
|
|
content: "\f24e"
|
|
}
|
|
|
|
.fa-hourglass-o:before {
|
|
content: "\f250"
|
|
}
|
|
|
|
.fa-hourglass-1:before,
|
|
.fa-hourglass-start:before {
|
|
content: "\f251"
|
|
}
|
|
|
|
.fa-hourglass-2:before,
|
|
.fa-hourglass-half:before {
|
|
content: "\f252"
|
|
}
|
|
|
|
.fa-hourglass-3:before,
|
|
.fa-hourglass-end:before {
|
|
content: "\f253"
|
|
}
|
|
|
|
.fa-hourglass:before {
|
|
content: "\f254"
|
|
}
|
|
|
|
.fa-hand-grab-o:before,
|
|
.fa-hand-rock-o:before {
|
|
content: "\f255"
|
|
}
|
|
|
|
.fa-hand-stop-o:before,
|
|
.fa-hand-paper-o:before {
|
|
content: "\f256"
|
|
}
|
|
|
|
.fa-hand-scissors-o:before {
|
|
content: "\f257"
|
|
}
|
|
|
|
.fa-hand-lizard-o:before {
|
|
content: "\f258"
|
|
}
|
|
|
|
.fa-hand-spock-o:before {
|
|
content: "\f259"
|
|
}
|
|
|
|
.fa-hand-pointer-o:before {
|
|
content: "\f25a"
|
|
}
|
|
|
|
.fa-hand-peace-o:before {
|
|
content: "\f25b"
|
|
}
|
|
|
|
.fa-trademark:before {
|
|
content: "\f25c"
|
|
}
|
|
|
|
.fa-registered:before {
|
|
content: "\f25d"
|
|
}
|
|
|
|
.fa-creative-commons:before {
|
|
content: "\f25e"
|
|
}
|
|
|
|
.fa-gg:before {
|
|
content: "\f260"
|
|
}
|
|
|
|
.fa-gg-circle:before {
|
|
content: "\f261"
|
|
}
|
|
|
|
.fa-tripadvisor:before {
|
|
content: "\f262"
|
|
}
|
|
|
|
.fa-odnoklassniki:before {
|
|
content: "\f263"
|
|
}
|
|
|
|
.fa-odnoklassniki-square:before {
|
|
content: "\f264"
|
|
}
|
|
|
|
.fa-get-pocket:before {
|
|
content: "\f265"
|
|
}
|
|
|
|
.fa-wikipedia-w:before {
|
|
content: "\f266"
|
|
}
|
|
|
|
.fa-safari:before {
|
|
content: "\f267"
|
|
}
|
|
|
|
.fa-chrome:before {
|
|
content: "\f268"
|
|
}
|
|
|
|
.fa-firefox:before {
|
|
content: "\f269"
|
|
}
|
|
|
|
.fa-opera:before {
|
|
content: "\f26a"
|
|
}
|
|
|
|
.fa-internet-explorer:before {
|
|
content: "\f26b"
|
|
}
|
|
|
|
.fa-tv:before,
|
|
.fa-television:before {
|
|
content: "\f26c"
|
|
}
|
|
|
|
.fa-contao:before {
|
|
content: "\f26d"
|
|
}
|
|
|
|
.fa-500px:before {
|
|
content: "\f26e"
|
|
}
|
|
|
|
.fa-amazon:before {
|
|
content: "\f270"
|
|
}
|
|
|
|
.fa-calendar-plus-o:before {
|
|
content: "\f271"
|
|
}
|
|
|
|
.fa-calendar-minus-o:before {
|
|
content: "\f272"
|
|
}
|
|
|
|
.fa-calendar-times-o:before {
|
|
content: "\f273"
|
|
}
|
|
|
|
.fa-calendar-check-o:before {
|
|
content: "\f274"
|
|
}
|
|
|
|
.fa-industry:before {
|
|
content: "\f275"
|
|
}
|
|
|
|
.fa-map-pin:before {
|
|
content: "\f276"
|
|
}
|
|
|
|
.fa-map-signs:before {
|
|
content: "\f277"
|
|
}
|
|
|
|
.fa-map-o:before {
|
|
content: "\f278"
|
|
}
|
|
|
|
.fa-map:before {
|
|
content: "\f279"
|
|
}
|
|
|
|
.fa-commenting:before {
|
|
content: "\f27a"
|
|
}
|
|
|
|
.fa-commenting-o:before {
|
|
content: "\f27b"
|
|
}
|
|
|
|
.fa-houzz:before {
|
|
content: "\f27c"
|
|
}
|
|
|
|
.fa-vimeo:before {
|
|
content: "\f27d"
|
|
}
|
|
|
|
.fa-black-tie:before {
|
|
content: "\f27e"
|
|
}
|
|
|
|
.fa-fonticons:before {
|
|
content: "\f280"
|
|
}
|
|
|
|
|
|
/**
|
|
* cubeportfolio v1.2 - http://scriptpie.com
|
|
*
|
|
* Copyright - 2013 Mihai Buricea (http://www.scriptpie.com)
|
|
* All rights reserved.
|
|
*
|
|
* You may not modify and/or redistribute this file
|
|
* save cases where Extended License has been purchased
|
|
*
|
|
*/
|
|
|
|
@charset "utf-8";
|
|
.cbp,
|
|
.cbp-item,
|
|
.cbp-wrapper {
|
|
filter: inherit
|
|
}
|
|
|
|
.cbp {
|
|
position: relative;
|
|
overflow: hidden;
|
|
margin: 0 auto;
|
|
height: 400px;
|
|
visibility: visible!important
|
|
}
|
|
|
|
.cbp .cbp-item,
|
|
.cbp-wrapper {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
list-style-type: none;
|
|
margin: 0;
|
|
padding: 0;
|
|
overflow: hidden
|
|
}
|
|
|
|
.cbp .cbp-item {
|
|
z-index: 2;
|
|
display: block;
|
|
width: 300px;
|
|
height: 200px
|
|
}
|
|
|
|
.cbp-item-wrapper {
|
|
width: 100%;
|
|
height: 100%;
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0
|
|
}
|
|
|
|
.cbp img {
|
|
display: block
|
|
}
|
|
|
|
.cbp-loading,
|
|
.cbp-loading *,
|
|
.cbp-no-transition .cbp-item {
|
|
-webkit-transition: none!important;
|
|
-moz-transition: none!important;
|
|
-o-transition: none!important;
|
|
transition: none!important
|
|
}
|
|
|
|
.cbp-appendItems-loading {
|
|
-webkit-transition: height .4s ease!important;
|
|
-moz-transition: height .4s ease!important;
|
|
-o-transition: height .4s ease!important;
|
|
transition: height .4s ease!important
|
|
}
|
|
|
|
.cbp-appendItems-loading .cbp-wrapper {
|
|
-webkit-transition: none!important;
|
|
-moz-transition: none!important;
|
|
-o-transition: none!important;
|
|
transition: none!important
|
|
}
|
|
|
|
.cbp-loading {
|
|
background: url(../images/cbp-loading.gif) no-repeat scroll center center transparent
|
|
}
|
|
|
|
.cbp .cbp-item-hidden {
|
|
pointer-events: none;
|
|
z-index: 1
|
|
}
|
|
|
|
.cbp-wrapper {
|
|
visibility: hidden;
|
|
width: 100%;
|
|
height: 100%;
|
|
z-index: 1
|
|
}
|
|
|
|
.cbp-ready .cbp-wrapper {
|
|
visibility: visible
|
|
}
|
|
|
|
.cbp-wrapper-front {
|
|
z-index: 3
|
|
}
|
|
|
|
.cbp-wrapper-back {
|
|
z-index: -1
|
|
}
|
|
|
|
.cbp-caption,
|
|
.cbp-caption-activeWrap,
|
|
.cbp-caption-defaultWrap {
|
|
width: 100%;
|
|
height: 100%;
|
|
overflow: hidden;
|
|
position: relative;
|
|
display: block;
|
|
text-decoration: none
|
|
}
|
|
|
|
.cbp-caption-activeWrap,
|
|
.cbp-caption-defaultWrap {
|
|
position: absolute;
|
|
z-index: 1
|
|
}
|
|
|
|
.cbp-caption-activeWrap {
|
|
z-index: 2
|
|
}
|
|
|
|
.cbp-l-caption-title {
|
|
color: #fff;
|
|
font: 700 16px/18px sans-serif;
|
|
margin-bottom: 5px
|
|
}
|
|
|
|
.cbp-l-caption-desc {
|
|
color: #777;
|
|
font: 400 12px/16px sans-serif
|
|
}
|
|
|
|
.cbp-l-caption-text {
|
|
font: 400 14px "Open Sans", sans-serif;
|
|
color: #fff;
|
|
letter-spacing: 3px
|
|
}
|
|
|
|
.cbp-l-caption-buttonLeft,
|
|
.cbp-l-caption-buttonRight {
|
|
background-color: #3288C4;
|
|
color: #FFF;
|
|
display: inline-block;
|
|
font: 12px/28px sans-serif;
|
|
text-decoration: none;
|
|
width: 90px;
|
|
text-align: center;
|
|
margin: 4px
|
|
}
|
|
|
|
.cbp-l-caption-buttonLeft:hover,
|
|
.cbp-l-caption-buttonRight:hover {
|
|
background-color: #2578B3
|
|
}
|
|
|
|
.cbp-caption-fadeIn .cbp-l-caption-alignLeft .cbp-l-caption-body,
|
|
.cbp-caption-minimal .cbp-l-caption-alignLeft .cbp-l-caption-body,
|
|
.cbp-caption-moveRight .cbp-l-caption-alignLeft .cbp-l-caption-body,
|
|
.cbp-caption-overlayBottom .cbp-l-caption-alignLeft .cbp-l-caption-body,
|
|
.cbp-caption-overlayRightAlong .cbp-l-caption-alignLeft .cbp-l-caption-body,
|
|
.cbp-caption-pushDown .cbp-l-caption-alignLeft .cbp-l-caption-body,
|
|
.cbp-caption-pushTop .cbp-l-caption-alignLeft .cbp-l-caption-body,
|
|
.cbp-caption-revealBottom .cbp-l-caption-alignLeft .cbp-l-caption-body,
|
|
.cbp-caption-revealLeft .cbp-l-caption-alignLeft .cbp-l-caption-body,
|
|
.cbp-caption-revealTop .cbp-l-caption-alignLeft .cbp-l-caption-body,
|
|
.cbp-caption-zoom .cbp-l-caption-alignLeft .cbp-l-caption-body {
|
|
margin: 30px 30px 0
|
|
}
|
|
|
|
.cbp-caption-overlayBottom .cbp-l-caption-alignLeft .cbp-l-caption-body,
|
|
.cbp-caption-overlayBottomAlong .cbp-l-caption-alignLeft .cbp-l-caption-body,
|
|
.cbp-caption-overlayBottomPush .cbp-l-caption-alignLeft .cbp-l-caption-body,
|
|
.cbp-caption-overlayBottomReveal .cbp-l-caption-alignLeft .cbp-l-caption-body {
|
|
margin: 17px 30px 0
|
|
}
|
|
|
|
.cbp-caption-minimal .cbp-l-caption-desc,
|
|
.cbp-caption-minimal .cbp-l-caption-title {
|
|
position: relative;
|
|
left: 0;
|
|
opacity: 0;
|
|
-webkit-transition: -webkit-transform .5s ease;
|
|
-moz-transition: -moz-transform .5s ease;
|
|
-o-transition: -o-transform .5s ease;
|
|
transition: transform .5s ease
|
|
}
|
|
|
|
.cbp-caption-minimal .cbp-l-caption-title {
|
|
-webkit-transform: translateY(-100%);
|
|
-moz-transform: translateY(-100%);
|
|
-o-transform: translateY(-100%);
|
|
transform: translateY(-100%)
|
|
}
|
|
|
|
.cbp-caption-minimal .cbp-l-caption-desc {
|
|
-webkit-transform: translateY(100%);
|
|
-moz-transform: translateY(100%);
|
|
-o-transform: translateY(100%);
|
|
transform: translateY(100%)
|
|
}
|
|
|
|
.cbp-caption-minimal .cbp-caption:hover .cbp-l-caption-desc,
|
|
.cbp-caption-minimal .cbp-caption:hover .cbp-l-caption-title {
|
|
opacity: 1;
|
|
-webkit-transform: translateY(0);
|
|
-moz-transform: translateY(0);
|
|
-o-transform: translateY(0);
|
|
transform: translateY(0)
|
|
}
|
|
|
|
.cbp-l-caption-alignCenter {
|
|
display: table;
|
|
width: 100%;
|
|
height: 100%
|
|
}
|
|
|
|
.cbp-l-caption-alignCenter .cbp-l-caption-body {
|
|
display: table-cell;
|
|
vertical-align: middle;
|
|
text-align: center
|
|
}
|
|
|
|
.cbp-l-caption-alignCenter .cbp-l-caption-buttonLeft,
|
|
.cbp-l-caption-alignCenter .cbp-l-caption-buttonRight {
|
|
position: relative;
|
|
-webkit-transition: left .4s cubic-bezier(.19, 1, .22, 1);
|
|
-moz-transition: left .4s cubic-bezier(.19, 1, .22, 1);
|
|
-o-transition: left .4s cubic-bezier(.19, 1, .22, 1);
|
|
transition: left .4s cubic-bezier(.19, 1, .22, 1)
|
|
}
|
|
|
|
.cbp-caption-minimal .cbp-l-caption-alignCenter .cbp-l-caption-buttonLeft,
|
|
.cbp-caption-overlayBottom .cbp-l-caption-alignCenter .cbp-l-caption-buttonLeft,
|
|
.cbp-caption-overlayBottomAlong .cbp-l-caption-alignCenter .cbp-l-caption-buttonLeft,
|
|
.cbp-caption-overlayBottomPush .cbp-l-caption-alignCenter .cbp-l-caption-buttonLeft {
|
|
left: -20px
|
|
}
|
|
|
|
.cbp-caption-minimal .cbp-l-caption-alignCenter .cbp-l-caption-buttonRight,
|
|
.cbp-caption-overlayBottom .cbp-l-caption-alignCenter .cbp-l-caption-buttonRight,
|
|
.cbp-caption-overlayBottomAlong .cbp-l-caption-alignCenter .cbp-l-caption-buttonRight,
|
|
.cbp-caption-overlayBottomPush .cbp-l-caption-alignCenter .cbp-l-caption-buttonRight {
|
|
left: 20px
|
|
}
|
|
|
|
.cbp-caption:hover .cbp-l-caption-alignCenter .cbp-l-caption-buttonLeft,
|
|
.cbp-caption:hover .cbp-l-caption-alignCenter .cbp-l-caption-buttonRight,
|
|
.cbp-ie8 .cbp-l-caption-alignCenter .cbp-l-caption-buttonLeft,
|
|
.cbp-ie8 .cbp-l-caption-alignCenter .cbp-l-caption-buttonRight,
|
|
.cbp-ie9 .cbp-l-caption-alignCenter .cbp-l-caption-buttonLeft,
|
|
.cbp-ie9 .cbp-l-caption-alignCenter .cbp-l-caption-buttonRight {
|
|
left: 0
|
|
}
|
|
|
|
.cbp-caption-pushTop .cbp-caption-activeWrap,
|
|
.cbp-caption-pushTop .cbp-caption-defaultWrap {
|
|
bottom: 0;
|
|
-webkit-transition: bottom .6s cubic-bezier(.19, 1, .22, 1);
|
|
-moz-transition: bottom .6s cubic-bezier(.19, 1, .22, 1);
|
|
-o-transition: bottom .6s cubic-bezier(.19, 1, .22, 1);
|
|
transition: bottom .6s cubic-bezier(.19, 1, .22, 1)
|
|
}
|
|
|
|
.cbp-caption-pushTop .cbp-caption-activeWrap {
|
|
bottom: -100%;
|
|
background: none repeat scroll 0 0 #282727
|
|
}
|
|
|
|
.cbp-caption-pushTop .cbp-caption:hover .cbp-caption-defaultWrap {
|
|
bottom: 100%
|
|
}
|
|
|
|
.cbp-caption-pushTop .cbp-caption:hover .cbp-caption-activeWrap,
|
|
.cbp-caption-pushTop.cbp-ie8 .cbp-caption:hover .cbp-caption-defaultWrap,
|
|
.cbp-caption-pushTop.cbp-ie9 .cbp-caption:hover .cbp-caption-defaultWrap {
|
|
bottom: 0
|
|
}
|
|
|
|
.cbp-caption-pushTop.cbp-ie8 .cbp-caption:hover .cbp-caption-activeWrap,
|
|
.cbp-caption-pushTop.cbp-ie9 .cbp-caption:hover .cbp-caption-activeWrap {
|
|
bottom: -100%
|
|
}
|
|
|
|
.cbp-caption-pushDown .cbp-caption-activeWrap,
|
|
.cbp-caption-pushDown .cbp-caption-defaultWrap {
|
|
bottom: 0;
|
|
-webkit-transition: bottom .6s cubic-bezier(.19, 1, .22, 1);
|
|
-moz-transition: bottom .6s cubic-bezier(.19, 1, .22, 1);
|
|
-o-transition: bottom .6s cubic-bezier(.19, 1, .22, 1);
|
|
transition: bottom .6s cubic-bezier(.19, 1, .22, 1)
|
|
}
|
|
|
|
.cbp-caption-pushDown .cbp-caption-activeWrap {
|
|
bottom: 100%;
|
|
background: none repeat scroll 0 0 #282727
|
|
}
|
|
|
|
.cbp-caption-pushDown .cbp-caption:hover .cbp-caption-defaultWrap {
|
|
bottom: -100%
|
|
}
|
|
|
|
.cbp-caption-pushDown .cbp-caption:hover .cbp-caption-activeWrap,
|
|
.cbp-caption-pushDown.cbp-ie8 .cbp-caption:hover .cbp-caption-defaultWrap,
|
|
.cbp-caption-pushDown.cbp-ie9 .cbp-caption:hover .cbp-caption-defaultWrap {
|
|
bottom: 0
|
|
}
|
|
|
|
.cbp-caption-pushDown.cbp-ie8 .cbp-caption:hover .cbp-caption-activeWrap,
|
|
.cbp-caption-pushDown.cbp-ie9 .cbp-caption:hover .cbp-caption-activeWrap {
|
|
bottom: 100%
|
|
}
|
|
|
|
.cbp-caption-revealBottom .cbp-caption-defaultWrap {
|
|
bottom: 0;
|
|
z-index: 2;
|
|
-webkit-transition: bottom .6s cubic-bezier(.19, 1, .22, 1);
|
|
-moz-transition: bottom .6s cubic-bezier(.19, 1, .22, 1);
|
|
-o-transition: bottom .6s cubic-bezier(.19, 1, .22, 1);
|
|
transition: bottom .6s cubic-bezier(.19, 1, .22, 1)
|
|
}
|
|
|
|
.cbp-caption-revealBottom .cbp-caption-activeWrap {
|
|
bottom: 0;
|
|
z-index: 1;
|
|
background: none repeat scroll 0 0 #282727
|
|
}
|
|
|
|
.cbp-caption-revealBottom .cbp-caption:hover .cbp-caption-defaultWrap {
|
|
bottom: 100%
|
|
}
|
|
|
|
.cbp-caption-revealBottom.cbp-ie8 .cbp-caption:hover .cbp-caption-defaultWrap,
|
|
.cbp-caption-revealBottom.cbp-ie9 .cbp-caption:hover .cbp-caption-defaultWrap {
|
|
bottom: 0
|
|
}
|
|
|
|
.cbp-caption-revealTop .cbp-caption-defaultWrap {
|
|
bottom: 0;
|
|
z-index: 2;
|
|
-webkit-transition: bottom .6s cubic-bezier(.19, 1, .22, 1);
|
|
-moz-transition: bottom .6s cubic-bezier(.19, 1, .22, 1);
|
|
-o-transition: bottom .6s cubic-bezier(.19, 1, .22, 1);
|
|
transition: bottom .6s cubic-bezier(.19, 1, .22, 1)
|
|
}
|
|
|
|
.cbp-caption-revealTop .cbp-caption-activeWrap {
|
|
bottom: 0;
|
|
z-index: 1;
|
|
background: none repeat scroll 0 0 #282727
|
|
}
|
|
|
|
.cbp-caption-revealTop .cbp-caption:hover .cbp-caption-defaultWrap {
|
|
bottom: -100%
|
|
}
|
|
|
|
.cbp-caption-revealTop.cbp-ie8 .cbp-caption:hover .cbp-caption-defaultWrap,
|
|
.cbp-caption-revealTop.cbp-ie9 .cbp-caption:hover .cbp-caption-defaultWrap {
|
|
bottom: 0
|
|
}
|
|
|
|
.cbp-caption-overlayBottomReveal .cbp-caption-defaultWrap {
|
|
bottom: 0;
|
|
z-index: 2;
|
|
-webkit-transition: bottom .6s cubic-bezier(.19, 1, .22, 1);
|
|
-moz-transition: bottom .6s cubic-bezier(.19, 1, .22, 1);
|
|
-o-transition: bottom .6s cubic-bezier(.19, 1, .22, 1);
|
|
transition: bottom .6s cubic-bezier(.19, 1, .22, 1)
|
|
}
|
|
|
|
.cbp-caption-overlayBottomReveal .cbp-caption-activeWrap {
|
|
bottom: 0;
|
|
z-index: 1;
|
|
height: 70px;
|
|
background: none repeat scroll 0 0 #282727
|
|
}
|
|
|
|
.cbp-caption-overlayBottomReveal .cbp-caption:hover .cbp-caption-defaultWrap {
|
|
bottom: 70px
|
|
}
|
|
|
|
.cbp-caption-overlayBottomReveal.cbp-ie8 .cbp-caption:hover .cbp-caption-defaultWrap,
|
|
.cbp-caption-overlayBottomReveal.cbp-ie9 .cbp-caption:hover .cbp-caption-defaultWrap {
|
|
bottom: 0
|
|
}
|
|
|
|
.cbp-caption-overlayBottomPush .cbp-caption-activeWrap,
|
|
.cbp-caption-overlayBottomPush .cbp-caption-defaultWrap {
|
|
bottom: 0;
|
|
-webkit-transition: bottom .6s cubic-bezier(.19, 1, .22, 1);
|
|
-moz-transition: bottom .6s cubic-bezier(.19, 1, .22, 1);
|
|
-o-transition: bottom .6s cubic-bezier(.19, 1, .22, 1);
|
|
transition: bottom .6s cubic-bezier(.19, 1, .22, 1)
|
|
}
|
|
|
|
.cbp-caption-overlayBottomPush .cbp-caption-activeWrap {
|
|
bottom: -70px;
|
|
height: 70px;
|
|
background: none repeat scroll 0 0 #282727
|
|
}
|
|
|
|
.cbp-caption-overlayBottomPush .cbp-caption:hover .cbp-caption-defaultWrap {
|
|
bottom: 70px
|
|
}
|
|
|
|
.cbp-caption-overlayBottomPush .cbp-caption:hover .cbp-caption-activeWrap,
|
|
.cbp-caption-overlayBottomPush.cbp-ie8 .cbp-caption:hover .cbp-caption-defaultWrap,
|
|
.cbp-caption-overlayBottomPush.cbp-ie9 .cbp-caption:hover .cbp-caption-defaultWrap {
|
|
bottom: 0
|
|
}
|
|
|
|
.cbp-caption-overlayBottomPush.cbp-ie8 .cbp-caption:hover .cbp-caption-activeWrap,
|
|
.cbp-caption-overlayBottomPush.cbp-ie9 .cbp-caption:hover .cbp-caption-activeWrap {
|
|
bottom: -70px
|
|
}
|
|
|
|
.cbp-caption-overlayBottom .cbp-caption-activeWrap {
|
|
bottom: -70px;
|
|
height: 70px;
|
|
background-color: #181616;
|
|
background-color: rgba(24, 22, 22, .7);
|
|
-webkit-transition: bottom .6s cubic-bezier(.19, 1, .22, 1);
|
|
-moz-transition: bottom .6s cubic-bezier(.19, 1, .22, 1);
|
|
-o-transition: bottom .6s cubic-bezier(.19, 1, .22, 1);
|
|
transition: bottom .6s cubic-bezier(.19, 1, .22, 1)
|
|
}
|
|
|
|
.cbp-caption-overlayBottom .cbp-caption:hover .cbp-caption-activeWrap {
|
|
bottom: 0
|
|
}
|
|
|
|
.cbp-caption-overlayBottom.cbp-ie9 .cbp-caption:hover .cbp-caption-activeWrap {
|
|
bottom: -70px
|
|
}
|
|
|
|
.cbp-caption-moveRight .cbp-caption-activeWrap {
|
|
left: -100%;
|
|
top: 0;
|
|
background: none repeat scroll 0 0 #282727;
|
|
-webkit-transition: left .6s cubic-bezier(.19, 1, .22, 1);
|
|
-moz-transition: left .6s cubic-bezier(.19, 1, .22, 1);
|
|
-o-transition: left .6s cubic-bezier(.19, 1, .22, 1);
|
|
transition: left .6s cubic-bezier(.19, 1, .22, 1)
|
|
}
|
|
|
|
.cbp-caption-moveRight .cbp-caption:hover .cbp-caption-activeWrap {
|
|
left: 0
|
|
}
|
|
|
|
.cbp-caption-moveRight.cbp-ie8 .cbp-caption:hover .cbp-caption-activeWrap,
|
|
.cbp-caption-moveRight.cbp-ie9 .cbp-caption:hover .cbp-caption-activeWrap {
|
|
left: -100%
|
|
}
|
|
|
|
.cbp-caption-revealLeft .cbp-caption-activeWrap {
|
|
left: 100%;
|
|
top: 0;
|
|
background: none repeat scroll 0 0 #282727;
|
|
-webkit-transition: left .6s cubic-bezier(.19, 1, .22, 1);
|
|
-moz-transition: left .6s cubic-bezier(.19, 1, .22, 1);
|
|
-o-transition: left .6s cubic-bezier(.19, 1, .22, 1);
|
|
transition: left .6s cubic-bezier(.19, 1, .22, 1)
|
|
}
|
|
|
|
.cbp-caption-revealLeft .cbp-caption:hover .cbp-caption-activeWrap {
|
|
left: 0
|
|
}
|
|
|
|
.cbp-caption-revealLeft.cbp-ie8 .cbp-caption:hover .cbp-caption-activeWrap,
|
|
.cbp-caption-revealLeft.cbp-ie9 .cbp-caption:hover .cbp-caption-activeWrap {
|
|
left: 100%
|
|
}
|
|
|
|
.cbp-caption-minimal .cbp-caption-activeWrap {
|
|
background-color: rgba(0, 0, 0, .8);
|
|
opacity: 0
|
|
}
|
|
|
|
.cbp-caption-minimal .cbp-caption:hover .cbp-caption-activeWrap {
|
|
opacity: 1
|
|
}
|
|
|
|
.cbp-caption-minimal.cbp-ie8 .cbp-caption-activeWrap {
|
|
background-color: #000;
|
|
-ms-filter: "alpha(Opacity=0)"
|
|
}
|
|
|
|
.cbp-caption-minimal.cbp-ie8 .cbp-caption:hover .cbp-caption-activeWrap {
|
|
-ms-filter: "alpha(Opacity=90)"
|
|
}
|
|
|
|
.cbp-caption-fadeIn .cbp-caption-activeWrap {
|
|
opacity: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
background-color: rgba(0, 0, 0, .85);
|
|
-webkit-transition: opacity .6s cubic-bezier(.19, 1, .22, 1);
|
|
-moz-transition: opacity .6s cubic-bezier(.19, 1, .22, 1);
|
|
-o-transition: opacity .6s cubic-bezier(.19, 1, .22, 1);
|
|
transition: opacity .6s cubic-bezier(.19, 1, .22, 1)
|
|
}
|
|
|
|
.cbp-caption-fadeIn.cbp-ie8 .cbp-caption-activeWrap {
|
|
background-color: #000;
|
|
-ms-filter: "alpha(Opacity=0)"
|
|
}
|
|
|
|
.cbp-caption-fadeIn .cbp-caption:hover .cbp-caption-activeWrap {
|
|
opacity: 1
|
|
}
|
|
|
|
.cbp-caption-fadeIn.cbp-ie9 .cbp-caption:hover .cbp-caption-activeWrap {
|
|
opacity: 0
|
|
}
|
|
|
|
.cbp-caption-overlayRightAlong .cbp-caption-activeWrap,
|
|
.cbp-caption-overlayRightAlong .cbp-caption-defaultWrap {
|
|
left: 0;
|
|
-webkit-transition: left .6s cubic-bezier(.19, 1, .22, 1);
|
|
-moz-transition: left .6s cubic-bezier(.19, 1, .22, 1);
|
|
-o-transition: left .6s cubic-bezier(.19, 1, .22, 1);
|
|
transition: left .6s cubic-bezier(.19, 1, .22, 1)
|
|
}
|
|
|
|
.cbp-caption-overlayRightAlong .cbp-caption-activeWrap {
|
|
left: -50%;
|
|
width: 50%;
|
|
background: none repeat scroll 0 0 #282727
|
|
}
|
|
|
|
.cbp-caption-overlayRightAlong .cbp-caption:hover .cbp-caption-defaultWrap {
|
|
left: 25%
|
|
}
|
|
|
|
.cbp-caption-overlayRightAlong .cbp-caption:hover .cbp-caption-activeWrap,
|
|
.cbp-caption-overlayRightAlong.cbp-ie8 .cbp-caption:hover .cbp-caption-defaultWrap,
|
|
.cbp-caption-overlayRightAlong.cbp-ie9 .cbp-caption:hover .cbp-caption-defaultWrap {
|
|
left: 0
|
|
}
|
|
|
|
.cbp-caption-overlayRightAlong.cbp-ie8 .cbp-caption:hover .cbp-caption-activeWrap,
|
|
.cbp-caption-overlayRightAlong.cbp-ie9 .cbp-caption:hover .cbp-caption-activeWrap {
|
|
left: -50%
|
|
}
|
|
|
|
.cbp-caption-overlayBottomAlong .cbp-caption-activeWrap,
|
|
.cbp-caption-overlayBottomAlong .cbp-caption-defaultWrap {
|
|
bottom: 0;
|
|
-webkit-transition: bottom .6s cubic-bezier(.19, 1, .22, 1);
|
|
-moz-transition: bottom .6s cubic-bezier(.19, 1, .22, 1);
|
|
-o-transition: bottom .6s cubic-bezier(.19, 1, .22, 1);
|
|
transition: bottom .6s cubic-bezier(.19, 1, .22, 1)
|
|
}
|
|
|
|
.cbp-caption-overlayBottomAlong .cbp-caption-activeWrap {
|
|
bottom: -70px;
|
|
height: 70px;
|
|
background: none repeat scroll 0 0 #282727
|
|
}
|
|
|
|
.cbp-caption-overlayBottomAlong .cbp-caption:hover .cbp-caption-defaultWrap {
|
|
bottom: 35px
|
|
}
|
|
|
|
.cbp-caption-overlayBottomAlong .cbp-caption:hover .cbp-caption-activeWrap,
|
|
.cbp-caption-overlayBottomAlong.cbp-ie8 .cbp-caption:hover .cbp-caption-defaultWrap,
|
|
.cbp-caption-overlayBottomAlong.cbp-ie9 .cbp-caption:hover .cbp-caption-defaultWrap {
|
|
bottom: 0
|
|
}
|
|
|
|
.cbp-caption-overlayBottomAlong.cbp-ie8 .cbp-caption:hover .cbp-caption-activeWrap,
|
|
.cbp-caption-overlayBottomAlong.cbp-ie9 .cbp-caption:hover .cbp-caption-activeWrap {
|
|
bottom: -70px
|
|
}
|
|
|
|
.cbp-caption-zoom .cbp-caption-defaultWrap {
|
|
width: 100%;
|
|
height: 100%;
|
|
overflow: hidden;
|
|
-webkit-transition: -webkit-transform .6s cubic-bezier(.19, 1, .22, 1);
|
|
-moz-transition: -moz-transform .6s cubic-bezier(.19, 1, .22, 1);
|
|
-o-transition: -o-transform .6s cubic-bezier(.19, 1, .22, 1);
|
|
transition: transform .6s cubic-bezier(.19, 1, .22, 1)
|
|
}
|
|
|
|
.cbp-caption-zoom .cbp-caption:hover .cbp-caption-defaultWrap {
|
|
-webkit-transform: scale(1.25);
|
|
-moz-transform: scale(1.25);
|
|
-o-transform: scale(1.25);
|
|
transform: scale(1.25)
|
|
}
|
|
|
|
.cbp-caption-zoom .cbp-caption-activeWrap {
|
|
opacity: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
background-color: rgba(0, 0, 0, .9);
|
|
-webkit-transition: opacity .8s cubic-bezier(.19, 1, .22, 1);
|
|
-moz-transition: opacity .8s cubic-bezier(.19, 1, .22, 1);
|
|
-o-transition: opacity .8s cubic-bezier(.19, 1, .22, 1);
|
|
transition: opacity .8s cubic-bezier(.19, 1, .22, 1)
|
|
}
|
|
|
|
.cbp-caption-zoom.cbp-ie8 .cbp-caption-activeWrap {
|
|
background-color: #000;
|
|
-ms-filter: "alpha(Opacity=0)"
|
|
}
|
|
|
|
.cbp-caption-zoom .cbp-caption:hover .cbp-caption-activeWrap {
|
|
opacity: 1
|
|
}
|
|
|
|
.cbp-caption-zoom.cbp-ie9 .cbp-caption:hover .cbp-caption-activeWrap {
|
|
opacity: 0
|
|
}
|
|
|
|
.cbp-animation-fadeOut {
|
|
-webkit-transition: height .6s ease-in-out;
|
|
-moz-transition: height .6s ease-in-out;
|
|
-o-transition: height .6s ease-in-out;
|
|
transition: height .6s ease-in-out
|
|
}
|
|
|
|
.cbp-animation-fadeOut .cbp-item {
|
|
-webkit-transition: -webkit-transform .6s ease-in-out .2s, opacity .6s ease-in-out .2s;
|
|
-moz-transition: -moz-transform .6s ease-in-out .2s, opacity .6s ease-in-out .2s;
|
|
-o-transition: -o-transform .6s ease-in-out .2s, opacity .6s ease-in-out .2s;
|
|
transition: transform .6s ease-in-out .2s, opacity .6s ease-in-out .2s
|
|
}
|
|
|
|
.cbp-animation-fadeOut .cbp-item-hidden {
|
|
-webkit-transition: -webkit-transform .6s ease-in-out 0s, opacity .4s ease-in-out 0s;
|
|
-moz-transition: -moz-transform .6s ease-in-out 0s, opacity .4s ease-in-out 0s;
|
|
-o-transition: -o-transform .6s ease-in-out 0s, opacity .4s ease-in-out 0s;
|
|
transition: transform .6s ease-in-out 0s, opacity .4s ease-in-out 0s
|
|
}
|
|
|
|
.cbp-animation-quicksand {
|
|
-webkit-transition: height .6s ease-in-out;
|
|
-moz-transition: height .6s ease-in-out;
|
|
-o-transition: height .6s ease-in-out;
|
|
transition: height .6s ease-in-out
|
|
}
|
|
|
|
.cbp-animation-quicksand .cbp-item {
|
|
-webkit-transition: -webkit-transform .6s ease-in-out .2s, opacity .6s ease-in-out .2s;
|
|
-moz-transition: -moz-transform .6s ease-in-out .2s, opacity .6s ease-in-out .2s;
|
|
-o-transition: -o-transform .6s ease-in-out .2s, opacity .6s ease-in-out .2s;
|
|
transition: transform .6s ease-in-out .2s, opacity .6s ease-in-out .2s
|
|
}
|
|
|
|
.cbp-animation-quicksand .cbp-item-hidden {
|
|
-webkit-transition: -webkit-transform .6s ease-in-out 0s, opacity .4s ease-in-out 0s;
|
|
-moz-transition: -moz-transform .6s ease-in-out 0s, opacity .4s ease-in-out 0s;
|
|
-o-transition: -o-transform .6s ease-in-out 0s, opacity .4s ease-in-out 0s;
|
|
transition: transform .6s ease-in-out 0s, opacity .4s ease-in-out 0s
|
|
}
|
|
|
|
.cbp-animation-skew {
|
|
-webkit-transition: height .3s ease-in-out;
|
|
-moz-transition: height .3s ease-in-out;
|
|
-o-transition: height .3s ease-in-out;
|
|
transition: height .3s ease-in-out
|
|
}
|
|
|
|
.cbp-animation-skew .cbp-item {
|
|
-webkit-transition: -webkit-transform .3s ease-in, opacity .3s ease-in;
|
|
-moz-transition: -moz-transform .3s ease-in, opacity .3s ease-in;
|
|
-o-transition: -o-transform .3s ease-in, opacity .3s ease-in;
|
|
transition: transform .3s ease-in, opacity .3s ease-in
|
|
}
|
|
|
|
.cbp-animation-skew .cbp-item-hidden {
|
|
-webkit-transition: -webkit-transform .3s ease-in 0s, opacity .3s ease-in 0s;
|
|
-moz-transition: -moz-transform .3s ease-in 0s, opacity .3s ease-in 0s;
|
|
-o-transition: -o-transform .3s ease-in 0s, opacity .3s ease-in 0s;
|
|
transition: transform .3s ease-in 0s, opacity .3s ease-in 0s
|
|
}
|
|
|
|
.cbp-animation-boxShadow {
|
|
-webkit-transition: height .6s ease-in-out;
|
|
-moz-transition: height .6s ease-in-out;
|
|
-o-transition: height .6s ease-in-out;
|
|
transition: height .6s ease-in-out
|
|
}
|
|
|
|
.cbp-animation-boxShadow .cbp-item {
|
|
-webkit-transition: -webkit-transform .6s ease-in-out, opacity .6s ease-in-out;
|
|
-moz-transition: -moz-transform .6s ease-in-out, opacity .6s ease-in-out;
|
|
-o-transition: -o-transform .6s ease-in-out, opacity .6s ease-in-out;
|
|
transition: transform .6s ease-in-out, opacity .6s ease-in-out
|
|
}
|
|
|
|
.cbp-animation-boxShadow .cbp-item .cbp-animation-boxShadowMask {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
z-index: -1;
|
|
-webkit-transition: box-shadow .6s ease-in-out;
|
|
-moz-transition: box-shadow .6s ease-in-out;
|
|
-o-transition: box-shadow .6s ease-in-out;
|
|
transition: box-shadow .6s ease-in-out
|
|
}
|
|
|
|
.cbp-animation-boxShadow .cbp-item .cbp-animation-boxShadowMask.cbp-animation-boxShadowShow {
|
|
z-index: 10
|
|
}
|
|
|
|
.cbp-animation-boxShadow .cbp-item .cbp-animation-boxShadowMask.cbp-animation-boxShadowActive {
|
|
box-shadow: 0 0 100px 100px #fff inset
|
|
}
|
|
|
|
.cbp-animation-boxShadow .cbp-item .cbp-animation-boxShadowMask.cbp-animation-boxShadowInactive {
|
|
box-shadow: 0 0 #fff inset
|
|
}
|
|
|
|
.cbp-animation-bounceLeft {
|
|
-webkit-transition: height .8s ease-in-out;
|
|
-moz-transition: height .8s ease-in-out;
|
|
-o-transition: height .8s ease-in-out;
|
|
transition: height .8s ease-in-out
|
|
}
|
|
|
|
.cbp-animation-bounceLeft .cbp-wrapper {
|
|
-webkit-transition: opacity .8s ease-in-out, left .8s ease-in-out;
|
|
-moz-transition: opacity .8s ease-in-out, left .8s ease-in-out;
|
|
-o-transition: opacity .8s ease-in-out, left .8s ease-in-out;
|
|
transition: opacity .8s ease-in-out, left .8s ease-in-out
|
|
}
|
|
|
|
.cbp-animation-bounceLeft .cbp-item {
|
|
overflow: visible;
|
|
-webkit-transition: -webkit-transform .8s ease-in-out;
|
|
-moz-transition: -moz-transform .8s ease-in-out;
|
|
-o-transition: -o-transform .8s ease-in-out;
|
|
transition: transform .8s ease-in-out
|
|
}
|
|
|
|
.cbp-animation-bounceLeft .cbp-item-hidden {
|
|
display: none
|
|
}
|
|
|
|
.cbp-animation-bounceLeft .cbp-item-wrapper {
|
|
overflow: hidden
|
|
}
|
|
|
|
.cbp-animation-bounceTop {
|
|
-webkit-transition: height .6s ease-in-out;
|
|
-moz-transition: height .6s ease-in-out;
|
|
-o-transition: height .6s ease-in-out;
|
|
transition: height .6s ease-in-out
|
|
}
|
|
|
|
.cbp-animation-bounceTop .cbp-wrapper {
|
|
-webkit-transition: opacity .6s ease-in-out, top .6s ease-in-out;
|
|
-moz-transition: opacity .6s ease-in-out, top .6s ease-in-out;
|
|
-o-transition: opacity .6s ease-in-out, top .6s ease-in-out;
|
|
transition: opacity .6s ease-in-out, top .6s ease-in-out
|
|
}
|
|
|
|
.cbp-animation-bounceTop .cbp-item {
|
|
overflow: visible;
|
|
-webkit-transition: -webkit-transform .8s ease-in-out;
|
|
-moz-transition: -moz-transform .8s ease-in-out;
|
|
-o-transition: -o-transform .8s ease-in-out;
|
|
transition: transform .8s ease-in-out
|
|
}
|
|
|
|
.cbp-animation-bounceTop .cbp-item-hidden {
|
|
display: none
|
|
}
|
|
|
|
.cbp-animation-bounceTop .cbp-item-wrapper {
|
|
overflow: hidden
|
|
}
|
|
|
|
.cbp-animation-bounceBottom {
|
|
-webkit-transition: height .6s ease-in-out;
|
|
-moz-transition: height .6s ease-in-out;
|
|
-o-transition: height .6s ease-in-out;
|
|
transition: height .6s ease-in-out
|
|
}
|
|
|
|
.cbp-animation-bounceBottom .cbp-wrapper {
|
|
-webkit-transition: opacity .6s ease-in-out, top .6s ease-in-out;
|
|
-moz-transition: opacity .6s ease-in-out, top .6s ease-in-out;
|
|
-o-transition: opacity .6s ease-in-out, top .6s ease-in-out;
|
|
transition: opacity .6s ease-in-out, top .6s ease-in-out
|
|
}
|
|
|
|
.cbp-animation-bounceBottom .cbp-item {
|
|
overflow: visible;
|
|
-webkit-transition: -webkit-transform .8s ease-in-out;
|
|
-moz-transition: -moz-transform .8s ease-in-out;
|
|
-o-transition: -o-transform .8s ease-in-out;
|
|
transition: transform .8s ease-in-out
|
|
}
|
|
|
|
.cbp-animation-bounceBottom .cbp-item-hidden {
|
|
display: none
|
|
}
|
|
|
|
.cbp-animation-bounceBottom .cbp-item-wrapper {
|
|
overflow: hidden
|
|
}
|
|
|
|
.cbp-animation-moveLeft {
|
|
-webkit-transition: height .6s ease-in-out;
|
|
-moz-transition: height .6s ease-in-out;
|
|
-o-transition: height .6s ease-in-out;
|
|
transition: height .6s ease-in-out
|
|
}
|
|
|
|
.cbp-animation-moveLeft .cbp-wrapper {
|
|
z-index: 2;
|
|
-webkit-transition: opacity .6s ease-in-out, left .6s ease-in-out;
|
|
-moz-transition: opacity .6s ease-in-out, left .6s ease-in-out;
|
|
-o-transition: opacity .6s ease-in-out, left .6s ease-in-out;
|
|
transition: opacity .6s ease-in-out, left .6s ease-in-out
|
|
}
|
|
|
|
.cbp-animation-moveLeft .cbp-wrapper.no-trans {
|
|
z-index: 1;
|
|
-webkit-transition: none!important;
|
|
-moz-transition: none!important;
|
|
-o-transition: none!important;
|
|
transition: none!important
|
|
}
|
|
|
|
.cbp-animation-moveLeft .cbp-item {
|
|
overflow: visible;
|
|
-webkit-transition: -webkit-transform .6s ease-in-out;
|
|
-moz-transition: -moz-transform .6s ease-in-out;
|
|
-o-transition: -o-transform .6s ease-in-out;
|
|
transition: transform .6s ease-in-out
|
|
}
|
|
|
|
.cbp-animation-moveLeft .cbp-item-wrapper {
|
|
overflow: hidden
|
|
}
|
|
|
|
.cbp-animation-slideLeft {
|
|
overflow: visible
|
|
}
|
|
|
|
.cbp-animation-slideLeft .cbp-item {
|
|
-webkit-transition: -webkit-transform .6s ease-in-out;
|
|
-moz-transition: -moz-transform .6s ease-in-out;
|
|
-o-transition: -o-transform .6s ease-in-out;
|
|
transition: transform .6s ease-in-out
|
|
}
|
|
|
|
.cbp-animation-slideLeft-out {
|
|
-webkit-animation: cbp-animation-slideLeft-out .9s both ease;
|
|
-moz-animation: cbp-animation-slideLeft-out .9s both ease;
|
|
animation: cbp-animation-slideLeft-out .9s both ease
|
|
}
|
|
|
|
.cbp-animation-slideLeft-in {
|
|
-webkit-animation: cbp-animation-slideLeft-in .9s both ease;
|
|
-moz-animation: cbp-animation-slideLeft-in .9s both ease;
|
|
animation: cbp-animation-slideLeft-in .9s both ease
|
|
}
|
|
|
|
@-webkit-keyframes cbp-animation-slideLeft-out {
|
|
25% {
|
|
opacity: .75;
|
|
-webkit-transform: scale(.8)
|
|
}
|
|
100%,
|
|
75% {
|
|
opacity: .75;
|
|
-webkit-transform: scale(.8) translateX(-200%)
|
|
}
|
|
}
|
|
|
|
@-moz-keyframes cbp-animation-slideLeft-out {
|
|
25% {
|
|
opacity: .75;
|
|
-moz-transform: scale(.8)
|
|
}
|
|
100%,
|
|
75% {
|
|
opacity: .75;
|
|
-moz-transform: scale(.8) translateX(-200%)
|
|
}
|
|
}
|
|
|
|
@keyframes cbp-animation-slideLeft-out {
|
|
25% {
|
|
opacity: .75;
|
|
transform: scale(.8)
|
|
}
|
|
100%,
|
|
75% {
|
|
opacity: .75;
|
|
transform: scale(.8) translateX(-200%)
|
|
}
|
|
}
|
|
|
|
@-webkit-keyframes cbp-animation-slideLeft-in {
|
|
0%,
|
|
25% {
|
|
opacity: .75;
|
|
-webkit-transform: scale(.8) translateX(200%)
|
|
}
|
|
75% {
|
|
opacity: .75;
|
|
-webkit-transform: scale(.8)
|
|
}
|
|
100% {
|
|
opacity: 1;
|
|
-webkit-transform: scale(1) translateX(0)
|
|
}
|
|
}
|
|
|
|
@-moz-keyframes cbp-animation-slideLeft-in {
|
|
0%,
|
|
25% {
|
|
opacity: .75;
|
|
-moz-transform: scale(.8) translateX(200%)
|
|
}
|
|
75% {
|
|
opacity: .75;
|
|
-moz-transform: scale(.8)
|
|
}
|
|
100% {
|
|
opacity: 1;
|
|
-moz-transform: scale(1) translateX(0)
|
|
}
|
|
}
|
|
|
|
@keyframes cbp-animation-slideLeft-in {
|
|
0%,
|
|
25% {
|
|
opacity: .75;
|
|
transform: scale(.8) translateX(200%)
|
|
}
|
|
75% {
|
|
opacity: .75;
|
|
transform: scale(.8)
|
|
}
|
|
100% {
|
|
opacity: 1;
|
|
transform: scale(1) translateX(0)
|
|
}
|
|
}
|
|
|
|
.cbp-animation-slideDelay {
|
|
overflow: visible
|
|
}
|
|
|
|
.cbp-animation-slideDelay .cbp-item {
|
|
-webkit-transition: -webkit-transform .6s ease-in-out;
|
|
-moz-transition: -moz-transform .6s ease-in-out;
|
|
-o-transition: -o-transform .6s ease-in-out;
|
|
transition: transform .6s ease-in-out
|
|
}
|
|
|
|
.cbp-animation-slideDelay-out {
|
|
-webkit-animation: cbp-animation-slideDelay-out .5s both ease-in-out;
|
|
-moz-animation: cbp-animation-slideDelay-out .5s both ease-in-out;
|
|
animation: cbp-animation-slideDelay-out .5s both ease-in-out
|
|
}
|
|
|
|
.cbp-animation-slideDelay-in {
|
|
-webkit-animation: cbp-animation-slideDelay-in .5s both ease-in-out;
|
|
-moz-animation: cbp-animation-slideDelay-in .5s both ease-in-out;
|
|
animation: cbp-animation-slideDelay-in .5s both ease-in-out
|
|
}
|
|
|
|
.cbp-animation-slideDelay-fadeOut {
|
|
-webkit-animation: cbp-animation-slideDelay-fadeOut .4s both ease;
|
|
-moz-animation: cbp-animation-slideDelay-fadeOut .4s both ease;
|
|
animation: cbp-animation-slideDelay-fadeOut .4s both ease
|
|
}
|
|
|
|
@-webkit-keyframes cbp-animation-slideDelay-out {
|
|
100% {
|
|
-webkit-transform: translateX(-100%)
|
|
}
|
|
}
|
|
|
|
@-moz-keyframes cbp-animation-slideDelay-out {
|
|
100% {
|
|
-moz-transform: translateX(-100%)
|
|
}
|
|
}
|
|
|
|
@keyframes cbp-animation-slideDelay-out {
|
|
100% {
|
|
transform: translateX(-100%)
|
|
}
|
|
}
|
|
|
|
@-webkit-keyframes cbp-animation-slideDelay-in {
|
|
0% {
|
|
-webkit-transform: translateX(100%)
|
|
}
|
|
100% {
|
|
-webkit-transform: translateX(0)
|
|
}
|
|
}
|
|
|
|
@-moz-keyframes cbp-animation-slideDelay-in {
|
|
0% {
|
|
-moz-transform: translateX(100%)
|
|
}
|
|
100% {
|
|
-moz-transform: translateX(0)
|
|
}
|
|
}
|
|
|
|
@keyframes cbp-animation-slideDelay-in {
|
|
0% {
|
|
transform: translateX(100%)
|
|
}
|
|
100% {
|
|
transform: translateX(0)
|
|
}
|
|
}
|
|
|
|
@-webkit-keyframes cbp-animation-slideDelay-fadeOut {
|
|
0% {
|
|
opacity: 1
|
|
}
|
|
100% {
|
|
opacity: 0
|
|
}
|
|
}
|
|
|
|
@-moz-keyframes cbp-animation-slideDelay-fadeOut {
|
|
0% {
|
|
opacity: 1
|
|
}
|
|
100% {
|
|
opacity: 0
|
|
}
|
|
}
|
|
|
|
@keyframes cbp-animation-slideDelay-fadeOut {
|
|
0% {
|
|
opacity: 1
|
|
}
|
|
100% {
|
|
opacity: 0
|
|
}
|
|
}
|
|
|
|
.cbp-animation-3dflip {
|
|
overflow: visible
|
|
}
|
|
|
|
.cbp-animation-3dflip .cbp-item {
|
|
-webkit-transition: -webkit-transform .6s ease-in-out;
|
|
-moz-transition: -moz-transform .6s ease-in-out;
|
|
-o-transition: -o-transform .6s ease-in-out;
|
|
transition: transform .6s ease-in-out;
|
|
-webkit-perspective: 1000px;
|
|
perspective: 1000px
|
|
}
|
|
|
|
.cbp-animation-3dflip-out {
|
|
-webkit-transform-origin: 0 50%;
|
|
transform-origin: 0 50%;
|
|
-webkit-animation: rotateOutLeft .6s forwards;
|
|
animation: rotateOutLeft .6s forwards
|
|
}
|
|
|
|
.cbp-animation-3dflip-in {
|
|
opacity: 0;
|
|
-webkit-transform-origin: 100% 50%;
|
|
transform-origin: 100% 50%;
|
|
-webkit-animation: rotateInRight .6s ease-in forwards;
|
|
animation: rotateInRight .6s ease-in forwards
|
|
}
|
|
|
|
.cbp-animation-3dflip-fadeOut {
|
|
-webkit-animation: cbp-animation-3dflip-fadeOut .4s both ease;
|
|
-moz-animation: cbp-animation-3dflip-fadeOut .4s both ease;
|
|
animation: cbp-animation-3dflip-fadeOut .4s both ease
|
|
}
|
|
|
|
@-webkit-keyframes rotateOutLeft {
|
|
100% {
|
|
opacity: 0;
|
|
-webkit-transform: rotateY(90deg)
|
|
}
|
|
}
|
|
|
|
@-moz-keyframes rotateOutLeft {
|
|
100% {
|
|
opacity: 0;
|
|
-moz1-transform: rotateY(90deg)
|
|
}
|
|
}
|
|
|
|
@keyframes rotateOutLeft {
|
|
100% {
|
|
opacity: 0;
|
|
transform: rotateY(90deg)
|
|
}
|
|
}
|
|
|
|
@-webkit-keyframes rotateInRight {
|
|
0% {
|
|
opacity: 0;
|
|
-webkit-transform: rotateY(-90deg)
|
|
}
|
|
100% {
|
|
visibility: visible;
|
|
opacity: 1;
|
|
-webkit-transform: rotateY(0deg)
|
|
}
|
|
}
|
|
|
|
@-moz-keyframes rotateInRight {
|
|
0% {
|
|
opacity: 0;
|
|
-moz-transform: rotateY(-90deg)
|
|
}
|
|
100% {
|
|
visibility: visible;
|
|
opacity: 1;
|
|
-moz-transform: rotateY(0deg)
|
|
}
|
|
}
|
|
|
|
@keyframes rotateInRight {
|
|
0% {
|
|
opacity: 0;
|
|
transform: rotateY(-90deg)
|
|
}
|
|
100% {
|
|
visibility: visible;
|
|
opacity: 1;
|
|
transform: rotateY(0deg)
|
|
}
|
|
}
|
|
|
|
@-webkit-keyframes cbp-animation-3dflip-fadeOut {
|
|
0% {
|
|
opacity: 1
|
|
}
|
|
100% {
|
|
opacity: 0
|
|
}
|
|
}
|
|
|
|
@-moz-keyframes cbp-animation-3dflip-fadeOut {
|
|
0% {
|
|
opacity: 1
|
|
}
|
|
100% {
|
|
opacity: 0
|
|
}
|
|
}
|
|
|
|
@keyframes cbp-animation-3dflip-fadeOut {
|
|
0% {
|
|
opacity: 1
|
|
}
|
|
100% {
|
|
opacity: 0
|
|
}
|
|
}
|
|
|
|
.cbp-animation-rotateSides {
|
|
overflow: visible
|
|
}
|
|
|
|
.cbp-animation-rotateSides .cbp-item {
|
|
-webkit-transition: -webkit-transform .6s ease-in-out;
|
|
-moz-transition: -moz-transform .6s ease-in-out;
|
|
-o-transition: -o-transform .6s ease-in-out;
|
|
transition: transform .6s ease-in-out;
|
|
-webkit-perspective: 1000px;
|
|
perspective: 1000px
|
|
}
|
|
|
|
.cbp-animation-rotateSides-out {
|
|
-webkit-transform-origin: -50% 50%;
|
|
-webkit-animation: rotateSides-out .5s both ease-in;
|
|
-moz-transform-origin: -50% 50%;
|
|
-moz-animation: rotateSides-out .5s both ease-in;
|
|
transform-origin: -50% 50%;
|
|
animation: rotateSides-out .5s both ease-in
|
|
}
|
|
|
|
.cbp-animation-rotateSides-in {
|
|
-webkit-transform-origin: 150% 50%;
|
|
-webkit-animation: rotateSides-in .6s both ease-out;
|
|
-moz-transform-origin: 150% 50%;
|
|
-moz-animation: rotateSides-in .6s both ease-out;
|
|
transform-origin: 150% 50%;
|
|
animation: rotateSides-in .6s both ease-out
|
|
}
|
|
|
|
.cbp-animation-rotateSides-fadeOut {
|
|
-webkit-animation: cbp-animation-rotateSides-fadeOut .5s both ease;
|
|
-moz-animation: cbp-animation-rotateSides-fadeOut .5s both ease;
|
|
animation: cbp-animation-rotateSides-fadeOut .5s both ease
|
|
}
|
|
|
|
@-webkit-keyframes rotateSides-out {
|
|
100% {
|
|
opacity: 0;
|
|
-webkit-transform: translateZ(-500px) rotateY(90deg)
|
|
}
|
|
}
|
|
|
|
@-moz-keyframes rotateSides-out {
|
|
100% {
|
|
opacity: 0;
|
|
-moz-transform: translateZ(-500px) rotateY(90deg)
|
|
}
|
|
}
|
|
|
|
@keyframes rotateSides-out {
|
|
100% {
|
|
opacity: 0;
|
|
transform: translateZ(-500px) rotateY(90deg)
|
|
}
|
|
}
|
|
|
|
@-webkit-keyframes rotateSides-in {
|
|
0%,
|
|
40% {
|
|
opacity: 0;
|
|
-webkit-transform: translateZ(-500px) rotateY(-90deg)
|
|
}
|
|
}
|
|
|
|
@-moz-keyframes rotateSides-in {
|
|
0%,
|
|
40% {
|
|
opacity: 0;
|
|
-moz-transform: translateZ(-500px) rotateY(-90deg)
|
|
}
|
|
}
|
|
|
|
@keyframes rotateSides-in {
|
|
0%,
|
|
40% {
|
|
opacity: 0;
|
|
transform: translateZ(-500px) rotateY(-90deg)
|
|
}
|
|
}
|
|
|
|
@-webkit-keyframes cbp-animation-rotateSides-fadeOut {
|
|
0% {
|
|
opacity: 1
|
|
}
|
|
100% {
|
|
opacity: 0
|
|
}
|
|
}
|
|
|
|
@-moz-keyframes cbp-animation-rotateSides-fadeOut {
|
|
0% {
|
|
opacity: 1
|
|
}
|
|
100% {
|
|
opacity: 0
|
|
}
|
|
}
|
|
|
|
@keyframes cbp-animation-rotateSides-fadeOut {
|
|
0% {
|
|
opacity: 1
|
|
}
|
|
100% {
|
|
opacity: 0
|
|
}
|
|
}
|
|
|
|
.cbp-animation-flipOutDelay {
|
|
overflow: visible
|
|
}
|
|
|
|
.cbp-animation-flipOutDelay .cbp-item {
|
|
-webkit-transition: -webkit-transform .6s ease-in-out;
|
|
-moz-transition: -moz-transform .6s ease-in-out;
|
|
-o-transition: -o-transform .6s ease-in-out;
|
|
transition: transform .6s ease-in-out;
|
|
-webkit-perspective: 1000px;
|
|
perspective: 1000px
|
|
}
|
|
|
|
.cbp-animation-flipOutDelay-out {
|
|
-webkit-transform-origin: 50% 50%;
|
|
-webkit-animation: flipOutDelay-out .5s both ease-in;
|
|
-moz-transform-origin: 50% 50%;
|
|
-moz-animation: flipOutDelay-out .5s both ease-in;
|
|
transform-origin: 50% 50%;
|
|
animation: flipOutDelay-out .5s both ease-in
|
|
}
|
|
|
|
.cbp-animation-flipOutDelay-in {
|
|
-webkit-transform-origin: 50% 50%;
|
|
-webkit-animation: flipOutDelay-in 1s both ease-out;
|
|
-moz-transform-origin: 50% 50%;
|
|
-moz-animation: flipOutDelay-in 1s both ease-out;
|
|
transform-origin: 50% 50%;
|
|
animation: flipOutDelay-in 1s both ease-out
|
|
}
|
|
|
|
@-webkit-keyframes flipOutDelay-out {
|
|
100% {
|
|
-webkit-transform: translateZ(-1000px) rotateY(-90deg);
|
|
opacity: .2
|
|
}
|
|
}
|
|
|
|
@-moz-keyframes flipOutDelay-out {
|
|
100% {
|
|
-moz-transform: translateZ(-1000px) rotateY(-90deg);
|
|
opacity: .2
|
|
}
|
|
}
|
|
|
|
@keyframes flipOutDelay-out {
|
|
100% {
|
|
transform: translateZ(-1000px) rotateY(-90deg);
|
|
opacity: .2
|
|
}
|
|
}
|
|
|
|
@-webkit-keyframes flipOutDelay-in {
|
|
0%,
|
|
50% {
|
|
-webkit-transform: translateZ(-1000px) rotateY(90deg);
|
|
opacity: .2
|
|
}
|
|
}
|
|
|
|
@-moz-keyframes flipOutDelay-in {
|
|
0%,
|
|
50% {
|
|
-moz-transform: translateZ(-1000px) rotateY(90deg);
|
|
opacity: .2
|
|
}
|
|
}
|
|
|
|
@keyframes flipOutDelay-in {
|
|
0%,
|
|
50% {
|
|
transform: translateZ(-1000px) rotateY(90deg);
|
|
opacity: .2
|
|
}
|
|
}
|
|
|
|
.cbp-animation-unfold {
|
|
overflow: visible
|
|
}
|
|
|
|
.cbp-animation-unfold .cbp-item {
|
|
-webkit-transition: -webkit-transform .6s ease-in-out;
|
|
-moz-transition: -moz-transform .6s ease-in-out;
|
|
-o-transition: -o-transform .6s ease-in-out;
|
|
transition: transform .6s ease-in-out;
|
|
-webkit-perspective: 1000px;
|
|
perspective: 1000px
|
|
}
|
|
|
|
.cbp-animation-unfold-out {
|
|
-webkit-animation: unfold-out .8s ease both;
|
|
-moz-animation: unfold-out .8s ease both;
|
|
animation: unfold-out .8s ease both
|
|
}
|
|
|
|
.cbp-animation-unfold-in {
|
|
-webkit-transform-origin: 0 50%;
|
|
-webkit-animation: unfold-in .8s both ease;
|
|
-moz-transform-origin: 0 50%;
|
|
-moz-animation: unfold-in .8s both ease;
|
|
transform-origin: 0 50%;
|
|
animation: unfold-in .8s both ease
|
|
}
|
|
|
|
.cbp-animation-unfold-fadeOut {
|
|
-webkit-animation: cbp-animation-unfold-fadeOut .5s both ease;
|
|
-moz-animation: cbp-animation-unfold-fadeOut .5s both ease;
|
|
animation: cbp-animation-unfold-fadeOut .5s both ease
|
|
}
|
|
|
|
@-webkit-keyframes unfold-out {
|
|
99% {
|
|
opacity: .3
|
|
}
|
|
100% {
|
|
opacity: 0;
|
|
-webkit-transform: translateX(-100%)
|
|
}
|
|
}
|
|
|
|
@-moz-keyframes unfold-out {
|
|
99% {
|
|
opacity: .3
|
|
}
|
|
100% {
|
|
opacity: 0;
|
|
-moz-transform: translateX(-100%)
|
|
}
|
|
}
|
|
|
|
@keyframes unfold-out {
|
|
99% {
|
|
opacity: .3
|
|
}
|
|
100% {
|
|
opacity: 0;
|
|
transform: translateX(-100%)
|
|
}
|
|
}
|
|
|
|
@-webkit-keyframes unfold-in {
|
|
from {
|
|
opacity: 0;
|
|
-webkit-transform: translateX(100%) rotateY(90deg)
|
|
}
|
|
}
|
|
|
|
@-moz-keyframes unfold-in {
|
|
from {
|
|
opacity: 0;
|
|
-moz-transform: translateX(100%) rotateY(90deg)
|
|
}
|
|
}
|
|
|
|
@keyframes unfold-in {
|
|
from {
|
|
opacity: 0;
|
|
transform: translateX(100%) rotateY(90deg)
|
|
}
|
|
}
|
|
|
|
@-webkit-keyframes cbp-animation-unfold-fadeOut {
|
|
0% {
|
|
opacity: 1
|
|
}
|
|
100% {
|
|
opacity: 0
|
|
}
|
|
}
|
|
|
|
@-moz-keyframes cbp-animation-unfold-fadeOut {
|
|
0% {
|
|
opacity: 1
|
|
}
|
|
100% {
|
|
opacity: 0
|
|
}
|
|
}
|
|
|
|
@keyframes cbp-animation-unfold-fadeOut {
|
|
0% {
|
|
opacity: 1
|
|
}
|
|
100% {
|
|
opacity: 0
|
|
}
|
|
}
|
|
|
|
.cbp-animation-foldLeft {
|
|
overflow: visible
|
|
}
|
|
|
|
.cbp-animation-foldLeft .cbp-item {
|
|
-webkit-transition: -webkit-transform .6s ease-in-out;
|
|
-moz-transition: -moz-transform .6s ease-in-out;
|
|
-o-transition: -o-transform .6s ease-in-out;
|
|
transition: transform .6s ease-in-out;
|
|
-webkit-perspective: 1000px;
|
|
perspective: 1000px
|
|
}
|
|
|
|
.cbp-animation-foldLeft-out {
|
|
-webkit-transform-origin: 100% 50%;
|
|
-webkit-animation: foldLeft-out .7s both ease;
|
|
-moz-transform-origin: 100% 50%;
|
|
-moz-animation: foldLeft-out .7s both ease;
|
|
transform-origin: 100% 50%;
|
|
animation: foldLeft-out .7s both ease
|
|
}
|
|
|
|
.cbp-animation-foldLeft-in {
|
|
-webkit-animation: foldLeft-in .7s ease both;
|
|
-moz-animation: foldLeft-in .7s ease both;
|
|
animation: foldLeft-in .7s ease both
|
|
}
|
|
|
|
.cbp-animation-foldLeft-fadeOut {
|
|
-webkit-animation: cbp-animation-foldLeft-fadeOut .5s both ease;
|
|
-moz-animation: cbp-animation-foldLeft-fadeOut .5s both ease;
|
|
animation: cbp-animation-foldLeft-fadeOut .5s both ease
|
|
}
|
|
|
|
@-webkit-keyframes foldLeft-out {
|
|
to {
|
|
opacity: 0;
|
|
-webkit-transform: translateX(-100%) rotateY(-90deg)
|
|
}
|
|
}
|
|
|
|
@-moz-keyframes foldLeft-out {
|
|
to {
|
|
opacity: 0;
|
|
-moz-transform: translateX(-100%) rotateY(-90deg)
|
|
}
|
|
}
|
|
|
|
@keyframes foldLeft-out {
|
|
to {
|
|
opacity: 0;
|
|
transform: translateX(-100%) rotateY(-90deg)
|
|
}
|
|
}
|
|
|
|
@-webkit-keyframes foldLeft-in {
|
|
from {
|
|
opacity: .3;
|
|
-webkit-transform: translateX(100%)
|
|
}
|
|
}
|
|
|
|
@-moz-keyframes foldLeft-in {
|
|
from {
|
|
opacity: .3;
|
|
-moz-transform: translateX(100%)
|
|
}
|
|
}
|
|
|
|
@keyframes foldLeft-in {
|
|
from {
|
|
opacity: .3;
|
|
transform: translateX(100%)
|
|
}
|
|
}
|
|
|
|
@-webkit-keyframes cbp-animation-foldLeft-fadeOut {
|
|
0% {
|
|
opacity: 1
|
|
}
|
|
100% {
|
|
opacity: 0
|
|
}
|
|
}
|
|
|
|
@-moz-keyframes cbp-animation-foldLeft-fadeOut {
|
|
0% {
|
|
opacity: 1
|
|
}
|
|
100% {
|
|
opacity: 0
|
|
}
|
|
}
|
|
|
|
@keyframes cbp-animation-foldLeft-fadeOut {
|
|
0% {
|
|
opacity: 1
|
|
}
|
|
100% {
|
|
opacity: 0
|
|
}
|
|
}
|
|
|
|
.cbp-animation-scaleDown {
|
|
overflow: visible
|
|
}
|
|
|
|
.cbp-animation-scaleDown .cbp-item {
|
|
-webkit-transition: -webkit-transform .6s ease-in-out;
|
|
-moz-transition: -moz-transform .6s ease-in-out;
|
|
-o-transition: -o-transform .6s ease-in-out;
|
|
transition: transform .6s ease-in-out;
|
|
-webkit-perspective: 1000px;
|
|
perspective: 1000px
|
|
}
|
|
|
|
.cbp-animation-scaleDown-out {
|
|
-webkit-animation: scaleDown-out .7s ease both;
|
|
-moz-animation: scaleDown-out .7s ease both;
|
|
animation: scaleDown-out .7s ease both
|
|
}
|
|
|
|
.cbp-animation-scaleDown-in {
|
|
-webkit-animation: scaleDown-in .6s ease both;
|
|
-moz-animation: scaleDown-in .6s ease both;
|
|
animation: scaleDown-in .6s ease both
|
|
}
|
|
|
|
.cbp-animation-scaleDown-fadeOut {
|
|
-webkit-animation: cbp-animation-scaleDown-fadeOut .5s both ease;
|
|
-moz-animation: cbp-animation-scaleDown-fadeOut .5s both ease;
|
|
animation: cbp-animation-scaleDown-fadeOut .5s both ease
|
|
}
|
|
|
|
@-webkit-keyframes scaleDown-out {
|
|
to {
|
|
opacity: 0;
|
|
-webkit-transform: scale(.8)
|
|
}
|
|
}
|
|
|
|
@-moz-keyframes scaleDown-out {
|
|
to {
|
|
opacity: 0;
|
|
-moz-transform: scale(.8)
|
|
}
|
|
}
|
|
|
|
@keyframes scaleDown-out {
|
|
to {
|
|
opacity: 0;
|
|
transform: scale(.8)
|
|
}
|
|
}
|
|
|
|
@-webkit-keyframes scaleDown-in {
|
|
from {
|
|
-webkit-transform: translateX(100%)
|
|
}
|
|
}
|
|
|
|
@-moz-keyframes scaleDown-in {
|
|
from {
|
|
-moz-transform: translateX(100%)
|
|
}
|
|
}
|
|
|
|
@keyframes scaleDown-in {
|
|
from {
|
|
transform: translateX(100%)
|
|
}
|
|
}
|
|
|
|
@-webkit-keyframes cbp-animation-scaleDown-fadeOut {
|
|
0% {
|
|
opacity: 1
|
|
}
|
|
100% {
|
|
opacity: 0
|
|
}
|
|
}
|
|
|
|
@-moz-keyframes cbp-animation-scaleDown-fadeOut {
|
|
0% {
|
|
opacity: 1
|
|
}
|
|
100% {
|
|
opacity: 0
|
|
}
|
|
}
|
|
|
|
@keyframes cbp-animation-scaleDown-fadeOut {
|
|
0% {
|
|
opacity: 1
|
|
}
|
|
100% {
|
|
opacity: 0
|
|
}
|
|
}
|
|
|
|
.cbp-animation-frontRow {
|
|
overflow: visible
|
|
}
|
|
|
|
.cbp-animation-frontRow .cbp-item {
|
|
-webkit-transition: -webkit-transform .6s ease-in-out;
|
|
-moz-transition: -moz-transform .6s ease-in-out;
|
|
-o-transition: -o-transform .6s ease-in-out;
|
|
transition: transform .6s ease-in-out;
|
|
-webkit-perspective: 1000px;
|
|
perspective: 1000px
|
|
}
|
|
|
|
.cbp-animation-frontRow-out {
|
|
-webkit-animation: frontRow-out .7s ease both;
|
|
-moz-animation: frontRow-out .7s ease both;
|
|
animation: frontRow-out .7s ease both
|
|
}
|
|
|
|
.cbp-animation-frontRow-in {
|
|
-webkit-animation: frontRow-in .6s ease both;
|
|
-moz-animation: frontRow-in .6s ease both;
|
|
animation: frontRow-in .6s ease both
|
|
}
|
|
|
|
.cbp-animation-frontRow-fadeOut {
|
|
-webkit-animation: cbp-animation-frontRow-fadeOut .5s both ease;
|
|
-moz-animation: cbp-animation-frontRow-fadeOut .5s both ease;
|
|
animation: cbp-animation-frontRow-fadeOut .5s both ease
|
|
}
|
|
|
|
@-webkit-keyframes frontRow-out {
|
|
100% {
|
|
-webkit-transform: translateX(-60%) scale(.8);
|
|
opacity: 0
|
|
}
|
|
}
|
|
|
|
@-moz-keyframes frontRow-out {
|
|
100% {
|
|
-moz-transform: translateX(-60%) scale(.8);
|
|
opacity: 0
|
|
}
|
|
}
|
|
|
|
@keyframes frontRow-out {
|
|
100% {
|
|
transform: translateX(-60%) scale(.8);
|
|
opacity: 0
|
|
}
|
|
}
|
|
|
|
@-webkit-keyframes frontRow-in {
|
|
0% {
|
|
-webkit-transform: translateX(100%) scale(.8)
|
|
}
|
|
100% {
|
|
visibility: visible;
|
|
opacity: 1;
|
|
-webkit-transform: translateX(0%) scale(1)
|
|
}
|
|
}
|
|
|
|
@-moz-keyframes frontRow-in {
|
|
0% {
|
|
-moz-transform: translateX(100%) scale(.8)
|
|
}
|
|
100% {
|
|
visibility: visible;
|
|
opacity: 1;
|
|
-moz-transform: translateX(0%) scale(1)
|
|
}
|
|
}
|
|
|
|
@keyframes frontRow-in {
|
|
0% {
|
|
transform: translateX(100%) scale(.8)
|
|
}
|
|
100% {
|
|
visibility: visible;
|
|
opacity: 1;
|
|
transform: translateX(0%) scale(1)
|
|
}
|
|
}
|
|
|
|
@-webkit-keyframes cbp-animation-frontRow-fadeOut {
|
|
0% {
|
|
opacity: 1
|
|
}
|
|
100% {
|
|
opacity: 0
|
|
}
|
|
}
|
|
|
|
@-moz-keyframes cbp-animation-frontRow-fadeOut {
|
|
0% {
|
|
opacity: 1
|
|
}
|
|
100% {
|
|
opacity: 0
|
|
}
|
|
}
|
|
|
|
@keyframes cbp-animation-frontRow-fadeOut {
|
|
0% {
|
|
opacity: 1
|
|
}
|
|
100% {
|
|
opacity: 0
|
|
}
|
|
}
|
|
|
|
.cbp-animation-rotateRoom {
|
|
overflow: visible
|
|
}
|
|
|
|
.cbp-animation-rotateRoom .cbp-item {
|
|
-webkit-transition: -webkit-transform .6s ease-in-out;
|
|
-moz-transition: -moz-transform .6s ease-in-out;
|
|
-o-transition: -o-transform .6s ease-in-out;
|
|
transition: transform .6s ease-in-out;
|
|
-webkit-perspective: 1000px;
|
|
perspective: 1000px
|
|
}
|
|
|
|
.cbp-animation-rotateRoom-out {
|
|
-webkit-transform-origin: 100% 50%;
|
|
-webkit-animation: rotateRoom-out .8s both ease;
|
|
-moz-transform-origin: 100% 50%;
|
|
-moz-animation: rotateRoom-out .8s both ease;
|
|
transform-origin: 100% 50%;
|
|
animation: rotateRoom-out .8s both ease
|
|
}
|
|
|
|
.cbp-animation-rotateRoom-in {
|
|
-webkit-transform-origin: 0 50%;
|
|
-webkit-animation: rotateRoom-in .8s both ease;
|
|
-moz-transform-origin: 0 50%;
|
|
-moz-animation: rotateRoom-in .8s both ease;
|
|
transform-origin: 0 50%;
|
|
animation: rotateRoom-in .8s both ease
|
|
}
|
|
|
|
.cbp-animation-rotateRoom-fadeOut {
|
|
-webkit-animation: cbp-animation-rotateRoom-fadeOut .5s both ease;
|
|
-moz-animation: cbp-animation-rotateRoom-fadeOut .5s both ease;
|
|
animation: cbp-animation-rotateRoom-fadeOut .5s both ease
|
|
}
|
|
|
|
@-webkit-keyframes rotateRoom-out {
|
|
99% {
|
|
opacity: .3
|
|
}
|
|
100% {
|
|
opacity: 0;
|
|
-webkit-transform: translateX(-100%) rotateY(90deg)
|
|
}
|
|
}
|
|
|
|
@-moz-keyframes rotateRoom-out {
|
|
99% {
|
|
opacity: .3
|
|
}
|
|
100% {
|
|
opacity: 0;
|
|
-moz-transform: translateX(-100%) rotateY(90deg)
|
|
}
|
|
}
|
|
|
|
@keyframes rotateRoom-out {
|
|
99% {
|
|
opacity: .3
|
|
}
|
|
100% {
|
|
opacity: 0;
|
|
transform: translateX(-100%) rotateY(90deg)
|
|
}
|
|
}
|
|
|
|
@-webkit-keyframes rotateRoom-in {
|
|
from {
|
|
opacity: .3;
|
|
-webkit-transform: translateX(100%) rotateY(-90deg)
|
|
}
|
|
}
|
|
|
|
@-moz-keyframes rotateRoom-in {
|
|
from {
|
|
opacity: .3;
|
|
-moz-transform: translateX(100%) rotateY(-90deg)
|
|
}
|
|
}
|
|
|
|
@keyframes rotateRoom-in {
|
|
from {
|
|
opacity: .3;
|
|
transform: translateX(100%) rotateY(-90deg)
|
|
}
|
|
}
|
|
|
|
@-webkit-keyframes cbp-animation-rotateRoom-fadeOut {
|
|
0% {
|
|
opacity: 1
|
|
}
|
|
100% {
|
|
opacity: 0
|
|
}
|
|
}
|
|
|
|
@-moz-keyframes cbp-animation-rotateRoom-fadeOut {
|
|
0% {
|
|
opacity: 1
|
|
}
|
|
100% {
|
|
opacity: 0
|
|
}
|
|
}
|
|
|
|
@keyframes cbp-animation-rotateRoom-fadeOut {
|
|
0% {
|
|
opacity: 1
|
|
}
|
|
100% {
|
|
opacity: 0
|
|
}
|
|
}
|
|
|
|
.cbp-animation-scaleSides {
|
|
overflow: visible
|
|
}
|
|
|
|
.cbp-animation-scaleSides .cbp-item {
|
|
-webkit-transition: -webkit-transform .5s ease-in-out;
|
|
-moz-transition: -moz-transform .5s ease-in-out;
|
|
-o-transition: -o-transform .5s ease-in-out;
|
|
transition: transform .5s ease-in-out;
|
|
-webkit-perspective: 1000px;
|
|
perspective: 1000px
|
|
}
|
|
|
|
.cbp-animation-scaleSides-out {
|
|
-webkit-animation: scaleSides-out .5s ease both;
|
|
-moz-animation: scaleSides-out .5s ease both;
|
|
animation: scaleSides-out .5s ease both
|
|
}
|
|
|
|
.cbp-animation-scaleSides-in {
|
|
-webkit-animation: scaleUpCenter .5s ease .5s both;
|
|
-moz-animation: scaleUpCenter .5s ease .5s both;
|
|
animation: scaleUpCenter .5s ease .5s both
|
|
}
|
|
|
|
@-webkit-keyframes scaleSides-out {
|
|
to {
|
|
opacity: 0;
|
|
-webkit-transform: scale(.6)
|
|
}
|
|
}
|
|
|
|
@-moz-keyframes scaleSides-out {
|
|
to {
|
|
opacity: 0;
|
|
-moz-transform: scale(.6)
|
|
}
|
|
}
|
|
|
|
@keyframes scaleSides-out {
|
|
to {
|
|
opacity: 0;
|
|
transform: scale(.6)
|
|
}
|
|
}
|
|
|
|
@-webkit-keyframes scaleUpCenter {
|
|
from {
|
|
opacity: 0;
|
|
-webkit-transform: scale(.6)
|
|
}
|
|
}
|
|
|
|
@-moz-keyframes scaleUpCenter {
|
|
from {
|
|
opacity: 0;
|
|
-moz-transform: scale(.6)
|
|
}
|
|
}
|
|
|
|
@keyframes scaleUpCenter {
|
|
from {
|
|
opacity: 0;
|
|
transform: scale(.6)
|
|
}
|
|
}
|
|
|
|
.cbp-animation-flipOut {
|
|
-webkit-transition: height .7s ease-in-out;
|
|
-moz-transition: height .7s ease-in-out;
|
|
-o-transition: height .7s ease-in-out;
|
|
transition: height .7s ease-in-out
|
|
}
|
|
|
|
.cbp-animation-flipOut .cbp-item {
|
|
-webkit-transition: -webkit-transform .7s ease-in-out;
|
|
-moz-transition: -moz-transform .7s ease-in-out;
|
|
-o-transition: -o-transform .7s ease-in-out;
|
|
transition: transform .7s ease-in-out;
|
|
-webkit-perspective: 1000px;
|
|
perspective: 1000px
|
|
}
|
|
|
|
.cbp-animation-flipOut-out {
|
|
-webkit-transform-origin: 50% 50%;
|
|
-webkit-animation: flipOut-out .35s ease-in both;
|
|
-moz-transform-origin: 50% 50%;
|
|
-moz-animation: flipOut-out .35s ease-in both;
|
|
transform-origin: 50% 50%;
|
|
animation: flipOut-out .35s ease-in both
|
|
}
|
|
|
|
.cbp-animation-flipOut-in {
|
|
-webkit-transform-origin: 50% 50%;
|
|
-webkit-animation: flipOut-in .35s ease-out .35s both;
|
|
-moz-transform-origin: 50% 50%;
|
|
-moz-animation: flipOut-in .35s ease-out .35s both;
|
|
transform-origin: 50% 50%;
|
|
animation: flipOut-in .35s ease-out .35s both
|
|
}
|
|
|
|
@-webkit-keyframes flipOut-out {
|
|
100% {
|
|
-webkit-transform: translateZ(-1000px) rotateY(-90deg);
|
|
opacity: .2
|
|
}
|
|
}
|
|
|
|
@-moz-keyframes flipOut-out {
|
|
100% {
|
|
-moz-transform: translateZ(-1000px) rotateY(-90deg);
|
|
opacity: .2
|
|
}
|
|
}
|
|
|
|
@keyframes flipOut-out {
|
|
100% {
|
|
transform: translateZ(-1000px) rotateY(-90deg);
|
|
opacity: .2
|
|
}
|
|
}
|
|
|
|
@-webkit-keyframes flipOut-in {
|
|
0% {
|
|
-webkit-transform: translateZ(-1000px) rotateY(90deg);
|
|
opacity: .2
|
|
}
|
|
}
|
|
|
|
@-moz-keyframes flipOut-in {
|
|
0% {
|
|
-moz-transform: translateZ(-1000px) rotateY(90deg);
|
|
opacity: .2
|
|
}
|
|
}
|
|
|
|
@keyframes flipOut-in {
|
|
0% {
|
|
transform: translateZ(-1000px) rotateY(90deg);
|
|
opacity: .2
|
|
}
|
|
}
|
|
|
|
.cbp-animation-flipBottom {
|
|
-webkit-transition: height .7s ease-in-out;
|
|
-moz-transition: height .7s ease-in-out;
|
|
-o-transition: height .7s ease-in-out;
|
|
transition: height .7s ease-in-out
|
|
}
|
|
|
|
.cbp-animation-flipBottom .cbp-item {
|
|
-webkit-transition: -webkit-transform .7s ease-in-out;
|
|
-moz-transition: -moz-transform .7s ease-in-out;
|
|
-o-transition: -o-transform .7s ease-in-out;
|
|
transition: transform .7s ease-in-out;
|
|
-webkit-perspective: 1000px;
|
|
perspective: 1000px
|
|
}
|
|
|
|
.cbp-animation-flipBottom-out {
|
|
-webkit-transform-origin: 50% 50%;
|
|
-webkit-animation: flipBottom-out .35s both 0s ease-in;
|
|
-moz-transform-origin: 50% 50%;
|
|
-moz-animation: flipBottom-out .35s both 0s ease-in;
|
|
transform-origin: 50% 50%;
|
|
animation: flipBottom-out .35s both 0s ease-in
|
|
}
|
|
|
|
.cbp-animation-flipBottom-in {
|
|
-webkit-transform-origin: 50% 50%;
|
|
-webkit-animation: flipBottom-in .35s ease-out .35s both;
|
|
-moz-transform-origin: 50% 50%;
|
|
-moz-animation: flipBottom-in .35s ease-out .35s both;
|
|
transform-origin: 50% 50%;
|
|
animation: flipBottom-in .35s ease-out .35s both
|
|
}
|
|
|
|
@-webkit-keyframes flipBottom-out {
|
|
to {
|
|
-webkit-transform: translateZ(-1000px) rotateX(-90deg);
|
|
opacity: .2
|
|
}
|
|
}
|
|
|
|
@-moz-keyframes flipBottom-out {
|
|
to {
|
|
-moz-transform: translateZ(-1000px) rotateX(-90deg);
|
|
opacity: .2
|
|
}
|
|
}
|
|
|
|
@keyframes flipBottom-out {
|
|
to {
|
|
transform: translateZ(-1000px) rotateX(-90deg);
|
|
opacity: .2
|
|
}
|
|
}
|
|
|
|
@-webkit-keyframes flipBottom-in {
|
|
from {
|
|
-webkit-transform: translateZ(-1000px) rotateX(90deg);
|
|
opacity: .2
|
|
}
|
|
}
|
|
|
|
@-moz-keyframes flipBottom-in {
|
|
from {
|
|
-moz-transform: translateZ(-1000px) rotateX(90deg);
|
|
opacity: .2
|
|
}
|
|
}
|
|
|
|
@keyframes flipBottom-in {
|
|
from {
|
|
transform: translateZ(-1000px) rotateX(90deg);
|
|
opacity: .2
|
|
}
|
|
}
|
|
|
|
.cbp-animation-fadeOutTop {
|
|
overflow: visible;
|
|
-webkit-transition: height .2s ease-in-out;
|
|
-moz-transition: height .2s ease-in-out;
|
|
-o-transition: height .2s ease-in-out;
|
|
transition: height .2s ease-in-out
|
|
}
|
|
|
|
.cbp-animation-fadeOutTop .cbp-wrapper {
|
|
-webkit-transition: opacity .3s ease-in-out, top .3s ease-in-out;
|
|
-moz-transition: opacity .3s ease-in-out, top .3s ease-in-out;
|
|
-o-transition: opacity .3s ease-in-out, top .3s ease-in-out;
|
|
transition: opacity .3s ease-in-out, top .3s ease-in-out
|
|
}
|
|
|
|
.cbp-animation-fadeOutTop .cbp-item {
|
|
-webkit-transition: -webkit-transform .6s ease-in-out;
|
|
-moz-transition: -moz-transform .6s ease-in-out;
|
|
-o-transition: -o-transform .6s ease-in-out;
|
|
transition: transform .6s ease-in-out
|
|
}
|
|
|
|
.cbp-animation-sequentially {
|
|
overflow: visible;
|
|
-webkit-transition: height .2s ease-in-out;
|
|
-moz-transition: height .2s ease-in-out;
|
|
-o-transition: height .2s ease-in-out;
|
|
transition: height .2s ease-in-out
|
|
}
|
|
|
|
.cbp-animation-sequentially .cbp-item {
|
|
-webkit-transition: -webkit-transform .6s ease-in-out;
|
|
-moz-transition: -moz-transform .6s ease-in-out;
|
|
-o-transition: -o-transform .6s ease-in-out;
|
|
transition: transform .6s ease-in-out
|
|
}
|
|
|
|
.cbp-animation-sequentially.cbp-no-transition .cbp-item {
|
|
-webkit-transition: opacity .5s ease, top .5s ease!important;
|
|
-moz-transition: opacity .5s ease, top .5s ease!important;
|
|
-o-transition: opacity .5s ease, top .5s ease!important;
|
|
transition: opacity .5s ease, top .5s ease!important
|
|
}
|
|
|
|
.cbp-popup-ie8bg {
|
|
position: absolute;
|
|
width: 100%;
|
|
height: 100%;
|
|
min-height: 100%;
|
|
top: 0;
|
|
left: 0;
|
|
z-index: -1;
|
|
background: #000;
|
|
-ms-filter: "alpha(Opacity=70)"
|
|
}
|
|
|
|
.cbp-popup-wrap {
|
|
-webkit-box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
height: 100%;
|
|
text-align: center;
|
|
position: fixed;
|
|
width: 100%;
|
|
left: 0;
|
|
top: 0;
|
|
display: none;
|
|
overflow: auto;
|
|
z-index: 9999;
|
|
padding: 0 10px
|
|
}
|
|
|
|
.cbp-popup-lightbox {
|
|
background: rgba(0, 0, 0, .8)
|
|
}
|
|
|
|
.cbp-popup-singlePage {
|
|
background: #fff;
|
|
padding: 0
|
|
}
|
|
|
|
.cbp-popup-singlePage .cbp-popup-ie8bg {
|
|
background: #fff;
|
|
-ms-filter: "alpha(Opacity=100)"
|
|
}
|
|
|
|
.cbp-popup-wrap:before {
|
|
content: '';
|
|
display: inline-block;
|
|
height: 100%;
|
|
vertical-align: middle;
|
|
margin-right: -.25em
|
|
}
|
|
|
|
.cbp-popup-content {
|
|
position: relative;
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
text-align: left;
|
|
max-width: 100%
|
|
}
|
|
|
|
.cbp-popup-singlePage .cbp-popup-content {
|
|
margin-top: 140px;
|
|
max-width: 1024px;
|
|
vertical-align: top;
|
|
width: 96%
|
|
}
|
|
|
|
.cbp-popup-lightbox-figure {
|
|
position: relative
|
|
}
|
|
|
|
.cbp-popup-lightbox-bottom {
|
|
left: 0;
|
|
position: absolute;
|
|
top: 100%;
|
|
width: 100%;
|
|
margin-top: 3px
|
|
}
|
|
|
|
.cbp-popup-lightbox-title {
|
|
padding-right: 70px;
|
|
font: 400 12px/18px sans-serif;
|
|
color: #eee
|
|
}
|
|
|
|
.cbp-popup-lightbox-counter {
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
font: 400 12px/18px sans-serif;
|
|
color: #eee
|
|
}
|
|
|
|
.cbp-popup-lightbox-img {
|
|
width: auto;
|
|
max-width: 100%;
|
|
height: auto;
|
|
display: block;
|
|
margin: 40px 0;
|
|
box-shadow: 0 0 8px rgba(0, 0, 0, .6)
|
|
}
|
|
|
|
.cbp-popup-lightbox-img[data-action] {
|
|
cursor: pointer
|
|
}
|
|
|
|
.cbp-popup-lightbox-isIframe .cbp-popup-content {
|
|
width: 50%
|
|
}
|
|
|
|
.cbp-popup-lightbox-isIframe .cbp-lightbox-bottom {
|
|
left: 0;
|
|
position: absolute;
|
|
top: 100%;
|
|
width: 100%;
|
|
margin-top: 3px
|
|
}
|
|
|
|
.cbp-popup-lightbox-iframe {
|
|
position: relative;
|
|
height: 0;
|
|
padding-bottom: 56.25%;
|
|
background: #000
|
|
}
|
|
|
|
.cbp-popup-lightbox-iframe iframe {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
box-shadow: 0 0 8px rgba(0, 0, 0, .6)
|
|
}
|
|
|
|
.cbp-popup-singlePage {
|
|
overflow-x: hidden
|
|
}
|
|
|
|
.cbp-popup-singlePage .cbp-popup-navigation-wrap {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
z-index: 2;
|
|
height: 104px;
|
|
background-color: #34425C
|
|
}
|
|
|
|
.cbp-popup-singlePage .cbp-popup-navigation {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%
|
|
}
|
|
|
|
.cbp-popup-singlePage-sticky .cbp-popup-navigation,
|
|
.cbp-popup-singlePage-sticky .cbp-popup-navigation-wrap {
|
|
position: fixed
|
|
}
|
|
|
|
.cbp-popup-singlePage-counter {
|
|
color: #bbc0df;
|
|
font: italic 14px/104px 'Open Sans', sans-serif;
|
|
position: absolute;
|
|
right: 50px;
|
|
top: 0
|
|
}
|
|
|
|
.cbp-popup-close,
|
|
.cbp-popup-next,
|
|
.cbp-popup-prev {
|
|
padding: 0;
|
|
border: medium none;
|
|
position: absolute;
|
|
cursor: pointer
|
|
}
|
|
|
|
.cbp-popup-lightbox .cbp-popup-close,
|
|
.cbp-popup-lightbox .cbp-popup-next,
|
|
.cbp-popup-lightbox .cbp-popup-prev {
|
|
visibility: hidden
|
|
}
|
|
|
|
.cbp-popup-ready.cbp-popup-lightbox .cbp-popup-close,
|
|
.cbp-popup-ready.cbp-popup-lightbox .cbp-popup-next,
|
|
.cbp-popup-ready.cbp-popup-lightbox .cbp-popup-prev {
|
|
visibility: visible
|
|
}
|
|
|
|
.cbp-popup-lightbox .cbp-popup-prev {
|
|
background: url(../images/cbp-sprite.png) no-repeat scroll -2px -2px transparent;
|
|
width: 44px;
|
|
height: 44px;
|
|
top: 0;
|
|
bottom: 0;
|
|
left: 20px;
|
|
margin: auto
|
|
}
|
|
|
|
.cbp-popup-lightbox .cbp-popup-prev:hover {
|
|
background-position: -2px -48px
|
|
}
|
|
|
|
.cbp-popup-singlePage .cbp-popup-prev {
|
|
background: url(../images/cbp-sprite.png) no-repeat scroll -2px -94px transparent;
|
|
width: 44px;
|
|
height: 44px;
|
|
top: 30px;
|
|
left: 0;
|
|
margin: auto;
|
|
right: 108px
|
|
}
|
|
|
|
.cbp-popup-singlePage .cbp-popup-prev:hover {
|
|
background-position: -2px -140px
|
|
}
|
|
|
|
.cbp-popup-lightbox .cbp-popup-next {
|
|
background: url(../images/cbp-sprite.png) no-repeat scroll -48px -2px transparent;
|
|
width: 44px;
|
|
height: 44px;
|
|
top: 0;
|
|
bottom: 0;
|
|
right: 20px;
|
|
margin: auto
|
|
}
|
|
|
|
.cbp-popup-lightbox .cbp-popup-next:hover {
|
|
background-position: -48px -48px
|
|
}
|
|
|
|
.cbp-popup-singlePage .cbp-popup-next {
|
|
background: url(../images/cbp-sprite.png) no-repeat scroll -48px -94px transparent;
|
|
width: 44px;
|
|
height: 44px;
|
|
top: 30px;
|
|
right: 0;
|
|
margin: auto;
|
|
left: 108px
|
|
}
|
|
|
|
.cbp-popup-singlePage .cbp-popup-next:hover {
|
|
background-position: -48px -140px
|
|
}
|
|
|
|
.cbp-popup-lightbox .cbp-popup-close {
|
|
background: url(../images/cbp-sprite.png) no-repeat scroll -94px -2px transparent;
|
|
height: 40px;
|
|
width: 40px;
|
|
right: 20px;
|
|
top: 20px
|
|
}
|
|
|
|
.cbp-popup-lightbox .cbp-popup-close:hover {
|
|
background-position: -94px -48px
|
|
}
|
|
|
|
.cbp-popup-singlePage .cbp-popup-close {
|
|
background: url(../images/cbp-sprite.png) no-repeat scroll -94px -94px transparent;
|
|
height: 44px;
|
|
width: 44px;
|
|
margin: auto;
|
|
right: 0;
|
|
top: 30px;
|
|
left: 0
|
|
}
|
|
|
|
.cbp-popup-singlePage .cbp-popup-close:hover {
|
|
background-position: -94px -140px
|
|
}
|
|
|
|
.cbp-popup-loadingBox {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
margin: auto;
|
|
z-index: 2;
|
|
background: url(../images/cbp-loading-popup.gif) no-repeat scroll center center #0D0D0D;
|
|
border: 1px solid rgba(79, 80, 79, .3);
|
|
border-radius: 3px;
|
|
-ms-filter: "alpha(Opacity=71)";
|
|
opacity: .71;
|
|
width: 50px;
|
|
height: 50px
|
|
}
|
|
|
|
.cbp-popup-ready .cbp-popup-loadingBox {
|
|
visibility: hidden
|
|
}
|
|
|
|
.cbp-popup-loading .cbp-popup-loadingBox {
|
|
visibility: visible
|
|
}
|
|
|
|
.cbp-popup-singlePage {
|
|
left: 100%;
|
|
-webkit-transition: left .6s ease-in-out;
|
|
-moz-transition: left .6s ease-in-out;
|
|
-o-transition: left .6s ease-in-out;
|
|
transition: left .6s ease-in-out
|
|
}
|
|
|
|
.cbp-popup-singlePage-open {
|
|
left: 0
|
|
}
|
|
|
|
.cbp-popup-singlePage .cbp-l-project-title {
|
|
color: #454444;
|
|
font: 700 42px/60px 'Open sans', sans-serif;
|
|
letter-spacing: 2px;
|
|
margin-bottom: 10px;
|
|
text-align: center;
|
|
text-transform: uppercase
|
|
}
|
|
|
|
.cbp-popup-singlePage .cbp-l-project-subtitle {
|
|
color: #787878;
|
|
font: 300 14px/21px 'Open sans', sans-serif;
|
|
margin: 0 auto 50px;
|
|
max-width: 500px;
|
|
text-align: center
|
|
}
|
|
|
|
.cbp-popup-singlePage .cbp-popup-content .cbp-l-project-img {
|
|
display: block;
|
|
margin: 0 auto;
|
|
max-width: 100%
|
|
}
|
|
|
|
.cbp-popup-singlePage .cbp-l-project-container {
|
|
overflow: hidden;
|
|
margin: 0 auto
|
|
}
|
|
|
|
.cbp-popup-singlePage .cbp-l-project-desc {
|
|
float: left;
|
|
width: 64%;
|
|
margin: 30px 0 100px
|
|
}
|
|
|
|
.cbp-popup-singlePage .cbp-l-project-details {
|
|
float: right;
|
|
width: 36%;
|
|
margin: 30px 0 100px
|
|
}
|
|
|
|
.cbp-popup-singlePage .cbp-l-project-desc-title {
|
|
margin-right: 20px;
|
|
border-bottom: 1px solid #cdcdcd;
|
|
margin-bottom: 22px;
|
|
color: #444
|
|
}
|
|
|
|
.cbp-popup-singlePage .cbp-l-project-desc-title span,
|
|
.cbp-popup-singlePage .cbp-l-project-details-title span {
|
|
border-bottom: 1px solid #747474;
|
|
display: inline-block;
|
|
margin: 0 0 -1px 0;
|
|
font: 400 16px/36px "Open Sans", sans-serif;
|
|
padding: 0 5px 0 0
|
|
}
|
|
|
|
.cbp-popup-singlePage .cbp-l-project-desc-text {
|
|
margin-right: 20px;
|
|
font: 400 13px/20px "Open Sans", sans-serif;
|
|
color: #555
|
|
}
|
|
|
|
.cbp-popup-singlePage .cbp-l-project-details-title {
|
|
border-bottom: 1px solid #cdcdcd;
|
|
margin-bottom: 19px;
|
|
margin-left: 20px;
|
|
color: #444
|
|
}
|
|
|
|
.cbp-popup-singlePage .cbp-l-project-details-list {
|
|
margin-left: 20px
|
|
}
|
|
|
|
.cbp-popup-singlePage .cbp-l-project-details-list li {
|
|
border-bottom: 1px dotted #DFDFDF;
|
|
padding: inherit;
|
|
color: #666;
|
|
font: 400 12px/30px "Open Sans", sans-serif
|
|
}
|
|
|
|
.cbp-popup-singlePage .cbp-l-project-details-list strong {
|
|
display: inline-block;
|
|
color: #696969;
|
|
font: 600 12px "Open Sans", sans-serif;
|
|
min-width: 100px
|
|
}
|
|
|
|
.cbp-popup-singlePage .cbp-l-project-details-visit {
|
|
color: #FFF;
|
|
float: right;
|
|
text-decoration: none;
|
|
font: 400 11px/18px "Open Sans", sans-serif;
|
|
margin-top: 12px;
|
|
text-transform: uppercase;
|
|
background-color: #34425C;
|
|
padding: 6px 12px
|
|
}
|
|
|
|
.cbp-popup-singlePage .cbp-l-project-details-visit:hover {
|
|
color: #AFBBDB
|
|
}
|
|
|
|
.cbp-popup-singlePage .cbp-l-member-img {
|
|
float: left;
|
|
margin-right: 20px;
|
|
margin-top: 20px;
|
|
border: 1px solid #e2e2e2
|
|
}
|
|
|
|
.cbp-popup-singlePage .cbp-l-member-img img {
|
|
display: block
|
|
}
|
|
|
|
.cbp-popup-singlePage .cbp-l-member-info {
|
|
margin-top: 20px
|
|
}
|
|
|
|
.cbp-popup-singlePage .cbp-l-member-name {
|
|
font: 700 16px/12px "Open Sans", sans-serif;
|
|
margin-bottom: 6px
|
|
}
|
|
|
|
.cbp-popup-singlePage .cbp-l-member-position {
|
|
font: 400 13px "Open Sans", sans-serif
|
|
}
|
|
|
|
.cbp-popup-singlePage .cbp-l-member-desc {
|
|
font: 400 12px "Open Sans", sans-serif;
|
|
margin-top: 15px
|
|
}
|
|
|
|
.cbp-popup-singlePageInline {
|
|
width: 100%;
|
|
height: 0;
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
overflow: hidden
|
|
}
|
|
|
|
.cbp-popup-singlePageInline .cbp-popup-navigation {
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
z-index: 2;
|
|
width: 40px;
|
|
height: 40px
|
|
}
|
|
|
|
.cbp-popup-singlePageInline .cbp-popup-close {
|
|
background: url(../images/cbp-sprite.png) no-repeat scroll -94px -2px transparent;
|
|
height: 40px;
|
|
width: 40px;
|
|
right: 20px;
|
|
top: 30px
|
|
}
|
|
|
|
.cbp-popup-singlePageInline .cbp-popup-close:hover {
|
|
opacity: .7
|
|
}
|
|
|
|
.cbp-popup-singlePageInline .cbp-popup-content {
|
|
width: 100%;
|
|
min-height: 200px
|
|
}
|
|
|
|
.cbp.cbp-popup-isOpening,
|
|
.cbp.cbp-popup-isOpening .cbp-popup-singlePageInline {
|
|
-webkit-transition: height .4s ease 0s!important;
|
|
-moz-transition: height .4s ease 0s!important;
|
|
-o-transition: height .4s ease 0s!important;
|
|
transition: height .4s ease 0s!important
|
|
}
|
|
|
|
.cbp.cbp-popup-isOpening .cbp-item {
|
|
-webkit-transition: -webkit-transform .4s ease 0s!important;
|
|
-moz-transition: -moz-transform .4s ease 0s!important;
|
|
-o-transition: -o-transform .4s ease 0s!important;
|
|
transition: transform .4s ease 0s!important
|
|
}
|
|
|
|
.cbp-singlePageInline-active {
|
|
opacity: .6!important
|
|
}
|
|
|
|
.cbp-popup-singlePageInline .cbp-popup-loadingBox {
|
|
visibility: hidden;
|
|
background: url(../images/cbp-loading.gif) no-repeat scroll center center transparent;
|
|
border: medium none;
|
|
border-radius: 0;
|
|
-ms-filter: "alpha(Opacity=100)";
|
|
opacity: 1
|
|
}
|
|
|
|
.cbp-popup-singlePageInline.cbp-popup-loading .cbp-popup-loadingBox {
|
|
visibility: visible
|
|
}
|
|
|
|
.cbp-popup-singlePageInline.cbp-popup-loading .cbp-popup-content,
|
|
.cbp-popup-singlePageInline.cbp-popup-loading .cbp-popup-navigation {
|
|
visibility: hidden
|
|
}
|
|
|
|
.cbp-l-inline {
|
|
margin-bottom: 20px;
|
|
overflow: hidden;
|
|
margin-top: 10px;
|
|
background: #FAFAFA;
|
|
padding: 30px
|
|
}
|
|
|
|
.cbp-l-inline-left {
|
|
float: left;
|
|
width: 44%
|
|
}
|
|
|
|
.cbp-l-project-img {
|
|
max-width: 100%
|
|
}
|
|
|
|
.cbp-l-inline-right {
|
|
float: right;
|
|
width: 56%;
|
|
padding-left: inherit
|
|
}
|
|
|
|
.cbp-l-inline-title {
|
|
font: 400 28px/28px "Open Sans", sans-serif;
|
|
color: #666
|
|
}
|
|
|
|
.cbp-l-inline-subtitle {
|
|
font: 400 13px "Open Sans", sans-serif;
|
|
color: #666;
|
|
margin: 3px 0 25px
|
|
}
|
|
|
|
.cbp-l-inline-desc {
|
|
font: 400 13px/21px "Open Sans", sans-serif;
|
|
color: #888
|
|
}
|
|
|
|
.cbp-l-inline-view {
|
|
font: 400 13px "Open Sans", sans-serif;
|
|
color: #9C9C9C;
|
|
text-decoration: none;
|
|
margin: 22px 0 0;
|
|
display: inline-block;
|
|
padding: 8px 18px 7px;
|
|
border: 2px solid #ccc
|
|
}
|
|
|
|
.cbp-l-inline-view:hover {
|
|
color: #757575;
|
|
border-color: #DFDFDF
|
|
}
|
|
|
|
.cbp-l-filters-button {
|
|
margin: 0 auto 30px;
|
|
text-align: left
|
|
}
|
|
|
|
.cbp-l-filters-button .cbp-filter-item {
|
|
background-color: #FFF;
|
|
border: 2px solid #ECECEC;
|
|
border-radius: 2px;
|
|
color: #888;
|
|
cursor: pointer;
|
|
font: 400 12px/29px "Open Sans", sans-serif;
|
|
margin: 10px 10px 0 0;
|
|
overflow: visible;
|
|
padding: 0 17px;
|
|
position: relative;
|
|
-webkit-transition: all .3s ease-in-out;
|
|
-moz-transition: all .3s ease-in-out;
|
|
-o-transition: all .3s ease-in-out;
|
|
transition: all .3s ease-in-out
|
|
}
|
|
|
|
.cbp-l-filters-button .cbp-filter-item:hover {
|
|
color: #5d5d5d
|
|
}
|
|
|
|
.cbp-l-filters-button .cbp-filter-item-active {
|
|
background-color: #5d5d5d;
|
|
color: #fff!important;
|
|
border-color: #5d5d5d
|
|
}
|
|
|
|
.cbp-l-filters-button .cbp-filter-counter {
|
|
background-color: #3288C4;
|
|
border-radius: 3px;
|
|
color: #fff;
|
|
font: 400 11px/18px "Open Sans", sans-serif;
|
|
margin: 0 auto;
|
|
padding: 4px 0;
|
|
text-align: center;
|
|
width: 34px;
|
|
position: absolute;
|
|
bottom: 0;
|
|
left: 0;
|
|
right: 0;
|
|
-ms-filter: "alpha(Opacity=0)";
|
|
opacity: 0;
|
|
-webkit-transition: opacity .25s ease, bottom .25s ease;
|
|
-moz-transition: opacity .25s ease, bottom .25s ease;
|
|
-o-transition: opacity .25s ease, bottom .25s ease;
|
|
transition: opacity .25s ease, bottom .25s ease
|
|
}
|
|
|
|
.cbp-l-filters-button .cbp-filter-counter:before {
|
|
content: "";
|
|
position: absolute;
|
|
bottom: -4px;
|
|
left: 0;
|
|
right: 0;
|
|
margin: 0 auto;
|
|
width: 0;
|
|
height: 0;
|
|
border-left: 4px solid transparent;
|
|
border-right: 4px solid transparent;
|
|
border-top: 4px solid #3288C4;
|
|
visibility: hidden
|
|
}
|
|
|
|
.cbp-l-filters-button .cbp-filter-item:hover .cbp-filter-counter:before {
|
|
visibility: visible
|
|
}
|
|
|
|
.cbp-l-filters-button .cbp-filter-item:hover .cbp-filter-counter {
|
|
bottom: 44px;
|
|
-ms-filter: "alpha(Opacity=100)";
|
|
opacity: 1
|
|
}
|
|
|
|
.cbp-l-filters-dropdown {
|
|
margin: 0 auto;
|
|
height: 70px;
|
|
position: relative;
|
|
z-index: 10
|
|
}
|
|
|
|
.cbp-l-filters-dropdownWrap {
|
|
width: 200px;
|
|
position: absolute;
|
|
right: 0;
|
|
background: #3288C4
|
|
}
|
|
|
|
.cbp-l-filters-dropdownHeader {
|
|
font: 12px/38px "Open Sans", sans-serif;
|
|
padding: 0 17px;
|
|
color: #FFF;
|
|
cursor: pointer;
|
|
position: relative
|
|
}
|
|
|
|
.cbp-l-filters-dropdownHeader:after {
|
|
border-color: #FFF rgba(0, 0, 0, 0);
|
|
border-style: solid;
|
|
border-width: 5px 5px 0;
|
|
content: "";
|
|
height: 0;
|
|
position: absolute;
|
|
right: 16px;
|
|
top: 50%;
|
|
width: 0;
|
|
margin-top: -1px
|
|
}
|
|
|
|
.cbp-l-filters-dropdownWrap:hover .cbp-l-filters-dropdownHeader:after {
|
|
border-width: 0 5px 5px
|
|
}
|
|
|
|
.cbp-l-filters-dropdownList {
|
|
display: none;
|
|
list-style: none outside none;
|
|
margin: 0;
|
|
padding: 0
|
|
}
|
|
|
|
.cbp-l-filters-dropdownWrap:hover .cbp-l-filters-dropdownList {
|
|
display: block
|
|
}
|
|
|
|
.cbp-l-filters-dropdownList .cbp-filter-item {
|
|
background: 0 0;
|
|
color: #9FBCE7;
|
|
width: 100%;
|
|
text-align: left;
|
|
font: 12px/40px "Open Sans", sans-serif;
|
|
margin: 0;
|
|
padding: 0 17px;
|
|
cursor: pointer;
|
|
border: 0;
|
|
border-top: 1px solid #5592C2
|
|
}
|
|
|
|
.cbp-l-filters-dropdownList .cbp-filter-item-active,
|
|
.cbp-l-filters-dropdownList .cbp-filter-item:hover {
|
|
color: #e6e6e6
|
|
}
|
|
|
|
.cbp-l-filters-alignLeft {
|
|
margin: 0 auto 40px;
|
|
text-align: left
|
|
}
|
|
|
|
.cbp-l-filters-alignLeft .cbp-filter-item {
|
|
background-color: #fff;
|
|
border: 1px solid #cdcdcd;
|
|
cursor: pointer;
|
|
font: 400 12px/30px "Open Sans", sans-serif;
|
|
padding: 0 13px;
|
|
position: relative;
|
|
overflow: visible;
|
|
margin: 10px 8px 0 0;
|
|
-webkit-transition: all .3s ease-in-out;
|
|
-moz-transition: all .3s ease-in-out;
|
|
-o-transition: all .3s ease-in-out;
|
|
transition: all .3s ease-in-out;
|
|
color: #888
|
|
}
|
|
|
|
.cbp-l-filters-alignLeft .cbp-filter-item:hover {
|
|
color: #3c3c3c
|
|
}
|
|
|
|
.cbp-l-filters-alignLeft .cbp-filter-item-active {
|
|
background-color: #3288C4;
|
|
color: #fff!important;
|
|
opacity: 1;
|
|
border: 1px solid #3288C4
|
|
}
|
|
|
|
.cbp-l-filters-alignLeft .cbp-filter-counter {
|
|
display: inline
|
|
}
|
|
|
|
.cbp-l-filters-alignCenter {
|
|
margin: 0 auto 50px;
|
|
text-align: center;
|
|
font-size: 12px;
|
|
color: #cacaca
|
|
}
|
|
|
|
.cbp-l-filters-alignCenter .cbp-filter-item {
|
|
color: #5A5A5A;
|
|
cursor: pointer;
|
|
font: 400 13px "Open Sans", sans-serif;
|
|
padding: 0 12px;
|
|
transition: all .3s ease-in-out;
|
|
position: relative;
|
|
overflow: visible;
|
|
margin: 10px 0 0;
|
|
border: medium none;
|
|
background-color: transparent
|
|
}
|
|
|
|
.cbp-l-filters-alignCenter .cbp-filter-item:hover {
|
|
color: #3288C4
|
|
}
|
|
|
|
.cbp-l-filters-alignCenter .cbp-filter-item-active {
|
|
color: #3288C4!important
|
|
}
|
|
|
|
.cbp-l-filters-alignCenter .cbp-filter-counter {
|
|
background: none repeat scroll 0 0 #3288C4;
|
|
border-radius: 3px;
|
|
color: #FFF;
|
|
font-size: 11px;
|
|
margin: 0 auto;
|
|
padding: 4px 0;
|
|
text-align: center;
|
|
width: 34px;
|
|
position: absolute;
|
|
bottom: 0;
|
|
left: 0;
|
|
right: 0;
|
|
-ms-filter: "alpha(Opacity=0)";
|
|
opacity: 0;
|
|
-webkit-transition: all .25s ease;
|
|
-moz-transition: all .25s ease;
|
|
-o-transition: all .25s ease;
|
|
transition: all .25s ease
|
|
}
|
|
|
|
.cbp-l-filters-alignCenter .cbp-filter-counter:before {
|
|
content: "";
|
|
position: absolute;
|
|
bottom: -4px;
|
|
left: 0;
|
|
right: 0;
|
|
margin: 0 auto;
|
|
width: 0;
|
|
height: 0;
|
|
border-left: 4px solid transparent;
|
|
border-right: 4px solid transparent;
|
|
border-top: 4px solid #3288C4;
|
|
visibility: hidden
|
|
}
|
|
|
|
.cbp-l-filters-alignCenter button:hover .cbp-filter-counter:before {
|
|
visibility: visible
|
|
}
|
|
|
|
.cbp-l-filters-alignCenter button:hover .cbp-filter-counter {
|
|
bottom: 30px;
|
|
-ms-filter: "alpha(Opacity=100)";
|
|
opacity: 1
|
|
}
|
|
|
|
.cbp-l-filters-alignRight {
|
|
margin: 0 auto 40px;
|
|
text-align: right
|
|
}
|
|
|
|
.cbp-l-filters-alignRight .cbp-filter-item {
|
|
background-color: transparent;
|
|
color: #8B8B8B;
|
|
cursor: pointer;
|
|
font: 400 11px "Open Sans", sans-serif;
|
|
padding: 7px 12px;
|
|
position: relative;
|
|
overflow: visible;
|
|
margin: 10px 0 0 5px;
|
|
border: 1px solid #E4E2E2;
|
|
text-transform: uppercase;
|
|
-webkit-transition: all .3s ease-in-out;
|
|
-moz-transition: all .3s ease-in-out;
|
|
-o-transition: all .3s ease-in-out;
|
|
transition: all .3s ease-in-out
|
|
}
|
|
|
|
.cbp-l-filters-alignRight .cbp-filter-item:hover {
|
|
color: #2B3444
|
|
}
|
|
|
|
.cbp-l-filters-alignRight .cbp-filter-item-active {
|
|
opacity: 1;
|
|
color: #FFF!important;
|
|
background-color: #3C3C3C;
|
|
border-color: #3C3C3C
|
|
}
|
|
|
|
.cbp-l-filters-alignRight .cbp-filter-counter {
|
|
background: none repeat scroll 0 0 #3288C4;
|
|
border-radius: 3px;
|
|
color: #fff;
|
|
font-size: 11px;
|
|
margin: 0 auto;
|
|
padding: 4px 0;
|
|
text-align: center;
|
|
width: 34px;
|
|
position: absolute;
|
|
bottom: 0;
|
|
left: 0;
|
|
right: 0;
|
|
-ms-filter: "alpha(Opacity=0)";
|
|
opacity: 0;
|
|
-webkit-transition: opacity .25s ease, bottom .25s ease;
|
|
-moz-transition: opacity .25s ease, bottom .25s ease;
|
|
-o-transition: opacity .25s ease, bottom .25s ease;
|
|
transition: opacity .25s ease, bottom .25s ease
|
|
}
|
|
|
|
.cbp-l-filters-alignRight .cbp-filter-counter:before {
|
|
content: "";
|
|
position: absolute;
|
|
bottom: -4px;
|
|
left: 0;
|
|
right: 0;
|
|
margin: 0 auto;
|
|
width: 0;
|
|
height: 0;
|
|
border-left: 4px solid transparent;
|
|
border-right: 4px solid transparent;
|
|
border-top: 4px solid #3288C4;
|
|
visibility: hidden
|
|
}
|
|
|
|
.cbp-l-filters-alignRight .cbp-filter-item:hover .cbp-filter-counter:before {
|
|
visibility: visible
|
|
}
|
|
|
|
.cbp-l-filters-alignRight .cbp-filter-item:hover .cbp-filter-counter {
|
|
bottom: 44px;
|
|
-ms-filter: "alpha(Opacity=100)";
|
|
opacity: 1
|
|
}
|
|
|
|
.cbp-l-filters-list {
|
|
margin: 0 auto 40px;
|
|
height: 46px
|
|
}
|
|
|
|
.cbp-l-filters-list .cbp-filter-item {
|
|
background-color: transparent;
|
|
color: #585252;
|
|
cursor: pointer;
|
|
font: 400 12px/35px "Open Sans", sans-serif;
|
|
padding: 0 18px;
|
|
position: relative;
|
|
overflow: visible;
|
|
margin: 10px 0 0;
|
|
float: left;
|
|
border-width: 1px 0 1px 1px;
|
|
border-style: solid;
|
|
border-color: #3288C4;
|
|
-webkit-transition: all .3s ease-in-out;
|
|
-moz-transition: all .3s ease-in-out;
|
|
-o-transition: all .3s ease-in-out;
|
|
transition: all .3s ease-in-out
|
|
}
|
|
|
|
.cbp-l-filters-list .cbp-filter-item:hover {
|
|
color: #000
|
|
}
|
|
|
|
.cbp-l-filters-list .cbp-filter-item-active {
|
|
opacity: 1;
|
|
color: #FFF!important;
|
|
background-color: #3288C4
|
|
}
|
|
|
|
.cbp-l-filters-list-first {
|
|
border-radius: 6px 0 0 6px
|
|
}
|
|
|
|
.cbp-l-filters-list-last {
|
|
border-radius: 0 6px 6px 0;
|
|
border-right-width: 1px!important
|
|
}
|
|
|
|
.cbp-l-filters-list .cbp-filter-counter {
|
|
display: inline
|
|
}
|
|
|
|
.cbp-l-grid-projects {
|
|
visibility: hidden
|
|
}
|
|
|
|
.cbp-l-grid-projects .cbp-item {
|
|
width: 270px;
|
|
height: 250px
|
|
}
|
|
|
|
.cbp-l-grid-projects .cbp-caption {
|
|
height: 68%;
|
|
margin-bottom: 20px
|
|
}
|
|
|
|
.cbp-l-grid-projects-title {
|
|
font: 700 14px sans-serif;
|
|
color: #474747
|
|
}
|
|
|
|
.cbp-l-grid-projects-desc {
|
|
font: 400 12px sans-serif;
|
|
margin-top: 6px;
|
|
color: #888
|
|
}
|
|
|
|
.cbp-l-grid-projects-inlineFilters {
|
|
cursor: pointer
|
|
}
|
|
|
|
.cbp-l-grid-projects-inlineFilters:hover {
|
|
text-decoration: underline
|
|
}
|
|
|
|
.cbp-l-grid-projects.cbp-caption-overlayBottomPush .cbp-caption-activeWrap {
|
|
bottom: -50px;
|
|
height: 50px
|
|
}
|
|
|
|
.cbp-l-grid-projects.cbp-caption-overlayBottomPush .cbp-caption:hover .cbp-caption-defaultWrap {
|
|
bottom: 50px
|
|
}
|
|
|
|
.cbp-l-grid-projects.cbp-caption-overlayBottomPush.cbp-ie8 .cbp-caption:hover .cbp-caption-activeWrap,
|
|
.cbp-l-grid-projects.cbp-caption-overlayBottomPush.cbp-ie9 .cbp-caption:hover .cbp-caption-activeWrap {
|
|
bottom: -50px
|
|
}
|
|
|
|
.cbp-l-grid-projects.cbp-caption-overlayBottomAlong .cbp-caption-activeWrap {
|
|
bottom: -50px;
|
|
height: 50px
|
|
}
|
|
|
|
.cbp-l-grid-projects.cbp-caption-overlayBottomAlong .cbp-caption:hover .cbp-caption-defaultWrap {
|
|
bottom: 25px
|
|
}
|
|
|
|
.cbp-l-grid-projects.cbp-caption-overlayBottomAlong.cbp-ie8 .cbp-caption:hover .cbp-caption-activeWrap,
|
|
.cbp-l-grid-projects.cbp-caption-overlayBottomAlong.cbp-ie9 .cbp-caption:hover .cbp-caption-activeWrap {
|
|
bottom: -50px
|
|
}
|
|
|
|
.cbp-l-grid-projects.cbp-caption-overlayBottom .cbp-caption-activeWrap {
|
|
bottom: -50px;
|
|
height: 50px
|
|
}
|
|
|
|
.cbp-l-grid-projects.cbp-caption-overlayBottom.cbp-ie9 .cbp-caption:hover .cbp-caption-activeWrap {
|
|
bottom: -50px
|
|
}
|
|
|
|
.cbp-l-grid-projects.cbp-caption-overlayBottomReveal .cbp-caption-activeWrap {
|
|
height: 50px
|
|
}
|
|
|
|
.cbp-l-grid-projects.cbp-caption-overlayBottomReveal .cbp-caption:hover .cbp-caption-defaultWrap {
|
|
bottom: 50px
|
|
}
|
|
|
|
.cbp-l-grid-gallery {
|
|
visibility: hidden
|
|
}
|
|
|
|
.cbp-l-grid-gallery .cbp-item {
|
|
width: 320px;
|
|
height: 236px
|
|
}
|
|
|
|
.cbp-l-grid-team {
|
|
visibility: hidden
|
|
}
|
|
|
|
.cbp-l-grid-team .cbp-item {
|
|
width: 290px;
|
|
height: 270px
|
|
}
|
|
|
|
.cbp-l-grid-team .cbp-caption {
|
|
height: 73%;
|
|
margin-bottom: 20px;
|
|
border: 1px solid #E7E7E7
|
|
}
|
|
|
|
.cbp-l-grid-team-name {
|
|
font: 400 17px "Open Sans", sans-serif;
|
|
color: #456297;
|
|
text-decoration: none;
|
|
display: block;
|
|
text-align: center;
|
|
margin-bottom: 3px
|
|
}
|
|
|
|
.cbp-l-grid-team-name:hover {
|
|
color: #34425C
|
|
}
|
|
|
|
.cbp-l-grid-team-position {
|
|
font: italic 400 13px "Open Sans", sans-serif;
|
|
color: #888;
|
|
text-align: center
|
|
}
|
|
|
|
@media only screen and (max-width:799px) {
|
|
.cbp-l-grid-team-desc {
|
|
font: 400 11px/14px "Open Sans", sans-serif;
|
|
margin-top: 5px
|
|
}
|
|
}
|
|
|
|
.cbp-l-grid-team.cbp-caption-overlayBottomPush .cbp-caption-activeWrap {
|
|
bottom: -44px;
|
|
height: 44px
|
|
}
|
|
|
|
.cbp-l-grid-team.cbp-caption-overlayBottomPush .cbp-caption:hover .cbp-caption-defaultWrap {
|
|
bottom: 44px
|
|
}
|
|
|
|
.cbp-l-grid-team.cbp-caption-overlayBottomPush.cbp-ie8 .cbp-caption:hover .cbp-caption-activeWrap,
|
|
.cbp-l-grid-team.cbp-caption-overlayBottomPush.cbp-ie9 .cbp-caption:hover .cbp-caption-activeWrap {
|
|
bottom: -44px
|
|
}
|
|
|
|
.cbp-l-grid-team.cbp-caption-overlayBottomAlong .cbp-caption-activeWrap {
|
|
bottom: -44px;
|
|
height: 44px
|
|
}
|
|
|
|
.cbp-l-grid-team.cbp-caption-overlayBottomAlong .cbp-caption:hover .cbp-caption-defaultWrap {
|
|
bottom: 22px
|
|
}
|
|
|
|
.cbp-l-grid-team.cbp-caption-overlayBottomAlong.cbp-ie8 .cbp-caption:hover .cbp-caption-activeWrap,
|
|
.cbp-l-grid-team.cbp-caption-overlayBottomAlong.cbp-ie9 .cbp-caption:hover .cbp-caption-activeWrap {
|
|
bottom: -44px
|
|
}
|
|
|
|
.cbp-l-grid-team.cbp-caption-overlayBottom .cbp-caption-activeWrap {
|
|
bottom: -44px;
|
|
height: 44px
|
|
}
|
|
|
|
.cbp-l-grid-team.cbp-caption-overlayBottom.cbp-ie9 .cbp-caption:hover .cbp-caption-activeWrap {
|
|
bottom: -44px
|
|
}
|
|
|
|
.cbp-l-grid-team.cbp-caption-overlayBottomReveal .cbp-caption-activeWrap {
|
|
height: 44px
|
|
}
|
|
|
|
.cbp-l-grid-team.cbp-caption-overlayBottomReveal .cbp-caption:hover .cbp-caption-defaultWrap {
|
|
bottom: 44px
|
|
}
|
|
|
|
.cbp-l-grid-fullScreen {
|
|
visibility: hidden
|
|
}
|
|
|
|
.cbp-l-grid-fullScreen .cbp-item {
|
|
width: 350px;
|
|
height: 263px
|
|
}
|
|
|
|
.cbp-l-grid-masonry {
|
|
visibility: hidden
|
|
}
|
|
|
|
.cbp-l-grid-masonry .cbp-item {
|
|
width: 277px
|
|
}
|
|
|
|
.cbp-l-grid-masonry .cbp-l-grid-masonry-height1 {
|
|
height: 267px
|
|
}
|
|
|
|
.cbp-l-grid-masonry .cbp-l-grid-masonry-height2 {
|
|
height: 415px
|
|
}
|
|
|
|
.cbp-l-grid-blog {
|
|
visibility: hidden
|
|
}
|
|
|
|
.cbp-l-grid-blog .cbp-item {
|
|
width: 313px;
|
|
height: 330px
|
|
}
|
|
|
|
.cbp-l-grid-blog .cbp-caption {
|
|
height: 58%;
|
|
margin-bottom: 20px
|
|
}
|
|
|
|
.cbp-l-grid-blog-title {
|
|
font: 400 18px/28px "Open Sans", sans-serif;
|
|
color: #444;
|
|
display: block;
|
|
clear: both;
|
|
text-decoration: none
|
|
}
|
|
|
|
.cbp-l-grid-blog-title:hover {
|
|
color: #787878
|
|
}
|
|
|
|
.cbp-l-grid-blog-date {
|
|
font: 400 12px/18px "Open Sans", sans-serif;
|
|
float: left;
|
|
color: #787878
|
|
}
|
|
|
|
.cbp-l-grid-blog-comments {
|
|
font: 400 12px/18px "Open Sans", sans-serif;
|
|
float: left;
|
|
color: #3C6FBB;
|
|
text-decoration: none
|
|
}
|
|
|
|
.cbp-l-grid-blog-comments:hover {
|
|
opacity: .8
|
|
}
|
|
|
|
.cbp-l-grid-blog-desc {
|
|
font: 400 13px/19px "Open Sans", sans-serif;
|
|
clear: both;
|
|
color: #9B9B9B;
|
|
padding-top: 15px
|
|
}
|
|
|
|
.cbp-l-grid-blog-split {
|
|
float: left;
|
|
margin: 0 8px;
|
|
font: 13px/16px "Open Sans", sans-serif;
|
|
color: #787878
|
|
}
|
|
|
|
.cbp-l-loadMore-button {
|
|
text-align: center;
|
|
margin-top: 30px
|
|
}
|
|
|
|
.cbp-l-loadMore-button-link {
|
|
border: 2px solid #DEDEDE;
|
|
border-radius: 2px;
|
|
color: #7E7B7B;
|
|
display: inline-block;
|
|
font: 11px/34px "Open Sans", sans-serif;
|
|
min-width: 120px;
|
|
text-decoration: none
|
|
}
|
|
|
|
.cbp-l-loadMore-button-link:hover {
|
|
color: #B0B0B0
|
|
}
|
|
|
|
.cbp-l-loadMore-button-stop {
|
|
cursor: default;
|
|
color: #B0B0B0
|
|
}
|
|
|
|
.cbp-l-loadMore-text {
|
|
text-align: center;
|
|
margin-top: 30px
|
|
}
|
|
|
|
.cbp-l-loadMore-text-link {
|
|
font: 400 16px "Open Sans", sans-serif;
|
|
color: #5D5D5D;
|
|
text-decoration: none;
|
|
cursor: default
|
|
}
|
|
|
|
.cbp-l-loadMore-text-stop {
|
|
color: #5D5D5D
|
|
}
|
|
|
|
@charset "UTF-8";
|
|
|
|
/*!
|
|
Animate.css - http://daneden.me/animate
|
|
Licensed under the MIT license - http://opensource.org/licenses/MIT
|
|
|
|
Copyright (c) 2015 Daniel Eden
|
|
*/
|
|
|
|
.animated {
|
|
-webkit-animation-duration: 1s;
|
|
animation-duration: 1s;
|
|
-webkit-animation-fill-mode: both;
|
|
animation-fill-mode: both
|
|
}
|
|
|
|
.animated.infinite {
|
|
-webkit-animation-iteration-count: infinite;
|
|
animation-iteration-count: infinite
|
|
}
|
|
|
|
.animated.hinge {
|
|
-webkit-animation-duration: 2s;
|
|
animation-duration: 2s
|
|
}
|
|
|
|
.animated.bounceIn,
|
|
.animated.bounceOut,
|
|
.animated.flipOutX,
|
|
.animated.flipOutY {
|
|
-webkit-animation-duration: .75s;
|
|
animation-duration: .75s
|
|
}
|
|
|
|
@-webkit-keyframes bounce {
|
|
0%,
|
|
100%,
|
|
20%,
|
|
53%,
|
|
80% {
|
|
-webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
|
|
transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
|
|
-webkit-transform: translate3d(0, 0, 0);
|
|
transform: translate3d(0, 0, 0)
|
|
}
|
|
40%,
|
|
43% {
|
|
-webkit-transition-timing-function: cubic-bezier(0.755, .050, .855, .060);
|
|
transition-timing-function: cubic-bezier(0.755, .050, .855, .060);
|
|
-webkit-transform: translate3d(0, -30px, 0);
|
|
transform: translate3d(0, -30px, 0)
|
|
}
|
|
70% {
|
|
-webkit-transition-timing-function: cubic-bezier(0.755, .050, .855, .060);
|
|
transition-timing-function: cubic-bezier(0.755, .050, .855, .060);
|
|
-webkit-transform: translate3d(0, -15px, 0);
|
|
transform: translate3d(0, -15px, 0)
|
|
}
|
|
90% {
|
|
-webkit-transform: translate3d(0, -4px, 0);
|
|
transform: translate3d(0, -4px, 0)
|
|
}
|
|
}
|
|
|
|
@keyframes bounce {
|
|
0%,
|
|
100%,
|
|
20%,
|
|
53%,
|
|
80% {
|
|
-webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
|
|
transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
|
|
-webkit-transform: translate3d(0, 0, 0);
|
|
transform: translate3d(0, 0, 0)
|
|
}
|
|
40%,
|
|
43% {
|
|
-webkit-transition-timing-function: cubic-bezier(0.755, .050, .855, .060);
|
|
transition-timing-function: cubic-bezier(0.755, .050, .855, .060);
|
|
-webkit-transform: translate3d(0, -30px, 0);
|
|
transform: translate3d(0, -30px, 0)
|
|
}
|
|
70% {
|
|
-webkit-transition-timing-function: cubic-bezier(0.755, .050, .855, .060);
|
|
transition-timing-function: cubic-bezier(0.755, .050, .855, .060);
|
|
-webkit-transform: translate3d(0, -15px, 0);
|
|
transform: translate3d(0, -15px, 0)
|
|
}
|
|
90% {
|
|
-webkit-transform: translate3d(0, -4px, 0);
|
|
transform: translate3d(0, -4px, 0)
|
|
}
|
|
}
|
|
|
|
.bounce {
|
|
-webkit-animation-name: bounce;
|
|
animation-name: bounce;
|
|
-webkit-transform-origin: center bottom;
|
|
transform-origin: center bottom
|
|
}
|
|
|
|
@-webkit-keyframes flash {
|
|
0%,
|
|
100%,
|
|
50% {
|
|
opacity: 1
|
|
}
|
|
25%,
|
|
75% {
|
|
opacity: 0
|
|
}
|
|
}
|
|
|
|
@keyframes flash {
|
|
0%,
|
|
100%,
|
|
50% {
|
|
opacity: 1
|
|
}
|
|
25%,
|
|
75% {
|
|
opacity: 0
|
|
}
|
|
}
|
|
|
|
.flash {
|
|
-webkit-animation-name: flash;
|
|
animation-name: flash
|
|
}
|
|
|
|
@-webkit-keyframes pulse {
|
|
0% {
|
|
-webkit-transform: scale3d(1, 1, 1);
|
|
transform: scale3d(1, 1, 1)
|
|
}
|
|
50% {
|
|
-webkit-transform: scale3d(1.05, 1.05, 1.05);
|
|
transform: scale3d(1.05, 1.05, 1.05)
|
|
}
|
|
100% {
|
|
-webkit-transform: scale3d(1, 1, 1);
|
|
transform: scale3d(1, 1, 1)
|
|
}
|
|
}
|
|
|
|
@keyframes pulse {
|
|
0% {
|
|
-webkit-transform: scale3d(1, 1, 1);
|
|
transform: scale3d(1, 1, 1)
|
|
}
|
|
50% {
|
|
-webkit-transform: scale3d(1.05, 1.05, 1.05);
|
|
transform: scale3d(1.05, 1.05, 1.05)
|
|
}
|
|
100% {
|
|
-webkit-transform: scale3d(1, 1, 1);
|
|
transform: scale3d(1, 1, 1)
|
|
}
|
|
}
|
|
|
|
.pulse {
|
|
-webkit-animation-name: pulse;
|
|
animation-name: pulse
|
|
}
|
|
|
|
@-webkit-keyframes rubberBand {
|
|
0% {
|
|
-webkit-transform: scale3d(1, 1, 1);
|
|
transform: scale3d(1, 1, 1)
|
|
}
|
|
30% {
|
|
-webkit-transform: scale3d(1.25, .75, 1);
|
|
transform: scale3d(1.25, .75, 1)
|
|
}
|
|
40% {
|
|
-webkit-transform: scale3d(0.75, 1.25, 1);
|
|
transform: scale3d(0.75, 1.25, 1)
|
|
}
|
|
50% {
|
|
-webkit-transform: scale3d(1.15, .85, 1);
|
|
transform: scale3d(1.15, .85, 1)
|
|
}
|
|
65% {
|
|
-webkit-transform: scale3d(.95, 1.05, 1);
|
|
transform: scale3d(.95, 1.05, 1)
|
|
}
|
|
75% {
|
|
-webkit-transform: scale3d(1.05, .95, 1);
|
|
transform: scale3d(1.05, .95, 1)
|
|
}
|
|
100% {
|
|
-webkit-transform: scale3d(1, 1, 1);
|
|
transform: scale3d(1, 1, 1)
|
|
}
|
|
}
|
|
|
|
@keyframes rubberBand {
|
|
0% {
|
|
-webkit-transform: scale3d(1, 1, 1);
|
|
transform: scale3d(1, 1, 1)
|
|
}
|
|
30% {
|
|
-webkit-transform: scale3d(1.25, .75, 1);
|
|
transform: scale3d(1.25, .75, 1)
|
|
}
|
|
40% {
|
|
-webkit-transform: scale3d(0.75, 1.25, 1);
|
|
transform: scale3d(0.75, 1.25, 1)
|
|
}
|
|
50% {
|
|
-webkit-transform: scale3d(1.15, .85, 1);
|
|
transform: scale3d(1.15, .85, 1)
|
|
}
|
|
65% {
|
|
-webkit-transform: scale3d(.95, 1.05, 1);
|
|
transform: scale3d(.95, 1.05, 1)
|
|
}
|
|
75% {
|
|
-webkit-transform: scale3d(1.05, .95, 1);
|
|
transform: scale3d(1.05, .95, 1)
|
|
}
|
|
100% {
|
|
-webkit-transform: scale3d(1, 1, 1);
|
|
transform: scale3d(1, 1, 1)
|
|
}
|
|
}
|
|
|
|
.rubberBand {
|
|
-webkit-animation-name: rubberBand;
|
|
animation-name: rubberBand
|
|
}
|
|
|
|
@-webkit-keyframes shake {
|
|
0%,
|
|
100% {
|
|
-webkit-transform: translate3d(0, 0, 0);
|
|
transform: translate3d(0, 0, 0)
|
|
}
|
|
10%,
|
|
30%,
|
|
50%,
|
|
70%,
|
|
90% {
|
|
-webkit-transform: translate3d(-10px, 0, 0);
|
|
transform: translate3d(-10px, 0, 0)
|
|
}
|
|
20%,
|
|
40%,
|
|
60%,
|
|
80% {
|
|
-webkit-transform: translate3d(10px, 0, 0);
|
|
transform: translate3d(10px, 0, 0)
|
|
}
|
|
}
|
|
|
|
@keyframes shake {
|
|
0%,
|
|
100% {
|
|
-webkit-transform: translate3d(0, 0, 0);
|
|
transform: translate3d(0, 0, 0)
|
|
}
|
|
10%,
|
|
30%,
|
|
50%,
|
|
70%,
|
|
90% {
|
|
-webkit-transform: translate3d(-10px, 0, 0);
|
|
transform: translate3d(-10px, 0, 0)
|
|
}
|
|
20%,
|
|
40%,
|
|
60%,
|
|
80% {
|
|
-webkit-transform: translate3d(10px, 0, 0);
|
|
transform: translate3d(10px, 0, 0)
|
|
}
|
|
}
|
|
|
|
.shake {
|
|
-webkit-animation-name: shake;
|
|
animation-name: shake
|
|
}
|
|
|
|
@-webkit-keyframes swing {
|
|
20% {
|
|
-webkit-transform: rotate3d(0, 0, 1, 15deg);
|
|
transform: rotate3d(0, 0, 1, 15deg)
|
|
}
|
|
40% {
|
|
-webkit-transform: rotate3d(0, 0, 1, -10deg);
|
|
transform: rotate3d(0, 0, 1, -10deg)
|
|
}
|
|
60% {
|
|
-webkit-transform: rotate3d(0, 0, 1, 5deg);
|
|
transform: rotate3d(0, 0, 1, 5deg)
|
|
}
|
|
80% {
|
|
-webkit-transform: rotate3d(0, 0, 1, -5deg);
|
|
transform: rotate3d(0, 0, 1, -5deg)
|
|
}
|
|
100% {
|
|
-webkit-transform: rotate3d(0, 0, 1, 0deg);
|
|
transform: rotate3d(0, 0, 1, 0deg)
|
|
}
|
|
}
|
|
|
|
@keyframes swing {
|
|
20% {
|
|
-webkit-transform: rotate3d(0, 0, 1, 15deg);
|
|
transform: rotate3d(0, 0, 1, 15deg)
|
|
}
|
|
40% {
|
|
-webkit-transform: rotate3d(0, 0, 1, -10deg);
|
|
transform: rotate3d(0, 0, 1, -10deg)
|
|
}
|
|
60% {
|
|
-webkit-transform: rotate3d(0, 0, 1, 5deg);
|
|
transform: rotate3d(0, 0, 1, 5deg)
|
|
}
|
|
80% {
|
|
-webkit-transform: rotate3d(0, 0, 1, -5deg);
|
|
transform: rotate3d(0, 0, 1, -5deg)
|
|
}
|
|
100% {
|
|
-webkit-transform: rotate3d(0, 0, 1, 0deg);
|
|
transform: rotate3d(0, 0, 1, 0deg)
|
|
}
|
|
}
|
|
|
|
.swing {
|
|
-webkit-transform-origin: top center;
|
|
transform-origin: top center;
|
|
-webkit-animation-name: swing;
|
|
animation-name: swing
|
|
}
|
|
|
|
@-webkit-keyframes tada {
|
|
0% {
|
|
-webkit-transform: scale3d(1, 1, 1);
|
|
transform: scale3d(1, 1, 1)
|
|
}
|
|
10%,
|
|
20% {
|
|
-webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
|
|
transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg)
|
|
}
|
|
30%,
|
|
50%,
|
|
70%,
|
|
90% {
|
|
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
|
|
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
|
|
}
|
|
40%,
|
|
60%,
|
|
80% {
|
|
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
|
|
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
|
|
}
|
|
100% {
|
|
-webkit-transform: scale3d(1, 1, 1);
|
|
transform: scale3d(1, 1, 1)
|
|
}
|
|
}
|
|
|
|
@keyframes tada {
|
|
0% {
|
|
-webkit-transform: scale3d(1, 1, 1);
|
|
transform: scale3d(1, 1, 1)
|
|
}
|
|
10%,
|
|
20% {
|
|
-webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
|
|
transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg)
|
|
}
|
|
30%,
|
|
50%,
|
|
70%,
|
|
90% {
|
|
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
|
|
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
|
|
}
|
|
40%,
|
|
60%,
|
|
80% {
|
|
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
|
|
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
|
|
}
|
|
100% {
|
|
-webkit-transform: scale3d(1, 1, 1);
|
|
transform: scale3d(1, 1, 1)
|
|
}
|
|
}
|
|
|
|
.tada {
|
|
-webkit-animation-name: tada;
|
|
animation-name: tada
|
|
}
|
|
|
|
@-webkit-keyframes wobble {
|
|
0% {
|
|
-webkit-transform: none;
|
|
transform: none
|
|
}
|
|
15% {
|
|
-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
|
|
transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)
|
|
}
|
|
30% {
|
|
-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
|
|
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)
|
|
}
|
|
45% {
|
|
-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
|
|
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)
|
|
}
|
|
60% {
|
|
-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
|
|
transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)
|
|
}
|
|
75% {
|
|
-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
|
|
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)
|
|
}
|
|
100% {
|
|
-webkit-transform: none;
|
|
transform: none
|
|
}
|
|
}
|
|
|
|
@keyframes wobble {
|
|
0% {
|
|
-webkit-transform: none;
|
|
transform: none
|
|
}
|
|
15% {
|
|
-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
|
|
transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)
|
|
}
|
|
30% {
|
|
-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
|
|
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)
|
|
}
|
|
45% {
|
|
-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
|
|
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)
|
|
}
|
|
60% {
|
|
-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
|
|
transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)
|
|
}
|
|
75% {
|
|
-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
|
|
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)
|
|
}
|
|
100% {
|
|
-webkit-transform: none;
|
|
transform: none
|
|
}
|
|
}
|
|
|
|
.wobble {
|
|
-webkit-animation-name: wobble;
|
|
animation-name: wobble
|
|
}
|
|
|
|
@-webkit-keyframes bounceIn {
|
|
0%,
|
|
100%,
|
|
20%,
|
|
40%,
|
|
60%,
|
|
80% {
|
|
-webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
|
|
transition-timing-function: cubic-bezier(0.215, .61, .355, 1)
|
|
}
|
|
0% {
|
|
opacity: 0;
|
|
-webkit-transform: scale3d(.3, .3, .3);
|
|
transform: scale3d(.3, .3, .3)
|
|
}
|
|
20% {
|
|
-webkit-transform: scale3d(1.1, 1.1, 1.1);
|
|
transform: scale3d(1.1, 1.1, 1.1)
|
|
}
|
|
40% {
|
|
-webkit-transform: scale3d(.9, .9, .9);
|
|
transform: scale3d(.9, .9, .9)
|
|
}
|
|
60% {
|
|
opacity: 1;
|
|
-webkit-transform: scale3d(1.03, 1.03, 1.03);
|
|
transform: scale3d(1.03, 1.03, 1.03)
|
|
}
|
|
80% {
|
|
-webkit-transform: scale3d(.97, .97, .97);
|
|
transform: scale3d(.97, .97, .97)
|
|
}
|
|
100% {
|
|
opacity: 1;
|
|
-webkit-transform: scale3d(1, 1, 1);
|
|
transform: scale3d(1, 1, 1)
|
|
}
|
|
}
|
|
|
|
@keyframes bounceIn {
|
|
0%,
|
|
100%,
|
|
20%,
|
|
40%,
|
|
60%,
|
|
80% {
|
|
-webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
|
|
transition-timing-function: cubic-bezier(0.215, .61, .355, 1)
|
|
}
|
|
0% {
|
|
opacity: 0;
|
|
-webkit-transform: scale3d(.3, .3, .3);
|
|
transform: scale3d(.3, .3, .3)
|
|
}
|
|
20% {
|
|
-webkit-transform: scale3d(1.1, 1.1, 1.1);
|
|
transform: scale3d(1.1, 1.1, 1.1)
|
|
}
|
|
40% {
|
|
-webkit-transform: scale3d(.9, .9, .9);
|
|
transform: scale3d(.9, .9, .9)
|
|
}
|
|
60% {
|
|
opacity: 1;
|
|
-webkit-transform: scale3d(1.03, 1.03, 1.03);
|
|
transform: scale3d(1.03, 1.03, 1.03)
|
|
}
|
|
80% {
|
|
-webkit-transform: scale3d(.97, .97, .97);
|
|
transform: scale3d(.97, .97, .97)
|
|
}
|
|
100% {
|
|
opacity: 1;
|
|
-webkit-transform: scale3d(1, 1, 1);
|
|
transform: scale3d(1, 1, 1)
|
|
}
|
|
}
|
|
|
|
.bounceIn {
|
|
-webkit-animation-name: bounceIn;
|
|
animation-name: bounceIn
|
|
}
|
|
|
|
@-webkit-keyframes bounceInDown {
|
|
0%,
|
|
100%,
|
|
60%,
|
|
75%,
|
|
90% {
|
|
-webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
|
|
transition-timing-function: cubic-bezier(0.215, .61, .355, 1)
|
|
}
|
|
0% {
|
|
opacity: 0;
|
|
-webkit-transform: translate3d(0, -3000px, 0);
|
|
transform: translate3d(0, -3000px, 0)
|
|
}
|
|
60% {
|
|
opacity: 1;
|
|
-webkit-transform: translate3d(0, 25px, 0);
|
|
transform: translate3d(0, 25px, 0)
|
|
}
|
|
75% {
|
|
-webkit-transform: translate3d(0, -10px, 0);
|
|
transform: translate3d(0, -10px, 0)
|
|
}
|
|
90% {
|
|
-webkit-transform: translate3d(0, 5px, 0);
|
|
transform: translate3d(0, 5px, 0)
|
|
}
|
|
100% {
|
|
-webkit-transform: none;
|
|
transform: none
|
|
}
|
|
}
|
|
|
|
@keyframes bounceInDown {
|
|
0%,
|
|
100%,
|
|
60%,
|
|
75%,
|
|
90% {
|
|
-webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
|
|
transition-timing-function: cubic-bezier(0.215, .61, .355, 1)
|
|
}
|
|
0% {
|
|
opacity: 0;
|
|
-webkit-transform: translate3d(0, -3000px, 0);
|
|
transform: translate3d(0, -3000px, 0)
|
|
}
|
|
60% {
|
|
opacity: 1;
|
|
-webkit-transform: translate3d(0, 25px, 0);
|
|
transform: translate3d(0, 25px, 0)
|
|
}
|
|
75% {
|
|
-webkit-transform: translate3d(0, -10px, 0);
|
|
transform: translate3d(0, -10px, 0)
|
|
}
|
|
90% {
|
|
-webkit-transform: translate3d(0, 5px, 0);
|
|
transform: translate3d(0, 5px, 0)
|
|
}
|
|
100% {
|
|
-webkit-transform: none;
|
|
transform: none
|
|
}
|
|
}
|
|
|
|
.bounceInDown {
|
|
-webkit-animation-name: bounceInDown;
|
|
animation-name: bounceInDown
|
|
}
|
|
|
|
@-webkit-keyframes bounceInLeft {
|
|
0%,
|
|
100%,
|
|
60%,
|
|
75%,
|
|
90% {
|
|
-webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
|
|
transition-timing-function: cubic-bezier(0.215, .61, .355, 1)
|
|
}
|
|
0% {
|
|
opacity: 0;
|
|
-webkit-transform: translate3d(-3000px, 0, 0);
|
|
transform: translate3d(-3000px, 0, 0)
|
|
}
|
|
60% {
|
|
opacity: 1;
|
|
-webkit-transform: translate3d(25px, 0, 0);
|
|
transform: translate3d(25px, 0, 0)
|
|
}
|
|
75% {
|
|
-webkit-transform: translate3d(-10px, 0, 0);
|
|
transform: translate3d(-10px, 0, 0)
|
|
}
|
|
90% {
|
|
-webkit-transform: translate3d(5px, 0, 0);
|
|
transform: translate3d(5px, 0, 0)
|
|
}
|
|
100% {
|
|
-webkit-transform: none;
|
|
transform: none
|
|
}
|
|
}
|
|
|
|
@keyframes bounceInLeft {
|
|
0%,
|
|
100%,
|
|
60%,
|
|
75%,
|
|
90% {
|
|
-webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
|
|
transition-timing-function: cubic-bezier(0.215, .61, .355, 1)
|
|
}
|
|
0% {
|
|
opacity: 0;
|
|
-webkit-transform: translate3d(-3000px, 0, 0);
|
|
transform: translate3d(-3000px, 0, 0)
|
|
}
|
|
60% {
|
|
opacity: 1;
|
|
-webkit-transform: translate3d(25px, 0, 0);
|
|
transform: translate3d(25px, 0, 0)
|
|
}
|
|
75% {
|
|
-webkit-transform: translate3d(-10px, 0, 0);
|
|
transform: translate3d(-10px, 0, 0)
|
|
}
|
|
90% {
|
|
-webkit-transform: translate3d(5px, 0, 0);
|
|
transform: translate3d(5px, 0, 0)
|
|
}
|
|
100% {
|
|
-webkit-transform: none;
|
|
transform: none
|
|
}
|
|
}
|
|
|
|
.bounceInLeft {
|
|
-webkit-animation-name: bounceInLeft;
|
|
animation-name: bounceInLeft
|
|
}
|
|
|
|
@-webkit-keyframes bounceInRight {
|
|
0%,
|
|
100%,
|
|
60%,
|
|
75%,
|
|
90% {
|
|
-webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
|
|
transition-timing-function: cubic-bezier(0.215, .61, .355, 1)
|
|
}
|
|
0% {
|
|
opacity: 0;
|
|
-webkit-transform: translate3d(3000px, 0, 0);
|
|
transform: translate3d(3000px, 0, 0)
|
|
}
|
|
60% {
|
|
opacity: 1;
|
|
-webkit-transform: translate3d(-25px, 0, 0);
|
|
transform: translate3d(-25px, 0, 0)
|
|
}
|
|
75% {
|
|
-webkit-transform: translate3d(10px, 0, 0);
|
|
transform: translate3d(10px, 0, 0)
|
|
}
|
|
90% {
|
|
-webkit-transform: translate3d(-5px, 0, 0);
|
|
transform: translate3d(-5px, 0, 0)
|
|
}
|
|
100% {
|
|
-webkit-transform: none;
|
|
transform: none
|
|
}
|
|
}
|
|
|
|
@keyframes bounceInRight {
|
|
0%,
|
|
100%,
|
|
60%,
|
|
75%,
|
|
90% {
|
|
-webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
|
|
transition-timing-function: cubic-bezier(0.215, .61, .355, 1)
|
|
}
|
|
0% {
|
|
opacity: 0;
|
|
-webkit-transform: translate3d(3000px, 0, 0);
|
|
transform: translate3d(3000px, 0, 0)
|
|
}
|
|
60% {
|
|
opacity: 1;
|
|
-webkit-transform: translate3d(-25px, 0, 0);
|
|
transform: translate3d(-25px, 0, 0)
|
|
}
|
|
75% {
|
|
-webkit-transform: translate3d(10px, 0, 0);
|
|
transform: translate3d(10px, 0, 0)
|
|
}
|
|
90% {
|
|
-webkit-transform: translate3d(-5px, 0, 0);
|
|
transform: translate3d(-5px, 0, 0)
|
|
}
|
|
100% {
|
|
-webkit-transform: none;
|
|
transform: none
|
|
}
|
|
}
|
|
|
|
.bounceInRight {
|
|
-webkit-animation-name: bounceInRight;
|
|
animation-name: bounceInRight
|
|
}
|
|
|
|
@-webkit-keyframes bounceInUp {
|
|
0%,
|
|
100%,
|
|
60%,
|
|
75%,
|
|
90% {
|
|
-webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
|
|
transition-timing-function: cubic-bezier(0.215, .61, .355, 1)
|
|
}
|
|
0% {
|
|
opacity: 0;
|
|
-webkit-transform: translate3d(0, 3000px, 0);
|
|
transform: translate3d(0, 3000px, 0)
|
|
}
|
|
60% {
|
|
opacity: 1;
|
|
-webkit-transform: translate3d(0, -20px, 0);
|
|
transform: translate3d(0, -20px, 0)
|
|
}
|
|
75% {
|
|
-webkit-transform: translate3d(0, 10px, 0);
|
|
transform: translate3d(0, 10px, 0)
|
|
}
|
|
90% {
|
|
-webkit-transform: translate3d(0, -5px, 0);
|
|
transform: translate3d(0, -5px, 0)
|
|
}
|
|
100% {
|
|
-webkit-transform: translate3d(0, 0, 0);
|
|
transform: translate3d(0, 0, 0)
|
|
}
|
|
}
|
|
|
|
@keyframes bounceInUp {
|
|
0%,
|
|
100%,
|
|
60%,
|
|
75%,
|
|
90% {
|
|
-webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
|
|
transition-timing-function: cubic-bezier(0.215, .61, .355, 1)
|
|
}
|
|
0% {
|
|
opacity: 0;
|
|
-webkit-transform: translate3d(0, 3000px, 0);
|
|
transform: translate3d(0, 3000px, 0)
|
|
}
|
|
60% {
|
|
opacity: 1;
|
|
-webkit-transform: translate3d(0, -20px, 0);
|
|
transform: translate3d(0, -20px, 0)
|
|
}
|
|
75% {
|
|
-webkit-transform: translate3d(0, 10px, 0);
|
|
transform: translate3d(0, 10px, 0)
|
|
}
|
|
90% {
|
|
-webkit-transform: translate3d(0, -5px, 0);
|
|
transform: translate3d(0, -5px, 0)
|
|
}
|
|
100% {
|
|
-webkit-transform: translate3d(0, 0, 0);
|
|
transform: translate3d(0, 0, 0)
|
|
}
|
|
}
|
|
|
|
.bounceInUp {
|
|
-webkit-animation-name: bounceInUp;
|
|
animation-name: bounceInUp
|
|
}
|
|
|
|
@-webkit-keyframes bounceOut {
|
|
20% {
|
|
-webkit-transform: scale3d(.9, .9, .9);
|
|
transform: scale3d(.9, .9, .9)
|
|
}
|
|
50%,
|
|
55% {
|
|
opacity: 1;
|
|
-webkit-transform: scale3d(1.1, 1.1, 1.1);
|
|
transform: scale3d(1.1, 1.1, 1.1)
|
|
}
|
|
100% {
|
|
opacity: 0;
|
|
-webkit-transform: scale3d(.3, .3, .3);
|
|
transform: scale3d(.3, .3, .3)
|
|
}
|
|
}
|
|
|
|
@keyframes bounceOut {
|
|
20% {
|
|
-webkit-transform: scale3d(.9, .9, .9);
|
|
transform: scale3d(.9, .9, .9)
|
|
}
|
|
50%,
|
|
55% {
|
|
opacity: 1;
|
|
-webkit-transform: scale3d(1.1, 1.1, 1.1);
|
|
transform: scale3d(1.1, 1.1, 1.1)
|
|
}
|
|
100% {
|
|
opacity: 0;
|
|
-webkit-transform: scale3d(.3, .3, .3);
|
|
transform: scale3d(.3, .3, .3)
|
|
}
|
|
}
|
|
|
|
.bounceOut {
|
|
-webkit-animation-name: bounceOut;
|
|
animation-name: bounceOut
|
|
}
|
|
|
|
@-webkit-keyframes bounceOutDown {
|
|
20% {
|
|
-webkit-transform: translate3d(0, 10px, 0);
|
|
transform: translate3d(0, 10px, 0)
|
|
}
|
|
40%,
|
|
45% {
|
|
opacity: 1;
|
|
-webkit-transform: translate3d(0, -20px, 0);
|
|
transform: translate3d(0, -20px, 0)
|
|
}
|
|
100% {
|
|
opacity: 0;
|
|
-webkit-transform: translate3d(0, 2000px, 0);
|
|
transform: translate3d(0, 2000px, 0)
|
|
}
|
|
}
|
|
|
|
@keyframes bounceOutDown {
|
|
20% {
|
|
-webkit-transform: translate3d(0, 10px, 0);
|
|
transform: translate3d(0, 10px, 0)
|
|
}
|
|
40%,
|
|
45% {
|
|
opacity: 1;
|
|
-webkit-transform: translate3d(0, -20px, 0);
|
|
transform: translate3d(0, -20px, 0)
|
|
}
|
|
100% {
|
|
opacity: 0;
|
|
-webkit-transform: translate3d(0, 2000px, 0);
|
|
transform: translate3d(0, 2000px, 0)
|
|
}
|
|
}
|
|
|
|
.bounceOutDown {
|
|
-webkit-animation-name: bounceOutDown;
|
|
animation-name: bounceOutDown
|
|
}
|
|
|
|
@-webkit-keyframes bounceOutLeft {
|
|
20% {
|
|
opacity: 1;
|
|
-webkit-transform: translate3d(20px, 0, 0);
|
|
transform: translate3d(20px, 0, 0)
|
|
}
|
|
100% {
|
|
opacity: 0;
|
|
-webkit-transform: translate3d(-2000px, 0, 0);
|
|
transform: translate3d(-2000px, 0, 0)
|
|
}
|
|
}
|
|
|
|
@keyframes bounceOutLeft {
|
|
20% {
|
|
opacity: 1;
|
|
-webkit-transform: translate3d(20px, 0, 0);
|
|
transform: translate3d(20px, 0, 0)
|
|
}
|
|
100% {
|
|
opacity: 0;
|
|
-webkit-transform: translate3d(-2000px, 0, 0);
|
|
transform: translate3d(-2000px, 0, 0)
|
|
}
|
|
}
|
|
|
|
.bounceOutLeft {
|
|
-webkit-animation-name: bounceOutLeft;
|
|
animation-name: bounceOutLeft
|
|
}
|
|
|
|
@-webkit-keyframes bounceOutRight {
|
|
20% {
|
|
opacity: 1;
|
|
-webkit-transform: translate3d(-20px, 0, 0);
|
|
transform: translate3d(-20px, 0, 0)
|
|
}
|
|
100% {
|
|
opacity: 0;
|
|
-webkit-transform: translate3d(2000px, 0, 0);
|
|
transform: translate3d(2000px, 0, 0)
|
|
}
|
|
}
|
|
|
|
@keyframes bounceOutRight {
|
|
20% {
|
|
opacity: 1;
|
|
-webkit-transform: translate3d(-20px, 0, 0);
|
|
transform: translate3d(-20px, 0, 0)
|
|
}
|
|
100% {
|
|
opacity: 0;
|
|
-webkit-transform: translate3d(2000px, 0, 0);
|
|
transform: translate3d(2000px, 0, 0)
|
|
}
|
|
}
|
|
|
|
.bounceOutRight {
|
|
-webkit-animation-name: bounceOutRight;
|
|
animation-name: bounceOutRight
|
|
}
|
|
|
|
@-webkit-keyframes bounceOutUp {
|
|
20% {
|
|
-webkit-transform: translate3d(0, -10px, 0);
|
|
transform: translate3d(0, -10px, 0)
|
|
}
|
|
40%,
|
|
45% {
|
|
opacity: 1;
|
|
-webkit-transform: translate3d(0, 20px, 0);
|
|
transform: translate3d(0, 20px, 0)
|
|
}
|
|
100% {
|
|
opacity: 0;
|
|
-webkit-transform: translate3d(0, -2000px, 0);
|
|
transform: translate3d(0, -2000px, 0)
|
|
}
|
|
}
|
|
|
|
@keyframes bounceOutUp {
|
|
20% {
|
|
-webkit-transform: translate3d(0, -10px, 0);
|
|
transform: translate3d(0, -10px, 0)
|
|
}
|
|
40%,
|
|
45% {
|
|
opacity: 1;
|
|
-webkit-transform: translate3d(0, 20px, 0);
|
|
transform: translate3d(0, 20px, 0)
|
|
}
|
|
100% {
|
|
opacity: 0;
|
|
-webkit-transform: translate3d(0, -2000px, 0);
|
|
transform: translate3d(0, -2000px, 0)
|
|
}
|
|
}
|
|
|
|
.bounceOutUp {
|
|
-webkit-animation-name: bounceOutUp;
|
|
animation-name: bounceOutUp
|
|
}
|
|
|
|
@-webkit-keyframes fadeIn {
|
|
0% {
|
|
opacity: 0
|
|
}
|
|
100% {
|
|
opacity: 1
|
|
}
|
|
}
|
|
|
|
@keyframes fadeIn {
|
|
0% {
|
|
opacity: 0
|
|
}
|
|
100% {
|
|
opacity: 1
|
|
}
|
|
}
|
|
|
|
.fadeIn {
|
|
-webkit-animation-name: fadeIn;
|
|
animation-name: fadeIn
|
|
}
|
|
|
|
@-webkit-keyframes fadeInDown {
|
|
0% {
|
|
opacity: 0;
|
|
-webkit-transform: translate3d(0, -100%, 0);
|
|
transform: translate3d(0, -100%, 0)
|
|
}
|
|
100% {
|
|
opacity: 1;
|
|
-webkit-transform: none;
|
|
transform: none
|
|
}
|
|
}
|
|
|
|
@keyframes fadeInDown {
|
|
0% {
|
|
opacity: 0;
|
|
-webkit-transform: translate3d(0, -100%, 0);
|
|
transform: translate3d(0, -100%, 0)
|
|
}
|
|
100% {
|
|
opacity: 1;
|
|
-webkit-transform: none;
|
|
transform: none
|
|
}
|
|
}
|
|
|
|
.fadeInDown {
|
|
-webkit-animation-name: fadeInDown;
|
|
animation-name: fadeInDown
|
|
}
|
|
|
|
@-webkit-keyframes fadeInDownBig {
|
|
0% {
|
|
opacity: 0;
|
|
-webkit-transform: translate3d(0, -2000px, 0);
|
|
transform: translate3d(0, -2000px, 0)
|
|
}
|
|
100% {
|
|
opacity: 1;
|
|
-webkit-transform: none;
|
|
transform: none
|
|
}
|
|
}
|
|
|
|
@keyframes fadeInDownBig {
|
|
0% {
|
|
opacity: 0;
|
|
-webkit-transform: translate3d(0, -2000px, 0);
|
|
transform: translate3d(0, -2000px, 0)
|
|
}
|
|
100% {
|
|
opacity: 1;
|
|
-webkit-transform: none;
|
|
transform: none
|
|
}
|
|
}
|
|
|
|
.fadeInDownBig {
|
|
-webkit-animation-name: fadeInDownBig;
|
|
animation-name: fadeInDownBig
|
|
}
|
|
|
|
@-webkit-keyframes fadeInLeft {
|
|
0% {
|
|
opacity: 0;
|
|
-webkit-transform: translate3d(-100%, 0, 0);
|
|
transform: translate3d(-100%, 0, 0)
|
|
}
|
|
100% {
|
|
opacity: 1;
|
|
-webkit-transform: none;
|
|
transform: none
|
|
}
|
|
}
|
|
|
|
@keyframes fadeInLeft {
|
|
0% {
|
|
opacity: 0;
|
|
-webkit-transform: translate3d(-100%, 0, 0);
|
|
transform: translate3d(-100%, 0, 0)
|
|
}
|
|
100% {
|
|
opacity: 1;
|
|
-webkit-transform: none;
|
|
transform: none
|
|
}
|
|
}
|
|
|
|
.fadeInLeft {
|
|
-webkit-animation-name: fadeInLeft;
|
|
animation-name: fadeInLeft
|
|
}
|
|
|
|
@-webkit-keyframes fadeInLeftBig {
|
|
0% {
|
|
opacity: 0;
|
|
-webkit-transform: translate3d(-2000px, 0, 0);
|
|
transform: translate3d(-2000px, 0, 0)
|
|
}
|
|
100% {
|
|
opacity: 1;
|
|
-webkit-transform: none;
|
|
transform: none
|
|
}
|
|
}
|
|
|
|
@keyframes fadeInLeftBig {
|
|
0% {
|
|
opacity: 0;
|
|
-webkit-transform: translate3d(-2000px, 0, 0);
|
|
transform: translate3d(-2000px, 0, 0)
|
|
}
|
|
100% {
|
|
opacity: 1;
|
|
-webkit-transform: none;
|
|
transform: none
|
|
}
|
|
}
|
|
|
|
.fadeInLeftBig {
|
|
-webkit-animation-name: fadeInLeftBig;
|
|
animation-name: fadeInLeftBig
|
|
}
|
|
|
|
@-webkit-keyframes fadeInRight {
|
|
0% {
|
|
opacity: 0;
|
|
-webkit-transform: translate3d(100%, 0, 0);
|
|
transform: translate3d(100%, 0, 0)
|
|
}
|
|
100% {
|
|
opacity: 1;
|
|
-webkit-transform: none;
|
|
transform: none
|
|
}
|
|
}
|
|
|
|
@keyframes fadeInRight {
|
|
0% {
|
|
opacity: 0;
|
|
-webkit-transform: translate3d(100%, 0, 0);
|
|
transform: translate3d(100%, 0, 0)
|
|
}
|
|
100% {
|
|
opacity: 1;
|
|
-webkit-transform: none;
|
|
transform: none
|
|
}
|
|
}
|
|
|
|
.fadeInRight {
|
|
-webkit-animation-name: fadeInRight;
|
|
animation-name: fadeInRight
|
|
}
|
|
|
|
@-webkit-keyframes fadeInRightBig {
|
|
0% {
|
|
opacity: 0;
|
|
-webkit-transform: translate3d(2000px, 0, 0);
|
|
transform: translate3d(2000px, 0, 0)
|
|
}
|
|
100% {
|
|
opacity: 1;
|
|
-webkit-transform: none;
|
|
transform: none
|
|
}
|
|
}
|
|
|
|
@keyframes fadeInRightBig {
|
|
0% {
|
|
opacity: 0;
|
|
-webkit-transform: translate3d(2000px, 0, 0);
|
|
transform: translate3d(2000px, 0, 0)
|
|
}
|
|
100% {
|
|
opacity: 1;
|
|
-webkit-transform: none;
|
|
transform: none
|
|
}
|
|
}
|
|
|
|
.fadeInRightBig {
|
|
-webkit-animation-name: fadeInRightBig;
|
|
animation-name: fadeInRightBig
|
|
}
|
|
|
|
@-webkit-keyframes fadeInUp {
|
|
0% {
|
|
opacity: 0;
|
|
-webkit-transform: translate3d(0, 100%, 0);
|
|
transform: translate3d(0, 100%, 0)
|
|
}
|
|
100% {
|
|
opacity: 1;
|
|
-webkit-transform: none;
|
|
transform: none
|
|
}
|
|
}
|
|
|
|
@keyframes fadeInUp {
|
|
0% {
|
|
opacity: 0;
|
|
-webkit-transform: translate3d(0, 100%, 0);
|
|
transform: translate3d(0, 100%, 0)
|
|
}
|
|
100% {
|
|
opacity: 1;
|
|
-webkit-transform: none;
|
|
transform: none
|
|
}
|
|
}
|
|
|
|
.fadeInUp {
|
|
-webkit-animation-name: fadeInUp;
|
|
animation-name: fadeInUp
|
|
}
|
|
|
|
@-webkit-keyframes fadeInUpBig {
|
|
0% {
|
|
opacity: 0;
|
|
-webkit-transform: translate3d(0, 2000px, 0);
|
|
transform: translate3d(0, 2000px, 0)
|
|
}
|
|
100% {
|
|
opacity: 1;
|
|
-webkit-transform: none;
|
|
transform: none
|
|
}
|
|
}
|
|
|
|
@keyframes fadeInUpBig {
|
|
0% {
|
|
opacity: 0;
|
|
-webkit-transform: translate3d(0, 2000px, 0);
|
|
transform: translate3d(0, 2000px, 0)
|
|
}
|
|
100% {
|
|
opacity: 1;
|
|
-webkit-transform: none;
|
|
transform: none
|
|
}
|
|
}
|
|
|
|
.fadeInUpBig {
|
|
-webkit-animation-name: fadeInUpBig;
|
|
animation-name: fadeInUpBig
|
|
}
|
|
|
|
@-webkit-keyframes fadeOut {
|
|
0% {
|
|
opacity: 1
|
|
}
|
|
100% {
|
|
opacity: 0
|
|
}
|
|
}
|
|
|
|
@keyframes fadeOut {
|
|
0% {
|
|
opacity: 1
|
|
}
|
|
100% {
|
|
opacity: 0
|
|
}
|
|
}
|
|
|
|
.fadeOut {
|
|
-webkit-animation-name: fadeOut;
|
|
animation-name: fadeOut
|
|
}
|
|
|
|
@-webkit-keyframes fadeOutDown {
|
|
0% {
|
|
opacity: 1
|
|
}
|
|
100% {
|
|
opacity: 0;
|
|
-webkit-transform: translate3d(0, 100%, 0);
|
|
transform: translate3d(0, 100%, 0)
|
|
}
|
|
}
|
|
|
|
@keyframes fadeOutDown {
|
|
0% {
|
|
opacity: 1
|
|
}
|
|
100% {
|
|
opacity: 0;
|
|
-webkit-transform: translate3d(0, 100%, 0);
|
|
transform: translate3d(0, 100%, 0)
|
|
}
|
|
}
|
|
|
|
.fadeOutDown {
|
|
-webkit-animation-name: fadeOutDown;
|
|
animation-name: fadeOutDown
|
|
}
|
|
|
|
@-webkit-keyframes fadeOutDownBig {
|
|
0% {
|
|
opacity: 1
|
|
}
|
|
100% {
|
|
opacity: 0;
|
|
-webkit-transform: translate3d(0, 2000px, 0);
|
|
transform: translate3d(0, 2000px, 0)
|
|
}
|
|
}
|
|
|
|
@keyframes fadeOutDownBig {
|
|
0% {
|
|
opacity: 1
|
|
}
|
|
100% {
|
|
opacity: 0;
|
|
-webkit-transform: translate3d(0, 2000px, 0);
|
|
transform: translate3d(0, 2000px, 0)
|
|
}
|
|
}
|
|
|
|
.fadeOutDownBig {
|
|
-webkit-animation-name: fadeOutDownBig;
|
|
animation-name: fadeOutDownBig
|
|
}
|
|
|
|
@-webkit-keyframes fadeOutLeft {
|
|
0% {
|
|
opacity: 1
|
|
}
|
|
100% {
|
|
opacity: 0;
|
|
-webkit-transform: translate3d(-100%, 0, 0);
|
|
transform: translate3d(-100%, 0, 0)
|
|
}
|
|
}
|
|
|
|
@keyframes fadeOutLeft {
|
|
0% {
|
|
opacity: 1
|
|
}
|
|
100% {
|
|
opacity: 0;
|
|
-webkit-transform: translate3d(-100%, 0, 0);
|
|
transform: translate3d(-100%, 0, 0)
|
|
}
|
|
}
|
|
|
|
.fadeOutLeft {
|
|
-webkit-animation-name: fadeOutLeft;
|
|
animation-name: fadeOutLeft
|
|
}
|
|
|
|
@-webkit-keyframes fadeOutLeftBig {
|
|
0% {
|
|
opacity: 1
|
|
}
|
|
100% {
|
|
opacity: 0;
|
|
-webkit-transform: translate3d(-2000px, 0, 0);
|
|
transform: translate3d(-2000px, 0, 0)
|
|
}
|
|
}
|
|
|
|
@keyframes fadeOutLeftBig {
|
|
0% {
|
|
opacity: 1
|
|
}
|
|
100% {
|
|
opacity: 0;
|
|
-webkit-transform: translate3d(-2000px, 0, 0);
|
|
transform: translate3d(-2000px, 0, 0)
|
|
}
|
|
}
|
|
|
|
.fadeOutLeftBig {
|
|
-webkit-animation-name: fadeOutLeftBig;
|
|
animation-name: fadeOutLeftBig
|
|
}
|
|
|
|
@-webkit-keyframes fadeOutRight {
|
|
0% {
|
|
opacity: 1
|
|
}
|
|
100% {
|
|
opacity: 0;
|
|
-webkit-transform: translate3d(100%, 0, 0);
|
|
transform: translate3d(100%, 0, 0)
|
|
}
|
|
}
|
|
|
|
@keyframes fadeOutRight {
|
|
0% {
|
|
opacity: 1
|
|
}
|
|
100% {
|
|
opacity: 0;
|
|
-webkit-transform: translate3d(100%, 0, 0);
|
|
transform: translate3d(100%, 0, 0)
|
|
}
|
|
}
|
|
|
|
.fadeOutRight {
|
|
-webkit-animation-name: fadeOutRight;
|
|
animation-name: fadeOutRight
|
|
}
|
|
|
|
@-webkit-keyframes fadeOutRightBig {
|
|
0% {
|
|
opacity: 1
|
|
}
|
|
100% {
|
|
opacity: 0;
|
|
-webkit-transform: translate3d(2000px, 0, 0);
|
|
transform: translate3d(2000px, 0, 0)
|
|
}
|
|
}
|
|
|
|
@keyframes fadeOutRightBig {
|
|
0% {
|
|
opacity: 1
|
|
}
|
|
100% {
|
|
opacity: 0;
|
|
-webkit-transform: translate3d(2000px, 0, 0);
|
|
transform: translate3d(2000px, 0, 0)
|
|
}
|
|
}
|
|
|
|
.fadeOutRightBig {
|
|
-webkit-animation-name: fadeOutRightBig;
|
|
animation-name: fadeOutRightBig
|
|
}
|
|
|
|
@-webkit-keyframes fadeOutUp {
|
|
0% {
|
|
opacity: 1
|
|
}
|
|
100% {
|
|
opacity: 0;
|
|
-webkit-transform: translate3d(0, -100%, 0);
|
|
transform: translate3d(0, -100%, 0)
|
|
}
|
|
}
|
|
|
|
@keyframes fadeOutUp {
|
|
0% {
|
|
opacity: 1
|
|
}
|
|
100% {
|
|
opacity: 0;
|
|
-webkit-transform: translate3d(0, -100%, 0);
|
|
transform: translate3d(0, -100%, 0)
|
|
}
|
|
}
|
|
|
|
.fadeOutUp {
|
|
-webkit-animation-name: fadeOutUp;
|
|
animation-name: fadeOutUp
|
|
}
|
|
|
|
@-webkit-keyframes fadeOutUpBig {
|
|
0% {
|
|
opacity: 1
|
|
}
|
|
100% {
|
|
opacity: 0;
|
|
-webkit-transform: translate3d(0, -2000px, 0);
|
|
transform: translate3d(0, -2000px, 0)
|
|
}
|
|
}
|
|
|
|
@keyframes fadeOutUpBig {
|
|
0% {
|
|
opacity: 1
|
|
}
|
|
100% {
|
|
opacity: 0;
|
|
-webkit-transform: translate3d(0, -2000px, 0);
|
|
transform: translate3d(0, -2000px, 0)
|
|
}
|
|
}
|
|
|
|
.fadeOutUpBig {
|
|
-webkit-animation-name: fadeOutUpBig;
|
|
animation-name: fadeOutUpBig
|
|
}
|
|
|
|
@-webkit-keyframes flip {
|
|
0% {
|
|
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
|
|
transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
|
|
-webkit-animation-timing-function: ease-out;
|
|
animation-timing-function: ease-out
|
|
}
|
|
40% {
|
|
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
|
|
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
|
|
-webkit-animation-timing-function: ease-out;
|
|
animation-timing-function: ease-out
|
|
}
|
|
50% {
|
|
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
|
|
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
|
|
-webkit-animation-timing-function: ease-in;
|
|
animation-timing-function: ease-in
|
|
}
|
|
80% {
|
|
-webkit-transform: perspective(400px) scale3d(.95, .95, .95);
|
|
transform: perspective(400px) scale3d(.95, .95, .95);
|
|
-webkit-animation-timing-function: ease-in;
|
|
animation-timing-function: ease-in
|
|
}
|
|
100% {
|
|
-webkit-transform: perspective(400px);
|
|
transform: perspective(400px);
|
|
-webkit-animation-timing-function: ease-in;
|
|
animation-timing-function: ease-in
|
|
}
|
|
}
|
|
|
|
@keyframes flip {
|
|
0% {
|
|
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
|
|
transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
|
|
-webkit-animation-timing-function: ease-out;
|
|
animation-timing-function: ease-out
|
|
}
|
|
40% {
|
|
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
|
|
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
|
|
-webkit-animation-timing-function: ease-out;
|
|
animation-timing-function: ease-out
|
|
}
|
|
50% {
|
|
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
|
|
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
|
|
-webkit-animation-timing-function: ease-in;
|
|
animation-timing-function: ease-in
|
|
}
|
|
80% {
|
|
-webkit-transform: perspective(400px) scale3d(.95, .95, .95);
|
|
transform: perspective(400px) scale3d(.95, .95, .95);
|
|
-webkit-animation-timing-function: ease-in;
|
|
animation-timing-function: ease-in
|
|
}
|
|
100% {
|
|
-webkit-transform: perspective(400px);
|
|
transform: perspective(400px);
|
|
-webkit-animation-timing-function: ease-in;
|
|
animation-timing-function: ease-in
|
|
}
|
|
}
|
|
|
|
.animated.flip {
|
|
-webkit-backface-visibility: visible;
|
|
backface-visibility: visible;
|
|
-webkit-animation-name: flip;
|
|
animation-name: flip
|
|
}
|
|
|
|
@-webkit-keyframes flipInX {
|
|
0% {
|
|
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
|
|
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
|
|
-webkit-transition-timing-function: ease-in;
|
|
transition-timing-function: ease-in;
|
|
opacity: 0
|
|
}
|
|
40% {
|
|
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
|
|
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
|
|
-webkit-transition-timing-function: ease-in;
|
|
transition-timing-function: ease-in
|
|
}
|
|
60% {
|
|
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
|
|
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
|
|
opacity: 1
|
|
}
|
|
80% {
|
|
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
|
|
transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
|
|
}
|
|
100% {
|
|
-webkit-transform: perspective(400px);
|
|
transform: perspective(400px)
|
|
}
|
|
}
|
|
|
|
@keyframes flipInX {
|
|
0% {
|
|
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
|
|
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
|
|
-webkit-transition-timing-function: ease-in;
|
|
transition-timing-function: ease-in;
|
|
opacity: 0
|
|
}
|
|
40% {
|
|
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
|
|
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
|
|
-webkit-transition-timing-function: ease-in;
|
|
transition-timing-function: ease-in
|
|
}
|
|
60% {
|
|
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
|
|
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
|
|
opacity: 1
|
|
}
|
|
80% {
|
|
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
|
|
transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
|
|
}
|
|
100% {
|
|
-webkit-transform: perspective(400px);
|
|
transform: perspective(400px)
|
|
}
|
|
}
|
|
|
|
.flipInX {
|
|
-webkit-backface-visibility: visible!important;
|
|
backface-visibility: visible!important;
|
|
-webkit-animation-name: flipInX;
|
|
animation-name: flipInX
|
|
}
|
|
|
|
@-webkit-keyframes flipInY {
|
|
0% {
|
|
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
|
|
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
|
|
-webkit-transition-timing-function: ease-in;
|
|
transition-timing-function: ease-in;
|
|
opacity: 0
|
|
}
|
|
40% {
|
|
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
|
|
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
|
|
-webkit-transition-timing-function: ease-in;
|
|
transition-timing-function: ease-in
|
|
}
|
|
60% {
|
|
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
|
|
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
|
|
opacity: 1
|
|
}
|
|
80% {
|
|
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
|
|
transform: perspective(400px) rotate3d(0, 1, 0, -5deg)
|
|
}
|
|
100% {
|
|
-webkit-transform: perspective(400px);
|
|
transform: perspective(400px)
|
|
}
|
|
}
|
|
|
|
@keyframes flipInY {
|
|
0% {
|
|
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
|
|
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
|
|
-webkit-transition-timing-function: ease-in;
|
|
transition-timing-function: ease-in;
|
|
opacity: 0
|
|
}
|
|
40% {
|
|
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
|
|
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
|
|
-webkit-transition-timing-function: ease-in;
|
|
transition-timing-function: ease-in
|
|
}
|
|
60% {
|
|
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
|
|
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
|
|
opacity: 1
|
|
}
|
|
80% {
|
|
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
|
|
transform: perspective(400px) rotate3d(0, 1, 0, -5deg)
|
|
}
|
|
100% {
|
|
-webkit-transform: perspective(400px);
|
|
transform: perspective(400px)
|
|
}
|
|
}
|
|
|
|
.flipInY {
|
|
-webkit-backface-visibility: visible!important;
|
|
backface-visibility: visible!important;
|
|
-webkit-animation-name: flipInY;
|
|
animation-name: flipInY
|
|
}
|
|
|
|
@-webkit-keyframes flipOutX {
|
|
0% {
|
|
-webkit-transform: perspective(400px);
|
|
transform: perspective(400px)
|
|
}
|
|
30% {
|
|
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
|
|
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
|
|
opacity: 1
|
|
}
|
|
100% {
|
|
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
|
|
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
|
|
opacity: 0
|
|
}
|
|
}
|
|
|
|
@keyframes flipOutX {
|
|
0% {
|
|
-webkit-transform: perspective(400px);
|
|
transform: perspective(400px)
|
|
}
|
|
30% {
|
|
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
|
|
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
|
|
opacity: 1
|
|
}
|
|
100% {
|
|
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
|
|
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
|
|
opacity: 0
|
|
}
|
|
}
|
|
|
|
.flipOutX {
|
|
-webkit-animation-name: flipOutX;
|
|
animation-name: flipOutX;
|
|
-webkit-backface-visibility: visible!important;
|
|
backface-visibility: visible!important
|
|
}
|
|
|
|
@-webkit-keyframes flipOutY {
|
|
0% {
|
|
-webkit-transform: perspective(400px);
|
|
transform: perspective(400px)
|
|
}
|
|
30% {
|
|
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
|
|
transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
|
|
opacity: 1
|
|
}
|
|
100% {
|
|
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
|
|
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
|
|
opacity: 0
|
|
}
|
|
}
|
|
|
|
@keyframes flipOutY {
|
|
0% {
|
|
-webkit-transform: perspective(400px);
|
|
transform: perspective(400px)
|
|
}
|
|
30% {
|
|
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
|
|
transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
|
|
opacity: 1
|
|
}
|
|
100% {
|
|
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
|
|
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
|
|
opacity: 0
|
|
}
|
|
}
|
|
|
|
.flipOutY {
|
|
-webkit-backface-visibility: visible!important;
|
|
backface-visibility: visible!important;
|
|
-webkit-animation-name: flipOutY;
|
|
animation-name: flipOutY
|
|
}
|
|
|
|
@-webkit-keyframes lightSpeedIn {
|
|
0% {
|
|
-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
|
|
transform: translate3d(100%, 0, 0) skewX(-30deg);
|
|
opacity: 0
|
|
}
|
|
60% {
|
|
-webkit-transform: skewX(20deg);
|
|
transform: skewX(20deg);
|
|
opacity: 1
|
|
}
|
|
80% {
|
|
-webkit-transform: skewX(-5deg);
|
|
transform: skewX(-5deg);
|
|
opacity: 1
|
|
}
|
|
100% {
|
|
-webkit-transform: none;
|
|
transform: none;
|
|
opacity: 1
|
|
}
|
|
}
|
|
|
|
@keyframes lightSpeedIn {
|
|
0% {
|
|
-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
|
|
transform: translate3d(100%, 0, 0) skewX(-30deg);
|
|
opacity: 0
|
|
}
|
|
60% {
|
|
-webkit-transform: skewX(20deg);
|
|
transform: skewX(20deg);
|
|
opacity: 1
|
|
}
|
|
80% {
|
|
-webkit-transform: skewX(-5deg);
|
|
transform: skewX(-5deg);
|
|
opacity: 1
|
|
}
|
|
100% {
|
|
-webkit-transform: none;
|
|
transform: none;
|
|
opacity: 1
|
|
}
|
|
}
|
|
|
|
.lightSpeedIn {
|
|
-webkit-animation-name: lightSpeedIn;
|
|
animation-name: lightSpeedIn;
|
|
-webkit-animation-timing-function: ease-out;
|
|
animation-timing-function: ease-out
|
|
}
|
|
|
|
@-webkit-keyframes lightSpeedOut {
|
|
0% {
|
|
opacity: 1
|
|
}
|
|
100% {
|
|
-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
|
|
transform: translate3d(100%, 0, 0) skewX(30deg);
|
|
opacity: 0
|
|
}
|
|
}
|
|
|
|
@keyframes lightSpeedOut {
|
|
0% {
|
|
opacity: 1
|
|
}
|
|
100% {
|
|
-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
|
|
transform: translate3d(100%, 0, 0) skewX(30deg);
|
|
opacity: 0
|
|
}
|
|
}
|
|
|
|
.lightSpeedOut {
|
|
-webkit-animation-name: lightSpeedOut;
|
|
animation-name: lightSpeedOut;
|
|
-webkit-animation-timing-function: ease-in;
|
|
animation-timing-function: ease-in
|
|
}
|
|
|
|
@-webkit-keyframes rotateIn {
|
|
0% {
|
|
-webkit-transform-origin: center;
|
|
transform-origin: center;
|
|
-webkit-transform: rotate3d(0, 0, 1, -200deg);
|
|
transform: rotate3d(0, 0, 1, -200deg);
|
|
opacity: 0
|
|
}
|
|
100% {
|
|
-webkit-transform-origin: center;
|
|
transform-origin: center;
|
|
-webkit-transform: none;
|
|
transform: none;
|
|
opacity: 1
|
|
}
|
|
}
|
|
|
|
@keyframes rotateIn {
|
|
0% {
|
|
-webkit-transform-origin: center;
|
|
transform-origin: center;
|
|
-webkit-transform: rotate3d(0, 0, 1, -200deg);
|
|
transform: rotate3d(0, 0, 1, -200deg);
|
|
opacity: 0
|
|
}
|
|
100% {
|
|
-webkit-transform-origin: center;
|
|
transform-origin: center;
|
|
-webkit-transform: none;
|
|
transform: none;
|
|
opacity: 1
|
|
}
|
|
}
|
|
|
|
.rotateIn {
|
|
-webkit-animation-name: rotateIn;
|
|
animation-name: rotateIn
|
|
}
|
|
|
|
@-webkit-keyframes rotateInDownLeft {
|
|
0% {
|
|
-webkit-transform-origin: left bottom;
|
|
transform-origin: left bottom;
|
|
-webkit-transform: rotate3d(0, 0, 1, -45deg);
|
|
transform: rotate3d(0, 0, 1, -45deg);
|
|
opacity: 0
|
|
}
|
|
100% {
|
|
-webkit-transform-origin: left bottom;
|
|
transform-origin: left bottom;
|
|
-webkit-transform: none;
|
|
transform: none;
|
|
opacity: 1
|
|
}
|
|
}
|
|
|
|
@keyframes rotateInDownLeft {
|
|
0% {
|
|
-webkit-transform-origin: left bottom;
|
|
transform-origin: left bottom;
|
|
-webkit-transform: rotate3d(0, 0, 1, -45deg);
|
|
transform: rotate3d(0, 0, 1, -45deg);
|
|
opacity: 0
|
|
}
|
|
100% {
|
|
-webkit-transform-origin: left bottom;
|
|
transform-origin: left bottom;
|
|
-webkit-transform: none;
|
|
transform: none;
|
|
opacity: 1
|
|
}
|
|
}
|
|
|
|
.rotateInDownLeft {
|
|
-webkit-animation-name: rotateInDownLeft;
|
|
animation-name: rotateInDownLeft
|
|
}
|
|
|
|
@-webkit-keyframes rotateInDownRight {
|
|
0% {
|
|
-webkit-transform-origin: right bottom;
|
|
transform-origin: right bottom;
|
|
-webkit-transform: rotate3d(0, 0, 1, 45deg);
|
|
transform: rotate3d(0, 0, 1, 45deg);
|
|
opacity: 0
|
|
}
|
|
100% {
|
|
-webkit-transform-origin: right bottom;
|
|
transform-origin: right bottom;
|
|
-webkit-transform: none;
|
|
transform: none;
|
|
opacity: 1
|
|
}
|
|
}
|
|
|
|
@keyframes rotateInDownRight {
|
|
0% {
|
|
-webkit-transform-origin: right bottom;
|
|
transform-origin: right bottom;
|
|
-webkit-transform: rotate3d(0, 0, 1, 45deg);
|
|
transform: rotate3d(0, 0, 1, 45deg);
|
|
opacity: 0
|
|
}
|
|
100% {
|
|
-webkit-transform-origin: right bottom;
|
|
transform-origin: right bottom;
|
|
-webkit-transform: none;
|
|
transform: none;
|
|
opacity: 1
|
|
}
|
|
}
|
|
|
|
.rotateInDownRight {
|
|
-webkit-animation-name: rotateInDownRight;
|
|
animation-name: rotateInDownRight
|
|
}
|
|
|
|
@-webkit-keyframes rotateInUpLeft {
|
|
0% {
|
|
-webkit-transform-origin: left bottom;
|
|
transform-origin: left bottom;
|
|
-webkit-transform: rotate3d(0, 0, 1, 45deg);
|
|
transform: rotate3d(0, 0, 1, 45deg);
|
|
opacity: 0
|
|
}
|
|
100% {
|
|
-webkit-transform-origin: left bottom;
|
|
transform-origin: left bottom;
|
|
-webkit-transform: none;
|
|
transform: none;
|
|
opacity: 1
|
|
}
|
|
}
|
|
|
|
@keyframes rotateInUpLeft {
|
|
0% {
|
|
-webkit-transform-origin: left bottom;
|
|
transform-origin: left bottom;
|
|
-webkit-transform: rotate3d(0, 0, 1, 45deg);
|
|
transform: rotate3d(0, 0, 1, 45deg);
|
|
opacity: 0
|
|
}
|
|
100% {
|
|
-webkit-transform-origin: left bottom;
|
|
transform-origin: left bottom;
|
|
-webkit-transform: none;
|
|
transform: none;
|
|
opacity: 1
|
|
}
|
|
}
|
|
|
|
.rotateInUpLeft {
|
|
-webkit-animation-name: rotateInUpLeft;
|
|
animation-name: rotateInUpLeft
|
|
}
|
|
|
|
@-webkit-keyframes rotateInUpRight {
|
|
0% {
|
|
-webkit-transform-origin: right bottom;
|
|
transform-origin: right bottom;
|
|
-webkit-transform: rotate3d(0, 0, 1, -90deg);
|
|
transform: rotate3d(0, 0, 1, -90deg);
|
|
opacity: 0
|
|
}
|
|
100% {
|
|
-webkit-transform-origin: right bottom;
|
|
transform-origin: right bottom;
|
|
-webkit-transform: none;
|
|
transform: none;
|
|
opacity: 1
|
|
}
|
|
}
|
|
|
|
@keyframes rotateInUpRight {
|
|
0% {
|
|
-webkit-transform-origin: right bottom;
|
|
transform-origin: right bottom;
|
|
-webkit-transform: rotate3d(0, 0, 1, -90deg);
|
|
transform: rotate3d(0, 0, 1, -90deg);
|
|
opacity: 0
|
|
}
|
|
100% {
|
|
-webkit-transform-origin: right bottom;
|
|
transform-origin: right bottom;
|
|
-webkit-transform: none;
|
|
transform: none;
|
|
opacity: 1
|
|
}
|
|
}
|
|
|
|
.rotateInUpRight {
|
|
-webkit-animation-name: rotateInUpRight;
|
|
animation-name: rotateInUpRight
|
|
}
|
|
|
|
@-webkit-keyframes rotateOut {
|
|
0% {
|
|
-webkit-transform-origin: center;
|
|
transform-origin: center;
|
|
opacity: 1
|
|
}
|
|
100% {
|
|
-webkit-transform-origin: center;
|
|
transform-origin: center;
|
|
-webkit-transform: rotate3d(0, 0, 1, 200deg);
|
|
transform: rotate3d(0, 0, 1, 200deg);
|
|
opacity: 0
|
|
}
|
|
}
|
|
|
|
@keyframes rotateOut {
|
|
0% {
|
|
-webkit-transform-origin: center;
|
|
transform-origin: center;
|
|
opacity: 1
|
|
}
|
|
100% {
|
|
-webkit-transform-origin: center;
|
|
transform-origin: center;
|
|
-webkit-transform: rotate3d(0, 0, 1, 200deg);
|
|
transform: rotate3d(0, 0, 1, 200deg);
|
|
opacity: 0
|
|
}
|
|
}
|
|
|
|
.rotateOut {
|
|
-webkit-animation-name: rotateOut;
|
|
animation-name: rotateOut
|
|
}
|
|
|
|
@-webkit-keyframes rotateOutDownLeft {
|
|
0% {
|
|
-webkit-transform-origin: left bottom;
|
|
transform-origin: left bottom;
|
|
opacity: 1
|
|
}
|
|
100% {
|
|
-webkit-transform-origin: left bottom;
|
|
transform-origin: left bottom;
|
|
-webkit-transform: rotate3d(0, 0, 1, 45deg);
|
|
transform: rotate3d(0, 0, 1, 45deg);
|
|
opacity: 0
|
|
}
|
|
}
|
|
|
|
@keyframes rotateOutDownLeft {
|
|
0% {
|
|
-webkit-transform-origin: left bottom;
|
|
transform-origin: left bottom;
|
|
opacity: 1
|
|
}
|
|
100% {
|
|
-webkit-transform-origin: left bottom;
|
|
transform-origin: left bottom;
|
|
-webkit-transform: rotate3d(0, 0, 1, 45deg);
|
|
transform: rotate3d(0, 0, 1, 45deg);
|
|
opacity: 0
|
|
}
|
|
}
|
|
|
|
.rotateOutDownLeft {
|
|
-webkit-animation-name: rotateOutDownLeft;
|
|
animation-name: rotateOutDownLeft
|
|
}
|
|
|
|
@-webkit-keyframes rotateOutDownRight {
|
|
0% {
|
|
-webkit-transform-origin: right bottom;
|
|
transform-origin: right bottom;
|
|
opacity: 1
|
|
}
|
|
100% {
|
|
-webkit-transform-origin: right bottom;
|
|
transform-origin: right bottom;
|
|
-webkit-transform: rotate3d(0, 0, 1, -45deg);
|
|
transform: rotate3d(0, 0, 1, -45deg);
|
|
opacity: 0
|
|
}
|
|
}
|
|
|
|
@keyframes rotateOutDownRight {
|
|
0% {
|
|
-webkit-transform-origin: right bottom;
|
|
transform-origin: right bottom;
|
|
opacity: 1
|
|
}
|
|
100% {
|
|
-webkit-transform-origin: right bottom;
|
|
transform-origin: right bottom;
|
|
-webkit-transform: rotate3d(0, 0, 1, -45deg);
|
|
transform: rotate3d(0, 0, 1, -45deg);
|
|
opacity: 0
|
|
}
|
|
}
|
|
|
|
.rotateOutDownRight {
|
|
-webkit-animation-name: rotateOutDownRight;
|
|
animation-name: rotateOutDownRight
|
|
}
|
|
|
|
@-webkit-keyframes rotateOutUpLeft {
|
|
0% {
|
|
-webkit-transform-origin: left bottom;
|
|
transform-origin: left bottom;
|
|
opacity: 1
|
|
}
|
|
100% {
|
|
-webkit-transform-origin: left bottom;
|
|
transform-origin: left bottom;
|
|
-webkit-transform: rotate3d(0, 0, 1, -45deg);
|
|
transform: rotate3d(0, 0, 1, -45deg);
|
|
opacity: 0
|
|
}
|
|
}
|
|
|
|
@keyframes rotateOutUpLeft {
|
|
0% {
|
|
-webkit-transform-origin: left bottom;
|
|
transform-origin: left bottom;
|
|
opacity: 1
|
|
}
|
|
100% {
|
|
-webkit-transform-origin: left bottom;
|
|
transform-origin: left bottom;
|
|
-webkit-transform: rotate3d(0, 0, 1, -45deg);
|
|
transform: rotate3d(0, 0, 1, -45deg);
|
|
opacity: 0
|
|
}
|
|
}
|
|
|
|
.rotateOutUpLeft {
|
|
-webkit-animation-name: rotateOutUpLeft;
|
|
animation-name: rotateOutUpLeft
|
|
}
|
|
|
|
@-webkit-keyframes rotateOutUpRight {
|
|
0% {
|
|
-webkit-transform-origin: right bottom;
|
|
transform-origin: right bottom;
|
|
opacity: 1
|
|
}
|
|
100% {
|
|
-webkit-transform-origin: right bottom;
|
|
transform-origin: right bottom;
|
|
-webkit-transform: rotate3d(0, 0, 1, 90deg);
|
|
transform: rotate3d(0, 0, 1, 90deg);
|
|
opacity: 0
|
|
}
|
|
}
|
|
|
|
@keyframes rotateOutUpRight {
|
|
0% {
|
|
-webkit-transform-origin: right bottom;
|
|
transform-origin: right bottom;
|
|
opacity: 1
|
|
}
|
|
100% {
|
|
-webkit-transform-origin: right bottom;
|
|
transform-origin: right bottom;
|
|
-webkit-transform: rotate3d(0, 0, 1, 90deg);
|
|
transform: rotate3d(0, 0, 1, 90deg);
|
|
opacity: 0
|
|
}
|
|
}
|
|
|
|
.rotateOutUpRight {
|
|
-webkit-animation-name: rotateOutUpRight;
|
|
animation-name: rotateOutUpRight
|
|
}
|
|
|
|
@-webkit-keyframes hinge {
|
|
0% {
|
|
-webkit-transform-origin: top left;
|
|
transform-origin: top left;
|
|
-webkit-animation-timing-function: ease-in-out;
|
|
animation-timing-function: ease-in-out
|
|
}
|
|
20%,
|
|
60% {
|
|
-webkit-transform: rotate3d(0, 0, 1, 80deg);
|
|
transform: rotate3d(0, 0, 1, 80deg);
|
|
-webkit-transform-origin: top left;
|
|
transform-origin: top left;
|
|
-webkit-animation-timing-function: ease-in-out;
|
|
animation-timing-function: ease-in-out
|
|
}
|
|
40%,
|
|
80% {
|
|
-webkit-transform: rotate3d(0, 0, 1, 60deg);
|
|
transform: rotate3d(0, 0, 1, 60deg);
|
|
-webkit-transform-origin: top left;
|
|
transform-origin: top left;
|
|
-webkit-animation-timing-function: ease-in-out;
|
|
animation-timing-function: ease-in-out;
|
|
opacity: 1
|
|
}
|
|
100% {
|
|
-webkit-transform: translate3d(0, 700px, 0);
|
|
transform: translate3d(0, 700px, 0);
|
|
opacity: 0
|
|
}
|
|
}
|
|
|
|
@keyframes hinge {
|
|
0% {
|
|
-webkit-transform-origin: top left;
|
|
transform-origin: top left;
|
|
-webkit-animation-timing-function: ease-in-out;
|
|
animation-timing-function: ease-in-out
|
|
}
|
|
20%,
|
|
60% {
|
|
-webkit-transform: rotate3d(0, 0, 1, 80deg);
|
|
transform: rotate3d(0, 0, 1, 80deg);
|
|
-webkit-transform-origin: top left;
|
|
transform-origin: top left;
|
|
-webkit-animation-timing-function: ease-in-out;
|
|
animation-timing-function: ease-in-out
|
|
}
|
|
40%,
|
|
80% {
|
|
-webkit-transform: rotate3d(0, 0, 1, 60deg);
|
|
transform: rotate3d(0, 0, 1, 60deg);
|
|
-webkit-transform-origin: top left;
|
|
transform-origin: top left;
|
|
-webkit-animation-timing-function: ease-in-out;
|
|
animation-timing-function: ease-in-out;
|
|
opacity: 1
|
|
}
|
|
100% {
|
|
-webkit-transform: translate3d(0, 700px, 0);
|
|
transform: translate3d(0, 700px, 0);
|
|
opacity: 0
|
|
}
|
|
}
|
|
|
|
.hinge {
|
|
-webkit-animation-name: hinge;
|
|
animation-name: hinge
|
|
}
|
|
|
|
@-webkit-keyframes rollIn {
|
|
0% {
|
|
opacity: 0;
|
|
-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
|
|
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)
|
|
}
|
|
100% {
|
|
opacity: 1;
|
|
-webkit-transform: none;
|
|
transform: none
|
|
}
|
|
}
|
|
|
|
@keyframes rollIn {
|
|
0% {
|
|
opacity: 0;
|
|
-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
|
|
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)
|
|
}
|
|
100% {
|
|
opacity: 1;
|
|
-webkit-transform: none;
|
|
transform: none
|
|
}
|
|
}
|
|
|
|
.rollIn {
|
|
-webkit-animation-name: rollIn;
|
|
animation-name: rollIn
|
|
}
|
|
|
|
@-webkit-keyframes rollOut {
|
|
0% {
|
|
opacity: 1
|
|
}
|
|
100% {
|
|
opacity: 0;
|
|
-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
|
|
transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)
|
|
}
|
|
}
|
|
|
|
@keyframes rollOut {
|
|
0% {
|
|
opacity: 1
|
|
}
|
|
100% {
|
|
opacity: 0;
|
|
-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
|
|
transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)
|
|
}
|
|
}
|
|
|
|
.rollOut {
|
|
-webkit-animation-name: rollOut;
|
|
animation-name: rollOut
|
|
}
|
|
|
|
@-webkit-keyframes zoomIn {
|
|
0% {
|
|
opacity: 0;
|
|
-webkit-transform: scale3d(.3, .3, .3);
|
|
transform: scale3d(.3, .3, .3)
|
|
}
|
|
50% {
|
|
opacity: 1
|
|
}
|
|
}
|
|
|
|
@keyframes zoomIn {
|
|
0% {
|
|
opacity: 0;
|
|
-webkit-transform: scale3d(.3, .3, .3);
|
|
transform: scale3d(.3, .3, .3)
|
|
}
|
|
50% {
|
|
opacity: 1
|
|
}
|
|
}
|
|
|
|
.zoomIn {
|
|
-webkit-animation-name: zoomIn;
|
|
animation-name: zoomIn
|
|
}
|
|
|
|
@-webkit-keyframes zoomInDown {
|
|
0% {
|
|
opacity: 0;
|
|
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
|
|
transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
|
|
-webkit-animation-timing-function: cubic-bezier(0.55, .055, .675, .19);
|
|
animation-timing-function: cubic-bezier(0.55, .055, .675, .19)
|
|
}
|
|
60% {
|
|
opacity: 1;
|
|
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
|
|
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
|
|
-webkit-animation-timing-function: cubic-bezier(0.175, .885, .32, 1);
|
|
animation-timing-function: cubic-bezier(0.175, .885, .32, 1)
|
|
}
|
|
}
|
|
|
|
@keyframes zoomInDown {
|
|
0% {
|
|
opacity: 0;
|
|
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
|
|
transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
|
|
-webkit-animation-timing-function: cubic-bezier(0.55, .055, .675, .19);
|
|
animation-timing-function: cubic-bezier(0.55, .055, .675, .19)
|
|
}
|
|
60% {
|
|
opacity: 1;
|
|
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
|
|
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
|
|
-webkit-animation-timing-function: cubic-bezier(0.175, .885, .32, 1);
|
|
animation-timing-function: cubic-bezier(0.175, .885, .32, 1)
|
|
}
|
|
}
|
|
|
|
.zoomInDown {
|
|
-webkit-animation-name: zoomInDown;
|
|
animation-name: zoomInDown
|
|
}
|
|
|
|
@-webkit-keyframes zoomInLeft {
|
|
0% {
|
|
opacity: 0;
|
|
-webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
|
|
transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
|
|
-webkit-animation-timing-function: cubic-bezier(0.55, .055, .675, .19);
|
|
animation-timing-function: cubic-bezier(0.55, .055, .675, .19)
|
|
}
|
|
60% {
|
|
opacity: 1;
|
|
-webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
|
|
transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
|
|
-webkit-animation-timing-function: cubic-bezier(0.175, .885, .32, 1);
|
|
animation-timing-function: cubic-bezier(0.175, .885, .32, 1)
|
|
}
|
|
}
|
|
|
|
@keyframes zoomInLeft {
|
|
0% {
|
|
opacity: 0;
|
|
-webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
|
|
transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
|
|
-webkit-animation-timing-function: cubic-bezier(0.55, .055, .675, .19);
|
|
animation-timing-function: cubic-bezier(0.55, .055, .675, .19)
|
|
}
|
|
60% {
|
|
opacity: 1;
|
|
-webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
|
|
transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
|
|
-webkit-animation-timing-function: cubic-bezier(0.175, .885, .32, 1);
|
|
animation-timing-function: cubic-bezier(0.175, .885, .32, 1)
|
|
}
|
|
}
|
|
|
|
.zoomInLeft {
|
|
-webkit-animation-name: zoomInLeft;
|
|
animation-name: zoomInLeft
|
|
}
|
|
|
|
@-webkit-keyframes zoomInRight {
|
|
0% {
|
|
opacity: 0;
|
|
-webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
|
|
transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
|
|
-webkit-animation-timing-function: cubic-bezier(0.55, .055, .675, .19);
|
|
animation-timing-function: cubic-bezier(0.55, .055, .675, .19)
|
|
}
|
|
60% {
|
|
opacity: 1;
|
|
-webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
|
|
transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
|
|
-webkit-animation-timing-function: cubic-bezier(0.175, .885, .32, 1);
|
|
animation-timing-function: cubic-bezier(0.175, .885, .32, 1)
|
|
}
|
|
}
|
|
|
|
@keyframes zoomInRight {
|
|
0% {
|
|
opacity: 0;
|
|
-webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
|
|
transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
|
|
-webkit-animation-timing-function: cubic-bezier(0.55, .055, .675, .19);
|
|
animation-timing-function: cubic-bezier(0.55, .055, .675, .19)
|
|
}
|
|
60% {
|
|
opacity: 1;
|
|
-webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
|
|
transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
|
|
-webkit-animation-timing-function: cubic-bezier(0.175, .885, .32, 1);
|
|
animation-timing-function: cubic-bezier(0.175, .885, .32, 1)
|
|
}
|
|
}
|
|
|
|
.zoomInRight {
|
|
-webkit-animation-name: zoomInRight;
|
|
animation-name: zoomInRight
|
|
}
|
|
|
|
@-webkit-keyframes zoomInUp {
|
|
0% {
|
|
opacity: 0;
|
|
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
|
|
transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
|
|
-webkit-animation-timing-function: cubic-bezier(0.55, .055, .675, .19);
|
|
animation-timing-function: cubic-bezier(0.55, .055, .675, .19)
|
|
}
|
|
60% {
|
|
opacity: 1;
|
|
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
|
|
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
|
|
-webkit-animation-timing-function: cubic-bezier(0.175, .885, .32, 1);
|
|
animation-timing-function: cubic-bezier(0.175, .885, .32, 1)
|
|
}
|
|
}
|
|
|
|
@keyframes zoomInUp {
|
|
0% {
|
|
opacity: 0;
|
|
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
|
|
transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
|
|
-webkit-animation-timing-function: cubic-bezier(0.55, .055, .675, .19);
|
|
animation-timing-function: cubic-bezier(0.55, .055, .675, .19)
|
|
}
|
|
60% {
|
|
opacity: 1;
|
|
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
|
|
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
|
|
-webkit-animation-timing-function: cubic-bezier(0.175, .885, .32, 1);
|
|
animation-timing-function: cubic-bezier(0.175, .885, .32, 1)
|
|
}
|
|
}
|
|
|
|
.zoomInUp {
|
|
-webkit-animation-name: zoomInUp;
|
|
animation-name: zoomInUp
|
|
}
|
|
|
|
@-webkit-keyframes zoomOut {
|
|
0% {
|
|
opacity: 1
|
|
}
|
|
50% {
|
|
opacity: 0;
|
|
-webkit-transform: scale3d(.3, .3, .3);
|
|
transform: scale3d(.3, .3, .3)
|
|
}
|
|
100% {
|
|
opacity: 0
|
|
}
|
|
}
|
|
|
|
@keyframes zoomOut {
|
|
0% {
|
|
opacity: 1
|
|
}
|
|
50% {
|
|
opacity: 0;
|
|
-webkit-transform: scale3d(.3, .3, .3);
|
|
transform: scale3d(.3, .3, .3)
|
|
}
|
|
100% {
|
|
opacity: 0
|
|
}
|
|
}
|
|
|
|
.zoomOut {
|
|
-webkit-animation-name: zoomOut;
|
|
animation-name: zoomOut
|
|
}
|
|
|
|
@-webkit-keyframes zoomOutDown {
|
|
40% {
|
|
opacity: 1;
|
|
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
|
|
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
|
|
-webkit-animation-timing-function: cubic-bezier(0.55, .055, .675, .19);
|
|
animation-timing-function: cubic-bezier(0.55, .055, .675, .19)
|
|
}
|
|
100% {
|
|
opacity: 0;
|
|
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
|
|
transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
|
|
-webkit-transform-origin: center bottom;
|
|
transform-origin: center bottom;
|
|
-webkit-animation-timing-function: cubic-bezier(0.175, .885, .32, 1);
|
|
animation-timing-function: cubic-bezier(0.175, .885, .32, 1)
|
|
}
|
|
}
|
|
|
|
@keyframes zoomOutDown {
|
|
40% {
|
|
opacity: 1;
|
|
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
|
|
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
|
|
-webkit-animation-timing-function: cubic-bezier(0.55, .055, .675, .19);
|
|
animation-timing-function: cubic-bezier(0.55, .055, .675, .19)
|
|
}
|
|
100% {
|
|
opacity: 0;
|
|
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
|
|
transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
|
|
-webkit-transform-origin: center bottom;
|
|
transform-origin: center bottom;
|
|
-webkit-animation-timing-function: cubic-bezier(0.175, .885, .32, 1);
|
|
animation-timing-function: cubic-bezier(0.175, .885, .32, 1)
|
|
}
|
|
}
|
|
|
|
.zoomOutDown {
|
|
-webkit-animation-name: zoomOutDown;
|
|
animation-name: zoomOutDown
|
|
}
|
|
|
|
@-webkit-keyframes zoomOutLeft {
|
|
40% {
|
|
opacity: 1;
|
|
-webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
|
|
transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)
|
|
}
|
|
100% {
|
|
opacity: 0;
|
|
-webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
|
|
transform: scale(.1) translate3d(-2000px, 0, 0);
|
|
-webkit-transform-origin: left center;
|
|
transform-origin: left center
|
|
}
|
|
}
|
|
|
|
@keyframes zoomOutLeft {
|
|
40% {
|
|
opacity: 1;
|
|
-webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
|
|
transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)
|
|
}
|
|
100% {
|
|
opacity: 0;
|
|
-webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
|
|
transform: scale(.1) translate3d(-2000px, 0, 0);
|
|
-webkit-transform-origin: left center;
|
|
transform-origin: left center
|
|
}
|
|
}
|
|
|
|
.zoomOutLeft {
|
|
-webkit-animation-name: zoomOutLeft;
|
|
animation-name: zoomOutLeft
|
|
}
|
|
|
|
@-webkit-keyframes zoomOutRight {
|
|
40% {
|
|
opacity: 1;
|
|
-webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
|
|
transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
|
|
}
|
|
100% {
|
|
opacity: 0;
|
|
-webkit-transform: scale(.1) translate3d(2000px, 0, 0);
|
|
transform: scale(.1) translate3d(2000px, 0, 0);
|
|
-webkit-transform-origin: right center;
|
|
transform-origin: right center
|
|
}
|
|
}
|
|
|
|
@keyframes zoomOutRight {
|
|
40% {
|
|
opacity: 1;
|
|
-webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
|
|
transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
|
|
}
|
|
100% {
|
|
opacity: 0;
|
|
-webkit-transform: scale(.1) translate3d(2000px, 0, 0);
|
|
transform: scale(.1) translate3d(2000px, 0, 0);
|
|
-webkit-transform-origin: right center;
|
|
transform-origin: right center
|
|
}
|
|
}
|
|
|
|
.zoomOutRight {
|
|
-webkit-animation-name: zoomOutRight;
|
|
animation-name: zoomOutRight
|
|
}
|
|
|
|
@-webkit-keyframes zoomOutUp {
|
|
40% {
|
|
opacity: 1;
|
|
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
|
|
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
|
|
-webkit-animation-timing-function: cubic-bezier(0.55, .055, .675, .19);
|
|
animation-timing-function: cubic-bezier(0.55, .055, .675, .19)
|
|
}
|
|
100% {
|
|
opacity: 0;
|
|
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
|
|
transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
|
|
-webkit-transform-origin: center bottom;
|
|
transform-origin: center bottom;
|
|
-webkit-animation-timing-function: cubic-bezier(0.175, .885, .32, 1);
|
|
animation-timing-function: cubic-bezier(0.175, .885, .32, 1)
|
|
}
|
|
}
|
|
|
|
@keyframes zoomOutUp {
|
|
40% {
|
|
opacity: 1;
|
|
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
|
|
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
|
|
-webkit-animation-timing-function: cubic-bezier(0.55, .055, .675, .19);
|
|
animation-timing-function: cubic-bezier(0.55, .055, .675, .19)
|
|
}
|
|
100% {
|
|
opacity: 0;
|
|
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
|
|
transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
|
|
-webkit-transform-origin: center bottom;
|
|
transform-origin: center bottom;
|
|
-webkit-animation-timing-function: cubic-bezier(0.175, .885, .32, 1);
|
|
animation-timing-function: cubic-bezier(0.175, .885, .32, 1)
|
|
}
|
|
}
|
|
|
|
.zoomOutUp {
|
|
-webkit-animation-name: zoomOutUp;
|
|
animation-name: zoomOutUp
|
|
}
|
|
|
|
@-webkit-keyframes slideInDown {
|
|
0% {
|
|
-webkit-transform: translate3d(0, -100%, 0);
|
|
transform: translate3d(0, -100%, 0);
|
|
visibility: visible
|
|
}
|
|
100% {
|
|
-webkit-transform: translate3d(0, 0, 0);
|
|
transform: translate3d(0, 0, 0)
|
|
}
|
|
}
|
|
|
|
@keyframes slideInDown {
|
|
0% {
|
|
-webkit-transform: translate3d(0, -100%, 0);
|
|
transform: translate3d(0, -100%, 0);
|
|
visibility: visible
|
|
}
|
|
100% {
|
|
-webkit-transform: translate3d(0, 0, 0);
|
|
transform: translate3d(0, 0, 0)
|
|
}
|
|
}
|
|
|
|
.slideInDown {
|
|
-webkit-animation-name: slideInDown;
|
|
animation-name: slideInDown
|
|
}
|
|
|
|
@-webkit-keyframes slideInLeft {
|
|
0% {
|
|
-webkit-transform: translate3d(-100%, 0, 0);
|
|
transform: translate3d(-100%, 0, 0);
|
|
visibility: visible
|
|
}
|
|
100% {
|
|
-webkit-transform: translate3d(0, 0, 0);
|
|
transform: translate3d(0, 0, 0)
|
|
}
|
|
}
|
|
|
|
@keyframes slideInLeft {
|
|
0% {
|
|
-webkit-transform: translate3d(-100%, 0, 0);
|
|
transform: translate3d(-100%, 0, 0);
|
|
visibility: visible
|
|
}
|
|
100% {
|
|
-webkit-transform: translate3d(0, 0, 0);
|
|
transform: translate3d(0, 0, 0)
|
|
}
|
|
}
|
|
|
|
.slideInLeft {
|
|
-webkit-animation-name: slideInLeft;
|
|
animation-name: slideInLeft
|
|
}
|
|
|
|
@-webkit-keyframes slideInRight {
|
|
0% {
|
|
-webkit-transform: translate3d(100%, 0, 0);
|
|
transform: translate3d(100%, 0, 0);
|
|
visibility: visible
|
|
}
|
|
100% {
|
|
-webkit-transform: translate3d(0, 0, 0);
|
|
transform: translate3d(0, 0, 0)
|
|
}
|
|
}
|
|
|
|
@keyframes slideInRight {
|
|
0% {
|
|
-webkit-transform: translate3d(100%, 0, 0);
|
|
transform: translate3d(100%, 0, 0);
|
|
visibility: visible
|
|
}
|
|
100% {
|
|
-webkit-transform: translate3d(0, 0, 0);
|
|
transform: translate3d(0, 0, 0)
|
|
}
|
|
}
|
|
|
|
.slideInRight {
|
|
-webkit-animation-name: slideInRight;
|
|
animation-name: slideInRight
|
|
}
|
|
|
|
@-webkit-keyframes slideInUp {
|
|
0% {
|
|
-webkit-transform: translate3d(0, 100%, 0);
|
|
transform: translate3d(0, 100%, 0);
|
|
visibility: visible
|
|
}
|
|
100% {
|
|
-webkit-transform: translate3d(0, 0, 0);
|
|
transform: translate3d(0, 0, 0)
|
|
}
|
|
}
|
|
|
|
@keyframes slideInUp {
|
|
0% {
|
|
-webkit-transform: translate3d(0, 100%, 0);
|
|
transform: translate3d(0, 100%, 0);
|
|
visibility: visible
|
|
}
|
|
100% {
|
|
-webkit-transform: translate3d(0, 0, 0);
|
|
transform: translate3d(0, 0, 0)
|
|
}
|
|
}
|
|
|
|
.slideInUp {
|
|
-webkit-animation-name: slideInUp;
|
|
animation-name: slideInUp
|
|
}
|
|
|
|
@-webkit-keyframes slideOutDown {
|
|
0% {
|
|
-webkit-transform: translate3d(0, 0, 0);
|
|
transform: translate3d(0, 0, 0)
|
|
}
|
|
100% {
|
|
visibility: hidden;
|
|
-webkit-transform: translate3d(0, 100%, 0);
|
|
transform: translate3d(0, 100%, 0)
|
|
}
|
|
}
|
|
|
|
@keyframes slideOutDown {
|
|
0% {
|
|
-webkit-transform: translate3d(0, 0, 0);
|
|
transform: translate3d(0, 0, 0)
|
|
}
|
|
100% {
|
|
visibility: hidden;
|
|
-webkit-transform: translate3d(0, 100%, 0);
|
|
transform: translate3d(0, 100%, 0)
|
|
}
|
|
}
|
|
|
|
.slideOutDown {
|
|
-webkit-animation-name: slideOutDown;
|
|
animation-name: slideOutDown
|
|
}
|
|
|
|
@-webkit-keyframes slideOutLeft {
|
|
0% {
|
|
-webkit-transform: translate3d(0, 0, 0);
|
|
transform: translate3d(0, 0, 0)
|
|
}
|
|
100% {
|
|
visibility: hidden;
|
|
-webkit-transform: translate3d(-100%, 0, 0);
|
|
transform: translate3d(-100%, 0, 0)
|
|
}
|
|
}
|
|
|
|
@keyframes slideOutLeft {
|
|
0% {
|
|
-webkit-transform: translate3d(0, 0, 0);
|
|
transform: translate3d(0, 0, 0)
|
|
}
|
|
100% {
|
|
visibility: hidden;
|
|
-webkit-transform: translate3d(-100%, 0, 0);
|
|
transform: translate3d(-100%, 0, 0)
|
|
}
|
|
}
|
|
|
|
.slideOutLeft {
|
|
-webkit-animation-name: slideOutLeft;
|
|
animation-name: slideOutLeft
|
|
}
|
|
|
|
@-webkit-keyframes slideOutRight {
|
|
0% {
|
|
-webkit-transform: translate3d(0, 0, 0);
|
|
transform: translate3d(0, 0, 0)
|
|
}
|
|
100% {
|
|
visibility: hidden;
|
|
-webkit-transform: translate3d(100%, 0, 0);
|
|
transform: translate3d(100%, 0, 0)
|
|
}
|
|
}
|
|
|
|
@keyframes slideOutRight {
|
|
0% {
|
|
-webkit-transform: translate3d(0, 0, 0);
|
|
transform: translate3d(0, 0, 0)
|
|
}
|
|
100% {
|
|
visibility: hidden;
|
|
-webkit-transform: translate3d(100%, 0, 0);
|
|
transform: translate3d(100%, 0, 0)
|
|
}
|
|
}
|
|
|
|
.slideOutRight {
|
|
-webkit-animation-name: slideOutRight;
|
|
animation-name: slideOutRight
|
|
}
|
|
|
|
@-webkit-keyframes slideOutUp {
|
|
0% {
|
|
-webkit-transform: translate3d(0, 0, 0);
|
|
transform: translate3d(0, 0, 0)
|
|
}
|
|
100% {
|
|
visibility: hidden;
|
|
-webkit-transform: translate3d(0, -100%, 0);
|
|
transform: translate3d(0, -100%, 0)
|
|
}
|
|
}
|
|
|
|
@keyframes slideOutUp {
|
|
0% {
|
|
-webkit-transform: translate3d(0, 0, 0);
|
|
transform: translate3d(0, 0, 0)
|
|
}
|
|
100% {
|
|
visibility: hidden;
|
|
-webkit-transform: translate3d(0, -100%, 0);
|
|
transform: translate3d(0, -100%, 0)
|
|
}
|
|
}
|
|
|
|
.slideOutUp {
|
|
-webkit-animation-name: slideOutUp;
|
|
animation-name: slideOutUp
|
|
}
|
|
|
|
.flex-container a:active,
|
|
.flexslider a:active,
|
|
.flex-container a:focus,
|
|
.flexslider a:focus {
|
|
outline: none;
|
|
}
|
|
|
|
.slides,
|
|
.flex-control-nav,
|
|
.flex-direction-nav {
|
|
margin: 0;
|
|
padding: 0;
|
|
list-style: none;
|
|
}
|
|
|
|
@font-face {
|
|
font-family: 'flexslider-icon';
|
|
src: url('fonts/flexslider-icon.eot');
|
|
src: url('fonts/flexslider-icon.eot?#iefix') format('embedded-opentype'), url('fonts/flexslider-icon.woff') format('woff'), url('fonts/flexslider-icon.ttf') format('truetype'), url('fonts/flexslider-icon.svg#flexslider-icon') format('svg');
|
|
font-weight: normal;
|
|
font-style: normal;
|
|
}
|
|
|
|
.flexslider {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
.flexslider .slides > li {
|
|
display: none;
|
|
-webkit-backface-visibility: hidden;
|
|
}
|
|
|
|
.flexslider .slides img {
|
|
width: 100%;
|
|
display: block;
|
|
}
|
|
|
|
.flex-pauseplay span {
|
|
text-transform: capitalize;
|
|
}
|
|
|
|
.slides:after {
|
|
content: "\0020";
|
|
display: block;
|
|
clear: both;
|
|
visibility: hidden;
|
|
line-height: 0;
|
|
height: 0;
|
|
}
|
|
|
|
html[xmlns] .slides {
|
|
display: block;
|
|
}
|
|
|
|
* html .slides {
|
|
height: 1%;
|
|
}
|
|
|
|
.no-js .slides > li:first-child {
|
|
display: block;
|
|
}
|
|
|
|
.flexslider {
|
|
margin: 0 0 60px;
|
|
background: #fff;
|
|
border: 4px solid #fff;
|
|
position: relative;
|
|
-webkit-border-radius: 4px;
|
|
-moz-border-radius: 4px;
|
|
-o-border-radius: 4px;
|
|
border-radius: 4px;
|
|
-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, .2);
|
|
-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, .2);
|
|
-o-box-shadow: 0 1px 4px rgba(0, 0, 0, .2);
|
|
box-shadow: 0 1px 4px rgba(0, 0, 0, .2);
|
|
zoom: 1;
|
|
}
|
|
|
|
.flex-viewport {
|
|
max-height: 2000px;
|
|
-webkit-transition: all 1s ease;
|
|
-moz-transition: all 1s ease;
|
|
-o-transition: all 1s ease;
|
|
transition: all 1s ease;
|
|
}
|
|
|
|
.loading .flex-viewport {
|
|
max-height: 300px;
|
|
}
|
|
|
|
.flexslider .slides {
|
|
zoom: 1;
|
|
}
|
|
|
|
.carousel li {
|
|
margin-right: 5px;
|
|
}
|
|
|
|
.flex-direction-nav {
|
|
*height: 0;
|
|
}
|
|
|
|
.flex-direction-nav a {
|
|
text-decoration: none;
|
|
display: block;
|
|
width: 40px;
|
|
height: 40px;
|
|
margin: -20px 0 0;
|
|
position: absolute;
|
|
top: 50%;
|
|
z-index: 10;
|
|
overflow: hidden;
|
|
opacity: 0;
|
|
cursor: pointer;
|
|
color: rgba(0, 0, 0, 0.8);
|
|
text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
|
|
-webkit-transition: all .3s ease;
|
|
-moz-transition: all .3s ease;
|
|
transition: all .3s ease;
|
|
}
|
|
|
|
.flex-direction-nav .flex-prev {
|
|
left: -50px;
|
|
}
|
|
|
|
.flex-direction-nav .flex-next {
|
|
right: -50px;
|
|
text-align: right;
|
|
}
|
|
|
|
.flexslider:hover .flex-prev {
|
|
opacity: 0.7;
|
|
left: 10px;
|
|
}
|
|
|
|
.flexslider:hover .flex-next {
|
|
opacity: 0.7;
|
|
right: 10px;
|
|
}
|
|
|
|
.flexslider:hover .flex-next:hover,
|
|
.flexslider:hover .flex-prev:hover {
|
|
opacity: 1;
|
|
}
|
|
|
|
.flex-direction-nav .flex-disabled {
|
|
opacity: 0!important;
|
|
filter: alpha(opacity=0);
|
|
cursor: default;
|
|
}
|
|
|
|
.flex-direction-nav a:before {
|
|
font-family: "flexslider-icon";
|
|
font-size: 40px;
|
|
display: inline-block;
|
|
content: '\f001';
|
|
}
|
|
|
|
.flex-direction-nav a.flex-next:before {
|
|
content: '\f002';
|
|
}
|
|
|
|
.flex-pauseplay a {
|
|
display: block;
|
|
width: 20px;
|
|
height: 20px;
|
|
position: absolute;
|
|
bottom: 5px;
|
|
left: 10px;
|
|
opacity: 0.8;
|
|
z-index: 10;
|
|
overflow: hidden;
|
|
cursor: pointer;
|
|
color: #000;
|
|
}
|
|
|
|
.flex-pauseplay a:before {
|
|
font-family: "flexslider-icon";
|
|
font-size: 20px;
|
|
display: inline-block;
|
|
content: '\f004';
|
|
}
|
|
|
|
.flex-pauseplay a:hover {
|
|
opacity: 1;
|
|
}
|
|
|
|
.flex-pauseplay a.flex-play:before {
|
|
content: '\f003';
|
|
}
|
|
|
|
.flex-control-nav {
|
|
width: 100%;
|
|
position: absolute;
|
|
bottom: -40px;
|
|
text-align: center;
|
|
}
|
|
|
|
.flex-control-nav li {
|
|
margin: 0 6px;
|
|
display: inline-block;
|
|
zoom: 1;
|
|
*display: inline;
|
|
}
|
|
|
|
.flex-control-paging li a {
|
|
width: 11px;
|
|
height: 11px;
|
|
display: block;
|
|
background: #666;
|
|
background: rgba(0, 0, 0, 0.5);
|
|
cursor: pointer;
|
|
text-indent: -9999px;
|
|
-webkit-border-radius: 20px;
|
|
-moz-border-radius: 20px;
|
|
-o-border-radius: 20px;
|
|
border-radius: 20px;
|
|
-webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
|
|
-moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
|
|
-o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
|
|
box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
|
|
}
|
|
|
|
.flex-control-paging li a:hover {
|
|
background: #333;
|
|
background: rgba(0, 0, 0, 0.7);
|
|
}
|
|
|
|
.flex-control-paging li a.flex-active {
|
|
background: #000;
|
|
background: rgba(0, 0, 0, 0.9);
|
|
cursor: default;
|
|
}
|
|
|
|
.flex-control-thumbs {
|
|
margin: 5px 0 0;
|
|
position: static;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.flex-control-thumbs li {
|
|
width: 25%;
|
|
float: left;
|
|
margin: 0;
|
|
}
|
|
|
|
.flex-control-thumbs img {
|
|
width: 100%;
|
|
display: block;
|
|
opacity: .7;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.flex-control-thumbs img:hover {
|
|
opacity: 1;
|
|
}
|
|
|
|
.flex-control-thumbs .flex-active {
|
|
opacity: 1;
|
|
cursor: default;
|
|
}
|
|
|
|
@media screen and (max-width:860px) {
|
|
.flex-direction-nav .flex-prev {
|
|
opacity: 1;
|
|
left: 10px;
|
|
}
|
|
.flex-direction-nav .flex-next {
|
|
opacity: 1;
|
|
right: 10px;
|
|
}
|
|
}
|
|
|
|
.mfp-bg {
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
z-index: 1042;
|
|
overflow: hidden;
|
|
position: fixed;
|
|
background: #0b0b0b;
|
|
opacity: 0.8;
|
|
filter: alpha(opacity=80);
|
|
}
|
|
|
|
.mfp-wrap {
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
z-index: 1043;
|
|
position: fixed;
|
|
outline: none !important;
|
|
-webkit-backface-visibility: hidden;
|
|
}
|
|
|
|
.mfp-container {
|
|
text-align: center;
|
|
position: absolute;
|
|
width: 100%;
|
|
height: 100%;
|
|
left: 0;
|
|
top: 0;
|
|
padding: 0 8px;
|
|
-webkit-box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.mfp-container:before {
|
|
content: '';
|
|
display: inline-block;
|
|
height: 100%;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.mfp-align-top .mfp-container:before {
|
|
display: none;
|
|
}
|
|
|
|
.mfp-content {
|
|
position: relative;
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
margin: 0 auto;
|
|
text-align: left;
|
|
z-index: 1045;
|
|
}
|
|
|
|
.mfp-inline-holder .mfp-content,
|
|
.mfp-ajax-holder .mfp-content {
|
|
width: 100%;
|
|
cursor: auto;
|
|
}
|
|
|
|
.mfp-ajax-cur {
|
|
cursor: progress;
|
|
}
|
|
|
|
.mfp-zoom-out-cur,
|
|
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
|
|
cursor: -moz-zoom-out;
|
|
cursor: -webkit-zoom-out;
|
|
cursor: zoom-out;
|
|
}
|
|
|
|
.mfp-zoom {
|
|
cursor: pointer;
|
|
cursor: -webkit-zoom-in;
|
|
cursor: -moz-zoom-in;
|
|
cursor: zoom-in;
|
|
}
|
|
|
|
.mfp-auto-cursor .mfp-content {
|
|
cursor: auto;
|
|
}
|
|
|
|
.mfp-close,
|
|
.mfp-arrow,
|
|
.mfp-preloader,
|
|
.mfp-counter {
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
user-select: none;
|
|
}
|
|
|
|
.mfp-loading.mfp-figure {
|
|
display: none;
|
|
}
|
|
|
|
.mfp-hide {
|
|
display: none !important;
|
|
}
|
|
|
|
.mfp-preloader {
|
|
color: #CCC;
|
|
position: absolute;
|
|
top: 50%;
|
|
width: auto;
|
|
text-align: center;
|
|
margin-top: -0.8em;
|
|
left: 8px;
|
|
right: 8px;
|
|
z-index: 1044;
|
|
}
|
|
|
|
.mfp-preloader a {
|
|
color: #CCC;
|
|
}
|
|
|
|
.mfp-preloader a:hover {
|
|
color: #FFF;
|
|
}
|
|
|
|
.mfp-s-ready .mfp-preloader {
|
|
display: none;
|
|
}
|
|
|
|
.mfp-s-error .mfp-content {
|
|
display: none;
|
|
}
|
|
|
|
button.mfp-close,
|
|
button.mfp-arrow {
|
|
overflow: visible;
|
|
cursor: pointer;
|
|
background: transparent;
|
|
border: 0;
|
|
-webkit-appearance: none;
|
|
display: block;
|
|
outline: none;
|
|
padding: 0;
|
|
z-index: 1046;
|
|
-webkit-box-shadow: none;
|
|
box-shadow: none;
|
|
}
|
|
|
|
button::-moz-focus-inner {
|
|
padding: 0;
|
|
border: 0;
|
|
}
|
|
|
|
.mfp-close {
|
|
width: 44px;
|
|
height: 44px;
|
|
line-height: 44px;
|
|
position: absolute;
|
|
right: 0;
|
|
top: 0;
|
|
text-decoration: none;
|
|
text-align: center;
|
|
opacity: 0.65;
|
|
filter: alpha(opacity=65);
|
|
padding: 0 0 18px 10px;
|
|
color: #FFF;
|
|
font-style: normal;
|
|
font-size: 28px;
|
|
font-family: Arial, Baskerville, monospace;
|
|
}
|
|
|
|
.mfp-close:hover,
|
|
.mfp-close:focus {
|
|
opacity: 1;
|
|
filter: alpha(opacity=100);
|
|
}
|
|
|
|
.mfp-close:active {
|
|
top: 1px;
|
|
}
|
|
|
|
.mfp-close-btn-in .mfp-close {
|
|
color: #333;
|
|
}
|
|
|
|
.mfp-image-holder .mfp-close,
|
|
.mfp-iframe-holder .mfp-close {
|
|
color: #FFF;
|
|
right: -6px;
|
|
text-align: right;
|
|
padding-right: 6px;
|
|
width: 100%;
|
|
}
|
|
|
|
.mfp-counter {
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
color: #CCC;
|
|
font-size: 12px;
|
|
line-height: 18px;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.mfp-arrow {
|
|
position: absolute;
|
|
opacity: 0.65;
|
|
filter: alpha(opacity=65);
|
|
margin: 0;
|
|
top: 50%;
|
|
margin-top: -55px;
|
|
padding: 0;
|
|
width: 90px;
|
|
height: 110px;
|
|
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
|
|
}
|
|
|
|
.mfp-arrow:active {
|
|
margin-top: -54px;
|
|
}
|
|
|
|
.mfp-arrow:hover,
|
|
.mfp-arrow:focus {
|
|
opacity: 1;
|
|
filter: alpha(opacity=100);
|
|
}
|
|
|
|
.mfp-arrow:before,
|
|
.mfp-arrow:after,
|
|
.mfp-arrow .mfp-b,
|
|
.mfp-arrow .mfp-a {
|
|
content: '';
|
|
display: block;
|
|
width: 0;
|
|
height: 0;
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0;
|
|
margin-top: 35px;
|
|
margin-left: 35px;
|
|
border: medium inset transparent;
|
|
}
|
|
|
|
.mfp-arrow:after,
|
|
.mfp-arrow .mfp-a {
|
|
border-top-width: 13px;
|
|
border-bottom-width: 13px;
|
|
top: 8px;
|
|
}
|
|
|
|
.mfp-arrow:before,
|
|
.mfp-arrow .mfp-b {
|
|
border-top-width: 21px;
|
|
border-bottom-width: 21px;
|
|
opacity: 0.7;
|
|
}
|
|
|
|
.mfp-arrow-left {
|
|
left: 0;
|
|
}
|
|
|
|
.mfp-arrow-left:after,
|
|
.mfp-arrow-left .mfp-a {
|
|
border-right: 17px solid #FFF;
|
|
margin-left: 31px;
|
|
}
|
|
|
|
.mfp-arrow-left:before,
|
|
.mfp-arrow-left .mfp-b {
|
|
margin-left: 25px;
|
|
border-right: 27px solid #3F3F3F;
|
|
}
|
|
|
|
.mfp-arrow-right {
|
|
right: 0;
|
|
}
|
|
|
|
.mfp-arrow-right:after,
|
|
.mfp-arrow-right .mfp-a {
|
|
border-left: 17px solid #FFF;
|
|
margin-left: 39px;
|
|
}
|
|
|
|
.mfp-arrow-right:before,
|
|
.mfp-arrow-right .mfp-b {
|
|
border-left: 27px solid #3F3F3F;
|
|
}
|
|
|
|
.mfp-iframe-holder {
|
|
padding-top: 40px;
|
|
padding-bottom: 40px;
|
|
}
|
|
|
|
.mfp-iframe-holder .mfp-content {
|
|
line-height: 0;
|
|
width: 100%;
|
|
max-width: 900px;
|
|
}
|
|
|
|
.mfp-iframe-holder .mfp-close {
|
|
top: -40px;
|
|
}
|
|
|
|
.mfp-iframe-scaler {
|
|
width: 100%;
|
|
height: 0;
|
|
overflow: hidden;
|
|
padding-top: 56.25%;
|
|
}
|
|
|
|
.mfp-iframe-scaler iframe {
|
|
position: absolute;
|
|
display: block;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
|
|
background: #000;
|
|
}
|
|
|
|
img.mfp-img {
|
|
width: auto;
|
|
max-width: 100%;
|
|
height: auto;
|
|
display: block;
|
|
line-height: 0;
|
|
-webkit-box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
padding: 40px 0 40px;
|
|
margin: 0 auto;
|
|
}
|
|
|
|
.mfp-figure {
|
|
line-height: 0;
|
|
}
|
|
|
|
.mfp-figure:after {
|
|
content: '';
|
|
position: absolute;
|
|
left: 0;
|
|
top: 40px;
|
|
bottom: 40px;
|
|
display: block;
|
|
right: 0;
|
|
width: auto;
|
|
height: auto;
|
|
z-index: -1;
|
|
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
|
|
background: #444;
|
|
}
|
|
|
|
.mfp-figure small {
|
|
color: #BDBDBD;
|
|
display: block;
|
|
font-size: 12px;
|
|
line-height: 14px;
|
|
}
|
|
|
|
.mfp-figure figure {
|
|
margin: 0;
|
|
}
|
|
|
|
.mfp-bottom-bar {
|
|
margin-top: -36px;
|
|
position: absolute;
|
|
top: 100%;
|
|
left: 0;
|
|
width: 100%;
|
|
cursor: auto;
|
|
}
|
|
|
|
.mfp-title {
|
|
text-align: left;
|
|
line-height: 18px;
|
|
color: #F3F3F3;
|
|
word-wrap: break-word;
|
|
padding-right: 36px;
|
|
}
|
|
|
|
.mfp-image-holder .mfp-content {
|
|
max-width: 100%;
|
|
}
|
|
|
|
.mfp-gallery .mfp-image-holder .mfp-figure {
|
|
cursor: pointer;
|
|
}
|
|
|
|
@media screen and (max-width:800px) and (orientation:landscape),
|
|
screen and (max-height:300px) {
|
|
.mfp-img-mobile .mfp-image-holder {
|
|
padding-left: 0;
|
|
padding-right: 0;
|
|
}
|
|
.mfp-img-mobile img.mfp-img {
|
|
padding: 0;
|
|
}
|
|
.mfp-img-mobile .mfp-figure:after {
|
|
top: 0;
|
|
bottom: 0;
|
|
}
|
|
.mfp-img-mobile .mfp-figure small {
|
|
display: inline;
|
|
margin-left: 5px;
|
|
}
|
|
.mfp-img-mobile .mfp-bottom-bar {
|
|
background: rgba(0, 0, 0, 0.6);
|
|
bottom: 0;
|
|
margin: 0;
|
|
top: auto;
|
|
padding: 3px 5px;
|
|
position: fixed;
|
|
-webkit-box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
}
|
|
.mfp-img-mobile .mfp-bottom-bar:empty {
|
|
padding: 0;
|
|
}
|
|
.mfp-img-mobile .mfp-counter {
|
|
right: 5px;
|
|
top: 3px;
|
|
}
|
|
.mfp-img-mobile .mfp-close {
|
|
top: 0;
|
|
right: 0;
|
|
width: 35px;
|
|
height: 35px;
|
|
line-height: 35px;
|
|
background: rgba(0, 0, 0, 0.6);
|
|
position: fixed;
|
|
text-align: center;
|
|
padding: 0;
|
|
}
|
|
}
|
|
|
|
@media all and (max-width:900px) {
|
|
.mfp-arrow {
|
|
-webkit-transform: scale(0.75);
|
|
transform: scale(0.75);
|
|
}
|
|
.mfp-arrow-left {
|
|
-webkit-transform-origin: 0;
|
|
transform-origin: 0;
|
|
}
|
|
.mfp-arrow-right {
|
|
-webkit-transform-origin: 100%;
|
|
transform-origin: 100%;
|
|
}
|
|
.mfp-container {
|
|
padding-left: 6px;
|
|
padding-right: 6px;
|
|
}
|
|
}
|
|
|
|
.mfp-ie7 .mfp-img {
|
|
padding: 0;
|
|
}
|
|
|
|
.mfp-ie7 .mfp-bottom-bar {
|
|
width: 600px;
|
|
left: 50%;
|
|
margin-left: -300px;
|
|
margin-top: 5px;
|
|
padding-bottom: 5px;
|
|
}
|
|
|
|
.mfp-ie7 .mfp-container {
|
|
padding: 0;
|
|
}
|
|
|
|
.mfp-ie7 .mfp-content {
|
|
padding-top: 44px;
|
|
}
|
|
|
|
.mfp-ie7 .mfp-close {
|
|
top: 0;
|
|
right: 0;
|
|
padding-top: 0;
|
|
}
|
|
|
|
.ui-slider-horizontal.ui-slider-pips {
|
|
margin-bottom: 1.4em;
|
|
}
|
|
|
|
.ui-slider-pips .ui-slider-label,
|
|
.ui-slider-pips .ui-slider-pip-hide {
|
|
display: none;
|
|
}
|
|
|
|
.ui-slider-pips .ui-slider-pip-label .ui-slider-label {
|
|
display: block;
|
|
}
|
|
|
|
.ui-slider-pips .ui-slider-pip {
|
|
width: 2em;
|
|
height: 1em;
|
|
line-height: 1em;
|
|
position: absolute;
|
|
font-size: 0.8em;
|
|
color: #999;
|
|
overflow: visible;
|
|
text-align: center;
|
|
top: 20px;
|
|
left: 20px;
|
|
margin-left: -1em;
|
|
cursor: pointer;
|
|
-webkit-touch-callout: none;
|
|
-webkit-user-select: none;
|
|
-khtml-user-select: none;
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
user-select: none;
|
|
}
|
|
|
|
.ui-state-disabled.ui-slider-pips .ui-slider-pip {
|
|
cursor: default;
|
|
}
|
|
|
|
.ui-slider-pips .ui-slider-line {
|
|
background: #999;
|
|
width: 1px;
|
|
height: 3px;
|
|
position: absolute;
|
|
left: 50%;
|
|
}
|
|
|
|
.ui-slider-pips .ui-slider-label {
|
|
position: absolute;
|
|
top: 5px;
|
|
left: 50%;
|
|
margin-left: -1em;
|
|
width: 2em;
|
|
}
|
|
|
|
.ui-slider-pips:not(.ui-slider-disabled) .ui-slider-pip:hover .ui-slider-label {
|
|
color: black;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.ui-slider-vertical.ui-slider-pips {
|
|
margin-bottom: 1em;
|
|
margin-right: 2em;
|
|
}
|
|
|
|
.ui-slider-vertical.ui-slider-pips .ui-slider-pip {
|
|
text-align: left;
|
|
top: auto;
|
|
left: 20px;
|
|
margin-left: 0;
|
|
margin-bottom: -0.5em;
|
|
}
|
|
|
|
.ui-slider-vertical.ui-slider-pips .ui-slider-line {
|
|
width: 3px;
|
|
height: 1px;
|
|
position: absolute;
|
|
top: 50%;
|
|
left: 0;
|
|
}
|
|
|
|
.ui-slider-vertical.ui-slider-pips .ui-slider-label {
|
|
top: 50%;
|
|
left: 0.5em;
|
|
margin-left: 0;
|
|
margin-top: -0.5em;
|
|
width: 2em;
|
|
}
|
|
|
|
.ui-slider-float .ui-slider-handle:focus,
|
|
.ui-slider-float .ui-slider-handle.ui-state-focus .ui-slider-tip-label,
|
|
.ui-slider-float .ui-slider-handle:focus .ui-slider-tip,
|
|
.ui-slider-float .ui-slider-handle.ui-state-focus .ui-slider-tip-label,
|
|
.ui-slider-float .ui-slider-handle:focus .ui-slider-tip-label .ui-slider-float .ui-slider-handle.ui-state-focus .ui-slider-tip-label {
|
|
outline: none;
|
|
}
|
|
|
|
.ui-slider-float .ui-slider-tip,
|
|
.ui-slider-float .ui-slider-tip-label {
|
|
position: absolute;
|
|
visibility: hidden;
|
|
top: -40px;
|
|
display: block;
|
|
width: 34px;
|
|
margin-left: -18px;
|
|
left: 50%;
|
|
height: 20px;
|
|
line-height: 20px;
|
|
background: white;
|
|
border-radius: 3px;
|
|
border: 1px solid #888;
|
|
text-align: center;
|
|
font-size: 12px;
|
|
opacity: 0;
|
|
color: #333;
|
|
-webkit-transition-property: opacity, top, visibility;
|
|
-moz-transition-property: opacity, top, visibility;
|
|
-ms-transition-property: opacity, top, visibility;
|
|
transition-property: opacity, top, visibility;
|
|
-webkit-transition-timing-function: ease-in;
|
|
-moz-transition-timing-function: ease-in;
|
|
-ms-transition-timing-function: ease-in;
|
|
transition-timing-function: ease-in;
|
|
-webkit-transition-duration: 200ms, 200ms, 0ms;
|
|
-moz-transition-duration: 200ms, 200ms, 0ms;
|
|
-ms-transition-duration: 200ms, 200ms, 0ms;
|
|
transition-duration: 200ms, 200ms, 0ms;
|
|
-webkit-transition-delay: 0ms, 0ms, 200ms;
|
|
-moz-transition-delay: 0ms, 0ms, 200ms;
|
|
-ms-transition-delay: 0ms, 0ms, 200ms;
|
|
transition-delay: 0ms, 0ms, 200ms;
|
|
}
|
|
|
|
.ui-slider-float .ui-slider-handle:hover .ui-slider-tip,
|
|
.ui-slider-float .ui-slider-handle.ui-state-hover .ui-slider-tip,
|
|
.ui-slider-float .ui-slider-handle:focus .ui-slider-tip,
|
|
.ui-slider-float .ui-slider-handle.ui-state-focus .ui-slider-tip,
|
|
.ui-slider-float .ui-slider-handle.ui-state-active .ui-slider-tip,
|
|
.ui-slider-float .ui-slider-pip:hover .ui-slider-tip-label {
|
|
opacity: 1;
|
|
top: -30px;
|
|
visibility: visible;
|
|
-webkit-transition-timing-function: ease-out;
|
|
-moz-transition-timing-function: ease-out;
|
|
-ms-transition-timing-function: ease-out;
|
|
transition-timing-function: ease-out;
|
|
-webkit-transition-delay: 200ms, 200ms, 0ms;
|
|
-moz-transition-delay: 200ms, 200ms, 0ms;
|
|
-ms-transition-delay: 200ms, 200ms, 0ms;
|
|
transition-delay: 200ms, 200ms, 0ms;
|
|
}
|
|
|
|
.ui-slider-float .ui-slider-pip .ui-slider-tip-label {
|
|
top: 42px;
|
|
}
|
|
|
|
.ui-slider-float .ui-slider-pip:hover .ui-slider-tip-label {
|
|
top: 32px;
|
|
font-weight: normal;
|
|
}
|
|
|
|
.ui-slider-float .ui-slider-tip:after,
|
|
.ui-slider-float .ui-slider-pip .ui-slider-tip-label:after {
|
|
content: " ";
|
|
width: 0;
|
|
height: 0;
|
|
border: 5px solid rgba(255, 255, 255, 0);
|
|
border-top-color: rgba(255, 255, 255, 1);
|
|
position: absolute;
|
|
bottom: -10px;
|
|
left: 50%;
|
|
margin-left: -5px;
|
|
}
|
|
|
|
.ui-slider-float .ui-slider-tip:before,
|
|
.ui-slider-float .ui-slider-pip .ui-slider-tip-label:before {
|
|
content: " ";
|
|
width: 0;
|
|
height: 0;
|
|
border: 5px solid rgba(255, 255, 255, 0);
|
|
border-top-color: #888;
|
|
position: absolute;
|
|
bottom: -11px;
|
|
left: 50%;
|
|
margin-left: -5px;
|
|
}
|
|
|
|
.ui-slider-float .ui-slider-pip .ui-slider-tip-label:after {
|
|
border: 5px solid rgba(255, 255, 255, 0);
|
|
border-bottom-color: rgba(255, 255, 255, 1);
|
|
top: -10px;
|
|
}
|
|
|
|
.ui-slider-float .ui-slider-pip .ui-slider-tip-label:before {
|
|
border: 5px solid rgba(255, 255, 255, 0);
|
|
border-bottom-color: #888;
|
|
top: -11px;
|
|
}
|
|
|
|
.ui-slider-vertical.ui-slider-float .ui-slider-tip,
|
|
.ui-slider-vertical.ui-slider-float .ui-slider-tip-label {
|
|
top: 50%;
|
|
margin-top: -11px;
|
|
width: 34px;
|
|
margin-left: 0px;
|
|
left: -60px;
|
|
color: #333;
|
|
-webkit-transition-duration: 200ms, 200ms, 0;
|
|
-moz-transition-duration: 200ms, 200ms, 0;
|
|
-ms-transition-duration: 200ms, 200ms, 0;
|
|
transition-duration: 200ms, 200ms, 0;
|
|
-webkit-transition-property: opacity, left, visibility;
|
|
-moz-transition-property: opacity, left, visibility;
|
|
-ms-transition-property: opacity, left, visibility;
|
|
transition-property: opacity, left, visibility;
|
|
-webkit-transition-delay: 0, 0, 200ms;
|
|
-moz-transition-delay: 0, 0, 200ms;
|
|
-ms-transition-delay: 0, 0, 200ms;
|
|
transition-delay: 0, 0, 200ms;
|
|
}
|
|
|
|
.ui-slider-vertical.ui-slider-float .ui-slider-handle:hover .ui-slider-tip,
|
|
.ui-slider-vertical.ui-slider-float .ui-slider-handle.ui-state-hover .ui-slider-tip,
|
|
.ui-slider-vertical.ui-slider-float .ui-slider-handle:focus .ui-slider-tip,
|
|
.ui-slider-vertical.ui-slider-float .ui-slider-handle.ui-state-focus .ui-slider-tip,
|
|
.ui-slider-vertical.ui-slider-float .ui-slider-handle.ui-state-active .ui-slider-tip,
|
|
.ui-slider-vertical.ui-slider-float .ui-slider-pip:hover .ui-slider-tip-label {
|
|
top: 50%;
|
|
margin-top: -11px;
|
|
left: -50px;
|
|
}
|
|
|
|
.ui-slider-vertical.ui-slider-float .ui-slider-pip .ui-slider-tip-label {
|
|
left: 47px;
|
|
}
|
|
|
|
.ui-slider-vertical.ui-slider-float .ui-slider-pip:hover .ui-slider-tip-label {
|
|
left: 37px;
|
|
}
|
|
|
|
.ui-slider-vertical.ui-slider-float .ui-slider-tip:after,
|
|
.ui-slider-vertical.ui-slider-float .ui-slider-pip .ui-slider-tip-label:after {
|
|
border: 5px solid rgba(255, 255, 255, 0);
|
|
border-left-color: rgba(255, 255, 255, 1);
|
|
border-top-color: transparent;
|
|
position: absolute;
|
|
bottom: 50%;
|
|
margin-bottom: -5px;
|
|
right: -10px;
|
|
margin-left: 0;
|
|
top: auto;
|
|
left: auto;
|
|
}
|
|
|
|
.ui-slider-vertical.ui-slider-float .ui-slider-tip:before,
|
|
.ui-slider-vertical.ui-slider-float .ui-slider-pip .ui-slider-tip-label:before {
|
|
border: 5px solid rgba(255, 255, 255, 0);
|
|
border-left-color: #888;
|
|
border-top-color: transparent;
|
|
position: absolute;
|
|
bottom: 50%;
|
|
margin-bottom: -5px;
|
|
right: -11px;
|
|
margin-left: 0;
|
|
top: auto;
|
|
left: auto;
|
|
}
|
|
|
|
.ui-slider-vertical.ui-slider-float .ui-slider-pip .ui-slider-tip-label:after {
|
|
border: 5px solid rgba(255, 255, 255, 0);
|
|
border-right-color: rgba(255, 255, 255, 1);
|
|
right: auto;
|
|
left: -10px;
|
|
}
|
|
|
|
.ui-slider-vertical.ui-slider-float .ui-slider-pip .ui-slider-tip-label:before {
|
|
border: 5px solid rgba(255, 255, 255, 0);
|
|
border-right-color: #888;
|
|
right: auto;
|
|
left: -11px;
|
|
}
|
|
|
|
.ui-slider-pips [class*=ui-slider-pip-initial] {
|
|
font-weight: bold;
|
|
color: #14CA82;
|
|
}
|
|
|
|
.ui-slider-pips .ui-slider-pip-initial-1 {}
|
|
|
|
.ui-slider-pips .ui-slider-pip-initial-2 {
|
|
color: #1897C9;
|
|
}
|
|
|
|
.ui-slider-pips [class*=ui-slider-pip-selected] {
|
|
font-weight: bold;
|
|
color: #FF7A00;
|
|
}
|
|
|
|
.ui-slider-pips .ui-slider-pip-inrange {
|
|
color: black;
|
|
}
|
|
|
|
.ui-slider-pips .ui-slider-pip-selected-1 {}
|
|
|
|
.ui-slider-pips .ui-slider-pip-selected-2 {
|
|
color: #E70081;
|
|
}
|
|
|
|
.ui-slider-pips [class*=ui-slider-pip-selected] .ui-slider-line,
|
|
.ui-slider-pips .ui-slider-pip-inrange .ui-slider-line {
|
|
background: black;
|
|
}
|
|
|
|
meta.foundation-version {
|
|
font-family: "/5.5.2/"
|
|
}
|
|
|
|
meta.foundation-mq-small {
|
|
font-family: "/only screen/";
|
|
width: 0em
|
|
}
|
|
|
|
meta.foundation-mq-small-only {
|
|
font-family: "/only screen and (max-width: 40em)/";
|
|
width: 0em
|
|
}
|
|
|
|
meta.foundation-mq-medium {
|
|
font-family: "/only screen and (min-width:40.0625em)/";
|
|
width: 40.0625em
|
|
}
|
|
|
|
meta.foundation-mq-medium-only {
|
|
font-family: "/only screen and (min-width:40.0625em) and (max-width:58.75em)/";
|
|
width: 40.0625em
|
|
}
|
|
|
|
meta.foundation-mq-large {
|
|
font-family: "/only screen and (min-width:58.8125em)/";
|
|
width: 58.8125em
|
|
}
|
|
|
|
meta.foundation-mq-large-only {
|
|
font-family: "/only screen and (min-width:58.8125em) and (max-width:90em)/";
|
|
width: 58.8125em
|
|
}
|
|
|
|
meta.foundation-mq-xlarge {
|
|
font-family: "/only screen and (min-width:90.0625em)/";
|
|
width: 90.0625em
|
|
}
|
|
|
|
meta.foundation-mq-xlarge-only {
|
|
font-family: "/only screen and (min-width:90.0625em) and (max-width:120em)/";
|
|
width: 90.0625em
|
|
}
|
|
|
|
meta.foundation-mq-xxlarge {
|
|
font-family: "/only screen and (min-width:120.0625em)/";
|
|
width: 120.0625em
|
|
}
|
|
|
|
meta.foundation-data-attribute-namespace {
|
|
font-family: false
|
|
}
|
|
|
|
html,
|
|
body {
|
|
height: 100%
|
|
}
|
|
|
|
html {
|
|
box-sizing: border-box
|
|
}
|
|
|
|
*,
|
|
*:before,
|
|
*:after {
|
|
-webkit-box-sizing: inherit;
|
|
-moz-box-sizing: inherit;
|
|
box-sizing: inherit
|
|
}
|
|
|
|
html,
|
|
body {
|
|
font-size: 100%
|
|
}
|
|
|
|
body {
|
|
background: #fff;
|
|
color: #7A8491;
|
|
cursor: auto;
|
|
font-family: 'Geomanist', sans-serif;
|
|
font-style: normal;
|
|
font-weight: 400;
|
|
line-height: 1.5;
|
|
margin: 0;
|
|
padding: 0;
|
|
position: relative
|
|
}
|
|
|
|
a:hover {
|
|
cursor: pointer
|
|
}
|
|
|
|
img {
|
|
max-width: 100%;
|
|
height: auto
|
|
}
|
|
|
|
img {
|
|
-ms-interpolation-mode: bicubic
|
|
}
|
|
|
|
#map_canvas img,
|
|
#map_canvas embed,
|
|
#map_canvas object,
|
|
.map_canvas img,
|
|
.map_canvas embed,
|
|
.map_canvas object,
|
|
.mqa-display img,
|
|
.mqa-display embed,
|
|
.mqa-display object {
|
|
max-width: none !important
|
|
}
|
|
|
|
.left {
|
|
float: left !important
|
|
}
|
|
|
|
.right {
|
|
float: right !important
|
|
}
|
|
|
|
.clearfix:before,
|
|
.clearfix:after {
|
|
content: " ";
|
|
display: table
|
|
}
|
|
|
|
.clearfix:after {
|
|
clear: both
|
|
}
|
|
|
|
.hide {
|
|
display: none
|
|
}
|
|
|
|
.invisible {
|
|
visibility: hidden
|
|
}
|
|
|
|
.antialiased {
|
|
-webkit-font-smoothing: antialiased;
|
|
-moz-osx-font-smoothing: grayscale
|
|
}
|
|
|
|
img {
|
|
display: inline-block;
|
|
vertical-align: middle
|
|
}
|
|
|
|
textarea {
|
|
height: auto;
|
|
min-height: 50px
|
|
}
|
|
|
|
select {
|
|
width: 100%
|
|
}
|
|
|
|
.row {
|
|
margin: 0 auto;
|
|
max-width: 75rem;
|
|
width: 100%
|
|
}
|
|
|
|
.row:before,
|
|
.row:after {
|
|
content: " ";
|
|
display: table
|
|
}
|
|
|
|
.row:after {
|
|
clear: both
|
|
}
|
|
|
|
.row.collapse>.column,
|
|
.row.collapse>.columns {
|
|
padding-left: 0;
|
|
padding-right: 0
|
|
}
|
|
|
|
.row.collapse .row {
|
|
margin-left: 0;
|
|
margin-right: 0
|
|
}
|
|
|
|
.row .row {
|
|
margin: 0 -0.9375rem;
|
|
max-width: none;
|
|
width: auto
|
|
}
|
|
|
|
.row .row:before,
|
|
.row .row:after {
|
|
content: " ";
|
|
display: table
|
|
}
|
|
|
|
.row .row:after {
|
|
clear: both
|
|
}
|
|
|
|
.row .row.collapse {
|
|
margin: 0;
|
|
max-width: none;
|
|
width: auto
|
|
}
|
|
|
|
.row .row.collapse:before,
|
|
.row .row.collapse:after {
|
|
content: " ";
|
|
display: table
|
|
}
|
|
|
|
.row .row.collapse:after {
|
|
clear: both
|
|
}
|
|
|
|
.column,
|
|
.columns {
|
|
padding-left: 0.9375rem;
|
|
padding-right: 0.9375rem;
|
|
width: 100%;
|
|
float: left
|
|
}
|
|
|
|
.column+.column:last-child,
|
|
.columns+.column:last-child,
|
|
.column+.columns:last-child,
|
|
.columns+.columns:last-child {
|
|
float: right
|
|
}
|
|
|
|
.column+.column.end,
|
|
.columns+.column.end,
|
|
.column+.columns.end,
|
|
.columns+.columns.end {
|
|
float: left
|
|
}
|
|
|
|
@media only screen {
|
|
.small-push-0 {
|
|
position: relative;
|
|
left: 0;
|
|
right: auto
|
|
}
|
|
.small-pull-0 {
|
|
position: relative;
|
|
right: 0;
|
|
left: auto
|
|
}
|
|
.small-push-1 {
|
|
position: relative;
|
|
left: 8.33333%;
|
|
right: auto
|
|
}
|
|
.small-pull-1 {
|
|
position: relative;
|
|
right: 8.33333%;
|
|
left: auto
|
|
}
|
|
.small-push-2 {
|
|
position: relative;
|
|
left: 16.66667%;
|
|
right: auto
|
|
}
|
|
.small-pull-2 {
|
|
position: relative;
|
|
right: 16.66667%;
|
|
left: auto
|
|
}
|
|
.small-push-3 {
|
|
position: relative;
|
|
left: 25%;
|
|
right: auto
|
|
}
|
|
.small-pull-3 {
|
|
position: relative;
|
|
right: 25%;
|
|
left: auto
|
|
}
|
|
.small-push-4 {
|
|
position: relative;
|
|
left: 33.33333%;
|
|
right: auto
|
|
}
|
|
.small-pull-4 {
|
|
position: relative;
|
|
right: 33.33333%;
|
|
left: auto
|
|
}
|
|
.small-push-5 {
|
|
position: relative;
|
|
left: 41.66667%;
|
|
right: auto
|
|
}
|
|
.small-pull-5 {
|
|
position: relative;
|
|
right: 41.66667%;
|
|
left: auto
|
|
}
|
|
.small-push-6 {
|
|
position: relative;
|
|
left: 50%;
|
|
right: auto
|
|
}
|
|
.small-pull-6 {
|
|
position: relative;
|
|
right: 50%;
|
|
left: auto
|
|
}
|
|
.small-push-7 {
|
|
position: relative;
|
|
left: 58.33333%;
|
|
right: auto
|
|
}
|
|
.small-pull-7 {
|
|
position: relative;
|
|
right: 58.33333%;
|
|
left: auto
|
|
}
|
|
.small-push-8 {
|
|
position: relative;
|
|
left: 66.66667%;
|
|
right: auto
|
|
}
|
|
.small-pull-8 {
|
|
position: relative;
|
|
right: 66.66667%;
|
|
left: auto
|
|
}
|
|
.small-push-9 {
|
|
position: relative;
|
|
left: 75%;
|
|
right: auto
|
|
}
|
|
.small-pull-9 {
|
|
position: relative;
|
|
right: 75%;
|
|
left: auto
|
|
}
|
|
.small-push-10 {
|
|
position: relative;
|
|
left: 83.33333%;
|
|
right: auto
|
|
}
|
|
.small-pull-10 {
|
|
position: relative;
|
|
right: 83.33333%;
|
|
left: auto
|
|
}
|
|
.small-push-11 {
|
|
position: relative;
|
|
left: 91.66667%;
|
|
right: auto
|
|
}
|
|
.small-pull-11 {
|
|
position: relative;
|
|
right: 91.66667%;
|
|
left: auto
|
|
}
|
|
.column,
|
|
.columns {
|
|
position: relative;
|
|
padding-left: 0.9375rem;
|
|
padding-right: 0.9375rem;
|
|
float: left
|
|
}
|
|
.small-1 {
|
|
width: 8.33333%
|
|
}
|
|
.small-2 {
|
|
width: 16.66667%
|
|
}
|
|
.small-3 {
|
|
width: 25%
|
|
}
|
|
.small-4 {
|
|
width: 33.33333%
|
|
}
|
|
.small-5 {
|
|
width: 41.66667%
|
|
}
|
|
.small-6 {
|
|
width: 50%
|
|
}
|
|
.small-7 {
|
|
width: 58.33333%
|
|
}
|
|
.small-8 {
|
|
width: 66.66667%
|
|
}
|
|
.small-9 {
|
|
width: 75%
|
|
}
|
|
.small-10 {
|
|
width: 83.33333%
|
|
}
|
|
.small-11 {
|
|
width: 91.66667%
|
|
}
|
|
.small-12 {
|
|
width: 100%
|
|
}
|
|
.small-offset-0 {
|
|
margin-left: 0 !important
|
|
}
|
|
.small-offset-1 {
|
|
margin-left: 8.33333% !important
|
|
}
|
|
.small-offset-2 {
|
|
margin-left: 16.66667% !important
|
|
}
|
|
.small-offset-3 {
|
|
margin-left: 25% !important
|
|
}
|
|
.small-offset-4 {
|
|
margin-left: 33.33333% !important
|
|
}
|
|
.small-offset-5 {
|
|
margin-left: 41.66667% !important
|
|
}
|
|
.small-offset-6 {
|
|
margin-left: 50% !important
|
|
}
|
|
.small-offset-7 {
|
|
margin-left: 58.33333% !important
|
|
}
|
|
.small-offset-8 {
|
|
margin-left: 66.66667% !important
|
|
}
|
|
.small-offset-9 {
|
|
margin-left: 75% !important
|
|
}
|
|
.small-offset-10 {
|
|
margin-left: 83.33333% !important
|
|
}
|
|
.small-offset-11 {
|
|
margin-left: 91.66667% !important
|
|
}
|
|
.small-reset-order {
|
|
float: left;
|
|
left: auto;
|
|
margin-left: 0;
|
|
margin-right: 0;
|
|
right: auto
|
|
}
|
|
.column.small-centered,
|
|
.columns.small-centered {
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
float: none
|
|
}
|
|
.column.small-uncentered,
|
|
.columns.small-uncentered {
|
|
float: left;
|
|
margin-left: 0;
|
|
margin-right: 0
|
|
}
|
|
.column.small-centered:last-child,
|
|
.columns.small-centered:last-child {
|
|
float: none
|
|
}
|
|
.column.small-uncentered:last-child,
|
|
.columns.small-uncentered:last-child {
|
|
float: left
|
|
}
|
|
.column.small-uncentered.opposite,
|
|
.columns.small-uncentered.opposite {
|
|
float: right
|
|
}
|
|
.row.small-collapse>.column,
|
|
.row.small-collapse>.columns {
|
|
padding-left: 0;
|
|
padding-right: 0
|
|
}
|
|
.row.small-collapse .row {
|
|
margin-left: 0;
|
|
margin-right: 0
|
|
}
|
|
.row.small-uncollapse>.column,
|
|
.row.small-uncollapse>.columns {
|
|
padding-left: 0.9375rem;
|
|
padding-right: 0.9375rem;
|
|
float: left
|
|
}
|
|
}
|
|
|
|
@media only screen and (min-width: 40.0625em) {
|
|
.medium-push-0 {
|
|
position: relative;
|
|
left: 0;
|
|
right: auto
|
|
}
|
|
.medium-pull-0 {
|
|
position: relative;
|
|
right: 0;
|
|
left: auto
|
|
}
|
|
.medium-push-1 {
|
|
position: relative;
|
|
left: 8.33333%;
|
|
right: auto
|
|
}
|
|
.medium-pull-1 {
|
|
position: relative;
|
|
right: 8.33333%;
|
|
left: auto
|
|
}
|
|
.medium-push-2 {
|
|
position: relative;
|
|
left: 16.66667%;
|
|
right: auto
|
|
}
|
|
.medium-pull-2 {
|
|
position: relative;
|
|
right: 16.66667%;
|
|
left: auto
|
|
}
|
|
.medium-push-3 {
|
|
position: relative;
|
|
left: 25%;
|
|
right: auto
|
|
}
|
|
.medium-pull-3 {
|
|
position: relative;
|
|
right: 25%;
|
|
left: auto
|
|
}
|
|
.medium-push-4 {
|
|
position: relative;
|
|
left: 33.33333%;
|
|
right: auto
|
|
}
|
|
.medium-pull-4 {
|
|
position: relative;
|
|
right: 33.33333%;
|
|
left: auto
|
|
}
|
|
.medium-push-5 {
|
|
position: relative;
|
|
left: 41.66667%;
|
|
right: auto
|
|
}
|
|
.medium-pull-5 {
|
|
position: relative;
|
|
right: 41.66667%;
|
|
left: auto
|
|
}
|
|
.medium-push-6 {
|
|
position: relative;
|
|
left: 50%;
|
|
right: auto
|
|
}
|
|
.medium-pull-6 {
|
|
position: relative;
|
|
right: 50%;
|
|
left: auto
|
|
}
|
|
.medium-push-7 {
|
|
position: relative;
|
|
left: 58.33333%;
|
|
right: auto
|
|
}
|
|
.medium-pull-7 {
|
|
position: relative;
|
|
right: 58.33333%;
|
|
left: auto
|
|
}
|
|
.medium-push-8 {
|
|
position: relative;
|
|
left: 66.66667%;
|
|
right: auto
|
|
}
|
|
.medium-pull-8 {
|
|
position: relative;
|
|
right: 66.66667%;
|
|
left: auto
|
|
}
|
|
.medium-push-9 {
|
|
position: relative;
|
|
left: 75%;
|
|
right: auto
|
|
}
|
|
.medium-pull-9 {
|
|
position: relative;
|
|
right: 75%;
|
|
left: auto
|
|
}
|
|
.medium-push-10 {
|
|
position: relative;
|
|
left: 83.33333%;
|
|
right: auto
|
|
}
|
|
.medium-pull-10 {
|
|
position: relative;
|
|
right: 83.33333%;
|
|
left: auto
|
|
}
|
|
.medium-push-11 {
|
|
position: relative;
|
|
left: 91.66667%;
|
|
right: auto
|
|
}
|
|
.medium-pull-11 {
|
|
position: relative;
|
|
right: 91.66667%;
|
|
left: auto
|
|
}
|
|
.column,
|
|
.columns {
|
|
position: relative;
|
|
padding-left: 0.9375rem;
|
|
padding-right: 0.9375rem;
|
|
float: left
|
|
}
|
|
.medium-1 {
|
|
width: 8.33333%
|
|
}
|
|
.medium-2 {
|
|
width: 16.66667%
|
|
}
|
|
.medium-3 {
|
|
width: 25%
|
|
}
|
|
.medium-4 {
|
|
width: 33.33333%
|
|
}
|
|
.medium-5 {
|
|
width: 41.66667%
|
|
}
|
|
.medium-6 {
|
|
width: 50%
|
|
}
|
|
.medium-7 {
|
|
width: 58.33333%
|
|
}
|
|
.medium-8 {
|
|
width: 66.66667%
|
|
}
|
|
.medium-9 {
|
|
width: 75%
|
|
}
|
|
.medium-10 {
|
|
width: 83.33333%
|
|
}
|
|
.medium-11 {
|
|
width: 91.66667%
|
|
}
|
|
.medium-12 {
|
|
width: 100%
|
|
}
|
|
.medium-offset-0 {
|
|
margin-left: 0 !important
|
|
}
|
|
.medium-offset-1 {
|
|
margin-left: 8.33333% !important
|
|
}
|
|
.medium-offset-2 {
|
|
margin-left: 16.66667% !important
|
|
}
|
|
.medium-offset-3 {
|
|
margin-left: 25% !important
|
|
}
|
|
.medium-offset-4 {
|
|
margin-left: 33.33333% !important
|
|
}
|
|
.medium-offset-5 {
|
|
margin-left: 41.66667% !important
|
|
}
|
|
.medium-offset-6 {
|
|
margin-left: 50% !important
|
|
}
|
|
.medium-offset-7 {
|
|
margin-left: 58.33333% !important
|
|
}
|
|
.medium-offset-8 {
|
|
margin-left: 66.66667% !important
|
|
}
|
|
.medium-offset-9 {
|
|
margin-left: 75% !important
|
|
}
|
|
.medium-offset-10 {
|
|
margin-left: 83.33333% !important
|
|
}
|
|
.medium-offset-11 {
|
|
margin-left: 91.66667% !important
|
|
}
|
|
.medium-reset-order {
|
|
float: left;
|
|
left: auto;
|
|
margin-left: 0;
|
|
margin-right: 0;
|
|
right: auto
|
|
}
|
|
.column.medium-centered,
|
|
.columns.medium-centered {
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
float: none
|
|
}
|
|
.column.medium-uncentered,
|
|
.columns.medium-uncentered {
|
|
float: left;
|
|
margin-left: 0;
|
|
margin-right: 0
|
|
}
|
|
.column.medium-centered:last-child,
|
|
.columns.medium-centered:last-child {
|
|
float: none
|
|
}
|
|
.column.medium-uncentered:last-child,
|
|
.columns.medium-uncentered:last-child {
|
|
float: left
|
|
}
|
|
.column.medium-uncentered.opposite,
|
|
.columns.medium-uncentered.opposite {
|
|
float: right
|
|
}
|
|
.row.medium-collapse>.column,
|
|
.row.medium-collapse>.columns {
|
|
padding-left: 0;
|
|
padding-right: 0
|
|
}
|
|
.row.medium-collapse .row {
|
|
margin-left: 0;
|
|
margin-right: 0
|
|
}
|
|
.row.medium-uncollapse>.column,
|
|
.row.medium-uncollapse>.columns {
|
|
padding-left: 0.9375rem;
|
|
padding-right: 0.9375rem;
|
|
float: left
|
|
}
|
|
.push-0 {
|
|
position: relative;
|
|
left: 0;
|
|
right: auto
|
|
}
|
|
.pull-0 {
|
|
position: relative;
|
|
right: 0;
|
|
left: auto
|
|
}
|
|
.push-1 {
|
|
position: relative;
|
|
left: 8.33333%;
|
|
right: auto
|
|
}
|
|
.pull-1 {
|
|
position: relative;
|
|
right: 8.33333%;
|
|
left: auto
|
|
}
|
|
.push-2 {
|
|
position: relative;
|
|
left: 16.66667%;
|
|
right: auto
|
|
}
|
|
.pull-2 {
|
|
position: relative;
|
|
right: 16.66667%;
|
|
left: auto
|
|
}
|
|
.push-3 {
|
|
position: relative;
|
|
left: 25%;
|
|
right: auto
|
|
}
|
|
.pull-3 {
|
|
position: relative;
|
|
right: 25%;
|
|
left: auto
|
|
}
|
|
.push-4 {
|
|
position: relative;
|
|
left: 33.33333%;
|
|
right: auto
|
|
}
|
|
.pull-4 {
|
|
position: relative;
|
|
right: 33.33333%;
|
|
left: auto
|
|
}
|
|
.push-5 {
|
|
position: relative;
|
|
left: 41.66667%;
|
|
right: auto
|
|
}
|
|
.pull-5 {
|
|
position: relative;
|
|
right: 41.66667%;
|
|
left: auto
|
|
}
|
|
.push-6 {
|
|
position: relative;
|
|
left: 50%;
|
|
right: auto
|
|
}
|
|
.pull-6 {
|
|
position: relative;
|
|
right: 50%;
|
|
left: auto
|
|
}
|
|
.push-7 {
|
|
position: relative;
|
|
left: 58.33333%;
|
|
right: auto
|
|
}
|
|
.pull-7 {
|
|
position: relative;
|
|
right: 58.33333%;
|
|
left: auto
|
|
}
|
|
.push-8 {
|
|
position: relative;
|
|
left: 66.66667%;
|
|
right: auto
|
|
}
|
|
.pull-8 {
|
|
position: relative;
|
|
right: 66.66667%;
|
|
left: auto
|
|
}
|
|
.push-9 {
|
|
position: relative;
|
|
left: 75%;
|
|
right: auto
|
|
}
|
|
.pull-9 {
|
|
position: relative;
|
|
right: 75%;
|
|
left: auto
|
|
}
|
|
.push-10 {
|
|
position: relative;
|
|
left: 83.33333%;
|
|
right: auto
|
|
}
|
|
.pull-10 {
|
|
position: relative;
|
|
right: 83.33333%;
|
|
left: auto
|
|
}
|
|
.push-11 {
|
|
position: relative;
|
|
left: 91.66667%;
|
|
right: auto
|
|
}
|
|
.pull-11 {
|
|
position: relative;
|
|
right: 91.66667%;
|
|
left: auto
|
|
}
|
|
}
|
|
|
|
@media only screen and (min-width: 58.8125em) {
|
|
.large-push-0 {
|
|
position: relative;
|
|
left: 0;
|
|
right: auto
|
|
}
|
|
.large-pull-0 {
|
|
position: relative;
|
|
right: 0;
|
|
left: auto
|
|
}
|
|
.large-push-1 {
|
|
position: relative;
|
|
left: 8.33333%;
|
|
right: auto
|
|
}
|
|
.large-pull-1 {
|
|
position: relative;
|
|
right: 8.33333%;
|
|
left: auto
|
|
}
|
|
.large-push-2 {
|
|
position: relative;
|
|
left: 16.66667%;
|
|
right: auto
|
|
}
|
|
.large-pull-2 {
|
|
position: relative;
|
|
right: 16.66667%;
|
|
left: auto
|
|
}
|
|
.large-push-3 {
|
|
position: relative;
|
|
left: 25%;
|
|
right: auto
|
|
}
|
|
.large-pull-3 {
|
|
position: relative;
|
|
right: 25%;
|
|
left: auto
|
|
}
|
|
.large-push-4 {
|
|
position: relative;
|
|
left: 33.33333%;
|
|
right: auto
|
|
}
|
|
.large-pull-4 {
|
|
position: relative;
|
|
right: 33.33333%;
|
|
left: auto
|
|
}
|
|
.large-push-5 {
|
|
position: relative;
|
|
left: 41.66667%;
|
|
right: auto
|
|
}
|
|
.large-pull-5 {
|
|
position: relative;
|
|
right: 41.66667%;
|
|
left: auto
|
|
}
|
|
.large-push-6 {
|
|
position: relative;
|
|
left: 50%;
|
|
right: auto
|
|
}
|
|
.large-pull-6 {
|
|
position: relative;
|
|
right: 50%;
|
|
left: auto
|
|
}
|
|
.large-push-7 {
|
|
position: relative;
|
|
left: 58.33333%;
|
|
right: auto
|
|
}
|
|
.large-pull-7 {
|
|
position: relative;
|
|
right: 58.33333%;
|
|
left: auto
|
|
}
|
|
.large-push-8 {
|
|
position: relative;
|
|
left: 66.66667%;
|
|
right: auto
|
|
}
|
|
.large-pull-8 {
|
|
position: relative;
|
|
right: 66.66667%;
|
|
left: auto
|
|
}
|
|
.large-push-9 {
|
|
position: relative;
|
|
left: 75%;
|
|
right: auto
|
|
}
|
|
.large-pull-9 {
|
|
position: relative;
|
|
right: 75%;
|
|
left: auto
|
|
}
|
|
.large-push-10 {
|
|
position: relative;
|
|
left: 83.33333%;
|
|
right: auto
|
|
}
|
|
.large-pull-10 {
|
|
position: relative;
|
|
right: 83.33333%;
|
|
left: auto
|
|
}
|
|
.large-push-11 {
|
|
position: relative;
|
|
left: 91.66667%;
|
|
right: auto
|
|
}
|
|
.large-pull-11 {
|
|
position: relative;
|
|
right: 91.66667%;
|
|
left: auto
|
|
}
|
|
.column,
|
|
.columns {
|
|
position: relative;
|
|
padding-left: 0.9375rem;
|
|
padding-right: 0.9375rem;
|
|
float: left
|
|
}
|
|
.large-1 {
|
|
width: 8.33333%
|
|
}
|
|
.large-2 {
|
|
width: 16.66667%
|
|
}
|
|
.large-3 {
|
|
width: 25%
|
|
}
|
|
.large-4 {
|
|
width: 33.33333%
|
|
}
|
|
.large-5 {
|
|
width: 41.66667%
|
|
}
|
|
.large-6 {
|
|
width: 50%
|
|
}
|
|
.large-7 {
|
|
width: 58.33333%
|
|
}
|
|
.large-8 {
|
|
width: 66.66667%
|
|
}
|
|
.large-9 {
|
|
width: 75%
|
|
}
|
|
.large-10 {
|
|
width: 83.33333%
|
|
}
|
|
.large-11 {
|
|
width: 91.66667%
|
|
}
|
|
.large-12 {
|
|
width: 100%
|
|
}
|
|
.large-offset-0 {
|
|
margin-left: 0 !important
|
|
}
|
|
.large-offset-1 {
|
|
margin-left: 8.33333% !important
|
|
}
|
|
.large-offset-2 {
|
|
margin-left: 16.66667% !important
|
|
}
|
|
.large-offset-3 {
|
|
margin-left: 25% !important
|
|
}
|
|
.large-offset-4 {
|
|
margin-left: 33.33333% !important
|
|
}
|
|
.large-offset-5 {
|
|
margin-left: 41.66667% !important
|
|
}
|
|
.large-offset-6 {
|
|
margin-left: 50% !important
|
|
}
|
|
.large-offset-7 {
|
|
margin-left: 58.33333% !important
|
|
}
|
|
.large-offset-8 {
|
|
margin-left: 66.66667% !important
|
|
}
|
|
.large-offset-9 {
|
|
margin-left: 75% !important
|
|
}
|
|
.large-offset-10 {
|
|
margin-left: 83.33333% !important
|
|
}
|
|
.large-offset-11 {
|
|
margin-left: 91.66667% !important
|
|
}
|
|
.large-reset-order {
|
|
float: left;
|
|
left: auto;
|
|
margin-left: 0;
|
|
margin-right: 0;
|
|
right: auto
|
|
}
|
|
.column.large-centered,
|
|
.columns.large-centered {
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
float: none
|
|
}
|
|
.column.large-uncentered,
|
|
.columns.large-uncentered {
|
|
float: left;
|
|
margin-left: 0;
|
|
margin-right: 0
|
|
}
|
|
.column.large-centered:last-child,
|
|
.columns.large-centered:last-child {
|
|
float: none
|
|
}
|
|
.column.large-uncentered:last-child,
|
|
.columns.large-uncentered:last-child {
|
|
float: left
|
|
}
|
|
.column.large-uncentered.opposite,
|
|
.columns.large-uncentered.opposite {
|
|
float: right
|
|
}
|
|
.row.large-collapse>.column,
|
|
.row.large-collapse>.columns {
|
|
padding-left: 0;
|
|
padding-right: 0
|
|
}
|
|
.row.large-collapse .row {
|
|
margin-left: 0;
|
|
margin-right: 0
|
|
}
|
|
.row.large-uncollapse>.column,
|
|
.row.large-uncollapse>.columns {
|
|
padding-left: 0.9375rem;
|
|
padding-right: 0.9375rem;
|
|
float: left
|
|
}
|
|
.push-0 {
|
|
position: relative;
|
|
left: 0;
|
|
right: auto
|
|
}
|
|
.pull-0 {
|
|
position: relative;
|
|
right: 0;
|
|
left: auto
|
|
}
|
|
.push-1 {
|
|
position: relative;
|
|
left: 8.33333%;
|
|
right: auto
|
|
}
|
|
.pull-1 {
|
|
position: relative;
|
|
right: 8.33333%;
|
|
left: auto
|
|
}
|
|
.push-2 {
|
|
position: relative;
|
|
left: 16.66667%;
|
|
right: auto
|
|
}
|
|
.pull-2 {
|
|
position: relative;
|
|
right: 16.66667%;
|
|
left: auto
|
|
}
|
|
.push-3 {
|
|
position: relative;
|
|
left: 25%;
|
|
right: auto
|
|
}
|
|
.pull-3 {
|
|
position: relative;
|
|
right: 25%;
|
|
left: auto
|
|
}
|
|
.push-4 {
|
|
position: relative;
|
|
left: 33.33333%;
|
|
right: auto
|
|
}
|
|
.pull-4 {
|
|
position: relative;
|
|
right: 33.33333%;
|
|
left: auto
|
|
}
|
|
.push-5 {
|
|
position: relative;
|
|
left: 41.66667%;
|
|
right: auto
|
|
}
|
|
.pull-5 {
|
|
position: relative;
|
|
right: 41.66667%;
|
|
left: auto
|
|
}
|
|
.push-6 {
|
|
position: relative;
|
|
left: 50%;
|
|
right: auto
|
|
}
|
|
.pull-6 {
|
|
position: relative;
|
|
right: 50%;
|
|
left: auto
|
|
}
|
|
.push-7 {
|
|
position: relative;
|
|
left: 58.33333%;
|
|
right: auto
|
|
}
|
|
.pull-7 {
|
|
position: relative;
|
|
right: 58.33333%;
|
|
left: auto
|
|
}
|
|
.push-8 {
|
|
position: relative;
|
|
left: 66.66667%;
|
|
right: auto
|
|
}
|
|
.pull-8 {
|
|
position: relative;
|
|
right: 66.66667%;
|
|
left: auto
|
|
}
|
|
.push-9 {
|
|
position: relative;
|
|
left: 75%;
|
|
right: auto
|
|
}
|
|
.pull-9 {
|
|
position: relative;
|
|
right: 75%;
|
|
left: auto
|
|
}
|
|
.push-10 {
|
|
position: relative;
|
|
left: 83.33333%;
|
|
right: auto
|
|
}
|
|
.pull-10 {
|
|
position: relative;
|
|
right: 83.33333%;
|
|
left: auto
|
|
}
|
|
.push-11 {
|
|
position: relative;
|
|
left: 91.66667%;
|
|
right: auto
|
|
}
|
|
.pull-11 {
|
|
position: relative;
|
|
right: 91.66667%;
|
|
left: auto
|
|
}
|
|
}
|
|
|
|
.accordion {
|
|
margin-bottom: 0
|
|
}
|
|
|
|
.accordion:before,
|
|
.accordion:after {
|
|
content: " ";
|
|
display: table
|
|
}
|
|
|
|
.accordion:after {
|
|
clear: both
|
|
}
|
|
|
|
.accordion .accordion-navigation,
|
|
.accordion dd {
|
|
display: block;
|
|
margin-bottom: 0 !important
|
|
}
|
|
|
|
.accordion .accordion-navigation.active>a,
|
|
.accordion dd.active>a {
|
|
background: #e8e8e8
|
|
}
|
|
|
|
.accordion .accordion-navigation>a,
|
|
.accordion dd>a {
|
|
background: #EFEFEF;
|
|
color: #222;
|
|
display: block;
|
|
font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
|
|
font-size: 1rem;
|
|
padding: 1rem
|
|
}
|
|
|
|
.accordion .accordion-navigation>a:hover,
|
|
.accordion dd>a:hover {
|
|
background: #e3e3e3
|
|
}
|
|
|
|
.accordion .accordion-navigation>.content,
|
|
.accordion dd>.content {
|
|
display: none;
|
|
padding: 0.9375rem
|
|
}
|
|
|
|
.accordion .accordion-navigation>.content.active,
|
|
.accordion dd>.content.active {
|
|
background: #fff;
|
|
display: block
|
|
}
|
|
|
|
.alert-box {
|
|
border-style: solid;
|
|
border-width: 1px;
|
|
display: block;
|
|
font-size: 0.8125rem;
|
|
font-weight: normal;
|
|
margin-bottom: 1.25rem;
|
|
padding: 0.875rem 1.5rem 0.875rem 0.875rem;
|
|
position: relative;
|
|
transition: opacity 300ms ease-out;
|
|
background-color: #22b8eb;
|
|
border-color: #13a3d4;
|
|
color: #fff
|
|
}
|
|
|
|
.alert-box .close {
|
|
right: 0.25rem;
|
|
background: inherit;
|
|
color: #333;
|
|
font-size: 1.375rem;
|
|
line-height: .9;
|
|
margin-top: -0.6875rem;
|
|
opacity: 0.3;
|
|
padding: 0 6px 4px;
|
|
position: absolute;
|
|
top: 50%
|
|
}
|
|
|
|
.alert-box .close:hover,
|
|
.alert-box .close:focus {
|
|
opacity: 0.5
|
|
}
|
|
|
|
.alert-box.radius {
|
|
border-radius: 5px
|
|
}
|
|
|
|
.alert-box.round {
|
|
border-radius: 1000px
|
|
}
|
|
|
|
.alert-box.success {
|
|
background-color: #43AC6A;
|
|
border-color: #3a945b;
|
|
color: #fff
|
|
}
|
|
|
|
.alert-box.alert {
|
|
background-color: #f04124;
|
|
border-color: #de2d0f;
|
|
color: #fff
|
|
}
|
|
|
|
.alert-box.secondary {
|
|
background-color: #FF992E;
|
|
border-color: #ff8404;
|
|
color: #fff
|
|
}
|
|
|
|
.alert-box.warning {
|
|
background-color: #f08a24;
|
|
border-color: #de770f;
|
|
color: #fff
|
|
}
|
|
|
|
.alert-box.info {
|
|
background-color: #a0d3e8;
|
|
border-color: #74bfdd;
|
|
color: #663400
|
|
}
|
|
|
|
.alert-box.alert-close {
|
|
opacity: 0
|
|
}
|
|
|
|
[class*="block-grid-"] {
|
|
display: block;
|
|
padding: 0;
|
|
margin: 0 -0.625rem
|
|
}
|
|
|
|
[class*="block-grid-"]:before,
|
|
[class*="block-grid-"]:after {
|
|
content: " ";
|
|
display: table
|
|
}
|
|
|
|
[class*="block-grid-"]:after {
|
|
clear: both
|
|
}
|
|
|
|
[class*="block-grid-"]>li {
|
|
display: block;
|
|
float: left;
|
|
height: auto;
|
|
padding: 0 0.625rem 1.25rem
|
|
}
|
|
|
|
@media only screen {
|
|
.small-block-grid-1>li {
|
|
list-style: none;
|
|
width: 100%
|
|
}
|
|
.small-block-grid-1>li:nth-of-type(1n) {
|
|
clear: none
|
|
}
|
|
.small-block-grid-1>li:nth-of-type(1n+1) {
|
|
clear: both
|
|
}
|
|
.small-block-grid-2>li {
|
|
list-style: none;
|
|
width: 50%
|
|
}
|
|
.small-block-grid-2>li:nth-of-type(1n) {
|
|
clear: none
|
|
}
|
|
.small-block-grid-2>li:nth-of-type(2n+1) {
|
|
clear: both
|
|
}
|
|
.small-block-grid-3>li {
|
|
list-style: none;
|
|
width: 33.33333%
|
|
}
|
|
.small-block-grid-3>li:nth-of-type(1n) {
|
|
clear: none
|
|
}
|
|
.small-block-grid-3>li:nth-of-type(3n+1) {
|
|
clear: both
|
|
}
|
|
.small-block-grid-4>li {
|
|
list-style: none;
|
|
width: 25%
|
|
}
|
|
.small-block-grid-4>li:nth-of-type(1n) {
|
|
clear: none
|
|
}
|
|
.small-block-grid-4>li:nth-of-type(4n+1) {
|
|
clear: both
|
|
}
|
|
.small-block-grid-5>li {
|
|
list-style: none;
|
|
width: 20%
|
|
}
|
|
.small-block-grid-5>li:nth-of-type(1n) {
|
|
clear: none
|
|
}
|
|
.small-block-grid-5>li:nth-of-type(5n+1) {
|
|
clear: both
|
|
}
|
|
.small-block-grid-6>li {
|
|
list-style: none;
|
|
width: 16.66667%
|
|
}
|
|
.small-block-grid-6>li:nth-of-type(1n) {
|
|
clear: none
|
|
}
|
|
.small-block-grid-6>li:nth-of-type(6n+1) {
|
|
clear: both
|
|
}
|
|
.small-block-grid-7>li {
|
|
list-style: none;
|
|
width: 14.28571%
|
|
}
|
|
.small-block-grid-7>li:nth-of-type(1n) {
|
|
clear: none
|
|
}
|
|
.small-block-grid-7>li:nth-of-type(7n+1) {
|
|
clear: both
|
|
}
|
|
.small-block-grid-8>li {
|
|
list-style: none;
|
|
width: 12.5%
|
|
}
|
|
.small-block-grid-8>li:nth-of-type(1n) {
|
|
clear: none
|
|
}
|
|
.small-block-grid-8>li:nth-of-type(8n+1) {
|
|
clear: both
|
|
}
|
|
.small-block-grid-9>li {
|
|
list-style: none;
|
|
width: 11.11111%
|
|
}
|
|
.small-block-grid-9>li:nth-of-type(1n) {
|
|
clear: none
|
|
}
|
|
.small-block-grid-9>li:nth-of-type(9n+1) {
|
|
clear: both
|
|
}
|
|
.small-block-grid-10>li {
|
|
list-style: none;
|
|
width: 10%
|
|
}
|
|
.small-block-grid-10>li:nth-of-type(1n) {
|
|
clear: none
|
|
}
|
|
.small-block-grid-10>li:nth-of-type(10n+1) {
|
|
clear: both
|
|
}
|
|
.small-block-grid-11>li {
|
|
list-style: none;
|
|
width: 9.09091%
|
|
}
|
|
.small-block-grid-11>li:nth-of-type(1n) {
|
|
clear: none
|
|
}
|
|
.small-block-grid-11>li:nth-of-type(11n+1) {
|
|
clear: both
|
|
}
|
|
.small-block-grid-12>li {
|
|
list-style: none;
|
|
width: 8.33333%
|
|
}
|
|
.small-block-grid-12>li:nth-of-type(1n) {
|
|
clear: none
|
|
}
|
|
.small-block-grid-12>li:nth-of-type(12n+1) {
|
|
clear: both
|
|
}
|
|
}
|
|
|
|
@media only screen and (min-width: 40.0625em) {
|
|
.medium-block-grid-1>li {
|
|
list-style: none;
|
|
width: 100%
|
|
}
|
|
.medium-block-grid-1>li:nth-of-type(1n) {
|
|
clear: none
|
|
}
|
|
.medium-block-grid-1>li:nth-of-type(1n+1) {
|
|
clear: both
|
|
}
|
|
.medium-block-grid-2>li {
|
|
list-style: none;
|
|
width: 50%
|
|
}
|
|
.medium-block-grid-2>li:nth-of-type(1n) {
|
|
clear: none
|
|
}
|
|
.medium-block-grid-2>li:nth-of-type(2n+1) {
|
|
clear: both
|
|
}
|
|
.medium-block-grid-3>li {
|
|
list-style: none;
|
|
width: 33.33333%
|
|
}
|
|
.medium-block-grid-3>li:nth-of-type(1n) {
|
|
clear: none
|
|
}
|
|
.medium-block-grid-3>li:nth-of-type(3n+1) {
|
|
clear: both
|
|
}
|
|
.medium-block-grid-4>li {
|
|
list-style: none;
|
|
width: 25%
|
|
}
|
|
.medium-block-grid-4>li:nth-of-type(1n) {
|
|
clear: none
|
|
}
|
|
.medium-block-grid-4>li:nth-of-type(4n+1) {
|
|
clear: both
|
|
}
|
|
.medium-block-grid-5>li {
|
|
list-style: none;
|
|
width: 20%
|
|
}
|
|
.medium-block-grid-5>li:nth-of-type(1n) {
|
|
clear: none
|
|
}
|
|
.medium-block-grid-5>li:nth-of-type(5n+1) {
|
|
clear: both
|
|
}
|
|
.medium-block-grid-6>li {
|
|
list-style: none;
|
|
width: 16.66667%
|
|
}
|
|
.medium-block-grid-6>li:nth-of-type(1n) {
|
|
clear: none
|
|
}
|
|
.medium-block-grid-6>li:nth-of-type(6n+1) {
|
|
clear: both
|
|
}
|
|
.medium-block-grid-7>li {
|
|
list-style: none;
|
|
width: 14.28571%
|
|
}
|
|
.medium-block-grid-7>li:nth-of-type(1n) {
|
|
clear: none
|
|
}
|
|
.medium-block-grid-7>li:nth-of-type(7n+1) {
|
|
clear: both
|
|
}
|
|
.medium-block-grid-8>li {
|
|
list-style: none;
|
|
width: 12.5%
|
|
}
|
|
.medium-block-grid-8>li:nth-of-type(1n) {
|
|
clear: none
|
|
}
|
|
.medium-block-grid-8>li:nth-of-type(8n+1) {
|
|
clear: both
|
|
}
|
|
.medium-block-grid-9>li {
|
|
list-style: none;
|
|
width: 11.11111%
|
|
}
|
|
.medium-block-grid-9>li:nth-of-type(1n) {
|
|
clear: none
|
|
}
|
|
.medium-block-grid-9>li:nth-of-type(9n+1) {
|
|
clear: both
|
|
}
|
|
.medium-block-grid-10>li {
|
|
list-style: none;
|
|
width: 10%
|
|
}
|
|
.medium-block-grid-10>li:nth-of-type(1n) {
|
|
clear: none
|
|
}
|
|
.medium-block-grid-10>li:nth-of-type(10n+1) {
|
|
clear: both
|
|
}
|
|
.medium-block-grid-11>li {
|
|
list-style: none;
|
|
width: 9.09091%
|
|
}
|
|
.medium-block-grid-11>li:nth-of-type(1n) {
|
|
clear: none
|
|
}
|
|
.medium-block-grid-11>li:nth-of-type(11n+1) {
|
|
clear: both
|
|
}
|
|
.medium-block-grid-12>li {
|
|
list-style: none;
|
|
width: 8.33333%
|
|
}
|
|
.medium-block-grid-12>li:nth-of-type(1n) {
|
|
clear: none
|
|
}
|
|
.medium-block-grid-12>li:nth-of-type(12n+1) {
|
|
clear: both
|
|
}
|
|
}
|
|
|
|
@media only screen and (min-width: 58.8125em) {
|
|
.large-block-grid-1>li {
|
|
list-style: none;
|
|
width: 100%
|
|
}
|
|
.large-block-grid-1>li:nth-of-type(1n) {
|
|
clear: none
|
|
}
|
|
.large-block-grid-1>li:nth-of-type(1n+1) {
|
|
clear: both
|
|
}
|
|
.large-block-grid-2>li {
|
|
list-style: none;
|
|
width: 50%
|
|
}
|
|
.large-block-grid-2>li:nth-of-type(1n) {
|
|
clear: none
|
|
}
|
|
.large-block-grid-2>li:nth-of-type(2n+1) {
|
|
clear: both
|
|
}
|
|
.large-block-grid-3>li {
|
|
list-style: none;
|
|
width: 33.33333%
|
|
}
|
|
.large-block-grid-3>li:nth-of-type(1n) {
|
|
clear: none
|
|
}
|
|
.large-block-grid-3>li:nth-of-type(3n+1) {
|
|
clear: both
|
|
}
|
|
.large-block-grid-4>li {
|
|
list-style: none;
|
|
width: 25%
|
|
}
|
|
.large-block-grid-4>li:nth-of-type(1n) {
|
|
clear: none
|
|
}
|
|
.large-block-grid-4>li:nth-of-type(4n+1) {
|
|
clear: both
|
|
}
|
|
.large-block-grid-5>li {
|
|
list-style: none;
|
|
width: 20%
|
|
}
|
|
.large-block-grid-5>li:nth-of-type(1n) {
|
|
clear: none
|
|
}
|
|
.large-block-grid-5>li:nth-of-type(5n+1) {
|
|
clear: both
|
|
}
|
|
.large-block-grid-6>li {
|
|
list-style: none;
|
|
width: 16.66667%
|
|
}
|
|
.large-block-grid-6>li:nth-of-type(1n) {
|
|
clear: none
|
|
}
|
|
.large-block-grid-6>li:nth-of-type(6n+1) {
|
|
clear: both
|
|
}
|
|
.large-block-grid-7>li {
|
|
list-style: none;
|
|
width: 14.28571%
|
|
}
|
|
.large-block-grid-7>li:nth-of-type(1n) {
|
|
clear: none
|
|
}
|
|
.large-block-grid-7>li:nth-of-type(7n+1) {
|
|
clear: both
|
|
}
|
|
.large-block-grid-8>li {
|
|
list-style: none;
|
|
width: 12.5%
|
|
}
|
|
.large-block-grid-8>li:nth-of-type(1n) {
|
|
clear: none
|
|
}
|
|
.large-block-grid-8>li:nth-of-type(8n+1) {
|
|
clear: both
|
|
}
|
|
.large-block-grid-9>li {
|
|
list-style: none;
|
|
width: 11.11111%
|
|
}
|
|
.large-block-grid-9>li:nth-of-type(1n) {
|
|
clear: none
|
|
}
|
|
.large-block-grid-9>li:nth-of-type(9n+1) {
|
|
clear: both
|
|
}
|
|
.large-block-grid-10>li {
|
|
list-style: none;
|
|
width: 10%
|
|
}
|
|
.large-block-grid-10>li:nth-of-type(1n) {
|
|
clear: none
|
|
}
|
|
.large-block-grid-10>li:nth-of-type(10n+1) {
|
|
clear: both
|
|
}
|
|
.large-block-grid-11>li {
|
|
list-style: none;
|
|
width: 9.09091%
|
|
}
|
|
.large-block-grid-11>li:nth-of-type(1n) {
|
|
clear: none
|
|
}
|
|
.large-block-grid-11>li:nth-of-type(11n+1) {
|
|
clear: both
|
|
}
|
|
.large-block-grid-12>li {
|
|
list-style: none;
|
|
width: 8.33333%
|
|
}
|
|
.large-block-grid-12>li:nth-of-type(1n) {
|
|
clear: none
|
|
}
|
|
.large-block-grid-12>li:nth-of-type(12n+1) {
|
|
clear: both
|
|
}
|
|
}
|
|
|
|
.breadcrumbs {
|
|
border-style: solid;
|
|
border-width: 1px;
|
|
display: block;
|
|
list-style: none;
|
|
margin-left: 0;
|
|
overflow: hidden;
|
|
padding: 0.5625rem 0.875rem 0.5625rem;
|
|
background-color: #ffd1a1;
|
|
border-color: #ffbd77;
|
|
border-radius: 5px
|
|
}
|
|
|
|
.breadcrumbs>* {
|
|
color: #22b8eb;
|
|
float: left;
|
|
font-size: 0.6875rem;
|
|
line-height: 0.6875rem;
|
|
margin: 0;
|
|
text-transform: uppercase
|
|
}
|
|
|
|
.breadcrumbs>*:hover a,
|
|
.breadcrumbs>*:focus a {
|
|
text-decoration: underline
|
|
}
|
|
|
|
.breadcrumbs>* a {
|
|
color: #22b8eb
|
|
}
|
|
|
|
.breadcrumbs>*.current {
|
|
color: #333;
|
|
cursor: default
|
|
}
|
|
|
|
.breadcrumbs>*.current a {
|
|
color: #333;
|
|
cursor: default
|
|
}
|
|
|
|
.breadcrumbs>*.current:hover,
|
|
.breadcrumbs>*.current:hover a,
|
|
.breadcrumbs>*.current:focus,
|
|
.breadcrumbs>*.current:focus a {
|
|
text-decoration: none
|
|
}
|
|
|
|
.breadcrumbs>*.unavailable {
|
|
color: #999
|
|
}
|
|
|
|
.breadcrumbs>*.unavailable a {
|
|
color: #999
|
|
}
|
|
|
|
.breadcrumbs>*.unavailable:hover,
|
|
.breadcrumbs>*.unavailable:hover a,
|
|
.breadcrumbs>*.unavailable:focus,
|
|
.breadcrumbs>*.unavailable a:focus {
|
|
color: #999;
|
|
cursor: not-allowed;
|
|
text-decoration: none
|
|
}
|
|
|
|
.breadcrumbs>*:before {
|
|
color: #aaa;
|
|
content: "/";
|
|
margin: 0 0.75rem;
|
|
position: relative;
|
|
top: 1px
|
|
}
|
|
|
|
.breadcrumbs>*:first-child:before {
|
|
content: " ";
|
|
margin: 0
|
|
}
|
|
|
|
[aria-label="breadcrumbs"] [aria-hidden="true"]:after {
|
|
content: "/"
|
|
}
|
|
|
|
button,
|
|
.button {
|
|
-webkit-appearance: none;
|
|
-moz-appearance: none;
|
|
border-radius: 0;
|
|
border-style: solid;
|
|
border-width: 0;
|
|
cursor: pointer;
|
|
font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
|
|
font-weight: normal;
|
|
line-height: normal;
|
|
margin: 0 0 1.25rem;
|
|
position: relative;
|
|
text-align: center;
|
|
text-decoration: none;
|
|
display: inline-block;
|
|
padding: 1rem 2rem 1.0625rem 2rem;
|
|
font-size: 1rem;
|
|
background-color: #22b8eb;
|
|
border-color: #1298c5;
|
|
color: #fff;
|
|
transition: background-color 300ms ease-out
|
|
}
|
|
|
|
button:hover,
|
|
button:focus,
|
|
.button:hover,
|
|
.button:focus {
|
|
background-color: #1298c5
|
|
}
|
|
|
|
button:hover,
|
|
button:focus,
|
|
.button:hover,
|
|
.button:focus {
|
|
color: #fff
|
|
}
|
|
|
|
button.secondary,
|
|
.button.secondary {
|
|
background-color: #FF992E;
|
|
border-color: #f17b00;
|
|
color: #fff
|
|
}
|
|
|
|
button.secondary:hover,
|
|
button.secondary:focus,
|
|
.button.secondary:hover,
|
|
.button.secondary:focus {
|
|
background-color: #f17b00
|
|
}
|
|
|
|
button.secondary:hover,
|
|
button.secondary:focus,
|
|
.button.secondary:hover,
|
|
.button.secondary:focus {
|
|
color: #fff
|
|
}
|
|
|
|
button.success,
|
|
.button.success {
|
|
background-color: #43AC6A;
|
|
border-color: #368a55;
|
|
color: #fff
|
|
}
|
|
|
|
button.success:hover,
|
|
button.success:focus,
|
|
.button.success:hover,
|
|
.button.success:focus {
|
|
background-color: #368a55
|
|
}
|
|
|
|
button.success:hover,
|
|
button.success:focus,
|
|
.button.success:hover,
|
|
.button.success:focus {
|
|
color: #fff
|
|
}
|
|
|
|
button.alert,
|
|
.button.alert {
|
|
background-color: #f04124;
|
|
border-color: #cf2a0e;
|
|
color: #fff
|
|
}
|
|
|
|
button.alert:hover,
|
|
button.alert:focus,
|
|
.button.alert:hover,
|
|
.button.alert:focus {
|
|
background-color: #cf2a0e
|
|
}
|
|
|
|
button.alert:hover,
|
|
button.alert:focus,
|
|
.button.alert:hover,
|
|
.button.alert:focus {
|
|
color: #fff
|
|
}
|
|
|
|
button.warning,
|
|
.button.warning {
|
|
background-color: #f08a24;
|
|
border-color: #cf6e0e;
|
|
color: #fff
|
|
}
|
|
|
|
button.warning:hover,
|
|
button.warning:focus,
|
|
.button.warning:hover,
|
|
.button.warning:focus {
|
|
background-color: #cf6e0e
|
|
}
|
|
|
|
button.warning:hover,
|
|
button.warning:focus,
|
|
.button.warning:hover,
|
|
.button.warning:focus {
|
|
color: #fff
|
|
}
|
|
|
|
button.info,
|
|
.button.info {
|
|
background-color: #a0d3e8;
|
|
border-color: #61b6d9;
|
|
color: #333
|
|
}
|
|
|
|
button.info:hover,
|
|
button.info:focus,
|
|
.button.info:hover,
|
|
.button.info:focus {
|
|
background-color: #61b6d9
|
|
}
|
|
|
|
button.info:hover,
|
|
button.info:focus,
|
|
.button.info:hover,
|
|
.button.info:focus {
|
|
color: #fff
|
|
}
|
|
|
|
button.large,
|
|
.button.large {
|
|
padding: 1.125rem 2.25rem 1.1875rem 2.25rem;
|
|
font-size: 1.25rem
|
|
}
|
|
|
|
button.small,
|
|
.button.small {
|
|
padding: 0.875rem 1.75rem 0.9375rem 1.75rem;
|
|
font-size: 0.8125rem
|
|
}
|
|
|
|
button.tiny,
|
|
.button.tiny {
|
|
padding: 0.625rem 1.25rem 0.6875rem 1.25rem;
|
|
font-size: 0.6875rem
|
|
}
|
|
|
|
button.expand,
|
|
.button.expand {
|
|
padding-left: 0;
|
|
padding-right: 0;
|
|
width: 100%
|
|
}
|
|
|
|
button.left-align,
|
|
.button.left-align {
|
|
text-align: left;
|
|
text-indent: 0.75rem
|
|
}
|
|
|
|
button.right-align,
|
|
.button.right-align {
|
|
text-align: right;
|
|
padding-right: 0.75rem
|
|
}
|
|
|
|
button.radius,
|
|
.button.radius {
|
|
border-radius: 5px
|
|
}
|
|
|
|
button.round,
|
|
.button.round {
|
|
border-radius: 1000px
|
|
}
|
|
|
|
button.disabled,
|
|
button[disabled],
|
|
.button.disabled,
|
|
.button[disabled] {
|
|
background-color: #22b8eb;
|
|
border-color: #1298c5;
|
|
color: #fff;
|
|
box-shadow: none;
|
|
cursor: default;
|
|
opacity: 0.7
|
|
}
|
|
|
|
button.disabled:hover,
|
|
button.disabled:focus,
|
|
button[disabled]:hover,
|
|
button[disabled]:focus,
|
|
.button.disabled:hover,
|
|
.button.disabled:focus,
|
|
.button[disabled]:hover,
|
|
.button[disabled]:focus {
|
|
background-color: #1298c5
|
|
}
|
|
|
|
button.disabled:hover,
|
|
button.disabled:focus,
|
|
button[disabled]:hover,
|
|
button[disabled]:focus,
|
|
.button.disabled:hover,
|
|
.button.disabled:focus,
|
|
.button[disabled]:hover,
|
|
.button[disabled]:focus {
|
|
color: #fff
|
|
}
|
|
|
|
button.disabled:hover,
|
|
button.disabled:focus,
|
|
button[disabled]:hover,
|
|
button[disabled]:focus,
|
|
.button.disabled:hover,
|
|
.button.disabled:focus,
|
|
.button[disabled]:hover,
|
|
.button[disabled]:focus {
|
|
background-color: #22b8eb
|
|
}
|
|
|
|
button.disabled.secondary,
|
|
button[disabled].secondary,
|
|
.button.disabled.secondary,
|
|
.button[disabled].secondary {
|
|
background-color: #FF992E;
|
|
border-color: #f17b00;
|
|
color: #fff;
|
|
box-shadow: none;
|
|
cursor: default;
|
|
opacity: 0.7
|
|
}
|
|
|
|
button.disabled.secondary:hover,
|
|
button.disabled.secondary:focus,
|
|
button[disabled].secondary:hover,
|
|
button[disabled].secondary:focus,
|
|
.button.disabled.secondary:hover,
|
|
.button.disabled.secondary:focus,
|
|
.button[disabled].secondary:hover,
|
|
.button[disabled].secondary:focus {
|
|
background-color: #f17b00
|
|
}
|
|
|
|
button.disabled.secondary:hover,
|
|
button.disabled.secondary:focus,
|
|
button[disabled].secondary:hover,
|
|
button[disabled].secondary:focus,
|
|
.button.disabled.secondary:hover,
|
|
.button.disabled.secondary:focus,
|
|
.button[disabled].secondary:hover,
|
|
.button[disabled].secondary:focus {
|
|
color: #fff
|
|
}
|
|
|
|
button.disabled.secondary:hover,
|
|
button.disabled.secondary:focus,
|
|
button[disabled].secondary:hover,
|
|
button[disabled].secondary:focus,
|
|
.button.disabled.secondary:hover,
|
|
.button.disabled.secondary:focus,
|
|
.button[disabled].secondary:hover,
|
|
.button[disabled].secondary:focus {
|
|
background-color: #FF992E
|
|
}
|
|
|
|
button.disabled.success,
|
|
button[disabled].success,
|
|
.button.disabled.success,
|
|
.button[disabled].success {
|
|
background-color: #43AC6A;
|
|
border-color: #368a55;
|
|
color: #fff;
|
|
box-shadow: none;
|
|
cursor: default;
|
|
opacity: 0.7
|
|
}
|
|
|
|
button.disabled.success:hover,
|
|
button.disabled.success:focus,
|
|
button[disabled].success:hover,
|
|
button[disabled].success:focus,
|
|
.button.disabled.success:hover,
|
|
.button.disabled.success:focus,
|
|
.button[disabled].success:hover,
|
|
.button[disabled].success:focus {
|
|
background-color: #368a55
|
|
}
|
|
|
|
button.disabled.success:hover,
|
|
button.disabled.success:focus,
|
|
button[disabled].success:hover,
|
|
button[disabled].success:focus,
|
|
.button.disabled.success:hover,
|
|
.button.disabled.success:focus,
|
|
.button[disabled].success:hover,
|
|
.button[disabled].success:focus {
|
|
color: #fff
|
|
}
|
|
|
|
button.disabled.success:hover,
|
|
button.disabled.success:focus,
|
|
button[disabled].success:hover,
|
|
button[disabled].success:focus,
|
|
.button.disabled.success:hover,
|
|
.button.disabled.success:focus,
|
|
.button[disabled].success:hover,
|
|
.button[disabled].success:focus {
|
|
background-color: #43AC6A
|
|
}
|
|
|
|
button.disabled.alert,
|
|
button[disabled].alert,
|
|
.button.disabled.alert,
|
|
.button[disabled].alert {
|
|
background-color: #f04124;
|
|
border-color: #cf2a0e;
|
|
color: #fff;
|
|
box-shadow: none;
|
|
cursor: default;
|
|
opacity: 0.7
|
|
}
|
|
|
|
button.disabled.alert:hover,
|
|
button.disabled.alert:focus,
|
|
button[disabled].alert:hover,
|
|
button[disabled].alert:focus,
|
|
.button.disabled.alert:hover,
|
|
.button.disabled.alert:focus,
|
|
.button[disabled].alert:hover,
|
|
.button[disabled].alert:focus {
|
|
background-color: #cf2a0e
|
|
}
|
|
|
|
button.disabled.alert:hover,
|
|
button.disabled.alert:focus,
|
|
button[disabled].alert:hover,
|
|
button[disabled].alert:focus,
|
|
.button.disabled.alert:hover,
|
|
.button.disabled.alert:focus,
|
|
.button[disabled].alert:hover,
|
|
.button[disabled].alert:focus {
|
|
color: #fff
|
|
}
|
|
|
|
button.disabled.alert:hover,
|
|
button.disabled.alert:focus,
|
|
button[disabled].alert:hover,
|
|
button[disabled].alert:focus,
|
|
.button.disabled.alert:hover,
|
|
.button.disabled.alert:focus,
|
|
.button[disabled].alert:hover,
|
|
.button[disabled].alert:focus {
|
|
background-color: #f04124
|
|
}
|
|
|
|
button.disabled.warning,
|
|
button[disabled].warning,
|
|
.button.disabled.warning,
|
|
.button[disabled].warning {
|
|
background-color: #f08a24;
|
|
border-color: #cf6e0e;
|
|
color: #fff;
|
|
box-shadow: none;
|
|
cursor: default;
|
|
opacity: 0.7
|
|
}
|
|
|
|
button.disabled.warning:hover,
|
|
button.disabled.warning:focus,
|
|
button[disabled].warning:hover,
|
|
button[disabled].warning:focus,
|
|
.button.disabled.warning:hover,
|
|
.button.disabled.warning:focus,
|
|
.button[disabled].warning:hover,
|
|
.button[disabled].warning:focus {
|
|
background-color: #cf6e0e
|
|
}
|
|
|
|
button.disabled.warning:hover,
|
|
button.disabled.warning:focus,
|
|
button[disabled].warning:hover,
|
|
button[disabled].warning:focus,
|
|
.button.disabled.warning:hover,
|
|
.button.disabled.warning:focus,
|
|
.button[disabled].warning:hover,
|
|
.button[disabled].warning:focus {
|
|
color: #fff
|
|
}
|
|
|
|
button.disabled.warning:hover,
|
|
button.disabled.warning:focus,
|
|
button[disabled].warning:hover,
|
|
button[disabled].warning:focus,
|
|
.button.disabled.warning:hover,
|
|
.button.disabled.warning:focus,
|
|
.button[disabled].warning:hover,
|
|
.button[disabled].warning:focus {
|
|
background-color: #f08a24
|
|
}
|
|
|
|
button.disabled.info,
|
|
button[disabled].info,
|
|
.button.disabled.info,
|
|
.button[disabled].info {
|
|
background-color: #a0d3e8;
|
|
border-color: #61b6d9;
|
|
color: #333;
|
|
box-shadow: none;
|
|
cursor: default;
|
|
opacity: 0.7
|
|
}
|
|
|
|
button.disabled.info:hover,
|
|
button.disabled.info:focus,
|
|
button[disabled].info:hover,
|
|
button[disabled].info:focus,
|
|
.button.disabled.info:hover,
|
|
.button.disabled.info:focus,
|
|
.button[disabled].info:hover,
|
|
.button[disabled].info:focus {
|
|
background-color: #61b6d9
|
|
}
|
|
|
|
button.disabled.info:hover,
|
|
button.disabled.info:focus,
|
|
button[disabled].info:hover,
|
|
button[disabled].info:focus,
|
|
.button.disabled.info:hover,
|
|
.button.disabled.info:focus,
|
|
.button[disabled].info:hover,
|
|
.button[disabled].info:focus {
|
|
color: #fff
|
|
}
|
|
|
|
button.disabled.info:hover,
|
|
button.disabled.info:focus,
|
|
button[disabled].info:hover,
|
|
button[disabled].info:focus,
|
|
.button.disabled.info:hover,
|
|
.button.disabled.info:focus,
|
|
.button[disabled].info:hover,
|
|
.button[disabled].info:focus {
|
|
background-color: #a0d3e8
|
|
}
|
|
|
|
button::-moz-focus-inner {
|
|
border: 0;
|
|
padding: 0
|
|
}
|
|
|
|
@media only screen and (min-width: 40.0625em) {
|
|
button,
|
|
.button {
|
|
display: inline-block
|
|
}
|
|
}
|
|
|
|
.button-group {
|
|
list-style: none;
|
|
margin: 0;
|
|
left: 0
|
|
}
|
|
|
|
.button-group:before,
|
|
.button-group:after {
|
|
content: " ";
|
|
display: table
|
|
}
|
|
|
|
.button-group:after {
|
|
clear: both
|
|
}
|
|
|
|
.button-group.even-2 li {
|
|
display: inline-block;
|
|
margin: 0 -2px;
|
|
width: 50%
|
|
}
|
|
|
|
.button-group.even-2 li>button,
|
|
.button-group.even-2 li .button {
|
|
border-left: 1px solid;
|
|
border-color: rgba(255, 255, 255, 0.5)
|
|
}
|
|
|
|
.button-group.even-2 li:first-child button,
|
|
.button-group.even-2 li:first-child .button {
|
|
border-left: 0
|
|
}
|
|
|
|
.button-group.even-2 li button,
|
|
.button-group.even-2 li .button {
|
|
width: 100%
|
|
}
|
|
|
|
.button-group.even-3 li {
|
|
display: inline-block;
|
|
margin: 0 -2px;
|
|
width: 33.33333%
|
|
}
|
|
|
|
.button-group.even-3 li>button,
|
|
.button-group.even-3 li .button {
|
|
border-left: 1px solid;
|
|
border-color: rgba(255, 255, 255, 0.5)
|
|
}
|
|
|
|
.button-group.even-3 li:first-child button,
|
|
.button-group.even-3 li:first-child .button {
|
|
border-left: 0
|
|
}
|
|
|
|
.button-group.even-3 li button,
|
|
.button-group.even-3 li .button {
|
|
width: 100%
|
|
}
|
|
|
|
.button-group.even-4 li {
|
|
display: inline-block;
|
|
margin: 0 -2px;
|
|
width: 25%
|
|
}
|
|
|
|
.button-group.even-4 li>button,
|
|
.button-group.even-4 li .button {
|
|
border-left: 1px solid;
|
|
border-color: rgba(255, 255, 255, 0.5)
|
|
}
|
|
|
|
.button-group.even-4 li:first-child button,
|
|
.button-group.even-4 li:first-child .button {
|
|
border-left: 0
|
|
}
|
|
|
|
.button-group.even-4 li button,
|
|
.button-group.even-4 li .button {
|
|
width: 100%
|
|
}
|
|
|
|
.button-group.even-5 li {
|
|
display: inline-block;
|
|
margin: 0 -2px;
|
|
width: 20%
|
|
}
|
|
|
|
.button-group.even-5 li>button,
|
|
.button-group.even-5 li .button {
|
|
border-left: 1px solid;
|
|
border-color: rgba(255, 255, 255, 0.5)
|
|
}
|
|
|
|
.button-group.even-5 li:first-child button,
|
|
.button-group.even-5 li:first-child .button {
|
|
border-left: 0
|
|
}
|
|
|
|
.button-group.even-5 li button,
|
|
.button-group.even-5 li .button {
|
|
width: 100%
|
|
}
|
|
|
|
.button-group.even-6 li {
|
|
display: inline-block;
|
|
margin: 0 -2px;
|
|
width: 16.66667%
|
|
}
|
|
|
|
.button-group.even-6 li>button,
|
|
.button-group.even-6 li .button {
|
|
border-left: 1px solid;
|
|
border-color: rgba(255, 255, 255, 0.5)
|
|
}
|
|
|
|
.button-group.even-6 li:first-child button,
|
|
.button-group.even-6 li:first-child .button {
|
|
border-left: 0
|
|
}
|
|
|
|
.button-group.even-6 li button,
|
|
.button-group.even-6 li .button {
|
|
width: 100%
|
|
}
|
|
|
|
.button-group.even-7 li {
|
|
display: inline-block;
|
|
margin: 0 -2px;
|
|
width: 14.28571%
|
|
}
|
|
|
|
.button-group.even-7 li>button,
|
|
.button-group.even-7 li .button {
|
|
border-left: 1px solid;
|
|
border-color: rgba(255, 255, 255, 0.5)
|
|
}
|
|
|
|
.button-group.even-7 li:first-child button,
|
|
.button-group.even-7 li:first-child .button {
|
|
border-left: 0
|
|
}
|
|
|
|
.button-group.even-7 li button,
|
|
.button-group.even-7 li .button {
|
|
width: 100%
|
|
}
|
|
|
|
.button-group.even-8 li {
|
|
display: inline-block;
|
|
margin: 0 -2px;
|
|
width: 12.5%
|
|
}
|
|
|
|
.button-group.even-8 li>button,
|
|
.button-group.even-8 li .button {
|
|
border-left: 1px solid;
|
|
border-color: rgba(255, 255, 255, 0.5)
|
|
}
|
|
|
|
.button-group.even-8 li:first-child button,
|
|
.button-group.even-8 li:first-child .button {
|
|
border-left: 0
|
|
}
|
|
|
|
.button-group.even-8 li button,
|
|
.button-group.even-8 li .button {
|
|
width: 100%
|
|
}
|
|
|
|
.button-group>li {
|
|
display: inline-block;
|
|
margin: 0 -2px
|
|
}
|
|
|
|
.button-group>li>button,
|
|
.button-group>li .button {
|
|
border-left: 1px solid;
|
|
border-color: rgba(255, 255, 255, 0.5)
|
|
}
|
|
|
|
.button-group>li:first-child button,
|
|
.button-group>li:first-child .button {
|
|
border-left: 0
|
|
}
|
|
|
|
.button-group.stack>li {
|
|
display: block;
|
|
margin: 0;
|
|
float: none
|
|
}
|
|
|
|
.button-group.stack>li>button,
|
|
.button-group.stack>li .button {
|
|
border-left: 1px solid;
|
|
border-color: rgba(255, 255, 255, 0.5)
|
|
}
|
|
|
|
.button-group.stack>li:first-child button,
|
|
.button-group.stack>li:first-child .button {
|
|
border-left: 0
|
|
}
|
|
|
|
.button-group.stack>li>button,
|
|
.button-group.stack>li .button {
|
|
border-color: rgba(255, 255, 255, 0.5);
|
|
border-left-width: 0;
|
|
border-top: 1px solid;
|
|
display: block;
|
|
margin: 0
|
|
}
|
|
|
|
.button-group.stack>li>button {
|
|
width: 100%
|
|
}
|
|
|
|
.button-group.stack>li:first-child button,
|
|
.button-group.stack>li:first-child .button {
|
|
border-top: 0
|
|
}
|
|
|
|
.button-group.stack-for-small>li {
|
|
display: inline-block;
|
|
margin: 0 -2px
|
|
}
|
|
|
|
.button-group.stack-for-small>li>button,
|
|
.button-group.stack-for-small>li .button {
|
|
border-left: 1px solid;
|
|
border-color: rgba(255, 255, 255, 0.5)
|
|
}
|
|
|
|
.button-group.stack-for-small>li:first-child button,
|
|
.button-group.stack-for-small>li:first-child .button {
|
|
border-left: 0
|
|
}
|
|
|
|
@media only screen and (max-width: 40em) {
|
|
.button-group.stack-for-small>li {
|
|
display: block;
|
|
margin: 0
|
|
}
|
|
.button-group.stack-for-small>li>button,
|
|
.button-group.stack-for-small>li .button {
|
|
border-left: 1px solid;
|
|
border-color: rgba(255, 255, 255, 0.5)
|
|
}
|
|
.button-group.stack-for-small>li:first-child button,
|
|
.button-group.stack-for-small>li:first-child .button {
|
|
border-left: 0
|
|
}
|
|
.button-group.stack-for-small>li>button,
|
|
.button-group.stack-for-small>li .button {
|
|
border-color: rgba(255, 255, 255, 0.5);
|
|
border-left-width: 0;
|
|
border-top: 1px solid;
|
|
display: block;
|
|
margin: 0
|
|
}
|
|
.button-group.stack-for-small>li>button {
|
|
width: 100%
|
|
}
|
|
.button-group.stack-for-small>li:first-child button,
|
|
.button-group.stack-for-small>li:first-child .button {
|
|
border-top: 0
|
|
}
|
|
}
|
|
|
|
.button-group.radius>* {
|
|
display: inline-block;
|
|
margin: 0 -2px
|
|
}
|
|
|
|
.button-group.radius>*>button,
|
|
.button-group.radius>* .button {
|
|
border-left: 1px solid;
|
|
border-color: rgba(255, 255, 255, 0.5)
|
|
}
|
|
|
|
.button-group.radius>*:first-child button,
|
|
.button-group.radius>*:first-child .button {
|
|
border-left: 0
|
|
}
|
|
|
|
.button-group.radius>*,
|
|
.button-group.radius>*>a,
|
|
.button-group.radius>*>button,
|
|
.button-group.radius>*>.button {
|
|
border-radius: 0
|
|
}
|
|
|
|
.button-group.radius>*:first-child,
|
|
.button-group.radius>*:first-child>a,
|
|
.button-group.radius>*:first-child>button,
|
|
.button-group.radius>*:first-child>.button {
|
|
-webkit-border-bottom-left-radius: 5px;
|
|
-webkit-border-top-left-radius: 5px;
|
|
border-bottom-left-radius: 5px;
|
|
border-top-left-radius: 5px
|
|
}
|
|
|
|
.button-group.radius>*:last-child,
|
|
.button-group.radius>*:last-child>a,
|
|
.button-group.radius>*:last-child>button,
|
|
.button-group.radius>*:last-child>.button {
|
|
-webkit-border-bottom-right-radius: 5px;
|
|
-webkit-border-top-right-radius: 5px;
|
|
border-bottom-right-radius: 5px;
|
|
border-top-right-radius: 5px
|
|
}
|
|
|
|
.button-group.radius.stack>* {
|
|
display: block;
|
|
margin: 0
|
|
}
|
|
|
|
.button-group.radius.stack>*>button,
|
|
.button-group.radius.stack>* .button {
|
|
border-left: 1px solid;
|
|
border-color: rgba(255, 255, 255, 0.5)
|
|
}
|
|
|
|
.button-group.radius.stack>*:first-child button,
|
|
.button-group.radius.stack>*:first-child .button {
|
|
border-left: 0
|
|
}
|
|
|
|
.button-group.radius.stack>*>button,
|
|
.button-group.radius.stack>* .button {
|
|
border-color: rgba(255, 255, 255, 0.5);
|
|
border-left-width: 0;
|
|
border-top: 1px solid;
|
|
display: block;
|
|
margin: 0
|
|
}
|
|
|
|
.button-group.radius.stack>*>button {
|
|
width: 100%
|
|
}
|
|
|
|
.button-group.radius.stack>*:first-child button,
|
|
.button-group.radius.stack>*:first-child .button {
|
|
border-top: 0
|
|
}
|
|
|
|
.button-group.radius.stack>*,
|
|
.button-group.radius.stack>*>a,
|
|
.button-group.radius.stack>*>button,
|
|
.button-group.radius.stack>*>.button {
|
|
border-radius: 0
|
|
}
|
|
|
|
.button-group.radius.stack>*:first-child,
|
|
.button-group.radius.stack>*:first-child>a,
|
|
.button-group.radius.stack>*:first-child>button,
|
|
.button-group.radius.stack>*:first-child>.button {
|
|
-webkit-top-left-radius: 5px;
|
|
-webkit-top-right-radius: 5px;
|
|
border-top-left-radius: 5px;
|
|
border-top-right-radius: 5px
|
|
}
|
|
|
|
.button-group.radius.stack>*:last-child,
|
|
.button-group.radius.stack>*:last-child>a,
|
|
.button-group.radius.stack>*:last-child>button,
|
|
.button-group.radius.stack>*:last-child>.button {
|
|
-webkit-bottom-left-radius: 5px;
|
|
-webkit-bottom-right-radius: 5px;
|
|
border-bottom-left-radius: 5px;
|
|
border-bottom-right-radius: 5px
|
|
}
|
|
|
|
@media only screen and (min-width: 40.0625em) {
|
|
.button-group.radius.stack-for-small>* {
|
|
display: inline-block;
|
|
margin: 0 -2px
|
|
}
|
|
.button-group.radius.stack-for-small>*>button,
|
|
.button-group.radius.stack-for-small>* .button {
|
|
border-left: 1px solid;
|
|
border-color: rgba(255, 255, 255, 0.5)
|
|
}
|
|
.button-group.radius.stack-for-small>*:first-child button,
|
|
.button-group.radius.stack-for-small>*:first-child .button {
|
|
border-left: 0
|
|
}
|
|
.button-group.radius.stack-for-small>*,
|
|
.button-group.radius.stack-for-small>*>a,
|
|
.button-group.radius.stack-for-small>*>button,
|
|
.button-group.radius.stack-for-small>*>.button {
|
|
border-radius: 0
|
|
}
|
|
.button-group.radius.stack-for-small>*:first-child,
|
|
.button-group.radius.stack-for-small>*:first-child>a,
|
|
.button-group.radius.stack-for-small>*:first-child>button,
|
|
.button-group.radius.stack-for-small>*:first-child>.button {
|
|
-webkit-border-bottom-left-radius: 5px;
|
|
-webkit-border-top-left-radius: 5px;
|
|
border-bottom-left-radius: 5px;
|
|
border-top-left-radius: 5px
|
|
}
|
|
.button-group.radius.stack-for-small>*:last-child,
|
|
.button-group.radius.stack-for-small>*:last-child>a,
|
|
.button-group.radius.stack-for-small>*:last-child>button,
|
|
.button-group.radius.stack-for-small>*:last-child>.button {
|
|
-webkit-border-bottom-right-radius: 5px;
|
|
-webkit-border-top-right-radius: 5px;
|
|
border-bottom-right-radius: 5px;
|
|
border-top-right-radius: 5px
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width: 40em) {
|
|
.button-group.radius.stack-for-small>* {
|
|
display: block;
|
|
margin: 0
|
|
}
|
|
.button-group.radius.stack-for-small>*>button,
|
|
.button-group.radius.stack-for-small>* .button {
|
|
border-left: 1px solid;
|
|
border-color: rgba(255, 255, 255, 0.5)
|
|
}
|
|
.button-group.radius.stack-for-small>*:first-child button,
|
|
.button-group.radius.stack-for-small>*:first-child .button {
|
|
border-left: 0
|
|
}
|
|
.button-group.radius.stack-for-small>*>button,
|
|
.button-group.radius.stack-for-small>* .button {
|
|
border-color: rgba(255, 255, 255, 0.5);
|
|
border-left-width: 0;
|
|
border-top: 1px solid;
|
|
display: block;
|
|
margin: 0
|
|
}
|
|
.button-group.radius.stack-for-small>*>button {
|
|
width: 100%
|
|
}
|
|
.button-group.radius.stack-for-small>*:first-child button,
|
|
.button-group.radius.stack-for-small>*:first-child .button {
|
|
border-top: 0
|
|
}
|
|
.button-group.radius.stack-for-small>*,
|
|
.button-group.radius.stack-for-small>*>a,
|
|
.button-group.radius.stack-for-small>*>button,
|
|
.button-group.radius.stack-for-small>*>.button {
|
|
border-radius: 0
|
|
}
|
|
.button-group.radius.stack-for-small>*:first-child,
|
|
.button-group.radius.stack-for-small>*:first-child>a,
|
|
.button-group.radius.stack-for-small>*:first-child>button,
|
|
.button-group.radius.stack-for-small>*:first-child>.button {
|
|
-webkit-top-left-radius: 5px;
|
|
-webkit-top-right-radius: 5px;
|
|
border-top-left-radius: 5px;
|
|
border-top-right-radius: 5px
|
|
}
|
|
.button-group.radius.stack-for-small>*:last-child,
|
|
.button-group.radius.stack-for-small>*:last-child>a,
|
|
.button-group.radius.stack-for-small>*:last-child>button,
|
|
.button-group.radius.stack-for-small>*:last-child>.button {
|
|
-webkit-bottom-left-radius: 5px;
|
|
-webkit-bottom-right-radius: 5px;
|
|
border-bottom-left-radius: 5px;
|
|
border-bottom-right-radius: 5px
|
|
}
|
|
}
|
|
|
|
.button-group.round>* {
|
|
display: inline-block;
|
|
margin: 0 -2px
|
|
}
|
|
|
|
.button-group.round>*>button,
|
|
.button-group.round>* .button {
|
|
border-left: 1px solid;
|
|
border-color: rgba(255, 255, 255, 0.5)
|
|
}
|
|
|
|
.button-group.round>*:first-child button,
|
|
.button-group.round>*:first-child .button {
|
|
border-left: 0
|
|
}
|
|
|
|
.button-group.round>*,
|
|
.button-group.round>*>a,
|
|
.button-group.round>*>button,
|
|
.button-group.round>*>.button {
|
|
border-radius: 0
|
|
}
|
|
|
|
.button-group.round>*:first-child,
|
|
.button-group.round>*:first-child>a,
|
|
.button-group.round>*:first-child>button,
|
|
.button-group.round>*:first-child>.button {
|
|
-webkit-border-bottom-left-radius: 1000px;
|
|
-webkit-border-top-left-radius: 1000px;
|
|
border-bottom-left-radius: 1000px;
|
|
border-top-left-radius: 1000px
|
|
}
|
|
|
|
.button-group.round>*:last-child,
|
|
.button-group.round>*:last-child>a,
|
|
.button-group.round>*:last-child>button,
|
|
.button-group.round>*:last-child>.button {
|
|
-webkit-border-bottom-right-radius: 1000px;
|
|
-webkit-border-top-right-radius: 1000px;
|
|
border-bottom-right-radius: 1000px;
|
|
border-top-right-radius: 1000px
|
|
}
|
|
|
|
.button-group.round.stack>* {
|
|
display: block;
|
|
margin: 0
|
|
}
|
|
|
|
.button-group.round.stack>*>button,
|
|
.button-group.round.stack>* .button {
|
|
border-left: 1px solid;
|
|
border-color: rgba(255, 255, 255, 0.5)
|
|
}
|
|
|
|
.button-group.round.stack>*:first-child button,
|
|
.button-group.round.stack>*:first-child .button {
|
|
border-left: 0
|
|
}
|
|
|
|
.button-group.round.stack>*>button,
|
|
.button-group.round.stack>* .button {
|
|
border-color: rgba(255, 255, 255, 0.5);
|
|
border-left-width: 0;
|
|
border-top: 1px solid;
|
|
display: block;
|
|
margin: 0
|
|
}
|
|
|
|
.button-group.round.stack>*>button {
|
|
width: 100%
|
|
}
|
|
|
|
.button-group.round.stack>*:first-child button,
|
|
.button-group.round.stack>*:first-child .button {
|
|
border-top: 0
|
|
}
|
|
|
|
.button-group.round.stack>*,
|
|
.button-group.round.stack>*>a,
|
|
.button-group.round.stack>*>button,
|
|
.button-group.round.stack>*>.button {
|
|
border-radius: 0
|
|
}
|
|
|
|
.button-group.round.stack>*:first-child,
|
|
.button-group.round.stack>*:first-child>a,
|
|
.button-group.round.stack>*:first-child>button,
|
|
.button-group.round.stack>*:first-child>.button {
|
|
-webkit-top-left-radius: 1rem;
|
|
-webkit-top-right-radius: 1rem;
|
|
border-top-left-radius: 1rem;
|
|
border-top-right-radius: 1rem
|
|
}
|
|
|
|
.button-group.round.stack>*:last-child,
|
|
.button-group.round.stack>*:last-child>a,
|
|
.button-group.round.stack>*:last-child>button,
|
|
.button-group.round.stack>*:last-child>.button {
|
|
-webkit-bottom-left-radius: 1rem;
|
|
-webkit-bottom-right-radius: 1rem;
|
|
border-bottom-left-radius: 1rem;
|
|
border-bottom-right-radius: 1rem
|
|
}
|
|
|
|
@media only screen and (min-width: 40.0625em) {
|
|
.button-group.round.stack-for-small>* {
|
|
display: inline-block;
|
|
margin: 0 -2px
|
|
}
|
|
.button-group.round.stack-for-small>*>button,
|
|
.button-group.round.stack-for-small>* .button {
|
|
border-left: 1px solid;
|
|
border-color: rgba(255, 255, 255, 0.5)
|
|
}
|
|
.button-group.round.stack-for-small>*:first-child button,
|
|
.button-group.round.stack-for-small>*:first-child .button {
|
|
border-left: 0
|
|
}
|
|
.button-group.round.stack-for-small>*,
|
|
.button-group.round.stack-for-small>*>a,
|
|
.button-group.round.stack-for-small>*>button,
|
|
.button-group.round.stack-for-small>*>.button {
|
|
border-radius: 0
|
|
}
|
|
.button-group.round.stack-for-small>*:first-child,
|
|
.button-group.round.stack-for-small>*:first-child>a,
|
|
.button-group.round.stack-for-small>*:first-child>button,
|
|
.button-group.round.stack-for-small>*:first-child>.button {
|
|
-webkit-border-bottom-left-radius: 1000px;
|
|
-webkit-border-top-left-radius: 1000px;
|
|
border-bottom-left-radius: 1000px;
|
|
border-top-left-radius: 1000px
|
|
}
|
|
.button-group.round.stack-for-small>*:last-child,
|
|
.button-group.round.stack-for-small>*:last-child>a,
|
|
.button-group.round.stack-for-small>*:last-child>button,
|
|
.button-group.round.stack-for-small>*:last-child>.button {
|
|
-webkit-border-bottom-right-radius: 1000px;
|
|
-webkit-border-top-right-radius: 1000px;
|
|
border-bottom-right-radius: 1000px;
|
|
border-top-right-radius: 1000px
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width: 40em) {
|
|
.button-group.round.stack-for-small>* {
|
|
display: block;
|
|
margin: 0
|
|
}
|
|
.button-group.round.stack-for-small>*>button,
|
|
.button-group.round.stack-for-small>* .button {
|
|
border-left: 1px solid;
|
|
border-color: rgba(255, 255, 255, 0.5)
|
|
}
|
|
.button-group.round.stack-for-small>*:first-child button,
|
|
.button-group.round.stack-for-small>*:first-child .button {
|
|
border-left: 0
|
|
}
|
|
.button-group.round.stack-for-small>*>button,
|
|
.button-group.round.stack-for-small>* .button {
|
|
border-color: rgba(255, 255, 255, 0.5);
|
|
border-left-width: 0;
|
|
border-top: 1px solid;
|
|
display: block;
|
|
margin: 0
|
|
}
|
|
.button-group.round.stack-for-small>*>button {
|
|
width: 100%
|
|
}
|
|
.button-group.round.stack-for-small>*:first-child button,
|
|
.button-group.round.stack-for-small>*:first-child .button {
|
|
border-top: 0
|
|
}
|
|
.button-group.round.stack-for-small>*,
|
|
.button-group.round.stack-for-small>*>a,
|
|
.button-group.round.stack-for-small>*>button,
|
|
.button-group.round.stack-for-small>*>.button {
|
|
border-radius: 0
|
|
}
|
|
.button-group.round.stack-for-small>*:first-child,
|
|
.button-group.round.stack-for-small>*:first-child>a,
|
|
.button-group.round.stack-for-small>*:first-child>button,
|
|
.button-group.round.stack-for-small>*:first-child>.button {
|
|
-webkit-top-left-radius: 1rem;
|
|
-webkit-top-right-radius: 1rem;
|
|
border-top-left-radius: 1rem;
|
|
border-top-right-radius: 1rem
|
|
}
|
|
.button-group.round.stack-for-small>*:last-child,
|
|
.button-group.round.stack-for-small>*:last-child>a,
|
|
.button-group.round.stack-for-small>*:last-child>button,
|
|
.button-group.round.stack-for-small>*:last-child>.button {
|
|
-webkit-bottom-left-radius: 1rem;
|
|
-webkit-bottom-right-radius: 1rem;
|
|
border-bottom-left-radius: 1rem;
|
|
border-bottom-right-radius: 1rem
|
|
}
|
|
}
|
|
|
|
.button-bar:before,
|
|
.button-bar:after {
|
|
content: " ";
|
|
display: table
|
|
}
|
|
|
|
.button-bar:after {
|
|
clear: both
|
|
}
|
|
|
|
.button-bar .button-group {
|
|
float: left;
|
|
margin-right: 0.625rem
|
|
}
|
|
|
|
.button-bar .button-group div {
|
|
overflow: hidden
|
|
}
|
|
|
|
.clearing-thumbs,
|
|
[data-clearing] {
|
|
list-style: none;
|
|
margin-left: 0;
|
|
margin-bottom: 0
|
|
}
|
|
|
|
.clearing-thumbs:before,
|
|
.clearing-thumbs:after,
|
|
[data-clearing]:before,
|
|
[data-clearing]:after {
|
|
content: " ";
|
|
display: table
|
|
}
|
|
|
|
.clearing-thumbs:after,
|
|
[data-clearing]:after {
|
|
clear: both
|
|
}
|
|
|
|
.clearing-thumbs li,
|
|
[data-clearing] li {
|
|
float: left;
|
|
margin-right: 10px
|
|
}
|
|
|
|
.clearing-thumbs[class*="block-grid-"] li,
|
|
[data-clearing][class*="block-grid-"] li {
|
|
margin-right: 0
|
|
}
|
|
|
|
.clearing-blackout {
|
|
background: #333;
|
|
height: 100%;
|
|
position: fixed;
|
|
top: 0;
|
|
width: 100%;
|
|
z-index: 998;
|
|
left: 0
|
|
}
|
|
|
|
.clearing-blackout .clearing-close {
|
|
display: block
|
|
}
|
|
|
|
.clearing-container {
|
|
height: 100%;
|
|
margin: 0;
|
|
overflow: hidden;
|
|
position: relative;
|
|
z-index: 998
|
|
}
|
|
|
|
.clearing-touch-label {
|
|
color: #aaa;
|
|
font-size: .6em;
|
|
left: 50%;
|
|
position: absolute;
|
|
top: 50%
|
|
}
|
|
|
|
.visible-img {
|
|
height: 95%;
|
|
position: relative
|
|
}
|
|
|
|
.visible-img img {
|
|
position: absolute;
|
|
left: 50%;
|
|
top: 50%;
|
|
-webkit-transform: translateY(-50%) translateX(-50%);
|
|
-moz-transform: translateY(-50%) translateX(-50%);
|
|
-ms-transform: translateY(-50%) translateX(-50%);
|
|
-o-transform: translateY(-50%) translateX(-50%);
|
|
transform: translateY(-50%) translateX(-50%);
|
|
max-height: 100%;
|
|
max-width: 100%
|
|
}
|
|
|
|
.clearing-caption {
|
|
background: #333;
|
|
bottom: 0;
|
|
color: #ccc;
|
|
font-size: 0.875em;
|
|
line-height: 1.3;
|
|
margin-bottom: 0;
|
|
padding: 10px 30px 20px;
|
|
position: absolute;
|
|
text-align: center;
|
|
width: 100%;
|
|
left: 0
|
|
}
|
|
|
|
.clearing-close {
|
|
color: #ccc;
|
|
display: none;
|
|
font-size: 30px;
|
|
line-height: 1;
|
|
padding-left: 20px;
|
|
padding-top: 10px;
|
|
z-index: 999
|
|
}
|
|
|
|
.clearing-close:hover,
|
|
.clearing-close:focus {
|
|
color: #ccc
|
|
}
|
|
|
|
.clearing-assembled .clearing-container {
|
|
height: 100%
|
|
}
|
|
|
|
.clearing-assembled .clearing-container .carousel>ul {
|
|
display: none
|
|
}
|
|
|
|
.clearing-feature li {
|
|
display: none
|
|
}
|
|
|
|
.clearing-feature li.clearing-featured-img {
|
|
display: block
|
|
}
|
|
|
|
@media only screen and (min-width: 40.0625em) {
|
|
.clearing-main-prev,
|
|
.clearing-main-next {
|
|
height: 100%;
|
|
position: absolute;
|
|
top: 0;
|
|
width: 40px
|
|
}
|
|
.clearing-main-prev>span,
|
|
.clearing-main-next>span {
|
|
border: solid 12px;
|
|
display: block;
|
|
height: 0;
|
|
position: absolute;
|
|
top: 50%;
|
|
width: 0
|
|
}
|
|
.clearing-main-prev>span:hover,
|
|
.clearing-main-next>span:hover {
|
|
opacity: .8
|
|
}
|
|
.clearing-main-prev {
|
|
left: 0
|
|
}
|
|
.clearing-main-prev>span {
|
|
left: 5px;
|
|
border-color: transparent;
|
|
border-right-color: #ccc
|
|
}
|
|
.clearing-main-next {
|
|
right: 0
|
|
}
|
|
.clearing-main-next>span {
|
|
border-color: transparent;
|
|
border-left-color: #ccc
|
|
}
|
|
.clearing-main-prev.disabled,
|
|
.clearing-main-next.disabled {
|
|
opacity: .3
|
|
}
|
|
.clearing-assembled .clearing-container .carousel {
|
|
background: rgba(51, 51, 51, 0.8);
|
|
height: 120px;
|
|
margin-top: 10px;
|
|
text-align: center
|
|
}
|
|
.clearing-assembled .clearing-container .carousel>ul {
|
|
display: inline-block;
|
|
z-index: 999;
|
|
height: 100%;
|
|
position: relative;
|
|
float: none
|
|
}
|
|
.clearing-assembled .clearing-container .carousel>ul li {
|
|
clear: none;
|
|
cursor: pointer;
|
|
display: block;
|
|
float: left;
|
|
margin-right: 0;
|
|
min-height: inherit;
|
|
opacity: .4;
|
|
overflow: hidden;
|
|
padding: 0;
|
|
position: relative;
|
|
width: 120px
|
|
}
|
|
.clearing-assembled .clearing-container .carousel>ul li.fix-height img {
|
|
height: 100%;
|
|
max-width: none
|
|
}
|
|
.clearing-assembled .clearing-container .carousel>ul li a.th {
|
|
border: none;
|
|
box-shadow: none;
|
|
display: block
|
|
}
|
|
.clearing-assembled .clearing-container .carousel>ul li img {
|
|
cursor: pointer !important;
|
|
width: 100% !important
|
|
}
|
|
.clearing-assembled .clearing-container .carousel>ul li.visible {
|
|
opacity: 1
|
|
}
|
|
.clearing-assembled .clearing-container .carousel>ul li:hover {
|
|
opacity: .8
|
|
}
|
|
.clearing-assembled .clearing-container .visible-img {
|
|
background: #333;
|
|
height: 85%;
|
|
overflow: hidden
|
|
}
|
|
.clearing-close {
|
|
padding-left: 0;
|
|
padding-top: 0;
|
|
position: absolute;
|
|
top: 10px;
|
|
right: 20px
|
|
}
|
|
}
|
|
|
|
.f-dropdown {
|
|
display: none;
|
|
left: -9999px;
|
|
list-style: none;
|
|
margin-left: 0;
|
|
position: absolute;
|
|
background: #fff;
|
|
border: solid 1px #ccc;
|
|
font-size: 0.875rem;
|
|
height: auto;
|
|
max-height: none;
|
|
width: 100%;
|
|
z-index: 89;
|
|
margin-top: 2px;
|
|
max-width: 200px
|
|
}
|
|
|
|
.f-dropdown.open {
|
|
display: block
|
|
}
|
|
|
|
.f-dropdown>*:first-child {
|
|
margin-top: 0
|
|
}
|
|
|
|
.f-dropdown>*:last-child {
|
|
margin-bottom: 0
|
|
}
|
|
|
|
.f-dropdown:before {
|
|
border: inset 6px;
|
|
content: "";
|
|
display: block;
|
|
height: 0;
|
|
width: 0;
|
|
border-color: transparent transparent #fff transparent;
|
|
border-bottom-style: solid;
|
|
position: absolute;
|
|
top: -12px;
|
|
left: 10px;
|
|
z-index: 89
|
|
}
|
|
|
|
.f-dropdown:after {
|
|
border: inset 7px;
|
|
content: "";
|
|
display: block;
|
|
height: 0;
|
|
width: 0;
|
|
border-color: transparent transparent #ccc transparent;
|
|
border-bottom-style: solid;
|
|
position: absolute;
|
|
top: -14px;
|
|
left: 9px;
|
|
z-index: 88
|
|
}
|
|
|
|
.f-dropdown.right:before {
|
|
left: auto;
|
|
right: 10px
|
|
}
|
|
|
|
.f-dropdown.right:after {
|
|
left: auto;
|
|
right: 9px
|
|
}
|
|
|
|
.f-dropdown.drop-right {
|
|
display: none;
|
|
left: -9999px;
|
|
list-style: none;
|
|
margin-left: 0;
|
|
position: absolute;
|
|
background: #fff;
|
|
border: solid 1px #ccc;
|
|
font-size: 0.875rem;
|
|
height: auto;
|
|
max-height: none;
|
|
width: 100%;
|
|
z-index: 89;
|
|
margin-top: 0;
|
|
margin-left: 2px;
|
|
max-width: 200px
|
|
}
|
|
|
|
.f-dropdown.drop-right.open {
|
|
display: block
|
|
}
|
|
|
|
.f-dropdown.drop-right>*:first-child {
|
|
margin-top: 0
|
|
}
|
|
|
|
.f-dropdown.drop-right>*:last-child {
|
|
margin-bottom: 0
|
|
}
|
|
|
|
.f-dropdown.drop-right:before {
|
|
border: inset 6px;
|
|
content: "";
|
|
display: block;
|
|
height: 0;
|
|
width: 0;
|
|
border-color: transparent #fff transparent transparent;
|
|
border-right-style: solid;
|
|
position: absolute;
|
|
top: 10px;
|
|
left: -12px;
|
|
z-index: 89
|
|
}
|
|
|
|
.f-dropdown.drop-right:after {
|
|
border: inset 7px;
|
|
content: "";
|
|
display: block;
|
|
height: 0;
|
|
width: 0;
|
|
border-color: transparent #ccc transparent transparent;
|
|
border-right-style: solid;
|
|
position: absolute;
|
|
top: 9px;
|
|
left: -14px;
|
|
z-index: 88
|
|
}
|
|
|
|
.f-dropdown.drop-left {
|
|
display: none;
|
|
left: -9999px;
|
|
list-style: none;
|
|
margin-left: 0;
|
|
position: absolute;
|
|
background: #fff;
|
|
border: solid 1px #ccc;
|
|
font-size: 0.875rem;
|
|
height: auto;
|
|
max-height: none;
|
|
width: 100%;
|
|
z-index: 89;
|
|
margin-top: 0;
|
|
margin-left: -2px;
|
|
max-width: 200px
|
|
}
|
|
|
|
.f-dropdown.drop-left.open {
|
|
display: block
|
|
}
|
|
|
|
.f-dropdown.drop-left>*:first-child {
|
|
margin-top: 0
|
|
}
|
|
|
|
.f-dropdown.drop-left>*:last-child {
|
|
margin-bottom: 0
|
|
}
|
|
|
|
.f-dropdown.drop-left:before {
|
|
border: inset 6px;
|
|
content: "";
|
|
display: block;
|
|
height: 0;
|
|
width: 0;
|
|
border-color: transparent transparent transparent #fff;
|
|
border-left-style: solid;
|
|
position: absolute;
|
|
top: 10px;
|
|
right: -12px;
|
|
left: auto;
|
|
z-index: 89
|
|
}
|
|
|
|
.f-dropdown.drop-left:after {
|
|
border: inset 7px;
|
|
content: "";
|
|
display: block;
|
|
height: 0;
|
|
width: 0;
|
|
border-color: transparent transparent transparent #ccc;
|
|
border-left-style: solid;
|
|
position: absolute;
|
|
top: 9px;
|
|
right: -14px;
|
|
left: auto;
|
|
z-index: 88
|
|
}
|
|
|
|
.f-dropdown.drop-top {
|
|
display: none;
|
|
left: -9999px;
|
|
list-style: none;
|
|
margin-left: 0;
|
|
position: absolute;
|
|
background: #fff;
|
|
border: solid 1px #ccc;
|
|
font-size: 0.875rem;
|
|
height: auto;
|
|
max-height: none;
|
|
width: 100%;
|
|
z-index: 89;
|
|
margin-left: 0;
|
|
margin-top: -2px;
|
|
max-width: 200px
|
|
}
|
|
|
|
.f-dropdown.drop-top.open {
|
|
display: block
|
|
}
|
|
|
|
.f-dropdown.drop-top>*:first-child {
|
|
margin-top: 0
|
|
}
|
|
|
|
.f-dropdown.drop-top>*:last-child {
|
|
margin-bottom: 0
|
|
}
|
|
|
|
.f-dropdown.drop-top:before {
|
|
border: inset 6px;
|
|
content: "";
|
|
display: block;
|
|
height: 0;
|
|
width: 0;
|
|
border-color: #fff transparent transparent transparent;
|
|
border-top-style: solid;
|
|
bottom: -12px;
|
|
position: absolute;
|
|
top: auto;
|
|
left: 10px;
|
|
right: auto;
|
|
z-index: 89
|
|
}
|
|
|
|
.f-dropdown.drop-top:after {
|
|
border: inset 7px;
|
|
content: "";
|
|
display: block;
|
|
height: 0;
|
|
width: 0;
|
|
border-color: #ccc transparent transparent transparent;
|
|
border-top-style: solid;
|
|
bottom: -14px;
|
|
position: absolute;
|
|
top: auto;
|
|
left: 9px;
|
|
right: auto;
|
|
z-index: 88
|
|
}
|
|
|
|
.f-dropdown li {
|
|
cursor: pointer;
|
|
font-size: 0.875rem;
|
|
line-height: 1.125rem;
|
|
margin: 0
|
|
}
|
|
|
|
.f-dropdown li:hover,
|
|
.f-dropdown li:focus {
|
|
background: #eee
|
|
}
|
|
|
|
.f-dropdown li.radius {
|
|
border-radius: 5px
|
|
}
|
|
|
|
.f-dropdown li a {
|
|
display: block;
|
|
padding: 0.5rem;
|
|
color: #555
|
|
}
|
|
|
|
.f-dropdown.content {
|
|
display: none;
|
|
left: -9999px;
|
|
list-style: none;
|
|
margin-left: 0;
|
|
position: absolute;
|
|
background: #fff;
|
|
border: solid 1px #ccc;
|
|
font-size: 0.875rem;
|
|
height: auto;
|
|
max-height: none;
|
|
padding: 1.25rem;
|
|
width: 100%;
|
|
z-index: 89;
|
|
max-width: 200px
|
|
}
|
|
|
|
.f-dropdown.content.open {
|
|
display: block
|
|
}
|
|
|
|
.f-dropdown.content>*:first-child {
|
|
margin-top: 0
|
|
}
|
|
|
|
.f-dropdown.content>*:last-child {
|
|
margin-bottom: 0
|
|
}
|
|
|
|
.f-dropdown.tiny {
|
|
max-width: 200px
|
|
}
|
|
|
|
.f-dropdown.small {
|
|
max-width: 300px
|
|
}
|
|
|
|
.f-dropdown.medium {
|
|
max-width: 500px
|
|
}
|
|
|
|
.f-dropdown.large {
|
|
max-width: 800px
|
|
}
|
|
|
|
.f-dropdown.mega {
|
|
width: 100% !important;
|
|
max-width: 100% !important
|
|
}
|
|
|
|
.f-dropdown.mega.open {
|
|
left: 0 !important
|
|
}
|
|
|
|
.dropdown.button,
|
|
button.dropdown {
|
|
position: relative;
|
|
padding-right: 3.5625rem
|
|
}
|
|
|
|
.dropdown.button::after,
|
|
button.dropdown::after {
|
|
border-color: #fff transparent transparent transparent;
|
|
border-style: solid;
|
|
content: "";
|
|
display: block;
|
|
height: 0;
|
|
position: absolute;
|
|
top: 50%;
|
|
width: 0
|
|
}
|
|
|
|
.dropdown.button::after,
|
|
button.dropdown::after {
|
|
border-width: 0.375rem;
|
|
right: 1.40625rem;
|
|
margin-top: -0.15625rem
|
|
}
|
|
|
|
.dropdown.button::after,
|
|
button.dropdown::after {
|
|
border-color: #fff transparent transparent transparent
|
|
}
|
|
|
|
.dropdown.button.tiny,
|
|
button.dropdown.tiny {
|
|
padding-right: 2.625rem
|
|
}
|
|
|
|
.dropdown.button.tiny:after,
|
|
button.dropdown.tiny:after {
|
|
border-width: 0.375rem;
|
|
right: 1.125rem;
|
|
margin-top: -0.125rem
|
|
}
|
|
|
|
.dropdown.button.tiny::after,
|
|
button.dropdown.tiny::after {
|
|
border-color: #fff transparent transparent transparent
|
|
}
|
|
|
|
.dropdown.button.small,
|
|
button.dropdown.small {
|
|
padding-right: 3.0625rem
|
|
}
|
|
|
|
.dropdown.button.small::after,
|
|
button.dropdown.small::after {
|
|
border-width: 0.4375rem;
|
|
right: 1.3125rem;
|
|
margin-top: -0.15625rem
|
|
}
|
|
|
|
.dropdown.button.small::after,
|
|
button.dropdown.small::after {
|
|
border-color: #fff transparent transparent transparent
|
|
}
|
|
|
|
.dropdown.button.large,
|
|
button.dropdown.large {
|
|
padding-right: 3.625rem
|
|
}
|
|
|
|
.dropdown.button.large::after,
|
|
button.dropdown.large::after {
|
|
border-width: 0.3125rem;
|
|
right: 1.71875rem;
|
|
margin-top: -0.15625rem
|
|
}
|
|
|
|
.dropdown.button.large::after,
|
|
button.dropdown.large::after {
|
|
border-color: #fff transparent transparent transparent
|
|
}
|
|
|
|
.dropdown.button.secondary:after,
|
|
button.dropdown.secondary:after {
|
|
border-color: #333 transparent transparent transparent
|
|
}
|
|
|
|
.flex-video {
|
|
height: 0;
|
|
margin-bottom: 1rem;
|
|
overflow: hidden;
|
|
padding-bottom: 67.5%;
|
|
padding-top: 1.5625rem;
|
|
position: relative
|
|
}
|
|
|
|
.flex-video.widescreen {
|
|
padding-bottom: 56.34%
|
|
}
|
|
|
|
.flex-video.vimeo {
|
|
padding-top: 0
|
|
}
|
|
|
|
.flex-video iframe,
|
|
.flex-video object,
|
|
.flex-video embed,
|
|
.flex-video video {
|
|
height: 100%;
|
|
position: absolute;
|
|
top: 0;
|
|
width: 100%;
|
|
left: 0
|
|
}
|
|
|
|
form {
|
|
margin: 0 0 1rem
|
|
}
|
|
|
|
form .row .row {
|
|
margin: 0 -0.5rem
|
|
}
|
|
|
|
form .row .row .column,
|
|
form .row .row .columns {
|
|
padding: 0 0.5rem
|
|
}
|
|
|
|
form .row .row.collapse {
|
|
margin: 0
|
|
}
|
|
|
|
form .row .row.collapse .column,
|
|
form .row .row.collapse .columns {
|
|
padding: 0
|
|
}
|
|
|
|
form .row .row.collapse input {
|
|
-webkit-border-bottom-right-radius: 0;
|
|
-webkit-border-top-right-radius: 0;
|
|
border-bottom-right-radius: 0;
|
|
border-top-right-radius: 0
|
|
}
|
|
|
|
form .row input.column,
|
|
form .row input.columns,
|
|
form .row textarea.column,
|
|
form .row textarea.columns {
|
|
padding-left: 0.5rem
|
|
}
|
|
|
|
label {
|
|
color: #4d4d4d;
|
|
cursor: pointer;
|
|
display: block;
|
|
font-size: 0.875rem;
|
|
font-weight: 100;
|
|
line-height: 2;
|
|
margin-bottom: 0
|
|
}
|
|
|
|
label.right {
|
|
float: none !important;
|
|
text-align: right
|
|
}
|
|
|
|
label.inline {
|
|
margin: 0 0 1rem 0;
|
|
padding: 0.5625rem 0
|
|
}
|
|
|
|
label small {
|
|
text-transform: capitalize;
|
|
color: #676767
|
|
}
|
|
|
|
.prefix,
|
|
.postfix {
|
|
border-style: solid;
|
|
border-width: 1px;
|
|
display: block;
|
|
font-size: 0.875rem;
|
|
height: 2.375rem;
|
|
line-height: 2.375rem;
|
|
overflow: visible;
|
|
padding-bottom: 0;
|
|
padding-top: 0;
|
|
position: relative;
|
|
text-align: center;
|
|
width: 100%;
|
|
z-index: 2
|
|
}
|
|
|
|
.postfix.button {
|
|
border-color: true
|
|
}
|
|
|
|
.prefix.button {
|
|
border: none;
|
|
padding-left: 0;
|
|
padding-right: 0;
|
|
padding-bottom: 0;
|
|
padding-top: 0;
|
|
text-align: center
|
|
}
|
|
|
|
.prefix.button.radius {
|
|
border-radius: 0;
|
|
-webkit-border-bottom-left-radius: 5px;
|
|
-webkit-border-top-left-radius: 5px;
|
|
border-bottom-left-radius: 5px;
|
|
border-top-left-radius: 5px
|
|
}
|
|
|
|
.postfix.button.radius {
|
|
border-radius: 0;
|
|
-webkit-border-bottom-right-radius: 5px;
|
|
-webkit-border-top-right-radius: 5px;
|
|
border-bottom-right-radius: 5px;
|
|
border-top-right-radius: 5px
|
|
}
|
|
|
|
.prefix.button.round {
|
|
border-radius: 0;
|
|
-webkit-border-bottom-left-radius: 1000px;
|
|
-webkit-border-top-left-radius: 1000px;
|
|
border-bottom-left-radius: 1000px;
|
|
border-top-left-radius: 1000px
|
|
}
|
|
|
|
.postfix.button.round {
|
|
border-radius: 0;
|
|
-webkit-border-bottom-right-radius: 1000px;
|
|
-webkit-border-top-right-radius: 1000px;
|
|
border-bottom-right-radius: 1000px;
|
|
border-top-right-radius: 1000px
|
|
}
|
|
|
|
span.prefix,
|
|
label.prefix {
|
|
background: #f2f2f2;
|
|
border-right: none;
|
|
color: #333;
|
|
border-color: #ccc
|
|
}
|
|
|
|
span.postfix,
|
|
label.postfix {
|
|
background: #f2f2f2;
|
|
color: #333;
|
|
border-color: #ccc
|
|
}
|
|
|
|
input[type="text"],
|
|
input[type="password"],
|
|
input[type="date"],
|
|
input[type="datetime"],
|
|
input[type="datetime-local"],
|
|
input[type="month"],
|
|
input[type="week"],
|
|
input[type="email"],
|
|
input[type="number"],
|
|
input[type="search"],
|
|
input[type="tel"],
|
|
input[type="time"],
|
|
input[type="url"],
|
|
input[type="color"],
|
|
textarea {
|
|
-webkit-appearance: none;
|
|
-moz-appearance: none;
|
|
border-radius: 0;
|
|
background-color: #fff;
|
|
border-style: solid;
|
|
border-width: 1px;
|
|
border-color: #ccc;
|
|
box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.1);
|
|
color: rgba(0, 0, 0, 0.75);
|
|
display: block;
|
|
font-family: inherit;
|
|
font-size: 0.9375rem;
|
|
height: 2.375rem;
|
|
margin: 0 0 1rem 0;
|
|
padding: 0.5rem;
|
|
width: 100%;
|
|
-webkit-box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
-webkit-transition: border-color 0.15s linear, background 0.15s linear;
|
|
-moz-transition: border-color 0.15s linear, background 0.15s linear;
|
|
-ms-transition: border-color 0.15s linear, background 0.15s linear;
|
|
-o-transition: border-color 0.15s linear, background 0.15s linear;
|
|
transition: border-color 0.15s linear, background 0.15s linear
|
|
}
|
|
|
|
input[type="text"]:focus,
|
|
input[type="password"]:focus,
|
|
input[type="date"]:focus,
|
|
input[type="datetime"]:focus,
|
|
input[type="datetime-local"]:focus,
|
|
input[type="month"]:focus,
|
|
input[type="week"]:focus,
|
|
input[type="email"]:focus,
|
|
input[type="number"]:focus,
|
|
input[type="search"]:focus,
|
|
input[type="tel"]:focus,
|
|
input[type="time"]:focus,
|
|
input[type="url"]:focus,
|
|
input[type="color"]:focus,
|
|
textarea:focus {
|
|
background: #fafafa;
|
|
border-color: #999;
|
|
outline: none
|
|
}
|
|
|
|
input[type="text"]:disabled,
|
|
input[type="password"]:disabled,
|
|
input[type="date"]:disabled,
|
|
input[type="datetime"]:disabled,
|
|
input[type="datetime-local"]:disabled,
|
|
input[type="month"]:disabled,
|
|
input[type="week"]:disabled,
|
|
input[type="email"]:disabled,
|
|
input[type="number"]:disabled,
|
|
input[type="search"]:disabled,
|
|
input[type="tel"]:disabled,
|
|
input[type="time"]:disabled,
|
|
input[type="url"]:disabled,
|
|
input[type="color"]:disabled,
|
|
textarea:disabled {
|
|
background-color: #ddd;
|
|
cursor: default
|
|
}
|
|
|
|
input[type="text"][disabled],
|
|
input[type="text"][readonly],
|
|
fieldset[disabled] input[type="text"],
|
|
input[type="password"][disabled],
|
|
input[type="password"][readonly],
|
|
fieldset[disabled] input[type="password"],
|
|
input[type="date"][disabled],
|
|
input[type="date"][readonly],
|
|
fieldset[disabled] input[type="date"],
|
|
input[type="datetime"][disabled],
|
|
input[type="datetime"][readonly],
|
|
fieldset[disabled] input[type="datetime"],
|
|
input[type="datetime-local"][disabled],
|
|
input[type="datetime-local"][readonly],
|
|
fieldset[disabled] input[type="datetime-local"],
|
|
input[type="month"][disabled],
|
|
input[type="month"][readonly],
|
|
fieldset[disabled] input[type="month"],
|
|
input[type="week"][disabled],
|
|
input[type="week"][readonly],
|
|
fieldset[disabled] input[type="week"],
|
|
input[type="email"][disabled],
|
|
input[type="email"][readonly],
|
|
fieldset[disabled] input[type="email"],
|
|
input[type="number"][disabled],
|
|
input[type="number"][readonly],
|
|
fieldset[disabled] input[type="number"],
|
|
input[type="search"][disabled],
|
|
input[type="search"][readonly],
|
|
fieldset[disabled] input[type="search"],
|
|
input[type="tel"][disabled],
|
|
input[type="tel"][readonly],
|
|
fieldset[disabled] input[type="tel"],
|
|
input[type="time"][disabled],
|
|
input[type="time"][readonly],
|
|
fieldset[disabled] input[type="time"],
|
|
input[type="url"][disabled],
|
|
input[type="url"][readonly],
|
|
fieldset[disabled] input[type="url"],
|
|
input[type="color"][disabled],
|
|
input[type="color"][readonly],
|
|
fieldset[disabled] input[type="color"],
|
|
textarea[disabled],
|
|
textarea[readonly],
|
|
fieldset[disabled] textarea {
|
|
background-color: #ddd;
|
|
cursor: default
|
|
}
|
|
|
|
input[type="text"].radius,
|
|
input[type="password"].radius,
|
|
input[type="date"].radius,
|
|
input[type="datetime"].radius,
|
|
input[type="datetime-local"].radius,
|
|
input[type="month"].radius,
|
|
input[type="week"].radius,
|
|
input[type="email"].radius,
|
|
input[type="number"].radius,
|
|
input[type="search"].radius,
|
|
input[type="tel"].radius,
|
|
input[type="time"].radius,
|
|
input[type="url"].radius,
|
|
input[type="color"].radius,
|
|
textarea.radius {
|
|
border-radius: 5px
|
|
}
|
|
|
|
form .row .prefix-radius.row.collapse input,
|
|
form .row .prefix-radius.row.collapse textarea,
|
|
form .row .prefix-radius.row.collapse select,
|
|
form .row .prefix-radius.row.collapse button {
|
|
border-radius: 0;
|
|
-webkit-border-bottom-right-radius: 5px;
|
|
-webkit-border-top-right-radius: 5px;
|
|
border-bottom-right-radius: 5px;
|
|
border-top-right-radius: 5px
|
|
}
|
|
|
|
form .row .prefix-radius.row.collapse .prefix {
|
|
border-radius: 0;
|
|
-webkit-border-bottom-left-radius: 5px;
|
|
-webkit-border-top-left-radius: 5px;
|
|
border-bottom-left-radius: 5px;
|
|
border-top-left-radius: 5px
|
|
}
|
|
|
|
form .row .postfix-radius.row.collapse input,
|
|
form .row .postfix-radius.row.collapse textarea,
|
|
form .row .postfix-radius.row.collapse select,
|
|
form .row .postfix-radius.row.collapse button {
|
|
border-radius: 0;
|
|
-webkit-border-bottom-left-radius: 5px;
|
|
-webkit-border-top-left-radius: 5px;
|
|
border-bottom-left-radius: 5px;
|
|
border-top-left-radius: 5px
|
|
}
|
|
|
|
form .row .postfix-radius.row.collapse .postfix {
|
|
border-radius: 0;
|
|
-webkit-border-bottom-right-radius: 5px;
|
|
-webkit-border-top-right-radius: 5px;
|
|
border-bottom-right-radius: 5px;
|
|
border-top-right-radius: 5px
|
|
}
|
|
|
|
form .row .prefix-round.row.collapse input,
|
|
form .row .prefix-round.row.collapse textarea,
|
|
form .row .prefix-round.row.collapse select,
|
|
form .row .prefix-round.row.collapse button {
|
|
border-radius: 0;
|
|
-webkit-border-bottom-right-radius: 1000px;
|
|
-webkit-border-top-right-radius: 1000px;
|
|
border-bottom-right-radius: 1000px;
|
|
border-top-right-radius: 1000px
|
|
}
|
|
|
|
form .row .prefix-round.row.collapse .prefix {
|
|
border-radius: 0;
|
|
-webkit-border-bottom-left-radius: 1000px;
|
|
-webkit-border-top-left-radius: 1000px;
|
|
border-bottom-left-radius: 1000px;
|
|
border-top-left-radius: 1000px
|
|
}
|
|
|
|
form .row .postfix-round.row.collapse input,
|
|
form .row .postfix-round.row.collapse textarea,
|
|
form .row .postfix-round.row.collapse select,
|
|
form .row .postfix-round.row.collapse button {
|
|
border-radius: 0;
|
|
-webkit-border-bottom-left-radius: 1000px;
|
|
-webkit-border-top-left-radius: 1000px;
|
|
border-bottom-left-radius: 1000px;
|
|
border-top-left-radius: 1000px
|
|
}
|
|
|
|
form .row .postfix-round.row.collapse .postfix {
|
|
border-radius: 0;
|
|
-webkit-border-bottom-right-radius: 1000px;
|
|
-webkit-border-top-right-radius: 1000px;
|
|
border-bottom-right-radius: 1000px;
|
|
border-top-right-radius: 1000px
|
|
}
|
|
|
|
input[type="submit"] {
|
|
-webkit-appearance: none;
|
|
-moz-appearance: none;
|
|
border-radius: 0
|
|
}
|
|
|
|
textarea[rows] {
|
|
height: auto
|
|
}
|
|
|
|
textarea {
|
|
max-width: 100%
|
|
}
|
|
|
|
::-webkit-input-placeholder {
|
|
color: #ccc
|
|
}
|
|
|
|
:-moz-placeholder {
|
|
color: #ccc
|
|
}
|
|
|
|
::-moz-placeholder {
|
|
color: #ccc
|
|
}
|
|
|
|
:-ms-input-placeholder {
|
|
color: #ccc
|
|
}
|
|
|
|
select {
|
|
-webkit-appearance: none !important;
|
|
-moz-appearance: none !important;
|
|
background-color: #FAFAFA;
|
|
border-radius: 0;
|
|
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeD0iMTJweCIgeT0iMHB4IiB3aWR0aD0iMjRweCIgaGVpZ2h0PSIzcHgiIHZpZXdCb3g9IjAgMCA2IDMiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDYgMyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBvbHlnb24gcG9pbnRzPSI1Ljk5MiwwIDIuOTkyLDMgLTAuMDA4LDAgIi8+PC9zdmc+);
|
|
background-position: 100% center;
|
|
background-repeat: no-repeat;
|
|
border-style: solid;
|
|
border-width: 1px;
|
|
border-color: #ccc;
|
|
color: rgba(0, 0, 0, 0.75);
|
|
font-family: inherit;
|
|
font-size: 0.9375rem;
|
|
line-height: normal;
|
|
padding: 0.5rem;
|
|
border-radius: 0;
|
|
height: 2.375rem
|
|
}
|
|
|
|
select::-ms-expand {
|
|
display: none
|
|
}
|
|
|
|
select.radius {
|
|
border-radius: 5px
|
|
}
|
|
|
|
select:hover {
|
|
background-color: #f3f3f3;
|
|
border-color: #999
|
|
}
|
|
|
|
select:disabled {
|
|
background-color: #ddd;
|
|
cursor: default
|
|
}
|
|
|
|
select[multiple] {
|
|
height: auto
|
|
}
|
|
|
|
input[type="file"],
|
|
input[type="checkbox"],
|
|
input[type="radio"],
|
|
select {
|
|
margin: 0 0 1rem 0
|
|
}
|
|
|
|
input[type="checkbox"]+label,
|
|
input[type="radio"]+label {
|
|
display: inline-block;
|
|
margin-left: 0.5rem;
|
|
margin-right: 1rem;
|
|
margin-bottom: 0;
|
|
vertical-align: baseline
|
|
}
|
|
|
|
input[type="file"] {
|
|
width: 100%
|
|
}
|
|
|
|
fieldset {
|
|
border: 1px solid #ddd;
|
|
margin: 1.125rem 0;
|
|
padding: 1.25rem
|
|
}
|
|
|
|
fieldset legend {
|
|
background: #fff;
|
|
font-weight: bold;
|
|
margin-left: -0.1875rem;
|
|
margin: 0;
|
|
padding: 0 0.1875rem
|
|
}
|
|
|
|
[data-abide] .error small.error,
|
|
[data-abide] .error span.error,
|
|
[data-abide] span.error,
|
|
[data-abide] small.error {
|
|
display: block;
|
|
font-size: 0.75rem;
|
|
font-style: italic;
|
|
font-weight: normal;
|
|
margin-bottom: 1rem;
|
|
margin-top: -1px;
|
|
padding: 0.375rem 0.5625rem 0.5625rem;
|
|
background: #f04124;
|
|
color: #fff
|
|
}
|
|
|
|
[data-abide] span.error,
|
|
[data-abide] small.error {
|
|
display: none
|
|
}
|
|
|
|
span.error,
|
|
small.error {
|
|
display: block;
|
|
font-size: 0.75rem;
|
|
font-style: italic;
|
|
font-weight: normal;
|
|
margin-bottom: 1rem;
|
|
margin-top: -1px;
|
|
padding: 0.375rem 0.5625rem 0.5625rem;
|
|
background: #f04124;
|
|
color: #fff
|
|
}
|
|
|
|
.error input,
|
|
.error textarea,
|
|
.error select {
|
|
margin-bottom: 0
|
|
}
|
|
|
|
.error input[type="checkbox"],
|
|
.error input[type="radio"] {
|
|
margin-bottom: 1rem
|
|
}
|
|
|
|
.error label,
|
|
.error label.error {
|
|
color: #f04124
|
|
}
|
|
|
|
.error small.error {
|
|
display: block;
|
|
font-size: 0.75rem;
|
|
font-style: italic;
|
|
font-weight: normal;
|
|
margin-bottom: 1rem;
|
|
margin-top: -1px;
|
|
padding: 0.375rem 0.5625rem 0.5625rem;
|
|
background: #f04124;
|
|
color: #fff
|
|
}
|
|
|
|
.error>label>small {
|
|
background: transparent;
|
|
color: #676767;
|
|
display: inline;
|
|
font-size: 60%;
|
|
font-style: normal;
|
|
margin: 0;
|
|
padding: 0;
|
|
text-transform: capitalize
|
|
}
|
|
|
|
.error span.error-message {
|
|
display: block
|
|
}
|
|
|
|
input.error,
|
|
textarea.error,
|
|
select.error {
|
|
margin-bottom: 0
|
|
}
|
|
|
|
label.error {
|
|
color: #f04124
|
|
}
|
|
|
|
.icon-bar {
|
|
display: inline-block;
|
|
font-size: 0;
|
|
width: 100%;
|
|
background: #333
|
|
}
|
|
|
|
.icon-bar>* {
|
|
display: block;
|
|
float: left;
|
|
font-size: 1rem;
|
|
margin: 0 auto;
|
|
padding: 1.25rem;
|
|
text-align: center;
|
|
width: 25%
|
|
}
|
|
|
|
.icon-bar>* i,
|
|
.icon-bar>* img {
|
|
display: block;
|
|
margin: 0 auto
|
|
}
|
|
|
|
.icon-bar>* i+label,
|
|
.icon-bar>* img+label {
|
|
margin-top: .0625rem
|
|
}
|
|
|
|
.icon-bar>* i {
|
|
font-size: 1.875rem;
|
|
vertical-align: middle
|
|
}
|
|
|
|
.icon-bar>* img {
|
|
height: 1.875rem;
|
|
width: 1.875rem
|
|
}
|
|
|
|
.icon-bar.label-right>* i,
|
|
.icon-bar.label-right>* img {
|
|
display: inline-block;
|
|
margin: 0 .0625rem 0 0
|
|
}
|
|
|
|
.icon-bar.label-right>* i+label,
|
|
.icon-bar.label-right>* img+label {
|
|
margin-top: 0
|
|
}
|
|
|
|
.icon-bar.label-right>* label {
|
|
display: inline-block
|
|
}
|
|
|
|
.icon-bar.vertical.label-right>* {
|
|
text-align: left
|
|
}
|
|
|
|
.icon-bar.vertical,
|
|
.icon-bar.small-vertical {
|
|
height: 100%;
|
|
width: auto
|
|
}
|
|
|
|
.icon-bar.vertical .item,
|
|
.icon-bar.small-vertical .item {
|
|
float: none;
|
|
margin: auto;
|
|
width: auto
|
|
}
|
|
|
|
@media only screen and (min-width: 40.0625em) {
|
|
.icon-bar.medium-vertical {
|
|
height: 100%;
|
|
width: auto
|
|
}
|
|
.icon-bar.medium-vertical .item {
|
|
float: none;
|
|
margin: auto;
|
|
width: auto
|
|
}
|
|
}
|
|
|
|
@media only screen and (min-width: 58.8125em) {
|
|
.icon-bar.large-vertical {
|
|
height: 100%;
|
|
width: auto
|
|
}
|
|
.icon-bar.large-vertical .item {
|
|
float: none;
|
|
margin: auto;
|
|
width: auto
|
|
}
|
|
}
|
|
|
|
.icon-bar>* {
|
|
font-size: 1rem;
|
|
padding: 1.25rem
|
|
}
|
|
|
|
.icon-bar>* i+label,
|
|
.icon-bar>* img+label {
|
|
margin-top: .0625rem;
|
|
font-size: 1rem
|
|
}
|
|
|
|
.icon-bar>* i {
|
|
font-size: 1.875rem
|
|
}
|
|
|
|
.icon-bar>* img {
|
|
height: 1.875rem;
|
|
width: 1.875rem
|
|
}
|
|
|
|
.icon-bar>* label {
|
|
color: #fff
|
|
}
|
|
|
|
.icon-bar>* i {
|
|
color: #fff
|
|
}
|
|
|
|
.icon-bar>a:hover {
|
|
background: #22b8eb
|
|
}
|
|
|
|
.icon-bar>a:hover label {
|
|
color: #fff
|
|
}
|
|
|
|
.icon-bar>a:hover i {
|
|
color: #fff
|
|
}
|
|
|
|
.icon-bar>a.active {
|
|
background: #22b8eb
|
|
}
|
|
|
|
.icon-bar>a.active label {
|
|
color: #fff
|
|
}
|
|
|
|
.icon-bar>a.active i {
|
|
color: #fff
|
|
}
|
|
|
|
.icon-bar .item.disabled {
|
|
cursor: not-allowed;
|
|
opacity: 0.7;
|
|
pointer-events: none
|
|
}
|
|
|
|
.icon-bar .item.disabled>* {
|
|
opacity: 0.7;
|
|
cursor: not-allowed
|
|
}
|
|
|
|
.icon-bar.two-up .item {
|
|
width: 50%
|
|
}
|
|
|
|
.icon-bar.two-up.vertical .item,
|
|
.icon-bar.two-up.small-vertical .item {
|
|
width: auto
|
|
}
|
|
|
|
@media only screen and (min-width: 40.0625em) {
|
|
.icon-bar.two-up.medium-vertical .item {
|
|
width: auto
|
|
}
|
|
}
|
|
|
|
@media only screen and (min-width: 58.8125em) {
|
|
.icon-bar.two-up.large-vertical .item {
|
|
width: auto
|
|
}
|
|
}
|
|
|
|
.icon-bar.three-up .item {
|
|
width: 33.3333%
|
|
}
|
|
|
|
.icon-bar.three-up.vertical .item,
|
|
.icon-bar.three-up.small-vertical .item {
|
|
width: auto
|
|
}
|
|
|
|
@media only screen and (min-width: 40.0625em) {
|
|
.icon-bar.three-up.medium-vertical .item {
|
|
width: auto
|
|
}
|
|
}
|
|
|
|
@media only screen and (min-width: 58.8125em) {
|
|
.icon-bar.three-up.large-vertical .item {
|
|
width: auto
|
|
}
|
|
}
|
|
|
|
.icon-bar.four-up .item {
|
|
width: 25%
|
|
}
|
|
|
|
.icon-bar.four-up.vertical .item,
|
|
.icon-bar.four-up.small-vertical .item {
|
|
width: auto
|
|
}
|
|
|
|
@media only screen and (min-width: 40.0625em) {
|
|
.icon-bar.four-up.medium-vertical .item {
|
|
width: auto
|
|
}
|
|
}
|
|
|
|
@media only screen and (min-width: 58.8125em) {
|
|
.icon-bar.four-up.large-vertical .item {
|
|
width: auto
|
|
}
|
|
}
|
|
|
|
.icon-bar.five-up .item {
|
|
width: 20%
|
|
}
|
|
|
|
.icon-bar.five-up.vertical .item,
|
|
.icon-bar.five-up.small-vertical .item {
|
|
width: auto
|
|
}
|
|
|
|
@media only screen and (min-width: 40.0625em) {
|
|
.icon-bar.five-up.medium-vertical .item {
|
|
width: auto
|
|
}
|
|
}
|
|
|
|
@media only screen and (min-width: 58.8125em) {
|
|
.icon-bar.five-up.large-vertical .item {
|
|
width: auto
|
|
}
|
|
}
|
|
|
|
.icon-bar.six-up .item {
|
|
width: 16.66667%
|
|
}
|
|
|
|
.icon-bar.six-up.vertical .item,
|
|
.icon-bar.six-up.small-vertical .item {
|
|
width: auto
|
|
}
|
|
|
|
@media only screen and (min-width: 40.0625em) {
|
|
.icon-bar.six-up.medium-vertical .item {
|
|
width: auto
|
|
}
|
|
}
|
|
|
|
@media only screen and (min-width: 58.8125em) {
|
|
.icon-bar.six-up.large-vertical .item {
|
|
width: auto
|
|
}
|
|
}
|
|
|
|
.icon-bar.seven-up .item {
|
|
width: 14.28571%
|
|
}
|
|
|
|
.icon-bar.seven-up.vertical .item,
|
|
.icon-bar.seven-up.small-vertical .item {
|
|
width: auto
|
|
}
|
|
|
|
@media only screen and (min-width: 40.0625em) {
|
|
.icon-bar.seven-up.medium-vertical .item {
|
|
width: auto
|
|
}
|
|
}
|
|
|
|
@media only screen and (min-width: 58.8125em) {
|
|
.icon-bar.seven-up.large-vertical .item {
|
|
width: auto
|
|
}
|
|
}
|
|
|
|
.icon-bar.eight-up .item {
|
|
width: 12.5%
|
|
}
|
|
|
|
.icon-bar.eight-up.vertical .item,
|
|
.icon-bar.eight-up.small-vertical .item {
|
|
width: auto
|
|
}
|
|
|
|
@media only screen and (min-width: 40.0625em) {
|
|
.icon-bar.eight-up.medium-vertical .item {
|
|
width: auto
|
|
}
|
|
}
|
|
|
|
@media only screen and (min-width: 58.8125em) {
|
|
.icon-bar.eight-up.large-vertical .item {
|
|
width: auto
|
|
}
|
|
}
|
|
|
|
.icon-bar.two-up .item {
|
|
width: 50%
|
|
}
|
|
|
|
.icon-bar.two-up.vertical .item,
|
|
.icon-bar.two-up.small-vertical .item {
|
|
width: auto
|
|
}
|
|
|
|
@media only screen and (min-width: 40.0625em) {
|
|
.icon-bar.two-up.medium-vertical .item {
|
|
width: auto
|
|
}
|
|
}
|
|
|
|
@media only screen and (min-width: 58.8125em) {
|
|
.icon-bar.two-up.large-vertical .item {
|
|
width: auto
|
|
}
|
|
}
|
|
|
|
.icon-bar.three-up .item {
|
|
width: 33.3333%
|
|
}
|
|
|
|
.icon-bar.three-up.vertical .item,
|
|
.icon-bar.three-up.small-vertical .item {
|
|
width: auto
|
|
}
|
|
|
|
@media only screen and (min-width: 40.0625em) {
|
|
.icon-bar.three-up.medium-vertical .item {
|
|
width: auto
|
|
}
|
|
}
|
|
|
|
@media only screen and (min-width: 58.8125em) {
|
|
.icon-bar.three-up.large-vertical .item {
|
|
width: auto
|
|
}
|
|
}
|
|
|
|
.icon-bar.four-up .item {
|
|
width: 25%
|
|
}
|
|
|
|
.icon-bar.four-up.vertical .item,
|
|
.icon-bar.four-up.small-vertical .item {
|
|
width: auto
|
|
}
|
|
|
|
@media only screen and (min-width: 40.0625em) {
|
|
.icon-bar.four-up.medium-vertical .item {
|
|
width: auto
|
|
}
|
|
}
|
|
|
|
@media only screen and (min-width: 58.8125em) {
|
|
.icon-bar.four-up.large-vertical .item {
|
|
width: auto
|
|
}
|
|
}
|
|
|
|
.icon-bar.five-up .item {
|
|
width: 20%
|
|
}
|
|
|
|
.icon-bar.five-up.vertical .item,
|
|
.icon-bar.five-up.small-vertical .item {
|
|
width: auto
|
|
}
|
|
|
|
@media only screen and (min-width: 40.0625em) {
|
|
.icon-bar.five-up.medium-vertical .item {
|
|
width: auto
|
|
}
|
|
}
|
|
|
|
@media only screen and (min-width: 58.8125em) {
|
|
.icon-bar.five-up.large-vertical .item {
|
|
width: auto
|
|
}
|
|
}
|
|
|
|
.icon-bar.six-up .item {
|
|
width: 16.66667%
|
|
}
|
|
|
|
.icon-bar.six-up.vertical .item,
|
|
.icon-bar.six-up.small-vertical .item {
|
|
width: auto
|
|
}
|
|
|
|
@media only screen and (min-width: 40.0625em) {
|
|
.icon-bar.six-up.medium-vertical .item {
|
|
width: auto
|
|
}
|
|
}
|
|
|
|
@media only screen and (min-width: 58.8125em) {
|
|
.icon-bar.six-up.large-vertical .item {
|
|
width: auto
|
|
}
|
|
}
|
|
|
|
.icon-bar.seven-up .item {
|
|
width: 14.28571%
|
|
}
|
|
|
|
.icon-bar.seven-up.vertical .item,
|
|
.icon-bar.seven-up.small-vertical .item {
|
|
width: auto
|
|
}
|
|
|
|
@media only screen and (min-width: 40.0625em) {
|
|
.icon-bar.seven-up.medium-vertical .item {
|
|
width: auto
|
|
}
|
|
}
|
|
|
|
@media only screen and (min-width: 58.8125em) {
|
|
.icon-bar.seven-up.large-vertical .item {
|
|
width: auto
|
|
}
|
|
}
|
|
|
|
.icon-bar.eight-up .item {
|
|
width: 12.5%
|
|
}
|
|
|
|
.icon-bar.eight-up.vertical .item,
|
|
.icon-bar.eight-up.small-vertical .item {
|
|
width: auto
|
|
}
|
|
|
|
@media only screen and (min-width: 40.0625em) {
|
|
.icon-bar.eight-up.medium-vertical .item {
|
|
width: auto
|
|
}
|
|
}
|
|
|
|
@media only screen and (min-width: 58.8125em) {
|
|
.icon-bar.eight-up.large-vertical .item {
|
|
width: auto
|
|
}
|
|
}
|
|
|
|
.inline-list {
|
|
list-style: none;
|
|
margin-left: -1.375rem;
|
|
margin-right: 0;
|
|
margin: 0 auto 1.0625rem auto;
|
|
overflow: hidden;
|
|
padding: 0
|
|
}
|
|
|
|
.inline-list>li {
|
|
display: block;
|
|
float: left;
|
|
list-style: none;
|
|
margin-left: 1.375rem
|
|
}
|
|
|
|
.inline-list>li>* {
|
|
display: block
|
|
}
|
|
|
|
.joyride-list {
|
|
display: none
|
|
}
|
|
|
|
.joyride-tip-guide {
|
|
background: #333;
|
|
color: #fff;
|
|
display: none;
|
|
font-family: inherit;
|
|
font-weight: normal;
|
|
position: absolute;
|
|
top: 0;
|
|
width: 95%;
|
|
z-index: 101;
|
|
left: 2.5%
|
|
}
|
|
|
|
.lt-ie9 .joyride-tip-guide {
|
|
margin-left: -400px;
|
|
max-width: 800px;
|
|
left: 50%
|
|
}
|
|
|
|
.joyride-content-wrapper {
|
|
padding: 1.125rem 1.25rem 1.5rem;
|
|
width: 100%
|
|
}
|
|
|
|
.joyride-content-wrapper .button {
|
|
margin-bottom: 0 !important
|
|
}
|
|
|
|
.joyride-content-wrapper .joyride-prev-tip {
|
|
margin-right: 10px
|
|
}
|
|
|
|
.joyride-tip-guide .joyride-nub {
|
|
border: 10px solid #333;
|
|
display: block;
|
|
height: 0;
|
|
position: absolute;
|
|
width: 0;
|
|
left: 22px
|
|
}
|
|
|
|
.joyride-tip-guide .joyride-nub.top {
|
|
border-color: #333;
|
|
border-top-color: transparent !important;
|
|
border-top-style: solid;
|
|
border-left-color: transparent !important;
|
|
border-right-color: transparent !important;
|
|
top: -20px
|
|
}
|
|
|
|
.joyride-tip-guide .joyride-nub.bottom {
|
|
border-color: #333 !important;
|
|
border-bottom-color: transparent !important;
|
|
border-bottom-style: solid;
|
|
border-left-color: transparent !important;
|
|
border-right-color: transparent !important;
|
|
bottom: -20px
|
|
}
|
|
|
|
.joyride-tip-guide .joyride-nub.right {
|
|
right: -20px
|
|
}
|
|
|
|
.joyride-tip-guide .joyride-nub.left {
|
|
left: -20px
|
|
}
|
|
|
|
.joyride-tip-guide h1,
|
|
.joyride-tip-guide h2,
|
|
.joyride-tip-guide h3,
|
|
.joyride-tip-guide h4,
|
|
.joyride-tip-guide h5,
|
|
.joyride-tip-guide h6 {
|
|
color: #fff;
|
|
font-weight: bold;
|
|
line-height: 1.25;
|
|
margin: 0
|
|
}
|
|
|
|
.joyride-tip-guide p {
|
|
font-size: 0.875rem;
|
|
line-height: 1.3;
|
|
margin: 0 0 1.125rem 0
|
|
}
|
|
|
|
.joyride-timer-indicator-wrap {
|
|
border: solid 1px #555;
|
|
bottom: 1rem;
|
|
height: 3px;
|
|
position: absolute;
|
|
width: 50px;
|
|
right: 1.0625rem
|
|
}
|
|
|
|
.joyride-timer-indicator {
|
|
background: #666;
|
|
display: block;
|
|
height: inherit;
|
|
width: 0
|
|
}
|
|
|
|
.joyride-close-tip {
|
|
color: #777 !important;
|
|
font-size: 24px;
|
|
font-weight: normal;
|
|
line-height: .5 !important;
|
|
position: absolute;
|
|
text-decoration: none;
|
|
top: 10px;
|
|
right: 12px
|
|
}
|
|
|
|
.joyride-close-tip:hover,
|
|
.joyride-close-tip:focus {
|
|
color: #eee !important
|
|
}
|
|
|
|
.joyride-modal-bg {
|
|
background: rgba(0, 0, 0, 0.5);
|
|
cursor: pointer;
|
|
display: none;
|
|
height: 100%;
|
|
position: fixed;
|
|
top: 0;
|
|
width: 100%;
|
|
z-index: 100;
|
|
left: 0
|
|
}
|
|
|
|
.joyride-expose-wrapper {
|
|
background-color: #fff;
|
|
border-radius: 3px;
|
|
box-shadow: 0 0 15px #fff;
|
|
position: absolute;
|
|
z-index: 102
|
|
}
|
|
|
|
.joyride-expose-cover {
|
|
background: transparent;
|
|
border-radius: 3px;
|
|
left: 0;
|
|
position: absolute;
|
|
top: 0;
|
|
z-index: 9999
|
|
}
|
|
|
|
@media only screen and (min-width: 40.0625em) {
|
|
.joyride-tip-guide {
|
|
width: 300px;
|
|
left: inherit
|
|
}
|
|
.joyride-tip-guide .joyride-nub.bottom {
|
|
border-color: #333 !important;
|
|
border-bottom-color: transparent !important;
|
|
border-left-color: transparent !important;
|
|
border-right-color: transparent !important;
|
|
bottom: -20px
|
|
}
|
|
.joyride-tip-guide .joyride-nub.right {
|
|
border-color: #333 !important;
|
|
border-right-color: transparent !important;
|
|
border-bottom-color: transparent !important;
|
|
border-top-color: transparent !important;
|
|
left: auto;
|
|
right: -20px;
|
|
top: 22px
|
|
}
|
|
.joyride-tip-guide .joyride-nub.left {
|
|
border-color: #333 !important;
|
|
border-bottom-color: transparent !important;
|
|
border-left-color: transparent !important;
|
|
border-top-color: transparent !important;
|
|
left: -20px;
|
|
right: auto;
|
|
top: 22px
|
|
}
|
|
}
|
|
|
|
.keystroke,
|
|
kbd {
|
|
background-color: #ededed;
|
|
border-color: #ddd;
|
|
color: #222;
|
|
border-style: solid;
|
|
border-width: 1px;
|
|
font-family: "Consolas", "Menlo", "Courier", monospace;
|
|
font-size: inherit;
|
|
margin: 0;
|
|
padding: 0.125rem 0.25rem 0;
|
|
border-radius: 5px
|
|
}
|
|
|
|
.label {
|
|
display: inline-block;
|
|
font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
|
|
font-weight: normal;
|
|
line-height: 1;
|
|
margin-bottom: auto;
|
|
position: relative;
|
|
text-align: center;
|
|
text-decoration: none;
|
|
white-space: nowrap;
|
|
padding: 0.25rem 0.5rem 0.25rem;
|
|
font-size: 0.6875rem;
|
|
background-color: #22b8eb;
|
|
color: #fff
|
|
}
|
|
|
|
.label.radius {
|
|
border-radius: 5px
|
|
}
|
|
|
|
.label.round {
|
|
border-radius: 1000px
|
|
}
|
|
|
|
.label.alert {
|
|
background-color: #f04124;
|
|
color: #fff
|
|
}
|
|
|
|
.label.warning {
|
|
background-color: #f08a24;
|
|
color: #fff
|
|
}
|
|
|
|
.label.success {
|
|
background-color: #43AC6A;
|
|
color: #fff
|
|
}
|
|
|
|
.label.secondary {
|
|
background-color: #FF992E;
|
|
color: #fff
|
|
}
|
|
|
|
.label.info {
|
|
background-color: #a0d3e8;
|
|
color: #333
|
|
}
|
|
|
|
"[data-magellan-expedition]",
|
|
[data-magellan-expedition-clone] {
|
|
background: #fff;
|
|
min-width: 100%;
|
|
padding: 10px;
|
|
z-index: 50
|
|
}
|
|
|
|
"[data-magellan-expedition]" .sub-nav,
|
|
[data-magellan-expedition-clone] .sub-nav {
|
|
margin-bottom: 0
|
|
}
|
|
|
|
"[data-magellan-expedition]" .sub-nav dd,
|
|
[data-magellan-expedition-clone] .sub-nav dd {
|
|
margin-bottom: 0
|
|
}
|
|
|
|
"[data-magellan-expedition]" .sub-nav a,
|
|
[data-magellan-expedition-clone] .sub-nav a {
|
|
line-height: 1.8em
|
|
}
|
|
|
|
@-webkit-keyframes rotate {
|
|
from {
|
|
-webkit-transform: rotate(0deg);
|
|
transform: rotate(0deg)
|
|
}
|
|
to {
|
|
-webkit-transform: rotate(360deg);
|
|
transform: rotate(360deg)
|
|
}
|
|
}
|
|
|
|
@keyframes rotate {
|
|
from {
|
|
-webkit-transform: rotate(0deg);
|
|
-moz-transform: rotate(0deg);
|
|
-ms-transform: rotate(0deg);
|
|
transform: rotate(0deg)
|
|
}
|
|
to {
|
|
-webkit-transform: rotate(360deg);
|
|
-moz-transform: rotate(360deg);
|
|
-ms-transform: rotate(360deg);
|
|
transform: rotate(360deg)
|
|
}
|
|
}
|
|
|
|
.slideshow-wrapper {
|
|
position: relative
|
|
}
|
|
|
|
.slideshow-wrapper ul {
|
|
list-style-type: none;
|
|
margin: 0
|
|
}
|
|
|
|
.slideshow-wrapper ul li,
|
|
.slideshow-wrapper ul li .orbit-caption {
|
|
display: none
|
|
}
|
|
|
|
.slideshow-wrapper ul li:first-child {
|
|
display: block
|
|
}
|
|
|
|
.slideshow-wrapper .orbit-container {
|
|
background-color: transparent
|
|
}
|
|
|
|
.slideshow-wrapper .orbit-container li {
|
|
display: block
|
|
}
|
|
|
|
.slideshow-wrapper .orbit-container li .orbit-caption {
|
|
display: block
|
|
}
|
|
|
|
.slideshow-wrapper .orbit-container .orbit-bullets li {
|
|
display: inline-block
|
|
}
|
|
|
|
.slideshow-wrapper .preloader {
|
|
border-radius: 1000px;
|
|
animation-duration: 1.5s;
|
|
animation-iteration-count: infinite;
|
|
animation-name: rotate;
|
|
animation-timing-function: linear;
|
|
border-color: #555 #fff;
|
|
border: solid 3px;
|
|
display: block;
|
|
height: 40px;
|
|
left: 50%;
|
|
margin-left: -20px;
|
|
margin-top: -20px;
|
|
position: absolute;
|
|
top: 50%;
|
|
width: 40px
|
|
}
|
|
|
|
.orbit-container {
|
|
background: none;
|
|
overflow: hidden;
|
|
position: relative;
|
|
width: 100%
|
|
}
|
|
|
|
.orbit-container .orbit-slides-container {
|
|
list-style: none;
|
|
margin: 0;
|
|
padding: 0;
|
|
position: relative;
|
|
-webkit-transform: translateZ(0);
|
|
-moz-transform: translateZ(0);
|
|
-ms-transform: translateZ(0);
|
|
-o-transform: translateZ(0);
|
|
transform: translateZ(0)
|
|
}
|
|
|
|
.orbit-container .orbit-slides-container img {
|
|
display: block;
|
|
max-width: 100%
|
|
}
|
|
|
|
.orbit-container .orbit-slides-container>* {
|
|
position: absolute;
|
|
top: 0;
|
|
width: 100%;
|
|
margin-left: 100%
|
|
}
|
|
|
|
.orbit-container .orbit-slides-container>*:first-child {
|
|
margin-left: 0
|
|
}
|
|
|
|
.orbit-container .orbit-slides-container>* .orbit-caption {
|
|
bottom: 0;
|
|
position: absolute;
|
|
background-color: rgba(51, 51, 51, 0.8);
|
|
color: #fff;
|
|
font-size: 0.875rem;
|
|
padding: 0.625rem 0.875rem;
|
|
width: 100%
|
|
}
|
|
|
|
.orbit-container .orbit-slide-number {
|
|
left: 10px;
|
|
background: transparent;
|
|
color: #fff;
|
|
font-size: 12px;
|
|
position: absolute;
|
|
top: 10px;
|
|
z-index: 10
|
|
}
|
|
|
|
.orbit-container .orbit-slide-number span {
|
|
font-weight: 700;
|
|
padding: 0.3125rem
|
|
}
|
|
|
|
.orbit-container .orbit-timer {
|
|
position: absolute;
|
|
top: 12px;
|
|
right: 10px;
|
|
height: 6px;
|
|
width: 100px;
|
|
z-index: 10
|
|
}
|
|
|
|
.orbit-container .orbit-timer .orbit-progress {
|
|
height: 3px;
|
|
background-color: rgba(255, 255, 255, 0.3);
|
|
display: block;
|
|
width: 0;
|
|
position: relative;
|
|
right: 20px;
|
|
top: 5px
|
|
}
|
|
|
|
.orbit-container .orbit-timer>span {
|
|
border: solid 4px #fff;
|
|
border-bottom: none;
|
|
border-top: none;
|
|
display: none;
|
|
height: 14px;
|
|
position: absolute;
|
|
top: 0;
|
|
width: 11px;
|
|
right: 0
|
|
}
|
|
|
|
.orbit-container .orbit-timer.paused>span {
|
|
top: 0;
|
|
width: 11px;
|
|
height: 14px;
|
|
border: inset 8px;
|
|
border-left-style: solid;
|
|
border-color: transparent;
|
|
border-left-color: #fff;
|
|
right: -4px
|
|
}
|
|
|
|
.orbit-container .orbit-timer.paused>span.dark {
|
|
border-left-color: #333
|
|
}
|
|
|
|
.orbit-container:hover .orbit-timer>span {
|
|
display: block
|
|
}
|
|
|
|
.orbit-container .orbit-prev,
|
|
.orbit-container .orbit-next {
|
|
background-color: transparent;
|
|
color: white;
|
|
height: 60px;
|
|
line-height: 50px;
|
|
margin-top: -25px;
|
|
position: absolute;
|
|
text-indent: -9999px !important;
|
|
top: 45%;
|
|
width: 36px;
|
|
z-index: 10
|
|
}
|
|
|
|
.orbit-container .orbit-prev:hover,
|
|
.orbit-container .orbit-next:hover {
|
|
background-color: rgba(0, 0, 0, 0.3)
|
|
}
|
|
|
|
.orbit-container .orbit-prev>span,
|
|
.orbit-container .orbit-next>span {
|
|
border: inset 10px;
|
|
display: block;
|
|
height: 0;
|
|
margin-top: -10px;
|
|
position: absolute;
|
|
top: 50%;
|
|
width: 0
|
|
}
|
|
|
|
.orbit-container .orbit-prev {
|
|
left: 0
|
|
}
|
|
|
|
.orbit-container .orbit-prev>span {
|
|
border-right-style: solid;
|
|
border-color: transparent;
|
|
border-right-color: #fff
|
|
}
|
|
|
|
.orbit-container .orbit-prev:hover>span {
|
|
border-right-color: #fff
|
|
}
|
|
|
|
.orbit-container .orbit-next {
|
|
right: 0
|
|
}
|
|
|
|
.orbit-container .orbit-next>span {
|
|
border-color: transparent;
|
|
border-left-style: solid;
|
|
border-left-color: #fff;
|
|
left: 50%;
|
|
margin-left: -4px
|
|
}
|
|
|
|
.orbit-container .orbit-next:hover>span {
|
|
border-left-color: #fff
|
|
}
|
|
|
|
.orbit-bullets-container {
|
|
text-align: center
|
|
}
|
|
|
|
.orbit-bullets {
|
|
display: block;
|
|
float: none;
|
|
margin: 0 auto 30px auto;
|
|
overflow: hidden;
|
|
position: relative;
|
|
text-align: center;
|
|
top: 10px
|
|
}
|
|
|
|
.orbit-bullets li {
|
|
background: #ccc;
|
|
cursor: pointer;
|
|
display: inline-block;
|
|
float: none;
|
|
height: 0.5625rem;
|
|
margin-right: 6px;
|
|
width: 0.5625rem;
|
|
border-radius: 1000px
|
|
}
|
|
|
|
.orbit-bullets li.active {
|
|
background: #999
|
|
}
|
|
|
|
.orbit-bullets li:last-child {
|
|
margin-right: 0
|
|
}
|
|
|
|
.touch .orbit-container .orbit-prev,
|
|
.touch .orbit-container .orbit-next {
|
|
display: none
|
|
}
|
|
|
|
.touch .orbit-bullets {
|
|
display: none
|
|
}
|
|
|
|
@media only screen and (min-width: 40.0625em) {
|
|
.touch .orbit-container .orbit-prev,
|
|
.touch .orbit-container .orbit-next {
|
|
display: inherit
|
|
}
|
|
.touch .orbit-bullets {
|
|
display: block
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width: 40em) {
|
|
.orbit-stack-on-small .orbit-slides-container {
|
|
height: auto !important
|
|
}
|
|
.orbit-stack-on-small .orbit-slides-container>* {
|
|
margin: 0 !important;
|
|
opacity: 1 !important;
|
|
position: relative
|
|
}
|
|
.orbit-stack-on-small .orbit-slide-number {
|
|
display: none
|
|
}
|
|
.orbit-timer {
|
|
display: none
|
|
}
|
|
.orbit-next,
|
|
.orbit-prev {
|
|
display: none
|
|
}
|
|
.orbit-bullets {
|
|
display: none
|
|
}
|
|
}
|
|
|
|
ul.pagination {
|
|
display: block;
|
|
margin-left: -0.3125rem;
|
|
min-height: 1.5rem
|
|
}
|
|
|
|
ul.pagination li {
|
|
color: #222;
|
|
font-size: 0.875rem;
|
|
height: 1.5rem;
|
|
margin-left: 0.3125rem
|
|
}
|
|
|
|
ul.pagination li a,
|
|
ul.pagination li button {
|
|
border-radius: 5px;
|
|
transition: background-color 300ms ease-out;
|
|
background: none;
|
|
color: #999;
|
|
display: block;
|
|
font-size: 1em;
|
|
font-weight: normal;
|
|
line-height: inherit;
|
|
padding: 0.0625rem 0.625rem 0.0625rem
|
|
}
|
|
|
|
ul.pagination li:hover a,
|
|
ul.pagination li a:focus,
|
|
ul.pagination li:hover button,
|
|
ul.pagination li button:focus {
|
|
background: #e6e6e6
|
|
}
|
|
|
|
ul.pagination li.unavailable a,
|
|
ul.pagination li.unavailable button {
|
|
cursor: default;
|
|
color: #999
|
|
}
|
|
|
|
ul.pagination li.unavailable:hover a,
|
|
ul.pagination li.unavailable a:focus,
|
|
ul.pagination li.unavailable:hover button,
|
|
ul.pagination li.unavailable button:focus {
|
|
background: transparent
|
|
}
|
|
|
|
ul.pagination li.current a,
|
|
ul.pagination li.current button {
|
|
background: #22b8eb;
|
|
color: #fff;
|
|
cursor: default;
|
|
font-weight: bold
|
|
}
|
|
|
|
ul.pagination li.current a:hover,
|
|
ul.pagination li.current a:focus,
|
|
ul.pagination li.current button:hover,
|
|
ul.pagination li.current button:focus {
|
|
background: #22b8eb
|
|
}
|
|
|
|
ul.pagination li {
|
|
display: block;
|
|
float: left
|
|
}
|
|
|
|
.pagination-centered {
|
|
text-align: center
|
|
}
|
|
|
|
.pagination-centered ul.pagination li {
|
|
display: inline-block;
|
|
float: none
|
|
}
|
|
|
|
.panel {
|
|
border-style: solid;
|
|
border-width: 1px;
|
|
border-color: #d8d8d8;
|
|
margin-bottom: 1.25rem;
|
|
padding: 1.25rem;
|
|
background: #f2f2f2;
|
|
color: #333
|
|
}
|
|
|
|
.panel>:first-child {
|
|
margin-top: 0
|
|
}
|
|
|
|
.panel>:last-child {
|
|
margin-bottom: 0
|
|
}
|
|
|
|
.panel h1,
|
|
.panel h2,
|
|
.panel h3,
|
|
.panel h4,
|
|
.panel h5,
|
|
.panel h6,
|
|
.panel p,
|
|
.panel li,
|
|
.panel dl {
|
|
color: #333
|
|
}
|
|
|
|
.panel h1,
|
|
.panel h2,
|
|
.panel h3,
|
|
.panel h4,
|
|
.panel h5,
|
|
.panel h6 {
|
|
line-height: 1;
|
|
margin-bottom: 0.625rem
|
|
}
|
|
|
|
.panel h1.subheader,
|
|
.panel h2.subheader,
|
|
.panel h3.subheader,
|
|
.panel h4.subheader,
|
|
.panel h5.subheader,
|
|
.panel h6.subheader {
|
|
line-height: 1.4
|
|
}
|
|
|
|
.panel.callout {
|
|
border-style: solid;
|
|
border-width: 1px;
|
|
border-color: #d8d8d8;
|
|
margin-bottom: 1.25rem;
|
|
padding: 1.25rem;
|
|
background: #f2fbfe;
|
|
color: #333
|
|
}
|
|
|
|
.panel.callout>:first-child {
|
|
margin-top: 0
|
|
}
|
|
|
|
.panel.callout>:last-child {
|
|
margin-bottom: 0
|
|
}
|
|
|
|
.panel.callout h1,
|
|
.panel.callout h2,
|
|
.panel.callout h3,
|
|
.panel.callout h4,
|
|
.panel.callout h5,
|
|
.panel.callout h6,
|
|
.panel.callout p,
|
|
.panel.callout li,
|
|
.panel.callout dl {
|
|
color: #333
|
|
}
|
|
|
|
.panel.callout h1,
|
|
.panel.callout h2,
|
|
.panel.callout h3,
|
|
.panel.callout h4,
|
|
.panel.callout h5,
|
|
.panel.callout h6 {
|
|
line-height: 1;
|
|
margin-bottom: 0.625rem
|
|
}
|
|
|
|
.panel.callout h1.subheader,
|
|
.panel.callout h2.subheader,
|
|
.panel.callout h3.subheader,
|
|
.panel.callout h4.subheader,
|
|
.panel.callout h5.subheader,
|
|
.panel.callout h6.subheader {
|
|
line-height: 1.4
|
|
}
|
|
|
|
.panel.callout a:not(.button) {
|
|
color: #22b8eb
|
|
}
|
|
|
|
.panel.callout a:not(.button):hover,
|
|
.panel.callout a:not(.button):focus {
|
|
color: #13a3d4
|
|
}
|
|
|
|
.panel.radius {
|
|
border-radius: 5px
|
|
}
|
|
|
|
.pricing-table {
|
|
border: solid 1px #ddd;
|
|
margin-left: 0;
|
|
margin-bottom: 1.25rem
|
|
}
|
|
|
|
.pricing-table * {
|
|
list-style: none;
|
|
line-height: 1
|
|
}
|
|
|
|
.pricing-table .title {
|
|
background-color: #333;
|
|
color: #eee;
|
|
font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
|
|
font-size: 1rem;
|
|
font-weight: normal;
|
|
padding: 0.9375rem 1.25rem;
|
|
text-align: center
|
|
}
|
|
|
|
.pricing-table .price {
|
|
background-color: #F6F6F6;
|
|
color: #333;
|
|
font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
|
|
font-size: 2rem;
|
|
font-weight: normal;
|
|
padding: 0.9375rem 1.25rem;
|
|
text-align: center
|
|
}
|
|
|
|
.pricing-table .description {
|
|
background-color: #fff;
|
|
border-bottom: dotted 1px #ddd;
|
|
color: #777;
|
|
font-size: 0.75rem;
|
|
font-weight: normal;
|
|
line-height: 1.4;
|
|
padding: 0.9375rem;
|
|
text-align: center
|
|
}
|
|
|
|
.pricing-table .bullet-item {
|
|
background-color: #fff;
|
|
border-bottom: dotted 1px #ddd;
|
|
color: #333;
|
|
font-size: 0.875rem;
|
|
font-weight: normal;
|
|
padding: 0.9375rem;
|
|
text-align: center
|
|
}
|
|
|
|
.pricing-table .cta-button {
|
|
background-color: #fff;
|
|
padding: 1.25rem 1.25rem 0;
|
|
text-align: center
|
|
}
|
|
|
|
.progress {
|
|
background-color: #F6F6F6;
|
|
border: 1px solid #fff;
|
|
height: 1.5625rem;
|
|
margin-bottom: 0.625rem;
|
|
padding: 0.125rem
|
|
}
|
|
|
|
.progress .meter {
|
|
background: #22b8eb;
|
|
display: block;
|
|
height: 100%
|
|
}
|
|
|
|
.progress.secondary .meter {
|
|
background: #FF992E;
|
|
display: block;
|
|
height: 100%
|
|
}
|
|
|
|
.progress.success .meter {
|
|
background: #43AC6A;
|
|
display: block;
|
|
height: 100%
|
|
}
|
|
|
|
.progress.alert .meter {
|
|
background: #f04124;
|
|
display: block;
|
|
height: 100%
|
|
}
|
|
|
|
.progress.radius {
|
|
border-radius: 5px
|
|
}
|
|
|
|
.progress.radius .meter {
|
|
border-radius: 4px
|
|
}
|
|
|
|
.progress.round {
|
|
border-radius: 1000px
|
|
}
|
|
|
|
.progress.round .meter {
|
|
border-radius: 999px
|
|
}
|
|
|
|
.range-slider {
|
|
border: 1px solid #ddd;
|
|
margin: 1.25rem 0;
|
|
position: relative;
|
|
-ms-touch-action: none;
|
|
touch-action: none;
|
|
display: block;
|
|
height: 1rem;
|
|
width: 100%;
|
|
background: #FAFAFA
|
|
}
|
|
|
|
.range-slider.vertical-range {
|
|
border: 1px solid #ddd;
|
|
margin: 1.25rem 0;
|
|
position: relative;
|
|
-ms-touch-action: none;
|
|
touch-action: none;
|
|
display: inline-block;
|
|
height: 12.5rem;
|
|
width: 1rem
|
|
}
|
|
|
|
.range-slider.vertical-range .range-slider-handle {
|
|
bottom: -10.5rem;
|
|
margin-left: -0.5rem;
|
|
margin-top: 0;
|
|
position: absolute
|
|
}
|
|
|
|
.range-slider.vertical-range .range-slider-active-segment {
|
|
border-bottom-left-radius: inherit;
|
|
border-bottom-right-radius: inherit;
|
|
border-top-left-radius: initial;
|
|
bottom: 0;
|
|
height: auto;
|
|
width: 0.875rem
|
|
}
|
|
|
|
.range-slider.radius {
|
|
background: #FAFAFA;
|
|
border-radius: 5px
|
|
}
|
|
|
|
.range-slider.radius .range-slider-handle {
|
|
background: #22b8eb;
|
|
border-radius: 5px
|
|
}
|
|
|
|
.range-slider.radius .range-slider-handle:hover {
|
|
background: #14a7d9
|
|
}
|
|
|
|
.range-slider.round {
|
|
background: #FAFAFA;
|
|
border-radius: 1000px
|
|
}
|
|
|
|
.range-slider.round .range-slider-handle {
|
|
background: #22b8eb;
|
|
border-radius: 1000px
|
|
}
|
|
|
|
.range-slider.round .range-slider-handle:hover {
|
|
background: #14a7d9
|
|
}
|
|
|
|
.range-slider.disabled,
|
|
.range-slider[disabled] {
|
|
background: #FAFAFA;
|
|
cursor: not-allowed;
|
|
opacity: 0.7
|
|
}
|
|
|
|
.range-slider.disabled .range-slider-handle,
|
|
.range-slider[disabled] .range-slider-handle {
|
|
background: #22b8eb;
|
|
cursor: default;
|
|
opacity: 0.7
|
|
}
|
|
|
|
.range-slider.disabled .range-slider-handle:hover,
|
|
.range-slider[disabled] .range-slider-handle:hover {
|
|
background: #14a7d9
|
|
}
|
|
|
|
.range-slider-active-segment {
|
|
background: #ff982b;
|
|
border-bottom-left-radius: inherit;
|
|
border-top-left-radius: inherit;
|
|
display: inline-block;
|
|
height: 0.875rem;
|
|
position: absolute
|
|
}
|
|
|
|
.range-slider-handle {
|
|
border: 1px solid none;
|
|
cursor: pointer;
|
|
display: inline-block;
|
|
height: 1.375rem;
|
|
position: absolute;
|
|
top: -0.3125rem;
|
|
width: 2rem;
|
|
z-index: 1;
|
|
-ms-touch-action: manipulation;
|
|
touch-action: manipulation;
|
|
background: #22b8eb
|
|
}
|
|
|
|
.range-slider-handle:hover {
|
|
background: #14a7d9
|
|
}
|
|
|
|
.reveal-modal-bg {
|
|
background: #000;
|
|
background: rgba(0, 0, 0, 0.45);
|
|
bottom: 0;
|
|
display: none;
|
|
left: 0;
|
|
position: fixed;
|
|
right: 0;
|
|
top: 0;
|
|
z-index: 1004;
|
|
left: 0
|
|
}
|
|
|
|
.reveal-modal {
|
|
border-radius: 5px;
|
|
display: none;
|
|
position: absolute;
|
|
top: 0;
|
|
visibility: hidden;
|
|
width: 100%;
|
|
z-index: 1005;
|
|
left: 0;
|
|
background-color: #fff;
|
|
padding: 1.875rem;
|
|
border: solid 1px #666;
|
|
box-shadow: 0 0 10px rgba(0, 0, 0, 0.4)
|
|
}
|
|
|
|
@media only screen and (max-width: 40em) {
|
|
.reveal-modal {
|
|
min-height: 100vh
|
|
}
|
|
}
|
|
|
|
.reveal-modal .column,
|
|
.reveal-modal .columns {
|
|
min-width: 0
|
|
}
|
|
|
|
.reveal-modal>:first-child {
|
|
margin-top: 0
|
|
}
|
|
|
|
.reveal-modal>:last-child {
|
|
margin-bottom: 0
|
|
}
|
|
|
|
@media only screen and (min-width: 40.0625em) {
|
|
.reveal-modal {
|
|
left: 0;
|
|
margin: 0 auto;
|
|
max-width: 75rem;
|
|
right: 0;
|
|
width: 80%
|
|
}
|
|
}
|
|
|
|
@media only screen and (min-width: 40.0625em) {
|
|
.reveal-modal {
|
|
top: 6.25rem
|
|
}
|
|
}
|
|
|
|
.reveal-modal.radius {
|
|
border-radius: 5px
|
|
}
|
|
|
|
.reveal-modal.round {
|
|
border-radius: 1000px
|
|
}
|
|
|
|
.reveal-modal.collapse {
|
|
padding: 0
|
|
}
|
|
|
|
@media only screen and (min-width: 40.0625em) {
|
|
.reveal-modal.tiny {
|
|
left: 0;
|
|
margin: 0 auto;
|
|
max-width: 75rem;
|
|
right: 0;
|
|
width: 30%
|
|
}
|
|
}
|
|
|
|
@media only screen and (min-width: 40.0625em) {
|
|
.reveal-modal.small {
|
|
left: 0;
|
|
margin: 0 auto;
|
|
max-width: 75rem;
|
|
right: 0;
|
|
width: 40%
|
|
}
|
|
}
|
|
|
|
@media only screen and (min-width: 40.0625em) {
|
|
.reveal-modal.medium {
|
|
left: 0;
|
|
margin: 0 auto;
|
|
max-width: 75rem;
|
|
right: 0;
|
|
width: 60%
|
|
}
|
|
}
|
|
|
|
@media only screen and (min-width: 40.0625em) {
|
|
.reveal-modal.large {
|
|
left: 0;
|
|
margin: 0 auto;
|
|
max-width: 75rem;
|
|
right: 0;
|
|
width: 70%
|
|
}
|
|
}
|
|
|
|
@media only screen and (min-width: 40.0625em) {
|
|
.reveal-modal.xlarge {
|
|
left: 0;
|
|
margin: 0 auto;
|
|
max-width: 75rem;
|
|
right: 0;
|
|
width: 95%
|
|
}
|
|
}
|
|
|
|
.reveal-modal.full {
|
|
height: 100vh;
|
|
height: 100%;
|
|
left: 0;
|
|
margin-left: 0 !important;
|
|
max-width: none !important;
|
|
min-height: 100vh;
|
|
top: 0
|
|
}
|
|
|
|
@media only screen and (min-width: 40.0625em) {
|
|
.reveal-modal.full {
|
|
left: 0;
|
|
margin: 0 auto;
|
|
max-width: 75rem;
|
|
right: 0;
|
|
width: 100%
|
|
}
|
|
}
|
|
|
|
.reveal-modal.toback {
|
|
z-index: 1003
|
|
}
|
|
|
|
.reveal-modal .close-reveal-modal {
|
|
color: #aaa;
|
|
cursor: pointer;
|
|
font-size: 2.5rem;
|
|
font-weight: bold;
|
|
line-height: 1;
|
|
position: absolute;
|
|
top: 0.625rem;
|
|
right: 1.375rem
|
|
}
|
|
|
|
.side-nav {
|
|
display: block;
|
|
font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
|
|
list-style-position: outside;
|
|
list-style-type: none;
|
|
margin: 0;
|
|
padding: 0.5rem 0
|
|
}
|
|
|
|
.side-nav li {
|
|
font-size: 0.875rem;
|
|
font-weight: normal;
|
|
margin: 0 0 0.25rem 0
|
|
}
|
|
|
|
.side-nav li a:not(.button) {
|
|
color: #22b8eb;
|
|
display: block;
|
|
margin: 0;
|
|
padding: 0.3125rem 0.625rem
|
|
}
|
|
|
|
.side-nav li a:not(.button):hover,
|
|
.side-nav li a:not(.button):focus {
|
|
background: rgba(0, 0, 0, 0.025);
|
|
color: #64cdf1
|
|
}
|
|
|
|
.side-nav li a:not(.button):active {
|
|
color: #64cdf1
|
|
}
|
|
|
|
.side-nav li.active>a:first-child:not(.button) {
|
|
color: #64cdf1;
|
|
font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
|
|
font-weight: normal
|
|
}
|
|
|
|
.side-nav li.divider {
|
|
border-top: 1px solid;
|
|
height: 0;
|
|
list-style: none;
|
|
padding: 0;
|
|
border-top-color: #e6e6e6
|
|
}
|
|
|
|
.side-nav li.heading {
|
|
color: #22b8eb;
|
|
font-size: 0.875rem;
|
|
font-weight: bold;
|
|
text-transform: uppercase
|
|
}
|
|
|
|
.split.button {
|
|
position: relative;
|
|
padding-right: 5.0625rem
|
|
}
|
|
|
|
.split.button span {
|
|
display: block;
|
|
height: 100%;
|
|
position: absolute;
|
|
right: 0;
|
|
top: 0;
|
|
border-left: solid 1px
|
|
}
|
|
|
|
.split.button span:after {
|
|
position: absolute;
|
|
content: "";
|
|
width: 0;
|
|
height: 0;
|
|
display: block;
|
|
border-style: inset;
|
|
top: 50%;
|
|
left: 50%
|
|
}
|
|
|
|
.split.button span:active {
|
|
background-color: rgba(0, 0, 0, 0.1)
|
|
}
|
|
|
|
.split.button span {
|
|
border-left-color: rgba(255, 255, 255, 0.5)
|
|
}
|
|
|
|
.split.button span {
|
|
width: 3.09375rem
|
|
}
|
|
|
|
.split.button span:after {
|
|
border-top-style: solid;
|
|
border-width: 0.375rem;
|
|
margin-left: -0.375rem;
|
|
top: 48%
|
|
}
|
|
|
|
.split.button span:after {
|
|
border-color: #fff transparent transparent transparent
|
|
}
|
|
|
|
.split.button.secondary span {
|
|
border-left-color: rgba(255, 255, 255, 0.5)
|
|
}
|
|
|
|
.split.button.secondary span:after {
|
|
border-color: #fff transparent transparent transparent
|
|
}
|
|
|
|
.split.button.alert span {
|
|
border-left-color: rgba(255, 255, 255, 0.5)
|
|
}
|
|
|
|
.split.button.success span {
|
|
border-left-color: rgba(255, 255, 255, 0.5)
|
|
}
|
|
|
|
.split.button.tiny {
|
|
padding-right: 3.75rem
|
|
}
|
|
|
|
.split.button.tiny span {
|
|
width: 2.25rem
|
|
}
|
|
|
|
.split.button.tiny span:after {
|
|
border-top-style: solid;
|
|
border-width: 0.375rem;
|
|
margin-left: -0.375rem;
|
|
top: 48%
|
|
}
|
|
|
|
.split.button.small {
|
|
padding-right: 4.375rem
|
|
}
|
|
|
|
.split.button.small span {
|
|
width: 2.625rem
|
|
}
|
|
|
|
.split.button.small span:after {
|
|
border-top-style: solid;
|
|
border-width: 0.4375rem;
|
|
margin-left: -0.375rem;
|
|
top: 48%
|
|
}
|
|
|
|
.split.button.large {
|
|
padding-right: 5.5rem
|
|
}
|
|
|
|
.split.button.large span {
|
|
width: 3.4375rem
|
|
}
|
|
|
|
.split.button.large span:after {
|
|
border-top-style: solid;
|
|
border-width: 0.3125rem;
|
|
margin-left: -0.375rem;
|
|
top: 48%
|
|
}
|
|
|
|
.split.button.expand {
|
|
padding-left: 2rem
|
|
}
|
|
|
|
.split.button.secondary span:after {
|
|
border-color: #333 transparent transparent transparent
|
|
}
|
|
|
|
.split.button.radius span {
|
|
-webkit-border-bottom-right-radius: 5px;
|
|
-webkit-border-top-right-radius: 5px;
|
|
border-bottom-right-radius: 5px;
|
|
border-top-right-radius: 5px
|
|
}
|
|
|
|
.split.button.round span {
|
|
-webkit-border-bottom-right-radius: 1000px;
|
|
-webkit-border-top-right-radius: 1000px;
|
|
border-bottom-right-radius: 1000px;
|
|
border-top-right-radius: 1000px
|
|
}
|
|
|
|
.split.button.no-pip span:before {
|
|
border-style: none
|
|
}
|
|
|
|
.split.button.no-pip span:after {
|
|
border-style: none
|
|
}
|
|
|
|
.split.button.no-pip span>i {
|
|
display: block;
|
|
left: 50%;
|
|
margin-left: -0.28889em;
|
|
margin-top: -0.48889em;
|
|
position: absolute;
|
|
top: 50%
|
|
}
|
|
|
|
.sub-nav {
|
|
display: block;
|
|
margin: -0.25rem 0 1.125rem;
|
|
overflow: hidden;
|
|
padding-top: 0.25rem;
|
|
width: auto
|
|
}
|
|
|
|
.sub-nav dt {
|
|
text-transform: uppercase
|
|
}
|
|
|
|
.sub-nav dt,
|
|
.sub-nav dd,
|
|
.sub-nav li {
|
|
color: #999;
|
|
float: left;
|
|
font-family: 'Geomanist Book', sans-serif;
|
|
font-size: 0.875rem;
|
|
font-weight: normal;
|
|
margin-left: 1rem;
|
|
margin-bottom: 0
|
|
}
|
|
|
|
.sub-nav dt a,
|
|
.sub-nav dd a,
|
|
.sub-nav li a {
|
|
color: #999;
|
|
padding: 0.1875rem 1rem;
|
|
text-decoration: none
|
|
}
|
|
|
|
.sub-nav dt a:hover,
|
|
.sub-nav dd a:hover,
|
|
.sub-nav li a:hover {
|
|
color: #737373
|
|
}
|
|
|
|
.sub-nav dt.active a,
|
|
.sub-nav dd.active a,
|
|
.sub-nav li.active a {
|
|
border-radius: 3px;
|
|
background: #22b8eb;
|
|
color: #fff;
|
|
cursor: default;
|
|
font-weight: normal;
|
|
padding: 0.1875rem 1rem
|
|
}
|
|
|
|
.sub-nav dt.active a:hover,
|
|
.sub-nav dd.active a:hover,
|
|
.sub-nav li.active a:hover {
|
|
background: #13a3d4
|
|
}
|
|
|
|
.switch {
|
|
border: none;
|
|
margin-bottom: 1.5rem;
|
|
outline: 0;
|
|
padding: 0;
|
|
position: relative;
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
user-select: none
|
|
}
|
|
|
|
.switch label {
|
|
background: #ddd;
|
|
color: transparent;
|
|
cursor: pointer;
|
|
display: block;
|
|
margin-bottom: 1rem;
|
|
position: relative;
|
|
text-indent: 100%;
|
|
width: 4rem;
|
|
height: 2rem;
|
|
transition: left 0.15s ease-out
|
|
}
|
|
|
|
.switch input {
|
|
left: 10px;
|
|
opacity: 0;
|
|
padding: 0;
|
|
position: absolute;
|
|
top: 9px
|
|
}
|
|
|
|
.switch input+label {
|
|
margin-left: 0;
|
|
margin-right: 0
|
|
}
|
|
|
|
.switch label:after {
|
|
background: #fff;
|
|
content: "";
|
|
display: block;
|
|
height: 1.5rem;
|
|
left: .25rem;
|
|
position: absolute;
|
|
top: .25rem;
|
|
width: 1.5rem;
|
|
-webkit-transition: left 0.15s ease-out;
|
|
-moz-transition: left 0.15s ease-out;
|
|
-o-transition: translate3d(0, 0, 0);
|
|
transition: left 0.15s ease-out;
|
|
-webkit-transform: translate3d(0, 0, 0);
|
|
-moz-transform: translate3d(0, 0, 0);
|
|
-ms-transform: translate3d(0, 0, 0);
|
|
-o-transform: translate3d(0, 0, 0);
|
|
transform: translate3d(0, 0, 0)
|
|
}
|
|
|
|
.switch input:checked+label {
|
|
background: #22b8eb
|
|
}
|
|
|
|
.switch input:checked+label:after {
|
|
left: 2.25rem
|
|
}
|
|
|
|
.switch label {
|
|
height: 2rem;
|
|
width: 4rem
|
|
}
|
|
|
|
.switch label:after {
|
|
height: 1.5rem;
|
|
width: 1.5rem
|
|
}
|
|
|
|
.switch input:checked+label:after {
|
|
left: 2.25rem
|
|
}
|
|
|
|
.switch label {
|
|
color: transparent;
|
|
background: #ddd
|
|
}
|
|
|
|
.switch label:after {
|
|
background: #fff
|
|
}
|
|
|
|
.switch input:checked+label {
|
|
background: #22b8eb
|
|
}
|
|
|
|
.switch.large label {
|
|
height: 2.5rem;
|
|
width: 5rem
|
|
}
|
|
|
|
.switch.large label:after {
|
|
height: 2rem;
|
|
width: 2rem
|
|
}
|
|
|
|
.switch.large input:checked+label:after {
|
|
left: 2.75rem
|
|
}
|
|
|
|
.switch.small label {
|
|
height: 1.75rem;
|
|
width: 3.5rem
|
|
}
|
|
|
|
.switch.small label:after {
|
|
height: 1.25rem;
|
|
width: 1.25rem
|
|
}
|
|
|
|
.switch.small input:checked+label:after {
|
|
left: 2rem
|
|
}
|
|
|
|
.switch.tiny label {
|
|
height: 1.5rem;
|
|
width: 3rem
|
|
}
|
|
|
|
.switch.tiny label:after {
|
|
height: 1rem;
|
|
width: 1rem
|
|
}
|
|
|
|
.switch.tiny input:checked+label:after {
|
|
left: 1.75rem
|
|
}
|
|
|
|
.switch.radius label {
|
|
border-radius: 4px
|
|
}
|
|
|
|
.switch.radius label:after {
|
|
border-radius: 3px
|
|
}
|
|
|
|
.switch.round {
|
|
border-radius: 1000px
|
|
}
|
|
|
|
.switch.round label {
|
|
border-radius: 2rem
|
|
}
|
|
|
|
.switch.round label:after {
|
|
border-radius: 2rem
|
|
}
|
|
|
|
table {
|
|
background: #fff;
|
|
border: solid 1px #ddd;
|
|
margin-bottom: 1.25rem;
|
|
table-layout: auto
|
|
}
|
|
|
|
table caption {
|
|
background: transparent;
|
|
color: #222;
|
|
font-size: 1rem;
|
|
font-weight: bold
|
|
}
|
|
|
|
table thead {
|
|
background: #f5f5f5
|
|
}
|
|
|
|
table thead tr th,
|
|
table thead tr td {
|
|
color: #222;
|
|
font-size: 0.875rem;
|
|
font-weight: bold;
|
|
padding: 0.5rem 0.625rem 0.625rem
|
|
}
|
|
|
|
table tfoot {
|
|
background: #f5f5f5
|
|
}
|
|
|
|
table tfoot tr th,
|
|
table tfoot tr td {
|
|
color: #222;
|
|
font-size: 0.875rem;
|
|
font-weight: bold;
|
|
padding: 0.5rem 0.625rem 0.625rem
|
|
}
|
|
|
|
table tr th,
|
|
table tr td {
|
|
color: #222;
|
|
font-size: 0.875rem;
|
|
padding: 0.5625rem 0.625rem;
|
|
text-align: left
|
|
}
|
|
|
|
table tr.even,
|
|
table tr.alt,
|
|
table tr:nth-of-type(even) {
|
|
background: #F9F9F9
|
|
}
|
|
|
|
table thead tr th,
|
|
table tfoot tr th,
|
|
table tfoot tr td,
|
|
table tbody tr th,
|
|
table tbody tr td,
|
|
table tr td {
|
|
display: table-cell;
|
|
line-height: 1.125rem
|
|
}
|
|
|
|
.tabs {
|
|
margin-bottom: 0 !important;
|
|
margin-left: 0
|
|
}
|
|
|
|
.tabs:before,
|
|
.tabs:after {
|
|
content: " ";
|
|
display: table
|
|
}
|
|
|
|
.tabs:after {
|
|
clear: both
|
|
}
|
|
|
|
.tabs dd,
|
|
.tabs .tab-title {
|
|
float: left;
|
|
list-style: none;
|
|
margin-bottom: 0 !important;
|
|
position: relative
|
|
}
|
|
|
|
.tabs dd>a,
|
|
.tabs .tab-title>a {
|
|
display: block;
|
|
background-color: #EFEFEF;
|
|
color: #222;
|
|
font-family: 'Geomanist Book', sans-serif;
|
|
font-size: 1rem;
|
|
padding: 1rem 2rem
|
|
}
|
|
|
|
.tabs dd>a:hover,
|
|
.tabs .tab-title>a:hover {
|
|
background-color: #e1e1e1
|
|
}
|
|
|
|
.tabs dd.active a,
|
|
.tabs .tab-title.active a {
|
|
background-color: #fff;
|
|
color: #222
|
|
}
|
|
|
|
.tabs.radius dd:first-child a,
|
|
.tabs.radius .tab:first-child a {
|
|
-webkit-border-bottom-left-radius: 5px;
|
|
-webkit-border-top-left-radius: 5px;
|
|
border-bottom-left-radius: 5px;
|
|
border-top-left-radius: 5px
|
|
}
|
|
|
|
.tabs.radius dd:last-child a,
|
|
.tabs.radius .tab:last-child a {
|
|
-webkit-border-bottom-right-radius: 5px;
|
|
-webkit-border-top-right-radius: 5px;
|
|
border-bottom-right-radius: 5px;
|
|
border-top-right-radius: 5px
|
|
}
|
|
|
|
.tabs.vertical dd,
|
|
.tabs.vertical .tab-title {
|
|
position: inherit;
|
|
float: none;
|
|
display: block;
|
|
top: auto
|
|
}
|
|
|
|
.tabs-content {
|
|
margin-bottom: 1.5rem;
|
|
width: 100%
|
|
}
|
|
|
|
.tabs-content:before,
|
|
.tabs-content:after {
|
|
content: " ";
|
|
display: table
|
|
}
|
|
|
|
.tabs-content:after {
|
|
clear: both
|
|
}
|
|
|
|
.tabs-content>.content {
|
|
display: none;
|
|
float: left;
|
|
padding: 0.9375rem 0;
|
|
width: 100%
|
|
}
|
|
|
|
.tabs-content>.content.active {
|
|
display: block;
|
|
float: none
|
|
}
|
|
|
|
.tabs-content>.content.contained {
|
|
padding: 0.9375rem
|
|
}
|
|
|
|
.tabs-content.vertical {
|
|
display: block
|
|
}
|
|
|
|
.tabs-content.vertical>.content {
|
|
padding: 0 0.9375rem
|
|
}
|
|
|
|
@media only screen and (min-width: 40.0625em) {
|
|
.tabs.vertical {
|
|
float: left;
|
|
margin: 0;
|
|
margin-bottom: 1.25rem !important;
|
|
max-width: 20%;
|
|
width: 20%
|
|
}
|
|
.tabs-content.vertical {
|
|
float: left;
|
|
margin-left: -1px;
|
|
max-width: 80%;
|
|
padding-left: 1rem;
|
|
width: 80%
|
|
}
|
|
}
|
|
|
|
.no-js .tabs-content>.content {
|
|
display: block;
|
|
float: none
|
|
}
|
|
|
|
.th {
|
|
border: solid 4px #fff;
|
|
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);
|
|
display: inline-block;
|
|
line-height: 0;
|
|
max-width: 100%;
|
|
transition: all 200ms ease-out
|
|
}
|
|
|
|
.th:hover,
|
|
.th:focus {
|
|
box-shadow: 0 0 6px 1px rgba(34, 184, 235, 0.5)
|
|
}
|
|
|
|
.th.radius {
|
|
border-radius: 5px
|
|
}
|
|
|
|
.has-tip {
|
|
border-bottom: dotted 1px #ccc;
|
|
color: #333;
|
|
cursor: help;
|
|
font-weight: bold
|
|
}
|
|
|
|
.has-tip:hover,
|
|
.has-tip:focus {
|
|
border-bottom: dotted 1px #0a556f;
|
|
color: #22b8eb
|
|
}
|
|
|
|
.has-tip.tip-left,
|
|
.has-tip.tip-right {
|
|
float: none !important
|
|
}
|
|
|
|
.tooltip {
|
|
background: #333;
|
|
color: #fff;
|
|
display: none;
|
|
font-size: 0.875rem;
|
|
font-weight: normal;
|
|
line-height: 1.3;
|
|
max-width: 300px;
|
|
padding: 0.75rem;
|
|
position: absolute;
|
|
width: 100%;
|
|
z-index: 1006;
|
|
left: 50%
|
|
}
|
|
|
|
.tooltip>.nub {
|
|
border-color: transparent transparent #333 transparent;
|
|
border: solid 5px;
|
|
display: block;
|
|
height: 0;
|
|
pointer-events: none;
|
|
position: absolute;
|
|
top: -10px;
|
|
width: 0;
|
|
left: 5px
|
|
}
|
|
|
|
.tooltip>.nub.rtl {
|
|
left: auto;
|
|
right: 5px
|
|
}
|
|
|
|
.tooltip.radius {
|
|
border-radius: 5px
|
|
}
|
|
|
|
.tooltip.round {
|
|
border-radius: 1000px
|
|
}
|
|
|
|
.tooltip.round>.nub {
|
|
left: 2rem
|
|
}
|
|
|
|
.tooltip.opened {
|
|
border-bottom: dotted 1px #0a556f !important;
|
|
color: #22b8eb !important
|
|
}
|
|
|
|
.tap-to-close {
|
|
color: #777;
|
|
display: block;
|
|
font-size: 0.625rem;
|
|
font-weight: normal
|
|
}
|
|
|
|
@media only screen and (min-width: 40.0625em) {
|
|
.tooltip>.nub {
|
|
border-color: transparent transparent #333 transparent;
|
|
top: -10px
|
|
}
|
|
.tooltip.tip-top>.nub {
|
|
border-color: #333 transparent transparent transparent;
|
|
bottom: -10px;
|
|
top: auto
|
|
}
|
|
.tooltip.tip-left,
|
|
.tooltip.tip-right {
|
|
float: none !important
|
|
}
|
|
.tooltip.tip-left>.nub {
|
|
border-color: transparent transparent transparent #333;
|
|
left: auto;
|
|
margin-top: -5px;
|
|
right: -10px;
|
|
top: 50%
|
|
}
|
|
.tooltip.tip-right>.nub {
|
|
border-color: transparent #333 transparent transparent;
|
|
left: -10px;
|
|
margin-top: -5px;
|
|
right: auto;
|
|
top: 50%
|
|
}
|
|
}
|
|
|
|
meta.foundation-mq-topbar {
|
|
font-family: "/only screen and (min-width:40.0625em)/";
|
|
width: 40.0625em
|
|
}
|
|
|
|
.contain-to-grid {
|
|
width: 100%;
|
|
background: #333
|
|
}
|
|
|
|
.contain-to-grid .top-bar {
|
|
margin-bottom: 0
|
|
}
|
|
|
|
.fixed {
|
|
position: fixed;
|
|
top: 0;
|
|
width: 100%;
|
|
z-index: 99;
|
|
left: 0
|
|
}
|
|
|
|
.fixed.expanded:not(.top-bar) {
|
|
height: auto;
|
|
max-height: 100%;
|
|
overflow-y: auto;
|
|
width: 100%
|
|
}
|
|
|
|
.fixed.expanded:not(.top-bar) .title-area {
|
|
position: fixed;
|
|
width: 100%;
|
|
z-index: 99
|
|
}
|
|
|
|
.fixed.expanded:not(.top-bar) .top-bar-section {
|
|
margin-top: 2.8125rem;
|
|
z-index: 98
|
|
}
|
|
|
|
.top-bar {
|
|
background: #333;
|
|
height: 2.8125rem;
|
|
line-height: 2.8125rem;
|
|
margin-bottom: 0;
|
|
overflow: hidden;
|
|
position: relative
|
|
}
|
|
|
|
.top-bar ul {
|
|
list-style: none;
|
|
margin-bottom: 0
|
|
}
|
|
|
|
.top-bar .row {
|
|
max-width: none
|
|
}
|
|
|
|
.top-bar form,
|
|
.top-bar input,
|
|
.top-bar select {
|
|
margin-bottom: 0
|
|
}
|
|
|
|
.top-bar input,
|
|
.top-bar select {
|
|
font-size: 0.75rem;
|
|
height: 1.75rem;
|
|
padding-bottom: .35rem;
|
|
padding-top: .35rem
|
|
}
|
|
|
|
.top-bar .button,
|
|
.top-bar button {
|
|
font-size: 0.75rem;
|
|
margin-bottom: 0;
|
|
padding-bottom: 0.4125rem;
|
|
padding-top: 0.4125rem
|
|
}
|
|
|
|
@media only screen and (max-width: 40em) {
|
|
.top-bar .button,
|
|
.top-bar button {
|
|
position: relative;
|
|
top: -1px
|
|
}
|
|
}
|
|
|
|
.top-bar .title-area {
|
|
margin: 0;
|
|
position: relative
|
|
}
|
|
|
|
.top-bar .name {
|
|
font-size: 16px;
|
|
height: 2.8125rem;
|
|
margin: 0
|
|
}
|
|
|
|
.top-bar .name h1,
|
|
.top-bar .name h2,
|
|
.top-bar .name h3,
|
|
.top-bar .name h4,
|
|
.top-bar .name p,
|
|
.top-bar .name span {
|
|
font-size: 1.0625rem;
|
|
line-height: 2.8125rem;
|
|
margin: 0
|
|
}
|
|
|
|
.top-bar .name h1 a,
|
|
.top-bar .name h2 a,
|
|
.top-bar .name h3 a,
|
|
.top-bar .name h4 a,
|
|
.top-bar .name p a,
|
|
.top-bar .name span a {
|
|
color: #fff;
|
|
display: block;
|
|
font-weight: normal;
|
|
padding: 0 0.9375rem;
|
|
width: 75%
|
|
}
|
|
|
|
.top-bar .toggle-topbar {
|
|
position: absolute;
|
|
right: 0;
|
|
top: 0
|
|
}
|
|
|
|
.top-bar .toggle-topbar a {
|
|
color: #fff;
|
|
display: block;
|
|
font-size: 0.8125rem;
|
|
font-weight: bold;
|
|
height: 2.8125rem;
|
|
line-height: 2.8125rem;
|
|
padding: 0 0.9375rem;
|
|
position: relative;
|
|
text-transform: uppercase
|
|
}
|
|
|
|
.top-bar .toggle-topbar.menu-icon {
|
|
margin-top: -16px;
|
|
top: 50%
|
|
}
|
|
|
|
.top-bar .toggle-topbar.menu-icon a {
|
|
color: #fff;
|
|
height: 34px;
|
|
line-height: 33px;
|
|
padding: 0 2.5rem 0 0.9375rem;
|
|
position: relative
|
|
}
|
|
|
|
.top-bar .toggle-topbar.menu-icon a span::after {
|
|
content: "";
|
|
display: block;
|
|
height: 0;
|
|
position: absolute;
|
|
margin-top: -8px;
|
|
top: 50%;
|
|
right: 0.9375rem;
|
|
box-shadow: 0 0 0 1px #fff, 0 7px 0 1px #fff, 0 14px 0 1px #fff;
|
|
width: 16px
|
|
}
|
|
|
|
.top-bar .toggle-topbar.menu-icon a span:hover:after {
|
|
box-shadow: 0 0 0 1px "", 0 7px 0 1px "", 0 14px 0 1px ""
|
|
}
|
|
|
|
.top-bar.expanded {
|
|
background: transparent;
|
|
height: auto
|
|
}
|
|
|
|
.top-bar.expanded .title-area {
|
|
background: #333
|
|
}
|
|
|
|
.top-bar.expanded .toggle-topbar a {
|
|
color: #888
|
|
}
|
|
|
|
.top-bar.expanded .toggle-topbar a span::after {
|
|
box-shadow: 0 0 0 1px #888, 0 7px 0 1px #888, 0 14px 0 1px #888
|
|
}
|
|
|
|
@media screen and (-webkit-min-device-pixel-ratio: 0) {
|
|
.top-bar.expanded .top-bar-section .has-dropdown.moved>.dropdown,
|
|
.top-bar.expanded .top-bar-section .dropdown {
|
|
clip: initial
|
|
}
|
|
.top-bar.expanded .top-bar-section .has-dropdown:not(.moved)>ul {
|
|
padding: 0
|
|
}
|
|
}
|
|
|
|
.top-bar-section {
|
|
left: 0;
|
|
position: relative;
|
|
width: auto;
|
|
transition: left 300ms ease-out
|
|
}
|
|
|
|
.top-bar-section ul {
|
|
display: block;
|
|
font-size: 16px;
|
|
height: auto;
|
|
margin: 0;
|
|
padding: 0;
|
|
width: 100%
|
|
}
|
|
|
|
.top-bar-section .divider,
|
|
.top-bar-section [role="separator"] {
|
|
border-top: solid 1px #1a1a1a;
|
|
clear: both;
|
|
height: 1px;
|
|
width: 100%
|
|
}
|
|
|
|
.top-bar-section ul li {
|
|
background: #333
|
|
}
|
|
|
|
.top-bar-section ul li>a {
|
|
color: #fff;
|
|
display: block;
|
|
font-family: 'Geomanist Book', sans-serif;
|
|
font-size: 0.8125rem;
|
|
font-weight: normal;
|
|
padding-left: 0.9375rem;
|
|
padding: 12px 0 12px 0.9375rem;
|
|
text-transform: none;
|
|
width: 100%
|
|
}
|
|
|
|
.top-bar-section ul li>a.button {
|
|
font-size: 0.8125rem;
|
|
padding-left: 0.9375rem;
|
|
padding-right: 0.9375rem;
|
|
background-color: #22b8eb;
|
|
border-color: #1298c5;
|
|
color: #fff
|
|
}
|
|
|
|
.top-bar-section ul li>a.button:hover,
|
|
.top-bar-section ul li>a.button:focus {
|
|
background-color: #1298c5
|
|
}
|
|
|
|
.top-bar-section ul li>a.button:hover,
|
|
.top-bar-section ul li>a.button:focus {
|
|
color: #fff
|
|
}
|
|
|
|
.top-bar-section ul li>a.button.secondary {
|
|
background-color: #FF992E;
|
|
border-color: #f17b00;
|
|
color: #fff
|
|
}
|
|
|
|
.top-bar-section ul li>a.button.secondary:hover,
|
|
.top-bar-section ul li>a.button.secondary:focus {
|
|
background-color: #f17b00
|
|
}
|
|
|
|
.top-bar-section ul li>a.button.secondary:hover,
|
|
.top-bar-section ul li>a.button.secondary:focus {
|
|
color: #fff
|
|
}
|
|
|
|
.top-bar-section ul li>a.button.success {
|
|
background-color: #43AC6A;
|
|
border-color: #368a55;
|
|
color: #fff
|
|
}
|
|
|
|
.top-bar-section ul li>a.button.success:hover,
|
|
.top-bar-section ul li>a.button.success:focus {
|
|
background-color: #368a55
|
|
}
|
|
|
|
.top-bar-section ul li>a.button.success:hover,
|
|
.top-bar-section ul li>a.button.success:focus {
|
|
color: #fff
|
|
}
|
|
|
|
.top-bar-section ul li>a.button.alert {
|
|
background-color: #f04124;
|
|
border-color: #cf2a0e;
|
|
color: #fff
|
|
}
|
|
|
|
.top-bar-section ul li>a.button.alert:hover,
|
|
.top-bar-section ul li>a.button.alert:focus {
|
|
background-color: #cf2a0e
|
|
}
|
|
|
|
.top-bar-section ul li>a.button.alert:hover,
|
|
.top-bar-section ul li>a.button.alert:focus {
|
|
color: #fff
|
|
}
|
|
|
|
.top-bar-section ul li>a.button.warning {
|
|
background-color: #f08a24;
|
|
border-color: #cf6e0e;
|
|
color: #fff
|
|
}
|
|
|
|
.top-bar-section ul li>a.button.warning:hover,
|
|
.top-bar-section ul li>a.button.warning:focus {
|
|
background-color: #cf6e0e
|
|
}
|
|
|
|
.top-bar-section ul li>a.button.warning:hover,
|
|
.top-bar-section ul li>a.button.warning:focus {
|
|
color: #fff
|
|
}
|
|
|
|
.top-bar-section ul li>a.button.info {
|
|
background-color: #a0d3e8;
|
|
border-color: #61b6d9;
|
|
color: #333
|
|
}
|
|
|
|
.top-bar-section ul li>a.button.info:hover,
|
|
.top-bar-section ul li>a.button.info:focus {
|
|
background-color: #61b6d9
|
|
}
|
|
|
|
.top-bar-section ul li>a.button.info:hover,
|
|
.top-bar-section ul li>a.button.info:focus {
|
|
color: #fff
|
|
}
|
|
|
|
.top-bar-section ul li>button {
|
|
font-size: 0.8125rem;
|
|
padding-left: 0.9375rem;
|
|
padding-right: 0.9375rem;
|
|
background-color: #22b8eb;
|
|
border-color: #1298c5;
|
|
color: #fff
|
|
}
|
|
|
|
.top-bar-section ul li>button:hover,
|
|
.top-bar-section ul li>button:focus {
|
|
background-color: #1298c5
|
|
}
|
|
|
|
.top-bar-section ul li>button:hover,
|
|
.top-bar-section ul li>button:focus {
|
|
color: #fff
|
|
}
|
|
|
|
.top-bar-section ul li>button.secondary {
|
|
background-color: #FF992E;
|
|
border-color: #f17b00;
|
|
color: #fff
|
|
}
|
|
|
|
.top-bar-section ul li>button.secondary:hover,
|
|
.top-bar-section ul li>button.secondary:focus {
|
|
background-color: #f17b00
|
|
}
|
|
|
|
.top-bar-section ul li>button.secondary:hover,
|
|
.top-bar-section ul li>button.secondary:focus {
|
|
color: #fff
|
|
}
|
|
|
|
.top-bar-section ul li>button.success {
|
|
background-color: #43AC6A;
|
|
border-color: #368a55;
|
|
color: #fff
|
|
}
|
|
|
|
.top-bar-section ul li>button.success:hover,
|
|
.top-bar-section ul li>button.success:focus {
|
|
background-color: #368a55
|
|
}
|
|
|
|
.top-bar-section ul li>button.success:hover,
|
|
.top-bar-section ul li>button.success:focus {
|
|
color: #fff
|
|
}
|
|
|
|
.top-bar-section ul li>button.alert {
|
|
background-color: #f04124;
|
|
border-color: #cf2a0e;
|
|
color: #fff
|
|
}
|
|
|
|
.top-bar-section ul li>button.alert:hover,
|
|
.top-bar-section ul li>button.alert:focus {
|
|
background-color: #cf2a0e
|
|
}
|
|
|
|
.top-bar-section ul li>button.alert:hover,
|
|
.top-bar-section ul li>button.alert:focus {
|
|
color: #fff
|
|
}
|
|
|
|
.top-bar-section ul li>button.warning {
|
|
background-color: #f08a24;
|
|
border-color: #cf6e0e;
|
|
color: #fff
|
|
}
|
|
|
|
.top-bar-section ul li>button.warning:hover,
|
|
.top-bar-section ul li>button.warning:focus {
|
|
background-color: #cf6e0e
|
|
}
|
|
|
|
.top-bar-section ul li>button.warning:hover,
|
|
.top-bar-section ul li>button.warning:focus {
|
|
color: #fff
|
|
}
|
|
|
|
.top-bar-section ul li>button.info {
|
|
background-color: #a0d3e8;
|
|
border-color: #61b6d9;
|
|
color: #333
|
|
}
|
|
|
|
.top-bar-section ul li>button.info:hover,
|
|
.top-bar-section ul li>button.info:focus {
|
|
background-color: #61b6d9
|
|
}
|
|
|
|
.top-bar-section ul li>button.info:hover,
|
|
.top-bar-section ul li>button.info:focus {
|
|
color: #fff
|
|
}
|
|
|
|
.top-bar-section ul li:hover:not(.has-form)>a {
|
|
background-color: #555;
|
|
color: #fff;
|
|
background: #222
|
|
}
|
|
|
|
.top-bar-section ul li.active>a {
|
|
background: #22b8eb;
|
|
color: #fff
|
|
}
|
|
|
|
.top-bar-section ul li.active>a:hover {
|
|
background: #13a3d4;
|
|
color: #fff
|
|
}
|
|
|
|
.top-bar-section .has-form {
|
|
padding: 0.9375rem
|
|
}
|
|
|
|
.top-bar-section .has-dropdown {
|
|
position: relative
|
|
}
|
|
|
|
.top-bar-section .has-dropdown>a:after {
|
|
border: inset 5px;
|
|
content: "";
|
|
display: block;
|
|
height: 0;
|
|
width: 0;
|
|
border-color: transparent transparent transparent rgba(255, 255, 255, 0.4);
|
|
border-left-style: solid;
|
|
margin-right: 0.9375rem;
|
|
margin-top: -4.5px;
|
|
position: absolute;
|
|
top: 50%;
|
|
right: 0
|
|
}
|
|
|
|
.top-bar-section .has-dropdown.moved {
|
|
position: static
|
|
}
|
|
|
|
.top-bar-section .has-dropdown.moved>.dropdown {
|
|
position: static !important;
|
|
height: auto;
|
|
width: auto;
|
|
overflow: visible;
|
|
clip: auto;
|
|
display: block;
|
|
position: absolute !important;
|
|
width: 100%
|
|
}
|
|
|
|
.top-bar-section .has-dropdown.moved>a:after {
|
|
display: none
|
|
}
|
|
|
|
.top-bar-section .dropdown {
|
|
clip: rect(1px, 1px, 1px, 1px);
|
|
height: 1px;
|
|
overflow: hidden;
|
|
position: absolute !important;
|
|
width: 1px;
|
|
display: block;
|
|
padding: 0;
|
|
position: absolute;
|
|
top: 0;
|
|
z-index: 99;
|
|
left: 100%
|
|
}
|
|
|
|
.top-bar-section .dropdown li {
|
|
height: auto;
|
|
width: 100%
|
|
}
|
|
|
|
.top-bar-section .dropdown li a {
|
|
font-weight: normal;
|
|
padding: 8px 0.9375rem
|
|
}
|
|
|
|
.top-bar-section .dropdown li a.parent-link {
|
|
font-weight: normal
|
|
}
|
|
|
|
.top-bar-section .dropdown li.title h5,
|
|
.top-bar-section .dropdown li.parent-link {
|
|
margin-bottom: 0;
|
|
margin-top: 0;
|
|
font-size: 1.125rem
|
|
}
|
|
|
|
.top-bar-section .dropdown li.title h5 a,
|
|
.top-bar-section .dropdown li.parent-link a {
|
|
color: #fff;
|
|
display: block
|
|
}
|
|
|
|
.top-bar-section .dropdown li.title h5 a:hover,
|
|
.top-bar-section .dropdown li.parent-link a:hover {
|
|
background: none
|
|
}
|
|
|
|
.top-bar-section .dropdown li.has-form {
|
|
padding: 8px 0.9375rem
|
|
}
|
|
|
|
.top-bar-section .dropdown li .button,
|
|
.top-bar-section .dropdown li button {
|
|
top: auto
|
|
}
|
|
|
|
.top-bar-section .dropdown label {
|
|
color: #777;
|
|
font-size: 0.625rem;
|
|
font-weight: bold;
|
|
margin-bottom: 0;
|
|
padding: 8px 0.9375rem 2px;
|
|
text-transform: uppercase
|
|
}
|
|
|
|
.js-generated {
|
|
display: block
|
|
}
|
|
|
|
@media only screen and (min-width: 40.0625em) {
|
|
.top-bar {
|
|
background: #333;
|
|
overflow: visible
|
|
}
|
|
.top-bar:before,
|
|
.top-bar:after {
|
|
content: " ";
|
|
display: table
|
|
}
|
|
.top-bar:after {
|
|
clear: both
|
|
}
|
|
.top-bar .toggle-topbar {
|
|
display: none
|
|
}
|
|
.top-bar .title-area {
|
|
float: left
|
|
}
|
|
.top-bar .name h1 a,
|
|
.top-bar .name h2 a,
|
|
.top-bar .name h3 a,
|
|
.top-bar .name h4 a,
|
|
.top-bar .name h5 a,
|
|
.top-bar .name h6 a {
|
|
width: auto
|
|
}
|
|
.top-bar input,
|
|
.top-bar select,
|
|
.top-bar .button,
|
|
.top-bar button {
|
|
font-size: 0.875rem;
|
|
height: 1.75rem;
|
|
position: relative;
|
|
top: 0.53125rem
|
|
}
|
|
.top-bar.expanded {
|
|
background: #333
|
|
}
|
|
.contain-to-grid .top-bar {
|
|
margin-bottom: 0;
|
|
margin: 0 auto;
|
|
max-width: 75rem
|
|
}
|
|
.top-bar-section {
|
|
transition: none 0 0;
|
|
left: 0 !important
|
|
}
|
|
.top-bar-section ul {
|
|
display: inline;
|
|
height: auto !important;
|
|
width: auto
|
|
}
|
|
.top-bar-section ul li {
|
|
float: left
|
|
}
|
|
.top-bar-section ul li .js-generated {
|
|
display: none
|
|
}
|
|
.top-bar-section li.hover>a:not(.button) {
|
|
background-color: #555;
|
|
background: #222;
|
|
color: #fff
|
|
}
|
|
.top-bar-section li:not(.has-form) a:not(.button) {
|
|
background: #333;
|
|
line-height: 2.8125rem;
|
|
padding: 0 0.9375rem
|
|
}
|
|
.top-bar-section li:not(.has-form) a:not(.button):hover {
|
|
background-color: #555;
|
|
background: #222
|
|
}
|
|
.top-bar-section li.active:not(.has-form) a:not(.button) {
|
|
background: #22b8eb;
|
|
color: #fff;
|
|
line-height: 2.8125rem;
|
|
padding: 0 0.9375rem
|
|
}
|
|
.top-bar-section li.active:not(.has-form) a:not(.button):hover {
|
|
background: #13a3d4;
|
|
color: #fff
|
|
}
|
|
.top-bar-section .has-dropdown>a {
|
|
padding-right: 2.1875rem !important
|
|
}
|
|
.top-bar-section .has-dropdown>a:after {
|
|
border: inset 5px;
|
|
content: "";
|
|
display: block;
|
|
height: 0;
|
|
width: 0;
|
|
border-color: rgba(255, 255, 255, 0.4) transparent transparent transparent;
|
|
border-top-style: solid;
|
|
margin-top: -2.5px;
|
|
top: 1.40625rem
|
|
}
|
|
.top-bar-section .has-dropdown.moved {
|
|
position: relative
|
|
}
|
|
.top-bar-section .has-dropdown.moved>.dropdown {
|
|
clip: rect(1px, 1px, 1px, 1px);
|
|
height: 1px;
|
|
overflow: hidden;
|
|
position: absolute !important;
|
|
width: 1px;
|
|
display: block
|
|
}
|
|
.top-bar-section .has-dropdown.hover>.dropdown,
|
|
.top-bar-section .has-dropdown.not-click:hover>.dropdown {
|
|
position: static !important;
|
|
height: auto;
|
|
width: auto;
|
|
overflow: visible;
|
|
clip: auto;
|
|
display: block;
|
|
position: absolute !important
|
|
}
|
|
.top-bar-section .has-dropdown>a:focus+.dropdown {
|
|
position: static !important;
|
|
height: auto;
|
|
width: auto;
|
|
overflow: visible;
|
|
clip: auto;
|
|
display: block;
|
|
position: absolute !important
|
|
}
|
|
.top-bar-section .has-dropdown .dropdown li.has-dropdown>a:after {
|
|
border: none;
|
|
content: "\00bb";
|
|
top: 0.1875rem;
|
|
right: 5px
|
|
}
|
|
.top-bar-section .dropdown {
|
|
left: 0;
|
|
background: transparent;
|
|
min-width: 100%;
|
|
top: auto
|
|
}
|
|
.top-bar-section .dropdown li a {
|
|
background: #333;
|
|
color: #fff;
|
|
line-height: 2.8125rem;
|
|
padding: 12px 0.9375rem;
|
|
white-space: nowrap
|
|
}
|
|
.top-bar-section .dropdown li:not(.has-form):not(.active)>a:not(.button) {
|
|
background: #333;
|
|
color: #fff
|
|
}
|
|
.top-bar-section .dropdown li:not(.has-form):not(.active):hover>a:not(.button) {
|
|
background-color: #555;
|
|
color: #fff;
|
|
background: #222
|
|
}
|
|
.top-bar-section .dropdown li label {
|
|
background: #333;
|
|
white-space: nowrap
|
|
}
|
|
.top-bar-section .dropdown li .dropdown {
|
|
left: 100%;
|
|
top: 0
|
|
}
|
|
.top-bar-section>ul>.divider,
|
|
.top-bar-section>ul>[role="separator"] {
|
|
border-right: solid 1px #4e4e4e;
|
|
border-bottom: none;
|
|
border-top: none;
|
|
clear: none;
|
|
height: 2.8125rem;
|
|
width: 0
|
|
}
|
|
.top-bar-section .has-form {
|
|
background: #333;
|
|
height: 2.8125rem;
|
|
padding: 0 0.9375rem
|
|
}
|
|
.top-bar-section .right li .dropdown {
|
|
left: auto;
|
|
right: 0
|
|
}
|
|
.top-bar-section .right li .dropdown li .dropdown {
|
|
right: 100%
|
|
}
|
|
.top-bar-section .left li .dropdown {
|
|
right: auto;
|
|
left: 0
|
|
}
|
|
.top-bar-section .left li .dropdown li .dropdown {
|
|
left: 100%
|
|
}
|
|
.no-js .top-bar-section ul li:hover>a {
|
|
background-color: #555;
|
|
background: #222;
|
|
color: #fff
|
|
}
|
|
.no-js .top-bar-section ul li:active>a {
|
|
background: #22b8eb;
|
|
color: #fff
|
|
}
|
|
.no-js .top-bar-section .has-dropdown:hover>.dropdown {
|
|
position: static !important;
|
|
height: auto;
|
|
width: auto;
|
|
overflow: visible;
|
|
clip: auto;
|
|
display: block;
|
|
position: absolute !important
|
|
}
|
|
.no-js .top-bar-section .has-dropdown>a:focus+.dropdown {
|
|
position: static !important;
|
|
height: auto;
|
|
width: auto;
|
|
overflow: visible;
|
|
clip: auto;
|
|
display: block;
|
|
position: absolute !important
|
|
}
|
|
}
|
|
|
|
.text-left {
|
|
text-align: left !important
|
|
}
|
|
|
|
.text-right {
|
|
text-align: right !important
|
|
}
|
|
|
|
.text-center {
|
|
text-align: center !important
|
|
}
|
|
|
|
.text-justify {
|
|
text-align: justify !important
|
|
}
|
|
|
|
@media only screen and (max-width: 40em) {
|
|
.small-only-text-left {
|
|
text-align: left !important
|
|
}
|
|
.small-only-text-right {
|
|
text-align: right !important
|
|
}
|
|
.small-only-text-center {
|
|
text-align: center !important
|
|
}
|
|
.small-only-text-justify {
|
|
text-align: justify !important
|
|
}
|
|
}
|
|
|
|
@media only screen {
|
|
.small-text-left {
|
|
text-align: left !important
|
|
}
|
|
.small-text-right {
|
|
text-align: right !important
|
|
}
|
|
.small-text-center {
|
|
text-align: center !important
|
|
}
|
|
.small-text-justify {
|
|
text-align: justify !important
|
|
}
|
|
}
|
|
|
|
@media only screen and (min-width: 40.0625em) and (max-width: 58.75em) {
|
|
.medium-only-text-left {
|
|
text-align: left !important
|
|
}
|
|
.medium-only-text-right {
|
|
text-align: right !important
|
|
}
|
|
.medium-only-text-center {
|
|
text-align: center !important
|
|
}
|
|
.medium-only-text-justify {
|
|
text-align: justify !important
|
|
}
|
|
}
|
|
|
|
@media only screen and (min-width: 40.0625em) {
|
|
.medium-text-left {
|
|
text-align: left !important
|
|
}
|
|
.medium-text-right {
|
|
text-align: right !important
|
|
}
|
|
.medium-text-center {
|
|
text-align: center !important
|
|
}
|
|
.medium-text-justify {
|
|
text-align: justify !important
|
|
}
|
|
}
|
|
|
|
@media only screen and (min-width: 58.8125em) and (max-width: 90em) {
|
|
.large-only-text-left {
|
|
text-align: left !important
|
|
}
|
|
.large-only-text-right {
|
|
text-align: right !important
|
|
}
|
|
.large-only-text-center {
|
|
text-align: center !important
|
|
}
|
|
.large-only-text-justify {
|
|
text-align: justify !important
|
|
}
|
|
}
|
|
|
|
@media only screen and (min-width: 58.8125em) {
|
|
.large-text-left {
|
|
text-align: left !important
|
|
}
|
|
.large-text-right {
|
|
text-align: right !important
|
|
}
|
|
.large-text-center {
|
|
text-align: center !important
|
|
}
|
|
.large-text-justify {
|
|
text-align: justify !important
|
|
}
|
|
}
|
|
|
|
@media only screen and (min-width: 90.0625em) and (max-width: 120em) {
|
|
.xlarge-only-text-left {
|
|
text-align: left !important
|
|
}
|
|
.xlarge-only-text-right {
|
|
text-align: right !important
|
|
}
|
|
.xlarge-only-text-center {
|
|
text-align: center !important
|
|
}
|
|
.xlarge-only-text-justify {
|
|
text-align: justify !important
|
|
}
|
|
}
|
|
|
|
@media only screen and (min-width: 90.0625em) {
|
|
.xlarge-text-left {
|
|
text-align: left !important
|
|
}
|
|
.xlarge-text-right {
|
|
text-align: right !important
|
|
}
|
|
.xlarge-text-center {
|
|
text-align: center !important
|
|
}
|
|
.xlarge-text-justify {
|
|
text-align: justify !important
|
|
}
|
|
}
|
|
|
|
@media only screen and (min-width: 120.0625em) and (max-width: 6249999.9375em) {
|
|
.xxlarge-only-text-left {
|
|
text-align: left !important
|
|
}
|
|
.xxlarge-only-text-right {
|
|
text-align: right !important
|
|
}
|
|
.xxlarge-only-text-center {
|
|
text-align: center !important
|
|
}
|
|
.xxlarge-only-text-justify {
|
|
text-align: justify !important
|
|
}
|
|
}
|
|
|
|
@media only screen and (min-width: 120.0625em) {
|
|
.xxlarge-text-left {
|
|
text-align: left !important
|
|
}
|
|
.xxlarge-text-right {
|
|
text-align: right !important
|
|
}
|
|
.xxlarge-text-center {
|
|
text-align: center !important
|
|
}
|
|
.xxlarge-text-justify {
|
|
text-align: justify !important
|
|
}
|
|
}
|
|
|
|
div,
|
|
dl,
|
|
dt,
|
|
dd,
|
|
ul,
|
|
ol,
|
|
li,
|
|
h1,
|
|
h2,
|
|
h3,
|
|
h4,
|
|
h5,
|
|
h6,
|
|
pre,
|
|
form,
|
|
p,
|
|
blockquote,
|
|
th,
|
|
td {
|
|
margin: 0;
|
|
padding: 0
|
|
}
|
|
|
|
a {
|
|
color: #FF992E;
|
|
line-height: inherit;
|
|
text-decoration: none
|
|
}
|
|
|
|
a:hover,
|
|
a:focus {
|
|
color: #ff8404
|
|
}
|
|
|
|
a img {
|
|
border: none
|
|
}
|
|
|
|
p {
|
|
font-family: inherit;
|
|
font-size: 1rem;
|
|
font-weight: 300;
|
|
line-height: 1.6;
|
|
margin-bottom: 1.25rem;
|
|
text-rendering: optimizeLegibility
|
|
}
|
|
|
|
p.lead {
|
|
font-size: 1.21875rem;
|
|
line-height: 1.6
|
|
}
|
|
|
|
p aside {
|
|
font-size: 0.875rem;
|
|
font-style: italic;
|
|
line-height: 1.35
|
|
}
|
|
|
|
h1,
|
|
h2,
|
|
h3,
|
|
h4,
|
|
h5,
|
|
h6 {
|
|
color: #22b8eb;
|
|
font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
|
|
font-style: normal;
|
|
font-weight: 100;
|
|
line-height: 1.4;
|
|
margin-bottom: 0.5rem;
|
|
margin-top: 0.2rem;
|
|
text-rendering: optimizeLegibility
|
|
}
|
|
|
|
h1 small,
|
|
h2 small,
|
|
h3 small,
|
|
h4 small,
|
|
h5 small,
|
|
h6 small {
|
|
color: #6fd1f2;
|
|
font-size: 60%;
|
|
line-height: 0
|
|
}
|
|
|
|
h1 {
|
|
font-size: 2.25rem
|
|
}
|
|
|
|
h2 {
|
|
font-size: 1.8125rem
|
|
}
|
|
|
|
h3 {
|
|
font-size: 1.5rem
|
|
}
|
|
|
|
h4 {
|
|
font-size: 1.25rem
|
|
}
|
|
|
|
h5 {
|
|
font-size: 1.125rem
|
|
}
|
|
|
|
h6 {
|
|
font-size: 1rem
|
|
}
|
|
|
|
.subheader {
|
|
line-height: 1.4;
|
|
color: #6fd1f2;
|
|
font-weight: normal;
|
|
margin-top: 0.2rem;
|
|
margin-bottom: 0.5rem
|
|
}
|
|
|
|
hr {
|
|
border: solid #efefef;
|
|
border-width: 1px 0 0;
|
|
clear: both;
|
|
height: 0;
|
|
margin: 1.25rem 0 1.1875rem
|
|
}
|
|
|
|
em,
|
|
i {
|
|
font-style: italic;
|
|
line-height: inherit
|
|
}
|
|
|
|
strong,
|
|
b {
|
|
font-weight: bold;
|
|
line-height: inherit
|
|
}
|
|
|
|
small {
|
|
font-size: 60%;
|
|
line-height: inherit
|
|
}
|
|
|
|
code {
|
|
font-family: Consolas, "Liberation Mono", Courier, monospace;
|
|
font-weight: normal;
|
|
}
|
|
|
|
ul,
|
|
ol,
|
|
dl {
|
|
font-family: inherit;
|
|
line-height: 1.6;
|
|
list-style-position: outside;
|
|
margin-bottom: 1.25rem
|
|
}
|
|
|
|
ul {
|
|
margin-left: 1.1rem
|
|
}
|
|
|
|
ul.no-bullet {
|
|
margin-left: 0
|
|
}
|
|
|
|
ul.no-bullet li ul,
|
|
ul.no-bullet li ol {
|
|
margin-left: 1.25rem;
|
|
margin-bottom: 0;
|
|
list-style: none
|
|
}
|
|
|
|
ul li ul,
|
|
ul li ol {
|
|
margin-left: 1.25rem;
|
|
margin-bottom: 0
|
|
}
|
|
|
|
ul.square li ul,
|
|
ul.circle li ul,
|
|
ul.disc li ul {
|
|
list-style: inherit
|
|
}
|
|
|
|
ul.square {
|
|
list-style-type: square;
|
|
margin-left: 1.1rem
|
|
}
|
|
|
|
ul.circle {
|
|
list-style-type: circle;
|
|
margin-left: 1.1rem
|
|
}
|
|
|
|
ul.disc {
|
|
list-style-type: disc;
|
|
margin-left: 1.1rem
|
|
}
|
|
|
|
ul.no-bullet {
|
|
list-style: none
|
|
}
|
|
|
|
ol {
|
|
margin-left: 1.4rem
|
|
}
|
|
|
|
ol li ul,
|
|
ol li ol {
|
|
margin-left: 1.25rem;
|
|
margin-bottom: 0
|
|
}
|
|
|
|
dl dt {
|
|
margin-bottom: 0.3rem;
|
|
font-weight: bold
|
|
}
|
|
|
|
dl dd {
|
|
margin-bottom: 0.75rem
|
|
}
|
|
|
|
abbr,
|
|
acronym {
|
|
text-transform: uppercase;
|
|
font-size: 90%;
|
|
color: #7A8491;
|
|
cursor: help
|
|
}
|
|
|
|
abbr {
|
|
text-transform: none
|
|
}
|
|
|
|
abbr[title] {
|
|
border-bottom: 1px dotted #ddd
|
|
}
|
|
|
|
blockquote {
|
|
margin: 0 0 1.25rem;
|
|
padding: 0.5625rem 1.25rem 0 1.1875rem;
|
|
border-left: 0 solid #000
|
|
}
|
|
|
|
blockquote cite {
|
|
display: block;
|
|
font-size: 0.8125rem;
|
|
color: #55c8f0
|
|
}
|
|
|
|
blockquote cite:before {
|
|
content: "\2014 \0020"
|
|
}
|
|
|
|
blockquote cite a,
|
|
blockquote cite a:visited {
|
|
color: #55c8f0
|
|
}
|
|
|
|
blockquote,
|
|
blockquote p {
|
|
line-height: 1.6;
|
|
color: #22b8eb
|
|
}
|
|
|
|
.vcard {
|
|
display: inline-block;
|
|
margin: 0 0 1.25rem 0;
|
|
border: 1px solid #ddd;
|
|
padding: 0.625rem 0.75rem
|
|
}
|
|
|
|
.vcard li {
|
|
margin: 0;
|
|
display: block
|
|
}
|
|
|
|
.vcard .fn {
|
|
font-weight: bold;
|
|
font-size: 0.9375rem
|
|
}
|
|
|
|
.vevent .summary {
|
|
font-weight: bold
|
|
}
|
|
|
|
.vevent abbr {
|
|
cursor: default;
|
|
text-decoration: none;
|
|
font-weight: bold;
|
|
border: none;
|
|
padding: 0 0.0625rem
|
|
}
|
|
|
|
@media only screen and (min-width: 40.0625em) {
|
|
h1,
|
|
h2,
|
|
h3,
|
|
h4,
|
|
h5,
|
|
h6 {
|
|
line-height: 1.4
|
|
}
|
|
h1 {
|
|
font-size: 2.75rem
|
|
}
|
|
h2 {
|
|
font-size: 2.3125rem
|
|
}
|
|
h3 {
|
|
font-size: 1.6875rem
|
|
}
|
|
h4 {
|
|
font-size: 1.4375rem
|
|
}
|
|
h5 {
|
|
font-size: 1.125rem
|
|
}
|
|
h6 {
|
|
font-size: 1rem
|
|
}
|
|
}
|
|
|
|
.off-canvas-wrap {
|
|
-webkit-backface-visibility: hidden;
|
|
position: relative;
|
|
width: 100%;
|
|
overflow: hidden
|
|
}
|
|
|
|
.off-canvas-wrap.move-right,
|
|
.off-canvas-wrap.move-left {
|
|
min-height: 100%;
|
|
-webkit-overflow-scrolling: touch
|
|
}
|
|
|
|
.inner-wrap {
|
|
position: relative;
|
|
width: 100%;
|
|
-webkit-transition: -webkit-transform 500ms ease;
|
|
-moz-transition: -moz-transform 500ms ease;
|
|
-ms-transition: -ms-transform 500ms ease;
|
|
-o-transition: -o-transform 500ms ease;
|
|
transition: transform 500ms ease
|
|
}
|
|
|
|
.inner-wrap:before,
|
|
.inner-wrap:after {
|
|
content: " ";
|
|
display: table
|
|
}
|
|
|
|
.inner-wrap:after {
|
|
clear: both
|
|
}
|
|
|
|
.tab-bar {
|
|
-webkit-backface-visibility: hidden;
|
|
background: #333;
|
|
color: #fff;
|
|
height: 2.8125rem;
|
|
line-height: 2.8125rem;
|
|
position: relative
|
|
}
|
|
|
|
.tab-bar h1,
|
|
.tab-bar h2,
|
|
.tab-bar h3,
|
|
.tab-bar h4,
|
|
.tab-bar h5,
|
|
.tab-bar h6 {
|
|
color: #fff;
|
|
font-weight: 300;
|
|
line-height: 2.8125rem;
|
|
margin: 0
|
|
}
|
|
|
|
.tab-bar h1,
|
|
.tab-bar h2,
|
|
.tab-bar h3,
|
|
.tab-bar h4 {
|
|
font-size: 1.125rem
|
|
}
|
|
|
|
.left-small {
|
|
height: 2.8125rem;
|
|
position: absolute;
|
|
top: 0;
|
|
width: 2.8125rem;
|
|
border-right: solid 1px #1a1a1a;
|
|
left: 0
|
|
}
|
|
|
|
.right-small {
|
|
height: 2.8125rem;
|
|
position: absolute;
|
|
top: 0;
|
|
width: 2.8125rem;
|
|
border-left: solid 1px #1a1a1a;
|
|
right: 0
|
|
}
|
|
|
|
.tab-bar-section {
|
|
height: 2.8125rem;
|
|
padding: 0 0.625rem;
|
|
position: absolute;
|
|
text-align: center;
|
|
top: 0
|
|
}
|
|
|
|
.tab-bar-section.left {
|
|
text-align: left
|
|
}
|
|
|
|
.tab-bar-section.right {
|
|
text-align: right
|
|
}
|
|
|
|
.tab-bar-section.left {
|
|
left: 0;
|
|
right: 2.8125rem
|
|
}
|
|
|
|
.tab-bar-section.right {
|
|
left: 2.8125rem;
|
|
right: 0
|
|
}
|
|
|
|
.tab-bar-section.middle {
|
|
left: 2.8125rem;
|
|
right: 2.8125rem
|
|
}
|
|
|
|
.tab-bar .menu-icon {
|
|
color: #fff;
|
|
display: block;
|
|
height: 2.8125rem;
|
|
padding: 0;
|
|
position: relative;
|
|
text-indent: 2.1875rem;
|
|
transform: translate3d(0, 0, 0);
|
|
width: 2.8125rem
|
|
}
|
|
|
|
.tab-bar .menu-icon span::after {
|
|
content: "";
|
|
display: block;
|
|
height: 0;
|
|
position: absolute;
|
|
top: 50%;
|
|
margin-top: -0.5rem;
|
|
left: 0.90625rem;
|
|
box-shadow: 0 0 0 1px #fff, 0 7px 0 1px #fff, 0 14px 0 1px #fff;
|
|
width: 1rem
|
|
}
|
|
|
|
.tab-bar .menu-icon span:hover:after {
|
|
box-shadow: 0 0 0 1px #b3b3b3, 0 7px 0 1px #b3b3b3, 0 14px 0 1px #b3b3b3
|
|
}
|
|
|
|
.left-off-canvas-menu {
|
|
display: none;
|
|
-webkit-backface-visibility: hidden;
|
|
background: #134a6a;
|
|
bottom: 0;
|
|
box-sizing: content-box;
|
|
-webkit-overflow-scrolling: touch;
|
|
-ms-overflow-style: -ms-autohiding-scrollbar;
|
|
overflow-x: hidden;
|
|
overflow-y: auto;
|
|
position: absolute;
|
|
top: 0;
|
|
transition: transform 500ms ease 0s;
|
|
width: 15.625rem;
|
|
z-index: 1001;
|
|
-webkit-transform: translate3d(-100%, 0, 0);
|
|
-moz-transform: translate3d(-100%, 0, 0);
|
|
-ms-transform: translate(-100%, 0);
|
|
-ms-transform: translate3d(-100%, 0, 0);
|
|
-o-transform: translate3d(-100%, 0, 0);
|
|
transform: translate3d(-100%, 0, 0);
|
|
left: 0
|
|
}
|
|
|
|
.left-off-canvas-menu * {
|
|
-webkit-backface-visibility: hidden
|
|
}
|
|
|
|
.right-off-canvas-menu {
|
|
-webkit-backface-visibility: hidden;
|
|
background: #134a6a;
|
|
bottom: 0;
|
|
box-sizing: content-box;
|
|
-webkit-overflow-scrolling: touch;
|
|
-ms-overflow-style: -ms-autohiding-scrollbar;
|
|
overflow-x: hidden;
|
|
overflow-y: auto;
|
|
position: absolute;
|
|
top: 0;
|
|
transition: transform 500ms ease 0s;
|
|
width: 15.625rem;
|
|
z-index: 1001;
|
|
-webkit-transform: translate3d(100%, 0, 0);
|
|
-moz-transform: translate3d(100%, 0, 0);
|
|
-ms-transform: translate(100%, 0);
|
|
-ms-transform: translate3d(100%, 0, 0);
|
|
-o-transform: translate3d(100%, 0, 0);
|
|
transform: translate3d(100%, 0, 0);
|
|
right: 0
|
|
}
|
|
|
|
.right-off-canvas-menu * {
|
|
-webkit-backface-visibility: hidden
|
|
}
|
|
|
|
ul.off-canvas-list {
|
|
list-style-type: none;
|
|
margin: 0;
|
|
padding: 0
|
|
}
|
|
|
|
ul.off-canvas-list li label {
|
|
background: #129ac8;
|
|
border-bottom: none;
|
|
border-top: 1px solid #15aee3;
|
|
color: #fff;
|
|
display: block;
|
|
font-size: 0.75rem;
|
|
font-weight: 300;
|
|
margin: 0;
|
|
padding: 0.3rem 0.9375rem;
|
|
text-transform: uppercase
|
|
}
|
|
|
|
ul.off-canvas-list li a {
|
|
border-bottom: 1px solid #103f5a;
|
|
color: #fff;
|
|
display: block;
|
|
padding: 0.4rem;
|
|
transition: background 300ms ease
|
|
}
|
|
|
|
ul.off-canvas-list li a:hover {
|
|
background: #242424
|
|
}
|
|
|
|
ul.off-canvas-list li a:active {
|
|
background: #242424
|
|
}
|
|
|
|
.move-right>.inner-wrap {
|
|
-webkit-transform: translate3d(15.625rem, 0, 0);
|
|
-moz-transform: translate3d(15.625rem, 0, 0);
|
|
-ms-transform: translate(15.625rem, 0);
|
|
-ms-transform: translate3d(15.625rem, 0, 0);
|
|
-o-transform: translate3d(15.625rem, 0, 0);
|
|
transform: translate3d(15.625rem, 0, 0)
|
|
}
|
|
|
|
.move-right .exit-off-canvas {
|
|
-webkit-backface-visibility: hidden;
|
|
box-shadow: -2px 0 2px rgba(0, 0, 0, 0.2), 2px 0 2px rgba(0, 0, 0, 0.2);
|
|
cursor: pointer;
|
|
transition: background 500ms ease;
|
|
-webkit-tap-highlight-color: transparent;
|
|
background: rgba(0, 0, 0, 0.2);
|
|
bottom: 0;
|
|
display: block;
|
|
left: 0;
|
|
position: absolute;
|
|
right: 0;
|
|
top: 0;
|
|
z-index: 1002
|
|
}
|
|
|
|
@media only screen and (min-width: 40.0625em) {
|
|
.move-right .exit-off-canvas:hover {
|
|
background: rgba(0, 0, 0, 0.35)
|
|
}
|
|
}
|
|
|
|
.move-left>.inner-wrap {
|
|
-webkit-transform: translate3d(-15.625rem, 0, 0);
|
|
-moz-transform: translate3d(-15.625rem, 0, 0);
|
|
-ms-transform: translate(-15.625rem, 0);
|
|
-ms-transform: translate3d(-15.625rem, 0, 0);
|
|
-o-transform: translate3d(-15.625rem, 0, 0);
|
|
transform: translate3d(-15.625rem, 0, 0)
|
|
}
|
|
|
|
.move-left .exit-off-canvas {
|
|
-webkit-backface-visibility: hidden;
|
|
box-shadow: -2px 0 2px rgba(0, 0, 0, 0.2), 2px 0 2px rgba(0, 0, 0, 0.2);
|
|
cursor: pointer;
|
|
transition: background 500ms ease;
|
|
-webkit-tap-highlight-color: transparent;
|
|
background: rgba(0, 0, 0, 0.2);
|
|
bottom: 0;
|
|
display: block;
|
|
left: 0;
|
|
position: absolute;
|
|
right: 0;
|
|
top: 0;
|
|
z-index: 1002
|
|
}
|
|
|
|
@media only screen and (min-width: 40.0625em) {
|
|
.move-left .exit-off-canvas:hover {
|
|
background: rgba(0, 0, 0, 0.35)
|
|
}
|
|
}
|
|
|
|
.offcanvas-overlap .left-off-canvas-menu,
|
|
.offcanvas-overlap .right-off-canvas-menu {
|
|
-ms-transform: none;
|
|
-webkit-transform: none;
|
|
-moz-transform: none;
|
|
-o-transform: none;
|
|
transform: none;
|
|
z-index: 1003
|
|
}
|
|
|
|
.offcanvas-overlap .exit-off-canvas {
|
|
-webkit-backface-visibility: hidden;
|
|
box-shadow: -2px 0 2px rgba(0, 0, 0, 0.2), 2px 0 2px rgba(0, 0, 0, 0.2);
|
|
cursor: pointer;
|
|
transition: background 500ms ease;
|
|
-webkit-tap-highlight-color: transparent;
|
|
background: rgba(0, 0, 0, 0.2);
|
|
bottom: 0;
|
|
display: block;
|
|
left: 0;
|
|
position: absolute;
|
|
right: 0;
|
|
top: 0;
|
|
z-index: 1002
|
|
}
|
|
|
|
@media only screen and (min-width: 40.0625em) {
|
|
.offcanvas-overlap .exit-off-canvas:hover {
|
|
background: rgba(0, 0, 0, 0.35)
|
|
}
|
|
}
|
|
|
|
.offcanvas-overlap-left .right-off-canvas-menu {
|
|
-ms-transform: none;
|
|
-webkit-transform: none;
|
|
-moz-transform: none;
|
|
-o-transform: none;
|
|
transform: none;
|
|
z-index: 1003
|
|
}
|
|
|
|
.offcanvas-overlap-left .exit-off-canvas {
|
|
-webkit-backface-visibility: hidden;
|
|
box-shadow: -2px 0 2px rgba(0, 0, 0, 0.2), 2px 0 2px rgba(0, 0, 0, 0.2);
|
|
cursor: pointer;
|
|
transition: background 500ms ease;
|
|
-webkit-tap-highlight-color: transparent;
|
|
background: rgba(0, 0, 0, 0.2);
|
|
bottom: 0;
|
|
display: block;
|
|
left: 0;
|
|
position: absolute;
|
|
right: 0;
|
|
top: 0;
|
|
z-index: 1002
|
|
}
|
|
|
|
@media only screen and (min-width: 40.0625em) {
|
|
.offcanvas-overlap-left .exit-off-canvas:hover {
|
|
background: rgba(0, 0, 0, 0.35)
|
|
}
|
|
}
|
|
|
|
.offcanvas-overlap-right .left-off-canvas-menu {
|
|
-ms-transform: none;
|
|
-webkit-transform: none;
|
|
-moz-transform: none;
|
|
-o-transform: none;
|
|
transform: none;
|
|
z-index: 1003
|
|
}
|
|
|
|
.offcanvas-overlap-right .exit-off-canvas {
|
|
-webkit-backface-visibility: hidden;
|
|
box-shadow: -2px 0 2px rgba(0, 0, 0, 0.2), 2px 0 2px rgba(0, 0, 0, 0.2);
|
|
cursor: pointer;
|
|
transition: background 500ms ease;
|
|
-webkit-tap-highlight-color: transparent;
|
|
background: rgba(0, 0, 0, 0.2);
|
|
bottom: 0;
|
|
display: block;
|
|
left: 0;
|
|
position: absolute;
|
|
right: 0;
|
|
top: 0;
|
|
z-index: 1002
|
|
}
|
|
|
|
@media only screen and (min-width: 40.0625em) {
|
|
.offcanvas-overlap-right .exit-off-canvas:hover {
|
|
background: rgba(0, 0, 0, 0.35)
|
|
}
|
|
}
|
|
|
|
.no-csstransforms .left-off-canvas-menu {
|
|
left: -15.625rem
|
|
}
|
|
|
|
.no-csstransforms .right-off-canvas-menu {
|
|
right: -15.625rem
|
|
}
|
|
|
|
.no-csstransforms .move-left>.inner-wrap {
|
|
right: 15.625rem
|
|
}
|
|
|
|
.no-csstransforms .move-right>.inner-wrap {
|
|
left: 15.625rem
|
|
}
|
|
|
|
.left-submenu {
|
|
-webkit-backface-visibility: hidden;
|
|
-webkit-overflow-scrolling: touch;
|
|
background: #134a6a;
|
|
bottom: 0;
|
|
box-sizing: content-box;
|
|
margin: 0;
|
|
overflow-x: hidden;
|
|
overflow-y: auto;
|
|
position: absolute;
|
|
top: 0;
|
|
width: 15.625rem;
|
|
z-index: 1002;
|
|
-webkit-transform: translate3d(-100%, 0, 0);
|
|
-moz-transform: translate3d(-100%, 0, 0);
|
|
-ms-transform: translate(-100%, 0);
|
|
-ms-transform: translate3d(-100%, 0, 0);
|
|
-o-transform: translate3d(-100%, 0, 0);
|
|
transform: translate3d(-100%, 0, 0);
|
|
left: 0;
|
|
-webkit-transition: -webkit-transform 500ms ease;
|
|
-moz-transition: -moz-transform 500ms ease;
|
|
-ms-transition: -ms-transform 500ms ease;
|
|
-o-transition: -o-transform 500ms ease;
|
|
transition: transform 500ms ease
|
|
}
|
|
|
|
.left-submenu * {
|
|
-webkit-backface-visibility: hidden
|
|
}
|
|
|
|
.left-submenu .back>a {
|
|
background: #129ac8;
|
|
border-bottom: none;
|
|
border-top: 1px solid #15aee3;
|
|
color: #fff;
|
|
font-weight: 300;
|
|
padding: 0.3rem 0.9375rem;
|
|
text-transform: uppercase;
|
|
margin: 0
|
|
}
|
|
|
|
.left-submenu .back>a:hover {
|
|
background: #29baec;
|
|
border-bottom: none;
|
|
border-top: 1px solid #19b5ea
|
|
}
|
|
|
|
.left-submenu .back>a:before {
|
|
content: "\AB";
|
|
margin-right: .5rem;
|
|
display: inline
|
|
}
|
|
|
|
.left-submenu.move-right,
|
|
.left-submenu.offcanvas-overlap-right,
|
|
.left-submenu.offcanvas-overlap {
|
|
-webkit-transform: translate3d(0%, 0, 0);
|
|
-moz-transform: translate3d(0%, 0, 0);
|
|
-ms-transform: translate(0%, 0);
|
|
-ms-transform: translate3d(0%, 0, 0);
|
|
-o-transform: translate3d(0%, 0, 0);
|
|
transform: translate3d(0%, 0, 0)
|
|
}
|
|
|
|
.right-submenu {
|
|
-webkit-backface-visibility: hidden;
|
|
-webkit-overflow-scrolling: touch;
|
|
background: #134a6a;
|
|
bottom: 0;
|
|
box-sizing: content-box;
|
|
margin: 0;
|
|
overflow-x: hidden;
|
|
overflow-y: auto;
|
|
position: absolute;
|
|
top: 0;
|
|
width: 15.625rem;
|
|
z-index: 1002;
|
|
-webkit-transform: translate3d(100%, 0, 0);
|
|
-moz-transform: translate3d(100%, 0, 0);
|
|
-ms-transform: translate(100%, 0);
|
|
-ms-transform: translate3d(100%, 0, 0);
|
|
-o-transform: translate3d(100%, 0, 0);
|
|
transform: translate3d(100%, 0, 0);
|
|
right: 0;
|
|
-webkit-transition: -webkit-transform 500ms ease;
|
|
-moz-transition: -moz-transform 500ms ease;
|
|
-ms-transition: -ms-transform 500ms ease;
|
|
-o-transition: -o-transform 500ms ease;
|
|
transition: transform 500ms ease
|
|
}
|
|
|
|
.right-submenu * {
|
|
-webkit-backface-visibility: hidden
|
|
}
|
|
|
|
.right-submenu .back>a {
|
|
background: #129ac8;
|
|
border-bottom: none;
|
|
border-top: 1px solid #15aee3;
|
|
color: #fff;
|
|
font-weight: 300;
|
|
padding: 0.3rem 0.9375rem;
|
|
text-transform: uppercase;
|
|
margin: 0
|
|
}
|
|
|
|
.right-submenu .back>a:hover {
|
|
background: #29baec;
|
|
border-bottom: none;
|
|
border-top: 1px solid #19b5ea
|
|
}
|
|
|
|
.right-submenu .back>a:after {
|
|
content: "\BB";
|
|
margin-left: .5rem;
|
|
display: inline
|
|
}
|
|
|
|
.right-submenu.move-left,
|
|
.right-submenu.offcanvas-overlap-left,
|
|
.right-submenu.offcanvas-overlap {
|
|
-webkit-transform: translate3d(0%, 0, 0);
|
|
-moz-transform: translate3d(0%, 0, 0);
|
|
-ms-transform: translate(0%, 0);
|
|
-ms-transform: translate3d(0%, 0, 0);
|
|
-o-transform: translate3d(0%, 0, 0);
|
|
transform: translate3d(0%, 0, 0)
|
|
}
|
|
|
|
.left-off-canvas-menu ul.off-canvas-list li.has-submenu>a:after {
|
|
content: "\BB";
|
|
margin-left: .5rem;
|
|
display: inline
|
|
}
|
|
|
|
.right-off-canvas-menu ul.off-canvas-list li.has-submenu>a:before {
|
|
content: "\AB";
|
|
margin-right: .5rem;
|
|
display: inline
|
|
}
|
|
|
|
@media only screen {
|
|
.show-for-small-only,
|
|
.show-for-small-up,
|
|
.show-for-small,
|
|
.show-for-small-down,
|
|
.hide-for-medium-only,
|
|
.hide-for-medium-up,
|
|
.hide-for-medium,
|
|
.show-for-medium-down,
|
|
.hide-for-large-only,
|
|
.hide-for-large-up,
|
|
.hide-for-large,
|
|
.show-for-large-down,
|
|
.hide-for-xlarge-only,
|
|
.hide-for-xlarge-up,
|
|
.hide-for-xlarge,
|
|
.show-for-xlarge-down,
|
|
.hide-for-xxlarge-only,
|
|
.hide-for-xxlarge-up,
|
|
.hide-for-xxlarge,
|
|
.show-for-xxlarge-down {
|
|
display: inherit !important
|
|
}
|
|
.hide-for-small-only,
|
|
.hide-for-small-up,
|
|
.hide-for-small,
|
|
.hide-for-small-down,
|
|
.show-for-medium-only,
|
|
.show-for-medium-up,
|
|
.show-for-medium,
|
|
.hide-for-medium-down,
|
|
.show-for-large-only,
|
|
.show-for-large-up,
|
|
.show-for-large,
|
|
.hide-for-large-down,
|
|
.show-for-xlarge-only,
|
|
.show-for-xlarge-up,
|
|
.show-for-xlarge,
|
|
.hide-for-xlarge-down,
|
|
.show-for-xxlarge-only,
|
|
.show-for-xxlarge-up,
|
|
.show-for-xxlarge,
|
|
.hide-for-xxlarge-down {
|
|
display: none !important
|
|
}
|
|
.visible-for-small-only,
|
|
.visible-for-small-up,
|
|
.visible-for-small,
|
|
.visible-for-small-down,
|
|
.hidden-for-medium-only,
|
|
.hidden-for-medium-up,
|
|
.hidden-for-medium,
|
|
.visible-for-medium-down,
|
|
.hidden-for-large-only,
|
|
.hidden-for-large-up,
|
|
.hidden-for-large,
|
|
.visible-for-large-down,
|
|
.hidden-for-xlarge-only,
|
|
.hidden-for-xlarge-up,
|
|
.hidden-for-xlarge,
|
|
.visible-for-xlarge-down,
|
|
.hidden-for-xxlarge-only,
|
|
.hidden-for-xxlarge-up,
|
|
.hidden-for-xxlarge,
|
|
.visible-for-xxlarge-down {
|
|
position: static !important;
|
|
height: auto;
|
|
width: auto;
|
|
overflow: visible;
|
|
clip: auto
|
|
}
|
|
.hidden-for-small-only,
|
|
.hidden-for-small-up,
|
|
.hidden-for-small,
|
|
.hidden-for-small-down,
|
|
.visible-for-medium-only,
|
|
.visible-for-medium-up,
|
|
.visible-for-medium,
|
|
.hidden-for-medium-down,
|
|
.visible-for-large-only,
|
|
.visible-for-large-up,
|
|
.visible-for-large,
|
|
.hidden-for-large-down,
|
|
.visible-for-xlarge-only,
|
|
.visible-for-xlarge-up,
|
|
.visible-for-xlarge,
|
|
.hidden-for-xlarge-down,
|
|
.visible-for-xxlarge-only,
|
|
.visible-for-xxlarge-up,
|
|
.visible-for-xxlarge,
|
|
.hidden-for-xxlarge-down {
|
|
clip: rect(1px, 1px, 1px, 1px);
|
|
height: 1px;
|
|
overflow: hidden;
|
|
position: absolute !important;
|
|
width: 1px
|
|
}
|
|
table.show-for-small-only,
|
|
table.show-for-small-up,
|
|
table.show-for-small,
|
|
table.show-for-small-down,
|
|
table.hide-for-medium-only,
|
|
table.hide-for-medium-up,
|
|
table.hide-for-medium,
|
|
table.show-for-medium-down,
|
|
table.hide-for-large-only,
|
|
table.hide-for-large-up,
|
|
table.hide-for-large,
|
|
table.show-for-large-down,
|
|
table.hide-for-xlarge-only,
|
|
table.hide-for-xlarge-up,
|
|
table.hide-for-xlarge,
|
|
table.show-for-xlarge-down,
|
|
table.hide-for-xxlarge-only,
|
|
table.hide-for-xxlarge-up,
|
|
table.hide-for-xxlarge,
|
|
table.show-for-xxlarge-down {
|
|
display: table !important
|
|
}
|
|
thead.show-for-small-only,
|
|
thead.show-for-small-up,
|
|
thead.show-for-small,
|
|
thead.show-for-small-down,
|
|
thead.hide-for-medium-only,
|
|
thead.hide-for-medium-up,
|
|
thead.hide-for-medium,
|
|
thead.show-for-medium-down,
|
|
thead.hide-for-large-only,
|
|
thead.hide-for-large-up,
|
|
thead.hide-for-large,
|
|
thead.show-for-large-down,
|
|
thead.hide-for-xlarge-only,
|
|
thead.hide-for-xlarge-up,
|
|
thead.hide-for-xlarge,
|
|
thead.show-for-xlarge-down,
|
|
thead.hide-for-xxlarge-only,
|
|
thead.hide-for-xxlarge-up,
|
|
thead.hide-for-xxlarge,
|
|
thead.show-for-xxlarge-down {
|
|
display: table-header-group !important
|
|
}
|
|
tbody.show-for-small-only,
|
|
tbody.show-for-small-up,
|
|
tbody.show-for-small,
|
|
tbody.show-for-small-down,
|
|
tbody.hide-for-medium-only,
|
|
tbody.hide-for-medium-up,
|
|
tbody.hide-for-medium,
|
|
tbody.show-for-medium-down,
|
|
tbody.hide-for-large-only,
|
|
tbody.hide-for-large-up,
|
|
tbody.hide-for-large,
|
|
tbody.show-for-large-down,
|
|
tbody.hide-for-xlarge-only,
|
|
tbody.hide-for-xlarge-up,
|
|
tbody.hide-for-xlarge,
|
|
tbody.show-for-xlarge-down,
|
|
tbody.hide-for-xxlarge-only,
|
|
tbody.hide-for-xxlarge-up,
|
|
tbody.hide-for-xxlarge,
|
|
tbody.show-for-xxlarge-down {
|
|
display: table-row-group !important
|
|
}
|
|
tr.show-for-small-only,
|
|
tr.show-for-small-up,
|
|
tr.show-for-small,
|
|
tr.show-for-small-down,
|
|
tr.hide-for-medium-only,
|
|
tr.hide-for-medium-up,
|
|
tr.hide-for-medium,
|
|
tr.show-for-medium-down,
|
|
tr.hide-for-large-only,
|
|
tr.hide-for-large-up,
|
|
tr.hide-for-large,
|
|
tr.show-for-large-down,
|
|
tr.hide-for-xlarge-only,
|
|
tr.hide-for-xlarge-up,
|
|
tr.hide-for-xlarge,
|
|
tr.show-for-xlarge-down,
|
|
tr.hide-for-xxlarge-only,
|
|
tr.hide-for-xxlarge-up,
|
|
tr.hide-for-xxlarge,
|
|
tr.show-for-xxlarge-down {
|
|
display: table-row
|
|
}
|
|
th.show-for-small-only,
|
|
td.show-for-small-only,
|
|
th.show-for-small-up,
|
|
td.show-for-small-up,
|
|
th.show-for-small,
|
|
td.show-for-small,
|
|
th.show-for-small-down,
|
|
td.show-for-small-down,
|
|
th.hide-for-medium-only,
|
|
td.hide-for-medium-only,
|
|
th.hide-for-medium-up,
|
|
td.hide-for-medium-up,
|
|
th.hide-for-medium,
|
|
td.hide-for-medium,
|
|
th.show-for-medium-down,
|
|
td.show-for-medium-down,
|
|
th.hide-for-large-only,
|
|
td.hide-for-large-only,
|
|
th.hide-for-large-up,
|
|
td.hide-for-large-up,
|
|
th.hide-for-large,
|
|
td.hide-for-large,
|
|
th.show-for-large-down,
|
|
td.show-for-large-down,
|
|
th.hide-for-xlarge-only,
|
|
td.hide-for-xlarge-only,
|
|
th.hide-for-xlarge-up,
|
|
td.hide-for-xlarge-up,
|
|
th.hide-for-xlarge,
|
|
td.hide-for-xlarge,
|
|
th.show-for-xlarge-down,
|
|
td.show-for-xlarge-down,
|
|
th.hide-for-xxlarge-only,
|
|
td.hide-for-xxlarge-only,
|
|
th.hide-for-xxlarge-up,
|
|
td.hide-for-xxlarge-up,
|
|
th.hide-for-xxlarge,
|
|
td.hide-for-xxlarge,
|
|
th.show-for-xxlarge-down,
|
|
td.show-for-xxlarge-down {
|
|
display: table-cell !important
|
|
}
|
|
}
|
|
|
|
@media only screen and (min-width: 40.0625em) {
|
|
.hide-for-small-only,
|
|
.show-for-small-up,
|
|
.hide-for-small,
|
|
.hide-for-small-down,
|
|
.show-for-medium-only,
|
|
.show-for-medium-up,
|
|
.show-for-medium,
|
|
.show-for-medium-down,
|
|
.hide-for-large-only,
|
|
.hide-for-large-up,
|
|
.hide-for-large,
|
|
.show-for-large-down,
|
|
.hide-for-xlarge-only,
|
|
.hide-for-xlarge-up,
|
|
.hide-for-xlarge,
|
|
.show-for-xlarge-down,
|
|
.hide-for-xxlarge-only,
|
|
.hide-for-xxlarge-up,
|
|
.hide-for-xxlarge,
|
|
.show-for-xxlarge-down {
|
|
display: inherit !important
|
|
}
|
|
.show-for-small-only,
|
|
.hide-for-small-up,
|
|
.show-for-small,
|
|
.show-for-small-down,
|
|
.hide-for-medium-only,
|
|
.hide-for-medium-up,
|
|
.hide-for-medium,
|
|
.hide-for-medium-down,
|
|
.show-for-large-only,
|
|
.show-for-large-up,
|
|
.show-for-large,
|
|
.hide-for-large-down,
|
|
.show-for-xlarge-only,
|
|
.show-for-xlarge-up,
|
|
.show-for-xlarge,
|
|
.hide-for-xlarge-down,
|
|
.show-for-xxlarge-only,
|
|
.show-for-xxlarge-up,
|
|
.show-for-xxlarge,
|
|
.hide-for-xxlarge-down {
|
|
display: none !important
|
|
}
|
|
.hidden-for-small-only,
|
|
.visible-for-small-up,
|
|
.hidden-for-small,
|
|
.hidden-for-small-down,
|
|
.visible-for-medium-only,
|
|
.visible-for-medium-up,
|
|
.visible-for-medium,
|
|
.visible-for-medium-down,
|
|
.hidden-for-large-only,
|
|
.hidden-for-large-up,
|
|
.hidden-for-large,
|
|
.visible-for-large-down,
|
|
.hidden-for-xlarge-only,
|
|
.hidden-for-xlarge-up,
|
|
.hidden-for-xlarge,
|
|
.visible-for-xlarge-down,
|
|
.hidden-for-xxlarge-only,
|
|
.hidden-for-xxlarge-up,
|
|
.hidden-for-xxlarge,
|
|
.visible-for-xxlarge-down {
|
|
position: static !important;
|
|
height: auto;
|
|
width: auto;
|
|
overflow: visible;
|
|
clip: auto
|
|
}
|
|
.visible-for-small-only,
|
|
.hidden-for-small-up,
|
|
.visible-for-small,
|
|
.visible-for-small-down,
|
|
.hidden-for-medium-only,
|
|
.hidden-for-medium-up,
|
|
.hidden-for-medium,
|
|
.hidden-for-medium-down,
|
|
.visible-for-large-only,
|
|
.visible-for-large-up,
|
|
.visible-for-large,
|
|
.hidden-for-large-down,
|
|
.visible-for-xlarge-only,
|
|
.visible-for-xlarge-up,
|
|
.visible-for-xlarge,
|
|
.hidden-for-xlarge-down,
|
|
.visible-for-xxlarge-only,
|
|
.visible-for-xxlarge-up,
|
|
.visible-for-xxlarge,
|
|
.hidden-for-xxlarge-down {
|
|
clip: rect(1px, 1px, 1px, 1px);
|
|
height: 1px;
|
|
overflow: hidden;
|
|
position: absolute !important;
|
|
width: 1px
|
|
}
|
|
table.hide-for-small-only,
|
|
table.show-for-small-up,
|
|
table.hide-for-small,
|
|
table.hide-for-small-down,
|
|
table.show-for-medium-only,
|
|
table.show-for-medium-up,
|
|
table.show-for-medium,
|
|
table.show-for-medium-down,
|
|
table.hide-for-large-only,
|
|
table.hide-for-large-up,
|
|
table.hide-for-large,
|
|
table.show-for-large-down,
|
|
table.hide-for-xlarge-only,
|
|
table.hide-for-xlarge-up,
|
|
table.hide-for-xlarge,
|
|
table.show-for-xlarge-down,
|
|
table.hide-for-xxlarge-only,
|
|
table.hide-for-xxlarge-up,
|
|
table.hide-for-xxlarge,
|
|
table.show-for-xxlarge-down {
|
|
display: table !important
|
|
}
|
|
thead.hide-for-small-only,
|
|
thead.show-for-small-up,
|
|
thead.hide-for-small,
|
|
thead.hide-for-small-down,
|
|
thead.show-for-medium-only,
|
|
thead.show-for-medium-up,
|
|
thead.show-for-medium,
|
|
thead.show-for-medium-down,
|
|
thead.hide-for-large-only,
|
|
thead.hide-for-large-up,
|
|
thead.hide-for-large,
|
|
thead.show-for-large-down,
|
|
thead.hide-for-xlarge-only,
|
|
thead.hide-for-xlarge-up,
|
|
thead.hide-for-xlarge,
|
|
thead.show-for-xlarge-down,
|
|
thead.hide-for-xxlarge-only,
|
|
thead.hide-for-xxlarge-up,
|
|
thead.hide-for-xxlarge,
|
|
thead.show-for-xxlarge-down {
|
|
display: table-header-group !important
|
|
}
|
|
tbody.hide-for-small-only,
|
|
tbody.show-for-small-up,
|
|
tbody.hide-for-small,
|
|
tbody.hide-for-small-down,
|
|
tbody.show-for-medium-only,
|
|
tbody.show-for-medium-up,
|
|
tbody.show-for-medium,
|
|
tbody.show-for-medium-down,
|
|
tbody.hide-for-large-only,
|
|
tbody.hide-for-large-up,
|
|
tbody.hide-for-large,
|
|
tbody.show-for-large-down,
|
|
tbody.hide-for-xlarge-only,
|
|
tbody.hide-for-xlarge-up,
|
|
tbody.hide-for-xlarge,
|
|
tbody.show-for-xlarge-down,
|
|
tbody.hide-for-xxlarge-only,
|
|
tbody.hide-for-xxlarge-up,
|
|
tbody.hide-for-xxlarge,
|
|
tbody.show-for-xxlarge-down {
|
|
display: table-row-group !important
|
|
}
|
|
tr.hide-for-small-only,
|
|
tr.show-for-small-up,
|
|
tr.hide-for-small,
|
|
tr.hide-for-small-down,
|
|
tr.show-for-medium-only,
|
|
tr.show-for-medium-up,
|
|
tr.show-for-medium,
|
|
tr.show-for-medium-down,
|
|
tr.hide-for-large-only,
|
|
tr.hide-for-large-up,
|
|
tr.hide-for-large,
|
|
tr.show-for-large-down,
|
|
tr.hide-for-xlarge-only,
|
|
tr.hide-for-xlarge-up,
|
|
tr.hide-for-xlarge,
|
|
tr.show-for-xlarge-down,
|
|
tr.hide-for-xxlarge-only,
|
|
tr.hide-for-xxlarge-up,
|
|
tr.hide-for-xxlarge,
|
|
tr.show-for-xxlarge-down {
|
|
display: table-row
|
|
}
|
|
th.hide-for-small-only,
|
|
td.hide-for-small-only,
|
|
th.show-for-small-up,
|
|
td.show-for-small-up,
|
|
th.hide-for-small,
|
|
td.hide-for-small,
|
|
th.hide-for-small-down,
|
|
td.hide-for-small-down,
|
|
th.show-for-medium-only,
|
|
td.show-for-medium-only,
|
|
th.show-for-medium-up,
|
|
td.show-for-medium-up,
|
|
th.show-for-medium,
|
|
td.show-for-medium,
|
|
th.show-for-medium-down,
|
|
td.show-for-medium-down,
|
|
th.hide-for-large-only,
|
|
td.hide-for-large-only,
|
|
th.hide-for-large-up,
|
|
td.hide-for-large-up,
|
|
th.hide-for-large,
|
|
td.hide-for-large,
|
|
th.show-for-large-down,
|
|
td.show-for-large-down,
|
|
th.hide-for-xlarge-only,
|
|
td.hide-for-xlarge-only,
|
|
th.hide-for-xlarge-up,
|
|
td.hide-for-xlarge-up,
|
|
th.hide-for-xlarge,
|
|
td.hide-for-xlarge,
|
|
th.show-for-xlarge-down,
|
|
td.show-for-xlarge-down,
|
|
th.hide-for-xxlarge-only,
|
|
td.hide-for-xxlarge-only,
|
|
th.hide-for-xxlarge-up,
|
|
td.hide-for-xxlarge-up,
|
|
th.hide-for-xxlarge,
|
|
td.hide-for-xxlarge,
|
|
th.show-for-xxlarge-down,
|
|
td.show-for-xxlarge-down {
|
|
display: table-cell !important
|
|
}
|
|
}
|
|
|
|
@media only screen and (min-width: 58.8125em) {
|
|
.hide-for-small-only,
|
|
.show-for-small-up,
|
|
.hide-for-small,
|
|
.hide-for-small-down,
|
|
.hide-for-medium-only,
|
|
.show-for-medium-up,
|
|
.hide-for-medium,
|
|
.hide-for-medium-down,
|
|
.show-for-large-only,
|
|
.show-for-large-up,
|
|
.show-for-large,
|
|
.show-for-large-down,
|
|
.hide-for-xlarge-only,
|
|
.hide-for-xlarge-up,
|
|
.hide-for-xlarge,
|
|
.show-for-xlarge-down,
|
|
.hide-for-xxlarge-only,
|
|
.hide-for-xxlarge-up,
|
|
.hide-for-xxlarge,
|
|
.show-for-xxlarge-down {
|
|
display: inherit !important
|
|
}
|
|
.show-for-small-only,
|
|
.hide-for-small-up,
|
|
.show-for-small,
|
|
.show-for-small-down,
|
|
.show-for-medium-only,
|
|
.hide-for-medium-up,
|
|
.show-for-medium,
|
|
.show-for-medium-down,
|
|
.hide-for-large-only,
|
|
.hide-for-large-up,
|
|
.hide-for-large,
|
|
.hide-for-large-down,
|
|
.show-for-xlarge-only,
|
|
.show-for-xlarge-up,
|
|
.show-for-xlarge,
|
|
.hide-for-xlarge-down,
|
|
.show-for-xxlarge-only,
|
|
.show-for-xxlarge-up,
|
|
.show-for-xxlarge,
|
|
.hide-for-xxlarge-down {
|
|
display: none !important
|
|
}
|
|
.hidden-for-small-only,
|
|
.visible-for-small-up,
|
|
.hidden-for-small,
|
|
.hidden-for-small-down,
|
|
.hidden-for-medium-only,
|
|
.visible-for-medium-up,
|
|
.hidden-for-medium,
|
|
.hidden-for-medium-down,
|
|
.visible-for-large-only,
|
|
.visible-for-large-up,
|
|
.visible-for-large,
|
|
.visible-for-large-down,
|
|
.hidden-for-xlarge-only,
|
|
.hidden-for-xlarge-up,
|
|
.hidden-for-xlarge,
|
|
.visible-for-xlarge-down,
|
|
.hidden-for-xxlarge-only,
|
|
.hidden-for-xxlarge-up,
|
|
.hidden-for-xxlarge,
|
|
.visible-for-xxlarge-down {
|
|
position: static !important;
|
|
height: auto;
|
|
width: auto;
|
|
overflow: visible;
|
|
clip: auto
|
|
}
|
|
.visible-for-small-only,
|
|
.hidden-for-small-up,
|
|
.visible-for-small,
|
|
.visible-for-small-down,
|
|
.visible-for-medium-only,
|
|
.hidden-for-medium-up,
|
|
.visible-for-medium,
|
|
.visible-for-medium-down,
|
|
.hidden-for-large-only,
|
|
.hidden-for-large-up,
|
|
.hidden-for-large,
|
|
.hidden-for-large-down,
|
|
.visible-for-xlarge-only,
|
|
.visible-for-xlarge-up,
|
|
.visible-for-xlarge,
|
|
.hidden-for-xlarge-down,
|
|
.visible-for-xxlarge-only,
|
|
.visible-for-xxlarge-up,
|
|
.visible-for-xxlarge,
|
|
.hidden-for-xxlarge-down {
|
|
clip: rect(1px, 1px, 1px, 1px);
|
|
height: 1px;
|
|
overflow: hidden;
|
|
position: absolute !important;
|
|
width: 1px
|
|
}
|
|
table.hide-for-small-only,
|
|
table.show-for-small-up,
|
|
table.hide-for-small,
|
|
table.hide-for-small-down,
|
|
table.hide-for-medium-only,
|
|
table.show-for-medium-up,
|
|
table.hide-for-medium,
|
|
table.hide-for-medium-down,
|
|
table.show-for-large-only,
|
|
table.show-for-large-up,
|
|
table.show-for-large,
|
|
table.show-for-large-down,
|
|
table.hide-for-xlarge-only,
|
|
table.hide-for-xlarge-up,
|
|
table.hide-for-xlarge,
|
|
table.show-for-xlarge-down,
|
|
table.hide-for-xxlarge-only,
|
|
table.hide-for-xxlarge-up,
|
|
table.hide-for-xxlarge,
|
|
table.show-for-xxlarge-down {
|
|
display: table !important
|
|
}
|
|
thead.hide-for-small-only,
|
|
thead.show-for-small-up,
|
|
thead.hide-for-small,
|
|
thead.hide-for-small-down,
|
|
thead.hide-for-medium-only,
|
|
thead.show-for-medium-up,
|
|
thead.hide-for-medium,
|
|
thead.hide-for-medium-down,
|
|
thead.show-for-large-only,
|
|
thead.show-for-large-up,
|
|
thead.show-for-large,
|
|
thead.show-for-large-down,
|
|
thead.hide-for-xlarge-only,
|
|
thead.hide-for-xlarge-up,
|
|
thead.hide-for-xlarge,
|
|
thead.show-for-xlarge-down,
|
|
thead.hide-for-xxlarge-only,
|
|
thead.hide-for-xxlarge-up,
|
|
thead.hide-for-xxlarge,
|
|
thead.show-for-xxlarge-down {
|
|
display: table-header-group !important
|
|
}
|
|
tbody.hide-for-small-only,
|
|
tbody.show-for-small-up,
|
|
tbody.hide-for-small,
|
|
tbody.hide-for-small-down,
|
|
tbody.hide-for-medium-only,
|
|
tbody.show-for-medium-up,
|
|
tbody.hide-for-medium,
|
|
tbody.hide-for-medium-down,
|
|
tbody.show-for-large-only,
|
|
tbody.show-for-large-up,
|
|
tbody.show-for-large,
|
|
tbody.show-for-large-down,
|
|
tbody.hide-for-xlarge-only,
|
|
tbody.hide-for-xlarge-up,
|
|
tbody.hide-for-xlarge,
|
|
tbody.show-for-xlarge-down,
|
|
tbody.hide-for-xxlarge-only,
|
|
tbody.hide-for-xxlarge-up,
|
|
tbody.hide-for-xxlarge,
|
|
tbody.show-for-xxlarge-down {
|
|
display: table-row-group !important
|
|
}
|
|
tr.hide-for-small-only,
|
|
tr.show-for-small-up,
|
|
tr.hide-for-small,
|
|
tr.hide-for-small-down,
|
|
tr.hide-for-medium-only,
|
|
tr.show-for-medium-up,
|
|
tr.hide-for-medium,
|
|
tr.hide-for-medium-down,
|
|
tr.show-for-large-only,
|
|
tr.show-for-large-up,
|
|
tr.show-for-large,
|
|
tr.show-for-large-down,
|
|
tr.hide-for-xlarge-only,
|
|
tr.hide-for-xlarge-up,
|
|
tr.hide-for-xlarge,
|
|
tr.show-for-xlarge-down,
|
|
tr.hide-for-xxlarge-only,
|
|
tr.hide-for-xxlarge-up,
|
|
tr.hide-for-xxlarge,
|
|
tr.show-for-xxlarge-down {
|
|
display: table-row
|
|
}
|
|
th.hide-for-small-only,
|
|
td.hide-for-small-only,
|
|
th.show-for-small-up,
|
|
td.show-for-small-up,
|
|
th.hide-for-small,
|
|
td.hide-for-small,
|
|
th.hide-for-small-down,
|
|
td.hide-for-small-down,
|
|
th.hide-for-medium-only,
|
|
td.hide-for-medium-only,
|
|
th.show-for-medium-up,
|
|
td.show-for-medium-up,
|
|
th.hide-for-medium,
|
|
td.hide-for-medium,
|
|
th.hide-for-medium-down,
|
|
td.hide-for-medium-down,
|
|
th.show-for-large-only,
|
|
td.show-for-large-only,
|
|
th.show-for-large-up,
|
|
td.show-for-large-up,
|
|
th.show-for-large,
|
|
td.show-for-large,
|
|
th.show-for-large-down,
|
|
td.show-for-large-down,
|
|
th.hide-for-xlarge-only,
|
|
td.hide-for-xlarge-only,
|
|
th.hide-for-xlarge-up,
|
|
td.hide-for-xlarge-up,
|
|
th.hide-for-xlarge,
|
|
td.hide-for-xlarge,
|
|
th.show-for-xlarge-down,
|
|
td.show-for-xlarge-down,
|
|
th.hide-for-xxlarge-only,
|
|
td.hide-for-xxlarge-only,
|
|
th.hide-for-xxlarge-up,
|
|
td.hide-for-xxlarge-up,
|
|
th.hide-for-xxlarge,
|
|
td.hide-for-xxlarge,
|
|
th.show-for-xxlarge-down,
|
|
td.show-for-xxlarge-down {
|
|
display: table-cell !important
|
|
}
|
|
}
|
|
|
|
@media only screen and (min-width: 90.0625em) {
|
|
.hide-for-small-only,
|
|
.show-for-small-up,
|
|
.hide-for-small,
|
|
.hide-for-small-down,
|
|
.hide-for-medium-only,
|
|
.show-for-medium-up,
|
|
.hide-for-medium,
|
|
.hide-for-medium-down,
|
|
.hide-for-large-only,
|
|
.show-for-large-up,
|
|
.hide-for-large,
|
|
.hide-for-large-down,
|
|
.show-for-xlarge-only,
|
|
.show-for-xlarge-up,
|
|
.show-for-xlarge,
|
|
.show-for-xlarge-down,
|
|
.hide-for-xxlarge-only,
|
|
.hide-for-xxlarge-up,
|
|
.hide-for-xxlarge,
|
|
.show-for-xxlarge-down {
|
|
display: inherit !important
|
|
}
|
|
.show-for-small-only,
|
|
.hide-for-small-up,
|
|
.show-for-small,
|
|
.show-for-small-down,
|
|
.show-for-medium-only,
|
|
.hide-for-medium-up,
|
|
.show-for-medium,
|
|
.show-for-medium-down,
|
|
.show-for-large-only,
|
|
.hide-for-large-up,
|
|
.show-for-large,
|
|
.show-for-large-down,
|
|
.hide-for-xlarge-only,
|
|
.hide-for-xlarge-up,
|
|
.hide-for-xlarge,
|
|
.hide-for-xlarge-down,
|
|
.show-for-xxlarge-only,
|
|
.show-for-xxlarge-up,
|
|
.show-for-xxlarge,
|
|
.hide-for-xxlarge-down {
|
|
display: none !important
|
|
}
|
|
.hidden-for-small-only,
|
|
.visible-for-small-up,
|
|
.hidden-for-small,
|
|
.hidden-for-small-down,
|
|
.hidden-for-medium-only,
|
|
.visible-for-medium-up,
|
|
.hidden-for-medium,
|
|
.hidden-for-medium-down,
|
|
.hidden-for-large-only,
|
|
.visible-for-large-up,
|
|
.hidden-for-large,
|
|
.hidden-for-large-down,
|
|
.visible-for-xlarge-only,
|
|
.visible-for-xlarge-up,
|
|
.visible-for-xlarge,
|
|
.visible-for-xlarge-down,
|
|
.hidden-for-xxlarge-only,
|
|
.hidden-for-xxlarge-up,
|
|
.hidden-for-xxlarge,
|
|
.visible-for-xxlarge-down {
|
|
position: static !important;
|
|
height: auto;
|
|
width: auto;
|
|
overflow: visible;
|
|
clip: auto
|
|
}
|
|
.visible-for-small-only,
|
|
.hidden-for-small-up,
|
|
.visible-for-small,
|
|
.visible-for-small-down,
|
|
.visible-for-medium-only,
|
|
.hidden-for-medium-up,
|
|
.visible-for-medium,
|
|
.visible-for-medium-down,
|
|
.visible-for-large-only,
|
|
.hidden-for-large-up,
|
|
.visible-for-large,
|
|
.visible-for-large-down,
|
|
.hidden-for-xlarge-only,
|
|
.hidden-for-xlarge-up,
|
|
.hidden-for-xlarge,
|
|
.hidden-for-xlarge-down,
|
|
.visible-for-xxlarge-only,
|
|
.visible-for-xxlarge-up,
|
|
.visible-for-xxlarge,
|
|
.hidden-for-xxlarge-down {
|
|
clip: rect(1px, 1px, 1px, 1px);
|
|
height: 1px;
|
|
overflow: hidden;
|
|
position: absolute !important;
|
|
width: 1px
|
|
}
|
|
table.hide-for-small-only,
|
|
table.show-for-small-up,
|
|
table.hide-for-small,
|
|
table.hide-for-small-down,
|
|
table.hide-for-medium-only,
|
|
table.show-for-medium-up,
|
|
table.hide-for-medium,
|
|
table.hide-for-medium-down,
|
|
table.hide-for-large-only,
|
|
table.show-for-large-up,
|
|
table.hide-for-large,
|
|
table.hide-for-large-down,
|
|
table.show-for-xlarge-only,
|
|
table.show-for-xlarge-up,
|
|
table.show-for-xlarge,
|
|
table.show-for-xlarge-down,
|
|
table.hide-for-xxlarge-only,
|
|
table.hide-for-xxlarge-up,
|
|
table.hide-for-xxlarge,
|
|
table.show-for-xxlarge-down {
|
|
display: table !important
|
|
}
|
|
thead.hide-for-small-only,
|
|
thead.show-for-small-up,
|
|
thead.hide-for-small,
|
|
thead.hide-for-small-down,
|
|
thead.hide-for-medium-only,
|
|
thead.show-for-medium-up,
|
|
thead.hide-for-medium,
|
|
thead.hide-for-medium-down,
|
|
thead.hide-for-large-only,
|
|
thead.show-for-large-up,
|
|
thead.hide-for-large,
|
|
thead.hide-for-large-down,
|
|
thead.show-for-xlarge-only,
|
|
thead.show-for-xlarge-up,
|
|
thead.show-for-xlarge,
|
|
thead.show-for-xlarge-down,
|
|
thead.hide-for-xxlarge-only,
|
|
thead.hide-for-xxlarge-up,
|
|
thead.hide-for-xxlarge,
|
|
thead.show-for-xxlarge-down {
|
|
display: table-header-group !important
|
|
}
|
|
tbody.hide-for-small-only,
|
|
tbody.show-for-small-up,
|
|
tbody.hide-for-small,
|
|
tbody.hide-for-small-down,
|
|
tbody.hide-for-medium-only,
|
|
tbody.show-for-medium-up,
|
|
tbody.hide-for-medium,
|
|
tbody.hide-for-medium-down,
|
|
tbody.hide-for-large-only,
|
|
tbody.show-for-large-up,
|
|
tbody.hide-for-large,
|
|
tbody.hide-for-large-down,
|
|
tbody.show-for-xlarge-only,
|
|
tbody.show-for-xlarge-up,
|
|
tbody.show-for-xlarge,
|
|
tbody.show-for-xlarge-down,
|
|
tbody.hide-for-xxlarge-only,
|
|
tbody.hide-for-xxlarge-up,
|
|
tbody.hide-for-xxlarge,
|
|
tbody.show-for-xxlarge-down {
|
|
display: table-row-group !important
|
|
}
|
|
tr.hide-for-small-only,
|
|
tr.show-for-small-up,
|
|
tr.hide-for-small,
|
|
tr.hide-for-small-down,
|
|
tr.hide-for-medium-only,
|
|
tr.show-for-medium-up,
|
|
tr.hide-for-medium,
|
|
tr.hide-for-medium-down,
|
|
tr.hide-for-large-only,
|
|
tr.show-for-large-up,
|
|
tr.hide-for-large,
|
|
tr.hide-for-large-down,
|
|
tr.show-for-xlarge-only,
|
|
tr.show-for-xlarge-up,
|
|
tr.show-for-xlarge,
|
|
tr.show-for-xlarge-down,
|
|
tr.hide-for-xxlarge-only,
|
|
tr.hide-for-xxlarge-up,
|
|
tr.hide-for-xxlarge,
|
|
tr.show-for-xxlarge-down {
|
|
display: table-row
|
|
}
|
|
th.hide-for-small-only,
|
|
td.hide-for-small-only,
|
|
th.show-for-small-up,
|
|
td.show-for-small-up,
|
|
th.hide-for-small,
|
|
td.hide-for-small,
|
|
th.hide-for-small-down,
|
|
td.hide-for-small-down,
|
|
th.hide-for-medium-only,
|
|
td.hide-for-medium-only,
|
|
th.show-for-medium-up,
|
|
td.show-for-medium-up,
|
|
th.hide-for-medium,
|
|
td.hide-for-medium,
|
|
th.hide-for-medium-down,
|
|
td.hide-for-medium-down,
|
|
th.hide-for-large-only,
|
|
td.hide-for-large-only,
|
|
th.show-for-large-up,
|
|
td.show-for-large-up,
|
|
th.hide-for-large,
|
|
td.hide-for-large,
|
|
th.hide-for-large-down,
|
|
td.hide-for-large-down,
|
|
th.show-for-xlarge-only,
|
|
td.show-for-xlarge-only,
|
|
th.show-for-xlarge-up,
|
|
td.show-for-xlarge-up,
|
|
th.show-for-xlarge,
|
|
td.show-for-xlarge,
|
|
th.show-for-xlarge-down,
|
|
td.show-for-xlarge-down,
|
|
th.hide-for-xxlarge-only,
|
|
td.hide-for-xxlarge-only,
|
|
th.hide-for-xxlarge-up,
|
|
td.hide-for-xxlarge-up,
|
|
th.hide-for-xxlarge,
|
|
td.hide-for-xxlarge,
|
|
th.show-for-xxlarge-down,
|
|
td.show-for-xxlarge-down {
|
|
display: table-cell !important
|
|
}
|
|
}
|
|
|
|
@media only screen and (min-width: 120.0625em) {
|
|
.hide-for-small-only,
|
|
.show-for-small-up,
|
|
.hide-for-small,
|
|
.hide-for-small-down,
|
|
.hide-for-medium-only,
|
|
.show-for-medium-up,
|
|
.hide-for-medium,
|
|
.hide-for-medium-down,
|
|
.hide-for-large-only,
|
|
.show-for-large-up,
|
|
.hide-for-large,
|
|
.hide-for-large-down,
|
|
.hide-for-xlarge-only,
|
|
.show-for-xlarge-up,
|
|
.hide-for-xlarge,
|
|
.hide-for-xlarge-down,
|
|
.show-for-xxlarge-only,
|
|
.show-for-xxlarge-up,
|
|
.show-for-xxlarge,
|
|
.show-for-xxlarge-down {
|
|
display: inherit !important
|
|
}
|
|
.show-for-small-only,
|
|
.hide-for-small-up,
|
|
.show-for-small,
|
|
.show-for-small-down,
|
|
.show-for-medium-only,
|
|
.hide-for-medium-up,
|
|
.show-for-medium,
|
|
.show-for-medium-down,
|
|
.show-for-large-only,
|
|
.hide-for-large-up,
|
|
.show-for-large,
|
|
.show-for-large-down,
|
|
.show-for-xlarge-only,
|
|
.hide-for-xlarge-up,
|
|
.show-for-xlarge,
|
|
.show-for-xlarge-down,
|
|
.hide-for-xxlarge-only,
|
|
.hide-for-xxlarge-up,
|
|
.hide-for-xxlarge,
|
|
.hide-for-xxlarge-down {
|
|
display: none !important
|
|
}
|
|
.hidden-for-small-only,
|
|
.visible-for-small-up,
|
|
.hidden-for-small,
|
|
.hidden-for-small-down,
|
|
.hidden-for-medium-only,
|
|
.visible-for-medium-up,
|
|
.hidden-for-medium,
|
|
.hidden-for-medium-down,
|
|
.hidden-for-large-only,
|
|
.visible-for-large-up,
|
|
.hidden-for-large,
|
|
.hidden-for-large-down,
|
|
.hidden-for-xlarge-only,
|
|
.visible-for-xlarge-up,
|
|
.hidden-for-xlarge,
|
|
.hidden-for-xlarge-down,
|
|
.visible-for-xxlarge-only,
|
|
.visible-for-xxlarge-up,
|
|
.visible-for-xxlarge,
|
|
.visible-for-xxlarge-down {
|
|
position: static !important;
|
|
height: auto;
|
|
width: auto;
|
|
overflow: visible;
|
|
clip: auto
|
|
}
|
|
.visible-for-small-only,
|
|
.hidden-for-small-up,
|
|
.visible-for-small,
|
|
.visible-for-small-down,
|
|
.visible-for-medium-only,
|
|
.hidden-for-medium-up,
|
|
.visible-for-medium,
|
|
.visible-for-medium-down,
|
|
.visible-for-large-only,
|
|
.hidden-for-large-up,
|
|
.visible-for-large,
|
|
.visible-for-large-down,
|
|
.visible-for-xlarge-only,
|
|
.hidden-for-xlarge-up,
|
|
.visible-for-xlarge,
|
|
.visible-for-xlarge-down,
|
|
.hidden-for-xxlarge-only,
|
|
.hidden-for-xxlarge-up,
|
|
.hidden-for-xxlarge,
|
|
.hidden-for-xxlarge-down {
|
|
clip: rect(1px, 1px, 1px, 1px);
|
|
height: 1px;
|
|
overflow: hidden;
|
|
position: absolute !important;
|
|
width: 1px
|
|
}
|
|
table.hide-for-small-only,
|
|
table.show-for-small-up,
|
|
table.hide-for-small,
|
|
table.hide-for-small-down,
|
|
table.hide-for-medium-only,
|
|
table.show-for-medium-up,
|
|
table.hide-for-medium,
|
|
table.hide-for-medium-down,
|
|
table.hide-for-large-only,
|
|
table.show-for-large-up,
|
|
table.hide-for-large,
|
|
table.hide-for-large-down,
|
|
table.hide-for-xlarge-only,
|
|
table.show-for-xlarge-up,
|
|
table.hide-for-xlarge,
|
|
table.hide-for-xlarge-down,
|
|
table.show-for-xxlarge-only,
|
|
table.show-for-xxlarge-up,
|
|
table.show-for-xxlarge,
|
|
table.show-for-xxlarge-down {
|
|
display: table !important
|
|
}
|
|
thead.hide-for-small-only,
|
|
thead.show-for-small-up,
|
|
thead.hide-for-small,
|
|
thead.hide-for-small-down,
|
|
thead.hide-for-medium-only,
|
|
thead.show-for-medium-up,
|
|
thead.hide-for-medium,
|
|
thead.hide-for-medium-down,
|
|
thead.hide-for-large-only,
|
|
thead.show-for-large-up,
|
|
thead.hide-for-large,
|
|
thead.hide-for-large-down,
|
|
thead.hide-for-xlarge-only,
|
|
thead.show-for-xlarge-up,
|
|
thead.hide-for-xlarge,
|
|
thead.hide-for-xlarge-down,
|
|
thead.show-for-xxlarge-only,
|
|
thead.show-for-xxlarge-up,
|
|
thead.show-for-xxlarge,
|
|
thead.show-for-xxlarge-down {
|
|
display: table-header-group !important
|
|
}
|
|
tbody.hide-for-small-only,
|
|
tbody.show-for-small-up,
|
|
tbody.hide-for-small,
|
|
tbody.hide-for-small-down,
|
|
tbody.hide-for-medium-only,
|
|
tbody.show-for-medium-up,
|
|
tbody.hide-for-medium,
|
|
tbody.hide-for-medium-down,
|
|
tbody.hide-for-large-only,
|
|
tbody.show-for-large-up,
|
|
tbody.hide-for-large,
|
|
tbody.hide-for-large-down,
|
|
tbody.hide-for-xlarge-only,
|
|
tbody.show-for-xlarge-up,
|
|
tbody.hide-for-xlarge,
|
|
tbody.hide-for-xlarge-down,
|
|
tbody.show-for-xxlarge-only,
|
|
tbody.show-for-xxlarge-up,
|
|
tbody.show-for-xxlarge,
|
|
tbody.show-for-xxlarge-down {
|
|
display: table-row-group !important
|
|
}
|
|
tr.hide-for-small-only,
|
|
tr.show-for-small-up,
|
|
tr.hide-for-small,
|
|
tr.hide-for-small-down,
|
|
tr.hide-for-medium-only,
|
|
tr.show-for-medium-up,
|
|
tr.hide-for-medium,
|
|
tr.hide-for-medium-down,
|
|
tr.hide-for-large-only,
|
|
tr.show-for-large-up,
|
|
tr.hide-for-large,
|
|
tr.hide-for-large-down,
|
|
tr.hide-for-xlarge-only,
|
|
tr.show-for-xlarge-up,
|
|
tr.hide-for-xlarge,
|
|
tr.hide-for-xlarge-down,
|
|
tr.show-for-xxlarge-only,
|
|
tr.show-for-xxlarge-up,
|
|
tr.show-for-xxlarge,
|
|
tr.show-for-xxlarge-down {
|
|
display: table-row
|
|
}
|
|
th.hide-for-small-only,
|
|
td.hide-for-small-only,
|
|
th.show-for-small-up,
|
|
td.show-for-small-up,
|
|
th.hide-for-small,
|
|
td.hide-for-small,
|
|
th.hide-for-small-down,
|
|
td.hide-for-small-down,
|
|
th.hide-for-medium-only,
|
|
td.hide-for-medium-only,
|
|
th.show-for-medium-up,
|
|
td.show-for-medium-up,
|
|
th.hide-for-medium,
|
|
td.hide-for-medium,
|
|
th.hide-for-medium-down,
|
|
td.hide-for-medium-down,
|
|
th.hide-for-large-only,
|
|
td.hide-for-large-only,
|
|
th.show-for-large-up,
|
|
td.show-for-large-up,
|
|
th.hide-for-large,
|
|
td.hide-for-large,
|
|
th.hide-for-large-down,
|
|
td.hide-for-large-down,
|
|
th.hide-for-xlarge-only,
|
|
td.hide-for-xlarge-only,
|
|
th.show-for-xlarge-up,
|
|
td.show-for-xlarge-up,
|
|
th.hide-for-xlarge,
|
|
td.hide-for-xlarge,
|
|
th.hide-for-xlarge-down,
|
|
td.hide-for-xlarge-down,
|
|
th.show-for-xxlarge-only,
|
|
td.show-for-xxlarge-only,
|
|
th.show-for-xxlarge-up,
|
|
td.show-for-xxlarge-up,
|
|
th.show-for-xxlarge,
|
|
td.show-for-xxlarge,
|
|
th.show-for-xxlarge-down,
|
|
td.show-for-xxlarge-down {
|
|
display: table-cell !important
|
|
}
|
|
}
|
|
|
|
.show-for-landscape,
|
|
.hide-for-portrait {
|
|
display: inherit !important
|
|
}
|
|
|
|
.hide-for-landscape,
|
|
.show-for-portrait {
|
|
display: none !important
|
|
}
|
|
|
|
table.hide-for-landscape,
|
|
table.show-for-portrait {
|
|
display: table !important
|
|
}
|
|
|
|
thead.hide-for-landscape,
|
|
thead.show-for-portrait {
|
|
display: table-header-group !important
|
|
}
|
|
|
|
tbody.hide-for-landscape,
|
|
tbody.show-for-portrait {
|
|
display: table-row-group !important
|
|
}
|
|
|
|
tr.hide-for-landscape,
|
|
tr.show-for-portrait {
|
|
display: table-row !important
|
|
}
|
|
|
|
td.hide-for-landscape,
|
|
td.show-for-portrait,
|
|
th.hide-for-landscape,
|
|
th.show-for-portrait {
|
|
display: table-cell !important
|
|
}
|
|
|
|
@media only screen and (orientation: landscape) {
|
|
.show-for-landscape,
|
|
.hide-for-portrait {
|
|
display: inherit !important
|
|
}
|
|
.hide-for-landscape,
|
|
.show-for-portrait {
|
|
display: none !important
|
|
}
|
|
table.show-for-landscape,
|
|
table.hide-for-portrait {
|
|
display: table !important
|
|
}
|
|
thead.show-for-landscape,
|
|
thead.hide-for-portrait {
|
|
display: table-header-group !important
|
|
}
|
|
tbody.show-for-landscape,
|
|
tbody.hide-for-portrait {
|
|
display: table-row-group !important
|
|
}
|
|
tr.show-for-landscape,
|
|
tr.hide-for-portrait {
|
|
display: table-row !important
|
|
}
|
|
td.show-for-landscape,
|
|
td.hide-for-portrait,
|
|
th.show-for-landscape,
|
|
th.hide-for-portrait {
|
|
display: table-cell !important
|
|
}
|
|
}
|
|
|
|
@media only screen and (orientation: portrait) {
|
|
.show-for-portrait,
|
|
.hide-for-landscape {
|
|
display: inherit !important
|
|
}
|
|
.hide-for-portrait,
|
|
.show-for-landscape {
|
|
display: none !important
|
|
}
|
|
table.show-for-portrait,
|
|
table.hide-for-landscape {
|
|
display: table !important
|
|
}
|
|
thead.show-for-portrait,
|
|
thead.hide-for-landscape {
|
|
display: table-header-group !important
|
|
}
|
|
tbody.show-for-portrait,
|
|
tbody.hide-for-landscape {
|
|
display: table-row-group !important
|
|
}
|
|
tr.show-for-portrait,
|
|
tr.hide-for-landscape {
|
|
display: table-row !important
|
|
}
|
|
td.show-for-portrait,
|
|
td.hide-for-landscape,
|
|
th.show-for-portrait,
|
|
th.hide-for-landscape {
|
|
display: table-cell !important
|
|
}
|
|
}
|
|
|
|
.show-for-touch {
|
|
display: none !important
|
|
}
|
|
|
|
.hide-for-touch {
|
|
display: inherit !important
|
|
}
|
|
|
|
.touch .show-for-touch {
|
|
display: inherit !important
|
|
}
|
|
|
|
.touch .hide-for-touch {
|
|
display: none !important
|
|
}
|
|
|
|
table.hide-for-touch {
|
|
display: table !important
|
|
}
|
|
|
|
.touch table.show-for-touch {
|
|
display: table !important
|
|
}
|
|
|
|
thead.hide-for-touch {
|
|
display: table-header-group !important
|
|
}
|
|
|
|
.touch thead.show-for-touch {
|
|
display: table-header-group !important
|
|
}
|
|
|
|
tbody.hide-for-touch {
|
|
display: table-row-group !important
|
|
}
|
|
|
|
.touch tbody.show-for-touch {
|
|
display: table-row-group !important
|
|
}
|
|
|
|
tr.hide-for-touch {
|
|
display: table-row !important
|
|
}
|
|
|
|
.touch tr.show-for-touch {
|
|
display: table-row !important
|
|
}
|
|
|
|
td.hide-for-touch {
|
|
display: table-cell !important
|
|
}
|
|
|
|
.touch td.show-for-touch {
|
|
display: table-cell !important
|
|
}
|
|
|
|
th.hide-for-touch {
|
|
display: table-cell !important
|
|
}
|
|
|
|
.touch th.show-for-touch {
|
|
display: table-cell !important
|
|
}
|
|
|
|
.show-for-sr {
|
|
clip: rect(1px, 1px, 1px, 1px);
|
|
height: 1px;
|
|
overflow: hidden;
|
|
position: absolute !important;
|
|
width: 1px
|
|
}
|
|
|
|
.show-on-focus {
|
|
clip: rect(1px, 1px, 1px, 1px);
|
|
height: 1px;
|
|
overflow: hidden;
|
|
position: absolute !important;
|
|
width: 1px
|
|
}
|
|
|
|
.show-on-focus:focus,
|
|
.show-on-focus:active {
|
|
position: static !important;
|
|
height: auto;
|
|
width: auto;
|
|
overflow: visible;
|
|
clip: auto
|
|
}
|
|
|
|
.print-only {
|
|
display: none !important
|
|
}
|
|
|
|
@media print {
|
|
* {
|
|
background: transparent !important;
|
|
box-shadow: none !important;
|
|
color: #000 !important;
|
|
text-shadow: none !important
|
|
}
|
|
.show-for-print {
|
|
display: block
|
|
}
|
|
.hide-for-print {
|
|
display: none
|
|
}
|
|
table.show-for-print {
|
|
display: table !important
|
|
}
|
|
thead.show-for-print {
|
|
display: table-header-group !important
|
|
}
|
|
tbody.show-for-print {
|
|
display: table-row-group !important
|
|
}
|
|
tr.show-for-print {
|
|
display: table-row !important
|
|
}
|
|
td.show-for-print {
|
|
display: table-cell !important
|
|
}
|
|
th.show-for-print {
|
|
display: table-cell !important
|
|
}
|
|
a,
|
|
a:visited {
|
|
text-decoration: underline
|
|
}
|
|
a[href]:after {
|
|
content: " (" attr(href) ")"
|
|
}
|
|
abbr[title]:after {
|
|
content: " (" attr(title) ")"
|
|
}
|
|
.ir a:after,
|
|
a[href^="javascript:"]:after,
|
|
a[href^="#"]:after {
|
|
content: ""
|
|
}
|
|
pre,
|
|
blockquote {
|
|
border: 1px solid #999;
|
|
page-break-inside: avoid
|
|
}
|
|
thead {
|
|
display: table-header-group
|
|
}
|
|
tr,
|
|
img {
|
|
page-break-inside: avoid
|
|
}
|
|
img {
|
|
max-width: 100% !important
|
|
}
|
|
@page {
|
|
margin: .5cm
|
|
}
|
|
p,
|
|
h2,
|
|
h3 {
|
|
orphans: 3;
|
|
widows: 3
|
|
}
|
|
h2,
|
|
h3 {
|
|
page-break-after: avoid
|
|
}
|
|
.hide-on-print {
|
|
display: none !important
|
|
}
|
|
.print-only {
|
|
display: block !important
|
|
}
|
|
.hide-for-print {
|
|
display: none !important
|
|
}
|
|
.show-for-print {
|
|
display: inherit !important
|
|
}
|
|
}
|
|
|
|
@media print {
|
|
.show-for-print {
|
|
display: block
|
|
}
|
|
.hide-for-print {
|
|
display: none
|
|
}
|
|
table.show-for-print {
|
|
display: table !important
|
|
}
|
|
thead.show-for-print {
|
|
display: table-header-group !important
|
|
}
|
|
tbody.show-for-print {
|
|
display: table-row-group !important
|
|
}
|
|
tr.show-for-print {
|
|
display: table-row !important
|
|
}
|
|
td.show-for-print {
|
|
display: table-cell !important
|
|
}
|
|
th.show-for-print {
|
|
display: table-cell !important
|
|
}
|
|
}
|
|
|
|
@media not print {
|
|
.show-for-print {
|
|
display: none !important
|
|
}
|
|
}
|
|
|
|
|
|
/* SVEN SAYS NO - FISHER SAID YES */
|
|
|
|
h1,
|
|
h2,
|
|
h3,
|
|
h4,
|
|
h5,
|
|
h6,
|
|
p,
|
|
li {
|
|
letter-spacing: 0.02rem;
|
|
}
|
|
|
|
li {
|
|
line-height: 2
|
|
}
|
|
|
|
p>sub {
|
|
font-size: .8rem;
|
|
line-height: 1.3rem;
|
|
display: block
|
|
}
|
|
|
|
header .nav-global>li {
|
|
display: block;
|
|
float: left;
|
|
list-style: none;
|
|
}
|
|
|
|
header .nav-global>li>* {
|
|
display: block
|
|
}
|
|
|
|
header .nav-global a.button {
|
|
background: #86D801;
|
|
padding: 0.625rem 1.875rem;
|
|
color: #fff;
|
|
margin-bottom: 0;
|
|
position: relative;
|
|
bottom: -5px
|
|
}
|
|
|
|
header .nav-global a.button:hover {
|
|
background: #fa8000
|
|
}
|
|
|
|
@media only screen and (max-width: 40em) {
|
|
header .nav-global {
|
|
display: none
|
|
}
|
|
}
|
|
|
|
@media only screen and (min-width: 40.0625em) and (max-width: 58.75em) {
|
|
header .nav-global {
|
|
display: none
|
|
}
|
|
}
|
|
|
|
.main-header div>.nav-main {
|
|
list-style: none;
|
|
margin: 0;
|
|
margin-top: 8px;
|
|
overflow: visible;
|
|
float: right;
|
|
}
|
|
|
|
.main-header div>.nav-main>li {
|
|
display: block;
|
|
float: left;
|
|
list-style: none;
|
|
margin-left: 1.375rem
|
|
}
|
|
|
|
.main-header div>.nav-main>li>* {
|
|
display: block
|
|
}
|
|
|
|
@media only screen and (max-width: 40em) {
|
|
.main-header div>.nav-main {
|
|
display: none
|
|
}
|
|
}
|
|
|
|
@media only screen and (min-width: 40.0625em) and (max-width: 58.75em) {
|
|
.main-header div>.nav-main {
|
|
display: none
|
|
}
|
|
}
|
|
|
|
.main-header div>.nav-main>li {
|
|
position: relative;
|
|
margin-left: 22px;
|
|
}
|
|
|
|
.main-header div>.nav-main>li ul {
|
|
position: absolute;
|
|
margin: 0;
|
|
list-style: none;
|
|
border: 1px solid #ddd;
|
|
transition: all .5s ease;
|
|
border-radius: 5px;
|
|
overflow: hidden;
|
|
float: left;
|
|
display: none
|
|
}
|
|
|
|
.main-header div>.nav-main>li ul>li:first-child {
|
|
display: none
|
|
}
|
|
|
|
.main-header div>.nav-main>li ul a {
|
|
display: block;
|
|
font-size: 0.8125rem;
|
|
background: #fff;
|
|
border-bottom: 1px solid #ddd;
|
|
padding: 8px 15px;
|
|
}
|
|
|
|
.main-header div>.nav-main>li ul a:hover {
|
|
background: #fafafa
|
|
}
|
|
|
|
.main-header div>.nav-main>li ul a:last-child {
|
|
border-bottom: 0 solid #ddd
|
|
}
|
|
|
|
.main-header div>.nav-main>li:hover ul {
|
|
display: block
|
|
}
|
|
|
|
.main-header div>.nav-main a {
|
|
font-family: 'Geomanist Book', sans-serif;
|
|
font-size: 18px;
|
|
color: #fff;
|
|
text-decoration: none;
|
|
}
|
|
|
|
.main-header div>.nav-main a:hover {
|
|
color: #fff;
|
|
}
|
|
|
|
@media only screen and (min-width: 1150px) {
|
|
.main-header div>.nav-main a {}
|
|
}
|
|
|
|
.nav-sub {
|
|
list-style: none;
|
|
margin-left: -1.375rem;
|
|
margin-right: 0;
|
|
margin: 0 auto 1.0625rem auto;
|
|
overflow: hidden;
|
|
padding: 0;
|
|
display: block;
|
|
margin: 1.875rem 0 0 0;
|
|
text-align: center
|
|
}
|
|
|
|
.nav-sub>li {
|
|
display: block;
|
|
float: left;
|
|
list-style: none;
|
|
margin-left: 1.375rem
|
|
}
|
|
|
|
.nav-sub>li>* {
|
|
display: block
|
|
}
|
|
|
|
.nav-sub li {
|
|
margin-left: 10px;
|
|
display: inline-block;
|
|
float: none
|
|
}
|
|
|
|
.nav-sub a {
|
|
color: #fff;
|
|
padding: 0.625rem 1.25rem;
|
|
background: #1088b1;
|
|
border-radius: 5px 5px 0 0
|
|
}
|
|
|
|
.nav-sub a:hover {
|
|
background: #084053
|
|
}
|
|
|
|
.nav-sub a.active-trail {
|
|
background: #fff;
|
|
color: #1088b1
|
|
}
|
|
|
|
@media only screen and (min-width: 40.0625em) and (max-width: 58.75em) {
|
|
.nav-sub a {
|
|
font-size: 0.8125rem
|
|
}
|
|
}
|
|
|
|
.left-off-canvas-menu .button {
|
|
display: block;
|
|
margin: 10px;
|
|
font-size: 0.875rem;
|
|
padding: 14px
|
|
}
|
|
|
|
.nav-global-off-canvas {
|
|
list-style: none;
|
|
padding: 12px 10px;
|
|
margin-left: 0
|
|
}
|
|
|
|
.nav-global-off-canvas a {
|
|
color: #fff;
|
|
font-weight: 100
|
|
}
|
|
|
|
.off-canvas-list li.left-submenu>ul>li:nth-child(2) {
|
|
display: none
|
|
}
|
|
|
|
.side-nav li a:not(.button) {
|
|
padding: 0.3125rem 0
|
|
}
|
|
|
|
.side-nav li a:not(.button):hover {
|
|
background: #f1f1f1;
|
|
padding: 0.3125rem 0.625rem;
|
|
color: #129ac8
|
|
}
|
|
|
|
.side-nav li.active a:not(.button) {
|
|
background: #f1f1f1;
|
|
padding: 0.3125rem 0.625rem;
|
|
color: #129ac8
|
|
}
|
|
|
|
.side-nav li.active>a:first-child:not(.button) {
|
|
color: #129ac8
|
|
}
|
|
|
|
.security-post strong.date {
|
|
font-size: .9rem;
|
|
margin-top: -13px;
|
|
margin-bottom: 8px;
|
|
display: block
|
|
}
|
|
|
|
.path-partners .page-content {
|
|
padding-bottom: 2rem
|
|
}
|
|
|
|
.path-partners .page-content h2 {
|
|
clear: left;
|
|
margin-top: -30px;
|
|
padding-top: 30px
|
|
}
|
|
|
|
.path-partners .page-content p {
|
|
clear: left;
|
|
padding-left: 14rem;
|
|
overflow: hidden
|
|
}
|
|
|
|
.path-partners .page-content h2+p {
|
|
padding-left: 0
|
|
}
|
|
|
|
.path-partners .page-content img {
|
|
float: left;
|
|
clear: left;
|
|
max-width: 12rem;
|
|
height: auto !important;
|
|
margin-left: -14rem
|
|
}
|
|
|
|
.path-partners .page-content .large-3 ul {
|
|
-webkit-transform: translate3d(0, 0, 0)
|
|
}
|
|
|
|
.path-partners .page-content .large-3 li {
|
|
list-style: none
|
|
}
|
|
|
|
.path-partners .page-content .fixed-bar {
|
|
position: fixed;
|
|
top: 30px
|
|
}
|
|
|
|
.embed-wrapper {
|
|
position: relative;
|
|
padding-bottom: 56.25%;
|
|
padding-top: 25px;
|
|
height: 0
|
|
}
|
|
|
|
.embed-wrapper iframe {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 100%
|
|
}
|
|
|
|
.management .team-bios {
|
|
margin: 2.5rem 0
|
|
}
|
|
|
|
.management .team-bios li {
|
|
padding: 0 3% 1.25rem;
|
|
position: relative
|
|
}
|
|
|
|
.management .team-bios li.selected:after {
|
|
content: '';
|
|
display: block;
|
|
width: 0;
|
|
height: 0;
|
|
border-left: 10px solid transparent;
|
|
border-right: 10px solid transparent;
|
|
border-bottom: 10px solid #22b8eb;
|
|
position: absolute;
|
|
bottom: 0;
|
|
left: 50%;
|
|
transform: translateX(-50%)
|
|
}
|
|
|
|
.management .bio-image img {
|
|
width: 100%;
|
|
margin-bottom: .4rem
|
|
}
|
|
|
|
.management .bio-content {
|
|
display: block
|
|
}
|
|
|
|
.management .bio-content h2,
|
|
.management .bio-content h3 {
|
|
font-size: 1.2rem;
|
|
margin: 0
|
|
}
|
|
|
|
.management .bio-content h2 {
|
|
font-weight: bold
|
|
}
|
|
|
|
.management .bio-content .linkedin {
|
|
float: right
|
|
}
|
|
|
|
.management .bio-details {
|
|
display: none
|
|
}
|
|
|
|
.management ul.team-bios>.bio-details {
|
|
display: block;
|
|
clear: both;
|
|
margin-bottom: 30px
|
|
}
|
|
|
|
@media only screen and (max-width: 58.8125em) {
|
|
.management ul.team-bios>.bio-details {
|
|
margin-left: 0;
|
|
margin-right: 0
|
|
}
|
|
}
|
|
|
|
.management ul.team-bios>.bio-details .bio-description {
|
|
margin-bottom: 2rem
|
|
}
|
|
|
|
.management ul.team-bios>.bio-details .inner {
|
|
background: #22b8eb;
|
|
margin: 0 -1rem;
|
|
color: white;
|
|
overflow: hidden;
|
|
padding: 40px 0 40px
|
|
}
|
|
|
|
.management ul.team-bios>.bio-details .inner h2 {
|
|
color: white;
|
|
text-align: center;
|
|
margin-bottom: 40px
|
|
}
|
|
|
|
.management ul.team-bios>.bio-details .inner h2 a {
|
|
color: white
|
|
}
|
|
|
|
.management ul.team-bios>.bio-details .inner h3 {
|
|
display: none
|
|
}
|
|
|
|
.team {
|
|
margin-top: 2rem;
|
|
margin-bottom: 2rem
|
|
}
|
|
|
|
.primary-team-image {
|
|
float: left;
|
|
width: 59.4%;
|
|
height: auto;
|
|
margin-right: 3%
|
|
}
|
|
|
|
.secondary-team-image {
|
|
float: left;
|
|
width: 37.6%;
|
|
height: auto;
|
|
margin-bottom: 3%
|
|
}
|
|
|
|
#grnhse_iframe {
|
|
margin-bottom: 5rem
|
|
}
|
|
|
|
.path-work-at-docker .bubbles,
|
|
.path-work-at-docker .flip {
|
|
margin-top: -5rem;
|
|
margin-bottom: -5rem
|
|
}
|
|
|
|
table td {
|
|
vertical-align: top
|
|
}
|
|
|
|
@media only screen and (min-width: 40.0625em) {
|
|
.divided-content li {
|
|
border-right: 1px solid #eee;
|
|
padding: 0 2rem
|
|
}
|
|
.divided-content li:nth-child(2n+2) {
|
|
border-right: 0;
|
|
padding-right: .625rem
|
|
}
|
|
.divided-content li:nth-child(2n-1) {
|
|
padding-left: .625rem
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width: 40em) {
|
|
.divided-content li {
|
|
border-right: none
|
|
}
|
|
}
|
|
|
|
.half-centered.columns {
|
|
margin: 0 auto;
|
|
float: none !important;
|
|
clear: both;
|
|
padding-top: 2.5rem
|
|
}
|
|
|
|
.half-centered.columns a {
|
|
float: right
|
|
}
|
|
|
|
.repo-card-wrapper iframe {
|
|
max-width: 100%
|
|
}
|
|
|
|
.open-source-event {
|
|
padding-bottom: 1.5rem
|
|
}
|
|
|
|
.open-source-event strong.date {
|
|
margin-top: .5rem;
|
|
display: block
|
|
}
|
|
|
|
.repos {
|
|
list-style: none;
|
|
margin: 0
|
|
}
|
|
|
|
.repos li {
|
|
list-style: none;
|
|
float: left;
|
|
margin: 0 1.5%;
|
|
width: 30.3%;
|
|
background: url("../images/ajax-loader.gif") no-repeat center 100px
|
|
}
|
|
|
|
.repos li iframe {
|
|
max-width: 100%;
|
|
height: 240px
|
|
}
|
|
|
|
@media only screen and (max-width: 40em) {
|
|
.repos li {
|
|
width: 100%;
|
|
margin: 0
|
|
}
|
|
}
|
|
|
|
.featured-content iframe {
|
|
max-width: 100%;
|
|
max-height: 350px
|
|
}
|
|
|
|
.featured-content img {
|
|
max-width: 100%
|
|
}
|
|
|
|
section.row.featured-primary,
|
|
section.row.featured-secondary {
|
|
max-width: 62rem
|
|
}
|
|
|
|
.around-the-web {
|
|
margin-top: 3rem
|
|
}
|
|
|
|
.around-the-web .image_wrapper {
|
|
max-width: 160px;
|
|
margin: 0 auto
|
|
}
|
|
|
|
.around-the-web li {
|
|
margin-bottom: 2rem
|
|
}
|
|
|
|
.around-the-web img {
|
|
max-width: 100%
|
|
}
|
|
|
|
.featured-community .featured-content img {
|
|
height: auto !important
|
|
}
|
|
|
|
.featured-customers .customer {
|
|
min-height: 25rem;
|
|
position: relative
|
|
}
|
|
|
|
.featured-customers .customer h4 {
|
|
position: absolute;
|
|
bottom: 0;
|
|
left: 1rem
|
|
}
|
|
|
|
.secondary-customers {
|
|
margin-top: 2rem
|
|
}
|
|
|
|
.secondary-customers .customer {
|
|
min-height: 15.625rem;
|
|
position: relative
|
|
}
|
|
|
|
.secondary-customers .customer h4 {
|
|
position: absolute;
|
|
bottom: 0;
|
|
left: 1rem
|
|
}
|
|
|
|
div.share-story-outer {
|
|
height: 21.875rem;
|
|
background-color: #E75A24
|
|
}
|
|
|
|
div.share-story-outer div {
|
|
position: absolute;
|
|
bottom: 0;
|
|
margin-right: 1rem;
|
|
padding: 1rem
|
|
}
|
|
|
|
div.share-story-outer div h3 {
|
|
color: #F4F9FB;
|
|
font-weight: normal
|
|
}
|
|
|
|
div.share-story-outer div p {
|
|
color: #F4F9FB
|
|
}
|
|
|
|
.customers h1 {
|
|
margin: 3.125rem 0;
|
|
text-align: center
|
|
}
|
|
|
|
.customers .customer {
|
|
min-height: 11.25rem;
|
|
width: 25%;
|
|
float: left;
|
|
background-position: center center;
|
|
background-repeat: no-repeat;
|
|
background-size: 70%;
|
|
cursor: pointer
|
|
}
|
|
|
|
.customers .customer-details {
|
|
display: none;
|
|
clear: both;
|
|
background-color: #efefef;
|
|
padding: 2rem 2rem 1rem 2rem;
|
|
position: relative
|
|
}
|
|
|
|
.customers .customer-details:before {
|
|
content: ' ';
|
|
position: absolute;
|
|
top: -2.2rem;
|
|
left: 10%;
|
|
width: 0;
|
|
height: 0;
|
|
border: 1.2rem solid #efefef;
|
|
border-color: transparent transparent #efefef transparent
|
|
}
|
|
|
|
.customers .customer-details.nth-1:before {
|
|
left: 35.5%
|
|
}
|
|
|
|
.customers .customer-details.nth-2:before {
|
|
left: 60.5%
|
|
}
|
|
|
|
.customers .customer-details.nth-3:before {
|
|
left: 85.5%
|
|
}
|
|
|
|
.customers .customer-details.open {
|
|
display: block
|
|
}
|
|
|
|
.customers .customer-details h1 {
|
|
margin-top: 0;
|
|
margin-bottom: 2rem;
|
|
text-align: center
|
|
}
|
|
|
|
.customers .customer-details .customer-benefits {
|
|
margin-top: 1rem
|
|
}
|
|
|
|
.customers .customer-details blockquote {
|
|
padding-left: 5rem;
|
|
position: relative
|
|
}
|
|
|
|
.customers .customer-details blockquote img {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0
|
|
}
|
|
|
|
.path-meetups .body {
|
|
margin-bottom: 2rem
|
|
}
|
|
|
|
.meetup a {
|
|
display: block;
|
|
margin-bottom: 5px
|
|
}
|
|
|
|
.page-content>section:last-of-type {
|
|
margin-bottom: 5rem
|
|
}
|
|
|
|
.page-content .below-content {
|
|
margin-bottom: 5rem
|
|
}
|
|
|
|
.featured-event .image {
|
|
height: 10rem;
|
|
background-position: center center;
|
|
background-size: cover
|
|
}
|
|
|
|
.event {
|
|
margin-bottom: 1rem
|
|
}
|
|
|
|
.event.dynamic {
|
|
display: none
|
|
}
|
|
|
|
.search-results.loaded .event.dynamic {
|
|
display: block
|
|
}
|
|
|
|
.event-search {
|
|
padding: 5rem 0
|
|
}
|
|
|
|
.path-open-source .event-search {
|
|
padding: 0
|
|
}
|
|
|
|
.contextual-links-wrapper {
|
|
display: none
|
|
}
|
|
|
|
.administration-quick-links {
|
|
position: fixed;
|
|
left: 0;
|
|
top: 33%;
|
|
z-index: 100
|
|
}
|
|
|
|
.administration-quick-links a {
|
|
padding: 8px 20px;
|
|
text-align: center;
|
|
background-color: #FF992E;
|
|
border-bottom-right-radius: 5px;
|
|
border-top-right-radius: 5px;
|
|
color: #fff;
|
|
box-shadow: -1px 1px 10px #272727;
|
|
display: block;
|
|
margin: 1rem 0
|
|
}
|
|
|
|
.administration-quick-links a:hover {
|
|
background-color: #f17b00
|
|
}
|
|
|
|
.page-import footer.main-footer {
|
|
padding: 0
|
|
}
|
|
|
|
.button {
|
|
border-radius: 5px
|
|
}
|
|
|
|
.button.white {
|
|
color: #22b8eb;
|
|
background: #fff
|
|
}
|
|
|
|
input[type="text"],
|
|
input[type="password"],
|
|
input[type="date"],
|
|
input[type="datetime"],
|
|
input[type="datetime-local"],
|
|
input[type="month"],
|
|
input[type="week"],
|
|
input[type="email"],
|
|
input[type="number"],
|
|
input[type="search"],
|
|
input[type="tel"],
|
|
input[type="time"],
|
|
input[type="url"],
|
|
input[type="color"],
|
|
textarea {
|
|
border-radius: 5px
|
|
}
|
|
|
|
input::-webkit-input-placeholder {
|
|
color: #7A8491;
|
|
font-weight: 300
|
|
}
|
|
|
|
input::-moz-placeholder {
|
|
color: #7A8491;
|
|
font-weight: 300
|
|
}
|
|
|
|
input:-moz-placeholder {
|
|
color: #7A8491;
|
|
font-weight: 300
|
|
}
|
|
|
|
input:-ms-input-placeholder {
|
|
color: #7A8491;
|
|
font-weight: 300
|
|
}
|
|
|
|
span.postfix {
|
|
background: #FF992E;
|
|
border-radius: 0px 5px 5px 0px;
|
|
border: none;
|
|
color: #fff
|
|
}
|
|
|
|
input.with-postfix {
|
|
border-radius: 5px 0px 0px 5px
|
|
}
|
|
|
|
.hero {
|
|
background-color: #22b8eb;
|
|
padding: 1.5625rem 0 2.875rem 0;
|
|
position: relative;
|
|
margin-bottom: 2.5rem
|
|
}
|
|
|
|
@media only screen and (max-width: 40em) {
|
|
.hero {
|
|
background-image: none !important
|
|
}
|
|
}
|
|
|
|
@media only screen and (min-width: 40.0625em) {
|
|
.hero {
|
|
padding: 3.125rem 0 12.5rem 0;
|
|
background-repeat: no-repeat;
|
|
background-size: cover;
|
|
background-position: center center
|
|
}
|
|
}
|
|
|
|
.hero h1,
|
|
.hero h2,
|
|
.hero h3,
|
|
.hero h4,
|
|
.hero p,
|
|
.hero a {
|
|
color: #fff
|
|
}
|
|
|
|
.hero p {
|
|
font-size: 1.125rem;
|
|
line-height: 1.75
|
|
}
|
|
|
|
.hero button.secondary,
|
|
.hero .button.secondary {
|
|
background-color: #384d55;
|
|
color: #fff;
|
|
width: 300px;
|
|
display: block
|
|
}
|
|
|
|
.hero-full {
|
|
margin-bottom: 2.5rem;
|
|
text-align: center
|
|
}
|
|
|
|
.hero-full .region-hero-sub {
|
|
margin-top: -5.3rem
|
|
}
|
|
|
|
.path-docker-con .hero {
|
|
padding: 3.125rem 0 3.5rem 0
|
|
}
|
|
|
|
.path-docker-con img.con {
|
|
margin-bottom: 1rem
|
|
}
|
|
|
|
.hero-sub {
|
|
background-color: #22b8eb;
|
|
padding: 1.5625rem 0 0 0;
|
|
margin-bottom: 2.5rem;
|
|
text-align: center;
|
|
min-height: 9rem
|
|
}
|
|
|
|
@media only screen and (min-width: 40.0625em) {
|
|
.hero-sub {
|
|
padding: 4.6875rem 0 0 0
|
|
}
|
|
}
|
|
|
|
.hero-sub h1,
|
|
.hero-sub h2,
|
|
.hero-sub h3,
|
|
.hero-sub h4,
|
|
.hero-sub p,
|
|
.hero-sub a {
|
|
color: #fff
|
|
}
|
|
|
|
@media only screen and (min-width: 40.0625em) {
|
|
.hero-sub .landing-hero-des {
|
|
margin-bottom: 5.9375rem
|
|
}
|
|
}
|
|
|
|
.hero-sub iframe {
|
|
max-width: 100%
|
|
}
|
|
|
|
body {
|
|
height: auto;
|
|
min-height: 100%;
|
|
padding-bottom: 540px
|
|
}
|
|
|
|
@media only screen and (min-width: 58.8125em) {
|
|
body {
|
|
padding-bottom: 270px
|
|
}
|
|
}
|
|
|
|
@media only screen and (min-width: 40.0625em) and (max-width: 58.75em) {
|
|
body {
|
|
padding-bottom: 520px
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width: 40em) {
|
|
body {
|
|
padding-bottom: 630px
|
|
}
|
|
}
|
|
|
|
.main-footer {
|
|
background: #243137;
|
|
position: relative;
|
|
padding: 1.5rem .5rem .5rem .5rem;
|
|
clear: both;
|
|
position: absolute;
|
|
bottom: 0;
|
|
width: 100%
|
|
}
|
|
|
|
@media only screen and (min-width: 40.0625em) {
|
|
.main-footer {
|
|
padding: 2rem
|
|
}
|
|
}
|
|
|
|
.main-footer::before {
|
|
background: url("../images/footer-wave.svg") repeat-x;
|
|
height: 16px;
|
|
width: 100%;
|
|
position: absolute;
|
|
top: -16px;
|
|
left: 0;
|
|
content: ""
|
|
}
|
|
|
|
.main-footer h6 {
|
|
color: #fff;
|
|
font-weight: 300
|
|
}
|
|
|
|
.main-footer h6 a {
|
|
color: #fff;
|
|
font-weight: 300
|
|
}
|
|
|
|
.main-footer h6 a:hover {
|
|
color: #22b8eb
|
|
}
|
|
|
|
.main-footer p {
|
|
color: #7A8491
|
|
}
|
|
|
|
.main-footer ul {
|
|
list-style: none;
|
|
margin-left: 0
|
|
}
|
|
|
|
.main-footer li a {
|
|
color: #7A8491;
|
|
font-weight: 300
|
|
}
|
|
|
|
.main-footer li a:hover {
|
|
color: #969ea8
|
|
}
|
|
|
|
@media only screen and (max-width: 40em) {
|
|
.main-footer div.newsletter form .mktoButtonRow button {
|
|
padding: 0.4em 0.5em !important
|
|
}
|
|
}
|
|
|
|
.main-footer div>.nav-main>li {
|
|
margin-left: 0
|
|
}
|
|
|
|
.main-footer div>.nav-main>li ul {
|
|
display: none
|
|
}
|
|
|
|
.main-footer div>.nav-main>li>a {
|
|
color: #ffffff
|
|
}
|
|
|
|
.main-footer div>.nav-main>li>a:hover {
|
|
color: #22b8eb
|
|
}
|
|
|
|
.main-footer div>.nav-main>li .first {
|
|
display: none;
|
|
margin-top: 0.2rem;
|
|
margin-bottom: 0.5rem
|
|
}
|
|
|
|
.nav-global-footer .block-menu {
|
|
float: left
|
|
}
|
|
|
|
@media only screen and (max-width: 40em) {
|
|
.nav-global-footer .block-menu {
|
|
width: 50%
|
|
}
|
|
}
|
|
|
|
.nav-global-footer div>ul>li>a {
|
|
color: #fff;
|
|
font-weight: 300
|
|
}
|
|
|
|
.nav-global-footer div>ul>li>a:hover {
|
|
color: #22b8eb
|
|
}
|
|
|
|
img.wow {
|
|
max-height: 215px
|
|
}
|
|
|
|
@media only screen and (min-width: 40.0625em) and (max-width: 58.75em) {
|
|
img.wow {
|
|
height: 215px
|
|
}
|
|
}
|
|
|
|
.main-header {
|
|
padding: 12px 0;
|
|
overflow: visible;
|
|
position: relative;
|
|
z-index: 90;
|
|
background: transparent;
|
|
}
|
|
|
|
.main-header .logo,
|
|
.main-header .logo_safari {
|
|
margin-top: 16px;
|
|
max-width: 200px
|
|
}
|
|
|
|
@media only screen and (max-width: 40em) {
|
|
.main-header .logo,
|
|
.main-header .logo_safari {
|
|
display: block;
|
|
margin: auto;
|
|
margin-top: 0;
|
|
max-width: 175px
|
|
}
|
|
}
|
|
|
|
@media only screen and (min-width: 40.0625em) and (max-width: 58.75em) {
|
|
.main-header .logo,
|
|
.main-header .logo_safari {
|
|
display: block;
|
|
margin: auto;
|
|
margin-top: 0;
|
|
max-width: 175px
|
|
}
|
|
}
|
|
|
|
@media only screen and (min-width: 58.8125em) {
|
|
.main-header .logo,
|
|
.main-header .logo_safari {
|
|
margin-left: -14px
|
|
}
|
|
}
|
|
|
|
.left-off-canvas-toggle {
|
|
position: absolute;
|
|
left: 0.9375rem;
|
|
top: 17px;
|
|
z-index: 99
|
|
}
|
|
|
|
@media only screen and (min-width: 58.8125em) {
|
|
.left-off-canvas-toggle {
|
|
display: none
|
|
}
|
|
}
|
|
|
|
.get-started-cta {
|
|
position: absolute;
|
|
right: 0.9375rem;
|
|
top: 22px;
|
|
z-index: 99
|
|
}
|
|
|
|
@media only screen and (min-width: 58.8125em) {
|
|
.get-started-cta {
|
|
display: none
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width: 40em) {
|
|
.get-started-cta {
|
|
display: none
|
|
}
|
|
}
|
|
|
|
.bsr-section {
|
|
background: #134a6a;
|
|
text-align: center;
|
|
padding: 3rem 0 0 0
|
|
}
|
|
|
|
@media only screen and (min-width: 40.0625em) {
|
|
.bsr-section {
|
|
margin-bottom: 6rem
|
|
}
|
|
}
|
|
|
|
.bsr-section p {
|
|
color: #fff;
|
|
text-align: center
|
|
}
|
|
|
|
.bsr-item {
|
|
padding: 1rem 3rem 2rem 3rem;
|
|
cursor: pointer;
|
|
position: relative
|
|
}
|
|
|
|
@media only screen and (min-width: 40.0625em) {
|
|
.bsr-item {
|
|
margin-top: 1.25rem;
|
|
min-height: 400px
|
|
}
|
|
}
|
|
|
|
.bsr-item:hover,
|
|
.bsr-item.is-active {
|
|
background: #0b2c3f;
|
|
border-radius: 5px
|
|
}
|
|
|
|
.bsr-item.is-active::before {
|
|
content: '';
|
|
position: absolute;
|
|
left: 50%;
|
|
bottom: -17px;
|
|
width: 0;
|
|
height: 0;
|
|
border-left: 10px solid transparent;
|
|
border-right: 10px solid transparent;
|
|
border-bottom: 10px solid #22b8eb
|
|
}
|
|
|
|
.build-item {
|
|
margin-bottom: 1rem
|
|
}
|
|
|
|
.build {
|
|
padding-bottom: 1rem
|
|
}
|
|
|
|
.ship {
|
|
padding-bottom: 1rem
|
|
}
|
|
|
|
.run {
|
|
padding-bottom: 1rem
|
|
}
|
|
|
|
.bsr-item-detail {
|
|
background: #22b8eb;
|
|
padding: 3rem 0;
|
|
position: relative
|
|
}
|
|
|
|
.bsr-item-detail h3,
|
|
.bsr-item-detail p,
|
|
.bsr-item-detail li {
|
|
color: #fff
|
|
}
|
|
|
|
.bsr-item-detail p,
|
|
.bsr-item-detail li {
|
|
text-align: left
|
|
}
|
|
|
|
.bsr-item-detail li {
|
|
font-weight: 300
|
|
}
|
|
|
|
.cta-section {
|
|
background-color: #fff;
|
|
text-align: center;
|
|
padding: 1rem 0
|
|
}
|
|
|
|
@media only screen and (min-width: 40.0625em) {
|
|
.cta-section {
|
|
padding: 2rem 0 4rem 0
|
|
}
|
|
}
|
|
|
|
.cta-illustration {
|
|
background-color: #22b8eb;
|
|
background-size: cover;
|
|
background-position: center center;
|
|
text-align: center;
|
|
margin-top: 2rem;
|
|
padding: 2.5rem 0 2.875rem 0
|
|
}
|
|
|
|
@media only screen and (min-width: 40.0625em) {
|
|
.cta-illustration {
|
|
margin-top: 5rem;
|
|
padding: 4.6875rem 0 4.6875rem 0
|
|
}
|
|
}
|
|
|
|
@media only screen and (min-width: 40.0625em) {
|
|
body.front .cta-illustration {
|
|
margin-top: 5rem;
|
|
padding: 4.6875rem 0 28.125rem 0
|
|
}
|
|
}
|
|
|
|
.normal-links a {
|
|
color: #fff
|
|
}
|
|
|
|
.landing-hero {
|
|
margin: 0 auto;
|
|
max-width: 75rem;
|
|
width: 100%
|
|
}
|
|
|
|
.landing-hero:before,
|
|
.landing-hero:after {
|
|
content: " ";
|
|
display: table
|
|
}
|
|
|
|
.landing-hero:after {
|
|
clear: both
|
|
}
|
|
|
|
.landing-hero-des {
|
|
padding-left: 0.9375rem;
|
|
padding-right: 0.9375rem;
|
|
width: 100%;
|
|
float: left
|
|
}
|
|
|
|
.nav-landing {
|
|
list-style: none;
|
|
margin-left: -1.375rem;
|
|
margin-right: 0;
|
|
margin: 0 auto 1.0625rem auto;
|
|
overflow: hidden;
|
|
padding: 0
|
|
}
|
|
|
|
.nav-landing>li {
|
|
display: block;
|
|
float: left;
|
|
list-style: none;
|
|
margin-left: 1.375rem
|
|
}
|
|
|
|
.nav-landing>li>* {
|
|
display: block
|
|
}
|
|
|
|
.benefits {
|
|
padding: 2rem 0
|
|
}
|
|
|
|
@media only screen and (min-width: 40.0625em) {
|
|
.benefits {
|
|
padding: 5rem 0
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width: 40em) {
|
|
.benefits .row {
|
|
padding-bottom: 2rem
|
|
}
|
|
.benefits img {
|
|
margin-bottom: 1rem
|
|
}
|
|
}
|
|
|
|
.bubbles {
|
|
display: block;
|
|
max-width: 500px;
|
|
margin: auto
|
|
}
|
|
|
|
@media only screen and (max-width: 40em) {
|
|
.bubbles {
|
|
display: none
|
|
}
|
|
}
|
|
|
|
.flip {
|
|
-moz-transform: scaleX(-1);
|
|
-webkit-transform: scaleX(-1);
|
|
transform: scaleX(-1)
|
|
}
|
|
|
|
.bubbles.animated .b1,
|
|
.bubbles.animated .b2,
|
|
.bubbles.animated .b3,
|
|
.bubbles.animated .b4,
|
|
.bubbles.animated .b5,
|
|
.bubbles.animated .b6,
|
|
.bubbles.animated .b7,
|
|
.bubbles.animated .b8,
|
|
.bubbles.animated .b9,
|
|
.bubbles.animated .b10,
|
|
.bubbles.animated .b11,
|
|
.bubbles.animated .b12,
|
|
.bubbles.animated .b13 {
|
|
opacity: 0;
|
|
-webkit-animation-name: fadeInUp;
|
|
-webkit-animation-duration: 600ms;
|
|
-webkit-animation-timing-function: ease-in-out;
|
|
-webkit-animation-delay: 0;
|
|
-webkit-animation-fill-mode: both;
|
|
-moz-animation-name: fadeInUp;
|
|
-moz-animation-duration: 600ms;
|
|
-moz-animation-timing-function: ease-in-out;
|
|
-moz-animation-delay: 0;
|
|
-moz-animation-fill-mode: both
|
|
}
|
|
|
|
.bubbles.animated .b2 {
|
|
-webkit-animation-delay: 200ms;
|
|
-moz-animation-delay: 200ms
|
|
}
|
|
|
|
.bubbles.animated .b3 {
|
|
-webkit-animation-delay: 300ms;
|
|
-moz-animation-delay: 300ms
|
|
}
|
|
|
|
.bubbles.animated .b4 {
|
|
-webkit-animation-delay: 400ms;
|
|
-moz-animation-delay: 400ms
|
|
}
|
|
|
|
.bubbles.animated .b5 {
|
|
-webkit-animation-delay: 500ms;
|
|
-moz-animation-delay: 500ms
|
|
}
|
|
|
|
.bubbles.animated .b6 {
|
|
-webkit-animation-delay: 6000ms;
|
|
-moz-animation-delay: 600ms
|
|
}
|
|
|
|
.bubbles.animated .b7 {
|
|
-webkit-animation-delay: 700ms;
|
|
-moz-animation-delay: 700ms
|
|
}
|
|
|
|
.bubbles.animated .b8 {
|
|
-webkit-animation-delay: 800ms;
|
|
-moz-animation-delay: 800ms
|
|
}
|
|
|
|
.bubbles.animated .b9 {
|
|
-webkit-animation-delay: 900ms;
|
|
-moz-animation-delay: 900ms
|
|
}
|
|
|
|
.bubbles.animated .b10 {
|
|
-webkit-animation-delay: 1000ms;
|
|
-moz-animation-delay: 1000ms
|
|
}
|
|
|
|
.bubbles.animated .b11 {
|
|
-webkit-animation-delay: 1200ms;
|
|
-moz-animation-delay: 1200ms
|
|
}
|
|
|
|
.bubbles.animated .b12 {
|
|
-webkit-animation-delay: 1300ms;
|
|
-moz-animation-delay: 1300ms
|
|
}
|
|
|
|
.bubbles.animated .b13 {
|
|
-webkit-animation-delay: 1400ms;
|
|
-moz-animation-delay: 1400ms
|
|
}
|
|
|
|
.ie9 .bubbles.animated {
|
|
opacity: 1
|
|
}
|
|
|
|
hr {
|
|
border: none;
|
|
height: 1px;
|
|
background-color: #ddd
|
|
}
|
|
|
|
@media only screen and (min-width: 40.0625em) {
|
|
hr {
|
|
margin: 3.125rem auto
|
|
}
|
|
}
|
|
|
|
@media only screen and (min-width: 58.8125em) {
|
|
hr {
|
|
max-width: 73.125rem
|
|
}
|
|
}
|
|
|
|
hr.moby {
|
|
position: relative;
|
|
padding: 0;
|
|
margin: 1.5625rem auto;
|
|
border: none;
|
|
height: 1px;
|
|
background: #ddd;
|
|
max-width: 900px;
|
|
}
|
|
|
|
@media only screen and (min-width: 40.0625em) {
|
|
hr.moby {
|
|
margin: 3.125rem auto
|
|
}
|
|
}
|
|
|
|
hr.moby::after {
|
|
content: '';
|
|
position: absolute;
|
|
top: -26px;
|
|
left: 50%;
|
|
margin-left: -26px;
|
|
height: 52px;
|
|
width: 52px;
|
|
background: url("../images/moby-tiny.svg") no-repeat
|
|
}
|
|
|
|
hr.dark-bg {
|
|
background-color: #384c56
|
|
}
|
|
|
|
.products {
|
|
width: 100%
|
|
}
|
|
|
|
.products .product-tab {
|
|
text-align: center;
|
|
cursor: pointer
|
|
}
|
|
|
|
.products .product-tab.selected h2 {
|
|
border-bottom: .3rem solid #eee
|
|
}
|
|
|
|
.products .product-details {
|
|
position: absolute;
|
|
right: -9999px
|
|
}
|
|
|
|
.products .product-details.open {
|
|
display: block !important;
|
|
border: .1rem solid #eee
|
|
}
|
|
|
|
.products .product-details.loaded {
|
|
position: static;
|
|
right: auto
|
|
}
|
|
|
|
.products .product-details>div ul {
|
|
list-style-type: none;
|
|
margin: 0;
|
|
text-align: center
|
|
}
|
|
|
|
.products .product-details>div ul li {
|
|
margin: 0
|
|
}
|
|
|
|
.products .product-details .product-tiers li .tier {
|
|
position: relative;
|
|
display: block;
|
|
padding: 2rem 2rem 5rem;
|
|
margin-top: 1rem;
|
|
background-color: #F4F9FB;
|
|
border: 1px solid #d6e9f0;
|
|
border-radius: 5px;
|
|
min-height: 20rem
|
|
}
|
|
|
|
.products .product-details .product-tiers li .tier h2,
|
|
.products .product-details .product-tiers li .tier h3 {
|
|
text-align: center
|
|
}
|
|
|
|
.products .product-details .product-tiers li .tier .button {
|
|
position: absolute;
|
|
bottom: 1rem;
|
|
text-align: center;
|
|
display: block;
|
|
left: 15%;
|
|
right: 15%
|
|
}
|
|
|
|
.products-items {
|
|
padding: 1rem 0;
|
|
display: block;
|
|
padding: 0;
|
|
margin: 0 -0.625rem
|
|
}
|
|
|
|
.products-items:before,
|
|
.products-items:after {
|
|
content: " ";
|
|
display: table
|
|
}
|
|
|
|
.products-items:after {
|
|
clear: both
|
|
}
|
|
|
|
.products-items>li {
|
|
display: block;
|
|
float: left;
|
|
height: auto;
|
|
padding: 0 0.625rem 1.25rem
|
|
}
|
|
|
|
.products-items>li {
|
|
list-style: none;
|
|
padding: 0 0.625rem 1.25rem;
|
|
width: 100%
|
|
}
|
|
|
|
.products-items>li:nth-of-type(1n) {
|
|
clear: none
|
|
}
|
|
|
|
.products-items>li:nth-of-type(1n+1) {
|
|
clear: both
|
|
}
|
|
|
|
@media only screen and (min-width: 40.0625em) {
|
|
.products-items {
|
|
display: block;
|
|
padding: 0;
|
|
margin: 0 -0.625rem
|
|
}
|
|
.products-items:before,
|
|
.products-items:after {
|
|
content: " ";
|
|
display: table
|
|
}
|
|
.products-items:after {
|
|
clear: both
|
|
}
|
|
.products-items>li {
|
|
display: block;
|
|
float: left;
|
|
height: auto;
|
|
padding: 0 0.625rem 1.25rem
|
|
}
|
|
.products-items>li {
|
|
list-style: none;
|
|
padding: 0 0.625rem 1.25rem;
|
|
width: 50%
|
|
}
|
|
.products-items>li:nth-of-type(1n) {
|
|
clear: none
|
|
}
|
|
.products-items>li:nth-of-type(2n+1) {
|
|
clear: both
|
|
}
|
|
}
|
|
|
|
@media only screen and (min-width: 58.8125em) {
|
|
.products-items {
|
|
display: block;
|
|
padding: 0;
|
|
margin: 0 -0.625rem
|
|
}
|
|
.products-items:before,
|
|
.products-items:after {
|
|
content: " ";
|
|
display: table
|
|
}
|
|
.products-items:after {
|
|
clear: both
|
|
}
|
|
.products-items>li {
|
|
display: block;
|
|
float: left;
|
|
height: auto;
|
|
padding: 0 0.625rem 1.25rem
|
|
}
|
|
.products-items>li {
|
|
list-style: none;
|
|
padding: 0 0.625rem 1.25rem;
|
|
width: 25%
|
|
}
|
|
.products-items>li:nth-of-type(1n) {
|
|
clear: none
|
|
}
|
|
.products-items>li:nth-of-type(4n+1) {
|
|
clear: both
|
|
}
|
|
}
|
|
|
|
.products-items li {
|
|
margin-bottom: 0.5rem;
|
|
text-align: center
|
|
}
|
|
|
|
.products-items-card {
|
|
display: block;
|
|
padding: 2rem 2rem;
|
|
background-color: #F4F9FB;
|
|
border: 1px solid #d6e9f0;
|
|
border-radius: 5px
|
|
}
|
|
|
|
.products-items-card img {
|
|
max-width: 60%;
|
|
max-height: 43px
|
|
}
|
|
|
|
.products-items-card:hover {
|
|
background-color: #edf5f8;
|
|
border: 1px solid #d6e9f0
|
|
}
|
|
|
|
.products-items-card p {
|
|
color: #7A8491
|
|
}
|
|
|
|
.products-items-card .link {
|
|
color: #FF992E
|
|
}
|
|
|
|
.sub-links ul {
|
|
list-style: none;
|
|
text-align: center
|
|
}
|
|
|
|
.sub-links li {
|
|
display: inline-block;
|
|
padding: 1rem
|
|
}
|
|
|
|
.product-features {
|
|
display: block;
|
|
padding: 0;
|
|
margin: 0 -0.625rem
|
|
}
|
|
|
|
.product-features:before,
|
|
.product-features:after {
|
|
content: " ";
|
|
display: table
|
|
}
|
|
|
|
.product-features:after {
|
|
clear: both
|
|
}
|
|
|
|
.product-features>li {
|
|
display: block;
|
|
float: left;
|
|
height: auto;
|
|
padding: 0 0.625rem 1.25rem
|
|
}
|
|
|
|
.product-features>li {
|
|
list-style: none;
|
|
padding: 0 0.625rem 1.25rem;
|
|
width: 100%
|
|
}
|
|
|
|
.product-features>li:nth-of-type(1n) {
|
|
clear: none
|
|
}
|
|
|
|
.product-features>li:nth-of-type(1n+1) {
|
|
clear: both
|
|
}
|
|
|
|
@media only screen and (min-width: 40.0625em) {
|
|
.product-features {
|
|
display: block;
|
|
padding: 0;
|
|
margin: 0 -0.625rem
|
|
}
|
|
.product-features:before,
|
|
.product-features:after {
|
|
content: " ";
|
|
display: table
|
|
}
|
|
.product-features:after {
|
|
clear: both
|
|
}
|
|
.product-features>li {
|
|
display: block;
|
|
float: left;
|
|
height: auto;
|
|
padding: 0 0.625rem 1.25rem
|
|
}
|
|
.product-features>li {
|
|
list-style: none;
|
|
padding: 0 0.625rem 1.25rem;
|
|
width: 50%
|
|
}
|
|
.product-features>li:nth-of-type(1n) {
|
|
clear: none
|
|
}
|
|
.product-features>li:nth-of-type(2n+1) {
|
|
clear: both
|
|
}
|
|
}
|
|
|
|
.timeline {
|
|
position: relative
|
|
}
|
|
|
|
.timeline::before {
|
|
left: 5px;
|
|
content: '';
|
|
position: absolute;
|
|
height: 100%;
|
|
width: 1px;
|
|
background: #e1e1e1
|
|
}
|
|
|
|
.timeline ul {
|
|
list-style: none;
|
|
z-index: 1;
|
|
padding: 0
|
|
}
|
|
|
|
.timeline li {
|
|
margin-bottom: 2em;
|
|
position: relative;
|
|
display: block
|
|
}
|
|
|
|
.timeline li h5 {
|
|
color: #fff
|
|
}
|
|
|
|
.timeline li img {
|
|
margin-bottom: 1rem
|
|
}
|
|
|
|
.timeline li::before {
|
|
content: '';
|
|
top: 0;
|
|
background: #e1e1e1;
|
|
width: 18px;
|
|
height: 18px;
|
|
border-radius: 18px;
|
|
position: absolute;
|
|
left: -21px
|
|
}
|
|
|
|
@media only screen and (min-width: 40.0625em) {
|
|
.timeline {
|
|
padding-bottom: 4rem
|
|
}
|
|
.timeline::before {
|
|
left: 50%
|
|
}
|
|
.timeline ul {
|
|
padding-left: 0;
|
|
margin: 0 auto
|
|
}
|
|
.timeline li {
|
|
width: 50%
|
|
}
|
|
.timeline li {
|
|
padding-left: 45px;
|
|
position: relative;
|
|
margin-left: 50%
|
|
}
|
|
.timeline li::before {
|
|
left: -9px
|
|
}
|
|
.timeline li.featured {
|
|
padding-left: 0;
|
|
padding-right: 45px;
|
|
margin-left: 0
|
|
}
|
|
.timeline li.featured::before {
|
|
right: -9px;
|
|
top: 18px;
|
|
left: auto
|
|
}
|
|
.timeline li.featured>div {
|
|
padding: 1rem 1rem 0.15rem 1rem;
|
|
background: #e1e1e1;
|
|
border-radius: 5px;
|
|
position: relative
|
|
}
|
|
.timeline li.featured>div::after {
|
|
content: '';
|
|
position: absolute;
|
|
right: -12px;
|
|
top: 20px;
|
|
width: 0;
|
|
height: 0;
|
|
border-style: solid;
|
|
border-width: 8px 0 8px 12px;
|
|
border-color: transparent transparent transparent #e1e1e1
|
|
}
|
|
.timeline li:first-child {
|
|
margin-top: 4em
|
|
}
|
|
.timeline li:nth-of-type(2n+1) {
|
|
clear: both
|
|
}
|
|
}
|
|
|
|
.timeline li.featured>div {
|
|
padding: 1rem 1rem 0.15rem 1rem;
|
|
background: #e1e1e1;
|
|
border-radius: 5px
|
|
}
|
|
|
|
.timeline li.featured.acquisition:before,
|
|
.timeline li.featured.acquisition>div {
|
|
background: #22b8eb;
|
|
color: #fff
|
|
}
|
|
|
|
.timeline li.featured.acquisition>div::after {
|
|
border-color: transparent transparent transparent #22b8eb
|
|
}
|
|
|
|
.timeline li.featured.launch:before,
|
|
.timeline li.featured.launch>div {
|
|
background: #86D800;
|
|
color: #fff
|
|
}
|
|
|
|
.timeline li.featured.launch>div::after {
|
|
border-color: transparent transparent transparent #86D800
|
|
}
|
|
|
|
.timeline li.featured.funding:before,
|
|
.timeline li.featured.funding>div {
|
|
background: #FFDE00;
|
|
color: #fff
|
|
}
|
|
|
|
.timeline li.featured.funding>div::after {
|
|
border-color: transparent transparent transparent #FFDE00
|
|
}
|
|
|
|
.callout {
|
|
background: #134a6a;
|
|
padding: 1.5625rem 0;
|
|
margin: 4rem 0;
|
|
position: relative
|
|
}
|
|
|
|
@media only screen and (min-width: 40.0625em) {
|
|
.callout {
|
|
padding: 4.6875rem 0
|
|
}
|
|
}
|
|
|
|
.callout h1,
|
|
.callout h2,
|
|
.callout h3,
|
|
.callout h4,
|
|
.callout p,
|
|
.callout a {
|
|
color: #fff
|
|
}
|
|
|
|
.og-grid {
|
|
list-style: none;
|
|
padding: 20px 0;
|
|
margin: 0 auto;
|
|
text-align: center;
|
|
width: 100%
|
|
}
|
|
|
|
.og-grid li {
|
|
display: inline-block;
|
|
margin: 10px 5px 0 5px;
|
|
vertical-align: top;
|
|
height: 250px
|
|
}
|
|
|
|
.og-grid li>a,
|
|
.og-grid li>a img {
|
|
border: none;
|
|
outline: none;
|
|
display: block;
|
|
position: relative
|
|
}
|
|
|
|
.og-grid li.og-expanded>a::after {
|
|
top: auto;
|
|
border: solid transparent;
|
|
content: " ";
|
|
height: 0;
|
|
width: 0;
|
|
position: absolute;
|
|
pointer-events: none;
|
|
border-bottom-color: #ddd;
|
|
border-width: 15px;
|
|
left: 50%;
|
|
margin: -20px 0 0 -15px
|
|
}
|
|
|
|
.og-expander {
|
|
position: absolute;
|
|
background: #ddd;
|
|
top: auto;
|
|
left: 0;
|
|
width: 100%;
|
|
margin-top: 10px;
|
|
text-align: left;
|
|
height: 0;
|
|
overflow: hidden
|
|
}
|
|
|
|
.og-expander-inner {
|
|
padding: 50px 30px;
|
|
height: 100%
|
|
}
|
|
|
|
.og-close {
|
|
position: absolute;
|
|
width: 40px;
|
|
height: 40px;
|
|
top: 20px;
|
|
right: 20px;
|
|
cursor: pointer
|
|
}
|
|
|
|
.og-close::before,
|
|
.og-close::after {
|
|
content: '';
|
|
position: absolute;
|
|
width: 100%;
|
|
top: 50%;
|
|
height: 1px;
|
|
background: #888;
|
|
-webkit-transform: rotate(45deg);
|
|
-moz-transform: rotate(45deg);
|
|
transform: rotate(45deg)
|
|
}
|
|
|
|
.og-close::after {
|
|
-webkit-transform: rotate(-45deg);
|
|
-moz-transform: rotate(-45deg);
|
|
transform: rotate(-45deg)
|
|
}
|
|
|
|
.og-close:hover::before,
|
|
.og-close:hover::after {
|
|
background: #333
|
|
}
|
|
|
|
.og-details a::before {
|
|
content: '\2192';
|
|
display: inline-block;
|
|
margin-right: 10px
|
|
}
|
|
|
|
.og-details a:hover {
|
|
border-color: #999;
|
|
color: #999
|
|
}
|
|
|
|
@media screen and (max-width: 830px) {
|
|
.og-expander h3 {
|
|
font-size: 32px
|
|
}
|
|
.og-expander p {
|
|
font-size: 13px
|
|
}
|
|
.og-expander a {
|
|
font-size: 12px
|
|
}
|
|
}
|
|
|
|
@media screen and (max-width: 650px) {
|
|
.og-fullimg {
|
|
display: none
|
|
}
|
|
.og-details {
|
|
float: none;
|
|
width: 100%
|
|
}
|
|
}
|
|
|
|
.terminal-window {
|
|
text-align: left;
|
|
max-width: 650px;
|
|
border-radius: 10px;
|
|
position: relative;
|
|
margin-bottom: 2rem
|
|
}
|
|
|
|
.terminal-window header {
|
|
background: #E0E8F0;
|
|
height: 30px;
|
|
border-radius: 5px 5px 0 0;
|
|
padding-left: 10px
|
|
}
|
|
|
|
.terminal-window header .btn {
|
|
width: 12px;
|
|
height: 12px;
|
|
margin: 10px 4px 0 0;
|
|
display: inline-block;
|
|
border-radius: 8px
|
|
}
|
|
|
|
.terminal-window header .btn.green {
|
|
background: #3BB662
|
|
}
|
|
|
|
.terminal-window header .btn.yellow {
|
|
background: #E5C30F
|
|
}
|
|
|
|
.terminal-window header .btn.red {
|
|
background: #E75448
|
|
}
|
|
|
|
.terminal-window section.terminal {
|
|
color: white;
|
|
font-family: Menlo, Monaco, "Consolas", "Courier New", "Courier";
|
|
font-size: 11pt;
|
|
background: #30353A;
|
|
padding: 15px;
|
|
width: 100%;
|
|
min-height: 320px
|
|
}
|
|
|
|
.terminal-window section.terminal .typed-cursor {
|
|
opacity: 1;
|
|
-webkit-animation: blink 1.2s infinite;
|
|
-moz-animation: blink 1.2s infinite;
|
|
animation: blink 1.2s infinite
|
|
}
|
|
|
|
@keyframes blink {
|
|
0% {
|
|
opacity: 1
|
|
}
|
|
50% {
|
|
opacity: 0
|
|
}
|
|
100% {
|
|
opacity: 1
|
|
}
|
|
}
|
|
|
|
@-webkit-keyframes blink {
|
|
0% {
|
|
opacity: 1
|
|
}
|
|
50% {
|
|
opacity: 0
|
|
}
|
|
100% {
|
|
opacity: 1
|
|
}
|
|
}
|
|
|
|
@-moz-keyframes blink {
|
|
0% {
|
|
opacity: 1
|
|
}
|
|
50% {
|
|
opacity: 0
|
|
}
|
|
100% {
|
|
opacity: 1
|
|
}
|
|
}
|
|
|
|
.terminal-window .gray {
|
|
color: gray
|
|
}
|
|
|
|
.terminal-window .green {
|
|
color: green
|
|
}
|
|
|
|
.terminal-window section.terminal.terminal-small {
|
|
border-radius: 5px;
|
|
min-height: 220px
|
|
}
|
|
|
|
.customer-and-news {
|
|
padding: 0 0 1.3rem 0
|
|
}
|
|
|
|
.news-item {
|
|
margin-top: 1.3rem;
|
|
margin-bottom: 3rem
|
|
}
|
|
|
|
.news-item.no-image {
|
|
padding-top: 4.2rem
|
|
}
|
|
|
|
.news-item.no-image.featured {
|
|
padding-top: 17.2rem
|
|
}
|
|
|
|
.news-item div.image {
|
|
width: 60%;
|
|
margin-left: 20%;
|
|
height: 3.5rem;
|
|
margin-bottom: 1rem;
|
|
background-size: contain;
|
|
background-position: center center;
|
|
background-repeat: no-repeat
|
|
}
|
|
|
|
.news-item.featured div.image {
|
|
height: 25rem;
|
|
width: 100%;
|
|
margin-left: 0
|
|
}
|
|
|
|
.news-item.divider {
|
|
border-left: 1px solid #eee
|
|
}
|
|
|
|
.news-item h5 {
|
|
font-size: 1rem
|
|
}
|
|
|
|
.news-item .news-item-title {
|
|
font-size: 1.5rem;
|
|
color: #22b8eb
|
|
}
|
|
|
|
.news-item .news-item-description {
|
|
font-size: 0.9rem;
|
|
color: #7A8491
|
|
}
|
|
|
|
.press .date {
|
|
float: left;
|
|
padding-right: 1rem
|
|
}
|
|
|
|
article.press-item-listing {
|
|
margin: 1rem 0
|
|
}
|
|
|
|
article.press-item a.source {
|
|
display: block;
|
|
height: 40px;
|
|
background-size: contain;
|
|
background-position: center center;
|
|
background-repeat: no-repeat
|
|
}
|
|
|
|
article.press-item strong.date {
|
|
margin-top: 1.5rem;
|
|
display: block;
|
|
font-size: .9rem
|
|
}
|
|
|
|
article.press-item h5 {
|
|
margin: 0;
|
|
line-height: 24px
|
|
}
|
|
|
|
article.press-item p {
|
|
margin-bottom: 0
|
|
}
|
|
|
|
article.press-item p a {
|
|
color: #7A8491
|
|
}
|
|
|
|
.path-all-press article.press-item strong.date {
|
|
margin-top: initial
|
|
}
|
|
|
|
.view-more-press {
|
|
margin-top: 2rem;
|
|
display: block
|
|
}
|
|
|
|
blockquote {
|
|
color: #97def6
|
|
}
|
|
|
|
blockquote.large {
|
|
font-weight: 100;
|
|
color: #22b8eb;
|
|
font-size: 1.875rem;
|
|
text-align: center;
|
|
padding: 1.5625rem 10%
|
|
}
|
|
|
|
@media only screen and (min-width: 58.8125em) {
|
|
blockquote.large {
|
|
padding: 4.6875rem 20% 3.125rem 20%
|
|
}
|
|
}
|
|
|
|
blockquote.large cite {
|
|
color: #666666;
|
|
font-style: normal;
|
|
font-size: 0.875rem
|
|
}
|
|
|
|
@media only screen and (min-width: 40.0625em) {
|
|
blockquote.large cite {
|
|
padding-left: 75px
|
|
}
|
|
}
|
|
|
|
.intro {
|
|
padding: 1.5625rem inherit;
|
|
text-align: center
|
|
}
|
|
|
|
@media only screen and (min-width: 40.0625em) {
|
|
.intro {
|
|
padding: 1.25rem inherit 0.625rem inherit
|
|
}
|
|
}
|
|
|
|
.intro li {
|
|
text-align: center
|
|
}
|
|
|
|
.intro-header {
|
|
padding: 1.7rem 0 1.5rem 0;
|
|
text-align: center
|
|
}
|
|
|
|
.intro-header p {
|
|
font-size: 1.25rem
|
|
}
|
|
|
|
.legal-content {
|
|
margin-top: 4rem
|
|
}
|
|
|
|
.stats-items {
|
|
padding: 1rem 0;
|
|
display: block;
|
|
padding: 0;
|
|
margin: 0 -0.625rem
|
|
}
|
|
|
|
.stats-items:before,
|
|
.stats-items:after {
|
|
content: " ";
|
|
display: table
|
|
}
|
|
|
|
.stats-items:after {
|
|
clear: both
|
|
}
|
|
|
|
.stats-items>li {
|
|
display: block;
|
|
float: left;
|
|
height: auto;
|
|
padding: 0 0.625rem 1.25rem
|
|
}
|
|
|
|
.stats-items>li {
|
|
list-style: none;
|
|
padding: 0 0.625rem 1.25rem;
|
|
width: 100%
|
|
}
|
|
|
|
.stats-items>li:nth-of-type(1n) {
|
|
clear: none
|
|
}
|
|
|
|
.stats-items>li:nth-of-type(1n+1) {
|
|
clear: both
|
|
}
|
|
|
|
@media only screen and (min-width: 40.0625em) {
|
|
.stats-items {
|
|
display: block;
|
|
padding: 0;
|
|
margin: 0 -0.625rem
|
|
}
|
|
.stats-items:before,
|
|
.stats-items:after {
|
|
content: " ";
|
|
display: table
|
|
}
|
|
.stats-items:after {
|
|
clear: both
|
|
}
|
|
.stats-items>li {
|
|
display: block;
|
|
float: left;
|
|
height: auto;
|
|
padding: 0 0.625rem 1.25rem
|
|
}
|
|
.stats-items>li {
|
|
list-style: none;
|
|
padding: 0 0.625rem 1.25rem;
|
|
width: 50%
|
|
}
|
|
.stats-items>li:nth-of-type(1n) {
|
|
clear: none
|
|
}
|
|
.stats-items>li:nth-of-type(2n+1) {
|
|
clear: both
|
|
}
|
|
}
|
|
|
|
@media only screen and (min-width: 58.8125em) {
|
|
.stats-items {
|
|
display: block;
|
|
padding: 0;
|
|
margin: 0 -0.625rem
|
|
}
|
|
.stats-items:before,
|
|
.stats-items:after {
|
|
content: " ";
|
|
display: table
|
|
}
|
|
.stats-items:after {
|
|
clear: both
|
|
}
|
|
.stats-items>li {
|
|
display: block;
|
|
float: left;
|
|
height: auto;
|
|
padding: 0 0.625rem 1.25rem
|
|
}
|
|
.stats-items>li {
|
|
list-style: none;
|
|
padding: 0 0.625rem 1.25rem;
|
|
width: 33.33333%
|
|
}
|
|
.stats-items>li:nth-of-type(1n) {
|
|
clear: none
|
|
}
|
|
.stats-items>li:nth-of-type(3n+1) {
|
|
clear: both
|
|
}
|
|
}
|
|
|
|
.stats-items li {
|
|
margin-bottom: 0.5rem;
|
|
text-align: center
|
|
}
|
|
|
|
.path-hackathon .panel {
|
|
padding-bottom: 1.5rem
|
|
}
|
|
|
|
.path-hackathon .panel hr {
|
|
margin: 1.125rem auto
|
|
}
|
|
|
|
.path-hackathon .panel .tags {
|
|
margin-bottom: 1rem
|
|
}
|
|
|
|
.path-hackathon .panel .tags .tag {
|
|
font-size: .725rem;
|
|
white-space: normal
|
|
}
|
|
|
|
.path-hackathon .steps p {
|
|
padding-left: 2rem
|
|
}
|
|
|
|
.path-hackathon .alert-box {
|
|
background-image: none;
|
|
overflow: hidden
|
|
}
|
|
|
|
.path-hackathon .alert-box .button {
|
|
margin-bottom: 0;
|
|
float: right
|
|
}
|
|
|
|
.path-hackathon .alert-box.info {
|
|
color: #31708f
|
|
}
|
|
|
|
.path-hackathon span.badge {
|
|
display: inline-block;
|
|
min-width: 10px;
|
|
padding: 3px 7px;
|
|
font-size: 12px;
|
|
font-weight: bold;
|
|
line-height: 1;
|
|
color: #fff;
|
|
text-align: center;
|
|
white-space: nowrap;
|
|
vertical-align: baseline;
|
|
background-color: #777;
|
|
border-radius: 10px;
|
|
background: none repeat scroll 0 0 #e9583a;
|
|
float: left;
|
|
position: relative;
|
|
top: 5px
|
|
}
|
|
|
|
.path-hackathon .contacts {
|
|
margin-top: 25px
|
|
}
|
|
|
|
.path-hackathon .social {
|
|
position: absolute;
|
|
bottom: 1.25rem;
|
|
left: 50%;
|
|
transform: translateX(-50%)
|
|
}
|
|
|
|
.path-hackathon a.button {
|
|
background-color: #FF992E
|
|
}
|
|
|
|
.path-hackathon a.button.contact {
|
|
background-color: #22b8eb
|
|
}
|
|
|
|
.path-hackathon .row.submit {
|
|
margin-top: -3rem
|
|
}
|
|
|
|
.path-hackathon .row.well {
|
|
background: #e8f6f9;
|
|
padding-top: 1rem;
|
|
margin-top: 9rem
|
|
}
|
|
|
|
.path-hackathon .social {
|
|
text-align: center;
|
|
margin-bottom: 10px
|
|
}
|
|
|
|
.path-hackathon .social a {
|
|
display: inline-block;
|
|
color: white;
|
|
padding: 3px 10px
|
|
}
|
|
|
|
.path-hackathon .social a.twitter {
|
|
background-color: #00a9f1
|
|
}
|
|
|
|
.path-hackathon .social a.google {
|
|
background-color: #e0452c
|
|
}
|
|
|
|
.path-hackathon .social a.linkedin {
|
|
background-color: #007bb6
|
|
}
|
|
|
|
.node-type-enterprise .page-content {
|
|
text-align: center;
|
|
-webkit-font-smoothing: antialiased;
|
|
-moz-osx-font-smoothing: grayscale
|
|
}
|
|
|
|
.node-type-enterprise .page-content section {
|
|
padding-top: 60px;
|
|
padding-bottom: 60px
|
|
}
|
|
|
|
.node-type-enterprise .page-content section h1,
|
|
.node-type-enterprise .page-content section h2 {
|
|
margin-bottom: 25px
|
|
}
|
|
|
|
.node-type-enterprise .page-content section h2 {
|
|
font-size: 44px
|
|
}
|
|
|
|
.node-type-enterprise .page-content section p {
|
|
font-size: 20px
|
|
}
|
|
|
|
.node-type-enterprise .page-content .why-docker .reason p,
|
|
.node-type-enterprise .page-content .features .feature p,
|
|
.node-type-enterprise .page-content .services p {
|
|
font-size: 16px
|
|
}
|
|
|
|
.node-type-enterprise .page-content section.dark-blue {
|
|
background-color: #134a6a
|
|
}
|
|
|
|
.node-type-enterprise .page-content section.dark-blue h2,
|
|
.node-type-enterprise .page-content section.dark-blue p {
|
|
color: #dde7f7
|
|
}
|
|
|
|
.node-type-enterprise .page-content section.docker-grey {
|
|
background-color: #243137
|
|
}
|
|
|
|
.node-type-enterprise .page-content section.docker-grey h2 {
|
|
color: #22b8eb
|
|
}
|
|
|
|
.node-type-enterprise .page-content section.docker-grey p {
|
|
color: #dde7f7
|
|
}
|
|
|
|
.node-type-enterprise .page-content section.docker-bg {
|
|
background-color: #F4F9FB
|
|
}
|
|
|
|
.node-type-enterprise .page-content section.docker-bg h2 {
|
|
color: #22b8eb
|
|
}
|
|
|
|
.node-type-enterprise .page-content .hero-sub {
|
|
background-color: #243137;
|
|
margin-bottom: 0px
|
|
}
|
|
|
|
.node-type-enterprise .page-content .hero-sub .landing-hero-des {
|
|
margin-bottom: 0;
|
|
padding: 0
|
|
}
|
|
|
|
.node-type-enterprise .page-content .hero-sub .button {
|
|
margin-top: 40px
|
|
}
|
|
|
|
@media only screen and (max-width: 40em) {
|
|
.node-type-enterprise .page-content .hero-sub .button {
|
|
width: 100%;
|
|
margin-top: 20px
|
|
}
|
|
}
|
|
|
|
.node-type-enterprise .page-content .hero-sub .button+.button {
|
|
margin-left: 30px
|
|
}
|
|
|
|
@media only screen and (max-width: 40em) {
|
|
.node-type-enterprise .page-content .hero-sub .button+.button {
|
|
margin-left: 0
|
|
}
|
|
}
|
|
|
|
.node-type-enterprise .page-content .hero-sub p {
|
|
font-size: 20px;
|
|
color: #dde7f7
|
|
}
|
|
|
|
.node-type-enterprise .page-content .hero-sub a {
|
|
color: #dde7f7
|
|
}
|
|
|
|
.node-type-enterprise .page-content h1 {
|
|
color: #22b8eb
|
|
}
|
|
|
|
.node-type-enterprise .page-content .why-docker img,
|
|
.node-type-enterprise .page-content .why-docker h3 {
|
|
margin-bottom: 15px
|
|
}
|
|
|
|
.node-type-enterprise .page-content .why-docker .footer .button {
|
|
margin-top: 50px
|
|
}
|
|
|
|
@media only screen and (max-width: 40em) {
|
|
.node-type-enterprise .page-content .docker-solution .sidebar {
|
|
margin-bottom: 50px
|
|
}
|
|
}
|
|
|
|
.node-type-enterprise .page-content .docker-solution .feature {
|
|
text-align: left;
|
|
margin-bottom: 50px
|
|
}
|
|
|
|
@media only screen and (min-width: 40.0625em) and (max-width: 58.75em) {
|
|
.node-type-enterprise .page-content .docker-solution .feature {
|
|
text-align: center
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width: 40em) {
|
|
.node-type-enterprise .page-content .docker-solution .feature {
|
|
text-align: center
|
|
}
|
|
}
|
|
|
|
.node-type-enterprise .page-content .docker-solution .graphic {
|
|
text-align: center;
|
|
margin-bottom: 1.25rem
|
|
}
|
|
|
|
.node-type-enterprise .page-content .docker-solution .button+.button {
|
|
margin-left: 30px
|
|
}
|
|
|
|
@media only screen and (max-width: 40em) {
|
|
.node-type-enterprise .page-content .docker-solution .button+.button {
|
|
margin-left: 0px
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width: 40em) {
|
|
.node-type-enterprise .page-content .docker-solution .button {
|
|
width: 100%;
|
|
margin-top: 20px
|
|
}
|
|
}
|
|
|
|
.node-type-enterprise .page-content .docker-solution h3 {
|
|
line-height: 1;
|
|
margin-top: 0px;
|
|
margin-bottom: 1.25rem
|
|
}
|
|
|
|
.node-type-enterprise .page-content .deploy-docker .item {
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
float: none;
|
|
padding-top: 20px;
|
|
margin-left: 2.5rem;
|
|
margin-right: 2.5rem
|
|
}
|
|
|
|
@media only screen and (min-width: 40.0625em) and (max-width: 58.75em) {
|
|
.node-type-enterprise .page-content .deploy-docker .item {
|
|
margin-left: 1.5rem;
|
|
margin-right: 1.5rem
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width: 40em) {
|
|
.node-type-enterprise .page-content .deploy-docker .item {
|
|
margin: 0 auto;
|
|
display: block
|
|
}
|
|
}
|
|
|
|
.node-type-enterprise .page-content .deploy-docker .item:first-child {
|
|
margin-left: 0px
|
|
}
|
|
|
|
@media only screen and (max-width: 40em) {
|
|
.node-type-enterprise .page-content .deploy-docker .item:first-child {
|
|
margin-left: auto
|
|
}
|
|
}
|
|
|
|
.node-type-enterprise .page-content .deploy-docker .item:last-child {
|
|
margin-right: 0px
|
|
}
|
|
|
|
@media only screen and (max-width: 40em) {
|
|
.node-type-enterprise .page-content .deploy-docker .item:last-child {
|
|
margin-right: auto
|
|
}
|
|
}
|
|
|
|
.node-type-enterprise .page-content .deploy-docker .columns+.columns:last-child {
|
|
float: none;
|
|
width: 23%
|
|
}
|
|
|
|
@media only screen and (max-width: 40em) {
|
|
.node-type-enterprise .page-content .deploy-docker .columns+.columns:last-child {
|
|
width: 80%
|
|
}
|
|
}
|
|
|
|
.node-type-enterprise .page-content .services-support .header,
|
|
.node-type-enterprise .page-content .transforming-business .header,
|
|
.node-type-enterprise .page-content .why-docker .header {
|
|
margin-bottom: 50px
|
|
}
|
|
|
|
.node-type-enterprise .page-content .services-support img {
|
|
margin-bottom: 1.25rem
|
|
}
|
|
|
|
@media only screen and (max-width: 40em) {
|
|
.node-type-enterprise .page-content .services-support .services>div {
|
|
margin-bottom: 50px
|
|
}
|
|
}
|
|
|
|
.node-type-enterprise .page-content .transforming-business .businesses-logos {
|
|
text-align: center;
|
|
margin-bottom: 40px
|
|
}
|
|
|
|
.node-type-enterprise .page-content .transforming-business .businesses-logos img {
|
|
padding: 20px 20px 0px 20px;
|
|
display: inline-block;
|
|
vertical-align: middle
|
|
}
|
|
|
|
@media only screen and (max-width: 40em) {
|
|
.node-type-enterprise .page-content .transforming-business .businesses-logos img {
|
|
padding: 20px
|
|
}
|
|
}
|
|
|
|
.node-type-enterprise .page-content .resources {
|
|
text-align: left
|
|
}
|
|
|
|
@media only screen and (max-width: 40em) {
|
|
.node-type-enterprise .page-content .resources .sidebar {
|
|
text-align: center;
|
|
margin-bottom: 50px
|
|
}
|
|
}
|
|
|
|
.node-type-enterprise .page-content .resources .resource-items {
|
|
background-color: #F4F9FB;
|
|
border: 1px solid #d8e2f1;
|
|
-webkit-border-radius: 3px;
|
|
-moz-border-radius: 3px;
|
|
border-radius: 3px;
|
|
padding-left: 30px;
|
|
padding-right: 30px
|
|
}
|
|
|
|
.node-type-enterprise .page-content .resources .resource-items .item {
|
|
padding-top: 25px;
|
|
padding-bottom: 25px;
|
|
position: relative
|
|
}
|
|
|
|
.node-type-enterprise .page-content .resources .resource-items .item>a {
|
|
width: 96%;
|
|
vertical-align: middle;
|
|
display: inline-block
|
|
}
|
|
|
|
.node-type-enterprise .page-content .resources .resource-items .item:after {
|
|
font-family: "FontAwesome";
|
|
content: "\f105";
|
|
display: inline-block;
|
|
color: #FF992E;
|
|
font-size: 25px;
|
|
right: 0;
|
|
width: 2%;
|
|
position: absolute;
|
|
top: 50%;
|
|
-webkit-transform: translateY(-50%);
|
|
-ms-transform: translateY(-50%);
|
|
transform: translateY(-50%)
|
|
}
|
|
|
|
.node-type-enterprise .page-content .resources .resource-items .item+.item {
|
|
border-top: 1px solid #d8e2f1
|
|
}
|
|
|
|
.node-type-enterprise .page-content .resources .resource-items .item .heading {
|
|
font-size: 23px;
|
|
display: block;
|
|
margin-bottom: 25px;
|
|
line-height: 1
|
|
}
|
|
|
|
.node-type-enterprise .page-content .resources .resource-items .item .description {
|
|
display: block;
|
|
font-size: 16px;
|
|
color: #7A8491;
|
|
line-height: 1
|
|
}
|
|
|
|
body.node-type-flexible-page .page-content {
|
|
text-align: center;
|
|
-webkit-font-smoothing: antialiased;
|
|
-moz-osx-font-smoothing: grayscale
|
|
}
|
|
|
|
body.node-type-flexible-page .page-content>section:last-of-type {
|
|
margin-bottom: 0px
|
|
}
|
|
|
|
body.node-type-flexible-page .page-content .max-width800 {
|
|
max-width: 800px;
|
|
margin: 0 auto
|
|
}
|
|
|
|
body.node-type-flexible-page .page-content p.max-width800 {
|
|
margin: 0 auto 1.25rem
|
|
}
|
|
|
|
body.node-type-flexible-page .page-content section {
|
|
padding-top: 60px;
|
|
padding-bottom: 60px
|
|
}
|
|
|
|
body.node-type-flexible-page .page-content section h1,
|
|
body.node-type-flexible-page .page-content section h2 {
|
|
margin-bottom: 25px
|
|
}
|
|
|
|
body.node-type-flexible-page .page-content section h2 {
|
|
font-size: 44px
|
|
}
|
|
|
|
body.node-type-flexible-page .page-content section p {
|
|
font-size: 17px
|
|
}
|
|
|
|
body.node-type-flexible-page .page-content section h2+img,
|
|
body.node-type-flexible-page .page-content section h2.max-width800+img {
|
|
margin-top: 25px;
|
|
margin-bottom: 25px;
|
|
display: block
|
|
}
|
|
|
|
body.node-type-flexible-page .page-content .orange-border-btn {
|
|
color: #ffffff;
|
|
background-color: transparent;
|
|
padding: 12px 33px;
|
|
border: 2px solid #F79733;
|
|
font-size: 17px;
|
|
border-radius: 10px;
|
|
margin-left: 20px;
|
|
margin-right: 20px;
|
|
line-height: inherit
|
|
}
|
|
|
|
body.node-type-flexible-page .page-content section.hero.dark-blue {
|
|
background-color: #134a6a
|
|
}
|
|
|
|
body.node-type-flexible-page .page-content section.hero.dark-blue h2,
|
|
body.node-type-flexible-page .page-content section.hero.dark-blue p {
|
|
color: #dde7f7
|
|
}
|
|
|
|
body.node-type-flexible-page .page-content .hero-sub {
|
|
background-color: #243137;
|
|
margin-bottom: 0px
|
|
}
|
|
|
|
body.node-type-flexible-page .page-content .hero-sub .landing-hero-des {
|
|
margin-bottom: 0;
|
|
padding: 0
|
|
}
|
|
|
|
body.node-type-flexible-page .page-content .hero-sub .button {
|
|
margin-top: 40px
|
|
}
|
|
|
|
@media only screen and (max-width: 40em) {
|
|
body.node-type-flexible-page .page-content .hero-sub .button {
|
|
width: 100%;
|
|
margin-top: 20px
|
|
}
|
|
}
|
|
|
|
body.node-type-flexible-page .page-content .hero-sub .button+.button {
|
|
margin-left: 30px
|
|
}
|
|
|
|
@media only screen and (max-width: 40em) {
|
|
body.node-type-flexible-page .page-content .hero-sub .button+.button {
|
|
margin-left: 0
|
|
}
|
|
}
|
|
|
|
body.node-type-flexible-page .page-content .hero-sub p {
|
|
font-size: 20px;
|
|
color: #dde7f7
|
|
}
|
|
|
|
body.node-type-flexible-page .page-content h1 {
|
|
color: #22b8eb
|
|
}
|
|
|
|
body.node-type-flexible-page .page-content section.docker-grey {
|
|
background-color: #243137
|
|
}
|
|
|
|
body.node-type-flexible-page .page-content section.docker-grey h2 {
|
|
color: #22b8eb
|
|
}
|
|
|
|
body.node-type-flexible-page .page-content section.docker-grey p {
|
|
color: #dde7f7
|
|
}
|
|
|
|
body.node-type-flexible-page .page-content section.light-blue {
|
|
background-color: #eef2f7
|
|
}
|
|
|
|
header .nav-global a,
|
|
.main-header div>.nav-main a,
|
|
.nav-sub a,
|
|
.side-nav li a:not(.button),
|
|
.bsr-item,
|
|
.products-items-card {
|
|
transition: all .3s ease
|
|
}
|
|
|
|
.hero::after,
|
|
.callout::after {
|
|
background: url("../images/hero-wave.svg") repeat-x;
|
|
height: 16px;
|
|
width: 100%;
|
|
position: absolute;
|
|
bottom: 0;
|
|
left: 0;
|
|
content: ""
|
|
}
|
|
|
|
.ie9 img[src*=".svg"] {}
|
|
|
|
@media screen and (-ms-high-contrast: active),
|
|
(-ms-high-contrast: none) {
|
|
img[src*=".svg"] {}
|
|
}
|
|
|
|
[ng-cloak] {
|
|
display: none
|
|
}
|
|
|
|
|
|
/*==========================Main File Change ==============*/
|
|
|
|
@media screen and (-ms-high-contrast: active),
|
|
all and (-ms-high-contrast: none) {
|
|
img[src*='.svg'] {}
|
|
}
|
|
|
|
section.section {
|
|
padding: 50px 0;
|
|
}
|
|
|
|
section.title_section {
|
|
text-align: center;
|
|
padding: 26px 0 22px 0;
|
|
background-color: #27b8e8;
|
|
min-height: 100px;
|
|
}
|
|
|
|
section.title_section h1 {
|
|
color: #fff;
|
|
font-size: 44px;
|
|
line-height: 1.2;
|
|
}
|
|
|
|
section.title_section p {
|
|
color: #fff;
|
|
}
|
|
|
|
section.title_section .textalign-left p,
|
|
section.title_section .textalign-left a.button {
|
|
margin-left: 0;
|
|
}
|
|
|
|
section.banner_section {
|
|
width: 100%;
|
|
display: table;
|
|
position: relative;
|
|
}
|
|
|
|
section.banner_section .left-banner,
|
|
section.banner_section .right-banner {
|
|
width: 50%;
|
|
background-color: #ced4d6;
|
|
display: table-cell;
|
|
text-align: center;
|
|
}
|
|
|
|
section.banner_section .left-banner {
|
|
border-right: 3px solid #fff;
|
|
}
|
|
|
|
section.banner_section .right-banner {
|
|
border-left: 3px solid #fff;
|
|
}
|
|
|
|
section.banner_section .video_box {
|
|
position: relative;
|
|
max-height: 380px;
|
|
overflow: hidden;
|
|
}
|
|
|
|
section.banner_section .video_box img {
|
|
height: auto;
|
|
width: auto;
|
|
display: block;
|
|
margin: auto;
|
|
}
|
|
|
|
.video_play {
|
|
height: 89px;
|
|
width: 89px;
|
|
display: block;
|
|
position: absolute;
|
|
top: 50%;
|
|
left: 50%;
|
|
background-image: url(../images/play-btn.png);
|
|
background-repeat: no-repeat;
|
|
margin-left: -45px;
|
|
margin-top: -45px;
|
|
}
|
|
|
|
section.banner_section p {
|
|
font-size: 19px;
|
|
color: #3a3f43;
|
|
margin: 25px;
|
|
}
|
|
|
|
section.banner_section a.button {
|
|
margin: 25px auto;
|
|
}
|
|
|
|
a.btn-orange {
|
|
font-weight: bold;
|
|
color: #fff;
|
|
background-color: #fe9a3f;
|
|
font-size: 20px;
|
|
margin: 20px 0 25px 0;
|
|
padding: 12px 12px;
|
|
border-radius: 10px;
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
.btn-orange:hover,
|
|
.btn-orange:focus,
|
|
.btn-orange.focus {
|
|
color: #fff;
|
|
}
|
|
|
|
section.feature_customers_section h2 {
|
|
color: #2cacd7;
|
|
font-size: 44px;
|
|
text-align: center;
|
|
}
|
|
|
|
section.feature_customers_section .container {}
|
|
|
|
section.feature_customers_section .container .row {
|
|
margin-left: -40px;
|
|
margin-right: -40px;
|
|
width: auto;
|
|
max-width: none;
|
|
}
|
|
|
|
section.feature_customers_section .container .row .col-sm-4 {
|
|
padding-left: 40px;
|
|
padding-right: 40px;
|
|
}
|
|
|
|
section.feature_customers_section .feature_customers a.feature_customer {
|
|
text-align: center;
|
|
display: block;
|
|
overflow: hidden;
|
|
position: relative;
|
|
margin: 30px 0;
|
|
height: 245px;
|
|
border: 1px solid #E1E6E9;
|
|
}
|
|
|
|
section.feature_customers_section a.feature_customer span.mask {
|
|
position: absolute;
|
|
opacity: 0;
|
|
overflow: visible;
|
|
-moz-box-sizing: border-box;
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
-webkit-transition: all 0.2s ease-in-out;
|
|
-moz-transition: all 0.2s ease-in-out;
|
|
-o-transition: all 0.2s ease-in-out;
|
|
-ms-transition: all 0.2s ease-in-out;
|
|
transition: all 0.2s ease-in-out;
|
|
left: 0;
|
|
right: 0;
|
|
top: 0;
|
|
bottom: 0;
|
|
background-color: #29bbec;
|
|
}
|
|
|
|
section.feature_customers_section a.feature_customer span.vcenter {
|
|
position: absolute;
|
|
display: table;
|
|
width: 100%;
|
|
color: white;
|
|
cursor: pointer;
|
|
left: 0;
|
|
top: 0;
|
|
padding: 0px 10px;
|
|
right: 0;
|
|
bottom: 0;
|
|
text-align: center;
|
|
margin: auto;
|
|
opacity: 0;
|
|
font-size: 22px;
|
|
font-weight: bold;
|
|
color: #fff;
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
section.feature_customers_section a.feature_customer span.icon {
|
|
position: absolute;
|
|
height: 37px;
|
|
width: 37px;
|
|
bottom: 6px;
|
|
right: 6px;
|
|
background-image: url(../images/view_icon.png);
|
|
background-position: -37px 0;
|
|
background-repeat: no-repeat;
|
|
}
|
|
|
|
section.feature_customers_section a.feature_customer:hover span.mask {
|
|
opacity: 1;
|
|
}
|
|
|
|
section.feature_customers_section a.feature_customer:hover span.vcenter {
|
|
opacity: 1;
|
|
}
|
|
|
|
section.feature_customers_section a.feature_customer:hover span.icon {
|
|
background-image: url(../images/view_icon.png);
|
|
background-position: 0 0;
|
|
}
|
|
|
|
section.feature_customers_section a.feature_customer img {
|
|
width: auto;
|
|
max-width: 100%;
|
|
max-height: 100%;
|
|
height: auto;
|
|
margin: auto;
|
|
position: absolute;
|
|
cursor: pointer;
|
|
left: 0;
|
|
top: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
}
|
|
|
|
section.quotes_section {
|
|
background-color: #5f6a6e;
|
|
}
|
|
|
|
section.quotes_section .quotes_icon {
|
|
background-image: url(../images/quotes_icon.png);
|
|
width: 83px;
|
|
height: 83px;
|
|
margin-bottom: 30px;
|
|
background-size: 100%;
|
|
}
|
|
|
|
section.quotes_section p {
|
|
font-size: 30px;
|
|
color: #ffffff;
|
|
text-align: center;
|
|
margin: 0px 50px 30px;
|
|
line-height: 1.3;
|
|
}
|
|
|
|
section.quotes_section span {
|
|
text-align: center;
|
|
margin: 0 auto;
|
|
display: block;
|
|
text-transform: uppercase;
|
|
color: #fff;
|
|
font-size: 16px;
|
|
line-height: normal;
|
|
margin-bottom: 30px;
|
|
}
|
|
|
|
section.quotes_section span strong {
|
|
letter-spacing: 3px;
|
|
display: block;
|
|
font-size: 20px;
|
|
font-weight: 100;
|
|
}
|
|
|
|
section.quotes_section .quotes_slider ul li {
|
|
display: none;
|
|
}
|
|
|
|
section.quotes_section .flex-control-nav {
|
|
width: 97%;
|
|
position: absolute;
|
|
bottom: -25px;
|
|
text-align: center;
|
|
}
|
|
|
|
section.quotes_section .flex-control-paging li a {
|
|
width: 8px;
|
|
height: 8px;
|
|
background: #929da1;
|
|
}
|
|
|
|
section.quotes_section .flex-control-paging li a.flex-active {
|
|
background: #20cb70;
|
|
}
|
|
|
|
section.quotes_section .flex-control-paging li a:hover {
|
|
background: rgba(32, 203, 112, 0.5);
|
|
}
|
|
|
|
section.docker_story_section.blue {}
|
|
|
|
section.docker_story_section.blue {
|
|
background-color: #0dabd8;
|
|
}
|
|
|
|
section.docker_story_section.green {
|
|
background-color: #88d835;
|
|
}
|
|
|
|
section.docker_story_section h2 {
|
|
text-align: center;
|
|
color: #fff;
|
|
font-size: 52px;
|
|
padding: 0;
|
|
margin: 0;
|
|
}
|
|
|
|
section.docker_story_section h2 a {
|
|
color: #fff;
|
|
}
|
|
|
|
section.docker_story_section h2 a:hover,
|
|
section.docker_story_section h2 a:focus,
|
|
section.docker_story_section h2 a:active,
|
|
section.docker_story_section h2 a:visited {
|
|
text-decoration: none;
|
|
}
|
|
|
|
section.docker_story_section h2 i {
|
|
padding: 0px 28px;
|
|
background-image: url(../images/white_arrow.png);
|
|
background-repeat: no-repeat;
|
|
background-position: right 10px top 5px;
|
|
background-size: 50%;
|
|
}
|
|
|
|
section.banner_section.inside_page {
|
|
min-height: 300px;
|
|
width: 100%;
|
|
background-repeat: no-repeat;
|
|
background-position: center;
|
|
background-size: cover;
|
|
padding: 30px 0;
|
|
}
|
|
|
|
section.banner_section.inside_page img {
|
|
max-width: 30%;
|
|
width: auto;
|
|
max-height: 180px;
|
|
margin: 0 0 1.25rem;
|
|
}
|
|
|
|
section.banner_section.inside_page p {
|
|
width: 50%;
|
|
margin: 0 0 1.25rem;
|
|
}
|
|
|
|
section.CTA_section {
|
|
position: relative;
|
|
}
|
|
|
|
section.CTA_section .container {
|
|
padding: 0;
|
|
}
|
|
|
|
section.CTA_section .CTA_item {
|
|
z-index: 2;
|
|
}
|
|
|
|
.darkblue {
|
|
background-color: #144a68;
|
|
}
|
|
|
|
.lightgreen {
|
|
background-color: #88d835;
|
|
}
|
|
|
|
.lightblue {
|
|
background-color: #2cacd7;
|
|
}
|
|
|
|
section.CTA_section .CTA_item a {
|
|
font-size: 29px;
|
|
color: #fff;
|
|
text-align: center;
|
|
margin: 40px 17%;
|
|
display: block;
|
|
text-transform: capitalize;
|
|
}
|
|
|
|
section.CTA_section>.background {
|
|
position: absolute;
|
|
display: block;
|
|
width: 100%;
|
|
height: 100%;
|
|
top: 0;
|
|
z-index: 1;
|
|
display: table;
|
|
}
|
|
|
|
section.CTA_section>.background>.darkblue,
|
|
section.CTA_section>.background>.lightgreen,
|
|
section.CTA_section>.background>.lightblue {
|
|
width: 50%;
|
|
height: 100%;
|
|
display: table-cell;
|
|
}
|
|
|
|
.main-footer {
|
|
z-index: 9;
|
|
}
|
|
|
|
section.shopify_section h2 {
|
|
font-size: 29px;
|
|
font-weight: bold;
|
|
color: #2cacd7;
|
|
}
|
|
|
|
section.shopify_section p,
|
|
section.shopify_section ul {
|
|
color: #243137;
|
|
}
|
|
|
|
@media (max-width: 1199px) {
|
|
section.feature_customers_section .container .row {
|
|
margin-left: -20px;
|
|
margin-right: -20px;
|
|
}
|
|
section.feature_customers_section .container .row .col-sm-4 {
|
|
padding-left: 20px;
|
|
padding-right: 20px;
|
|
}
|
|
section.feature_customers_section .feature_customers a.feature_customer {
|
|
margin: 20px 0;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 480px) {
|
|
.col-xxs-1,
|
|
.col-xxs-10,
|
|
.col-xxs-11,
|
|
.col-xxs-12,
|
|
.col-xxs-2,
|
|
.col-xxs-3,
|
|
.col-xxs-4,
|
|
.col-xxs-5,
|
|
.col-xxs-6,
|
|
.col-xxs-7,
|
|
.col-xxs-8,
|
|
.col-xxs-9 {
|
|
float: left;
|
|
position: relative;
|
|
min-height: 1px;
|
|
padding-right: 15px;
|
|
padding-left: 15px
|
|
}
|
|
.col-xxs-12 {
|
|
width: 100%
|
|
}
|
|
.col-xxs-11 {
|
|
width: 91.66666667%
|
|
}
|
|
.col-xxs-10 {
|
|
width: 83.33333333%
|
|
}
|
|
.col-xxs-9 {
|
|
width: 75%
|
|
}
|
|
.col-xxs-8 {
|
|
width: 66.66666667%
|
|
}
|
|
.col-xxs-7 {
|
|
width: 58.33333333%
|
|
}
|
|
.col-xxs-6 {
|
|
width: 50%
|
|
}
|
|
.col-xxs-5 {
|
|
width: 41.66666667%
|
|
}
|
|
.col-xxs-4 {
|
|
width: 33.33333333%
|
|
}
|
|
.col-xxs-3 {
|
|
width: 25%
|
|
}
|
|
.col-xxs-2 {
|
|
width: 16.66666667%
|
|
}
|
|
.col-xxs-1 {
|
|
width: 8.33333333%
|
|
}
|
|
.col-xxs-pull-12 {
|
|
right: 100%
|
|
}
|
|
.col-xxs-pull-11 {
|
|
right: 91.66666667%
|
|
}
|
|
.col-xxs-pull-10 {
|
|
right: 83.33333333%
|
|
}
|
|
.col-xxs-pull-9 {
|
|
right: 75%
|
|
}
|
|
.col-xxs-pull-8 {
|
|
right: 66.66666667%
|
|
}
|
|
.col-xxs-pull-7 {
|
|
right: 58.33333333%
|
|
}
|
|
.col-xxs-pull-6 {
|
|
right: 50%
|
|
}
|
|
.col-xxs-pull-5 {
|
|
right: 41.66666667%
|
|
}
|
|
.col-xxs-pull-4 {
|
|
right: 33.33333333%
|
|
}
|
|
.col-xxs-pull-3 {
|
|
right: 25%
|
|
}
|
|
.col-xxs-pull-2 {
|
|
right: 16.66666667%
|
|
}
|
|
.col-xxs-pull-1 {
|
|
right: 8.33333333%
|
|
}
|
|
.col-xxs-pull-0 {
|
|
right: auto
|
|
}
|
|
.col-xxs-push-12 {
|
|
left: 100%
|
|
}
|
|
.col-xxs-push-11 {
|
|
left: 91.66666667%
|
|
}
|
|
.col-xxs-push-10 {
|
|
left: 83.33333333%
|
|
}
|
|
.col-xxs-push-9 {
|
|
left: 75%
|
|
}
|
|
.col-xxs-push-8 {
|
|
left: 66.66666667%
|
|
}
|
|
.col-xxs-push-7 {
|
|
left: 58.33333333%
|
|
}
|
|
.col-xxs-push-6 {
|
|
left: 50%
|
|
}
|
|
.col-xxs-push-5 {
|
|
left: 41.66666667%
|
|
}
|
|
.col-xxs-push-4 {
|
|
left: 33.33333333%
|
|
}
|
|
.col-xxs-push-3 {
|
|
left: 25%
|
|
}
|
|
.col-xxs-push-2 {
|
|
left: 16.66666667%
|
|
}
|
|
.col-xxs-push-1 {
|
|
left: 8.33333333%
|
|
}
|
|
.col-xxs-push-0 {
|
|
left: auto
|
|
}
|
|
.col-xxs-offset-12 {
|
|
margin-left: 100%
|
|
}
|
|
.col-xxs-offset-11 {
|
|
margin-left: 91.66666667%
|
|
}
|
|
.col-xxs-offset-10 {
|
|
margin-left: 83.33333333%
|
|
}
|
|
.col-xxs-offset-9 {
|
|
margin-left: 75%
|
|
}
|
|
.col-xxs-offset-8 {
|
|
margin-left: 66.66666667%
|
|
}
|
|
.col-xxs-offset-7 {
|
|
margin-left: 58.33333333%
|
|
}
|
|
.col-xxs-offset-6 {
|
|
margin-left: 50%
|
|
}
|
|
.col-xxs-offset-5 {
|
|
margin-left: 41.66666667%
|
|
}
|
|
.col-xxs-offset-4 {
|
|
margin-left: 33.33333333%
|
|
}
|
|
.col-xxs-offset-3 {
|
|
margin-left: 25%
|
|
}
|
|
.col-xxs-offset-2 {
|
|
margin-left: 16.66666667%
|
|
}
|
|
.col-xxs-offset-1 {
|
|
margin-left: 8.33333333%
|
|
}
|
|
.col-xxs-offset-0 {
|
|
margin-left: 0
|
|
}
|
|
}
|
|
|
|
.mfp-iframe-scaler button:hover,
|
|
.mfp-iframe-scaler button:focus,
|
|
.mfp-iframe-scaler .button:hover,
|
|
.mfp-iframe-scaler .button:focus {
|
|
background-color: inherit;
|
|
}
|
|
|
|
@media (max-width: 767px) {
|
|
section.quotes_section p {
|
|
margin: 0px 10px 35px;
|
|
}
|
|
footer.main-footer {
|
|
padding: 3rem 0.5rem 2rem 0.5rem;
|
|
}
|
|
section.banner_section.inside_page {
|
|
background-position: right -279px bottom 0px;
|
|
}
|
|
.video_play {
|
|
height: 50px;
|
|
width: 50px;
|
|
background-size: cover;
|
|
margin-left: -26px;
|
|
margin-top: -26px;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 480px) {
|
|
section.banner_section {
|
|
display: block;
|
|
}
|
|
section.banner_section .left-banner,
|
|
section.banner_section .right-banner {
|
|
width: 100%;
|
|
display: block;
|
|
}
|
|
section.banner_section .right-banner {
|
|
border: 0;
|
|
}
|
|
section.banner_section .left-banner {
|
|
border: 0;
|
|
}
|
|
}
|
|
|
|
section.content.section {
|
|
padding: 50px 0 90px 0;
|
|
}
|
|
|
|
section.nav_section {
|
|
text-align: center;
|
|
padding: 26px 0 0 0;
|
|
background-color: #27b8e8;
|
|
height: 70px;
|
|
}
|
|
|
|
section.nav_section ul {
|
|
padding: 0;
|
|
list-style: none;
|
|
margin: 0;
|
|
}
|
|
|
|
section.nav_section ul li {
|
|
display: inline-block;
|
|
margin: 0 5px;
|
|
}
|
|
|
|
section.nav_section ul li a {
|
|
font-size: 0.9375rem;
|
|
font-weight: 100;
|
|
color: #fff;
|
|
padding: 20px;
|
|
background: #1088b1;
|
|
border-radius: 5px 5px 0 0;
|
|
transition: all 0.3s ease;
|
|
}
|
|
|
|
section.nav_section ul li a:hover {
|
|
background: #084053;
|
|
text-decoration: none;
|
|
}
|
|
|
|
section.feature_resources_section {
|
|
padding: 30px 0 100px 0;
|
|
}
|
|
|
|
section.feature_resources_section img.thumbnail_border {
|
|
border: 1px solid #B8B8B8;
|
|
}
|
|
|
|
section.feature_resources_section h2 {
|
|
color: #2cacd7;
|
|
font-size: 44px;
|
|
}
|
|
|
|
.resources_left_sidebar ul {
|
|
padding: 0;
|
|
list-style: none;
|
|
margin-top: 10px;
|
|
}
|
|
|
|
.resources_left_sidebar ul li {
|
|
margin: 6px 0;
|
|
}
|
|
|
|
.resources_left_sidebar ul li a {
|
|
padding: 6px 10px;
|
|
font-size: 16px;
|
|
color: #2cacd7;
|
|
display: block;
|
|
}
|
|
|
|
.resources_left_sidebar ul li a.active {
|
|
text-decoration: none;
|
|
background-color: #f1f1f1;
|
|
color: #2687ae;
|
|
}
|
|
|
|
.resources_left_sidebar ul li a:hover {
|
|
text-decoration: none;
|
|
color: #2687ae;
|
|
}
|
|
|
|
.resources_left_sidebar ul li:hover {
|
|
text-decoration: none;
|
|
background-color: #f1f1f1;
|
|
}
|
|
|
|
.resources_page_banner a {
|
|
float: right;
|
|
color: #fff;
|
|
background-color: #2cacd7;
|
|
padding: 12px 44px 12px 13px;
|
|
border-radius: 5px;
|
|
background-image: url(../images/arrow-btn.png);
|
|
background-repeat: no-repeat;
|
|
background-size: 23px;
|
|
background-position: right 10px top 12px;
|
|
}
|
|
|
|
.resources_page_banner p span {
|
|
display: block;
|
|
max-width: 100%;
|
|
font-size: 14px;
|
|
}
|
|
|
|
.resources_page_banner p {
|
|
color: #243137;
|
|
}
|
|
|
|
.resources_page_banner {
|
|
background-color: #f4f9fa;
|
|
border: 1px solid #d7e9f0;
|
|
padding: 20px 22px 0px 16px;
|
|
}
|
|
|
|
.resources_page_banner h3 {
|
|
margin-bottom: 15px;
|
|
}
|
|
|
|
.resources_link {
|
|
margin: 40px 0 0 0;
|
|
}
|
|
|
|
.resources_link a {
|
|
font-size: 18px;
|
|
font-weight: normal;
|
|
line-height: 23px;
|
|
display: block;
|
|
margin-bottom: 10px;
|
|
color: #243137;
|
|
}
|
|
|
|
.resources_link span {
|
|
color: #243137;
|
|
font-size: 14px;
|
|
margin-top: 10px;
|
|
display: block;
|
|
}
|
|
|
|
a.resources_play {
|
|
height: 55px;
|
|
width: 55px;
|
|
background-image: url(../images/resources-play-btn.png);
|
|
position: absolute;
|
|
top: 50%;
|
|
left: 50%;
|
|
margin: -27px 0 0 -27px;
|
|
z-index: 999;
|
|
}
|
|
|
|
.resources_video {
|
|
position: relative;
|
|
}
|
|
|
|
.resources_right_sidebar {
|
|
display: block;
|
|
padding: 15px 20px 20px 5px;
|
|
background-color: #38b8e8;
|
|
border-radius: 5px;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.resources_right_sidebar a {
|
|
padding: 15px 10px;
|
|
display: block;
|
|
color: #fff;
|
|
font-size: 16px;
|
|
}
|
|
|
|
.resources_right_sidebar a img {
|
|
float: right;
|
|
margin: 10px -10px 0 0;
|
|
}
|
|
|
|
@media (max-width: 767px) {
|
|
.resources_link {
|
|
text-align: center;
|
|
}
|
|
.resources_link img {
|
|
width: 100%;
|
|
}
|
|
.resources_right_sidebar {
|
|
margin-top: 40px;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 480px) {
|
|
.resources_page_banner a {
|
|
clear: both;
|
|
float: none;
|
|
margin: 0 auto 7px;
|
|
display: block;
|
|
max-width: 215px;
|
|
}
|
|
section.feature_resources_section h2 {
|
|
font-size: 34px;
|
|
}
|
|
.resources_link img {
|
|
width: 90%;
|
|
margin: 0 auto;
|
|
}
|
|
}
|
|
|
|
.page-taxonomy-term-4949 .region-content .item-list,
|
|
.page-taxonomy-term-4950 .region-content .item-list,
|
|
.page-taxonomy-term-4951 .region-content .item-list,
|
|
.page-taxonomy-term-4952 .region-content .item-list,
|
|
.page-taxonomy-term-4953 .region-content .item-list,
|
|
.page-taxonomy-term-4954 .region-content .item-list {
|
|
display: none;
|
|
}
|
|
|
|
.resources_left_sidebar ul {
|
|
margin: 0;
|
|
margin-top: 10px;
|
|
}
|
|
|
|
.resources_left_sidebar ul li a {
|
|
padding: 6px 0 6px 10px;
|
|
}
|
|
|
|
@media (min-width: 991px) and (max-width: 1199px) {
|
|
.resources_left_sidebar ul li a {
|
|
font-size: 14px;
|
|
}
|
|
}
|
|
|
|
.career_section h2 {
|
|
font-size: 30px;
|
|
color: #555555;
|
|
text-transform: capitalize;
|
|
}
|
|
|
|
.career_section .career_video {
|
|
margin: 0 50px;
|
|
margin-bottom: 50px;
|
|
}
|
|
|
|
.career_section .career_video .wistia_embed {
|
|
max-width: 100%;
|
|
}
|
|
|
|
.career_section .career_customers {}
|
|
|
|
.career_section .career_customers ul {
|
|
padding: 0;
|
|
list-style: none;
|
|
margin: 0;
|
|
}
|
|
|
|
.career_section .career_customers ul li {
|
|
width: 23%;
|
|
display: inline-table;
|
|
margin: auto;
|
|
padding: 0;
|
|
margin-left: 1%;
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.career_section .career_customers p {
|
|
color: #999999;
|
|
font-style: italic;
|
|
text-align: center;
|
|
margin: 0;
|
|
}
|
|
|
|
.career-image {
|
|
background-image: url(../images/career_image.jpg);
|
|
background-repeat: no-repeat;
|
|
background-position: top center;
|
|
display: block;
|
|
margin: auto;
|
|
height: 350px;
|
|
text-align: center;
|
|
}
|
|
|
|
.career_section ul {}
|
|
|
|
.career_section ul li {
|
|
margin: 20px 0;
|
|
line-height: 1.4;
|
|
}
|
|
|
|
.career-mask {
|
|
background-image: url(../images/career_mask.png);
|
|
background-size: contain;
|
|
background-repeat: no-repeat;
|
|
background-position: top center;
|
|
display: block;
|
|
margin: auto;
|
|
height: 150px;
|
|
}
|
|
|
|
section.job_openings_section {
|
|
padding: 30px 0 100px 0;
|
|
}
|
|
|
|
.job_openings_section h2 {
|
|
font-size: 30px;
|
|
color: #555555;
|
|
margin-bottom: 40px;
|
|
text-align: center;
|
|
text-transform: capitalize;
|
|
}
|
|
|
|
.job_openings_section .container {
|
|
overflow: hidden;
|
|
}
|
|
|
|
.job_openings_section .row {
|
|
margin-left: -40px;
|
|
margin-right: -40px;
|
|
width: auto;
|
|
}
|
|
|
|
.job_openings_section .row .col-md-6 {
|
|
padding-left: 40px;
|
|
padding-right: 40px;
|
|
margin-bottom: 40px;
|
|
}
|
|
|
|
.job_openings_section a {
|
|
display: block;
|
|
border: 1px solid #979797;
|
|
border-radius: 6px;
|
|
display: table;
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
|
|
.job_openings_section a div {
|
|
display: table-cell;
|
|
vertical-align: middle;
|
|
padding: 0;
|
|
margin: 0;
|
|
}
|
|
|
|
.job_openings_section a:hover {
|
|
text-decoration: none;
|
|
border: 1px solid #22b8eb;
|
|
}
|
|
|
|
.job_openings_section a i {
|
|
font-size: 40px;
|
|
margin: 20px;
|
|
float: left;
|
|
color: #999999;
|
|
transform: translateY(12%);
|
|
}
|
|
|
|
.job_openings_section a i.fa.fa-angle-double-right {
|
|
float: right;
|
|
display: none;
|
|
margin-left: 0;
|
|
}
|
|
|
|
.job_openings_section a:hover i.fa.fa-angle-double-right {
|
|
display: block;
|
|
}
|
|
|
|
.job_openings_section a h3 {
|
|
display: block;
|
|
font-size: 20px;
|
|
color: #555555;
|
|
margin: 20px 0px 0 0;
|
|
line-height: 28px;
|
|
padding-right: 48px;
|
|
}
|
|
|
|
.job_openings_section a:hover h3 {
|
|
color: #22b8eb;
|
|
}
|
|
|
|
.job_openings_section a span {
|
|
color: #999999;
|
|
font-size: 14px;
|
|
margin: 0 0 20px 0;
|
|
display: block;
|
|
}
|
|
|
|
@media (max-width: 1199px) {}
|
|
|
|
@media (max-width: 991px) {
|
|
.career_section .career_video {
|
|
margin: 0;
|
|
margin-bottom: 50px;
|
|
}
|
|
.career-mask {
|
|
background-image: url(../images/career_mask2.png);
|
|
}
|
|
}
|
|
|
|
.jobs_section .breadcrumb {
|
|
background-color: transparent;
|
|
margin: 0;
|
|
padding-left: 0;
|
|
}
|
|
|
|
.jobs_section .breadcrumb>li {
|
|
font-size: 14px;
|
|
}
|
|
|
|
.jobs_section .breadcrumb>li.active {
|
|
color: #555555;
|
|
background: transparent;
|
|
}
|
|
|
|
.jobs_section .breadcrumb>li a {
|
|
color: #555555;
|
|
font-weight: 400;
|
|
}
|
|
|
|
.jobs_section .breadcrumb>li+li:before {
|
|
content: "\003e";
|
|
}
|
|
|
|
.jobs_section .jobs {
|
|
margin: 0;
|
|
list-style: none;
|
|
padding: 30px 0 100px 0;
|
|
}
|
|
|
|
.jobs_section .jobs li {
|
|
margin-bottom: 30px;
|
|
line-height: 22px;
|
|
}
|
|
|
|
.jobs_section .jobs li a {
|
|
font-size: 18px;
|
|
color: #155A74;
|
|
text-transform: uppercase;
|
|
text-align: left;
|
|
font-family: 'Geomanist Book', sans-serif;
|
|
}
|
|
|
|
.jobs_section .jobs li span {
|
|
display: block;
|
|
font-size: 14px;
|
|
color: #496B81;
|
|
text-align: left;
|
|
line-height: 16px;
|
|
font-weight: 400;
|
|
}
|
|
|
|
body {
|
|
padding-bottom: 0 !important;
|
|
}
|
|
|
|
.cta-illustration {
|
|
background-position: bottom;
|
|
}
|
|
|
|
.main-footer {
|
|
position: relative;
|
|
}
|
|
|
|
.hero::after,
|
|
.callout::after {
|
|
background-position: bottom;
|
|
height: 17px;
|
|
}
|
|
|
|
.main-footer::before {
|
|
height: 17px;
|
|
top: -17px;
|
|
background-position: bottom;
|
|
}
|
|
|
|
@media (min-width: 2550px) {
|
|
body.front .cta-illustration {
|
|
padding: 4.6875rem 0 32.125rem 0;
|
|
}
|
|
}
|
|
|
|
@media (min-width: 3300px) {
|
|
body.front .cta-illustration {
|
|
padding: 4.6875rem 0 38.125rem 0;
|
|
}
|
|
}
|
|
|
|
.row.collapse {
|
|
display: block;
|
|
}
|
|
|
|
section.plans_section {
|
|
background-color: #F1F7FD;
|
|
}
|
|
|
|
section.plans_section .plans_tabs {
|
|
text-align: center;
|
|
margin-bottom: 50px;
|
|
}
|
|
|
|
section.plans_section .plans_tabs ul {
|
|
list-style: none;
|
|
display: inline-block;
|
|
padding: 0;
|
|
margin: 0;
|
|
}
|
|
|
|
section.plans_section .plans_tabs ul li {
|
|
float: left;
|
|
color: #22B8EB;
|
|
border: 1px solid #22B8EB;
|
|
background-color: #FFF;
|
|
}
|
|
|
|
section.plans_section .plans_tabs ul li:first-child {
|
|
border-radius: 6px 0 0 6px;
|
|
}
|
|
|
|
section.plans_section .plans_tabs ul li:last-child {
|
|
border-radius: 0 6px 6px 0;
|
|
}
|
|
|
|
section.plans_section .plans_tabs ul li +li {
|
|
border-left: none;
|
|
}
|
|
|
|
section.plans_section .plans_tabs ul li a {
|
|
color: #22B8EB;
|
|
padding: 10px 50px;
|
|
display: block;
|
|
text-decoration: none;
|
|
}
|
|
|
|
section.plans_section .plans_tabs ul li.current {
|
|
background-color: #1080A7;
|
|
}
|
|
|
|
section.plans_section .plans_tabs ul li.current a {
|
|
color: #fff;
|
|
text-decoration: none;
|
|
}
|
|
|
|
section.plans_section .row.plans {
|
|
margin-left: -20px;
|
|
margin-right: -20px;
|
|
text-align: center;
|
|
}
|
|
|
|
section.plans_section .row.plans .col-md-4 {
|
|
padding-left: 20px;
|
|
padding-right: 20px;
|
|
}
|
|
|
|
section.plans_section .plans .server_plan_box {
|
|
background-color: #fff;
|
|
border: 1px solid #C4CDDA;
|
|
border-radius: 6px;
|
|
text-align: center;
|
|
padding: 30px;
|
|
padding-bottom: 0px;
|
|
height: 100%;
|
|
}
|
|
|
|
section.plans_section .plans .server_plan_box .plan_name {
|
|
min-height: 110px;
|
|
padding: 0 10px;
|
|
line-height: normal;
|
|
}
|
|
|
|
section.plans_section .plans .server_plan_box h3 {
|
|
font-size: 27px;
|
|
color: #147698;
|
|
}
|
|
|
|
section.plans_section .plans .server_plan_box p {
|
|
font-size: 14px;
|
|
color: #5A7E93;
|
|
line-height: 20px;
|
|
margin-bottom: 0;
|
|
padding-bottom: 1.25rem;
|
|
}
|
|
|
|
section.plans_section .plans .cloud_plan_box2 p#RepoPricing {
|
|
min-height: 23px;
|
|
display: block;
|
|
}
|
|
|
|
section.plans_section .plans .server_plan_box p span {
|
|
font-size: 38px;
|
|
}
|
|
|
|
section.plans_section .cloudplan_boxs div.col-md-4 p span {
|
|
font-size: 33px;
|
|
font-weight: bold;
|
|
}
|
|
|
|
section.plans_section .plans .server_plan_box p span.dollar,
|
|
section.plans_section .plans .cloud_plan_box2 p span.dollar {
|
|
font-size: 27px;
|
|
position: relative;
|
|
top: -12px;
|
|
left: -2px;
|
|
}
|
|
|
|
|
|
/*
|
|
section.plans_section .plans .server_plan_box .plan_buttons .orange-btn,
|
|
section.plans_section .plans .cloud_plan_box2 .plan_buttons .orange-btn {
|
|
background-color: #fe9a3f;
|
|
}
|
|
section.plans_section .plans .server_plan_box .plan_buttons .orange-btn:hover,
|
|
section.plans_section .plans .server_plan_box .plan_buttons .orange-btn:focus,
|
|
section.plans_section .plans .cloud_plan_box2 .plan_buttons .orange-btn:hover,
|
|
section.plans_section .plans .cloud_plan_box2 .plan_buttons .orange-btn:focus {
|
|
background-color: #F17B00;
|
|
}
|
|
section.plans_section .plans .server_plan_box .plan_buttons .button,
|
|
section.plans_section .plans .plan_buttons .button {
|
|
width: 45%;
|
|
margin: 0 2%;
|
|
padding: 15px 0;
|
|
}*/
|
|
|
|
section.plans_section .plans .server_plan_box .plan_buttons .button.full-width,
|
|
section.plans_section .plans .cloud_plan_box2 .plan_buttons .button.full-width {
|
|
width: 98%;
|
|
margin: 0;
|
|
}
|
|
|
|
section.plans_section .plans .server_plan_box ul,
|
|
section.plans_section .plans .cloud_plan_box2 ul {
|
|
list-style: none;
|
|
padding: 20px 0;
|
|
margin: 0;
|
|
margin-top: 20px;
|
|
}
|
|
|
|
section.plans_section .plans .server_plan_box ul {
|
|
padding: 20px 10px;
|
|
}
|
|
|
|
section.plans_section .plans .server_plan_box ul li,
|
|
section.plans_section .plans .cloud_plan_box2 ul li {
|
|
color: #546473;
|
|
line-height: 20px;
|
|
margin-bottom: 20px;
|
|
font-size: 14px;
|
|
}
|
|
|
|
section.plans_section .cloudplan_boxs .cloud_plan_box2>div {
|
|
margin-top: 20px;
|
|
}
|
|
|
|
section.plans_section .cloudplan_boxs .cloud_plan_box1 div.col-md-4 {
|
|
margin-top: 30px;
|
|
}
|
|
|
|
section.plans_section .cloudplan_boxs .cloud_plan_boxs .cloud_plan_box2 ul {
|
|
padding: 0;
|
|
padding-top: 20px;
|
|
}
|
|
|
|
section.plans_section .cloudplan_boxs .cloud_plan_boxs .cloud_plan_box2 ul li {
|
|
color: #3E4D54;
|
|
margin-bottom: 14px;
|
|
font-size: 16px;
|
|
}
|
|
|
|
section.plans_section .cloudplan_boxs .plan_buttons {
|
|
margin-top: 30px;
|
|
}
|
|
|
|
section.plans_section .cloudplan_boxs div.col-md-4 p {
|
|
font-size: 18px;
|
|
color: #24B6E9;
|
|
line-height: 16px;
|
|
margin-bottom: 12px;
|
|
}
|
|
|
|
section.plans_section .plan_tab_content {
|
|
display: none;
|
|
}
|
|
|
|
section.plans_section .plan_tab_content.current {
|
|
display: block;
|
|
}
|
|
|
|
section.our_customers_section {
|
|
text-align: center;
|
|
border-bottom: 2px solid #C4CDDA;
|
|
}
|
|
|
|
section.our_customers_section ul {
|
|
list-style: none;
|
|
margin: 0;
|
|
padding: 0;
|
|
display: table;
|
|
width: 100%;
|
|
margin-top: 50px;
|
|
}
|
|
|
|
section.our_customers_section ul li {
|
|
display: table-cell;
|
|
width: 20%;
|
|
}
|
|
|
|
section.our_customers_section ul li img {
|
|
display: block;
|
|
text-align: center;
|
|
margin: 0 auto;
|
|
height: 80px;
|
|
}
|
|
|
|
section.faqs_section {
|
|
text-align: center;
|
|
padding-bottom: 10px;
|
|
}
|
|
|
|
section.faqs_section:last-of-type {
|
|
margin-bottom: 0px;
|
|
}
|
|
|
|
section.faqs_section .faq {
|
|
text-align: left;
|
|
padding: 20px 0;
|
|
margin: 0 20px;
|
|
border-bottom: 1px solid #C4CDDA;
|
|
}
|
|
|
|
section.faqs_section .faq .clickme {
|
|
position: absolute;
|
|
right: 8px;
|
|
display: inline-block;
|
|
font: normal normal normal 14px/1 FontAwesome;
|
|
font-size: inherit;
|
|
text-rendering: auto;
|
|
-webkit-font-smoothing: antialiased;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
font-size: 20px;
|
|
color: #C4CDDA;
|
|
}
|
|
|
|
section.faqs_section .faq .clickme:before {
|
|
content: "\f067";
|
|
}
|
|
|
|
section.faqs_section .faq.active .clickme:before {
|
|
content: "\f068";
|
|
}
|
|
|
|
section.faqs_section .faq.active .clickme {
|
|
background-position: -16px 0px;
|
|
}
|
|
|
|
section.faqs_section .faq h3 {
|
|
color: #232C37;
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
margin: 0;
|
|
margin-right: 50px;
|
|
}
|
|
|
|
section.faqs_section .faq .faq-title {
|
|
cursor: pointer;
|
|
position: relative;
|
|
}
|
|
|
|
section.faqs_section .faq .faq-title:hover,
|
|
section.faqs_section .faq .faq-title:hover h3,
|
|
section.faqs_section .faq .faq-title:hover .clickme,
|
|
section.faqs_section .faq.active .faq-title h3,
|
|
section.faqs_section .faq.active .faq-title .clickme {
|
|
color: #137597;
|
|
}
|
|
|
|
section.faqs_section .faq .faq-body {
|
|
display: none;
|
|
padding: 20px 40px 0px 0;
|
|
}
|
|
|
|
section.faqs_section .faq .faq-body p {
|
|
margin-bottom: 0px;
|
|
}
|
|
|
|
section.plans_section .cloud_plan_boxs {
|
|
background-color: #fff;
|
|
border: 1px solid #C4CDDA;
|
|
border-radius: 6px;
|
|
height: 100%;
|
|
float: none;
|
|
display: inline-block;
|
|
padding-left: 30px;
|
|
padding-right: 30px;
|
|
}
|
|
|
|
.cloud_plan_box1,
|
|
.cloud_plan_box2 {
|
|
width: 100%!important;
|
|
display: inline-block;
|
|
margin: 0!important;
|
|
padding: 40px 0 30px 0;
|
|
}
|
|
|
|
section.plans_section .cloud_plan_boxs h4 {
|
|
color: #3E4D54;
|
|
font-size: 18px;
|
|
font-weight: bold;
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
section.plans_section .cloud_plan_boxs .cloud_plan_box2 h4 {
|
|
margin-bottom: 50px;
|
|
}
|
|
|
|
section.plans_section .cloud_plan_boxs .cloud_plan_box1 {
|
|
border-bottom: 1px solid #3E4D54;
|
|
}
|
|
|
|
section.plans_section .cloud_plan_boxs .cloud_plan_box1 ul.info {
|
|
list-style: none;
|
|
padding: 0;
|
|
margin: 0;
|
|
margin-bottom: 35px;
|
|
}
|
|
|
|
section.plans_section .cloud_plan_boxs .cloud_plan_box1 ul.info li {
|
|
color: #3E4D54;
|
|
font-size: 17px;
|
|
line-height: 24px;
|
|
margin-bottom: 30px;
|
|
position: relative;
|
|
margin-left: 20px;
|
|
}
|
|
|
|
section.plans_section .cloud_plan_boxs .cloud_plan_box1 ul.info li:before {
|
|
content: "Õ ";
|
|
color: #24B6E9;
|
|
margin-right: 10px;
|
|
position: absolute;
|
|
left: -20px;
|
|
}
|
|
|
|
section.plans_section .cloud_plan_boxs .cloud_plan_box2 {}
|
|
|
|
.ui-widget {
|
|
font-family: 'Geomanist Book', sans-serif;
|
|
font-weight: 400px;
|
|
}
|
|
|
|
#RepoSlider.ui-state-disabled {
|
|
opacity: 1;
|
|
}
|
|
|
|
.RepoSliderContainer {
|
|
background-color: #C4CDDA;
|
|
border-radius: 10px;
|
|
border-color: #C4CDDA;
|
|
max-width: 500px;
|
|
padding-left: 6px;
|
|
padding-right: 6px;
|
|
margin-bottom: 85px;
|
|
}
|
|
|
|
#RepoSlider {
|
|
background: #fff;
|
|
}
|
|
|
|
#RepoSlider.ui-slider-horizontal.ui-slider-pips {
|
|
background-color: #C4CDDA;
|
|
border-radius: 10px;
|
|
border-color: #C4CDDA;
|
|
max-width: 500px;
|
|
}
|
|
|
|
#RepoSlider .ui-state-active,
|
|
#RepoSlider.ui-widget-content .ui-state-active,
|
|
#RepoSlider .ui-state-default,
|
|
#RepoSlider.ui-widget-content .ui-state-default {
|
|
border: 0px !important;
|
|
outline: none !important;
|
|
background-position: top center;
|
|
background-size: 95%;
|
|
background-image: url("../images/sliderhandle-wshadow.png");
|
|
background-repeat: no-repeat;
|
|
background-color: transparent;
|
|
width: 32px;
|
|
height: 37px;
|
|
top: -12px;
|
|
margin-left: -16px;
|
|
}
|
|
|
|
#RepoSlider .ui-state-default,
|
|
#RepoSlider.ui-widget-content .ui-state-default {
|
|
cursor: move;
|
|
cursor: grab;
|
|
cursor: -moz-grab;
|
|
cursor: -webkit-grab;
|
|
}
|
|
|
|
#RepoSlider.ui-slider-horizontal.ui-slider-pips:active,
|
|
#RepoSlider .ui-state-active,
|
|
#RepoSlider.ui-widget-content .ui-state-active {
|
|
cursor: grabbing;
|
|
cursor: -moz-grabbing;
|
|
cursor: -webkit-grabbing;
|
|
}
|
|
|
|
#RepoSlider.ui-slider-pips .ui-slider-pip {
|
|
top: 24px;
|
|
color: #7A8491;
|
|
font-weight: normal;
|
|
font-size: 10px;
|
|
}
|
|
|
|
#RepoSlider.ui-slider-pips .ui-slider-pip-selected .ui-slider-line,
|
|
#RepoSlider.ui-slider-pips .ui-slider-line {
|
|
height: 7px;
|
|
width: 2px;
|
|
margin-left: -1px;
|
|
background: #7A8491;
|
|
}
|
|
|
|
#RepoSlider.ui-slider-pips .ui-slider-label {
|
|
top: 8px;
|
|
color: inherit;
|
|
}
|
|
|
|
#RepoSlider.ui-slider-pips [class*=ui-slider-pip-selected] {
|
|
color: #232C37;
|
|
font-weight: normal;
|
|
font-size: 27px;
|
|
}
|
|
|
|
#RepoSlider.ui-slider-pips .ui-slider-pip-selected .ui-slider-label {
|
|
color: #232C37;
|
|
}
|
|
|
|
#RepoSlider.ui-slider-pips:not(.ui-slider-disabled) .ui-slider-pip:hover .ui-slider-label {
|
|
font-weight: normal;
|
|
}
|
|
|
|
.support-checkboxs .checkbox {
|
|
overflow: hidden;
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
.support-checkboxs .checkbox label {
|
|
padding-left: 35px;
|
|
font-size: 14px;
|
|
color: #22B8EB;
|
|
}
|
|
|
|
.support-checkboxs input[type="checkbox"] {
|
|
width: 0px;
|
|
height: 0px;
|
|
margin: 0px;
|
|
-webkit-appearance: none;
|
|
}
|
|
|
|
.support-checkboxs input[type="checkbox"] + i {
|
|
display: inline-block;
|
|
width: 25px;
|
|
height: 25px;
|
|
left: 0;
|
|
top: 2px;
|
|
position: absolute;
|
|
border: 2px solid #C4CDDA;
|
|
border-radius: 5px;
|
|
font: normal normal normal 14px/1 FontAwesome;
|
|
font-size: inherit;
|
|
text-rendering: auto;
|
|
-webkit-font-smoothing: antialiased;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
color: #FFF;
|
|
font-size: 16px;
|
|
padding: 2px;
|
|
}
|
|
|
|
.support-checkboxs input[type="checkbox"]:checked + i:before {
|
|
content: "\f00c";
|
|
}
|
|
|
|
.support-checkboxs input[type="checkbox"]:checked + i {
|
|
background-color: #22B8EB;
|
|
}
|
|
|
|
.cloud_plan_box1 .info-text {
|
|
color: #232C37;
|
|
margin-top: 145px;
|
|
font-size: 14px;
|
|
}
|
|
|
|
.cloud_plan_box1 .info-text a {
|
|
color: #22B8EB;
|
|
}
|
|
|
|
.cloud_plan_box1 .has-tip {
|
|
color: #C4CDDA;
|
|
margin-left: 5px;
|
|
border-bottom: none;
|
|
}
|
|
|
|
.tooltip {
|
|
opacity: 1;
|
|
}
|
|
|
|
.path-pricing .title_section.hero_section {
|
|
padding: 26px 0 22px 0;
|
|
}
|
|
|
|
.path-pricing .region.region-hero-sub .nav-sub,
|
|
.region.region-hero-sub .nav-sub .pricing-menu-item,
|
|
.region.region-hero-sub .nav-sub .removetab-menu-item {
|
|
display: none;
|
|
}
|
|
|
|
.path-enterprise .region.region-hero-sub .nav-sub {
|
|
display: none;
|
|
}
|
|
|
|
@media (max-width: 940px) {
|
|
section.plans_section .plans .server_plan_box .plan_buttons .button,
|
|
section.plans_section .plans .plan_buttons .button {
|
|
width: 46%;
|
|
margin: 0 1%;
|
|
}
|
|
section.plans_section .plans .server_plan_box {
|
|
padding: 30px 10px;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 767px) {
|
|
section.plans_section .plans .server_plan_box {
|
|
margin-bottom: 20px;
|
|
}
|
|
section.plans_section .plans .server_plan_box .plan_buttons .button,
|
|
section.plans_section .plans .plan_buttons .button {
|
|
width: 42%;
|
|
margin: 0 2%;
|
|
}
|
|
.cloud_plan_box1 .info-text {
|
|
margin-top: 25px;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 600px) {
|
|
section.our_customers_section ul {
|
|
display: block;
|
|
}
|
|
section.our_customers_section ul li {
|
|
width: 50%;
|
|
float: left;
|
|
display: block;
|
|
margin-bottom: 21px;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 320px) {
|
|
section.our_customers_section ul li {
|
|
width: 100%;
|
|
}
|
|
}
|
|
|
|
.backproduct_link {
|
|
background-image: url(../images/backproduct_icon.png);
|
|
background-repeat: no-repeat;
|
|
background-position: left center;
|
|
color: #05b7ed;
|
|
padding-left: 20px;
|
|
}
|
|
|
|
.backproduct_link:focus,
|
|
.backproduct_link:hover,
|
|
.backproduct_link:active {
|
|
color: #05b7ed;
|
|
}
|
|
|
|
.region.region-sidebar .heading_product {
|
|
background-color: #fff;
|
|
color: #000;
|
|
cursor: context-menu;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.region.region-sidebar .heading_product a {
|
|
color: #000;
|
|
transition: none;
|
|
margin: 0;
|
|
padding: 0;
|
|
text-decoration: none;
|
|
cursor: context-menu;
|
|
}
|
|
|
|
.region.region-sidebar .side-nav li.heading_product a:not(.button):hover,
|
|
.region.region-sidebar .side-nav li.heading_product a:not(.button):active,
|
|
.region.region-sidebar .side-nav li.heading_product a:not(.button):focus {
|
|
background: rgba(241, 241, 241, 0);
|
|
padding: 0;
|
|
color: #000;
|
|
cursor: context-menu;
|
|
}
|
|
|
|
.node-type-product .page-content article img {
|
|
margin-bottom: 20px;
|
|
max-width: 100%;
|
|
height: auto !important;
|
|
}
|
|
|
|
.terminal .terminal-data {
|
|
word-wrap: break-word;
|
|
}
|
|
|
|
.node-type-product .page-content .row .columns .columns + hr {
|
|
float: left;
|
|
width: 100%;
|
|
}
|
|
|
|
.node-type-product .page-content .row .columns hr.noborder {
|
|
margin: 20px;
|
|
background-color: rgba(221, 221, 221, 0);
|
|
}
|
|
|
|
.node-type-product .row.cta_section {
|
|
overflow: hidden;
|
|
float: left;
|
|
width: 100%;
|
|
}
|
|
|
|
.cta_section .orange_bottom_link {
|
|
text-align: center;
|
|
}
|
|
|
|
@media (max-width: 1150px) {
|
|
.node-type-product article iframe {
|
|
width: 100%;
|
|
height: 300px;
|
|
}
|
|
}
|
|
|
|
@media (min-width: 767px) and (max-width: 1150px) {
|
|
.node-type-product ul.product-features li iframe {
|
|
width: 100%;
|
|
}
|
|
.node-type-product .page-content article img {
|
|
width: 100% !important;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 767px) {
|
|
.node-type-product ul.product-features li {
|
|
width: 100%;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 480px) {
|
|
.node-type-product ul.product-features li iframe {
|
|
width: 100%;
|
|
}
|
|
}
|
|
|
|
.cta_section .medium-12 {
|
|
padding: 0 15px;
|
|
}
|
|
|
|
.cta_section .medium-6 {
|
|
width: 50%;
|
|
float: left;
|
|
padding: 0 15px;
|
|
}
|
|
|
|
@media only screen and (max-width: 40.0625em) {
|
|
.cta_section .medium-6 {
|
|
width: 100%;
|
|
float: none;
|
|
}
|
|
}
|
|
|
|
.cta_section .medium-6 .button,
|
|
.cta_section .medium-12 .button {
|
|
width: 100%;
|
|
border: 2px solid #22b8eb;
|
|
}
|
|
|
|
.cta_section .medium-6 .button.white-btn,
|
|
.cta_section .medium-12 .button.white-btn {
|
|
width: 100%;
|
|
background-color: #fff;
|
|
color: #22b8eb;
|
|
}
|
|
|
|
.cta_section .medium-6 .button.white-btn:hover,
|
|
.cta_section .medium-6 .button.white-btn:focus {
|
|
background-color: rgba(245, 252, 255, 0.59);
|
|
}
|
|
|
|
section.ibm_description_section {
|
|
padding-bottom: 0;
|
|
}
|
|
|
|
section.ibm_description_section .row {
|
|
margin-left: -15px;
|
|
margin-right: -15px;
|
|
width: auto;
|
|
}
|
|
|
|
section.ibm_description_section .row + .row {
|
|
margin-top: 25px;
|
|
}
|
|
|
|
section.ibm_description_section img {
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
section.ibm_description_section h2 {
|
|
font-size: 50px;
|
|
color: #2cacd7;
|
|
margin-bottom: 30px;
|
|
}
|
|
|
|
section.ibm_description_section p {
|
|
font-size: 16px;
|
|
color: #7a8491;
|
|
margin-bottom: 30px;
|
|
}
|
|
|
|
section.ibm_description_section .button.full-width {
|
|
width: 100%;
|
|
margin-top: 10px;
|
|
margin-left: 20px!important;
|
|
}
|
|
|
|
section.ibm_description_section p a {
|
|
color: #27b7e8;
|
|
}
|
|
|
|
section.ibm_description_section p a:hover,
|
|
section.ibm_subscription_section p a:focus {
|
|
color: #27b7e8;
|
|
}
|
|
|
|
section.ibm_description_section ul li {
|
|
padding-left: 20px;
|
|
}
|
|
|
|
section.ibm_description_section ul li + li {
|
|
margin-top: 20px;
|
|
}
|
|
|
|
section.ibm_description_section ul li span {
|
|
color: #27b7e8;
|
|
}
|
|
|
|
section.ibm_subscription_section {
|
|
padding-top: 0;
|
|
}
|
|
|
|
section.ibm_subscription_section .row {
|
|
margin-left: -15px;
|
|
margin-right: -15px;
|
|
width: auto;
|
|
}
|
|
|
|
section.ibm_subscription_section .row + .row {
|
|
margin-top: 50px;
|
|
}
|
|
|
|
section.ibm_subscription_section h2 {
|
|
font-size: 29px;
|
|
color: #2cacd7;
|
|
margin-bottom: 30px;
|
|
}
|
|
|
|
section.ibm_subscription_section p {
|
|
color: #3f5166;
|
|
}
|
|
|
|
section.ibm_subscription_section ul {
|
|
color: #3f5166;
|
|
}
|
|
|
|
section.ibm_subscription_section ul li {
|
|
padding-left: 20px;
|
|
}
|
|
|
|
section.ibm_subscription_section .button.full-width {
|
|
width: 100%;
|
|
margin-top: 10px;
|
|
}
|
|
|
|
section.ibm_subscription_section p a {
|
|
color: #27b7e8;
|
|
}
|
|
|
|
section.ibm_subscription_section p a:hover,
|
|
section.ibm_subscription_section p a:focus {
|
|
color: #27b7e8;
|
|
}
|
|
|
|
.video_iframe {}
|
|
|
|
.video_iframe iframe {
|
|
max-width: 100%;
|
|
}
|
|
|
|
section.ibm_customers_section {}
|
|
|
|
section.ibm_customers_section h2 {
|
|
font-size: 29px;
|
|
color: #2cacd7;
|
|
margin-bottom: 30px;
|
|
}
|
|
|
|
section.ibm_customers_section ul {
|
|
list-style: none;
|
|
margin: 0;
|
|
padding: 0;
|
|
display: table;
|
|
width: 100%;
|
|
margin-top: 50px;
|
|
}
|
|
|
|
section.ibm_customers_section ul li {
|
|
display: table-cell;
|
|
width: 25%;
|
|
}
|
|
|
|
section.ibm_customers_section ul li img {
|
|
display: block;
|
|
text-align: center;
|
|
margin: 0 auto;
|
|
height: 90px;
|
|
}
|
|
|
|
section.ibm_solution_overview_section {
|
|
padding-top: 10px;
|
|
}
|
|
|
|
section.ibm_solution_overview_section h2 {
|
|
font-size: 29px;
|
|
color: #2cacd7;
|
|
margin-bottom: 30px;
|
|
}
|
|
|
|
section.ibm_solution_overview_section .ibm_solutions {
|
|
margin-left: -15px;
|
|
margin-right: -15px;
|
|
width: auto;
|
|
}
|
|
|
|
section.ibm_solution_overview_section .ibm_solution .title {
|
|
text-align: center;
|
|
background-color: #27b7e8;
|
|
padding: 20px 38px;
|
|
}
|
|
|
|
section.ibm_solution_overview_section .ibm_solution .title h3 {
|
|
color: #fff;
|
|
}
|
|
|
|
section.ibm_solution_overview_section .ibm_solution .body {
|
|
background-color: #ebebeb;
|
|
padding-bottom: 50px;
|
|
margin-top: 4px;
|
|
}
|
|
|
|
section.ibm_solution_overview_section .ibm_solution .body h4 {
|
|
color: #2cacd7;
|
|
text-align: center;
|
|
font-size: 25px;
|
|
border-bottom: 1px solid #fff;
|
|
margin: 0 32px;
|
|
padding: 15px 0;
|
|
}
|
|
|
|
section.ibm_solution_overview_section .ibm_solution .body ul {
|
|
margin-left: 44px;
|
|
margin-right: 25px;
|
|
margin-top: 15px;
|
|
display: block;
|
|
}
|
|
|
|
section.ibm_solution_overview_section .ibm_solution .body ul li {
|
|
color: #7a8491;
|
|
font-size: 16px;
|
|
padding-left: 12px;
|
|
}
|
|
|
|
section.ibm_video_section {
|
|
padding-top: 10px;
|
|
}
|
|
|
|
section.ibm_video_section h2 {
|
|
font-size: 29px;
|
|
color: #2cacd7;
|
|
margin-bottom: 30px;
|
|
}
|
|
|
|
section.ibm_video_section .ibm_videos {
|
|
list-style: none;
|
|
clear: both;
|
|
overflow: overlay;
|
|
padding: 0;
|
|
margin: 0;
|
|
margin-bottom: 25px;
|
|
margin-right: -50px;
|
|
}
|
|
|
|
section.ibm_video_section .ibm_videos li {
|
|
float: left;
|
|
margin-right: 50px;
|
|
margin-bottom: 20px;
|
|
width: 280px;
|
|
}
|
|
|
|
section.ibm_video_section .ibm_videos li a:hover,
|
|
section.ibm_video_section .ibm_videos li a:focus {
|
|
color: inherit;
|
|
text-decoration: none;
|
|
}
|
|
|
|
section.ibm_video_section .ibm_videos li img {}
|
|
|
|
section.ibm_video_section .ibm_videos li span {
|
|
font-size: 16px;
|
|
color: #7a8491;
|
|
line-height: 20px;
|
|
padding: 8px 0;
|
|
display: block;
|
|
}
|
|
|
|
.ibm_additional_resources {
|
|
margin-left: -15px;
|
|
margin-right: -15px;
|
|
width: auto;
|
|
}
|
|
|
|
.ibm_additional_resources ul {
|
|
list-style: none;
|
|
padding: 0;
|
|
margin: 0;
|
|
}
|
|
|
|
.ibm_additional_resources ul li {
|
|
font-size: 16px;
|
|
color: #27b7e8;
|
|
line-height: 18px;
|
|
margin-bottom: 18px;
|
|
}
|
|
|
|
.ibm_additional_resources ul li a {
|
|
font-size: 16px;
|
|
color: #27b7e8;
|
|
}
|
|
|
|
.ibm_additional_resources ul li a:hover,
|
|
.ibm_additional_resources ul li a:focus {
|
|
color: inherit;
|
|
text-decoration: none;
|
|
}
|
|
|
|
section.ibm_faqs_section {
|
|
padding-top: 10px;
|
|
}
|
|
|
|
section.ibm_faqs_section .row {
|
|
margin-left: -15px;
|
|
margin-right: -15px;
|
|
width: auto;
|
|
}
|
|
|
|
section.ibm_faqs_section h2 {
|
|
font-size: 29px;
|
|
color: #2cacd7;
|
|
margin-bottom: 30px;
|
|
}
|
|
|
|
section.ibm_faqs_section .faq {
|
|
text-align: left;
|
|
margin: 0;
|
|
border: 1px solid #e5e5e5;
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
section.ibm_faqs_section .faq .clickme {
|
|
position: absolute;
|
|
left: 22px;
|
|
display: inline-block;
|
|
font: normal normal normal 14px/1 FontAwesome;
|
|
font-size: inherit;
|
|
text-rendering: auto;
|
|
-webkit-font-smoothing: antialiased;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
font-size: 16px;
|
|
color: #27b7e8;
|
|
font-weight: lighter;
|
|
}
|
|
|
|
section.ibm_faqs_section .faq .clickme:before {
|
|
content: "\f067";
|
|
}
|
|
|
|
section.ibm_faqs_section .faq.active .clickme:before {
|
|
content: "\f068";
|
|
}
|
|
|
|
section.ibm_faqs_section .faq h3 {
|
|
color: #27b7e8;
|
|
font-size: 14px;
|
|
margin: 0;
|
|
margin-left: 50px;
|
|
}
|
|
|
|
section.ibm_faqs_section .faq .faq-title {
|
|
cursor: pointer;
|
|
background-color: #ebebeb;
|
|
padding: 20px 0;
|
|
padding-right: 20px;
|
|
position: relative;
|
|
}
|
|
|
|
section.ibm_faqs_section .faq .faq-body {
|
|
display: none;
|
|
margin-left: 30px;
|
|
padding: 20px;
|
|
}
|
|
|
|
section.ibm_faqs_section .faq .faq-body p {
|
|
margin-bottom: 10px;
|
|
font-size: 15px;
|
|
color: #7a8491;
|
|
}
|
|
|
|
section.ibm_questions_section {
|
|
background-color: #0dabd8;
|
|
text-align: center;
|
|
}
|
|
|
|
section.ibm_questions_section h2 {
|
|
font-size: 29px;
|
|
color: #fff;
|
|
font-weight: bold;
|
|
margin-bottom: 15px;
|
|
}
|
|
|
|
section.ibm_questions_section .button {
|
|
display: block;
|
|
max-width: 276px;
|
|
margin: 18px auto;
|
|
}
|
|
|
|
section.ibm_questions_section .orange-btn {
|
|
background-color: #fe9a3f;
|
|
}
|
|
|
|
section.ibm_questions_section .orange-btn:focus,
|
|
section.ibm_questions_section .orange-btn:hover {
|
|
background-color: #F17B00;
|
|
}
|
|
|
|
@media (max-width: 991px) {
|
|
section.ibm_description_section h2 {
|
|
font-size: 45px;
|
|
margin: 0;
|
|
line-height: 48px;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 767px) {
|
|
section.ibm_solution_overview_section .ibm_solution {
|
|
margin-bottom: 30px;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 600px) {
|
|
section.ibm_customers_section ul {
|
|
display: block;
|
|
}
|
|
section.ibm_customers_section ul li {
|
|
width: 50%;
|
|
float: left;
|
|
display: block;
|
|
margin-bottom: 21px;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 320px) {
|
|
section.ibm_customers_section ul li {
|
|
width: 100%;
|
|
}
|
|
}
|
|
|
|
section.title_section.hero_section {
|
|
padding-bottom: 0;
|
|
}
|
|
|
|
.featured_events_section {
|
|
padding-bottom: 30px;
|
|
border-bottom: 1px solid #d8dbdc;
|
|
}
|
|
|
|
.featured_events_section a,
|
|
.events_section a {
|
|
color: #27b8e8;
|
|
font-weight: normal;
|
|
}
|
|
|
|
.featured_events_section h2,
|
|
.events_region h2 {
|
|
font-size: 17px;
|
|
color: #FF992E;
|
|
text-transform: uppercase;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.featured_events_item {
|
|
margin: 28px 0;
|
|
margin-right: 40px;
|
|
}
|
|
|
|
.featured_events_item .featured_events_thumbnail,
|
|
.events_item .events_thumbnail {
|
|
padding-right: 20px;
|
|
padding-top: 6px;
|
|
}
|
|
|
|
.featured_events_item .featured_events_thumbnail a img,
|
|
.events_item .events_thumbnail a img {
|
|
max-width: 135px;
|
|
height: auto;
|
|
border: 1px solid #C1C1C1;
|
|
}
|
|
|
|
.featured_events_item h3,
|
|
.events_item h3 {
|
|
font-size: 17px;
|
|
color: #27b8e8;
|
|
font-weight: bold;
|
|
margin: 0;
|
|
}
|
|
|
|
.featured_events_item p,
|
|
.events_item p {
|
|
font-size: 15px;
|
|
color: #39576a;
|
|
margin: 0;
|
|
margin-top: 12px;
|
|
}
|
|
|
|
.featured_events_item span,
|
|
.events_item span {
|
|
font-size: 15px;
|
|
color: #39576a;
|
|
font-weight: normal;
|
|
}
|
|
|
|
.events_section .events_region,
|
|
.events_region h2 {
|
|
margin-bottom: 30px;
|
|
}
|
|
|
|
.events_section .events_item {
|
|
margin-bottom: 30px;
|
|
}
|
|
|
|
.event-search {
|
|
padding: 0;
|
|
padding-top: 15px;
|
|
}
|
|
|
|
.events_section .row .row {
|
|
margin: 0;
|
|
}
|
|
|
|
.events_section .events_region .events_region_name {
|
|
display: block;
|
|
}
|
|
|
|
.events_section .events_regions.margintop55 {
|
|
margin-top: 42px;
|
|
}
|
|
|
|
.events_section .events_regions.margintop55 .events_region {
|
|
margin-top: -42px;
|
|
}
|
|
|
|
body.front .cta-illustration {
|
|
margin-top: 0;
|
|
}
|
|
|
|
.main-header div>.nav-main a {
|
|
padding-bottom: 12px;
|
|
}
|
|
|
|
.main-header div>.nav-main>li {}
|
|
|
|
.main-header div>.nav-main>li>ul {
|
|
background-color: #001e31;
|
|
width: 175px;
|
|
border: none;
|
|
border-radius: 0;
|
|
background-position: right 30px bottom 30px;
|
|
background-repeat: no-repeat;
|
|
left: 50%;
|
|
margin-left: -85px;
|
|
background-image: none;
|
|
overflow: visible;
|
|
padding: 10px 0;
|
|
}
|
|
|
|
.main-header div>.nav-main>li:hover>ul {
|
|
/* background-image: url(../images/octopus_productpage_icon.gif); */
|
|
}
|
|
|
|
.main-header div>.nav-main>li>ul {
|
|
background-image: none;
|
|
width: initial;
|
|
/*left: 50%;
|
|
margin-left: -88px; */
|
|
}
|
|
|
|
.main-header div>.nav-main>li>ul>li {}
|
|
|
|
.main-header div>.nav-main>li>ul:before {
|
|
content: "";
|
|
position: absolute;
|
|
left: 50%;
|
|
margin-left: -8px;
|
|
top: -8px;
|
|
border: 8px solid transparent;
|
|
border-bottom-width: 8px;
|
|
border-bottom-color: #001E31;
|
|
border-top: 0;
|
|
}
|
|
|
|
.main-header div>.nav-main>li>ul>li {
|
|
width: 215px;
|
|
display: inline-block;
|
|
}
|
|
|
|
.main-header div>.nav-main>li >ul>li {
|
|
width: 175px;
|
|
margin: 0!important;
|
|
}
|
|
|
|
.main-header div>.nav-main>li ul li:first-child {
|
|
display: inherit;
|
|
}
|
|
|
|
.main-header div>.nav-main>li>ul>li:first-child {
|
|
display: none;
|
|
}
|
|
|
|
.main-header div>.nav-main>li.double-navstyle>ul>li:first-child {
|
|
display: none;
|
|
}
|
|
|
|
.left-submenu li.heading_product {
|
|
display: none;
|
|
}
|
|
|
|
.main-header div>.nav-main>li>ul li.navleft {
|
|
float: left;
|
|
clear: left;
|
|
width: 235px;
|
|
}
|
|
|
|
.main-header div>.nav-main>li>ul>li>a {
|
|
background: transparent;
|
|
color: #22caff;
|
|
font-size: 18px;
|
|
border: none;
|
|
line-height: 22px;
|
|
}
|
|
|
|
.main-header div>.nav-main>li>ul>li>a:hover {
|
|
color: #22caff;
|
|
background-color: #063d56;
|
|
}
|
|
|
|
.main-header div>.nav-main>li>ul>li>a {
|
|
font-size: 14px;
|
|
color: #fff;
|
|
}
|
|
|
|
.main-header div>.nav-main>li>ul>li>a:hover {
|
|
color: #ffffff;
|
|
background-color: #063d56;
|
|
}
|
|
|
|
.main-header div>.nav-main>li>ul ul {
|
|
position: relative;
|
|
display: block;
|
|
float: none;
|
|
border: none;
|
|
}
|
|
|
|
.main-header div>.nav-main>li>ul ul a {
|
|
border: none;
|
|
background: transparent;
|
|
font-size: 14px;
|
|
color: #ffffff;
|
|
line-height: 18px;
|
|
padding: 8px 15px;
|
|
}
|
|
|
|
.main-header div>.nav-main>li ul ul>li>a:hover {
|
|
color: #ffffff;
|
|
background-color: #063d56;
|
|
}
|
|
|
|
.widthcol1>li {
|
|
width: 100%;
|
|
}
|
|
|
|
.widthcol2>li {
|
|
width: 50%;
|
|
}
|
|
|
|
.widthcol3>li {
|
|
width: 33.33%;
|
|
}
|
|
|
|
.widthcol4>li {
|
|
width: 25%;
|
|
}
|
|
|
|
.widthcol5>li {
|
|
width: 20%;
|
|
}
|
|
|
|
.node-type-use-cases section.section,
|
|
.node-type-use-case section.section {
|
|
padding: 60px 0 60px 0;
|
|
}
|
|
|
|
.node-type-use-cases section a,
|
|
.node-type-use-case section a {
|
|
color: inherit;
|
|
line-height: inherit;
|
|
text-decoration: none;
|
|
}
|
|
|
|
.node-type-use-cases section a:hover,
|
|
.node-type-use-cases section a:focus,
|
|
.node-type-use-case section a:hover,
|
|
.node-type-use-case section a:focus {
|
|
color: inherit;
|
|
}
|
|
|
|
.node-type-use-cases a.button,
|
|
.node-type-use-case a.button {
|
|
font-size: 17px;
|
|
border-radius: 10px;
|
|
color: #ffffff;
|
|
margin-left: 20px;
|
|
margin-right: 20px;
|
|
padding: 14px 35px;
|
|
}
|
|
|
|
.node-type-use-cases .button:hover,
|
|
.node-type-use-cases .button:focus,
|
|
.node-type-use-case .button:hover,
|
|
.node-type-use-case .button:focus {
|
|
color: #ffffff;
|
|
}
|
|
|
|
.node-type-use-cases .orange-btn,
|
|
.node-type-use-case .orange-btn {
|
|
background-color: #FF992E;
|
|
color: #fff;
|
|
}
|
|
|
|
.node-type-use-cases .orange-btn:focus,
|
|
.node-type-use-cases .orange-btn:hover,
|
|
.node-type-use-case .orange-btn:focus,
|
|
.node-type-use-case .orange-btn:hover {
|
|
background-color: #f17b00;
|
|
}
|
|
|
|
.node-type-use-cases .blue-btn,
|
|
.node-type-use-case .blue-btn {
|
|
background-color: #22B8EB;
|
|
color: #dde7f7;
|
|
}
|
|
|
|
.node-type-use-cases .blue-btn:focus,
|
|
.node-type-use-cases .blue-btn:hover,
|
|
.node-type-use-case .blue-btn:focus,
|
|
.node-type-use-case .blue-btn:hover {
|
|
background-color: #1497C3;
|
|
}
|
|
|
|
.node-type-use-cases section h1,
|
|
.node-type-use-case section h1 {
|
|
font-size: 44px;
|
|
}
|
|
|
|
.node-type-use-cases section h2,
|
|
.node-type-use-case section h2 {
|
|
color: #22B8EB;
|
|
font-size: 44px;
|
|
line-height: 50px;
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
.node-type-use-cases section .container p,
|
|
.node-type-use-case section .container p {
|
|
color: #808284;
|
|
}
|
|
|
|
.node-type-use-cases section .container>p,
|
|
.node-type-use-case section .container>p {
|
|
font-size: 20px;
|
|
line-height: 29px;
|
|
margin-bottom: 50px;
|
|
color: #808284;
|
|
}
|
|
|
|
.node-type-partners section.section {
|
|
padding: 50px 0 50px 0;
|
|
}
|
|
|
|
.node-type-partners section a {
|
|
color: inherit;
|
|
line-height: inherit;
|
|
text-decoration: none;
|
|
}
|
|
|
|
.node-type-partners section a:hover,
|
|
.node-type-partners section a:focus {
|
|
color: inherit;
|
|
}
|
|
|
|
.node-type-partners a.button {
|
|
font-size: 17px;
|
|
border-radius: 10px;
|
|
color: #ffffff;
|
|
margin-left: 20px;
|
|
margin-right: 20px;
|
|
padding: 14px 35px;
|
|
}
|
|
|
|
.node-type-partners .button:hover,
|
|
.node-type-partners .button:focus {
|
|
color: #ffffff;
|
|
}
|
|
|
|
.node-type-partners .orange-btn {
|
|
background-color: #FF992E;
|
|
color: #fff;
|
|
}
|
|
|
|
.node-type-partners .orange-btn:focus,
|
|
.node-type-partners .orange-btn:hover {
|
|
background-color: #f17b00;
|
|
}
|
|
|
|
.node-type-partners .blue-btn {
|
|
background-color: #22B8EB;
|
|
color: #dde7f7;
|
|
}
|
|
|
|
.node-type-partners .blue-btn:focus,
|
|
.node-type-partners .blue-btn:hover {
|
|
background-color: #1497C3;
|
|
}
|
|
|
|
.node-type-partners section h1 {
|
|
font-size: 44px;
|
|
}
|
|
|
|
.node-type-partners section h2 {
|
|
color: #22B8EB;
|
|
font-size: 44px;
|
|
line-height: 50px;
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
.node-type-partners section .container p {
|
|
color: #808284;
|
|
}
|
|
|
|
.node-type-partners section .container>p {
|
|
font-size: 20px;
|
|
line-height: 29px;
|
|
margin-bottom: 50px;
|
|
color: #808284;
|
|
}
|
|
|
|
.node-type-partner-programs section.section {
|
|
padding: 60px 0 60px 0;
|
|
}
|
|
|
|
.node-type-partner-programs section a {
|
|
color: inherit;
|
|
line-height: inherit;
|
|
text-decoration: none;
|
|
}
|
|
|
|
.node-type-partner-programs section a:hover,
|
|
.node-type-partner-programs section a:focus {
|
|
color: inherit;
|
|
}
|
|
|
|
.node-type-partner-programs a.button {
|
|
font-size: 17px;
|
|
border-radius: 10px;
|
|
color: #ffffff;
|
|
margin-left: 20px;
|
|
margin-right: 20px;
|
|
padding: 14px 35px;
|
|
}
|
|
|
|
.node-type-partner-programs .button:hover,
|
|
.node-type-partner-programs .button:focus {
|
|
color: #ffffff;
|
|
}
|
|
|
|
.node-type-partner-programs .orange-btn {
|
|
background-color: #FF992E;
|
|
color: #fff;
|
|
}
|
|
|
|
.node-type-partner-programs .orange-btn:focus,
|
|
.node-type-partner-programs .orange-btn:hover {
|
|
background-color: #f17b00;
|
|
}
|
|
|
|
.node-type-partner-programs .blue-btn {
|
|
background-color: #22B8EB;
|
|
color: #dde7f7;
|
|
}
|
|
|
|
.node-type-partner-programs .blue-btn:focus,
|
|
.node-type-partner-programs .blue-btn:hover {
|
|
background-color: #1497C3;
|
|
}
|
|
|
|
.node-type-partner-programs section h1 {
|
|
font-size: 44px;
|
|
}
|
|
|
|
.node-type-partner-programs section h2 {
|
|
color: #22B8EB;
|
|
font-size: 44px;
|
|
line-height: 50px;
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
.node-type-partner-programs section .container p {
|
|
color: #808284;
|
|
}
|
|
|
|
.node-type-partner-programs section .container>p {
|
|
font-size: 20px;
|
|
line-height: 29px;
|
|
margin-bottom: 50px;
|
|
color: #808284;
|
|
}
|
|
|
|
.node-type-products section.section,
|
|
.node-type-product section.section {
|
|
padding: 60px 0 60px 0;
|
|
}
|
|
|
|
.node-type-products section a,
|
|
.node-type-product section a {
|
|
color: inherit;
|
|
line-height: inherit;
|
|
text-decoration: none;
|
|
}
|
|
|
|
.node-type-products section a:hover,
|
|
.node-type-products section a:focus,
|
|
.node-type-product section a:hover,
|
|
.node-type-product section a:focus {
|
|
color: inherit;
|
|
}
|
|
|
|
.node-type-products a.button,
|
|
.node-type-product a.button {
|
|
font-size: 17px;
|
|
border-radius: 10px;
|
|
color: #ffffff;
|
|
margin-left: 20px;
|
|
margin-right: 20px;
|
|
padding: 14px 35px;
|
|
}
|
|
|
|
.node-type-products .button:hover,
|
|
.node-type-products .button:focus,
|
|
.node-type-product .button:hover,
|
|
.node-type-product .button:focus {
|
|
color: #ffffff;
|
|
}
|
|
|
|
.node-type-products .orange-btn,
|
|
.node-type-product .orange-btn {
|
|
background-color: #FF992E;
|
|
color: #fff;
|
|
}
|
|
|
|
.node-type-products .orange-btn:focus,
|
|
.node-type-products .orange-btn:hover,
|
|
.node-type-product .orange-btn:focus,
|
|
.node-type-product .orange-btn:hover {
|
|
background-color: #f29c3a;
|
|
background-color: #f17b00;
|
|
}
|
|
|
|
.node-type-products .blue-btn,
|
|
.node-type-product .blue-btn {
|
|
background-color: #22B8EB;
|
|
color: #dde7f7;
|
|
}
|
|
|
|
.node-type-products .blue-btn:focus,
|
|
.node-type-products .blue-btn:hover,
|
|
.node-type-product .blue-btn:focus,
|
|
.node-type-product .blue-btn:hover {
|
|
background-color: #1497C3;
|
|
}
|
|
|
|
.node-type-products section h1,
|
|
.node-type-product section h1 {
|
|
font-size: 44px;
|
|
}
|
|
|
|
.node-type-products section h2,
|
|
.node-type-product section h2 {
|
|
color: #22B8EB;
|
|
font-size: 44px;
|
|
line-height: 50px;
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
.node-type-products section .container>p,
|
|
.node-type-product section .container>p {
|
|
font-size: 20px;
|
|
line-height: 29px;
|
|
margin-bottom: 50px;
|
|
color: #808284;
|
|
}
|
|
|
|
.node-type-support-services section.section {
|
|
padding: 60px 0 60px 0;
|
|
}
|
|
|
|
.node-type-support-services section a {
|
|
color: inherit;
|
|
line-height: inherit;
|
|
text-decoration: none;
|
|
}
|
|
|
|
.node-type-support-services section a:hover,
|
|
.node-type-support-services section a:focus {
|
|
color: inherit;
|
|
}
|
|
|
|
.node-type-support-services a.button {
|
|
font-size: 17px;
|
|
border-radius: 10px;
|
|
color: #ffffff;
|
|
margin-left: 20px;
|
|
margin-right: 20px;
|
|
padding: 14px 35px;
|
|
}
|
|
|
|
.node-type-support-services .button:hover,
|
|
.node-type-support-services .button:focus {
|
|
color: #ffffff;
|
|
}
|
|
|
|
.node-type-support-services .orange-btn {
|
|
background-color: #FF992E;
|
|
color: #fff;
|
|
}
|
|
|
|
.node-type-support-services .orange-btn:focus,
|
|
.node-type-support-services .orange-btn:hover {
|
|
background-color: #f17b00;
|
|
}
|
|
|
|
.node-type-support-services .blue-btn {
|
|
background-color: #22B8EB;
|
|
color: #dde7f7;
|
|
}
|
|
|
|
.node-type-support-services .blue-btn:focus,
|
|
.node-type-support-services .blue-btn:hover {
|
|
background-color: #1497C3;
|
|
}
|
|
|
|
.node-type-support-services section h1 {
|
|
font-size: 44px;
|
|
}
|
|
|
|
.node-type-support-services section h2 {
|
|
color: #22B8EB;
|
|
font-size: 44px;
|
|
line-height: 50px;
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
.node-type-support-services section .container p {
|
|
color: #808284;
|
|
}
|
|
|
|
.node-type-support-services section .container>p {
|
|
font-size: 20px;
|
|
line-height: 29px;
|
|
margin-bottom: 50px;
|
|
color: #808284;
|
|
}
|
|
|
|
.max-width500 {
|
|
max-width: 500px;
|
|
margin: auto;
|
|
}
|
|
|
|
.max-width600 {
|
|
max-width: 600px;
|
|
margin: auto;
|
|
}
|
|
|
|
.max-width700 {
|
|
max-width: 700px;
|
|
margin: auto;
|
|
}
|
|
|
|
.max-width800 {
|
|
max-width: 800px;
|
|
margin: auto;
|
|
}
|
|
|
|
.max-width850 {
|
|
max-width: 850px;
|
|
margin: auto;
|
|
}
|
|
|
|
.max-width900 {
|
|
max-width: 900px;
|
|
margin: auto;
|
|
}
|
|
|
|
.max-width1000 {
|
|
max-width: 900px;
|
|
margin: auto;
|
|
}
|
|
|
|
.textalign-left {
|
|
text-align: left;
|
|
}
|
|
|
|
.textalign-right {
|
|
text-align: right;
|
|
}
|
|
|
|
.terminal-window header .btn {
|
|
margin: 2px 4px 0 0;
|
|
}
|
|
|
|
i.icon-apple {
|
|
background-image: url(../images/apple_button_icon.svg);
|
|
background-repeat: no-repeat;
|
|
background-size: 22px 27px;
|
|
width: 22px;
|
|
height: 27px;
|
|
position: relative;
|
|
display: inline-block;
|
|
float: left;
|
|
margin-right: 25px;
|
|
margin-left: -10px;
|
|
margin-top: -2px;
|
|
}
|
|
|
|
i.icon-win {
|
|
background-image: url(../images/win_button_icon.svg);
|
|
background-repeat: no-repeat;
|
|
background-size: 26px 30px;
|
|
width: 26px;
|
|
height: 30px;
|
|
position: relative;
|
|
display: inline-block;
|
|
float: left;
|
|
margin-right: 25px;
|
|
margin-left: -10px;
|
|
margin-top: -2px;
|
|
}
|
|
|
|
i.icon-file {
|
|
background-image: url(../images/file_button_icon.svg);
|
|
background-repeat: no-repeat;
|
|
background-size: 22px 28px;
|
|
width: 22px;
|
|
height: 28px;
|
|
position: relative;
|
|
display: inline-block;
|
|
float: right;
|
|
margin-left: 20px;
|
|
margin-right: -10px;
|
|
margin-top: -2px;
|
|
}
|
|
|
|
div.heronav_section {
|
|
height: 70px;
|
|
background-color: #3e4d54;
|
|
position: relative;
|
|
top: 0;
|
|
width: 100%;
|
|
}
|
|
|
|
div.heronav_section.affix {
|
|
position: fixed;
|
|
z-index: 9999;
|
|
}
|
|
|
|
div.heronav_section.affix+section {
|
|
margin-top: 52px;
|
|
}
|
|
|
|
div.heronav_section .container {}
|
|
|
|
div.heronav_section ul {
|
|
list-style: none;
|
|
margin: 0;
|
|
display: table;
|
|
flex-direction: row;
|
|
display: -webkit-box;
|
|
display: -moz-box;
|
|
display: -ms-flexbox;
|
|
display: -webkit-flex;
|
|
display: flex;
|
|
}
|
|
|
|
div.heronav_section ul li {
|
|
display: inline-block;
|
|
font-size: 17px;
|
|
color: #fff;
|
|
text-transform: uppercase;
|
|
margin: 5px 3px;
|
|
flex-grow: 1;
|
|
text-align: center;
|
|
}
|
|
|
|
div.heronav_section ul li a {
|
|
color: #fff;
|
|
display: block;
|
|
padding: 12px;
|
|
padding-left: 30px;
|
|
padding-right: 30px;
|
|
text-decoration: none;
|
|
}
|
|
|
|
div.heronav_section ul li.active {
|
|
background-color: #30DAD9;
|
|
}
|
|
|
|
div.heronav_section ul li:hover {
|
|
background-color: #30DAD9;
|
|
}
|
|
|
|
section.darkblue {
|
|
background-color: #243137;
|
|
margin-bottom: 0px;
|
|
padding: 50px 0 60px 0;
|
|
text-align: center;
|
|
}
|
|
|
|
section.title_section.darkblue .padding-div {
|
|
margin: 0 140px;
|
|
}
|
|
|
|
section.title_section.darkblue h1 {
|
|
margin-bottom: 25px;
|
|
color: #22b8eb;
|
|
margin-top: 20px;
|
|
}
|
|
|
|
section.title_section.darkblue p {
|
|
color: #fff;
|
|
font-size: 20px;
|
|
}
|
|
|
|
section.title_section.darkblue img {
|
|
margin-top: 18px;
|
|
}
|
|
|
|
section.title_section.darkblue span.after_button {
|
|
display: block;
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
section.GenericDev {
|
|
text-align: center;
|
|
}
|
|
|
|
section.GenericDev h2 {}
|
|
|
|
section.GenericDev .container>p {}
|
|
|
|
section.GenericDev p a {
|
|
color: #24B6E9;
|
|
cursor: pointer;
|
|
}
|
|
|
|
section.GenericDev .items {
|
|
list-style: none;
|
|
display: block;
|
|
padding: 0;
|
|
margin: 0;
|
|
overflow: hidden;
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
section.GenericDev .items>li {
|
|
margin-bottom: 20px;
|
|
text-align: center;
|
|
clear: none !important;
|
|
padding: 20px 30px 20px;
|
|
display: block;
|
|
float: left;
|
|
}
|
|
|
|
section.GenericDev .items>li h3 {
|
|
margin-top: 20px;
|
|
color: #22B8EB;
|
|
font-size: 24px;
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
section.GenericDev .items>li p {
|
|
font-size: 18px;
|
|
color: #808284;
|
|
line-height: 24px;
|
|
}
|
|
|
|
section.GenericDev .items>li a.button {
|
|
line-height: 24px;
|
|
font-size: 17px;
|
|
margin: 0;
|
|
border-radius: 0;
|
|
color: #fff;
|
|
padding: 10px 30px;
|
|
}
|
|
|
|
section.GenericDev .items>li ul {
|
|
list-style: initial;
|
|
}
|
|
|
|
section.GenericDev .items>li ul li {
|
|
line-height: 22px;
|
|
font-size: 18px;
|
|
letter-spacing: normal;
|
|
color: #808284;
|
|
text-align: left;
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
section.docker_solutions_section {
|
|
text-align: center;
|
|
}
|
|
|
|
.solution_box {
|
|
margin-bottom: 30px;
|
|
}
|
|
|
|
.solution_box .header_box {
|
|
padding: 8px;
|
|
border-top-right-radius: 15px;
|
|
border-top-left-radius: 15px;
|
|
background-color: #55b6e9;
|
|
border: none;
|
|
height: 100px;
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.solution_box .header_box img {
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
padding-bottom: 25px;
|
|
}
|
|
|
|
.solution_box .header_box h3 {
|
|
color: #ffffff;
|
|
display: inline-block;
|
|
font-size: 28px;
|
|
padding: 0 20px;
|
|
padding-top: 26px;
|
|
}
|
|
|
|
.solution_box .body_box {
|
|
background-color: #f1f2f2;
|
|
border-bottom-right-radius: 15px;
|
|
border-bottom-left-radius: 15px;
|
|
}
|
|
|
|
.solution_box .body_box ul {
|
|
list-style: none;
|
|
padding: 30px 30px;
|
|
margin: 0px
|
|
}
|
|
|
|
.solution_box .body_box ul li {
|
|
margin: 0 0 2px 0;
|
|
display: block;
|
|
}
|
|
|
|
.solution_box .body_box .media-left {
|
|
padding-right: 20px;
|
|
padding-top: 8px;
|
|
width: 110px;
|
|
float: left;
|
|
}
|
|
|
|
.solution_box .body_box ul li img {}
|
|
|
|
.solution_box .body_box ul li h3 {
|
|
text-align: left;
|
|
font-size: 28px;
|
|
color: #55b6e9;
|
|
line-height: 30px;
|
|
}
|
|
|
|
.solution_box .body_box ul li h3 small {
|
|
font-size: 18px;
|
|
color: #959798;
|
|
display: block;
|
|
margin-top: 5px;
|
|
line-height: 26px;
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
.solution_box .body_box ul li p {
|
|
text-align: left;
|
|
margin-top: 22px;
|
|
color: #808284;
|
|
font-size: 17px;
|
|
}
|
|
|
|
section.docker_solutions_section .button {
|
|
margin-bottom: 50px;
|
|
}
|
|
|
|
section.docker_toolbox_section {
|
|
text-align: center;
|
|
background-color: #164c6a;
|
|
background-color: #134a6a;
|
|
}
|
|
|
|
section.docker_toolbox_section .container>p {
|
|
color: #e6e7e8;
|
|
}
|
|
|
|
section.docker_toolbox_section .products_items {
|
|
list-style: none;
|
|
display: block;
|
|
padding: 0;
|
|
margin: 0;
|
|
overflow: hidden;
|
|
}
|
|
|
|
section.docker_toolbox_section .products_items li {
|
|
margin-bottom: 20px;
|
|
text-align: center;
|
|
clear: none !important;
|
|
padding: 20px 55px 20px;
|
|
display: block;
|
|
float: left;
|
|
}
|
|
|
|
section.docker_toolbox_section .products_items li img {
|
|
max-height: 42px;
|
|
max-width: 80%;
|
|
}
|
|
|
|
section.docker_toolbox_section .products_items li h3 {
|
|
margin-top: 16px;
|
|
color: #55b6e9;
|
|
font-size: 24px;
|
|
}
|
|
|
|
section.docker_toolbox_section .products_items li p {
|
|
font-size: 20px;
|
|
color: #e6e7e8;
|
|
line-height: 24px;
|
|
}
|
|
|
|
section.software_infrastructure_section {
|
|
text-align: center;
|
|
}
|
|
|
|
section.software_infrastructure_section .products_items {
|
|
list-style: none;
|
|
display: block;
|
|
padding: 0;
|
|
margin: 0 -5px;
|
|
overflow: hidden;
|
|
margin-bottom: 40px;
|
|
}
|
|
|
|
section.software_infrastructure_section .products_items li {
|
|
margin-bottom: 20px;
|
|
text-align: center;
|
|
clear: none !important;
|
|
padding: 0 5px;
|
|
display: block;
|
|
float: left;
|
|
}
|
|
|
|
section.software_infrastructure_section .products_items li a {
|
|
padding: 20px 40px 20px;
|
|
display: block;
|
|
width: 100%;
|
|
background-color: #55b6e9;
|
|
height: 100%;
|
|
}
|
|
|
|
section.software_infrastructure_section .products_items li h3 {
|
|
margin-top: 20px;
|
|
color: #fff;
|
|
font-size: 24px;
|
|
}
|
|
|
|
section.software_infrastructure_section .products_items li p {
|
|
font-size: 20px;
|
|
color: #fff;
|
|
line-height: 24px;
|
|
}
|
|
|
|
section.open_standards_section {
|
|
text-align: center;
|
|
background-image: url(../images/open_standards_image.png);
|
|
background-repeat: no-repeat;
|
|
background-size: cover;
|
|
background-color: #444c51;
|
|
}
|
|
|
|
section.open_standards_section .container>p {
|
|
color: #ffffff;
|
|
}
|
|
|
|
section.open_standards_section .products_items {
|
|
list-style: none;
|
|
display: block;
|
|
padding: 0;
|
|
margin: 0;
|
|
overflow: hidden;
|
|
}
|
|
|
|
section.open_standards_section .products_items li {
|
|
margin-bottom: 20px;
|
|
text-align: center;
|
|
clear: none !important;
|
|
padding: 20px 10px 20px;
|
|
display: block;
|
|
float: left;
|
|
}
|
|
|
|
section.open_standards_section .products_items li a.products_items-card {}
|
|
|
|
section.open_standards_section .products_items li h3 {
|
|
margin-top: 20px;
|
|
color: #55b6e9;
|
|
font-size: 24px;
|
|
}
|
|
|
|
section.open_standards_section .products_items li p {
|
|
font-size: 20px;
|
|
color: #e6e7e8;
|
|
line-height: 24px;
|
|
}
|
|
|
|
section.bottom_cta_section {
|
|
text-align: center;
|
|
padding: 100px 0;
|
|
margin-bottom: 0px!important;
|
|
}
|
|
|
|
section.bottom_cta_section.blue {
|
|
background-color: #55b6e9;
|
|
}
|
|
|
|
section.bottom_cta_section.gary {
|
|
background-color: #3E4D54;
|
|
}
|
|
|
|
section.bottom_cta_section.blue h3 {
|
|
color: #fff;
|
|
font-size: 44px;
|
|
margin-bottom: 25px;
|
|
}
|
|
|
|
section.bottom_cta_section.section h2 {
|
|
color: #fff;
|
|
font-size: 44px;
|
|
margin-bottom: 50px;
|
|
}
|
|
|
|
section.bottom_cta_section a.button+a.button {
|
|
padding: 14px 20px 14px 20px;
|
|
}
|
|
|
|
section.bottom_cta_section a.button.w450 {
|
|
max-width: 450px;
|
|
width: 100%;
|
|
}
|
|
|
|
section.bottom_cta_section a.button.w300 {
|
|
max-width: 300px;
|
|
width: 100%;
|
|
}
|
|
|
|
section.bottom_cta_section a.button.w200 {
|
|
max-width: 300px;
|
|
width: 100%;
|
|
}
|
|
|
|
@media (max-width: 1199px) {
|
|
div.heronav_section ul li {
|
|
font-size: 17px;
|
|
margin: 5px 0px;
|
|
}
|
|
div.heronav_section ul li a {
|
|
padding-left: 15px;
|
|
padding-right: 15px;
|
|
}
|
|
.solution_box .body_box ul {
|
|
padding: 30px 20px;
|
|
}
|
|
.solution_box .body_box .media-left {
|
|
padding-right: 15px;
|
|
width: 100px;
|
|
}
|
|
section.docker_toolbox_section .products_items li {
|
|
padding: 20px 30px 20px;
|
|
}
|
|
section.software_infrastructure_section .products_items li a {
|
|
padding: 20px 20px 20px;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 991px) {
|
|
.widthcol3>li {
|
|
width: 50%;
|
|
}
|
|
.widthcol4>li {
|
|
width: 50%;
|
|
}
|
|
.widthcol5>li {
|
|
width: 33.33%;
|
|
}
|
|
section.title_section.darkblue .padding-div {
|
|
margin: 0 50px;
|
|
}
|
|
div.heronav_section {
|
|
height: 60px;
|
|
}
|
|
div.heronav_section ul li {
|
|
font-size: 13px;
|
|
margin: 5px 0px;
|
|
}
|
|
div.heronav_section ul li a {
|
|
padding-left: 12px;
|
|
padding-right: 12px;
|
|
}
|
|
div.heronav_section.affix+section {
|
|
margin-top: 52px;
|
|
}
|
|
.solution_box .body_box .media-left {
|
|
float: none;
|
|
display: inline-block;
|
|
text-align: center;
|
|
}
|
|
.solution_box .body_box ul li h3 {
|
|
text-align: center;
|
|
}
|
|
.solution_box .body_box ul li h3 small {
|
|
font-size: 22px;
|
|
line-height: 22px;
|
|
}
|
|
.solution_box .body_box ul li p {
|
|
text-align: center;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 940px) {
|
|
.main-header {
|
|
padding-bottom: 12px;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 767px) {
|
|
.widthcol5>li {
|
|
width: 50%;
|
|
}
|
|
section.title_section.darkblue .padding-div {
|
|
margin: 0 15px;
|
|
}
|
|
section.title_section.darkblue img {
|
|
float: left;
|
|
}
|
|
div.heronav_section {
|
|
height: 100%;
|
|
}
|
|
div.heronav_section.affix {
|
|
height: inherit;
|
|
}
|
|
div.heronav_section .container {
|
|
overflow-y: hidden;
|
|
display: block;
|
|
visibility: visible;
|
|
white-space: nowrap;
|
|
padding: 0px;
|
|
}
|
|
.solution_box .body_box ul li {
|
|
height: auto!important;
|
|
margin-bottom: 20px;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 680px) {
|
|
.node-type-use-cases .button,
|
|
.node-type-use-case .button {
|
|
margin-left: 15px;
|
|
margin-right: 15px;
|
|
}
|
|
.node-type-products .button,
|
|
.node-type-product .button {
|
|
margin-left: 15px;
|
|
margin-right: 15px;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 600px) {
|
|
.widthcol2>li {
|
|
width: 100%;
|
|
height: auto!important;
|
|
}
|
|
.widthcol3>li {
|
|
width: 100%;
|
|
height: auto!important;
|
|
}
|
|
.widthcol4>li {
|
|
width: 100%;
|
|
height: auto!important;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 480px) {
|
|
.widthcol5>li {
|
|
width: 100%;
|
|
}
|
|
}
|
|
|
|
section.product_overview_product_section.section {
|
|
background-color: #E3E4E6;
|
|
padding-bottom: 0;
|
|
}
|
|
|
|
section.product_overview_product_section .container>p {
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
section.product_overview_product_section .container>p:last-of-type {
|
|
margin-bottom: 80px;
|
|
}
|
|
|
|
section.product_overview_product_section .img_container {
|
|
margin: 60px 0;
|
|
}
|
|
|
|
section.product_overview_product_section .tab_container {
|
|
background-repeat: no-repeat;
|
|
background-size: contain;
|
|
background-position: center bottom;
|
|
background-color: #E3E4E6;
|
|
padding-top: 60px;
|
|
padding-bottom: 0;
|
|
max-width: 595px;
|
|
margin: auto;
|
|
margin-top: 60px;
|
|
}
|
|
|
|
section.product_overview_product_section .tab_container.tab1 {
|
|
background-image: url(../images/resources_tab.png);
|
|
}
|
|
|
|
section.product_overview_product_section .tab_container.tab2 {
|
|
background-image: url(../images/resources_tab2.png);
|
|
}
|
|
|
|
section.product_overview_product_section .tab_container.tab3 {
|
|
background-image: url(../images/resources_tab3.png);
|
|
max-width: 780px;
|
|
}
|
|
|
|
section.product_overview_product_section .tab_container.tab4 {
|
|
background-image: url(../images/resources_tab4.png);
|
|
max-width: 920px;
|
|
padding: 70px;
|
|
padding-top: 93px;
|
|
padding-bottom: 0;
|
|
}
|
|
|
|
section.product_overview_product_section .tab_container.lcd2 {
|
|
background-image: url(../images/resources_tab7.png);
|
|
max-width: 790px;
|
|
padding-bottom: 108px;
|
|
}
|
|
|
|
section.product_overview_product_section .video_container {
|
|
position: relative;
|
|
background-repeat: no-repeat;
|
|
background-size: contain;
|
|
background-position: center;
|
|
}
|
|
|
|
section.product_overview_product_section .video_container.lab1,
|
|
section.product_overview_product_section .video_container.lab2 {
|
|
margin: 30px 0 60px 0;
|
|
background-image: url(../images/products_demo_laptop.png);
|
|
}
|
|
|
|
section.product_overview_product_section .video_container.lab1 .terminal-window {
|
|
margin: auto;
|
|
height: 410px;
|
|
width: 656px;
|
|
padding: 23px 48px 58px 49px;
|
|
}
|
|
|
|
section.product_overview_product_section .video_container.lab1 .terminal-window .terminal {
|
|
height: 97%;
|
|
width: 100%;
|
|
min-height: Inherit;
|
|
}
|
|
|
|
section.product_overview_product_section .video_container.lab2 .terminal-window {
|
|
margin: auto;
|
|
height: 310px;
|
|
width: 656px;
|
|
padding: 20px 48px 18px 49px;
|
|
max-width: 95%;
|
|
}
|
|
|
|
section.product_overview_product_section .video_container.lab2 .terminal-window .terminal {
|
|
height: 84%;
|
|
width: 100%;
|
|
min-height: Inherit;
|
|
}
|
|
|
|
section.product_overview_product_section .video_container.lcd1 {
|
|
margin: 0px 0 80px 0;
|
|
background-image: url(../images/resources_lap6.png);
|
|
}
|
|
|
|
section.product_overview_product_section .video_container.lcd1 img {
|
|
overflow: hidden;
|
|
margin: auto;
|
|
padding: 43px 25px 172px 25px;
|
|
height: auto;
|
|
width: auto;
|
|
max-height: inherit;
|
|
}
|
|
|
|
section.product_overview_product_section .video_container a.play_btn {
|
|
position: absolute;
|
|
content: 'play';
|
|
display: block;
|
|
width: 222px;
|
|
height: 140px;
|
|
text-align: left;
|
|
text-indent: -9999px;
|
|
background-image: url(../images/play_button_products.png);
|
|
background-repeat: no-repeat;
|
|
background-size: cover;
|
|
top: 39%;
|
|
left: 50%;
|
|
margin-top: -70px;
|
|
margin-left: -111px;
|
|
}
|
|
|
|
section.toolbox_overview_section {}
|
|
|
|
section.toolbox_overview_section .container>p {
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
section.toolbox_overview_section .items>li ul {
|
|
list-style: none;
|
|
text-align: center;
|
|
margin-bottom: 40px;
|
|
}
|
|
|
|
section.toolbox_overview_section .items>li ul li {
|
|
text-align: center;
|
|
margin-bottom: 5px;
|
|
}
|
|
|
|
section.toolbox_overview_section .items>li a.button {
|
|
padding: 14px 35px;
|
|
margin-left: 20px;
|
|
margin-right: 20px;
|
|
border-radius: 10px;
|
|
}
|
|
|
|
section.use_product_section {
|
|
background-color: #114A6A;
|
|
}
|
|
|
|
section.use_product_section .container>p {
|
|
color: #fff;
|
|
margin-bottom: 30px;
|
|
}
|
|
|
|
section.use_product_section .items>li {
|
|
padding: 0px 30px;
|
|
}
|
|
|
|
section.use_product_section .items>li h3 {
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
section.use_product_section .items>li p {
|
|
color: #fff;
|
|
}
|
|
|
|
section.use_product_section .items>li .terminal-window {
|
|
margin: 42px;
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
section.rest_apis_product_section.section {
|
|
background-color: #243138;
|
|
position: relative;
|
|
}
|
|
|
|
section.rest_apis_product_section .container>p {
|
|
color: #fff;
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
section.rest_apis_product_section .items {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
section.rest_apis_product_section .items li {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
section.rest_apis_product_section .items li h3 {
|
|
font-size: 28px;
|
|
}
|
|
|
|
section.rest_apis_product_section .items li p {
|
|
color: #fff;
|
|
font-size: 20px;
|
|
}
|
|
|
|
section.rest_apis_product_section .items li .video_container {
|
|
position: relative;
|
|
margin: 30px 0 0 0;
|
|
background-image: url(../images/products_demo_laptop.png);
|
|
background-repeat: no-repeat;
|
|
background-size: contain;
|
|
background-position: center;
|
|
}
|
|
|
|
section.rest_apis_product_section .items li .video_container .terminal-window {
|
|
margin: auto;
|
|
max-width: 812px;
|
|
height: 486px;
|
|
padding: 28px 78px 54px 78px;
|
|
}
|
|
|
|
section.rest_apis_product_section .items li .video_container .terminal-window .terminal {
|
|
height: 94%;
|
|
}
|
|
|
|
section.rest_apis_product_section .items li .video_container img {
|
|
overflow: hidden;
|
|
margin: auto;
|
|
padding: 28px 80px 45px 78px;
|
|
height: auto;
|
|
width: auto;
|
|
max-height: inherit;
|
|
}
|
|
|
|
section.rest_apis_product_section .items li .video_container a.play_btn {
|
|
position: absolute;
|
|
content: 'play';
|
|
display: block;
|
|
width: 222px;
|
|
height: 140px;
|
|
text-align: left;
|
|
text-indent: -9999px;
|
|
background-image: url(../images/play_button_products.png);
|
|
background-repeat: no-repeat;
|
|
background-size: cover;
|
|
top: 50%;
|
|
left: 50%;
|
|
margin-top: -70px;
|
|
margin-left: -111px;
|
|
}
|
|
|
|
section.rest_apis_product_section .flex-control-nav.flex-control-paging {
|
|
bottom: -30px;
|
|
height: 35px;
|
|
display: block;
|
|
position: relative;
|
|
}
|
|
|
|
section.rest_apis_product_section .flex-control-nav.flex-control-paging li a {
|
|
background: #D1D3D4;
|
|
}
|
|
|
|
section.rest_apis_product_section .flex-control-nav.flex-control-paging li a:hover {
|
|
background: #D1D3D4;
|
|
}
|
|
|
|
section.rest_apis_product_section .flex-control-nav.flex-control-paging li a.flex-active {
|
|
background: #24B6E9;
|
|
}
|
|
|
|
section.create_hosts_product_section.section {
|
|
background-color: #114A6A;
|
|
}
|
|
|
|
section.create_hosts_product_section .container>p {
|
|
color: #fff;
|
|
}
|
|
|
|
section.create_hosts_product_section .items>li .terminal-window {
|
|
margin: auto;
|
|
}
|
|
|
|
section.product_features_product_section {}
|
|
|
|
section.product_features_product_section .items hr {
|
|
float: left;
|
|
width: 100%;
|
|
margin: 18px 0;
|
|
}
|
|
|
|
section.product_features_product_section .items li {
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
section.product_features_product_section .items li h3 {
|
|
text-align: left;
|
|
margin-bottom: 5px;
|
|
margin-top: 0;
|
|
}
|
|
|
|
section.product_features_product_section .items li p {
|
|
text-align: left;
|
|
}
|
|
|
|
section.product_features_product_section .items li a.button {
|
|
margin: auto;
|
|
margin-top: 18px;
|
|
border-radius: 10px;
|
|
display: table;
|
|
max-width: 100%;
|
|
min-width: 300px;
|
|
}
|
|
|
|
section.product_features_product_section .items li .mhe {
|
|
margin: 10px 0 0 0;
|
|
display: block;
|
|
width: 100%;
|
|
}
|
|
|
|
section.product_features_product_section .items li .video_container {
|
|
position: relative;
|
|
margin: 30px 0 0 0;
|
|
}
|
|
|
|
section.product_features_product_section .items li .video_container img {
|
|
overflow: hidden;
|
|
max-height: 100%;
|
|
margin: auto;
|
|
display: block;
|
|
}
|
|
|
|
section.product_features_product_section .items li .video_container a.play_btn {
|
|
position: absolute;
|
|
content: 'play';
|
|
display: block;
|
|
width: 164px;
|
|
height: 104px;
|
|
text-align: left;
|
|
text-indent: -9999px;
|
|
background-image: url(../images/play_button_products.png);
|
|
background-repeat: no-repeat;
|
|
background-size: cover;
|
|
top: 50%;
|
|
left: 50%;
|
|
margin-top: -52px;
|
|
margin-left: -82px;
|
|
}
|
|
|
|
section.product_steps_product_section.section {
|
|
background-color: #114A6A;
|
|
}
|
|
|
|
section.product_steps_product_section .container p {
|
|
color: #fff;
|
|
}
|
|
|
|
section.product_steps_product_section .items li i {
|
|
font-size: 79px;
|
|
font-style: normal;
|
|
color: #24B6E9;
|
|
border: 5px solid #24B6E9;
|
|
border-radius: 100px;
|
|
padding: 0 27px;
|
|
max-width: 110px;
|
|
width: 100%;
|
|
display: block;
|
|
margin: auto;
|
|
line-height: 100px;
|
|
}
|
|
|
|
section.product_steps_product_section .items li p {
|
|
color: #fff;
|
|
}
|
|
|
|
section.product_steps_product_section .items li .video_container {
|
|
position: relative;
|
|
margin: 50px 0 0 0;
|
|
background-image: url(../images/products_laptop.png);
|
|
background-repeat: no-repeat;
|
|
background-size: contain;
|
|
background-position: center;
|
|
}
|
|
|
|
section.product_steps_product_section .items li .video_container img {
|
|
overflow: hidden;
|
|
margin: auto;
|
|
padding: 15px 50px 25px 50px;
|
|
height: auto;
|
|
width: auto;
|
|
max-height: inherit;
|
|
}
|
|
|
|
section.product_steps_product_section .items li .video_container a.play_btn {
|
|
position: absolute;
|
|
content: 'play';
|
|
display: block;
|
|
width: 222px;
|
|
height: 140px;
|
|
text-align: left;
|
|
text-indent: -9999px;
|
|
background-image: url(../images/play_button_products.png);
|
|
background-repeat: no-repeat;
|
|
background-size: cover;
|
|
top: 50%;
|
|
left: 50%;
|
|
margin-top: -70px;
|
|
margin-left: -111px;
|
|
}
|
|
|
|
section.product_steps_product_section .items.oneli li .video_container img {
|
|
padding: 15px 75px 25px 75px;
|
|
}
|
|
|
|
section.product_steps_product_section .items.oneli li .video_container img {
|
|
padding: 15px 75px 25px 75px;
|
|
}
|
|
|
|
section.product_steps_product_section .items li .terminal-window {
|
|
margin: 42px;
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
section.product_steps_product_section .items li .terminal-window .terminal-data {
|
|
line-height: 24px;
|
|
display: inherit;
|
|
}
|
|
|
|
section.signup_product_section.section {
|
|
background-color: #E3E4E6;
|
|
}
|
|
|
|
section.resources_product_section.section {
|
|
background-color: #24B6E9;
|
|
}
|
|
|
|
section.resources_product_section h2 {
|
|
color: #fff;
|
|
}
|
|
|
|
section.resources_product_section .container>p {
|
|
color: #fff;
|
|
}
|
|
|
|
section.resources_product_section .resources_files,
|
|
section.resources_product_section .resources_videos {
|
|
color: #fff;
|
|
}
|
|
|
|
section.resources_product_section .resources_files ul,
|
|
section.resources_product_section .resources_videos ul {
|
|
margin: auto;
|
|
list-style: none;
|
|
width: 80%;
|
|
}
|
|
|
|
section.resources_product_section .resources_files ul li,
|
|
section.resources_product_section .resources_videos ul li {
|
|
height: 100% !important;
|
|
}
|
|
|
|
section.resources_product_section .resources_files li a,
|
|
section.resources_product_section .resources_videos li a {
|
|
background-color: #fff;
|
|
width: 100%;
|
|
height: 100%;
|
|
display: block;
|
|
position: relative;
|
|
}
|
|
|
|
section.resources_product_section .resources_files li a img,
|
|
section.resources_product_section .resources_videos li a img {
|
|
margin: 30px 10px;
|
|
}
|
|
|
|
section.resources_product_section .resources_files li a div.text-can,
|
|
section.resources_product_section .resources_videos li a div.text-can {
|
|
display: block;
|
|
background-color: #134A6A;
|
|
padding: 18px 8px;
|
|
bottom: 0;
|
|
width: 100%;
|
|
}
|
|
|
|
section.resources_product_section .resources_files li a .category,
|
|
section.resources_product_section .resources_videos li a .category {
|
|
display: block;
|
|
color: #fff;
|
|
font-size: 17px;
|
|
line-height: 20px;
|
|
}
|
|
|
|
section.resources_product_section .resources_files li a .name,
|
|
section.resources_product_section .resources_videos li a .name {
|
|
color: #22B8EB;
|
|
display: block;
|
|
font-size: 18px;
|
|
line-height: 20px;
|
|
margin-top: 8px;
|
|
}
|
|
|
|
section.pricing_product_section.section {
|
|
background-color: #F1F7FD;
|
|
}
|
|
|
|
section.pricing_product_section .plan_box {
|
|
margin-bottom: 30px;
|
|
}
|
|
|
|
section.pricing_product_section .plan_box .header h3 {
|
|
color: #fff;
|
|
padding: 25px 10px 60px 10px;
|
|
background-image: url(../images/pricing_product_header_image.png);
|
|
background-repeat: no-repeat;
|
|
background-size: contain;
|
|
background-position: bottom;
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
section.pricing_product_section .plan_box1,
|
|
section.pricing_product_section .plan_box2,
|
|
section.pricing_product_section .plan_box3 {
|
|
background-color: #fff;
|
|
height: 100%;
|
|
}
|
|
|
|
section.pricing_product_section .plan_box1 .header h3 {
|
|
background-color: #24B6E9;
|
|
}
|
|
|
|
section.pricing_product_section .plan_box2 .header h3 {
|
|
background-color: #114A6A;
|
|
}
|
|
|
|
section.pricing_product_section .plan_box3 .header h3 {
|
|
background-color: #3E4D54;
|
|
}
|
|
|
|
section.pricing_product_section .plan_box .header p {
|
|
font-size: 18px;
|
|
color: #3E4D54;
|
|
}
|
|
|
|
section.pricing_product_section .plan_box .header span {
|
|
color: #24B6E9;
|
|
font-size: 18px;
|
|
}
|
|
|
|
section.pricing_product_section .plan_box .header span i {
|
|
font-size: 33px;
|
|
color: #24B6E9;
|
|
font-style: normal;
|
|
margin-right: 15px;
|
|
display: inline-block;
|
|
}
|
|
|
|
section.pricing_product_section .plan_box .body {
|
|
padding-bottom: 30px;
|
|
overflow: hidden;
|
|
}
|
|
|
|
section.pricing_product_section .plan_box .body .plan_buttons {
|
|
margin: 20px;
|
|
}
|
|
|
|
section.pricing_product_section .plan_box .body .plan_buttons a.button {
|
|
width: 45%;
|
|
margin: 0 2%;
|
|
padding: 12px 0;
|
|
font-size: 17px;
|
|
}
|
|
|
|
section.pricing_product_section .plan_box .body .plan_buttons a.button.full-width {
|
|
width: 98%;
|
|
margin: 0;
|
|
}
|
|
|
|
section.pricing_product_section .plan_box .body ul {
|
|
list-style: none;
|
|
margin: 45px 20px;
|
|
margin-bottom: 10px;
|
|
text-align: left;
|
|
}
|
|
|
|
section.pricing_product_section .plan_box .body ul li:before {
|
|
content: "";
|
|
background-image: url(../images/pricing_product_li_bullet.svg);
|
|
background-repeat: no-repeat;
|
|
position: absolute;
|
|
width: 17px;
|
|
height: 12px;
|
|
top: 50%;
|
|
margin-top: -6px;
|
|
margin-left: -30px;
|
|
}
|
|
|
|
section.pricing_product_section .plan_box .body ul li {
|
|
border-top: 1px solid #CFD0D4;
|
|
padding: 12px 0px 12px 35px;
|
|
position: relative;
|
|
line-height: 20px;
|
|
color: #3E4D54;
|
|
}
|
|
|
|
section.pricing_product_section .plan_box .body ul li strong {
|
|
color: #24B6E9;
|
|
font-weight: 100;
|
|
}
|
|
|
|
section.cta_product_section.section h2 {
|
|
margin-bottom: 50px;
|
|
}
|
|
|
|
section.cta_product_section a.button {
|
|
display: block;
|
|
margin: 25px auto!important;
|
|
padding: 14px 20px 14px 20px;
|
|
max-width: 400px;
|
|
}
|
|
|
|
section.cta_product_section a.button+a.button {
|
|
padding: 14px 20px 14px 20px;
|
|
}
|
|
|
|
section.cta_product_section a.button.w450 {
|
|
max-width: 450px;
|
|
width: 100%;
|
|
}
|
|
|
|
section.cta_product_section a.button.w300 {
|
|
max-width: 300px;
|
|
width: 100%;
|
|
}
|
|
|
|
section.cta_product_section a.button.w200 {
|
|
max-width: 300px;
|
|
width: 100%;
|
|
}
|
|
|
|
section.demo_product_section.section {
|
|
background-color: #114A6A;
|
|
position: relative;
|
|
}
|
|
|
|
section.demo_product_section.section.gray {
|
|
background-color: #243138;
|
|
}
|
|
|
|
section.demo_product_section h2 {
|
|
color: #fff;
|
|
}
|
|
|
|
section.demo_product_section .container>p {
|
|
color: #fff;
|
|
}
|
|
|
|
section.demo_product_section .items {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
section.demo_product_section .items li {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
section.demo_product_section .items li h3 {
|
|
color: #fff;
|
|
margin-top: 0;
|
|
font-size: 24px;
|
|
}
|
|
|
|
section.demo_product_section .items li p {
|
|
color: #fff;
|
|
font-size: 18px;
|
|
}
|
|
|
|
section.demo_product_section .items li span {
|
|
color: #fff;
|
|
font-size: 18px;
|
|
line-height: 24px;
|
|
display: block;
|
|
position: relative;
|
|
bottom: -16px;
|
|
}
|
|
|
|
section.demo_product_section .items li span.blue {
|
|
color: #24B6E9;
|
|
}
|
|
|
|
section.demo_product_section .items li .video_container {
|
|
position: relative;
|
|
margin: 30px 0 0 0;
|
|
background-image: url(../images/products_demo_laptop.png);
|
|
background-repeat: no-repeat;
|
|
background-size: contain;
|
|
background-position: center;
|
|
}
|
|
|
|
section.demo_product_section .items li .video_container img {
|
|
overflow: hidden;
|
|
margin: auto;
|
|
padding: 28px 80px 45px 78px;
|
|
height: auto;
|
|
width: auto;
|
|
max-height: inherit;
|
|
}
|
|
|
|
section.demo_product_section .items li .video_container a.play_btn {
|
|
position: absolute;
|
|
content: 'play';
|
|
display: block;
|
|
width: 222px;
|
|
height: 140px;
|
|
text-align: left;
|
|
text-indent: -9999px;
|
|
background-image: url(../images/play_button_products.png);
|
|
background-repeat: no-repeat;
|
|
background-size: cover;
|
|
top: 50%;
|
|
left: 50%;
|
|
margin-top: -70px;
|
|
margin-left: -111px;
|
|
}
|
|
|
|
section.demo_product_section .flex-control-nav.flex-control-paging {
|
|
bottom: -30px;
|
|
height: 35px;
|
|
display: block;
|
|
position: relative;
|
|
}
|
|
|
|
section.demo_product_section .flex-control-nav.flex-control-paging li a {
|
|
background: #D1D3D4;
|
|
}
|
|
|
|
section.demo_product_section .flex-control-nav.flex-control-paging li a:hover {
|
|
background: #D1D3D4;
|
|
}
|
|
|
|
section.demo_product_section .flex-control-nav.flex-control-paging li a.flex-active {
|
|
background: #24B6E9;
|
|
}
|
|
|
|
@media (max-width: 1199px) {
|
|
section.use_product_section .items>li .terminal-window {
|
|
margin: 0;
|
|
margin-top: 40px;
|
|
}
|
|
section.product_steps_product_section .items li .terminal-window {
|
|
margin: 0;
|
|
margin-top: 40px;
|
|
}
|
|
section.product_overview_product_section .video_container.lab2 .terminal-window {
|
|
height: 250px;
|
|
padding: 12px 40px 18px 40px;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 991px) {
|
|
section.product_overview_product_section .tab_container.lcd2 {
|
|
padding: 3.5% 11% 11.5%;
|
|
}
|
|
section.use_product_section .items.widthcol3>li {
|
|
padding: 0 10px;
|
|
width: 33.33%;
|
|
}
|
|
section.product_steps_product_section .items li.videoli {
|
|
width: 100%;
|
|
}
|
|
section.product_steps_product_section .items.widthcol3>li {
|
|
padding: 0 10px;
|
|
width: 33.33%;
|
|
}
|
|
section.product_overview_product_section .video_container.lcd1 img {
|
|
padding: 35px 25px 145px 25px;
|
|
}
|
|
section.product_overview_product_section .video_container.lab1 .terminal-window {
|
|
padding: 28px 48px 65px 49px;
|
|
max-width: 91%;
|
|
}
|
|
section.product_overview_product_section .video_container.lab1 .terminal-window .terminal {
|
|
font-size: 12px;
|
|
}
|
|
section.product_overview_product_section .video_container.lab2 .terminal-window {
|
|
padding: 28px 48px 65px 49px;
|
|
max-width: 91%;
|
|
height: 410px;
|
|
}
|
|
section.product_overview_product_section .video_container.lab2 .terminal-window .terminal {
|
|
font-size: 12px;
|
|
height: 96%;
|
|
}
|
|
section.rest_apis_product_section .items li .video_container .terminal-window {
|
|
margin: auto;
|
|
max-width: 812px;
|
|
padding: 60px 80px 56px 80px;
|
|
font-size: 12px;
|
|
margin-top: 0px;
|
|
max-height: 460px;
|
|
}
|
|
section.rest_apis_product_section .items li .video_container .terminal-window .terminal {
|
|
font-size: 12px;
|
|
min-height: auto;
|
|
height: auto;
|
|
}
|
|
section.demo_product_section .items li .video_container img {
|
|
padding: 3% 11% 5% 11%;
|
|
}
|
|
section.resources_product_section .resources_files ul,
|
|
section.resources_product_section .resources_videos ul {
|
|
width: 100%;
|
|
}
|
|
section.resources_product_section .resources_files .items>li,
|
|
section.resources_product_section .resources_videos .items>li {
|
|
width: 33.3%;
|
|
padding: 20px 15px 20px;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 767px) {
|
|
section.product_overview_product_section .video_container.lcd1 img {
|
|
padding: 38px 25px 142px 25px;
|
|
}
|
|
section.product_overview_product_section .video_container.lab1 {
|
|
background-image: none;
|
|
margin-top: 0;
|
|
}
|
|
section.product_overview_product_section .video_container.lab1 .terminal-window {
|
|
padding: 0;
|
|
width: auto;
|
|
height: initial;
|
|
}
|
|
section.product_overview_product_section .video_container.lab1 .terminal-window .terminal {
|
|
height: initial;
|
|
font-size: 15px;
|
|
padding-bottom: 75px;
|
|
}
|
|
section.product_overview_product_section .video_container.lab2 {
|
|
background-image: none;
|
|
}
|
|
section.product_overview_product_section .video_container.lab2 .terminal-window {
|
|
padding: 0;
|
|
width: auto;
|
|
height: initial;
|
|
}
|
|
section.product_overview_product_section .video_container.lab2 .terminal-window .terminal {
|
|
height: initial;
|
|
font-size: 15px;
|
|
padding-bottom: 75px;
|
|
}
|
|
section.rest_apis_product_section .items li .video_container {
|
|
background-image: none;
|
|
}
|
|
section.rest_apis_product_section .items li .video_container .terminal-window {
|
|
padding: 0;
|
|
}
|
|
section.rest_apis_product_section .items li .video_container .terminal-window .terminal {
|
|
height: 100%;
|
|
font-size: 15px;
|
|
}
|
|
.product_overview_product_section .tab_container {
|
|
padding: 60px 11%;
|
|
padding-bottom: 0;
|
|
}
|
|
.product_overview_product_section .tab_container.tab4 {
|
|
padding: 60px 10%;
|
|
padding-bottom: 0;
|
|
}
|
|
section.use_product_section .items.widthcol3>li {
|
|
width: 100%;
|
|
}
|
|
section.product_steps_product_section .items.widthcol3>li {
|
|
width: 100%;
|
|
}
|
|
section.use_product_section .items.widthcol3>li .terminal-small {
|
|
min-height: 200px;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 680px) {
|
|
section.resources_product_section .resources_files .items>li,
|
|
section.resources_product_section .resources_videos .items>li {
|
|
width: 100%;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 600px) {
|
|
section.product_overview_product_section .video_container.lcd1 img {
|
|
padding: 23px 20px 98px 20px;
|
|
}
|
|
section.demo_product_section .items li .video_container a.play_btn {
|
|
width: 112px;
|
|
height: 70px;
|
|
margin-top: -35px;
|
|
margin-left: -56px;
|
|
}
|
|
}
|
|
|
|
section.summary_use_cases_section.section {
|
|
padding-top: 0;
|
|
text-align: center;
|
|
}
|
|
|
|
section.summary_use_cases_section .summary_icon {
|
|
width: 104px;
|
|
height: 86px;
|
|
display: block;
|
|
text-align: center;
|
|
padding: 14px;
|
|
position: relative;
|
|
margin: auto;
|
|
background-color: #22B8EB;
|
|
margin-bottom: 50px;
|
|
}
|
|
|
|
section.summary_use_cases_section .summary_icon:before {
|
|
content: "";
|
|
position: absolute;
|
|
left: 50%;
|
|
top: 86px;
|
|
margin-left: -17px;
|
|
border: 17px solid #fff;
|
|
border-top-width: 17px;
|
|
border-top-color: #22B8EB;
|
|
border-bottom: 0;
|
|
}
|
|
|
|
section.summary_use_cases_section .summary_icon img {
|
|
height: 60px;
|
|
}
|
|
|
|
section.resources_use_cases_section.section {
|
|
text-align: center;
|
|
padding: 0
|
|
}
|
|
|
|
section.resources_use_cases_section .resources_video_slider {
|
|
padding: 50px 0 100px 0;
|
|
background-image: url(../images/resources_use_cases_image.png);
|
|
background-repeat: no-repeat;
|
|
background-size: cover;
|
|
position: relative;
|
|
}
|
|
|
|
section.resources_use_cases_section .resources_video_slider.white-text h2 {
|
|
color: #fff;
|
|
}
|
|
|
|
section.resources_use_cases_section .resources_video_slider.white-text h3 {
|
|
color: #fff;
|
|
}
|
|
|
|
section.resources_use_cases_section .resources_video_slider.gray-text p {
|
|
color: #808284;
|
|
}
|
|
|
|
section.resources_use_cases_section .resources_video_slider .slides .slide {
|
|
display: none;
|
|
}
|
|
|
|
section.resources_use_cases_section .resources_video_slider .flex-control-nav.flex-control-paging {
|
|
bottom: 55px;
|
|
}
|
|
|
|
section.resources_use_cases_section .resources_video_slider .flex-control-nav.flex-control-paging li a {
|
|
background: #D1D3D4;
|
|
}
|
|
|
|
section.resources_use_cases_section .resources_video_slider .flex-control-nav.flex-control-paging li a:hover {
|
|
background: #D1D3D4;
|
|
}
|
|
|
|
section.resources_use_cases_section .resources_video_slider .flex-control-nav.flex-control-paging li a.flex-active {
|
|
background: #22B8EB;
|
|
}
|
|
|
|
section.resources_use_cases_section .resources_video_slider .video_container {
|
|
position: relative;
|
|
margin: 50px 0;
|
|
background-image: url(../images/resources_laptop.png);
|
|
background-repeat: no-repeat;
|
|
background-size: contain;
|
|
background-position: center;
|
|
}
|
|
|
|
section.resources_use_cases_section .resources_video_slider .laptop_image {
|
|
max-width: 900px;
|
|
width: 100%;
|
|
}
|
|
|
|
section.resources_use_cases_section .resources_video_slider .inside_laptop_image {
|
|
overflow: hidden;
|
|
margin: auto;
|
|
padding: 25px 82px 45px 82px;
|
|
}
|
|
|
|
section.resources_use_cases_section .resources_video_slider .play_btn {
|
|
position: absolute;
|
|
content: 'play';
|
|
display: block;
|
|
width: 222px;
|
|
height: 140px;
|
|
text-align: left;
|
|
text-indent: -9999px;
|
|
background-image: url(../images/play_button_use_cases.svg);
|
|
background-repeat: no-repeat;
|
|
background-size: cover;
|
|
top: 50%;
|
|
left: 50%;
|
|
margin-top: -70px;
|
|
margin-left: -111px;
|
|
}
|
|
|
|
section.resources_use_cases_section .resources_video_slider h3 {
|
|
font-size: 28px;
|
|
line-height: 29px;
|
|
color: #22B8EB;
|
|
margin-top: 30px;
|
|
margin-bottom: 30px;
|
|
}
|
|
|
|
section.resources_use_cases_section .resources_video_slider p {
|
|
color: #fff;
|
|
margin: auto;
|
|
max-width: 560px;
|
|
font-size: 20px;
|
|
}
|
|
|
|
section.resources_use_cases_section .resources_files {
|
|
background-color: #243137;
|
|
padding: 80px 0;
|
|
}
|
|
|
|
section.resources_use_cases_section .resources_files ul {
|
|
margin: auto;
|
|
list-style: none;
|
|
width: 80%;
|
|
}
|
|
|
|
section.resources_use_cases_section .resources_files ul li {
|
|
margin-bottom: 20px;
|
|
text-align: center;
|
|
clear: none !important;
|
|
padding: 0px 30px;
|
|
display: block;
|
|
float: left;
|
|
}
|
|
|
|
section.resources_use_cases_section .resources_files ul li {
|
|
height: 100% !important;
|
|
}
|
|
|
|
section.resources_use_cases_section .resources_files ul li a {
|
|
background-color: #fff;
|
|
width: 100%;
|
|
height: 100%;
|
|
display: block;
|
|
position: relative;
|
|
}
|
|
|
|
section.resources_use_cases_section .resources_files ul li a img {
|
|
margin: 30px 10px;
|
|
}
|
|
|
|
section.resources_use_cases_section .resources_files ul li a div.text-can {
|
|
display: block;
|
|
background-color: #134A6A;
|
|
padding: 18px 8px;
|
|
bottom: 0;
|
|
width: 100%;
|
|
}
|
|
|
|
section.resources_use_cases_section .resources_files ul li a .category {
|
|
display: block;
|
|
color: #fff;
|
|
font-size: 17px;
|
|
line-height: 20px;
|
|
}
|
|
|
|
section.resources_use_cases_section .resources_files ul li a .name {
|
|
color: #22B8EB;
|
|
display: block;
|
|
font-size: 18px;
|
|
line-height: 20px;
|
|
margin-top: 8px;
|
|
}
|
|
|
|
section.quotes_use_cases_section {
|
|
background-color: #22B8EB;
|
|
}
|
|
|
|
section.quotes_use_cases_section .quotes_icon {
|
|
background-image: url(../images/quotes_icon_use_cases.svg);
|
|
width: 60px;
|
|
height: 60px;
|
|
margin: auto;
|
|
margin-bottom: 30px;
|
|
background-size: 99%;
|
|
background-repeat: no-repeat;
|
|
display: block;
|
|
}
|
|
|
|
section.quotes_use_cases_section .quotes_use_cases_slider {
|
|
padding: 0 30px;
|
|
}
|
|
|
|
section.quotes_use_cases_section .quotes_use_cases_slider ul.slides {}
|
|
|
|
section.quotes_use_cases_section .quotes_use_cases_slider ul.slides li {
|
|
display: none;
|
|
}
|
|
|
|
section.quotes_use_cases_section .quotes_use_cases_slider ul.slides li p {
|
|
font-size: 24px;
|
|
color: #F1F2F2;
|
|
text-align: center;
|
|
margin: 0px 50px 30px;
|
|
line-height: 1.3;
|
|
}
|
|
|
|
section.quotes_use_cases_section .quotes_use_cases_slider ul.slides li span {
|
|
font-size: 24px;
|
|
color: #fff;
|
|
text-align: center;
|
|
display: block;
|
|
}
|
|
|
|
section.quotes_use_cases_section .quotes_use_cases_slider ul.flex-direction-nav a {
|
|
text-decoration: none;
|
|
width: 28px;
|
|
height: 58px;
|
|
margin: -20px 0 0;
|
|
position: absolute;
|
|
top: 50%;
|
|
z-index: 10;
|
|
overflow: hidden;
|
|
opacity: 1;
|
|
cursor: pointer;
|
|
text-shadow: none;
|
|
-webkit-transition: none;
|
|
-moz-transition: none;
|
|
transition: none;
|
|
}
|
|
|
|
section.quotes_use_cases_section .quotes_use_cases_slider ul.flex-direction-nav .flex-prev {
|
|
left: 0px;
|
|
text-align: left;
|
|
background-image: url(../images/quotes_arrow_use_cases.svg);
|
|
text-indent: -9999px;
|
|
background-position: 0 0;
|
|
}
|
|
|
|
section.quotes_use_cases_section .quotes_use_cases_slider ul.flex-direction-nav .flex-next {
|
|
right: 0px;
|
|
text-align: right;
|
|
background-image: url(../images/quotes_arrow_use_cases.svg);
|
|
text-indent: 9999px !important;
|
|
background-position: -32px 0px;
|
|
}
|
|
|
|
section.use_cases_section .items li a.item-link {
|
|
display: block;
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
section.use_cases_section .items li p {
|
|
font-size: 16px;
|
|
line-height: 20px;
|
|
}
|
|
|
|
section.use_cases_section .items li img {
|
|
max-height: 85px;
|
|
max-width: 100%;
|
|
}
|
|
|
|
section.use_cases_item_section.section {
|
|
text-align: center;
|
|
padding: 50px 0 50px 0;
|
|
background-image: url(../images/resources_use_cases_image.png);
|
|
background-repeat: no-repeat;
|
|
background-size: cover;
|
|
position: relative;
|
|
padding-top: 0;
|
|
}
|
|
|
|
section.use_cases_item_section.section .use_cases_item_icon {
|
|
width: 91px;
|
|
height: 77px;
|
|
display: block;
|
|
text-align: center;
|
|
padding: 14px;
|
|
position: relative;
|
|
margin: auto;
|
|
background-color: #fff;
|
|
margin-bottom: 50px;
|
|
}
|
|
|
|
section.use_cases_item_section.section .use_cases_item_icon:before {
|
|
content: "";
|
|
position: absolute;
|
|
left: 50%;
|
|
top: 77px;
|
|
margin-left: -17px;
|
|
border: 17px solid rgba(0, 0, 0, 0);
|
|
border-top-width: 17px;
|
|
border-top-color: #fff;
|
|
border-bottom: 0;
|
|
}
|
|
|
|
section.use_cases_item_section.section .use_cases_item_icon img {
|
|
height: 50px;
|
|
}
|
|
|
|
section.use_cases_item_section .container>p {
|
|
color: #fff;
|
|
}
|
|
|
|
section.use_cases_item_section .quote_container {
|
|
max-width: 700px;
|
|
margin: auto;
|
|
}
|
|
|
|
section.use_cases_item_section .quote_container .quotes_icon {
|
|
background-image: url(../images/quotes_blue_icon_use_cases.svg);
|
|
width: 52px;
|
|
height: 52px;
|
|
margin: auto;
|
|
margin-bottom: 20px;
|
|
background-size: 99%;
|
|
background-repeat: no-repeat;
|
|
display: block;
|
|
}
|
|
|
|
section.use_cases_item_section .quote_container p {
|
|
font-size: 20px;
|
|
color: #F1F2F2;
|
|
}
|
|
|
|
section.use_cases_item_section .quote_container span.author {
|
|
font-size: 21px;
|
|
color: #22B8EB;
|
|
margin-bottom: 30px;
|
|
display: block;
|
|
}
|
|
|
|
section.use_cases_item_section.section.white-text h2 {
|
|
color: #fff;
|
|
}
|
|
|
|
section.use_cases_item_section.white-text .quote_container .quotes_icon {
|
|
background-image: url(../images/quotes_white_icon_use_cases.svg);
|
|
}
|
|
|
|
section.use_cases_item_section.white-text .quote_container span.author {
|
|
color: #fff;
|
|
}
|
|
|
|
section.use_cases_item_section.gray-text .container>p {
|
|
color: #808284;
|
|
}
|
|
|
|
section.use_cases_item_section.gray-text .quote_container p {
|
|
color: #808284;
|
|
}
|
|
|
|
.node-type-front-page .use_cases_section {
|
|
text-align: center;
|
|
background-image: url(../images/open_standards_image.png);
|
|
background-repeat: no-repeat;
|
|
background-size: cover;
|
|
background-color: #444c51;
|
|
}
|
|
|
|
.node-type-front-page .use_cases_section h2 {
|
|
color: #22B8EB;
|
|
font-size: 44px;
|
|
line-height: 50px;
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
.node-type-front-page .use_cases_section .container>p {
|
|
font-size: 20px;
|
|
line-height: 29px;
|
|
margin-bottom: 50px;
|
|
color: #fff;
|
|
}
|
|
|
|
.node-type-front-page .use_cases_section .items li p {
|
|
color: #e6e7e8;
|
|
}
|
|
|
|
.node-type-front-page .use_cases_section .items li p {
|
|
color: #e6e7e8;
|
|
}
|
|
|
|
.node-type-front-page .use_cases_section a:hover,
|
|
.node-type-front-page .use_cases_section a:focus {
|
|
color: inherit;
|
|
text-decoration: none;
|
|
}
|
|
|
|
footer.main-footer>.row {
|
|
padding-top: 50px;
|
|
padding-bottom: 50px;
|
|
padding-left: 80px;
|
|
padding-right: 80px;
|
|
}
|
|
|
|
.field-type-field-collection .form-wrapper>legend>span.fieldset-legend {
|
|
font-size: 25px;
|
|
}
|
|
|
|
.nav-global-footer div>ul>li {
|
|
margin-bottom: 12px;
|
|
line-height: 18px;
|
|
}
|
|
|
|
.nav-global-footer div>ul>li>a {
|
|
color: #7A8491;
|
|
font-size: 0.857rem;
|
|
text-decoration: none;
|
|
}
|
|
|
|
.nav-global-footer div>ul>li>a:hover {
|
|
text-decoration: none;
|
|
color: #22b8eb;
|
|
}
|
|
|
|
.nav-global-footer ul>li {
|
|
margin-bottom: 12px;
|
|
line-height: 18px;
|
|
}
|
|
|
|
.nav-global-footer ul>li>a {
|
|
color: #7A8491;
|
|
font-size: 0.857rem;
|
|
}
|
|
|
|
.nav-global-footer ul>li>a:hover {
|
|
text-decoration: none;
|
|
color: #22b8eb;
|
|
}
|
|
|
|
.main-footer .nav-global-footer .columns+.columns:last-child {
|
|
float: left;
|
|
padding-right: 40px;
|
|
}
|
|
|
|
.main-footer .columns+.columns:last-child img.wow {
|
|
margin-left: 15px;
|
|
}
|
|
|
|
.main-footer p {
|
|
font-size: 0.857rem;
|
|
line-height: 18px;
|
|
}
|
|
|
|
.primary-footer-sub-copyright {
|
|
float: left;
|
|
margin: 0px;
|
|
}
|
|
|
|
.primary-footer-sub-nav ul {
|
|
float: right;
|
|
margin: 0px;
|
|
}
|
|
|
|
.primary-footer-sub-nav ul li {
|
|
float: left;
|
|
margin-left: 45px;
|
|
}
|
|
|
|
.primary-footer-sub-nav ul li a {}
|
|
|
|
.primary-footer-sub-nav ul li a:hover {
|
|
text-decoration: none;
|
|
color: #22b8eb;
|
|
}
|
|
|
|
.columns+.nav-global-footer.columns:last-child {
|
|
float: left;
|
|
}
|
|
|
|
@media (max-width: 991px) {
|
|
footer.main-footer>.row {
|
|
padding-left: 20px;
|
|
padding-right: 20px;
|
|
}
|
|
}
|
|
|
|
.node-type-enterprise a.orange-border-btn {
|
|
color: #fff !important;
|
|
background-color: transparent;
|
|
padding: 12px 33px;
|
|
border: 2px solid #F79733;
|
|
font-size: 17px;
|
|
border-radius: 10px;
|
|
margin-left: 20px;
|
|
margin-right: 20px;
|
|
line-height: inherit;
|
|
}
|
|
|
|
.node-type-enterprise a.blue-border-btn {
|
|
color: #fff !important;
|
|
background-color: transparent;
|
|
padding: 12px 33px;
|
|
border: 2px solid #22B8EB;
|
|
font-size: 17px;
|
|
border-radius: 10px;
|
|
margin-left: 20px;
|
|
margin-right: 20px;
|
|
line-height: inherit;
|
|
}
|
|
|
|
.node-type-enterprise a.orange-border-btn:hover,
|
|
.node-type-enterprise a.orange-border-btn:focus {
|
|
color: #fff;
|
|
background-color: transparent;
|
|
text-decoration: none;
|
|
}
|
|
|
|
.node-type-enterprise a.blue-border-btn:hover,
|
|
.node-type-enterprise a.blue-border-btn:focus {
|
|
color: #fff;
|
|
background-color: transparent;
|
|
text-decoration: none;
|
|
}
|
|
|
|
.node-type-enterprise section .title_section {
|
|
padding: 0;
|
|
}
|
|
|
|
.node-type-enterprise div.heronav_section ul li {
|
|
font-size: 15px;
|
|
}
|
|
|
|
.node-type-enterprise div.heronav_section ul li a {
|
|
padding: 15px 10px;
|
|
}
|
|
|
|
@media (max-width: 1199px) {
|
|
.node-type-enterprise div.heronav_section ul li {
|
|
font-size: 13px;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 991px) {
|
|
.node-type-enterprise div.heronav_section ul li {
|
|
font-size: 11px;
|
|
}
|
|
.node-type-enterprise div.heronav_section ul li a {
|
|
padding: 13px 10px;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 767px) {
|
|
.node-type-enterprise div.heronav_section ul li {
|
|
font-size: 13px;
|
|
margin: 5px 0px;
|
|
}
|
|
.node-type-enterprise div.heronav_section ul li a {
|
|
padding: 12px;
|
|
}
|
|
}
|
|
|
|
.node-type-enterprise section.title_section p {
|
|
font-size: 20px;
|
|
color: #dde7f7;
|
|
}
|
|
|
|
.node-type-enterprise .page-content .docker-solution .graphic img {
|
|
max-height: 54px;
|
|
max-width: 64px;
|
|
}
|
|
|
|
.node-type-enterprise .page-content .transforming-business .businesses-logos img {
|
|
max-height: 110px;
|
|
height: auto;
|
|
}
|
|
|
|
section.plans_section .plans .server_plan_box:hover {
|
|
box-shadow: 0 0 20px #A0A0A0;
|
|
}
|
|
|
|
section.plans_section .plans .server_plan_box:hover {
|
|
background-color: #F9F9F9;
|
|
}
|
|
|
|
section.plans_section .plans .serverplan_boxs>p {
|
|
text-align: center;
|
|
margin-bottom: 20px;
|
|
font-size: 16px;
|
|
line-height: 1.6;
|
|
}
|
|
|
|
section.plans_section .plans .server_plan_box ul.feature {
|
|
padding-bottom: 10px;
|
|
}
|
|
|
|
section.plans_section .plans .server_plan_box ul.feature li {
|
|
font-size: 14px;
|
|
margin-bottom: 22px;
|
|
color: #5A7E93;
|
|
font-weight: 400;
|
|
}
|
|
|
|
section.plans_section .plans .server_plan_box ul.feature li span {
|
|
display: block;
|
|
font-size: 15px;
|
|
color: #5A7E93;
|
|
}
|
|
|
|
section.plans_section .plans .server_plan_box ul.feature li strong {
|
|
color: #5A7E93;
|
|
}
|
|
|
|
section.plans_section .plans .server_plan_box ul.feature li.note {
|
|
margin-top: 50px;
|
|
margin-bottom: 0px;
|
|
}
|
|
|
|
section.plans_section .plans .server_plan_box ul.feature li.note span {
|
|
display: block;
|
|
font-size: 12px;
|
|
line-height: 16px;
|
|
color: #5A7E93;
|
|
}
|
|
|
|
section.plans_section .plans_tabs {
|
|
margin-bottom: 35px;
|
|
}
|
|
|
|
.main-header div>.nav-main>li>ul ul ul {
|
|
margin-left: 20px;
|
|
}
|
|
|
|
section.product_overview_product_section.overview_button {
|
|
padding-bottom: 60px;
|
|
}
|
|
|
|
section.product_overview_product_section.overview_button .container>p:last-of-type {
|
|
margin-bottom: 40px;
|
|
}
|
|
|
|
section.product_overview_product_section .button {
|
|
margin: auto;
|
|
margin-top: 30px;
|
|
border-radius: 10px;
|
|
display: table;
|
|
max-width: 100%;
|
|
min-width: 300px;
|
|
}
|
|
|
|
section.product_steps_product_section .items li a.button {
|
|
margin: auto;
|
|
margin-top: 30px;
|
|
border-radius: 10px;
|
|
display: table;
|
|
max-width: 100%;
|
|
min-width: 300px;
|
|
}
|
|
|
|
section.included_product_section h2 {
|
|
margin-bottom: 40px;
|
|
}
|
|
|
|
section.included_product_section img {
|
|
margin-bottom: 40px;
|
|
}
|
|
|
|
section.included_product_section a.button {
|
|
margin-left: 5%;
|
|
margin-right: 5%;
|
|
max-width: 35%;
|
|
width: 100%;
|
|
}
|
|
|
|
section.included_product_section .container .includedstyle p {
|
|
font-size: 20px;
|
|
text-align: center;
|
|
max-width: 200px;
|
|
margin: auto;
|
|
margin-bottom: 20px;
|
|
transform: translateY(70%);
|
|
-moz-transform: translateY(70%);
|
|
-ms-transform: translateY(70%);
|
|
-o-transform: translateY(70%);
|
|
-webkit-transform: translateY(70%);
|
|
}
|
|
|
|
section.included_product_section span {
|
|
position: relative;
|
|
}
|
|
|
|
section.included_product_section span:after {
|
|
content: "";
|
|
position: absolute;
|
|
top: 50%;
|
|
right: -129px;
|
|
margin-top: -80px;
|
|
border: 80px solid transparent;
|
|
border-left-width: 50px;
|
|
border-left-color: #BFBFBF;
|
|
z-index: 99;
|
|
}
|
|
|
|
@media (max-width: 991px) {
|
|
section.included_product_section span {
|
|
display: block;
|
|
}
|
|
section.included_product_section span:after {
|
|
content: "";
|
|
position: absolute;
|
|
left: 50%;
|
|
bottom: -129px;
|
|
margin-left: -80px;
|
|
border: 80px solid transparent;
|
|
border-top-width: 50px;
|
|
border-top-color: #BFBFBF;
|
|
z-index: 99;
|
|
top: inherit;
|
|
right: inherit;
|
|
}
|
|
section.included_product_section .container .includedstyle p:last-child {
|
|
margin-bottom: 60px;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 767px) {
|
|
section.product_steps_product_section .items li a.button {
|
|
max-width: inherit;
|
|
min-width: inherit;
|
|
}
|
|
section.included_product_section a.button {
|
|
margin-left: 15px;
|
|
margin-right: 15px;
|
|
max-width: 300px;
|
|
width: 100%;
|
|
}
|
|
}
|
|
|
|
.left-off-canvas-menu ul.off-canvas-list li.has-submenu>span.asd {
|
|
height: 20px;
|
|
margin-top: -7px;
|
|
position: relative;
|
|
float: right;
|
|
display: block;
|
|
cursor: pointer;
|
|
z-index: 99;
|
|
}
|
|
|
|
.left-off-canvas-menu ul.off-canvas-list li.has-submenu>span.asd:after {
|
|
content: "\BB";
|
|
font-size: 30px;
|
|
color: #eee;
|
|
width: 45px;
|
|
display: block;
|
|
text-align: center;
|
|
}
|
|
|
|
.left-off-canvas-menu ul.off-canvas-list li.has-submenu>a:after {
|
|
content: "";
|
|
}
|
|
|
|
.left-submenu .back>a:before {
|
|
content: "\AB";
|
|
margin-right: .5rem;
|
|
display: inline-block;
|
|
font-size: 30px;
|
|
line-height: 26px;
|
|
float: left;
|
|
}
|
|
|
|
section.title_section.darkblue .white-btn {
|
|
border: 2px solid #fff;
|
|
border-radius: 10px;
|
|
}
|
|
|
|
section.title_section.darkblue .white-btn .fa-play {
|
|
font-size: 10px;
|
|
margin: 8px -10px 0px 20px;
|
|
color: #F79733;
|
|
float: right;
|
|
}
|
|
|
|
.team_info_list,
|
|
.team_info {
|
|
display: none !important;
|
|
}
|
|
|
|
.cbp .cbp-item {
|
|
width: 260px;
|
|
height: 260px;
|
|
}
|
|
|
|
.find_a_partner_section#technology {
|
|
padding-bottom: 0px;
|
|
}
|
|
|
|
.find_a_partner_section#logging {
|
|
padding-top: 0px;
|
|
}
|
|
|
|
.find_a_partner_section h2+.cbp-l-grid-gallery {
|
|
margin-top: 50px;
|
|
}
|
|
|
|
.find_a_partner_section h2 {}
|
|
|
|
.find_a_partner_section p {}
|
|
|
|
.find_a_partner_section a.button.blue-btn {
|
|
background-color: transparent;
|
|
padding: 12px 33px;
|
|
border: 2px solid #22B8EB;
|
|
color: #22B8EB;
|
|
margin-top: 20px;
|
|
}
|
|
|
|
.find_a_partner_section ul.partners_list {}
|
|
|
|
.find_a_partner_section ul.partners_list li {}
|
|
|
|
.find_a_partner_section ul.partners_list li a.cbp-singlePageInline {
|
|
display: table;
|
|
}
|
|
|
|
.find_a_partner_section ul.partners_list li.cbp-singlePageInline-active {
|
|
opacity: 1!important;
|
|
}
|
|
|
|
.find_a_partner_section ul.partners_list li .helper {
|
|
width: 100%;
|
|
height: 100%;
|
|
padding: 15px 15px;
|
|
text-align: center;
|
|
vertical-align: middle;
|
|
display: table-cell;
|
|
border: 1px solid #848484;
|
|
}
|
|
|
|
.find_a_partner_section ul.partners_list li a.cbp-singlePageInline {
|
|
background-color: #fff;
|
|
}
|
|
|
|
.find_a_partner_section ul.partners_list li img {
|
|
max-height: 140px;
|
|
margin: auto;
|
|
max-width: 160px;
|
|
}
|
|
|
|
.find_a_partner_section ul.partners_list .cbp-popup-content {
|
|
background-color: #114A6A;
|
|
padding: 30px 50px;
|
|
color: #fff;
|
|
margin-bottom: 30px;
|
|
height: 1px;
|
|
min-height: 1px;
|
|
max-height: 1px;
|
|
padding: 0;
|
|
margin: 0;
|
|
margin-top: 0;
|
|
}
|
|
|
|
.find_a_partner_section .nomore2 ul.partners_list .cbp-popup-content {
|
|
height: initial;
|
|
min-height: 200px;
|
|
max-height: initial;
|
|
padding: 30px 50px;
|
|
margin-bottom: 30px;
|
|
}
|
|
|
|
.find_a_partner_section ul.partners_list .cbp-popup-content span.name {
|
|
font-size: 20px;
|
|
font-weight: bold;
|
|
display: block;
|
|
border-bottom: 1px solid #eee;
|
|
padding-bottom: 10px;
|
|
}
|
|
|
|
.find_a_partner_section ul.partners_list .cbp-popup-content p {
|
|
color: #fff;
|
|
margin: 20px 0;
|
|
}
|
|
|
|
.find_a_partner_section ul.partners_list .cbp-popup-content a.view_website {
|
|
color: #24B6E9;
|
|
margin-bottom: 25px;
|
|
display: inline-block;
|
|
}
|
|
|
|
.cbp-popup-singlePageInline .cbp-popup-close {
|
|
background: url(../images/cbp-popup-close.png) no-repeat scroll 0px 0px transparent;
|
|
height: 24px;
|
|
width: 24px;
|
|
right: 24px;
|
|
top: 24px;
|
|
}
|
|
|
|
.cbp-popup-singlePageInline .cbp-popup-close:focus {
|
|
outline: none;
|
|
}
|
|
|
|
.partners_list .cbp-singlePageInline-active .cbp-caption .overlay {
|
|
opacity: 0.8;
|
|
}
|
|
|
|
.partners_list .cbp-caption:hover .overlay {
|
|
opacity: 0.8;
|
|
}
|
|
|
|
.partners_list .cbp-caption .overlay {
|
|
position: absolute;
|
|
z-index: 2;
|
|
width: 100%;
|
|
height: 100%;
|
|
opacity: 0;
|
|
overflow: hidden;
|
|
background-color: #24B6E9;
|
|
-webkit-transition: all 0.0s ease-in-out;
|
|
-moz-transition: all 0.0s ease-in-out;
|
|
-o-transition: all 0.0s ease-in-out;
|
|
-ms-transition: all 0.0s ease-in-out;
|
|
transition: all 0.0s ease-in-out;
|
|
left: 0px;
|
|
right: 0px;
|
|
top: 0px;
|
|
bottom: 0px;
|
|
}
|
|
|
|
.cbp .partners_list .cbp-item,
|
|
.cbp-wrapper {
|
|
overflow: inherit;
|
|
}
|
|
|
|
.partners_list .cbp-singlePageInline-active:after {
|
|
content: "";
|
|
position: absolute;
|
|
left: 50%;
|
|
bottom: -30px;
|
|
margin-left: -18px;
|
|
border: 18px solid transparent;
|
|
border-bottom-width: 18px;
|
|
border-bottom-color: #114A6A;
|
|
}
|
|
|
|
.node-type-partners div.heronav_section ul li {
|
|
font-size: 15px;
|
|
}
|
|
|
|
.node-type-partners div.heronav_section ul li a {
|
|
padding: 15px 10px;
|
|
}
|
|
|
|
@media (max-width: 1199px) {
|
|
.node-type-partners div.heronav_section ul li {
|
|
font-size: 13px;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 991px) {
|
|
.node-type-partners div.heronav_section ul li {
|
|
font-size: 11px;
|
|
}
|
|
.node-type-partners div.heronav_section ul li a {
|
|
padding: 13px 10px;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 767px) {
|
|
.node-type-partners div.heronav_section ul li {
|
|
font-size: 13px;
|
|
margin: 5px 0px;
|
|
}
|
|
.node-type-partners div.heronav_section ul li a {
|
|
padding: 12px;
|
|
}
|
|
}
|
|
|
|
.partners_list .cbp-singlePageInline-active.no_info:after {
|
|
display: none;
|
|
}
|
|
|
|
.partners_list .cbp-singlePageInline-active.no_info .cbp-caption .overlay {
|
|
opacity: 0;
|
|
}
|
|
|
|
section.partner_program_section {
|
|
text-align: center;
|
|
background-image: url(../images/partner_program_bg_image.png);
|
|
background-repeat: no-repeat;
|
|
background-size: cover;
|
|
background-color: #879297;
|
|
}
|
|
|
|
section.partner_program_section h2 {
|
|
color: #fff;
|
|
}
|
|
|
|
section.partner_program_section .container p {
|
|
color: #fff;
|
|
margin-bottom: 30px;
|
|
}
|
|
|
|
section.partner_program_section ul.items {
|
|
margin-top: 50px;
|
|
}
|
|
|
|
section.partner_program_section ul.items li {
|
|
background-color: rgba(255, 255, 255, 0.7);
|
|
border-radius: 800px;
|
|
width: 500px;
|
|
display: inline-block;
|
|
float: none;
|
|
padding: 50px 56px 50px;
|
|
height: initial!important;
|
|
}
|
|
|
|
section.partner_program_section ul.items li:first-child {
|
|
padding-right: 120px;
|
|
}
|
|
|
|
section.partner_program_section ul.items li:first-child img {
|
|
margin-left: 30px;
|
|
}
|
|
|
|
section.partner_program_section ul.items li:last-child {
|
|
margin-left: -100px;
|
|
padding-left: 120px;
|
|
}
|
|
|
|
section.partner_program_section ul.items li:last-child img {
|
|
margin-left: -30px;
|
|
}
|
|
|
|
section.partner_program_section ul.items li h3 {
|
|
margin-top: 10px;
|
|
color: #114A6A;
|
|
font-size: 24px;
|
|
margin-bottom: 10px;
|
|
padding: 0 35px;
|
|
}
|
|
|
|
section.partner_program_section ul.items li p {
|
|
color: #3E4D54;
|
|
}
|
|
|
|
section.partner_program_section ul.items li .button {
|
|
margin-bottom: 20px;
|
|
border-radius: 10px;
|
|
}
|
|
|
|
section.program_benefits_section.section {
|
|
background-color: #114A6A;
|
|
}
|
|
|
|
section.program_benefits_section h2 {
|
|
color: #fff;
|
|
}
|
|
|
|
section.program_benefits_section .container p {
|
|
color: #fff;
|
|
}
|
|
|
|
section.program_benefits_section p small {
|
|
display: block;
|
|
}
|
|
|
|
section.program_benefits_section ul.items li {
|
|
padding: 20px 15px 20px;
|
|
}
|
|
|
|
section.program_benefits_section ul.items li h3 {
|
|
font-size: 22px;
|
|
color: #fff;
|
|
}
|
|
|
|
section.program_benefits_section ul.items li p {
|
|
font-size: 16px;
|
|
color: #fff;
|
|
}
|
|
|
|
section.program_benefits_section .program_benefits_footer h4 {
|
|
font-size: 22px;
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
section.program_benefits_section .program_benefits_footer p {
|
|
font-size: 18px;
|
|
margin-bottom: 30px;
|
|
}
|
|
|
|
section.authorized_partners_section h2 {
|
|
margin-bottom: 40px;
|
|
}
|
|
|
|
section.authorized_partners_section h3 {
|
|
font-size: 24px;
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
section.authorized_partners_section .container>p {
|
|
margin-bottom: 30px;
|
|
}
|
|
|
|
section.authorized_partners_section img {
|
|
display: block;
|
|
margin: auto;
|
|
margin-bottom: 30px;
|
|
}
|
|
|
|
section.authorized_partners_section span {
|
|
font-size: 24px;
|
|
display: block;
|
|
color: #22b8eb;
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
section.technology_partners_section.section {
|
|
background-color: #f4f4f4;
|
|
}
|
|
|
|
section.technology_partners_section {}
|
|
|
|
section.technology_partners_section .container>p {
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
section.technology_partners_section .email_icon {
|
|
background-image: url(../images/technology_partners_email_icon.png);
|
|
width: 50px;
|
|
height: 34px;
|
|
margin-left: 15px;
|
|
background-size: 100%;
|
|
display: inline-block;
|
|
position: relative;
|
|
top: 4px;
|
|
}
|
|
|
|
section.technology_partners_section a:hover,
|
|
section.technology_partners_section a:focus,
|
|
section.technology_partners_section a:active {
|
|
color: #24B6E9;
|
|
}
|
|
|
|
section.technology_partners_section ul.items li {}
|
|
|
|
section.technology_partners_section ul.items img {
|
|
margin-bottom: 50px;
|
|
}
|
|
|
|
section.technology_partners_section ul.items>li a.button {
|
|
font-size: 17px;
|
|
border-radius: 10px;
|
|
color: #ffffff;
|
|
margin-left: 20px;
|
|
margin-right: 20px;
|
|
padding: 14px 35px;
|
|
}
|
|
|
|
section.strategic_alliances_section.section {}
|
|
|
|
section.strategic_alliances_section .strategic_alliances_tabs {}
|
|
|
|
section.strategic_alliances_section .strategic_alliances_tabs ul {
|
|
list-style: none;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
section.strategic_alliances_section .strategic_alliances_tabs ul li {
|
|
display: inline-block;
|
|
font-size: 62px;
|
|
position: relative;
|
|
width: 280px;
|
|
height: 280px;
|
|
max-width: 30%;
|
|
margin: 10px;
|
|
}
|
|
|
|
section.strategic_alliances_section .strategic_alliances_tabs ul li a {
|
|
display: table;
|
|
width: 100%;
|
|
height: 100%;
|
|
overflow: hidden;
|
|
}
|
|
|
|
section.strategic_alliances_section .strategic_alliances_tabs ul li .helper {
|
|
width: 100%;
|
|
height: 100%;
|
|
padding: 15px 15px;
|
|
text-align: center;
|
|
vertical-align: middle;
|
|
display: table-cell;
|
|
background-color: #adb8bc;
|
|
}
|
|
|
|
section.strategic_alliances_section .strategic_alliances_tabs ul li.current .helper {
|
|
background-color: #24B6E9;
|
|
}
|
|
|
|
section.strategic_alliances_section .strategic_alliances_tabs ul li.current:after {
|
|
content: "";
|
|
position: absolute;
|
|
left: 50%;
|
|
bottom: -36px;
|
|
margin-left: -18px;
|
|
border: 18px solid transparent;
|
|
border-top-width: 18px;
|
|
border-top-color: #24B6E9;
|
|
z-index: 99;
|
|
}
|
|
|
|
section.strategic_alliances_section .strategic_alliances_tabs ul li .helper img {
|
|
max-height: 140px;
|
|
margin: auto;
|
|
max-width: 200px;
|
|
}
|
|
|
|
section.strategic_alliances_section .strategic_alliances_content {
|
|
margin-top: 50px;
|
|
display: none;
|
|
}
|
|
|
|
section.strategic_alliances_section .strategic_alliances_content h3 {
|
|
font-size: 20px;
|
|
font-weight: bold;
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
section.strategic_alliances_section .strategic_alliances_content p {
|
|
color: #114A6A;
|
|
}
|
|
|
|
span.learnmore {
|
|
color: #24B6E9;
|
|
}
|
|
|
|
span.learnmore:after {
|
|
content: "\BB";
|
|
font-size: 30px;
|
|
color: #24B6E9;
|
|
position: relative;
|
|
text-align: center;
|
|
top: 5px;
|
|
margin-left: 8px;
|
|
}
|
|
|
|
section.strategic_alliances_section .strategic_alliances_content .video_container {
|
|
position: relative;
|
|
margin: 50px 0 0 0;
|
|
background-image: url(../images/products_laptop.png);
|
|
background-repeat: no-repeat;
|
|
background-size: contain;
|
|
background-position: center;
|
|
max-width: 500px;
|
|
margin: auto;
|
|
}
|
|
|
|
section.strategic_alliances_section .strategic_alliances_content .video_container img {
|
|
overflow: hidden;
|
|
margin: auto;
|
|
padding: 15px 50px 25px 50px;
|
|
padding: 3% 12% 5% 12%;
|
|
height: auto;
|
|
width: auto;
|
|
max-height: inherit;
|
|
}
|
|
|
|
section.strategic_alliances_section .strategic_alliances_content .video_container .play_btn {
|
|
position: absolute;
|
|
content: 'play';
|
|
display: block;
|
|
width: 132px;
|
|
height: 84px;
|
|
text-align: left;
|
|
text-indent: -9999px;
|
|
background-image: url(../images/play_button_products.png);
|
|
background-repeat: no-repeat;
|
|
background-size: 100%;
|
|
top: 50%;
|
|
left: 50%;
|
|
margin-top: -42px;
|
|
margin-left: -66px;
|
|
}
|
|
|
|
section.partner_announcements_section.section {
|
|
background-color: #243137;
|
|
}
|
|
|
|
section.partner_announcements_section h2 {
|
|
color: #fff;
|
|
margin-bottom: 30px;
|
|
}
|
|
|
|
section.partner_announcements_section ul.items li {
|
|
padding: 0 30px 0;
|
|
margin: 20px 0;
|
|
}
|
|
|
|
section.partner_announcements_section ul.items li+li {
|
|
border-left: 1px solid #B7B7B7;
|
|
}
|
|
|
|
section.partner_announcements_section ul.items li h3 {
|
|
font-size: 20px;
|
|
color: #fff;
|
|
margin-top: 5px;
|
|
}
|
|
|
|
section.partner_announcements_section ul.items li p {
|
|
color: #fff;
|
|
}
|
|
|
|
section.become_partner_section {
|
|
text-align: center;
|
|
background-image: url(../images/become_partner_bg_image.png);
|
|
background-repeat: no-repeat;
|
|
background-size: cover;
|
|
background-color: #a3b9c6;
|
|
padding: 80px 0 80px 0!important;
|
|
}
|
|
|
|
section.become_partner_section h2 {
|
|
color: #fff;
|
|
}
|
|
|
|
section.become_partner_section .container>p {
|
|
color: #fff;
|
|
}
|
|
|
|
.node-type-partner-programs div.heronav_section ul li {
|
|
font-size: 15px;
|
|
}
|
|
|
|
.node-type-partner-programs div.heronav_section ul li a {
|
|
padding: 15px 10px;
|
|
}
|
|
|
|
@media (max-width: 1199px) {
|
|
.node-type-partner-programs div.heronav_section ul li {
|
|
font-size: 13px;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 991px) {
|
|
section.partner_program_section ul.items li:first-child {
|
|
padding: 35px 35px 35px;
|
|
padding-right: 60px;
|
|
width: 383px;
|
|
}
|
|
section.partner_program_section ul.items li:last-child {
|
|
margin-left: -52px;
|
|
padding: 35px 35px 35px;
|
|
padding-left: 60px;
|
|
width: 383px;
|
|
}
|
|
section.strategic_alliances_section .strategic_alliances_tabs ul li {
|
|
height: 210px;
|
|
}
|
|
section.partner_announcements_section ul.items li {
|
|
width: 33.33%;
|
|
}
|
|
.node-type-partner-programs div.heronav_section ul li {
|
|
font-size: 11px;
|
|
}
|
|
.node-type-partner-programs div.heronav_section ul li a {
|
|
padding: 13px 10px;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 767px) {
|
|
.node-type-partner-programs a.button {
|
|
white-space: normal;
|
|
}
|
|
section.partner_program_section ul.items li {
|
|
padding: 50px 56px 50px !important;
|
|
width: 450px !important;
|
|
margin-left: 0 !important;
|
|
}
|
|
section.partner_announcements_section ul.items li {
|
|
width: 100%;
|
|
margin: 20px 0 0 0;
|
|
padding: 20px 0 0 0;
|
|
}
|
|
section.partner_announcements_section ul.items li+li {
|
|
border-left: none;
|
|
border-top: 1px solid #B7B7B7;
|
|
}
|
|
section.strategic_alliances_section .strategic_alliances_tabs ul li {
|
|
display: inline-block;
|
|
max-width: 50%;
|
|
display: inline-block;
|
|
margin: -3.5px;
|
|
}
|
|
.node-type-partner-programs div.heronav_section ul li {
|
|
font-size: 13px;
|
|
margin: 5px 0px;
|
|
}
|
|
.node-type-partner-programs div.heronav_section ul li a {
|
|
padding: 12px;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 510px) {
|
|
section.partner_program_section ul.items li {
|
|
width: 100% !important;
|
|
padding: 30px 20px 30px !important;
|
|
}
|
|
section.strategic_alliances_section .strategic_alliances_tabs ul li {
|
|
max-width: 100%;
|
|
}
|
|
}
|
|
|
|
.curated_snippet_section {
|
|
padding-top: 60px;
|
|
padding-bottom: 60px;
|
|
text-align: center;
|
|
-webkit-font-smoothing: antialiased;
|
|
}
|
|
|
|
.curated_snippet_section h2 {
|
|
margin-bottom: 25px;
|
|
font-size: 44px;
|
|
}
|
|
|
|
.curated_snippet_section .container>p {
|
|
font-size: 20px;
|
|
margin-bottom: 30px;
|
|
}
|
|
|
|
.curated_snippet_section ul {
|
|
list-style: none;
|
|
display: block;
|
|
padding: 0;
|
|
margin: 0;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.curated_snippet_section ul li {
|
|
text-align: center;
|
|
clear: none !important;
|
|
padding: 20px 15px 20px;
|
|
display: block;
|
|
float: left;
|
|
}
|
|
|
|
.curated_snippet_section ul li h3 {
|
|
margin-bottom: 15px;
|
|
line-height: 24px;
|
|
text-transform: capitalize;
|
|
}
|
|
|
|
.curated_snippet_section ul li h3 small {
|
|
font-size: 18px;
|
|
color: #959798;
|
|
display: block;
|
|
margin-top: 5px;
|
|
line-height: 26px;
|
|
}
|
|
|
|
.curated_snippet_section ul li p {
|
|
font-size: 16px;
|
|
}
|
|
|
|
#scoopit-theme_full.scoopit-embed-full-theme #scoopit-wrapper .scoopit-fulltheme-scoops .scoopit-fulltheme-col1 .scoopit-fulltheme-scoop {
|
|
margin-right: 50px;
|
|
}
|
|
|
|
#scoopit-theme_full.scoopit-embed-full-theme #scoopit-wrapper .scoopit-fulltheme-scoops .scoopit-fulltheme-col1,
|
|
#scoopit-theme_full.scoopit-embed-full-theme #scoopit-wrapper .scoopit-fulltheme-scoops .scoopit-fulltheme-col2 {
|
|
width: 100%;
|
|
}
|
|
|
|
#scoopit-theme_full.scoopit-embed-full-theme #scoopit-wrapper .scoopit-fulltheme-scoops .scoopit-fulltheme-col1 .scoopit-fulltheme-scoop-wrapper,
|
|
#scoopit-theme_full.scoopit-embed-full-theme #scoopit-wrapper .scoopit-fulltheme-scoops .scoopit-fulltheme-col2 .scoopit-fulltheme-scoop-wrapper {
|
|
width: 50%;
|
|
float: left;
|
|
}
|
|
|
|
@media (max-width: 600px) {
|
|
#scoopit-theme_full.scoopit-embed-full-theme #scoopit-wrapper .scoopit-fulltheme-scoops .scoopit-fulltheme-col1 .scoopit-fulltheme-scoop-wrapper,
|
|
#scoopit-theme_full.scoopit-embed-full-theme #scoopit-wrapper .scoopit-fulltheme-scoops .scoopit-fulltheme-col2 .scoopit-fulltheme-scoop-wrapper {
|
|
width: 100%;
|
|
}
|
|
}
|
|
|
|
.node-type-support-services section p a:hover,
|
|
.node-type-support-services section p a:focus {
|
|
color: #24B6E9;
|
|
}
|
|
|
|
html.safari .node-type-support-services div.heronav_section ul {
|
|
display: block;
|
|
}
|
|
|
|
html.safari .node-type-support-services div.heronav_section ul li {
|
|
width: 24%;
|
|
}
|
|
|
|
section.supportpage_support_section .items>li,
|
|
section.supportpage_services_section .items>li {
|
|
height: auto !important;
|
|
position: relative;
|
|
}
|
|
|
|
section.supportpage_support_section .items>li h3,
|
|
section.supportpage_services_section .items>li h3 {
|
|
line-height: 28px;
|
|
}
|
|
|
|
section.supportpage_support_section .items>li p,
|
|
section.supportpage_services_section .items>li p {
|
|
font-size: 16px;
|
|
line-height: 22px;
|
|
margin-bottom: 30px;
|
|
}
|
|
|
|
section.supportpage_support_section .items>li a.button,
|
|
section.supportpage_services_section .items>li a.button,
|
|
section.supportpage_training_section .items>li a.button {
|
|
border-radius: 10px;
|
|
line-height: 28px;
|
|
margin: auto 10px;
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
section.supportpage_services_section .items>li+li:before {
|
|
border-left: 1px solid rgba(255, 255, 255, 0.6);
|
|
content: "";
|
|
position: absolute;
|
|
top: 12%;
|
|
height: 75%;
|
|
left: 0;
|
|
}
|
|
|
|
section.supportpage_services_section.section {
|
|
background-color: #27B7E7;
|
|
}
|
|
|
|
section.supportpage_services_section h2,
|
|
section.supportpage_services_section h3,
|
|
section.supportpage_services_section p {
|
|
color: #fff !important;
|
|
}
|
|
|
|
.node-type-support-services section.bottom_cta_section h2 {
|
|
color: #22B8EB;
|
|
}
|
|
|
|
section.support_faq_section .faq {
|
|
border: 1px solid #C4CDDA;
|
|
border-radius: 7px;
|
|
padding: 20px;
|
|
}
|
|
|
|
section.support_faq_section .faq+.faq {
|
|
border-top: none;
|
|
}
|
|
|
|
section.support_faq_section .faq h3 {
|
|
color: #808284;
|
|
margin-left: 40px;
|
|
margin-right: 00px;
|
|
line-height: 22px;
|
|
font-weight: bold;
|
|
}
|
|
|
|
section.support_faq_section .faq .clickme {
|
|
left: 0px;
|
|
font-size: 10px;
|
|
background-color: #1BBAF6;
|
|
border-radius: 20px;
|
|
padding: 5px 6px;
|
|
width: 20px;
|
|
height: 20px;
|
|
font-weight: 100;
|
|
color: #fff;
|
|
}
|
|
|
|
section.support_faq_section .faq .faq-title {
|
|
position: relative;
|
|
}
|
|
|
|
section.support_faq_section .faq .faq-title:hover,
|
|
section.support_faq_section .faq .faq-title:hover h3 {
|
|
color: #808284;
|
|
}
|
|
|
|
section.support_faq_section .faq .faq-title:hover .clickme {
|
|
color: #fff;
|
|
}
|
|
|
|
section.support_faq_section .faq .faq-body {
|
|
padding: 20px 0px 0px 0;
|
|
}
|
|
|
|
section.support_faq_section .faq .faq-body p {
|
|
font-size: 14px;
|
|
padding: 0 4px;
|
|
line-height: 18px;
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
section.support_faq_section .faq .faq-body ul li {
|
|
font-size: 14px;
|
|
color: #808284;
|
|
line-height: 18px;
|
|
padding-bottom: 8px;
|
|
}
|
|
|
|
section.supportpage_training_section.section {
|
|
background-color: #f2f2f2;
|
|
}
|
|
|
|
section.supportpage_training_section .items>li {
|
|
padding: 20px 60px 20px;
|
|
}
|
|
|
|
section.supportpage_training_section .items>li .header {
|
|
background-color: #3e4d54;
|
|
padding: 30px 15px 15px 15px;
|
|
position: relative;
|
|
}
|
|
|
|
section.supportpage_training_section .items>li .header h3 {
|
|
margin-bottom: 5px;
|
|
}
|
|
|
|
section.supportpage_training_section .items>li .content-box {
|
|
background-color: #ffffff;
|
|
padding: 50px 30px 50px 30px;
|
|
display: block;
|
|
}
|
|
|
|
section.supportpage_training_section .items>li .header:before {
|
|
content: "";
|
|
position: absolute;
|
|
left: 50%;
|
|
bottom: -26px;
|
|
margin-left: -13px;
|
|
border: 13px solid transparent;
|
|
border-top-width: 13px;
|
|
border-top-color: #3e4d54;
|
|
z-index: 99;
|
|
}
|
|
|
|
@media (max-width: 991px) {
|
|
section.support_faq_section .faq {
|
|
margin: 0;
|
|
}
|
|
section.supportpage_services_section .items>li:nth-child(3):before {
|
|
border-left: none;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 767px) {
|
|
section.support_faq_section .floatright .faq:first-child {
|
|
border-top: none;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 600px) {
|
|
section.supportpage_services_section .items>li+li:before {
|
|
border-left: none;
|
|
border-top: 1px solid rgba(255, 255, 255, 0.6);
|
|
width: 75%;
|
|
top: 0;
|
|
left: 12%;
|
|
}
|
|
}
|
|
|
|
.node-type-captains-directory section.title_section h2 {
|
|
color: #fff;
|
|
font-size: 20px;
|
|
line-height: 1.6;
|
|
text-rendering: optimizeLegibility;
|
|
}
|
|
|
|
section.docker_captian_about_section {
|
|
background-color: #f2f2f2;
|
|
}
|
|
|
|
section.docker_captian_about_section p {
|
|
color: #243137;
|
|
font-size: 16px;
|
|
line-height: 22px;
|
|
}
|
|
|
|
section.docker_captian_section {
|
|
padding: 50px 0;
|
|
}
|
|
|
|
.docker_captian_section .cbp .captians_list .cbp-item {
|
|
width: 220px;
|
|
height: 340px;
|
|
}
|
|
|
|
.docker_captian_section ul.captians_list .cbp-popup-content {
|
|
padding: 30px 50px;
|
|
margin: 0;
|
|
margin-bottom: 40px;
|
|
background-color: #27B7E7;
|
|
color: #fff;
|
|
}
|
|
|
|
.cbp .captians_list .cbp-item,
|
|
.cbp-wrapper {
|
|
overflow: inherit;
|
|
}
|
|
|
|
.captians_list .cbp-singlePageInline-active {
|
|
opacity: 1!important;
|
|
}
|
|
|
|
.captians_list .cbp-singlePageInline-active:after {
|
|
content: "";
|
|
position: absolute;
|
|
left: 50%;
|
|
bottom: -30px;
|
|
margin-left: -16px;
|
|
border: 16px solid transparent;
|
|
border-bottom-width: 16px;
|
|
border-bottom-color: #27B7E7;
|
|
}
|
|
|
|
section.docker_captian_section .captians_list img {
|
|
margin-bottom: 10px;
|
|
width: 100%;
|
|
}
|
|
|
|
section.docker_captian_section .captians_list .name {
|
|
color: #27B7E7;
|
|
font-size: 20px;
|
|
display: block;
|
|
text-align: left;
|
|
line-height: 18px;
|
|
margin-bottom: 10px;
|
|
margin-top: 10px;
|
|
}
|
|
|
|
section.docker_captian_section .captians_list .job {
|
|
color: #3E4D54;
|
|
font-size: 14px;
|
|
text-align: left;
|
|
display: block;
|
|
line-height: 16px;
|
|
margin-bottom: 10px;
|
|
min-height: 32px;
|
|
padding-left: 1px;
|
|
}
|
|
|
|
section.docker_captian_section .captians_list .view {
|
|
float: left;
|
|
font-size: 15px;
|
|
color: #FD993F;
|
|
width: initial;
|
|
height: initial;
|
|
line-height: 20px;
|
|
}
|
|
|
|
section.docker_captian_section .captians_list ul {
|
|
float: right;
|
|
padding: 0;
|
|
margin: 0;
|
|
list-style: none;
|
|
}
|
|
|
|
section.docker_captian_section .captians_list ul li {
|
|
padding: 0;
|
|
text-align: center;
|
|
margin-left: 2px;
|
|
margin-right: 2px;
|
|
float: left;
|
|
}
|
|
|
|
section.docker_captian_section .captians_list ul li.twitter_link a {
|
|
background-position: 0 0;
|
|
}
|
|
|
|
section.docker_captian_section .captians_list ul li.linkedin_link a {
|
|
background-position: -21px 0;
|
|
}
|
|
|
|
section.docker_captian_section .captians_list ul li.facebook_link a {
|
|
background-position: 0 0;
|
|
background-image: url(../images/docker_captian_globe_icon.png);
|
|
}
|
|
|
|
section.docker_captian_section .captians_list ul li.github_link a {
|
|
background-position: -42px 0;
|
|
}
|
|
|
|
section.docker_captian_section .captians_list ul li.share_link a {
|
|
background-position: -63px 0;
|
|
}
|
|
|
|
section.docker_captian_section .captians_list ul li.twitter_link a:hover {
|
|
background-position: 0 -21px;
|
|
}
|
|
|
|
section.docker_captian_section .captians_list ul li.linkedin_link a:hover {
|
|
background-position: -21px -21px;
|
|
}
|
|
|
|
section.docker_captian_section .captians_list ul li.facebook_link a:hover {
|
|
background-position: 0 -21px;
|
|
}
|
|
|
|
section.docker_captian_section .captians_list ul li.github_link a:hover {
|
|
background-position: -42px -21px;
|
|
}
|
|
|
|
section.docker_captian_section .captians_list ul li.share_link a:hover {
|
|
background-position: -63px -21px;
|
|
}
|
|
|
|
section.docker_captian_section .captians_list ul li a {
|
|
height: 21px;
|
|
width: 21px;
|
|
display: block;
|
|
text-indent: -99999px;
|
|
background-image: url(../images/docker_captian_social_icons.png);
|
|
background-repeat: no-repeat;
|
|
}
|
|
|
|
section.docker_captian_section .captians_list .cbp-popup-content .name {
|
|
color: #fff;
|
|
font-size: 33px;
|
|
font-weight: 100;
|
|
line-height: 50px;
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
section.docker_captian_section .captians_list .cbp-popup-content p {
|
|
color: #fff;
|
|
font-size: 16px;
|
|
line-height: 22px;
|
|
}
|
|
|
|
section.docker_captian_section .captians_list .cbp-popup-content p a {
|
|
color: #fff;
|
|
text-decoration: underline;
|
|
}
|
|
|
|
section.docker_captian_section .captians_list .cbp-singlePageInline-active .cbp-caption .overlay {
|
|
opacity: 0.6;
|
|
}
|
|
|
|
section.docker_captian_section .captians_list .cbp-caption .img_div {
|
|
position: relative;
|
|
}
|
|
|
|
section.docker_captian_section .captians_list .cbp-caption .name_can {
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
section.docker_captian_section .captians_list .cbp-caption .img_div:hover .overlay {
|
|
opacity: 0.6;
|
|
}
|
|
|
|
.retina-display section.docker_captian_section .captians_list .cbp-caption .img_div:hover .overlay {
|
|
opacity: 0;
|
|
}
|
|
|
|
section.docker_captian_section .captians_list .cbp-caption .img_div .view2 {
|
|
left: 0px;
|
|
right: 0px;
|
|
top: 0px;
|
|
bottom: 0px;
|
|
}
|
|
|
|
section.docker_captian_section .captians_list .cbp-caption .overlay {
|
|
position: absolute;
|
|
z-index: 2;
|
|
width: 100%;
|
|
height: 100%;
|
|
opacity: 0;
|
|
overflow: hidden;
|
|
background-color: #24B6E9;
|
|
-webkit-transition: all 0.0s ease-in-out;
|
|
-moz-transition: all 0.0s ease-in-out;
|
|
-o-transition: all 0.0s ease-in-out;
|
|
-ms-transition: all 0.0s ease-in-out;
|
|
transition: all 0.0s ease-in-out;
|
|
left: 0px;
|
|
right: 0px;
|
|
top: 0px;
|
|
bottom: 0px;
|
|
}
|
|
|
|
section.docker_captian_section a.displayblock {
|
|
display: block;
|
|
margin: auto;
|
|
max-width: 200px;
|
|
margin-top: 30px;
|
|
}
|
|
|
|
@media (max-width: 767px) {
|
|
.docker_captian_section .cbp .captians_list .cbp-item {
|
|
width: 250px;
|
|
height: 380px;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 500px) {
|
|
.docker_captian_section .cbp .captians_list .cbp-item {
|
|
width: 270px;
|
|
height: 400px;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 400px) {
|
|
.docker_captian_section .cbp .captians_list .cbp-item {
|
|
width: 270px;
|
|
height: 400px;
|
|
}
|
|
}
|
|
|
|
.main-header div>.nav-main>li.octopus-navstyle>ul>li>a {
|
|
font-size: 14px;
|
|
}
|
|
|
|
.path-docker-datacenter section.product_features_product_section.section {
|
|
background-color: #EEF0F3;
|
|
}
|
|
|
|
section.plans_section .cloud_plan_boxs .cloud_plan_box1 {
|
|
border-bottom: 1px solid #C4CDDA;
|
|
}
|
|
|
|
section.plans_section .cloudplan_boxs .cloud_plan_boxs .cloud_plan_box2 ul li {
|
|
font-size: 14px;
|
|
}
|
|
|
|
section.toolbox_overview_section .items>li ul {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
section.toolbox_overview_section .items>li a.button {
|
|
margin: 30px 20px;
|
|
}
|
|
|
|
.main-header div>.nav-main>li.octopus-navstyle>ul ul a {
|
|
font-size: 14px;
|
|
}
|
|
|
|
.main-header div>.nav-main>li.octopus-navstyle >ul>li {
|
|
margin: 0px 10px;
|
|
}
|
|
|
|
section.plans_section .plans .server_plan_box .box {
|
|
margin-top: 20px;
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
section.plans_section .plans .server_plan_box .box ul {
|
|
padding: 0px 10px
|
|
}
|
|
|
|
section.plans_section .plans .server_plan_box .box ul li {
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
section.plans_section .plans .server_plan_box .box ul li strong {
|
|
font-size: 16px;
|
|
}
|
|
|
|
section.plans_section .plans .server_plan_box .box+.box {
|
|
margin-top: 30px;
|
|
}
|
|
|
|
section.plans_section .plans .server_plan_box .box h4 {
|
|
padding: 0 11%;
|
|
font-size: 20px;
|
|
line-height: 20px;
|
|
color: #070B10;
|
|
}
|
|
|
|
section.plans_section .plans .server_plan_box .box p {
|
|
padding: 0 11%;
|
|
padding-bottom: 10px;
|
|
}
|
|
|
|
.page-node-75 ul.small-block-grid-1.medium-block-grid-3 {
|
|
text-align: center;
|
|
}
|
|
|
|
.main-header .menu-mlid-954 >ul {
|
|
/* display:none !important; */
|
|
}
|
|
|
|
.featured_events_item span {
|
|
margin-bottom: 12px;
|
|
display: block;
|
|
}
|
|
|
|
.events_item span {
|
|
margin-bottom: 12px;
|
|
display: inline-block;
|
|
}
|
|
|
|
.resources_page_banner a {
|
|
min-height: 46px;
|
|
}
|
|
|
|
.media-left,
|
|
.media-right,
|
|
.media-body {
|
|
font-size: 15px;
|
|
color: #39576a;
|
|
}
|
|
|
|
.path-section-products .region.region-hero-sub .nav-sub a.active-trail {
|
|
background: #1088b1;
|
|
color: #fff;
|
|
}
|
|
|
|
.path-section-products .region.region-hero-sub .nav-sub a.active-trail:hover {
|
|
background: #084053;
|
|
}
|
|
|
|
@media screen and (-ms-high-contrast:active),
|
|
all and (-ms-high-contrast:none) {
|
|
hr.moby::after {
|
|
background: url("../images/moby-tiny.png") no-repeat;
|
|
background-size: 52px;
|
|
}
|
|
}
|
|
|
|
.page-node-88 .cta_section .orange_bottom_link {
|
|
text-indent: -18px;
|
|
}
|
|
|
|
.page-node-12 .cta_section .orange_bottom_link {
|
|
text-indent: 60px;
|
|
}
|
|
|
|
.page-node-92 .cta_section .orange_bottom_link {
|
|
text-indent: 55px;
|
|
}
|
|
|
|
.page-node-16 .cta_section .orange_bottom_link {
|
|
text-indent: -50px;
|
|
}
|
|
|
|
.page-node-75 .small-block-grid-1.medium-block-grid-3 > li {
|
|
width: 50%;
|
|
}
|
|
|
|
.page-node-75 .medium-block-grid-2 > li:first-of-type {
|
|
width: 70%;
|
|
margin-right: 40px;
|
|
}
|
|
|
|
.page-node-75 .medium-block-grid-2 > li:last-of-type {
|
|
width: 26%;
|
|
}
|
|
|
|
@media screen and (max-width:640px) {
|
|
.page-node-75 .small-block-grid-1.medium-block-grid-3 > li {
|
|
width: 100%;
|
|
margin-bottom: 20px;
|
|
}
|
|
}
|
|
|
|
@media screen and (max-width:767px) {
|
|
section.resources_use_cases_section .resources_video_slider .inside_laptop_image {
|
|
padding: 11% 12% 14% 12%;
|
|
}
|
|
}
|
|
|
|
@media screen and (max-width:480px) {
|
|
section.plans_section .plans_tabs ul li {
|
|
float: none;
|
|
width: 1%;
|
|
margin: auto;
|
|
display: table-cell;
|
|
}
|
|
section.plans_section .plans_tabs ul li a {
|
|
padding: 10px 10px;
|
|
}
|
|
}
|
|
|
|
.node-type-enterprise .columns.services.medium-centered.medium-12 {
|
|
overflow: hidden;
|
|
}
|
|
|
|
a.resources_play {
|
|
z-index: 10;
|
|
}
|
|
|
|
.page-node-5926.node-type-enterprise a.orange-border-btn {
|
|
margin-top: 20px;
|
|
margin-bottom: 0px;
|
|
}
|
|
|
|
@media only screen and (max-width: 40em) {
|
|
.node-type-enterprise .page-content .hero-sub .button {
|
|
width: initial;
|
|
}
|
|
}
|
|
|
|
.inner-wrap .find_a_partner_section:last-of-type {
|
|
padding-bottom: 100px;
|
|
}
|
|
|
|
|
|
/*========== Career ==========*/
|
|
|
|
.job-application {
|
|
position: relative;
|
|
}
|
|
|
|
.job-application a.blue-btn {
|
|
position: absolute;
|
|
top: 50px;
|
|
left: 50%;
|
|
margin-left: 223px;
|
|
width: 223px;
|
|
height: 60px;
|
|
border-radius: 8px;
|
|
background-color: #22b8eb;
|
|
font-size: 24px;
|
|
color: #ffffff;
|
|
}
|
|
|
|
@media (max-width:991px) {
|
|
.job-application a.blue-btn {
|
|
position: relative;
|
|
top: 0;
|
|
margin: 0;
|
|
left: 0;
|
|
margin-top: 20px;
|
|
}
|
|
}
|
|
|
|
#job-content {
|
|
position: relative;
|
|
}
|
|
|
|
#job-content #header {
|
|
margin-bottom: 22px;
|
|
max-width: 600px;
|
|
position: relative;
|
|
}
|
|
|
|
#job-content #header .app-title {
|
|
font-size: 26px;
|
|
color: #555555;
|
|
display: block;
|
|
margin-bottom: 0;
|
|
font-weight: bold;
|
|
-webkit-margin-before: 0.67em;
|
|
-webkit-margin-start: 0px;
|
|
-webkit-margin-end: 0px;
|
|
letter-spacing: initial;
|
|
}
|
|
|
|
#job-content #header .location {
|
|
font-size: 16px;
|
|
}
|
|
|
|
#job-content #content {
|
|
max-width: 600px;
|
|
position: relative;
|
|
}
|
|
|
|
#job-content #content p,
|
|
#content ul {
|
|
font-size: 16px;
|
|
color: #555555;
|
|
line-height: 1.6;
|
|
letter-spacing: initial;
|
|
}
|
|
|
|
#job-content #content p {
|
|
-webkit-margin-before: 1em;
|
|
-webkit-margin-after: 1em;
|
|
-webkit-margin-start: 0px;
|
|
-webkit-margin-end: 0px;
|
|
}
|
|
|
|
#job-content #content ul {
|
|
padding-left: 22px;
|
|
margin: 0;
|
|
}
|
|
|
|
#job-content #content ul li {
|
|
line-height: 25px;
|
|
}
|
|
|
|
#job-content #content p strong {
|
|
font-size: 20px;
|
|
color: #555555;
|
|
line-height: 30px;
|
|
margin-top: 10px;
|
|
display: inline-block;
|
|
}
|
|
|
|
#job-content #content a {
|
|
text-decoration: none;
|
|
color: #118bd9;
|
|
}
|
|
|
|
#job-content a.blue-btn {
|
|
position: absolute;
|
|
top: 10px;
|
|
left: 50%;
|
|
margin-left: 223px;
|
|
width: 223px;
|
|
height: 60px;
|
|
border-radius: 8px;
|
|
background-color: #22b8eb;
|
|
font-size: 24px;
|
|
color: #ffffff;
|
|
}
|
|
|
|
@media (max-width:991px) {
|
|
#job-content a.blue-btn {
|
|
position: relative;
|
|
top: 0;
|
|
margin: 0;
|
|
left: 0;
|
|
margin-bottom: 5px;
|
|
}
|
|
}
|
|
|
|
@media (max-width:767px) {
|
|
.career-image {
|
|
background-size: cover;
|
|
height: 200px;
|
|
}
|
|
}
|
|
|
|
|
|
/*========== END Career ==========*/
|