diff --git a/_data/toc.yaml b/_data/toc.yaml index 2ddbd15208..0d4fe8468e 100644 --- a/_data/toc.yaml +++ b/_data/toc.yaml @@ -16,6 +16,8 @@ horizontalnav: node: samples guides: +- title: "Docs Hackathon: April 17-22nd, 2017" + path: /hackathon/ - sectiontitle: Get Docker section: - path: /engine/installation/ @@ -25,7 +27,7 @@ guides: - path: /docker-for-windows/install/ title: Docker for Windows - path: /docker-ee-for-windows/install/ - title: Docker EE for Windows Server + title: Docker EE for Windows Server - sectiontitle: Docker for Linux section: - path: /engine/installation/linux/ubuntu/ diff --git a/_scss/_navigation.scss b/_scss/_navigation.scss index b9ca6c94c4..d0195f4be5 100755 --- a/_scss/_navigation.scss +++ b/_scss/_navigation.scss @@ -103,14 +103,18 @@ .nav-sidebar ul { list-style: none; - padding-left: 15px; - padding: 0; + padding: 0px; text-align: left; li { display: block; } } +.nav-sidebar .nav ul +{ + padding: 0px 0px 0px 15px; +} + .nav-sidebar ul li a:hover { opacity: 0.7; background: transparent; diff --git a/css/archive/allcss.css b/css/archive/allcss.css deleted file mode 100644 index f4289ae0ea..0000000000 --- a/css/archive/allcss.css +++ /dev/null @@ -1,39413 +0,0 @@ -/*! 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 ==========*/ diff --git a/css/archive/app2.css b/css/archive/app2.css deleted file mode 100644 index b2f5835307..0000000000 --- a/css/archive/app2.css +++ /dev/null @@ -1,2477 +0,0 @@ -/*==================== New Home Page ===================*/ -@font-face { - font-family: 'Geomanist'; - src: url('../fonts/geomanist/hinted-Geomanist-Black.eot'); - src: url('../fonts/geomanist/hinted-Geomanist-Black.eot?#iefix') format('embedded-opentype'), - url('../fonts/geomanist/hinted-Geomanist-Black.woff2') format('woff2'), - url('../fonts/geomanist/hinted-Geomanist-Black.woff') format('woff'), - url('../fonts/geomanist/hinted-Geomanist-Black.ttf') format('truetype'), - url('../fonts/geomanist/hinted-Geomanist-Black.svg#Geomanist-Black') format('svg'); - font-weight: 900; - font-style: normal; -} - -@font-face { - font-family: 'Geomanist Book'; - src: url('../fonts/geomanist/hinted-Geomanist-Book.eot'); - src: url('../fonts/geomanist/hinted-Geomanist-Book.eot?#iefix') format('embedded-opentype'), - url('../fonts/geomanist/hinted-Geomanist-Book.woff2') format('woff2'), - url('../fonts/geomanist/hinted-Geomanist-Book.woff') format('woff'), - url('../fonts/geomanist/hinted-Geomanist-Book.ttf') format('truetype'), - url('../fonts/geomanist/hinted-Geomanist-Book.svg#Geomanist-Book') format('svg'); - font-weight: normal; - font-style: normal; -} - -@font-face { - font-family: 'Geomanist Ultra'; - src: url('../fonts/geomanist/hinted-Geomanist-Ultra.eot'); - src: url('../fonts/geomanist/hinted-Geomanist-Ultra.eot?#iefix') format('embedded-opentype'), - url('../fonts/geomanist/hinted-Geomanist-Ultra.woff2') format('woff2'), - url('../fonts/geomanist/hinted-Geomanist-Ultra.woff') format('woff'), - url('../fonts/geomanist/hinted-Geomanist-Ultra.ttf') format('truetype'), - url('../fonts/geomanist/hinted-Geomanist-Ultra.svg#Geomanist-Ultra') format('svg'); - font-weight: normal; - font-style: normal; -} - -@font-face { - font-family: 'Geomanist'; - src: url('../fonts/geomanist/hinted-Geomanist-Thin.eot'); - src: url('../fonts/geomanist/hinted-Geomanist-Thin.eot?#iefix') format('embedded-opentype'), - url('../fonts/geomanist/hinted-Geomanist-Thin.woff2') format('woff2'), - url('../fonts/geomanist/hinted-Geomanist-Thin.woff') format('woff'), - url('../fonts/geomanist/hinted-Geomanist-Thin.ttf') format('truetype'), - url('../fonts/geomanist/hinted-Geomanist-Thin.svg#Geomanist-Thin') format('svg'); - font-weight: 100; - font-style: normal; -} - -@font-face { - font-family: 'Geomanist'; - src: url('../fonts/geomanist/hinted-Geomanist-Light.eot'); - src: url('../fonts/geomanist/hinted-Geomanist-Light.eot?#iefix') format('embedded-opentype'), - url('../fonts/geomanist/hinted-Geomanist-Light.woff2') format('woff2'), - url('../fonts/geomanist/hinted-Geomanist-Light.woff') format('woff'), - url('../fonts/geomanist/hinted-Geomanist-Light.ttf') format('truetype'), - url('../fonts/geomanist/hinted-Geomanist-Light.svg#Geomanist-Light') format('svg'); - font-weight: 300; - font-style: normal; -} - -@font-face { - font-family: 'Geomanist'; - src: url('../fonts/geomanist/hinted-Geomanist-Regular.eot'); - src: url('../fonts/geomanist/hinted-Geomanist-Regular.eot?#iefix') format('embedded-opentype'), - url('../fonts/geomanist/hinted-Geomanist-Regular.woff2') format('woff2'), - url('../fonts/geomanist/hinted-Geomanist-Regular.woff') format('woff'), - url('../fonts/geomanist/hinted-Geomanist-Regular.ttf') format('truetype'), - url('../fonts/geomanist/hinted-Geomanist-Regular.svg#Geomanist-Regular') format('svg'); - font-weight: normal; - font-style: normal; -} - -@font-face { - font-family: 'Geomanist'; - src: url('../fonts/geomanist/hinted-Geomanist-ExtraLight.eot'); - src: url('../fonts/geomanist/hinted-Geomanist-ExtraLight.eot?#iefix') format('embedded-opentype'), - url('../fonts/geomanist/hinted-Geomanist-ExtraLight.woff2') format('woff2'), - url('../fonts/geomanist/hinted-Geomanist-ExtraLight.woff') format('woff'), - url('../fonts/geomanist/hinted-Geomanist-ExtraLight.ttf') format('truetype'), - url('../fonts/geomanist/hinted-Geomanist-ExtraLight.svg#Geomanist-ExtraLight') format('svg'); - font-weight: 200; - font-style: normal; -} - -@font-face { - font-family: 'Geomanist'; - src: url('../fonts/geomanist/hinted-Geomanist-Medium.eot'); - src: url('../fonts/geomanist/hinted-Geomanist-Medium.eot?#iefix') format('embedded-opentype'), - url('../fonts/geomanist/hinted-Geomanist-Medium.woff2') format('woff2'), - url('../fonts/geomanist/hinted-Geomanist-Medium.woff') format('woff'), - url('../fonts/geomanist/hinted-Geomanist-Medium.ttf') format('truetype'), - url('../fonts/geomanist/hinted-Geomanist-Medium.svg#Geomanist-Medium') format('svg'); - font-weight: 500; - font-style: normal; -} - -@font-face { - font-family: 'Geomanist'; - src: url('../fonts/geomanist/hinted-Geomanist-Bold.eot'); - src: url('../fonts/geomanist/hinted-Geomanist-Bold.eot?#iefix') format('embedded-opentype'), - url('../fonts/geomanist/hinted-Geomanist-Bold.woff2') format('woff2'), - url('../fonts/geomanist/hinted-Geomanist-Bold.woff') format('woff'), - url('../fonts/geomanist/hinted-Geomanist-Bold.ttf') format('truetype'), - url('../fonts/geomanist/hinted-Geomanist-Bold.svg#Geomanist-Bold') format('svg'); - font-weight: bold; - font-style: normal; -} -@font-face { - font-family: 'Comfortaa'; - src: url('../fonts/comfortaa/hinted-Comfortaa.eot'); - src: url('../fonts/comfortaa/hinted-Comfortaa.eot?#iefix') format('embedded-opentype'), - url('../fonts/comfortaa/hinted-Comfortaa.woff2') format('woff2'), - url('../fonts/comfortaa/hinted-Comfortaa.woff') format('woff'), - url('../fonts/comfortaa/hinted-Comfortaa.ttf') format('truetype'), - url('../fonts/comfortaa/hinted-Comfortaa.svg#Comfortaa') format('svg'); - font-weight: normal; - font-style: normal; -} - -@font-face { - font-family: 'Comfortaa'; - src: url('../fonts/comfortaa/hinted-Comfortaa-Light.eot'); - src: url('../fonts/comfortaa/hinted-Comfortaa-Light.eot?#iefix') format('embedded-opentype'), - url('../fonts/comfortaa/hinted-Comfortaa-Light.woff2') format('woff2'), - url('../fonts/comfortaa/hinted-Comfortaa-Light.woff') format('woff'), - url('../fonts/comfortaa/hinted-Comfortaa-Light.ttf') format('truetype'), - url('../fonts/comfortaa/hinted-Comfortaa-Light.svg#Comfortaa-Light') format('svg'); - font-weight: 300; - font-style: normal; -} - -@font-face { - font-family: 'Comfortaa'; - src: url('../fonts/comfortaa/hinted-Comfortaa-Bold.eot'); - src: url('../fonts/comfortaa/hinted-Comfortaa-Bold.eot?#iefix') format('embedded-opentype'), - url('../fonts/comfortaa/hinted-Comfortaa-Bold.woff2') format('woff2'), - url('../fonts/comfortaa/hinted-Comfortaa-Bold.woff') format('woff'), - url('../fonts/comfortaa/hinted-Comfortaa-Bold.ttf') format('truetype'), - url('../fonts/comfortaa/hinted-Comfortaa-Bold.svg#Comfortaa-Bold') format('svg'); - font-weight: bold; - font-style: normal; -} -.is_not_retina .dockercon16 .retina{ - display:none!important; -} -.is_retina .dockercon16 .image_simple{ - display:none!important; -} -.is_not_retina .dockercon16 .image_simple{ - display:block!important; -} -.is_retina .dockercon16 .retina{ - display:block!important; -} -.row { - max-width: inherit; - width: inherit; - margin-left: -15px; - margin-right: -15px; -} -/* SVEN SAYS NO -body h1,body h2,body h3,body h4,body h5,body h6, a.button, a.btn{ - font-family: 'Geomanist Book', sans-serif; -} -*/ -body, body p{ - font-family: 'Geomanist', sans-serif; - font-weight:normal; -} -/* SVEN SAYS NO -span, label, ul, li{ - font-family: 'Geomanist', sans-serif; - font-weight:normal; -} -body .dockercon16 h1,body .dockercon16 h4,body .dockercon16 h5,body .dockercon16 h6{ - font-family: 'Geomanist Book', sans-serif; -} -body .dockercon16 h2 { - font-family: 'Geomanist Light', sans-serif; -} -body .dockercon16 h3 { - font-family: 'Geomanist Regular', sans-serif; -} -body .dockercon16, body .dockercon16 p{ - font-family: 'Geomanist', sans-serif; - font-weight:normal; -} -*/ -a.button { - margin-left: 10px; -} -body .dockercon16 section.section { - padding: 120px 0; -} -section.GenericDev .items.displaytable { - display: table; - width: 100%; - margin: auto; -} -section.GenericDev .items.displaytable li { - float: none; - display: table-cell; - width: 0%; -} -.dockercon16 section.bluebackground.section h2{ -font-size:22px; -color: #E1F7FF; -text-transform:uppercase; -line-height: 1.4; -margin-bottom: 8px; -} -.dockercon16 section.bluebackground.section h2.marginBottom40{ -margin-bottom: 40px; -} -.dockercon16 section.bluebackground.section .container>p{ -font-size:14px; -color: #E0F6FE; -margin-bottom: 30px; - line-height: 1.6; -} -.dockercon16 section.bluebackground.section .container>img{ - margin: auto; - display: block; - margin-bottom: 30px; -} -.dockercon16 section.bluebackground.GenericDev .items>li h3{ -font-size:18px; -color: #E1F7FF; -text-transform: uppercase; -text-align: left; -} -.dockercon16 section.bluebackground.GenericDev .items>li span.sub_title{ -font-size:14px; -color: rgba(255,255,255,0.7); -text-transform: uppercase; -text-align: left; -display: block; -font-family: 'Geomanist', sans-serif; -font-weight: 400; -} -.dockercon16 section.bluebackground.GenericDev .items>li p{ -font-size:14px; -color: #E0F6FE; -padding-bottom: 20px; -margin-bottom: 0px; -text-align: left; -} -.dockercon16 section.whitebackground.section h2{ -font-size:22px; -color: #155A74; -text-transform:uppercase; -line-height: 1.4; -margin-bottom: 8px; -} -.dockercon16 section.whitebackground.section h2.marginBottom40{ -margin-bottom: 40px; -} -.dockercon16 section.whitebackground.section .container>p{ -font-size:14px; -color: #496B81; -margin-bottom: 30px; - line-height: 1.6; -} -.dockercon16 section.whitebackground.section .container>img{ - margin: auto; - display: block; - margin-bottom: 30px; -} -.dockercon16 section.whitebackground.GenericDev .items>li h3{ -font-size:18px; -color: #155A74; -text-transform: uppercase; -text-align: left; -} -.dockercon16 section.whitebackground.GenericDev .items>li span.sub_title{ -font-size:14px; -color: #BFBFBF; -text-transform: uppercase; -text-align: left; -display: block; -font-family: 'Geomanist', sans-serif; -font-weight: 400; -} -.dockercon16 section.whitebackground.GenericDev .items>li p{ -font-size:14px; -color: #496B81; -padding-bottom: 20px; -margin-bottom: 0px; -text-align: left; -} -.dockercon16 section.GenericDev .items>li ul{ - -} -.dockercon16 section.GenericDev .items>li ul li{ - font-size: 14px; - color: #ffffff; - line-height: 28px; - margin-bottom: 4px; - font-weight: normal; -} -/************************* for Button only ************************************/ -.dockercon16 section.section a.button,.dockercon16 section.title_section a.button{ - font-family: 'Geomanist Book', sans-serif; - font-size: 14px; - border-radius: 0; -} -.dockercon16 section.section a.button.orange-btn { - background-color: transparent; - color: #fff; - padding: 15px 50px 13px 50px; - border: 1px solid #fff; -} -.dockercon16 section.section a.button.orange-btn:hover { - background: RGBA(255, 255, 255, 0.25); -} -.dockercon16 section.whitebackground.section a.button.orange-btn { - background-color: transparent; - color: #0081AA; - padding: 15px 50px 13px 50px; - border:1px solid #0081AA; -} -.dockercon16 section.whitebackground.section a.button.orange-btn:hover { - background-color: rgba(34, 148, 202, 0.12); -} -.dockercon16 section.section a.button.white-btn{ - background: RGBA(255, 255, 255, 0.25); - color: #fff; - padding: 15px 70px 13px 70px; - border: 1px solid #fff; -} -.dockercon16 section.section a.button.white-btn:hover { - background: transparent; -} -.dockercon16 section.title_section a.button.white-btn{ - background-color: #fff; - color: #1DA4C9; - border: 0; - padding: 14px 70px 12px 70px; -} -.dockercon16 section.title_section a.button.white-btn:hover { - background: rgba(255, 255, 255, 0.83); -} -.dockercon16 section.title_section a.button.white-border-btn { - background-color: transparent; - color: #E6F9FF; - padding: 13px 70px 11px 70px; - border:1px solid #fff; -} -.dockercon16 section.title_section a.button.white-border-btn:hover { - background: RGBA(255, 255, 255, 0.25); - color: #fff; -} -.dockercon16 section.section a.button.darkblue-btn,.dockercon16 section.title_section a.button.darkblue-btn { - background-color: #2294ca; - color: #ffffff; - border: 0; - padding: 16px 60px 14px 60px; -} -.dockercon16 section.section a.button.darkblue-btn:hover, .dockercon16 section.title_section a.button.darkblue-btn:hover { - background: #235363; -} -.dockercon16 section.section a.button.darkblue-border-btn, .dockercon16 section.title_section a.button.darkblue-border-btn { - background-color: transparent; - color: #0081AA; - padding: 15px 40px 13px 40px; - border:1px solid #0081AA; -} -.dockercon16 section.section a.button.darkblue-border-btn:hover, .dockercon16 section.title_section a.button.darkblue-border-btn:hover { - background-color: rgba(34, 148, 202, 0.12); -} -.dockercon16 section.section a.button.lightblue-btn,.dockercon16 section.title_section a.button.lightblue-btn { - background-color: #22CAFF; - color: #ffffff; - border: 0; - padding: 16px 60px 14px 60px; -} -.dockercon16 section.section a.button.lightblue-btn:hover,.dockercon16 section.title_section a.button.lightblue-btn:hover { - background-color: #459db9; -} -.dockercon16 section.section a.button.lightblue-border-btn, .dockercon16 section.title_section a.button.lightblue-border-btn { - background-color: transparent; - color: #099BD1; - padding: 15px 40px 13px 40px; - border:1px solid #099BD1; -} -.dockercon16 section.section a.button.lightblue-border-btn:hover, .dockercon16 section.title_section a.button.lightblue-border-btn:hover { - background-color: rgba(9,155,209,0.12); -} -.dockercon16 section.section a.button+a.button,.dockercon16 section.title_section a.button+a.button { - margin-left:20px; -} -.dockercon16 section.GenericDev .items.media li { - position: relative; - margin-bottom: 0; - padding: 20px 10px 20px; -} -.dockercon16 section.GenericDev .items.media li a.button{ - font-size: 12px; - padding: 6px 30px; - min-width: 160px; -} -.dockercon16 section.GenericDev .items.media li a.button+a.button{ - display: table; - margin-top: 10px; - margin-left: 0; -} -.dockercon16 section.GenericDev .items.media.widthcol4 li a.button{ - font-size: 12px; - padding: 5px 20px; - min-width: 140px; -} -.dockercon16 section.GenericDev .items.media li .media_image { - float: left; - position: absolute; - left: 10px; - text-align: left; -} -.dockercon16 section.GenericDev .items.media li .media_content { - float: left; - text-align: left; -} -.dockercon16 section.GenericDev .items.media li .media_content img{ - margin-bottom:20px; -} -.dockercon16 section.GenericDev .items.media li .media_content h3 { - margin-top: 0px; - margin-bottom: 8px; -} -section.docker_use_cases_home_section .items li, section.customer_and_news_section .items li, section.projects_items_section .items li, section.partner_program_technology_section .items li{ - height: inherit!important; -} -section.bgblue1.section { - /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#7db9e8+0,4686b7+100,4686b7+100 */ -background: #4686b7; /* Old browsers */ -background: -moz-linear-gradient(top, #4686b7 0%, #499dcf 100%, #4686b7 100%); /* FF3.6-15 */ -background: -webkit-linear-gradient(top, #4686b7 0%,#499dcf 100%,#4686b7 100%); /* Chrome10-25,Safari5.1-6 */ -background: linear-gradient(to bottom, #4686b7 0%,#499dcf 100%,#4686b7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ -filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4686b7', endColorstr='#499dcf',GradientType=0 ); /* IE6-9 */ -} -section.bgblue2.section { - /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#7db9e8+0,4686b7+100,4686b7+100 */ -background: #4686b7; /* Old browsers */ -background: -moz-linear-gradient(top, #4686b7 0%, #499dcf 100%, #4686b7 100%); /* FF3.6-15 */ -background: -webkit-linear-gradient(top, #4686b7 0%,#499dcf 100%,#4686b7 100%); /* Chrome10-25,Safari5.1-6 */ -background: linear-gradient(to bottom, #4686b7 0%,#499dcf 100%,#4686b7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ -filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4686b7', endColorstr='#499dcf',GradientType=0 ); /* IE6-9 */ -} -section.bgblue3.section { - /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#7db9e8+0,4686b7+100,4686b7+100 */ -background: #4686b7; /* Old browsers */ -background: -moz-linear-gradient(top, #4686b7 0%, #499dcf 100%, #4686b7 100%); /* FF3.6-15 */ -background: -webkit-linear-gradient(top, #4686b7 0%,#499dcf 100%,#4686b7 100%); /* Chrome10-25,Safari5.1-6 */ -background: linear-gradient(to bottom, #4686b7 0%,#499dcf 100%,#4686b7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ -filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4686b7', endColorstr='#499dcf',GradientType=0 ); /* IE6-9 */ -} -section.bgblue4.section { - background: #285a8c; - background: -moz-linear-gradient(top, #1488C6 0%, #124b77 100%, #124b77 100%); - background: -webkit-linear-gradient(top, #1488C6 0%,#124b77 100%,#124b77 100%); - background: linear-gradient(to top, #1488C6 0%,#124b77 100%,#124b77 100%); - filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1488C6', endColorstr='#124b77',GradientType=0 ); -} -section.bgblue5.section { - /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#5ba2db+0,4686b7+100,4abfea+100 */ -background: #5ba2db; /* Old browsers */ -background: -moz-linear-gradient(top, #5ba2db 0%, #4bbfe9 100%, #5ba2db 100%); /* FF3.6-15 */ -background: -webkit-linear-gradient(top, #5ba2db 0%,#4bbfe9 100%,#5ba2db 100%); /* Chrome10-25,Safari5.1-6 */ -background: linear-gradient(to bottom, #5ba2db 0%,#4bbfe9 100%,#5ba2db 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ -filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5ba2db', endColorstr='#4bbfe9',GradientType=0 ); /* IE6-9 */ -} -section.bgblue3.section { - background: #4686b7; - background: -moz-linear-gradient(top, #00577B 0%, #0F8AB4 100%, #00577B 100%); - background: -webkit-linear-gradient(top, #00577B 0%,#0F8AB4 100%,#0F8AB4 100%); - background: linear-gradient(to bottom, #00577B 0%,#0F8AB4 100%,#0F8AB4 100%); - filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00577B', endColorstr='#0F8AB4',GradientType=0 ); -} -section.bgblue4.section { - background: #285a8c; - background: -moz-linear-gradient(top, #1488C6 0%, #124b77 100%, #124b77 100%); - background: -webkit-linear-gradient(top, #1488C6 0%,#124b77 100%,#124b77 100%); - background: linear-gradient(to top, #1488C6 0%,#124b77 100%,#124b77 100%); - filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1488C6', endColorstr='#124b77',GradientType=0 ); -} -section.bgblue5.section { - background: #5ba2db; - background: linear-gradient(to bottom, #004D7B 0%,#1488C6 100%,#1488C6 100%); - background: -moz-linear-gradient(top, #004D7B 0%, #1488C6 100%, #1488C6 100%); - background: -webkit-linear-gradient(top, #004D7B 0%,#1488C6 100%,#1488C6 100%); - filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#004D7B', endColorstr='#1488C6',GradientType=0 ); -} -section.bottom_cta_section.blue,section.bottom_cta_section.bgblue5{ - background: #5ba2db; - background: linear-gradient(to bottom, #054B62 0%,#06131e 100%,#213c51 100%); - background: -moz-linear-gradient(top, #054B62 0%, #06131e 100%, #213c51 100%); - background: -webkit-linear-gradient(top, #054B62 0%,#06131e 100%,#213c51 100%); - filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#054B62', endColorstr='#06131e',GradientType=0 ); - - - - -} -footer.main_footer { - background: #001829; -} -div.moby_footer { - height: 12px; - position:relative; -} -footer.main_footer { - border-top: 10px solid #ffd601; - outline: 13px solid #9ce2c0; -} -div.moby_footer .bar{ - position:absolute; - background-image: url(../images/footer_moby_bar.png); - width: 100%; - height: 17px; - top: -5px; -} -div.moby_footer .moby{ - position:absolute; - background-image: url(../images/footer_moby_icon.png); - background-repeat: no-repeat; - width: 142px; - height: 103px; - right: 65px; - top: -65px; -} -i.footer_mobypadding{ - padding-top: 50px; - display: block; -} -header.main-header { - margin: 0; - position:absolute; - width:100%; - padding: 0; - background-image: linear-gradient(0deg, #15A4D7 0%, #1488C6 100%); - height: 100px; -} -header.main-header::after { - content: ""; - background-image: url(../images/banner_image_24515.png); - background-size: cover; - opacity: 0; - top: 0; - left: 0; - bottom: 0; - right: 0; - position: absolute; - z-index: -1; -} -header.main-header.backgroundimage::after { - content: ""; - opacity: 1; -} -header .top-right-bg { - background-size: 100% 45px; - opacity: 1; - width: 40%; - height: 45px; - position: absolute; - z-index: 0; - top: 0px; - left: 60%; -} -header .nav-global{ - list-style: none; - float: right; - margin-bottom: 0; - height: 45px; - overflow: hidden; -} -header .nav-global li a{ - font-family: 'Geomanist Book', sans-serif; - font-size: 12px; - color: #fff; - text-transform: uppercase; - padding: 12px 12px; -} -header .nav-global li a:hover{ - background-color: rgba(0, 0, 0, 0.2); - color: #fff; -} -.main-header div>.nav-main>li>ul { - transition: all ease-in .2s; - opacity: 0; - visibility: hidden; - display: block; -} -.main-header div>.nav-main>li:hover>ul { - opacity: 1; - visibility: visible; -} -.main-header div>.nav-main>li>a{ - transition: all ease-in .2s; - font-size: 16px; -} -.main-header div>.nav-main>li>ul a{ - transition: all ease-in .2s; -} -.main-header div>.nav-main>li.double-navstyle>ul { - width: 410px; - margin-left: -225px; -} -.main-header div>.nav-main>li.double-navstyle>ul li.navleft { - float: left; - clear: left; - width: 160px; -} -.main-header div>.nav-main>li.double-navstyle>ul>li { - width: 250px; - display: inline-block; - float: right; - margin-bottom: 20px!important; -} -.main-header div>.nav-main>li.double-navstyle>ul>li>a { - color: #22caff; - text-transform:uppercase; -} -.main-header div>.nav-main>li.double-navstyle.secondlast>ul { - margin-left: -275px; -} -.main-header div>.nav-main>li.double-navstyle.secondlast>ul:before { - margin-left: 82px; -} -.main-header div>.nav-main>li.last>ul { - left: auto; - right: 0px; -} -.main-header div>.nav-main>li.last>ul:before { - margin-left: 40px; -} -footer.main_footer{ -font-family: 'Geomanist', sans-serif!important; -color: #fff; -padding:60px 0 0 0; -font-weight:normal; -} -footer.main_footer .top_footer{ -margin-bottom:100px; -} -footer.main_footer h6{ -font-family: 'Geomanist', sans-serif!important; -color: #fff; -font-size: 16px; -font-weight:normal; -} -footer.main_footer ul{ - font-size: 12px; - list-style: none; - padding: 0; - margin: 0; -} -footer.main_footer ul li{ - -} -footer.main_footer ul li a{ - color: #fff; -} -footer.main_footer p{ - font-size: 12px; -} - -footer.main_footer .social-icons { - list-style: none; - margin: 0; - padding: 0; - position: relative; - display: table; - flex-direction: row; - display: -webkit-box; - display: -moz-box; - display: -ms-flexbox; - display: -webkit-flex; - display: flex; - max-width: 380px; - margin-right: 20px; - margin-top: 12px; -} -footer.main_footer .social-icons>li { - - flex-grow: 1; -} -footer.main_footer .social-icons li a { - text-align: left; - text-indent: -9999px; - display: block; - width: 28px; - height: 28px; - background-image: url(../images/social_icons_24518.png); - background-repeat: no-repeat; -} - -footer.main_footer .social-icons li.facebook a { - background-position: -0px 0px; -} -footer.main_footer .social-icons li.google a { - background-position: -50px 0px; -} -footer.main_footer .social-icons li.github a { - background-position: -95px 0px; -} -footer.main_footer .social-icons li.linkedin a { - background-position: -142px 0px; -} -footer.main_footer .social-icons li.youtube a { - background-position: -190px 0px; - width: 52px; -} -footer.main_footer .social-icons li.reddit a { - background-position: -260px 0px; - width: 36px; -} -footer.main_footer .social-icons li.twitter a { - background-position: -315px 0px; - width: 32px; -} -footer.main_footer .social-icons li.slideshare a { - background-position: -362px 0px; -} - -footer.main_footer div.newsletter{ - max-width:360px; - margin-right:20px; -} -footer.main_footer div.newsletter form .mktoFormRow { - float: left; - width: 65%; -} -footer.main_footer div.newsletter form .mktoButtonRow { - width: 35% -} -footer.main_footer div.newsletter form #Email { - font-family: 'Geomanist Book', sans-serif; - width: 100% !important; - font-size: 12px; - padding: 0; - border-radius: 0; - background-color: transparent; - border: 0; - border-bottom: 1px solid #5B7080; - color: #ffffff; - height: 31px; -} -.main_footer div.newsletter form .mktoButtonRow button { - font-family: 'Geomanist Book', sans-serif; - font-size: 12px !important; - border-radius: 0; - padding: 8px !important; - width: 100%; - float: left; - border: none !important; - background: #FFC176!important; - color: #3F1B02 !important; - background: #2294CA!important; - color: #fff!important; - -} -.main_footer div.newsletter form .mktoButtonRow button:hover { - background: #FFC176!important; - color: #3F1B02; - background: #2294CA!important; - color: #fff!important; -} -.main_footer div.newsletter form .mktoOffset, -.main_footer div.newsletter form .mktoGutter, -.main_footer div.newsletter form label { - display: none; -} -.main_footer div.newsletter form { - font-size: 12px !important; - width: 100% !important; -} -.main_footer div.newsletter form .mktoFormCol, -.main_footer div.newsletter form .mktoFieldWrap { - width: 100% !important; - margin:0 !important; -} -.main_footer div.newsletter form .mktoSimple { - margin: 0 !important; -} - -.main_footer .footer-nav { - -} -.main_footer .footer-nav>p { - margin-bottom: 12px; - display: inline-block; -} -.main_footer .footer-nav .primary-footer-sub-nav{ - float:right; - margin-bottom: 20px; -} -.main_footer .footer-nav .primary-footer-sub-nav ul li{ - margin-left:30px; -} -.main_footer .bottom_footer .footer-copyright { - border-top: 1px solid #5C7787; - padding: 12px 0 50px 0; -} -.dockercon16 section.map_section { - padding:0; - margin:0; -} -.dockercon16 section.title_section { - background-image: url(../images/banner_image_24515.png); - background-size: cover; - margin-bottom: 0px!important; -} -.dockercon16 section.title_section .dockercon16_padding { - padding-top:101px; -} -.dockercon16 section .dockercon16_padding { - padding-top:101px; -} -.dockercon16 section.title_section.darkblue h1 { - font-family: 'Geomanist Light', sans-serif; - margin-bottom: 25px; - font-size:30px; - color: #e1f7ff; - margin-top: 20px; - text-transform: uppercase; -} -.dockercon16 section.title_section.darkblue h3{ - color: #e1f7ff; -} -.dockercon16 section.title_section.darkblue h4{ - color: #e1f7ff; - font-size: 20px; - margin-bottom: 20px; -} -.dockercon16 section.title_section.darkblue p { - font-family: 'Geomanist', sans-serif; - font-size:14px; - color: #e1f7ff; - font-weight:normal; - margin-bottom: 30px; -} -.region.region-hero-sub .nav-sub .removetab-menu-item { - display: none; -} -/** global navigation elements **/ -.dockercon16 div.heronav_section{ - height: 52px; - background-color: #003E52; -} -.dockercon16 div.heronav_section ul{ - display: block; - margin: auto; - text-align: center; -} -.dockercon16 div.heronav_section ul li{ - margin: 0px 3px; - font-size: 14px; - font-family: 'Geomanist Book', sans-serif; -} -.dockercon16 div.heronav_section ul li a{ - padding: 14px 40px 10px 40px; -} -.dockercon16 div.heronav_section ul li.active { - background-color: #628191; -} -.dockercon16 div.heronav_section ul li:hover { - background-color: #628191; -} -.dockercon16 section.section .video_container{ - position: relative; - background-repeat: no-repeat; - background-size: contain; - background-position: center; - margin: auto; -} -.dockercon16 section.section .video_container a.play_btn{ - position: absolute; - content: 'play'; - display: block; - width: 90px; - height: 90px; - text-align: left; - text-indent: -9999px; - background-image: url(../images/video_icon_2453.png); - background-repeat: no-repeat; - background-size: cover; - top: 50%; - left: 50%; - margin-top: -45px; - margin-left: -45px; -} -section.dockercon_quotes_section{ - padding: 80px 0; -} -section.dockercon_quotes_section .quotes_icon{ - background-image: url(../images/quote_icon_2452.png); - width: 52px; - height: 52px; - margin: auto; - margin-top: -20px; - margin-left: 50px; - background-size: 110%; - background-repeat: no-repeat; - display: block; - - float: left; -} -section.dockercon_quotes_section .quotes_slider{ - max-width: 700px; - margin: auto; - position: relative; - color:#ffffff; - font-size:20px; - margin-bottom: 50px; -} -section.dockercon_quotes_section .flex-control-nav { - width: 100%; - position: absolute; - bottom: -80px; -} -section.dockercon_quotes_section .quotes_slider .slides{} -section.dockercon_quotes_section .quotes_slider .slides li{} -section.dockercon_quotes_section .quotes_slider .slides li p{ - font-size:20px; - color:#ffffff; - text-align:center; -} -section.dockercon_quotes_section .quotes_slider .slides li .author{ - font-family: 'Geomanist Book', sans-serif; - font-size:20px; - float: left; - padding-left: 70%; -} -section.dockercon_quotes_section .quotes_slider .slides li .author_position{ - font-family: 'Geomanist Book', sans-serif; - font-size:12px; - float: left; - padding-left: 70%; - clear: both; - line-height: 12px; -} -section.dockercon_quotes_section .quotes_slider .flex-control-paging li{ - margin-top: 20px; -} -section.dockercon_quotes_section .quotes_slider .flex-control-paging li a{ - background: #72DDFF; -} -section.dockercon_quotes_section .quotes_slider .flex-control-paging li a:hover{ - background: #FFFFFF; -} -section.dockercon_quotes_section .quotes_slider .flex-control-paging li a.flex-active{ - background: #FFFFFF; -} -/* ========== Start Home ========== */ -.node-type-front-page .dockercon16 section.title_section.darkblue { - padding-bottom: 0; - position: relative; -} -.node-type-front-page .dockercon16 section.title_section.darkblue h1 { - font-family: 'Geomanist', sans-serif; - font-weight: 300; - font-style: normal; - font-size:64px; - color:#FFFFFF; - margin-bottom: 10px; -} -.node-type-front-page .dockercon16 section.title_section.darkblue p { - font-size: 18px; - color: #FFFFFF; - max-width: 340px; -} -.node-type-front-page .dockercon16 section.title_section.darkblue img.moby { - z-index: 2; - position: relative; -} -.node-type-front-page .dockercon16 section.title_section.darkblue a.button { - color:#FFFFFF; - width: 270px; - margin-top: 0px; - background-color: rgba(0, 78, 103, 0.61); - padding: 16px 40px 14px 40px; - margin-left: 0; -} -.node-type-front-page .dockercon16 section.title_section.darkblue a.button:hover { - background: rgba(0, 0, 0, 0.6); - text-decoration: none; - border: none; - padding: 16px 40px 14px 40px; - color: #fff; -} -div.dockercon_registation_section img.dcon_icon{ - position: absolute; - bottom: 0; -} -div.dockercon_registation_section img.dcon_logo{ - padding-left: 50px; - margin-top: 10px; - float: left; -} -div.dockercon_registation_section a.register_link.video{ - background-image:url(../images/dcon_video_play.png); - background-repeat: no-repeat; - background-position: right 0 top 15px; - padding: 20px; - padding-right: 40px; - margin-top: -8px; - background-size: 26px; -} -div.dockercon_registation_section a.register_link{ - font-family: 'Geomanist Book', sans-serif; - padding-left: 20px; - color: #fff; - font-size: 14px; - float: left; - margin-top: 14px; -} -div.dockercon_registation_section{ - background-image: url(../images/doc_bar_12311.png); - background-size: 100% 52px; - background-repeat: no-repeat; - position: absolute; - background-color: rgba(84,189,192,0.4); - width: 100%; - height: 52px; - text-align: left; - bottom: 0; - position:static; -} -.dockercon16 section.customer_and_news_section.section { - background-color:#003E52; - padding: 50px 0!important; -} -.dockercon16 section.customer_and_news_section.section.GenericDev .items.media li a.button{ - border: 1px solid #72B8D6; - background-color: transparent; - color: #fff; - text-decoration: none; - padding: 5px 60px; -} -.dockercon16 section.customer_and_news_section.section.GenericDev .items.media li a.button:hover { - background: rgba(255, 255, 255, 0.11); -} -section.the_docker_solution_section.section { - background-color:#ffffff; -} -section.the_docker_solution_section img { - margin: auto; - margin-bottom: 40px; - display: block; -} - -section.customer_and_news_section .items.media li .media_image h3 { -margin-bottom: 20px; -} -section.customer_and_news_section .items.media li .media_image { - width: 50px; -} -section.customer_and_news_section .items.media li .media_content { - padding-left: 65px; -} -section.docker_solution_section .items.media li .media_image { - width: 50px; -} -section.docker_solution_section .items.media li .media_content { - padding-left: 65px; -} -section.docker_use_cases_home_section .items.media li .media_image { - width: 50px; -} -section.docker_use_cases_home_section .items.media li .media_content { - padding-left: 65px; -} -section.docker_footer_image_section { - padding: 100px 0; -} -section.docker_footer_image_section h2 { - padding: 50px 0 100px 0; -} -/* ========== Start dockercon_registation_section ========== */ - -div.dockercon_registation_section img.dcon_logo { - padding-left: 40px; -} -div.dockercon_registation_section .cross-btn { - color: #fff; - font-size: 14px; - float: left; - height: 43px; - width: 260px; - overflow: hidden; - position: relative; - font-family: 'Geomanist Book', sans-serif; -} -div.dockercon_registation_section .cross-btn:before { -} -div.dockercon_registation_section .cross-btn:after { - content: ' '; - position: absolute; - bottom: 0px; - left: 0px; - right: 0px; - z-index: 2; - display: block; - border-bottom: 10px solid #003e52; - border-left: 260px solid transparent; - border-right: 0px solid transparent; -} -div.dockercon_registation_section .cross-btn > a:hover, -div.dockercon_registation_section .cross-btn > a:focus, -div.dockercon_registation_section .cross-btn > a:active, -div.dockercon_registation_section .cross-btn > a:visited { - outline: none; - border: none; - text-decoration: none; -} -div.dockercon_registation_section .cross-btn > a { - color: inherit; - display: inline-block; - background-color: #6cd7d0; - padding-top: 7px; - padding-bottom: 7px; - padding-left: 10px; - margin-left: 20px; - position: relative; - text-decoration:none; -} -div.dockercon_registation_section .cross-btn > a:before { - content: ' '; - display: block; - position: absolute; - top: -2px; - left: -10px; - width: 20px; - height: 50px; - background-color: #6cd7d0; - transform: rotate(380deg); - transform-origin: center left; - z-index: 0; -} -div.dockercon_registation_section .cross-btn > a:after { - content: ' '; - display: block; - position: absolute; - top: -2px; - right: -110px; - width: 120px; - height: 40px; - background-color: #6cd7d0; - transform: rotate(380deg); - transform-origin: center left; - z-index: 0; -} -div.dockercon_registation_section .cross-btn > a > span { - position: relative; - z-index: 1; -} -div.dockercon_registation_section .cross-btn > a > span > i { - background-image: url(/sites/all/themes/docker/assets/images/dcon_video_play.png); - background-repeat: no-repeat; - display: inline-block; - width: 30px; - height: 30px; - vertical-align: middle; - margin-left: 10px; -} -/* ========== End dockercon_registation_section ========== */ -/* ========== End Home ========== */ -/* ========== Start Careers ========== */ -section.career_overview_section .side_image{ - margin-bottom:25px; -} -section.career_overview_section.GenericDev .items>li{ - padding:0; - padding-right:50px; -} -section.career_overview_section.section .video_container a.play_btn{ - background-image: url(../images/video_icon_2453-2.png); -} -section.career_overview_section.section.GenericDev .items>li h3{ - margin-top: 0; -} -section.career_logos_section{ - display:none; -} -section.career_logos_section .items { - margin-bottom:0; -} -section.career_logos_section .items li { - margin-bottom: 0px; - padding: 2px; -} -section.career_logos_section .items li .helper{ - background-color:#FAFAFA; - display: block; - padding: 60px 15px; -} -section.career_logos_section .items li img{} -section.career_docker_culture_section{} -section.career_docker_culture_section.GenericDev .container { - overflow: hidden; -} -section.career_docker_culture_section.GenericDev .items { - margin-left: -40px; - margin-right: -40px; -} -section.career_docker_culture_section.GenericDev .items>li { - padding-left: 40px; - padding-right: 40px; -} -section.career_job_openings_section.GenericDev .items.media li{ - padding: 20px 80px 20px 80px; -} -section.career_job_openings_section.GenericDev .items.media li .media_image{ - left: 80px; -} -section.career_job_openings_section .items li h3 { - margin-bottom: 0; -} -section.career_job_openings_section .items li span { - font-size:14px; - color: #E1F7FF; - line-height: 20px; - display: block; -} - -section.career_job_openings_section .items li a { -text-decoration:none; -} -section.career_job_openings_section .items li .fa { - font-size: 50px; - color: #fff; -} -section.career_job_openings_section .items li .fa-business-development:before { - content: ""; - background-image: url(../images/business-development-icon.png); - background-repeat: no-repeat; - background-size: 50px; - height: 50px; - width: 50px; - display: block; - margin-top: 8px; -} -section.career_job_openings_section .items li .fa-business-operations:before { - content: ""; - background-image: url(../images/business-operations-icon.png); - background-repeat: no-repeat; - background-size: 60px; - height: 60px; - width: 60px; - display: block; - margin-top: -4px; -} -section.career_job_openings_section .items.media li .media_image{ - width: 60px; -} -section.career_job_openings_section .items.media li .media_content{ - padding-left: 70px; -} -.jobs_section .jobs li a{ - -} -.jobs_section .jobs li span{ - -} -.jobs_section img{ - margin-bottom:50px; -} -/* ========== End Careers ========== */ -/* ========== Start Enterprise ========== */ -section.enterprise_why_docker_section .items.media li .media_image{ - width: 50px; -} -section.enterprise_why_docker_section .items.media li .media_content{ - padding-left: 65px; -} - -section.deploy_docker_solution_section ul.items{ - max-width: 700px; - margin: auto; -} -section.subscription_docker_solution_section .items.media li .media_image{ - width: 50px; -} -section.subscription_docker_solution_section .items.media li .media_content{ - padding-left: 65px; -} -/* ========== End Enterprise ========== */ -/* ========== Start Products ========== */ -section.whatisdocker_overview_section.GenericDev .container{ -overflow:hidden; -} -section.whatisdocker_overview_section.GenericDev .items.media{ - margin-left: -40px; - margin-right: -40px; -} -section.whatisdocker_overview_section.GenericDev .items.media li{ - padding-left: 40px; - padding-right: 40px; -} -section.build_better_section.GenericDev .container{ -overflow:hidden; -} -section.build_better_section.GenericDev .items.media{ - margin-left: -40px; - margin-right: -40px; -} -section.build_better_section.GenericDev .items.media li{ - padding-left: 40px; - padding-right: 40px; -} -section.whatisdocker_easily_share_section.GenericDev .container{ -overflow:hidden; -} -section.whatisdocker_easily_share_section.GenericDev .items.media{ - margin-left: -40px; - margin-right: -40px; -} -section.whatisdocker_easily_share_section.GenericDev .items.media li{ - padding-left: 40px; - padding-right: 40px; -} -section.whatisdocker_faster_section.GenericDev .container{ -overflow:hidden; -} -section.whatisdocker_faster_section.GenericDev .items.media{ - margin-left: -40px; - margin-right: -40px; -} -section.whatisdocker_faster_section.GenericDev .items.media li{ - padding-left: 40px; - padding-right: 40px; -} -section.docker_vs_vm_section .items.media .media_content img{ - margin-bottom: 20px; -} -section.docker_product_section.GenericDev .container{ -overflow:hidden; -} -section.docker_product_section.GenericDev .items.media{ - margin-left: -40px; - margin-right: -40px; -} -section.docker_product_section.GenericDev .items.media li{ - padding-left: 40px; - padding-right: 40px; -} -section.docker_product_section .items.media li .media_image{ - width: 50px; - left: 40px!important; -} -section.docker_product_section .items.media li .media_content{ - padding-left: 65px; -} -section.docker_product_section .button_table { - display: table; -} -section.docker_product_section .button_table_cell { - display: table-cell; - vertical-align: middle; -} -section.docker_product_section .button_table_cell a.button{ - display:block; - max-width:220px; - margin-left:auto!important; - margin-right:auto!important; -} -/* ========== End Products ========== */ -/* ========== Start Product editions ========== */ -section.product_editions_overview_section.GenericDev .container{ -overflow:hidden; -} -section.product_editions_overview_section.GenericDev .items.media{ - margin-left: -40px; - margin-right: -40px; -} -section.product_editions_overview_section.GenericDev .items.media li{ - padding-left: 40px; - padding-right: 40px; -} -section.product_editions_overview_section .items.media li .media_image{ - width: 80px; - left: 40px!important; -} -section.product_editions_overview_section .items.media li .media_content{ - padding-left: 100px; -} -section.docker_product_editions_section.section{ - padding:100px 0; -} -section.docker_product_editions_section .items.media li{ - min-height: 200px; - display:table; - padding:0!important; -} -section.docker_product_editions_section .items.media li .media_image{ - width: 260px; - text-align: center!important; - top: 20px; -} -section.docker_product_editions_section .items.media li .media_content{ - padding-left: 260px; - display: table-cell; - vertical-align: middle; - float:none!important; -} -section.docker_product_editions_section .button_table { - display: table; -} -section.docker_product_editions_section .button_table_cell { - display: table-cell; - vertical-align: middle; -} -section.docker_product_editions_section .button_table_cell a.button{ - display:block; - max-width:250px; - margin-left:auto!important; - margin-right:auto!important; -} -/* ========== End Product editions ========== */ -/* ========== Start Projects ========== */ -section.projects_items_section.GenericDev .container{ -overflow:hidden; -} -section.projects_items_section.GenericDev .items.media{ - margin-left: -20px; - margin-right: -20px; -} -section.projects_items_section.GenericDev .items.media li{ - padding-left: 20px; - padding-right: 20px; -} -section.projects_items_section .items.media li .media_image{ - width: 50px; - left: 20px!important; -} -section.projects_items_section .items.media li .media_image+.media_content{ - padding-left: 65px; -} -.node-type-projects section.bottom_cta_section.section a.button { - display: block; - margin: auto!important; - margin-bottom: 10px!important; -} -/* ========== End Projects ========== */ -/* ========== Start Pricing ========== */ -.pricing-image{ - padding-top:30px; -} -section.plans_section.section{ - background-color: #fff; -} -section.plans_section .plans_tabs{ - display:none; -} -.dockercon_breakline{ - background-image: url(../images/pricing_breakline.svg); - height: 25px; - background-repeat: no-repeat; - background-color: transparent; - width: 100%; - max-width: 100%; - margin: 0; - padding: 0; - background-position: center; -} -section.pricing_our_customers_section .items{ - padding-top:50px; -} -section.pricing_our_customers_section .items li { - margin-bottom: 0px; - padding: 2px; -} -section.pricing_our_customers_section .items li .helper { - background-color: #FAFAFA; - display: block; - padding: 60px 15px; -} -section.faqs_section .faqs-group{ - padding-top:50px; -} -section.faqs_section .faq h3{ - font-family: 'Geomanist', sans-serif; - font-weight: 400; - color: #5A7E93; -} -section.faqs_section .faq .clickme{ - font-size: 14px; - color: #5A7E93; - top: 4px; -} -section.faqs_section .faq .faq-body,section.faqs_section .faq .faq-body p,section.faqs_section .faq .faq-body li { - color: #5A7E93; - font-size: 13px; -} -section.faqs_section .faq { - padding: 12px 0; -} -section.faqs_section .cta_button { - padding:50px 0 0 0; - display: block; - clear: both; -} -section.plans_section .plan_tab_content .col-md-4{ - border-right: 1px solid #D7D7D7; -} -section.plans_section .plan_tab_content .col-md-4:last-of-type{ - border-right: none; -} -section.plans_section .plans .server_plan_box{ - border: none; -} -section.plans_section .plans .server_plan_box:hover { - background-color: transparent; - box-shadow: none; -} -section.plans_section .plans .server_plan_box h3 { - font-size: 22px; - color: #407997; - margin-bottom: 20px; -} -section.plans_section .plans .server_plan_box p { - padding-bottom: 30px; -} -section.pricing_overview_section.GenericDev .container{ -overflow:hidden; -} -section.pricing_overview_section.GenericDev .items.media{ - margin-left: -20px; - margin-right: -20px; -} -section.pricing_overview_section.GenericDev .items.media li{ - padding-left: 20px; - padding-right: 20px; -} -section.pricing_overview_section .items.media li .media_image{ - width: 50px; - left: 20px!important; -} -section.pricing_overview_section .items.media li .media_content{ - padding-left: 65px; -} -section.pricing_overview_section.GenericDev .items.media li a.button { - padding: 6px 60px; -} -/* ========== End Pricing ========== */ -/* ========== Start sidebarnav ========== */ -div.sidebarnav_section.affix { - position: fixed; - z-index: 9999; - top: 0; -} -div.sidebarnav_section.affix ul { - margin: 0 0 1.5rem 0; -} -.sidebarnav_section { - position: absolute; - left: 0; -} -.sidebarnav_section ul{ - list-style: none; - padding: 0; - margin: -25px 0 1.5rem 0; - position: absolute; - left: 0; - background-color: #0081aa; - padding: 0; - width: 270px; - width: 100%; - text-align: left; - overflow: hidden; - display:block; -} -.sidebarnav_section ul li{ - display: block; - margin: 0; -} -.sidebarnav_section ul li a{ - color: #fff; - font-size: 14px; - font-family: 'Geomanist Book', sans-serif; - display: block; - width: 100%; - padding: 10px 10px 10px 50px; - line-height: 15px; - border-radius: 0; -} -.sidebarnav_section ul li a:hover,.sidebarnav_section ul li a.active{ - border-bottom: none; - background-color: #4fa8c4; - text-decoration: none; - color: #ffffff; -} -.floatleft{ - float: right; -} -.padding_50_0{ - padding: 50px 0; -} -iframe{ - max-width: 100%; -} -/* ========== End sidebarnav ========== */ -/* ========== End Company ========== */ -section.company_overview_section.section { - padding-top:20px!important; - padding-bottom:40px!important; - overflow:hidden; -} -section.company_overview_section.GenericDev .items.media{ - margin-left: -30px; - margin-right: -30px; -} -section.company_overview_section.GenericDev .items.media li{ - padding-left: 30px; - padding-right: 30px; -} -section.company_about_section.section.GenericDev .items li.item{ - -} -section.company_about_section.section.GenericDev .items li.item span{ - display: block; - color: #49C7EE; - font-size: 22px; - font-weight: 400; - margin-top: 12px; - line-height: 28px; -} -section.company_about_section.section.GenericDev .items li.item h3{ - text-align: center; - margin: 0; - font-size: 14px; - text-transform: capitalize; - font-family: 'Geomanist', sans-serif; - font-weight: 400; -} -section.company_milestones_section.section p{ - color: #496B81; -} - -.timeline ul { - max-width: 800px; -} -.timeline li { - text-align: left; - padding-left: 30px; -} -.timeline li p{ - font-size: 14px; - line-height: 18px; -} -.timeline li.featured{ - padding-right: 30px; - padding-left: 0; -} -.timeline li.featured>div{ - padding: 6px 18px; - border-radius: 0; -} -.timeline li.featured>div h5{ - margin: 0; - font-size: 14px; - font-family: 'Geomanist', sans-serif; - font-weight: 400; - line-height: 18px; -} -.timeline li.featured>div iframe{ - width: 100%; - margin-top: 20px; -} -.timeline li.featured::before { - top: 6px; -} -.timeline li.featured>div::after { - top: 10px; - right: -5px; - border-width: 5px 0 5px 5px; -} -.timeline li.featured>div::before { -content: ''; - position: absolute; - right: -0; - top: 10px; - width: 0; - height: 0; - border-style: solid; - border-width: 5px 5px 5px 0; - border-color: transparent transparent transparent transparent; -} -.timeline li.featured.acquisition>div::before{ - border-color: transparent #22b8eb transparent transparent; -} -.timeline li.featured.acquisition>div::after{ - border-color: transparent transparent transparent #22b8eb; -} -.timeline li.featured.acquisition>div{ - background: #0081AA; -} -/* ========== End Company ========== */ -/* ========== Start government ========== */ -section.government_overview_section.GenericDev .container{ -overflow:hidden; -} -section.government_overview_section.GenericDev .items.media{ - margin-left: -20px; - margin-right: -20px; -} -section.government_overview_section.GenericDev .items.media li{ - padding-left: 20px; - padding-right: 20px; -} -section.government_overview_section .items.media li .media_image{ - width: 70px; - left: 20px!important; -} -section.government_overview_section .items.media li .media_content{ - padding-left: 90px; -} -.node-type-government section.dockercon_quotes_section .quotes_slider{ - max-width: 900px; -} -section.government_get_started_section.GenericDev .container{ -overflow:hidden; -} -section.government_get_started_section.GenericDev .items.media{ - margin-left: -40px; - margin-right: -40px; -} -section.government_get_started_section.GenericDev .items.media li{ - padding-left: 40px; - padding-right: 40px; -} -.dockercon16 section.customer_spotlight_section.section .video_container a.play_btn{ - width: 100px; - height: 100px; - background-image: url(../images/video_icon_2454.png); -} -section.government_partners_section .government_partners_tabs ul { - list-style: none; - margin: 0; - padding: 0; -} -section.government_partners_section .government_partners_tabs ul li { - display: inline-block; - font-size: 62px; - position: relative; - width: 100%; - height: 110px; - max-width: 33%; - padding: 10px 0px; - padding-bottom: 0; -} -section.government_partners_section .government_partners_tabs ul li:after { - -} -section.government_partners_section .government_partners_tabs ul li a { - display: table; - width: 100%; - height: 100%; - overflow: hidden; -} -section.government_partners_section .government_partners_tabs ul li .helper { - width: 100%; - height: 100%; - padding: 15px 15px; - text-align: center; - vertical-align: middle; - display: table-cell; - background-color: rgba(250, 250, 250, 0.72); -} -section.government_partners_section .government_partners_tabs ul li.current .helper { - background-color: #FAFAFA; -} -section.government_partners_section .government_partners_tabs ul li.current:after { - content: ""; - position: absolute; - left: 50%; - bottom: -20px; - margin-left: -10px; - border: 10px solid transparent; - border-top-width: 10px; - border-top-color: #FAFAFA; -} -section.government_partners_section .government_partners_tabs ul li .helper img { - max-height: 60px; - margin: auto; - max-width: 180px; -} -section.government_partners_section .government_partners_content { - margin-top: 50px; - display: none; -} -section.government_partners_section .government_partners_content h3 { - font-size: 20px; - font-weight: bold; - margin-bottom: 20px; -} -section.government_partners_section .government_partners_content p { - font-size: 14px; - color: #E0F6FE; - margin-bottom: 30px; -} -section.government_available_on_section.section { - padding-bottom:0!important; -} -section.government_available_on_section .items { - margin-bottom:0; -} -section.government_available_on_section .items li { - margin-bottom: 0px; - padding: 2px; - display: table; -} -section.government_available_on_section .items li .helper{ - background-color:#FAFAFA; - display: block; - padding: 30px 15px; - height: 100%; - display: table-cell; - vertical-align: middle; -} -section.government_available_on_section .items li .helper img{ - max-width:240px; - max-height: 170px; -} -section.government_resources_section.GenericDev .container{ -overflow:hidden; -} -section.government_resources_section.GenericDev .items.media{ - margin-left: -15px; - margin-right: -15px; -} -section.government_resources_section.GenericDev .items.media li{ - padding-left: 15px; - padding-right: 15px; -} -section.government_resources_section .items.media li .media_image{ - width: 50px; - left: 15px!important; -} -section.government_resources_section .items.media li .media_content{ - padding-left: 60px; -} -section.government_resources_section.section.GenericDev .items.media li .media_content h3{ - margin-bottom: 0px; -} -section.government_other_resources_section .GenericDev .container{ -overflow:hidden; -} -section.government_other_resources_section .GenericDev .items.media{ - margin-left: -15px; - margin-right: -15px; -} -section.government_other_resources_section .GenericDev .items.media li{ - padding-left: 15px; - padding-right: 15px; -} -section.government_other_resources_section .items.media li .media_image{ - width: 50px; - left: 15px!important; -} -section.government_other_resources_section .items.media li .media_content{ - padding-left: 63px; - display: table; - height: 50px; -} -section.government_other_resources_section .items.media li .media_content a{ - display: table-cell; - vertical-align: middle; - height: 100%; - text-decoration: none; -} -section.government_other_resources_section .items.media li .media_content h3{ -margin-bottom:0; -} -section.government_other_resources_section .items.media li .media_image img{ - max-width: 50px; - max-height: 50px; -} -/* ========== End Government ========== */ -/* ========== Start News And Press ========== */ -section.feature_news_section.section { -padding: 30px 0!important; -} -section.feature_news_section.section .items.media li .media_content { - float: none; - text-align: center; - max-width: 350px; - margin: auto; -} -section.feature_news_section.section .items.media li .media_content img{ - max-width: 180px; - max-height: 40px; -} -section.feature_news_section.section .items.media li .media_content h3{ - font-size: 14px; - text-transform: capitalize; - text-align: center; - color: #5BC6EC; -} -section.press_news_section.section div h2 { - text-align:left; -} -div.media_kit_section { - text-align:left; - margin-bottom: 30px; -} -div.press_releases_section { - text-align:left; -} -div.press_releases_section ul { - list-style: none; - padding: 0; - margin: 0; -} -div.press_releases_section ul li{ - margin-bottom:20px; -} -div.press_releases_section ul li .press-item .date{ - font-family: 'Geomanist Book', sans-serif; - font-weight: 100; - color: #BFBFBF; - font-size: 14px; -} -div.press_releases_section ul li .press-item h3,div.press_releases_section ul li .press-item a{ - font-size: 14px; - color: #5BC6EC; - font-family: 'Geomanist', sans-serif; - font-weight: 400; - margin: 0; -} -div.news_section .scoopit-fulltheme-scoop-title h3{ - font-size: 18px; - color: #155A74; - text-transform: uppercase; - text-align: left; - margin: 0; -} -div.news_section .scoopit-fulltheme-scoop-title h3 a{ - color: #155A74; -} -div.news_section .scoopit-fulltheme-scoop-wrapper{ -margin-bottom:80px; -} -div.news_section .scoopit-fulltheme-scoop-source{ - font-family: 'Geomanist Book', sans-serif; - font-weight: 100; - color: #BFBFBF; - font-size: 14px; - margin-bottom:10px; -} -div.news_section .scoopit-fulltheme-scoop-source a{ - text-transform:uppercase; - color: #5BC6EC; -} -div.news_section .scoopit-fulltheme-scoop-content,div.news_section .scoopit-fulltheme-scoop-content p{ - font-size: 14px; - color: #496B81; - padding-bottom: 20px; - margin-bottom: 0px; - text-align: left; -} -div.news_section .scoopit-fulltheme-scoop-image{ - overflow: hidden; - text-align: center; -} -div.news_section .scoopit-fulltheme-scoop-image img{ - height: 150px; - max-width: inherit; - text-align: center; - margin: auto; -} -div.news_section .scoopit-fulltheme-scoop-image img#postImage_None{ - opacity: 0; -} -div.news_section .paginator, div.news_section .paginator tbody{ - border: none; -} -div.news_section .paginator td{ - color: #496B81; -} -div.news_section .paginator td a{ - color: #5BC6EC; -} -.node-type-news div.press_section{ -padding:60px 0; -} -.node-type-news div.press_section p, .node-type-news div.press_section li{ - font-size: 14px; - color: #496B81; - line-height: 1.6; -} -/* ========== End News And Press ========== */ -/* ========== Start Resources ========== */ -section.feature_resources_section h2 { - text-align:left; -} -section.feature_resources_section .resources_link a { - padding-right: 20px; - font-size: 14px; - color: #496B81; - padding-bottom: 10px; - margin-bottom: 0px; - text-align: left; -} -section.feature_resources_section .resources_link span { - padding-right: 20px; - font-size: 14px; - color: #496B81; - padding-bottom: 0; - margin-bottom: 0px; - text-align: left; -} -/* ========== End Resources ========== */ -/* ========== End Use cases ========== */ -section.use_case_item_section.section{ - padding:100px 0; -} -section.use_case_item_section .items.media li{ - min-height: 200px; - display:table; - padding:0!important; -} -section.use_case_item_section .items.media li .media_image{ - width: 50px; - text-align: center!important; - top: 0px; -} -section.use_case_item_section .items.media li .media_content{ - padding-left: 65px; - display: table-cell; - vertical-align: middle; - float:none!important; - padding-right: 90px; -} -section.use_case_item_section .button_table { - display: table; -} -section.use_case_item_section .button_table_cell { - display: table-cell; - vertical-align: middle; -} -section.use_case_item_section .button_table_cell a.button{ - display:block; - max-width:250px; - margin-left:auto!important; - margin-right:auto!important; -} -section.use_case_item_section .quote_container { - -} -section.use_case_item_section .quote_container .quotes_icon { - background-image: url(../images/quote_icon_2452.png); - width: 60px; - height: 60px; - margin: auto; - margin-top: -20px; - margin-left: 0; - background-size: 110%; - background-repeat: no-repeat; - display: block; - float: left; - position: absolute; - left: 0; -} -section.use_case_item_section.GenericDev .items>li .quote_container p { - font-size: 20px; - color: #ffffff; -} -section.use_case_item_section .quote_container .author { - font-family: 'Geomanist Book', sans-serif; - font-size: 20px; - float: left; - padding-left: 60%; - color: #ffffff; -} -section.use_case_item_section .quote_container .author_position { - font-family: 'Geomanist Book', sans-serif; - font-size: 12px; - float: left; - padding-left: 61%; - clear: both; - line-height: 12px; - color: #ffffff; -} -/* ========== End Use cases ========== */ -/* ========== Start Partner Program ========== */ -section.partner_program_overview_section.GenericDev .container{ -overflow:hidden; -} -section.partner_program_overview_section.GenericDev .items.media{ - margin-left: -40px; - margin-right: -40px; -} -section.partner_program_overview_section.GenericDev .items.media li{ - padding-left: 40px; - padding-right: 40px; -} -section.partner_program_overview_section .items.media li .media_image{ - width: 50px; - left: 40px!important; -} -section.partner_program_overview_section .items.media li .media_content{ - padding-left: 65px; -} -section.partner_program_benefits_section.GenericDev .container{ -overflow:hidden; -} -section.partner_program_benefits_section.GenericDev .items.media{ - margin-left: -20px; - margin-right: -20px; -} -section.partner_program_benefits_section.GenericDev .items.media li{ - padding-left: 20px; - padding-right: 20px; -} -section.partner_program_benefits_section .items.media li .media_image{ - width: 50px; - left: 20px!important; -} -section.partner_program_benefits_section .items.media li .media_content{ - padding-left: 65px; -} -section.partner_program_benefits_section .program_benefits_footer p{ - font-size: 14px; - color: #E0F6FE; - margin-bottom: 30px; - line-height: 1.6; -} -section.partner_program_benefits_section p small{ - font-size: 100%; -} -section.partner_program_authorized_section img, section.partner_program_technology_section img{ - margin-bottom:30px; -} -section.partner_program_technology_section p a{ - color: #E0F6FE; -} -section.become_partner_portal_section.section{ - text-align: left; - padding: 20px!important; -} -section.become_partner_portal_section.section p{ -font-size: 14px; - color: #496B81; - margin-bottom: 30px; - line-height: 1.6; -} -section.become_partner_portal_section a.button{ - min-width: 280px; -} -/* ========== End Partner Program ========== */ -/* ========== Start customers ========== */ -section.feature_customer_section.GenericDev .container{ -overflow:hidden; -} -section.feature_customer_section.GenericDev .items.media{ - margin-left: -40px; - margin-right: -40px; -} -section.feature_customer_section.GenericDev .items.media li{ - padding-left: 40px; - padding-right: 40px; -} -section.feature_customer_section.GenericDev .video_container img{ - width: 100%; -} -section.customers_logos_section .items { - margin-bottom:0; -} -section.customers_logos_section .items li { - margin-bottom: 0px; - padding: 2px; -} -section.customers_logos_section .items li a { - display: table; - width: 100%; - height: 100%; - overflow: hidden; -} -section.customers_logos_section .items li .helper{ - background-color:#FAFAFA; - display: block; - padding: 60px 15px; - height: 100%; - width: 100%; - text-align: center; - vertical-align: middle; - display: table-cell; - position: relative; -} -section.customers_logos_section .items li .helper .vcenter{ - position: absolute; - display: table; - width: 100%; - cursor: pointer; - left: 0; - top: 0; - padding: 0px 10px; - right: 0; - bottom: 0; - text-align: center; - margin: auto; - font-size: 22px; - color: #fff; - text-transform: uppercase; - opacity: 0; -} -section.customers_logos_section .items li .helper img{ - max-width: 180px; - max-height: 100px; -} -section.customers_logos_section .items li .helper:hover{ - -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.customers_logos_section .items li .helper:hover .vcenter{ - opacity: 1; -} -section.customers_logos_section .items li .helper:hover img{ - opacity: 0; -} -.node-type-customers-page section.dockercon_quotes_section .quotes_slider { - max-width: 900px; -} -.node-type-customers-page section.dockercon_quotes_section .quotes_slider .slides li .author_position{ -font-family: 'Geomanist Book', sans-serif; -font-size: 20px; -float: left; -padding-left: 70%; -} -/* ========== End customers ========== */ -/* ========== livedockercon ========== */ -section.livedockercon_section{ - background-image: url(../images/livedocker_bg_image.png)!important; - background-size: cover!important; -} -.dockercon16 section.livedockercon_section.section h2{ - text-transform: capitalize; - text-align: left; -} -section.livedockercon_section .left{ - text-align: left; - max-width: 748px; -} -section.livedockercon_section .left .video_container img{ - box-shadow: 0px 6px 30px #000; - width: 100%; -} -section.livedockercon_section.section .left .video_container a.play_btn{ - background-image: url(../images/video_icon_2453-1.png); -} -section.livedockercon_section .left .keynote{ - font-size: 13px; - color: #fff; - margin-top: 30px; - display: block; -} -section.livedockercon_section .left iframe{ - -} -section.livedockercon_section .right{ - margin-top: 10%; - text-align: left; -} -section.livedockercon_section.section .right a.button.darkblue-btn{ - margin: 0; - padding: 23px 15px; - width: 300px; - text-align: left; - padding-left: 130px; - position: relative; - font-size: 12px; - max-width: 100%; -} -section.livedockercon_section.section .right a.button.darkblue-btn i{ - background-repeat: no-repeat; - background-size: 100px 34px; - width: 100px; - height: 34px; - left: 15px; - top: 12px; - position: absolute; -} -section.livedockercon_section .right span{ - display: block; - font-size: 10px; - color: rgba(255, 255, 255, 0.51); - margin-bottom: 50px; - margin-top: 5px; -} -i.livedockercon_apple { - background-image: url(../images/livedockercon_apple_icon.png); -} -i.livedockercon_win { - background-image: url(../images/livedockercon_win_icon.png); - top: 14px!important; -} -/* ========== End livedockercon ========== */ -/* ========== Start pricing ========== */ -.pricing-tables{ - float:left; - padding: 0; - position: relative; - width: 100%; - margin-left: 0px; - margin-right: 0px; - margin-top: 50px; - margin-bottom: 60px; -} -.pricing-tables > li{ - padding: 30px; - border: 1px solid #CCC; - border-radius: 0px; - float: left; - background-color: #fff; - list-style: none; - text-align: center; - width: 33.33%; - height: auto; - position: relative; - z-index: 1; -} -.pricing-tables > li .plan-name { - margin-bottom: 20px; -} -.pricing-tables > li .plan-name h3 { - font-size: 22px; - color: #407997; - text-transform: uppercase; -} -.pricing-tables > li .plan-name h3 > strong { - display: block; - margin-top: 5px; -} -.pricing-tables > li .plan-description { - font-size: 14px; - color: #515656; - line-height: 20px; - margin-bottom: 10px; -} -.pricing-tables > li .plan-description p { - font-size: inherit; - color: inherit; - line-height: inherit; - margin: 0; -} -.pricing-tables > li .starting-prices { - font-size: 16px; - color: #407997; - font-family: 'Geomanist Book', sans-serif; - display: block; - margin-bottom: 15px; -} -.pricing-tables > li .starting-prices p { - margin: 0; - color: inherit; - font-size: inherit; - font-family: inherit; - line-height: inherit; -} -.pricing-tables > li .plan-button { } -.pricing-tables > li .plan-button a { - display: block; - margin: 5px auto !important; - padding: 15px 15px !important; - max-width: 190px; - float: none; -} -.pricing-tables > li .plan-button a+a { - margin-top: 30px !important; -} -.pricing-tables > li .feature-list { - padding: 0 10px; - line-height: normal; - margin-bottom: 20px; -} -.pricing-tables > li .feature-list ul { - padding: 20px 0px 10px 0px; - margin: 20px 0px 0px 0px; - list-style: none; -} -.pricing-tables > li .feature-list ul li { - font-size: 14px; - color: #515656; - font-weight: 400; - position: relative; - margin-bottom: 20px; -} -.pricing_cloud_section .pricing-tables > li .feature-list ul li { - margin-bottom: 0px; -} -.pricing-tables .note { - margin-top: 50px; - display: block; - font-size: 12px; - line-height: 18px; - color: #5A7E93; -} -.pricing-tables > li .feature-list ul li>span { - display: block; -} -.pricing-tables > li .feature-list ul li strong { - color: #5A7E93; - font-weight: 500; -} -.pricing-tables > li .feature-list ul li i.tickFree { - background-image: url(../images/plan_box_tick.png); - height: 12px; - width: 10px; - display: inline-block; - margin-right: 5px; -} -.pricing-tables > li.standard { - /* z-index: 2; - box-shadow: 0px 0px 10px 6px #ddd; */ - border-right: 0; - border-left: 0; -} -.livedockercon_section .left .video-wrapper { - position: relative; -} -.livedockercon_section .left .video_container { - z-index: 2; -} -.livedockercon_section .left iframe { - display:none; - opacity:0; - position: absolute; - top: 0; - left: 0; - z-index: 1; -} -/* ========== End pricing ========== */ -/* ========== Start Products ========== */ -.node-type-product .dockercon16 section.GenericDev h3,.node-type-product .dockercon16 section.GenericDev p{ -text-align: center!important; -} -.node-type-product .dockercon16 section.product_features_product_section.GenericDev .items>li h3,.node-type-product .dockercon16 section.product_features_product_section.GenericDev .items>li p{ -text-align: left!important; -} -.node-type-product .dockercon16 section.product_features_product_section.GenericDev .items>li .button{ -margin: auto!important; -} -.node-type-product .dockercon16 section.product_overview_product_section.GenericDev h3{ - font-size: 18px; - color: #155A74; - text-transform: uppercase; - text-align: left; - margin-top: 0px; - margin-bottom: 8px; -} -.node-type-product .dockercon16 section.product_overview_product_section.GenericDev .row p{ - font-size: 14px; - color: #496B81; - padding-bottom: 20px; - margin-bottom: 0px; - text-align: left; -} -.node-type-product .dockercon16 section.product_overview_product_section.GenericDev .lab1,.node-type-product .dockercon16 section.product_overview_product_section.GenericDev .lab2{ - margin-bottom: 50px; -} -.dockercon16 section.toolbox_overview_section.GenericDev .items>li ul li{ - font-size: 14px; - color: #496B81; -} -/* ========== End Products ========== */ diff --git a/css/archive/documentation.css b/css/archive/documentation.css deleted file mode 100644 index 77126d50bb..0000000000 --- a/css/archive/documentation.css +++ /dev/null @@ -1,546 +0,0 @@ -/* FIXUP allcss.css */ -/* @media screen and (max-width: 1199px) */ - -/* -* -* Tabs *********************************************************************** -* -*/ - -.tabs { - border-bottom: 0; - padding: 0px; -} - -.tabs>li { - float: left; - list-style: none; - padding: 10px 0px 0px 0px; -} - -.tabs>li>a { - color: #fff; - line-height: 3; - border: 0; - border-radius: 0; - padding: 0 20px 0px 20px; - float: left; - opacity: .8; -} - -.tabs>li.active>a { - color: #fff; - border-bottom: 4px solid #fff; - opacity: 1; - -webkit-transition: all 0.2s ease; - -moz-transition: all 0.2s ease; - -o-transition: all 0.2s ease; - transition: all 0.2s ease; - font-weight: 500; -} -.tabs>li>a:hover { - border-bottom: 4px solid #fff; - opacity: 1; - -webkit-transition: all 0.2s ease; - -moz-transition: all 0.2s ease; - -o-transition: all 0.2s ease; - transition: all 0.2s ease; -} - -.tabs>li:hover { - color: #fff; - background-color: gray; - opacity: 1; - -webkit-transition: all 0.2s ease; - -moz-transition: all 0.2s ease; - -o-transition: all 0.2s ease; - transition: all 0.2s ease; -} - -.logo { - margin-top: 1px !important; - width: auto !important; - height: auto !important; - max-width: none !important; -} -.autocompleteSelected { - background-color: #f5f5f5; -} -.autocompleteList -{ - list-style-type: none; - width: 400px; - padding: 0px 10px 0px 10px; - margin-bottom: 0px; -} -.autoCompleteResult { - border-bottom: 1px solid #6db9d1; - padding-bottom: 10px; -} -#autocompleteShowAll { - padding-bottom: 10px; -} -.autocompleteList li { - width: 380px; - border: 0px; - padding-right: 20px; - margin: 0px; -} -.autocompleteTitle { - /* font-weight: bold; */ - padding-top: 10px !important; -} -.autocompleteUrl { - font-size: 9px; - color: green; - padding-left: 10px; -} -.autocompleteDescription { - padding-left: 10px; - font-size: 12px; -} -.autocompleteKeywords, .autocompleteBreadcrumb { - font-size: 9px; - padding-left: 10px; -} - -#autocompleteContainer { - position: relative; -} - -#autocompleteResults { - display: none; - position: absolute; - z-index: 1; - top: 0; - right: 0; - background: #ffffff; - background-color: #FFFFFF; - width: 400px; - border-radius: 3px; - border: 1px solid #6db9d1; -} - -.dockercon16 section.title_section, header.main-header::after { - background-position: initial; -} -/* Notes */ -#DocumentationText p { - margin-bottom: 1.25rem; -} -#DocumentationText strong, -#DocumentationText b { - font-weight: 500; - line-height: inherit; -} -#DocumentationText blockquote { - font-size: 16px; - border-left: 4px solid #6db9d1; - padding: 6px; - background-color: #fafafa; - color: black !important; -} -#DocumentationText blockquote li div.highlighter-rouge { - padding-left: 20px; - padding-right: 20px; -} -#DocumentationText blockquote p { - color: black !important; - margin: 0; - padding: 10px 20px; -} -/*#DocumentationText blockquote p strong { - color: #6db9d1; -}*/ -#DocumentationText blockquote ol, #DocumentationText blockquote ul { - padding-left: 20px !important; -} -#DocumentationText code { - border-width: 0px !important; - background-color: #f5f5f5 !important; -} -#DocumentationText thead { - background: rgb(200, 230, 239); -} -#DocumentationText thead th { - color: black; - font-weight: normal; - font-size: 1rem; -} -#DocumentationText { - padding: 20px !important; -} -#DocumentationText h2 { - font-size: 38px; -} -#DocumentationText h1, -#DocumentationText h2, -#DocumentationText h3, -#DocumentationText h4, -#DocumentationText h5, -#DocumentationText h6 { - color: #155A74; - font-weight: normal; -} -#DocumentationText, -#TableOfContentsSection { - color: black; -} -#DocumentationText a, -#RightColumnSection a { - color: #008AB5; -} - -/* reset away from #008AB5 */ - -/* removed hard-coded color for button links pre new CSS from Design */ -#DocumentationText a.button { -} - -#DocumentationText .darkblue-btn { - color: #ffffff; - margin-top: 15px; -} - -/* hard coded color and other settings pre new CSS from Design */ -#DocumentationText .secondary-btn, - button .secondary-btn { - border: 2px solid #1488c6; - color: #1488c6; - background: white; - margin-top: 15px; - font-size: 14px; - padding: 12px 30px 12px 30px; - text-decoration: none; - font-family: Open Sans, sans-serif; - font-weight: 700; -} - -#DocumentationText button.secondary-btn { - background: transparent; -} -#DocumentationText .secondary-btn:hover, - button .secondary-btn:hover { - opacity: .8; -} - -#DocumentationText table { - margin: 1.25rem 0; - width: 100%; -} - -/* anchor links to reveal paragraph marker on hover */ - -a.anchorLink { - margin-left: 5px; - visibility: hidden; -} - -h1:hover > a.anchorLink, -h2:hover > a.anchorLink, -h3:hover > a.anchorLink { - visibility: visible; -} - -/* ========== Start sidebarnav ========== */ -div.docsidebarnav_section.affix { - position: fixed; - z-index: 9999; - top: 0; -} -div.docsidebarnav_section.affix ul { - margin: 0 0 1.5rem 0; -} -.docsidebarnav_section { - left: 0; - padding: 0; -} -.docsidebarnav_section ul{ - list-style: none; - padding: 0; - margin: -25px 0 1.5rem 0; - position: absolute; - left: 0; - background-color: #fff; - padding: 0; - width: 270px; - width: 100%; - text-align: left; - overflow: hidden; -} -.docsidebarnav_section ul li{ - display: block; -} -.docsidebarnav_section ul li a { - color: #fff; - font-size: 13px; - font-family: 'Geomanist Regular', sans-serif; - display: block; - width: 100%; - padding: 16px 5px 16px 20px; - line-height: 15px; - border-radius: 0; - background-color: #fff; - color: rgba(0, 0, 0, 0.7); -} -.docsidebarnav_section ul li a:hover { - background: rgba(0, 0, 0, 0.05); -} -.docsidebarnav_section ul li a, -.docsidebarnav_section ul li a:hover, -.docsidebarnav_section ul li a:focus -{ - border-bottom: none; - text-decoration: none; - border-left: 2px solid rgba(188, 181, 185, 0.3); -} -.docsidebarnav_section ul li a.active { - cursor: default; -} -/* ========== End sidebarnav ========== */ -.docsidebarnav_section a.expand-menu { - background-color: #fff; -} - -.docsidebarnav_section a.expand-menu:hover { - background: rgba(0, 0, 0, 0.05); -} -.docsidebarnav_section a.expand-menu.active { - background-color: #fff; -} - .docsidebarnav_section .caret {float: right; - margin-right: 10px; - margin-top: 5px;} - .docsidebarnav_section.affix ul, - .docsidebarnav_section ul {position: initial;margin:initial !important;} - .nav-sub .currentPage, - .nav-sub .currentPage:hover { - color: rgb(20, 136, 198); - border-left: 2px solid rgb(20, 136, 198); - font-weight: 500; - } - .menu-closed .nav-sub {height: 0 !important;} - .menu-open .nav-sub {height: auto;} - div>.nav-sub>li { - margin: 0; - } - .docsidebarnav_section ul li a, - .nav-sub li a {padding-left: 1em;} - .nav-sub li li a {padding-left: 1.5em;} - .nav-sub li li li a {padding-left: 2em;} - .nav-sub li li li li a {padding-left: 2.5em;} - .nav-sub li li li li li a {padding-left: 3em;} -#DocumentationText pre { - margin: 20px 0 20px !important; - padding: 10px; -} -#DocumentationText li p { - margin-bottom: 0; -} -.docsidebarnav_section .menu-icon { - float: right; - color: #b7b9b5; -} -.menu-open .menu-icon:after { - content: "\e260"; - margin: 0 5px; - font-family: 'Glyphicons Halflings'; -} -.menu-closed .menu-icon:after { - content: "\e259"; - margin: 0 5px; - font-family: 'Glyphicons Halflings'; -} -.glyphicon-menu-down:before { - content: "\e259"; -} -.glyphicon-menu-up:before { - content: "\e260"; -} - -/* TableOfContents */ -.right_column_section { - padding: 0; -} -.rating-msg { - display: none !important; -} -#pd_rating_holder_8453675 { - vertical-align: bottom !important; -} -#rating_info_8453675 { - display: none !important; -} - -#RightColumnSection { - padding: 0 !important; -} - -#RightColumnSection ul { - padding-top: 5px; - list-style: none; - margin-left: 0; -} -.advisory { -color: #F04124; - margin: -20px -20px 20px -20px; - padding: 20px; - border-left: 4px solid; -} - -/* search form */ -.form-control:focus { - outline: 0; - -webkit-box-shadow: none; - box-shadow: none; -} -.search-banner { - width: 100%; - align: center; -} -.search-form .algolia-autocomplete { - width: 100%; - padding-right: 54px; -} -.search-form .algolia-autocomplete .search-field, #st-search-input { - width: 100%; -} -.search-form{ - max-width: 420px; - width: 100%; - margin: auto; - display: block; - position: relative; - padding: 0; - margin-bottom: 0px; -} -.search-form .search-field { - NOwidth: 280px; - NOmargin: auto; - height: 54px; - margin: 0px; - background-color: #fff; - border: none; - /* text-indent: 80px; */ - transition: opacity 400ms; - color: #9098a2; - font-size: 14px; - padding: 10px; - border-radius: 0; -} -.search-form .search-submit { - width: 54px; - height: 54px; - position: absolute; - top: 0px; - /* left: .8rem; */ - right: 0px; - border: 0; - text-indent: -9999px; - background-color: transparent; - background-image: url("/images/search-icon.png"); - /* background-size: 38px 38px; */ - background-repeat: no-repeat; - background-position: center center; - /* border-right: 1px solid #e1e1e1; */ - outline: none; - border-radius: 0; -} - -/* end search */ - -/* begin reading_time */ - -span.reading-time { - font-style: italic; - font-size: 80%; - display: block; - padding-top: 10px; - padding-bottom: 10px; - color: #999; -} - -span.reading-time-label { -} - -img.with-border { - border: 1px solid #eaeaea; -} - -#search-div { - margin-top: 10px; - border: 1px solid #2294ca; -} - -#side-toc { - background-color: #f5fdff; - border: 1px solid #2294ca; - padding: 10px; - margin-top: 20px; - width: 100%; -} - -#feedback-links { - margin-top: 20px; - width: 100%; -} - -#side-toc-contents, -#feedback-links { - list-style-type: none; - font-size: 80%; -} - -#side-toc-contents ul, -#feedback-links ul { - margin-bottom: 0; -} - -#side-toc-contents li { - padding-bottom: 7px; - padding-top: 7px; - line-height: 1!important; -} -#side-toc-contents ul ul li { - padding-left: 14px; -} -#side-toc-title { - font-weight: bolder; - font-size: 90%; - color: #155A74; - padding-bottom: 5px; -} - -#site-generation { - font-size: 9px; - color: #999; - font-style: italic; -} - -#top-nav { - float: left; -} - -#start-tour-container { - padding-top: 10px; - padding-bottom: 0; - padding-right: 0; - float: right; - vertical-align: middle; - text-align: center; -} -#start-tour { - cursor: pointer; - color: #fff; - font-family: 'Geomanist', san-serif; - font-size: 1em; - line-height: 1.3; - text-align: center; - vertical-align: middle; - width: 110px; - float: right; -} - -#start-tour:hover { - opacity: .8; -} diff --git a/css/archive/p2p.css b/css/archive/p2p.css deleted file mode 100644 index 3421a56dd9..0000000000 --- a/css/archive/p2p.css +++ /dev/null @@ -1,97 +0,0 @@ -/* ========== Start Extra Sytling ========== */ -/** CSS Overrides - this is temporary and should be formally added to the master scss files **/ -/** Global links **/ -a, a:active, a:hover, a:focus {outline: none;} -a:hover, a:focus {text-decoration: none;} -/** header **/ -header .nav-global li a, -.main-header div > .nav-main a { - color: rgba(255, 255, 255, 0.85); - outline: none; -} -header .nav-global li a:hover, -.main-header div > .nav-main a:hover { - color: #fff; -} -/********** hide these elements *********/ -.cta-illustration {display: none;} -.main-header .logo_safari { -display:none; -visibility:hidden; -} -.main-header .logo{ - width: 116px; - width: 136px; - -} -/* SVEN SAYS NO -html.safari .main-header .logo{ -display:none; -visibility:hidden; -} -html.safari .main-header .logo_safari{ - width: 116px; - width: 136px; - - display: block; - visibility: visible; -} -*/ -section.community_section{ - padding:50px 0; -} -section.community_section .columns iframe{ - width: 100%; -} -section.community_section .columns img{ - height:100%!important; - width:100%!important; -} -section.community_section .columns center img{ - height: 160px!important; - width: 160px!important; - float: left; -} -.node-type-flexible-page .dockercon16 section.whitebackground p.{ - font-size: 14px; - color: #496B81; - margin-bottom: 30px; - line-height: 1.6; -} -.path-docker-community-incident-report .iframe{ - width: 100%; - max-width:700px; -} -.dockercon16 section.install_the_platform_section.section a.button.darkblue-btn{ - margin-top:30px; -} -.path-find-partner .sidebarnav_section ul{ - margin: 0px 0 1.5rem 0; -} -.path-find-partner div.sidebarnav_section.affix{ - top: 52px; -} -.node-type-projects .button.darkblue-btn { - background-color: transparent; - color: #E6F9FF; - padding: 10px 40px; - border: 1px solid #fff; -} -/********** for toolbox only *********/ -.path-docker-toolbox .dockercon16 section.title_section a.button.white-btn { - padding: 14px 70px 11px 70px; - background: transparent; - color: #fff; - border: 1px solid #fff; -} - -.path-docker-toolbox .dockercon16 section.title_section a.button.white-btn:hover { - background: RGBA(255, 255, 255, 0.25); - border: 1px solid #fff; - color: #fff; -} -/********** for project only *********/ -.dockercon16 section.projects_docker_projects_section.section a.button.darkblue-border-btn { - margin-top: 30px; -} -/* ========== End Extra Sytling ========== */ diff --git a/css/archive/temporary.css b/css/archive/temporary.css deleted file mode 100644 index f271273f62..0000000000 --- a/css/archive/temporary.css +++ /dev/null @@ -1,234 +0,0 @@ - -/* extracted from the index.html */ - -.node-type-front-page .dockercon16 section.title_section.darkblue img.moby { - -} -div.dockercon_registation_section { position:static; } -div.dockercon_registation_section img.dcon_logo { - padding-left: 40px; -} -div.dockercon_registation_section .cross-btn { - color: #fff; - font-size: 14px; - float: left; - height: 43px; - width: 260px; - overflow: hidden; - position: relative; - font-family: 'Geomanist Book', sans-serif; -} -div.dockercon_registation_section .cross-btn:before { -} -div.dockercon_registation_section .cross-btn:after { - content: ' '; - position: absolute; - bottom: 0px; - left: 0px; - right: 0px; - z-index: 2; - display: block; - border-bottom: 10px solid #00445b; - border-left: 260px solid transparent; - border-right: 0px solid transparent; -} -div.dockercon_registation_section .cross-btn > a:hover, -div.dockercon_registation_section .cross-btn > a:focus, -div.dockercon_registation_section .cross-btn > a:active, -div.dockercon_registation_section .cross-btn > a:visited { - outline: none; - border: none; - text-decoration: none; -} -div.dockercon_registation_section .cross-btn > a { - color: inherit; - display: inline-block; - background-color: #6cd7d0; - padding-top: 7px; - padding-bottom: 7px; - padding-left: 10px; - margin-left: 20px; - position: relative; - text-decoration:none; -} -div.dockercon_registation_section .cross-btn > a:before { - content: ' '; - display: block; - position: absolute; - top: -2px; - left: -10px; - width: 20px; - height: 50px; - background-color: #6cd7d0; - transform: rotate(380deg); - transform-origin: center left; - z-index: 0; -} -div.dockercon_registation_section .cross-btn > a:after { - content: ' '; - display: block; - position: absolute; - top: -2px; - right: -110px; - width: 120px; - height: 40px; - background-color: #6cd7d0; - transform: rotate(380deg); - transform-origin: center left; - z-index: 0; -} -div.dockercon_registation_section .cross-btn > a > span { - position: relative; - z-index: 1; -} -div.dockercon_registation_section .cross-btn > a > span > i { - background-image: url(/sites/all/themes/docker/assets/images/dcon_video_play.png); - background-repeat: no-repeat; - display: inline-block; - width: 30px; - height: 30px; - vertical-align: middle; - margin-left: 10px; -} - - -/** CSS Overrides - this is temporary and should be formally added to the master scss files **/ -/** Global links **/ -a, a:active {outline: none;} -a:hover {text-decoration: none;} - -/** header **/ -header .nav-global li a, -.main-header div > .nav-main a { - color: rgba(255, 255, 255, 0.85); - outline: none; -} - -header .nav-global li a:hover, -.main-header div > .nav-main a:hover { - color: #fff; -} -.main-header div > .nav-main > li ul { - transition: all ease-in .2s; -} -/** global navigation elements **/ -.main-header div>.nav-main a { - font-size: 16px; -} -.dockercon16 div.heronav_section { - background-color: #003E52; -} -.dockercon16 div.heronav_section ul li { - margin: 0px 3px; -} -.dockercon16 div.heronav_section ul li a { - padding: 15px 40px 9px 40px; -} -/***************************************************************** front page ****************************************************************/ - -.customer_and_news_section.section.GenericDev.bluebackground { - padding: 50px; -} -body .dockercon16 section.section { - padding: 160px 0; -} -/** update to button styles**/ -.front section.title_section.darkblue .button { - margin-top: 0px; -} -.front .dockercon16 section.title_section.darkblue h1 { - margin-bottom: 10px; -} -.node-type-front-page .dockercon16 section.title_section.darkblue a.button { - background-color: rgba(0, 78, 103, 0.61); - padding: 17px 40px 14px 40px; -} -.node-type-front-page .dockercon16 section.title_section.darkblue p { - font-size: 18px; - color: #FFFFFF; - max-width: 340px; -} -section.customer_and_news_section.section { - background-color: #003E52; -} -/** hide bottom section - this should be removed from tempate **/ -.bottom_cta_section.gary.section.GenericDev.bgblue5.bluebackground { - display: none; -} -/*section.title_section.darkblue .button { - margin-top: 0px; -}*/ -/** button on:hover **/ -.node-type-front-page .dockercon16 section.title_section.darkblue a.button:hover { - background: rgba(0, 0, 0, 0.6); - text-decoration: none; -} - -/** please remove this field from the content type (infra/industry) **/ - .projects_software_infrast_section img, .projects_open_industry_section img { - display: none; -} - - -/************************************** typography ****************** All headings should be Geomanist Light ***************************/ -.dockercon16 section.title_section.darkblue h1 { - font-family: 'Geomanist Light', sans-serif; -} - -body .dockercon16 h2 { - font-family: 'Geomanist Light', sans-serif; -} - -.dockercon16 section.GenericDev .items.media li .media_content h3 { - font-family: 'Geomanist Regular', sans-serif; -} - -/***** blue background gradient *******/ - section.bgblue4.section { - background: #285a8c; - background: -moz-linear-gradient(top, #1488C6 0%, #124b77 100%, #124b77 100%); - background: -webkit-linear-gradient(top, #1488C6 0%,#124b77 100%,#124b77 100%); - background: linear-gradient(to top, #1488C6 0%,#124b77 100%,#124b77 100%); - filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1488C6', endColorstr='#124b77',GradientType=0 ); - } - -/************************************** buttons **************************************/ -.dockercon16 section.section a.button.darkblue-btn, .dockercon16 section.title_section a.button.darkblue-btn { - padding: 15px 40px 13px 40px; -} -.dockercon16 section.section a.button.darkblue-btn:hover, .dockercon16 section.title_section a.button.darkblue-btn:hover { - background: #235363; -} -/** outline buttons on blue **/ -.dockercon16 section.customer_and_news_section.section.GenericDev .items.media li a.button { - border: 1px solid #72B8D6; - padding: 10px 40px 9px 40px; -} -.dockercon16 section.customer_and_news_section.section.GenericDev .items.media li a.button:hover { - background: rgba(255, 255, 255, 0.41); -} - -/** white buttons **/ -.dockercon16 section.section a.button.white-btn { - padding: 15px 40px 13px 40px; -} -.dockercon16 section.title_section a.button.white-btn { - padding: 15px 40px 13px 40px; -} -.dockercon16 section.section a.button.white-btn:hover { - background: RGBA(255, 255, 255, 0.71); -} -.dockercon16 section.title_section a.button.white-border-btn { - padding: 14px 40px 12px 40px; -} -/************************ footer ****************************/ -div.moby_footer .bar { - background-image: none; -} -footer.main_footer { - border-top: 10px solid #ffd601; - outline: 13px solid #9ce2c0; -} -/************************ hide these elements ****************************/ -.cta-illustration {display: none;} - diff --git a/css/forms2-theme-simple.css b/css/forms2-theme-simple.css deleted file mode 100644 index ce53dd28b1..0000000000 --- a/css/forms2-theme-simple.css +++ /dev/null @@ -1,32 +0,0 @@ -#mktoStyleLoaded { - /* css load detection, do not remove */ - color:#123456; -} -.mktoForm fieldset {} -.mktoForm fieldset legend{} -.mktoForm input[type=text], -.mktoForm input[type=url], -.mktoForm input[type=email], -.mktoForm input[type=tel], -.mktoForm input[type=number], -.mktoForm input[type=date]{} - -.mktoForm input[type=text], -.mktoForm input[type=url], -.mktoForm input[type=email], -.mktoForm input[type=tel], -.mktoForm input[type=number], -.mktoForm input[type=date], -.mktoForm textarea.mktoField, -.mktoForm select.mktoField { - padding:2px 3px; -} - -.mktoForm input[type=text]:focus, -.mktoForm input[type=url]:focus, -.mktoForm input[type=email]:focus, -.mktoForm input[type=tel]:focus, -.mktoForm input[type=number]:focus, -.mktoForm input[type=date]:focus, -.mktoForm select.mktoField:focus, -.mktoForm textarea.mktoField:focus{} \ No newline at end of file diff --git a/css/forms2.css b/css/forms2.css deleted file mode 100644 index bccdb62216..0000000000 --- a/css/forms2.css +++ /dev/null @@ -1,562 +0,0 @@ -/* This is used to test if the stylesheet has been loaded yet*/ -#mktoStyleLoaded { - background-color: #123456; - display: none; -} -.mktoForm { - text-align: left; -} -.mktoForm .mktoClear { - clear: both; - float: none; -} -.mktoForm div, -.mktoForm span, -.mktoForm label, -.mktoForm p { - text-align: left; - margin: 0; - padding: 0; -} -.mktoForm input, -.mktoForm select, -.mktoForm textarea { - margin: 0; -} -.mktoForm * { - font-family: inherit; -} -.mktoForm .mktoOffset { - float: left; - height: 1.2em; -} -.mktoForm .mktoGutter { - float: left; - height: 1.2em; -} -.mktoForm .mktoFieldWrap { - float: left; -} -.mktoForm .mktoLabel { - float: left; - line-height: 1.2em; - padding-top: 0.3em; -} -.mktoForm .mktoField { - line-height: 1.2em; - font-size: 1em; - float: left; -} -.mktoForm .mktoPlaceholder { - float: left; -} -.mktoForm .mktoLogicalField { - float: left; -} -.mktoForm fieldset { - padding: 0; - margin: 0; -} -.mktoForm fieldset legend { - margin: 0 1em 0.5em; - color: inherit; -} -.mktoForm a.mktoNotYou { - cursor: pointer; - color: #4692f3; -} -.mktoForm a.mktoNotYou:hover { - text-decoration: underline; -} -.mktoForm .mktoAsterix { - float: right; - color: #bf0000; - padding-left: 5px; - display: none; -} -.mktoForm .mktoRadioList, -.mktoForm .mktoCheckboxList { - padding: 0.3em; - float: left; -} -.mktoForm .mktoRadioList > label, -.mktoForm .mktoCheckboxList > label { - margin-left: 1.5em; - margin-top: 0.1em; - margin-bottom: 0.3em; - line-height: 1.2em; - display: block; - min-height: 12px; -} -.mktoForm.ie7 .mktoRadioList > label, -.mktoForm.ie7 .mktoCheckboxList > label { - padding: 0.2em 0 0; -} -.mktoForm .mktoRadioList > label > input, -.mktoForm .mktoCheckboxList > label > input { - float: left; - margin: 0; - margin-left: -1.5em; -} -.mktoForm .mktoRadioList > input, -.mktoForm .mktoCheckboxList > input { - padding: 0; -} -.mktoForm .mktoLabelToLeft > label { - text-align: right; - margin-left: 0; - margin-right: 1.5em; -} -.mktoForm .mktoLabelToLeft input[type=checkbox], -.mktoForm .mktoLabelToLeft input[type=radio] { - position: absolute; - right: 0.3em; -} -.mktoForm.mktoLayoutAbove .mktoRequiredField .mktoAsterix { - float: left; - padding-left: 0; - padding-right: 5px; -} -.mktoForm .mktoRequiredField .mktoAsterix { - display: block; -} -.mktoForm .mktoRequiredField label.mktoLabel { - font-weight: bold; -} -.mktoForm input[type=text], -.mktoForm input[type=url], -.mktoForm input[type=email], -.mktoForm input[type=tel], -.mktoForm input[type=number], -.mktoForm input[type=date] { - padding: 0.1em 0.2em; - line-height: 1.2em; - margin: 0; -} -.mktoForm input[type=range] { - padding: 0.25em 0; - margin: 0; -} -.mktoForm input[type=range]::-ms-tooltip { - display: none; -} -.mktoForm input[type=url], -.mktoForm input[type=text], -.mktoForm input[type=date], -.mktoForm input[type=tel], -.mktoForm input[type=email], -.mktoForm input[type=number], -.mktoForm textarea.mktoField, -.mktoForm select.mktoField { - -moz-box-sizing: border-box; - -webkit-box-sizing: border-box; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; -} -.mktoForm .mktoFormRow { - clear: both; -} -.mktoForm .mktoFormCol { - float: left; - position: relative; - min-height: 2em; -} -.mktoButtonRow { - display: inline-block; - position: relative; -} -.mktoForm textarea.mktoField { - display: inline-block; - padding: 0.2em; - margin: 0; - line-height: 1.2em; - overflow: auto; - resize: none; - float: none; -} -/* Firefox computes row height wrong for the last 13 years... https://bugzilla.mozilla.org/show_bug.cgi?id=33654 */ -.mktoForm textarea[rows="1"] { - height: 2em; -} -.mktoForm textarea[rows="2"] { - height: 3.4em; -} -.mktoForm textarea[rows="3"] { - height: 4.6em; -} -.mktoForm textarea[rows="4"] { - height: 5.8em; -} -.mktoForm textarea[rows="5"] { - height: 7em; -} -.mktoForm textarea[rows="6"] { - height: 8.2em; -} -.mktoForm textarea[rows="7"] { - height: 9.4em; -} -.mktoForm textarea[rows="8"] { - height: 10.6em; -} -.mktoForm.mktoLayoutCenter .mktoLabel { - text-align: right; -} -.mktoForm.mktoLayoutAbove .mktoGutter { - display: none; -} -.mktoForm.mktoLayoutAbove .mktoLabel { - text-align: left; -} -.mktoForm.mktoLayoutAbove .mktoRadioList, -.mktoForm.mktoLayoutAbove .mktoCheckboxList { - float: none; - clear: left; -} -.mktoForm.mktoLayoutAbove .mktoField, -.mktoForm.mktoLayoutAbove .mktoLogicalField { - clear: left; -} -.mktoForm.mktoLayoutAbove textarea.mktoField { - float: left; -} -.mktoForm .mktoError { - position: absolute; - z-index: 99; - color: #bf0000; -} -.mktoForm .mktoError .mktoErrorArrowWrap { - width: 16px; - height: 8px; - overflow: hidden; - position: absolute; - top: 0; - left: 5px; - z-index: 100; -} -.mktoForm.ie7 .mktoError .mktoErrorArrowWrap { - top: -8px; -} -.mktoForm .mktoError .mktoErrorArrow { - background-color: #e51b00; - border: 1px solid #9f1300; - border-right: none; - border-bottom: none; - display: inline-block; - height: 16px; - -webkit-transform: rotate(45deg); - -moz-transform: rotate(45deg); - transform: rotate(45deg); - -ms-transform: rotate(45deg); - width: 16px; - margin-top: 5px; -} -/** These two styles are for browsers that don't support css transforms */ -.mktoForm .mktoError .mktoErrorArrowWrap.mktoArrowImage { - background: transparent url("../images/callout-arrow-up-red.png") top center no-repeat; - bottom: -7px; -} -.mktoForm .mktoError .mktoErrorArrowWrap.mktoArrowImage .mktoErrorArrow { - display: none; -} -.mktoForm .mktoError .mktoErrorMsg { - display: block; - margin-top: 7px; - background-color: #e51b00; - background-image: -webkit-linear-gradient(#e51b00 43%, #ba1600 100%); - background-image: -moz-linear-gradient(#e51b00 43%, #ba1600 100%); - background-image: linear-gradient(#e51b00 43%, #ba1600 100%); - background-image: -ms-linear-gradient(#e51b00 43%, #ba1600 100%); - border: 1px solid #9f1300; - -webkit-border-radius: 6px; - border-radius: 6px; - -webkit-box-shadow: rgba(0,0,0,0.65) 0 2px 7px, inset #ff3c3c 0 1px 0px; - box-shadow: rgba(0,0,0,0.65) 0 2px 7px, inset #ff3c3c 0 1px 0px; - color: #f3f3f3; - font-size: 1em; - line-height: 1.2em; - max-width: 16em; - padding: 0.4em 0.6em; - text-shadow: #901100 0 -1px 0; -} -.mktoForm .mktoError .mktoErrorMsg .mktoErrorDetail { - display: block; -} -.mktoForm button.mktoButton { - cursor: pointer; - margin: 0; -} -.mktoForm button.mktoButton:disabled { - opacity: 0.5; - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; - filter: alpha(opacity=50); - cursor: default; -} -.mktoNoJS .mktoLabel { - display: block; - padding-right: 10px; - width: 110px; - text-align: right; -} -.mktoNoJS input[type=text] { - width: 150px; -} -.mktoForm .cf_widget_socialsignon .cf_sign_on { - margin-bottom: 1.5em; -} -.mktoForm .mktoRangeField .mktoRangeValue { - zoom: 1; - float: left; - display: none; - text-align: center; - position: absolute; - z-index: 99; - color: #000; -} -.mktoForm.ie7 .mktoRangeField .mktoRangeValue, -.mktoForm.ie6 .mktoRangeField .mktoRangeValue { - position: relative; -} -.mktoForm .mktoRangeField.mktoHover .mktoRangeValue { - display: block; -} -.mktoForm .mktoRangeField .mktoRangeValueArrowWrap { - width: 16px; - height: 8px; - overflow: hidden; - position: absolute; - bottom: -7px; - z-index: 100; -} -.mktoForm .mktoRangeField .mktoRangeValueArrow { - background-color: #028d05; - border: 1px solid #005602; - height: 16px; - -webkit-transform: rotate(45deg); - -moz-transform: rotate(45deg); - transform: rotate(45deg); - -ms-transform: rotate(45deg); - width: 16px; - background-color: #007d04; - border-left: none; - border-top: none; - margin-top: 5px; - position: absolute; - bottom: 5px; -} -/** These two styles are for browsers that don't support css transforms */ -.mktoForm .mktoRangeField .mktoRangeValueArrowWrap.mktoArrowImage { - background: transparent url("../images/callout-arrow-down-green.png") top center no-repeat; - bottom: -7px; -} -.mktoForm .mktoRangeField .mktoRangeValueArrowWrap.mktoArrowImage .mktoRangeValueArrow { - display: none; -} -.mktoForm .mktoRangeField .mktoRangeValueText { - display: block; - background-color: #028d05; - background-image: -webkit-linear-gradient(#028d05 43%, #007d04 100%); - background-image: -moz-linear-gradient(#028d05 43%, #007d04 100%); - background-image: linear-gradient(#028d05 43%, #007d04 100%); - background-image: -ms-linear-gradient(#028d05 43%, #007d04 100%); - border: 1px solid #005602; - -webkit-border-radius: 6px; - border-radius: 6px; - -webkit-box-shadow: rgba(0,0,0,0.65) 0 2px 7px, inset #00a500 0 1px 0px; - box-shadow: rgba(0,0,0,0.65) 0 2px 7px, inset #00a500 0 1px 0px; - color: #f3f3f3; - font-size: 1em; - line-height: 1.2em; - padding: 0.4em 0.6em; - text-shadow: #005602 0 -1px 0; - text-align: center; -} -.mktoModal { - position: absolute; - top: 0; - left: 0; - right: 0; -} -.mktoModal .mktoModalMask { - position: absolute; - z-index: 10000; - top: 0; - left: 0; - right: 0; - zoom: 1; - background: rgba(0,0,0,0.5); - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#80000000, endColorstr=#80000000); - -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#80000000, endColorstr=#80000000)"; -} -.mktoModal .mktoModalContent { - position: absolute; - z-index: 10001; - background: #fff; - padding: 10px; -} -.mktoModal .mktoModalClose { - position: absolute; - cursor: pointer; - top: -10px; - right: -10px; - background: #000; - color: #fff; - width: 19px; - height: 19px; - font-family: Arial, Helvetica, sans-serif; - font-size: 13px; - line-height: 19px; - -webkit-border-radius: 19px; - border-radius: 19px; - text-align: center; - border: 2px solid #ccc; -} -/* This part of the stylesheet is overrides for mobile browsers with screen width restrictions. - It should always be at the end of the document. */ -@media only screen and (max-width: 480px) { - .mktoForm, - .mktoForm * { - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; - -moz-box-sizing: border-box; - padding: 10px; - } - .mktoForm .mktoGutter, - .mktoForm .mktoOffset { - display: none; - } - .mktoForm .mktoFormCol .mktoLabel { - text-align: left; - width: 100%; - } - .mktoForm .mktoFormCol { - float: none; - } - .mktoForm .mktoFieldWrap { - float: none; - } - .mktoForm fieldset { - padding: 0 10px; - } - .mktoForm input[type=url], - .mktoForm input[type=text], - .mktoForm input[type=date], - .mktoForm input[type=tel], - .mktoForm input[type=email], - .mktoForm input[type=number], - .mktoForm textarea.mktoField, - .mktoForm select.mktoField { - width: 100%; - height: 1.5em; - line-height: 1.5em; - font-size: 18px; - } - .mktoForm select.mktoField { - height: auto; - } - .mktoForm .mktoFormRow .mktoField { - clear: left; - } - .mktoForm .mktoFormRow .mktoFormCol { - clear: both; - } - .mktoForm .mktoRadioList, - .mktoForm .mktoCheckboxList { - width: 100%; - } - .mktoForm .mktoFormRow .mktoRequiredField .mktoAsterix { - float: left; - padding-left: 0; - padding-right: 5px; - } - .mktoModal .mktoModalContent { - padding: 10px 0; - } - .mktoModal .mktoModalClose { - right: 0; - } - .mktoForm .cf_widget_socialsignon { - display: block; - } - .mktoForm .cf_widget_socialsignon .cf_sign_on { - width: 100%; - } - .mktoForm .cf_widget_socialsignon .cf_sign_on_button { - width: auto; - } -} -@media only screen and (max-width: 480px), only screen and (max-device-width: 480px), only screen and (max-device-height: 480px) { - .mktoMobileShow .mktoForm, - .mktoForm * { - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; - -moz-box-sizing: border-box; - padding: 10px; - } - .mktoMobileShow .mktoForm .mktoGutter, - .mktoMobileShow .mktoForm .mktoOffset { - display: none; - } - .mktoMobileShow .mktoForm .mktoFormCol .mktoLabel { - text-align: left; - width: 100%; - } - .mktoMobileShow .mktoForm .mktoFormCol { - float: none; - } - .mktoMobileShow .mktoForm .mktoFieldWrap { - float: none; - } - .mktoMobileShow .mktoForm fieldset { - padding: 0 10px; - } - .mktoMobileShow .mktoForm input[type=url], - .mktoMobileShow .mktoForm input[type=text], - .mktoMobileShow .mktoForm input[type=date], - .mktoMobileShow .mktoForm input[type=tel], - .mktoMobileShow .mktoForm input[type=email], - .mktoMobileShow .mktoForm input[type=number], - .mktoMobileShow .mktoForm textarea.mktoField, - .mktoMobileShow .mktoForm select.mktoField { - width: 100%; - height: 1.5em; - line-height: 1.5em; - font-size: 18px; - } - .mktoMobileShow .mktoForm select.mktoField { - height: auto; - } - .mktoMobileShow .mktoForm .mktoFormRow .mktoField { - clear: left; - } - .mktoMobileShow .mktoForm .mktoFormRow .mktoFormCol { - clear: both; - } - .mktoMobileShow .mktoForm .mktoRadioList, - .mktoMobileShow .mktoForm .mktoCheckboxList { - width: 100%; - } - .mktoMobileShow .mktoForm .mktoFormRow .mktoRequiredField .mktoAsterix { - float: left; - padding-left: 0; - padding-right: 5px; - } - .mktoMobileShow .mktoModal .mktoModalContent { - padding: 10px 0; - } - .mktoMobileShow .mktoModal .mktoModalClose { - right: 0; - } - .mktoMobileShow .mktoForm .cf_widget_socialsignon { - display: block; - } - .mktoMobileShow .mktoForm .cf_widget_socialsignon .cf_sign_on { - width: 100%; - } - .mktoMobileShow .mktoForm .cf_widget_socialsignon .cf_sign_on_button { - width: auto; - } -} diff --git a/css/mobile_responsive.css b/css/mobile_responsive.css deleted file mode 100644 index 0a56e93fa1..0000000000 --- a/css/mobile_responsive.css +++ /dev/null @@ -1,241 +0,0 @@ -/* ========== Start Responsive Sytling ========== */ -@media screen and (max-width:1199px) { -.node-type-front-page .dockercon16 section.title_section.darkblue a.button{ - margin-bottom: 70px; -} -} -@media screen and (max-width:991px) { -section.section { - padding: 80px 0; -} -.main-header div>.nav-main>li { - margin-left: 16px; -} -div.dockercon_registation_section .cross-btn > a{ - border: 0; - background: transparent; -} -div.dockercon_registation_section .cross-btn:after{ - border: 0; - background: transparent; -} -div.dockercon_registation_section .cross-btn > a:after{ - border: 0; - background: transparent; -} -div.dockercon_registation_section .cross-btn > a:before{ - border: 0; - background: transparent; -} -.pricing-tables > li { - width: 50%; -} -.pricing-tables > li.standard { - border-right: 1px solid #CCC; -} -.main-header .logo, .main-header .logo_safari { - margin-left: 50px; - margin-top: 16px; -} -.main_footer .footer-nav .primary-footer-sub-nav { - float: left; -} -.main_footer .footer-nav .primary-footer-sub-nav ul li { - margin-left: 0px; - margin-right: 30px; -} -section.use_case_item_section .items.media li .media_content { - padding-right: 30px; -} -.dockercon16 section.use_case_item_section.section .button_table a.button { - padding: 15px 20px 13px 20px; -} -section.government_partners_section .government_partners_tabs ul li{ - max-width: 32%; -} -section.government_other_resources_section.GenericDev .items.displaytable li { - float: left; - display: block; - width: 50%; -} -section.government_partners_section .government_partners_tabs ul li .helper img{ - max-width: 100%; -} -section.dockercon_quotes_section .quotes_icon { - margin-left: 0px; -} -section.career_job_openings_section.GenericDev .items.media li { - padding: 20px 30px 20px 30px; -} -section.career_job_openings_section.GenericDev .items.media li .media_image { - left: 30px; -} -section.career_overview_section.GenericDev .items>li { - padding: 0; - padding-right: 0; -} -} -@media screen and (max-width:940px) { -header .top-right-bg { - display: none; -} -} -@media screen and (max-width:767px) { -section.section { - padding: 60px 0; -} -section.GenericDev .items>li { - padding: 20px 10px 20px; -} -.dockercon16 div.heronav_section ul li a { - padding: 14px 30px 10px 30px; -} -.dockercon16 section.section a.button, .dockercon16 section.title_section a.button { - margin-right: 10px; - margin-left: 10px; -}.dockercon16 section.section a.button+a.button, .dockercon16 section.title_section a.button+a.button { - margin-right: 10px; - margin-left: 10px; -} -.sm-margin-top-40 { - margin-top:40px; -} -footer.main_footer .top_footer { - margin-bottom: 50px; -} -footer.main_footer div.newsletter { - max-width: none; - margin-right: auto; -} -footer.main_footer .social-icons { - max-width: none; - margin-right: auto; -} -.node-type-front-page .dockercon16 section.title_section.darkblue img.moby { - margin-bottom: 40px; -} -div.dockercon_registation_section { - background-size: 200% 52px; -} -.dockercon16 section.title_section .dockercon16_padding { - padding-top: 50px; -} -.dockercon16 section .dockercon16_padding { - padding-top:50px; -} -.dockercon16 section.use_case_item_section.section .button_table a.button { - margin-top:30px; -} -section.feature_customer_section.GenericDev .items.media>li{ - width: 100%; -} -section.dockercon_quotes_section .quotes_icon { - margin-left: 0; -} -.sidebarnav_section ul{ - margin: 0px 0px 1.5rem; -} -.dockercon16 .row .sidebarnav_section+.floatleft,.dockercon16 .docker_captian_about_section .text-left{ - margin-top: 140px; -} -.dockercon16 .row .sidebarnav_section+.floatleft>.row{ - padding: 0 15px; -} -.dockercon16 .docker_captian_about_section{ - padding: 0 15px; -} -.dockercon16 .event-search { - padding: 0 15px; -} -.path-aws .dockercon16 .row .sidebarnav_section+.floatleft, .path-hpe .dockercon16 .row .sidebarnav_section+.floatleft, .path-IBM .dockercon16 .row .sidebarnav_section+.floatleft, .path-partner-portal .dockercon16 .row .sidebarnav_section+.floatleft , .path-microsoft .dockercon16 .row .sidebarnav_section+.floatleft, .path-find-partner .dockercon16 .row .sidebarnav_section+.floatleft { - margin-top: 175px; -} -.path-resources .dockercon16 .row .sidebarnav_section+.floatleft, .path-section-products .dockercon16 .row .sidebarnav_section+.floatleft { - margin-top: 280px; -} -div.dockercon_registation_section .cross-btn { - width: inherit; -} -section.title_section.darkblue img { - max-height: 250px; -} -.dockercon16 section.title_section .textalign-left a.button, .dockercon16 section.title_section .textalign-left a.button+a.button { - margin: 20px 0; -} -section.docker_product_section.GenericDev .items.media { - margin-left: -20px; - margin-right: -20px; -} -section.docker_product_section.GenericDev .items.media li { - padding-left: 20px; - padding-right: 20px; -} -section.docker_product_section .items.media li .media_image { - left: 25px!important; -} -section.toolbox_overview_section .items>li a.button { - margin: 10px 00px; -} -} -@media screen and (max-width:680px) { - .pricing-tables > li { - width: 100%; - } -} -@media screen and (max-width:600px) { -.dockercon16 section.title_section a.button,.dockercon16 section.title_section a.button+a.button{ - display: block; - max-width: 300px; - margin: 20px auto; -} -.dockercon16 div.heronav_section ul { - display: block; - clear: none; - float: none; -} -.dockercon16 div.heronav_section ul li { - float: none; - display: inline-block; -} -.dockercon16 div.heronav_section ul li a { - padding: 14px 20px 10px 20px; -} -section.use_case_item_section .quote_container .author { - padding-left: 40%; -} -section.use_case_item_section .quote_container .author_position { - padding-left: 40%; -} -section.dockercon_quotes_section .quotes_slider .slides li .author{ - padding-left: 40%; -} -section.dockercon_quotes_section .quotes_slider .slides li .author_position { - padding-left: 40%; -} -section.customers_logos_section .items>li{ - width: 50%; -} -section.customers_logos_section .items>li a{ - min-height: 250px; -} -section.government_other_resources_section.GenericDev .items.displaytable li { - width: 100%; -} -} -@media screen and (max-width:500px) { - -} -@media screen and (max-width:480px) { -section.customers_logos_section .items>li{ - width: 100%; -} -} -@media screen and (max-width:400px) { -section.included_product_section a.button { - width: 90%; -} -section.product_features_product_section .items li a.button { - min-width: inherit; -} -} -/* ========== End Responsive Sytling ========== */ \ No newline at end of file diff --git a/css/responsive.css b/css/responsive.css deleted file mode 100644 index 44842f8ea5..0000000000 --- a/css/responsive.css +++ /dev/null @@ -1,10 +0,0 @@ - -@media only screen and (max-width: 58.75em) { - -} -@media only screen and (max-width: 47.9375em) { - -} -@media only screen and (max-width: 40em) { - -} diff --git a/css/style-alt.css b/css/style-alt.css deleted file mode 100644 index ab8f64b889..0000000000 --- a/css/style-alt.css +++ /dev/null @@ -1,1741 +0,0 @@ -/* -* -* docker -* theme dark -* -*/ - -html { - font-family: sans-serif; - -ms-text-size-adjust: 100%; - -webkit-text-size-adjust: 100%; - -moz-osx-font-smoothing: grayscale; - -webkit-font-smoothing: antialiased; -} - -body { - background-color: #192837; - font-family: "Open Sans", sans-serif; - font-size: 14px; - line-height: 24px; - color: #e4e4e4; -} - - -/* -* -* links -* -*/ - -a { - color: #F7F8F9; - cursor: pointer; -} - -a:active, a:hover { - color: #F7F8F9; - opacity: .8; - text-decoration: none; -} - - -/* -* -* lists -* -*/ - - -/* -* -* tables -* -*/ - -table { - border: 1px solid #1b1a1a; - margin: 0 0 15px 0; - width: 100%; -} - -table>tbody>tr:nth-of-type(even) { - background-color: #1f3341; -} - -thead { - background: #2b4252; -} - -th, td { - padding: 7px 10px 7px 20px; - text-align: left; - font-weight: 400; -} - - -/* - * - * typography ****************************************************************** - * - */ - -h1, h2, h3, h4, h5, h6 { - color: #b9c2cc; - font-family: Geomanist Book; -} - -h1 { - font-size: 38px; - line-height: 48px; -} - -h2 { - font-size: 28px; - line-height: 38px; -} - -h3 { - font-size: 20px; - line-height: 28px; -} - -h4 { - color: #445d6e; - font-size: 18px; - line-height: 26px; - text-transform: uppercase; -} - -h5 { - color: #445d6e; - font-size: 16px; - line-height: 26px; -} - -h6 { - color: #82949e; - font-size: 16px; - line-height: 26px; -} - -p { - color: #d3d4d4; - font-family: "Open Sans", sans-serif; - font-size: 14px; - line-height: 24px; - margin: 10px 0 20px 0; -} - -@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) { - h1 { - font-size: 26px; - line-height: 48px; - } - .hero-text p { - margin-bottom: 15px; - font-size: 14px; - line-height: 20px; - } -} - - - -p.p2 { - font-size: 16px; - line-height: 30px; -} - -.reading-time { - font-style: italic; - font-size: 80%; - display: block; - padding: 0; - color: #ccc; -} - -.dropdown-header { - font-size: 13.5px; - line-height: 16px; - color: #1488c6; - padding: 10px 0 0 15px; - display: block; - font-weight: 600; - margin: 10px 0 0 0; -} - -/* -* -* images -* -*/ - -img { - display: block; - max-width: 100%; - height: auto; -} - -/* -* -* Header *********************************************************************** -* -*/ - -.header { - animation: gradientswitch 50s infinite; - -webkit-animation: gradientswitch 50 sinfinite; - height: 500px; - position: relative; - z-index: 1; -} - -@keyframes gradientswitch - { - 0% {background: #1488C6;} - 25% {background: #0C5176;} - 50% {background: #BB4258;} - 75% {background: #0C5176;} - 100% {background: #1488C6;} - } - - @-webkit-keyframes gradientswitch /* Safari and Chrome - necessary duplicate */ - { - 0% {background: #1488C6;} - 25% {background: #0C5176;} - 50% {background: #BB4258;} - 75% {background: #0C5176;} - 100% {background: #1488C6;} -} - -/* -* -* hero banner text ************************************************************* -* -*/ - -.hero-text { - -ms-flex-align: center; - align-items: center; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - min-height: 24em; - -ms-flex-pack: center; - justify-content: center; - -webkit-animation-name: hero; - animation-name: hero; - -webkit-animation-duration: 2s; - animation-duration: 2s; -} - -.hero-text-centered { - -ms-flex: none; - flex: none; - text-align: center; - max-width: 60%; -} - -.hero-text h1 { - color: #fff; -} - -.hero-text p { - color: #fff; - margin-bottom: 15px; - font-size: 18px; - font-weight: 200; - font-family: "Open Sans", sans-serif; - line-height: 30px; -} - -.hero-text ul { - padding: 0; - width: 65%; - margin: 0 auto; -} - -.hero-text li { - padding: 0 10px 0 0; -} - - -/* Portrait and Landscape */ - -@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) { - .hero-text { - position: absolute; - top: 75px; - } - .hero-text-centered { - -ms-flex: none; - flex: none; - text-align: center; - max-width: 80%; - } - .hero-text li { - float: left; - margin: 10px 0 0 0; - } -} - - -/* -* Search ********************************************************************* -* -*/ - -.search-form { - float: left; - margin: 10px 15px 0 20px; -} - -.search-form input[type=text] { - background: #3bb1ec; - border: 0; - color: #0C5176; - border-radius: 0px; - margin: 0; - transition: all 0.2s ease; - width: 230px; -} - -.nav-secondary input[type=text] { - background: #000; - border: 0; - margin: 0; - transition: all 0.2s ease; -} - -.search-form input[type=text]:focus { - background: #fff; - box-shadow: 0; -} - -input[type=text], .nav-secondary-tabs.affix input[type=text] { - background: #10628e; - border: 0; - margin: 0; -} - -.search-form input[type=text]::-webkit-input-placeholder { - color: #fff; -} - -.search-form input[type=text]:-moz-placeholder { - /* Firefox 18- */ - color: #fff; -} - -.search-form input[type=text]::-moz-placeholder { - /* Firefox 19+ */ - color: #fff; -} - -.search-form input[type=text]:-ms-input-placeholder { - color: #fff; -} - - -/* -* -* Butons *********************************************************************** -* -*/ - -ul.buttons { - list-style: none; -} - -a.button { - color: #fff; -} - -a.button.outline-btn { - color: #b3b7bc; -} - -.button { - margin: 10px 10px 0 0; - font-family: Geomanist Book; - padding: 12px 35px 10px; - min-width: 200px; - box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1); - float: left; - text-align: center; -} - -.button:hover { - color: #fff; - opacity: 0.7; -} - -.primary-btn { - background: #1488C6; - border: 1px solid rgba(0, 0, 0, 0.1); - text-shadow: 0 1px rgba(0, 0, 0, 0.2); -} - -.secondary-btn { - background-color: rgba(255, 255, 255, 0.2); - box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1); - border: 1px solid rgba(255, 255, 255, 0.1); - text-shadow: 0 1px rgba(0, 0, 0, 0.2); -} - -.transparent-btn { - background-color: rgba(0, 0, 0, 0.2); - box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1); - border: 1px solid rgba(0, 0, 0, 0.1); - text-shadow: 0 1px rgba(0, 0, 0, 0.2); -} - -.outline-btn { - background: #192837; - border: 1px solid #263d54; - text-decoration: none; - margin: 0; -} - -.outline-btn:hover, .primary-btn:hover, .secondary-btn:hover { - opacity: 0.8; -} - -.outline-btn:hover { - color: #1488C6; -} - - -/* -* -* branding ********************************************************************* -* -*/ - -.logo { - margin: 12px 10px 0 10px; - width: 160px; -} - -.affix-top .affix-logo { - opacity: 0; -} - -.affix-logo { - float: left; - width: 160px; - transition: all 0.1s ease; -} - - -/* -* -* Primary navigation - top header ********************************************************** -* -*/ - -.nav-primary { - background: transparent; - padding: 5px 12px; -} - -.primary { - padding: 5px 0 0 20px; -} - -@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) { - .nav-primary { - background: #0087c9; - padding: 5px 12px; - position: absolute; - width: 100%; - z-index: 9999; - } - .primary { - padding: 20px 0 0; - text-align: center; - } - .user-nav { - padding: 5px 0 0; - text-align: center; - } - .navbar-default .navbar-nav .open .dropdown-menu>li>a { - /** todo remove this **/ - color: #fff; - text-align: center; - } - .navbar-default .navbar-toggle, .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover { - background: transparent; - border: 0; - } -} - - -/* -* -* Secondary Navigation ********************************************************** -* -*/ - -.nav-secondary { - background: #000; - box-shadow: 0 1px 8px rgba(0, 0, 0, 0.74); - height: 55px; -} - -/* -* -* nav-secondary-tabs *********************************************************************** -* -*/ - -.nav-secondary-tabs { - background-color: rgba(0, 0, 0, 0.05); - bottom: 0; - height: 55px; - position: absolute; - width: 100%; - z-index: 10; - transition: all 0.1s ease; -} - -.nav-secondary-tabs.affix { - background: #000; - box-shadow: 0 1px 8px rgba(0, 0, 0, 0.74); - height: 55px; - top: 0; - position: fixed; - z-index: 100; -} -/* -* -* Tabs *********************************************************************** -* -*/ - -.tabs { - padding: 0; - float: left; - margin: 0; -} - -.tabs li { - float: left; - list-style: none; -} - -.tabs li a { - color: #fff; - padding: 19px 20px 13px; - float: left; - opacity: 0.7; - font-weight: 600; -} - -.tabs li a:hover { - background: rgb(25, 40, 55) !important; - border-bottom: 4px solid #fff; -} - -.tabs li.active a { - background: transparent !important; - color: #F7F8F9; - cursor: default; - border-bottom: 4px solid #fff; - opacity: 1; -} - - -/* -* -* user-nav *********************************************************************** -* -*/ - -.user-nav { - padding: 5px 0 0; -} - - -/* -* -* layout *********************************************************************** -* -*/ -section.section { - max-width: 960; -} - -.main-content { - padding: 20px 15px 25px 20px; - max-width: 885px; -} - -.content { - padding: 65px 55px 20px 50px; - min-height: 500px; - max-width: 860px; -} - -@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) { - .content { - padding: 55px 30px 20px 32px; - } -} - - -.wrapper { - min-height: 1000px; - /*transition: all 0.1s ease;*/ -} - - -#sidebar-wrapper-home #feedback-links { - margin: 10px 0 10px 0; -} - -#sidebar-wrapper { - background: #101c29; - border-left: 1px solid rgb(16, 28, 41); - height: 100%; - position: fixed; - right: 250px; - overflow-y: auto; - margin-right: -250px; - width: 0; - /*transition: all 0.5s ease;*/ -} - -#sidebar-wrapper-home { - background-color: #101c29; - /*border-left: 1px solid rgba(204, 204, 204, 0.29);*/ - position: absolute; - height: 100%; - right: 0; - top: 500px; - width: 250px; -} - -@media (min-device-width: 320px) and (max-device-width: 480px) { - #sidebar-wrapper-home { - display: none; - } -} - -#sidebar-wrapper-home.affix { - top: 10px; - position: fixed; -} - -.wrapper.right-open #sidebar-wrapper { - width: 250px; -} - -@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) { - #sidebar-wrapper { - display: none; - } -} - -.page-content { - /*display: none; - transition: all 0.5s ease;*/ -} - -.wrapper.right-open .page-content { - padding-right: 190px; -} - -@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) { - .wrapper.right-open .page-content { - padding-right: 0; - } -} - -@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) { - .wrapper.right-open .page-content { - padding-right: 0; - } - -} - -/* -* Top navigation -* Hide default border to remove 1px line. -*/ - -.navbar-fixed-top { - top: 0; - border-width: 0; -} - - -/* -* Sidebar -*/ - - -/* Hide for mobile, show later */ - -.sidebar { - display: none; -} - -@media (min-width: 768px) { - .sidebar-home { - background-color: #101c29; - border-right: 1px solid rgb(16, 28, 41); - display: block; - padding: 0 20px 0 0; - overflow-x: hidden; - overflow-y: auto; - min-height: 1000px; - max-width: 250px; - position: absolute; - } -} - -.sidebar-home .affix { - background-color: #101c29; - border-right: 1px solid 1px solid rgb(16, 28, 41); - position: fixed; - top: 55px; - bottom: 0; - left: 0; - display: block; - overflow-x: hidden; - overflow-y: auto; - max-width: 250px; - } - -@media (min-width: 768px) { - .sidebar { - background-color: #101c29; - border-right: 1px solid 1px solid rgb(16, 28, 41); - position: fixed; - top: 51px; - bottom: 0; - left: 0; - display: block; - padding: 0; - overflow-x: hidden; - overflow-y: auto; - max-width: 250px; - } -} - - -/* -* -* NAV SIDEBAR *********************************************************************** -* -*/ - -.nav-sidebar { - padding-top: 20px -} - -.nav-sidebar>li>a { - padding-right: 20px; - padding-left: 20px; -} - -.nav-sidebar>.active>a, .nav-sidebar>.active>a:focus, .nav-sidebar>.active>a:hover { - color: #F7F8F9; - background-color: #428bca; -} - -.nav-sidebar.affix { - top: 55px; - z-index: 0; - padding: 30px 0px 0 20px -} - -.nav-sidebar ul { - list-style: none; - padding: 0; - text-align: left; - overflow: hidden; -} - -.nav-sidebar ul li { - display: block; -} - -/*.nav-sidebar ul li a {}*/ - -.nav-sidebar ul li a:hover { - opacity: 0.7; - background: transparent; -} - -.nav-sidebar ul li a, .nav-sidebar ul li a:focus, .nav-sidebar ul li a:hover { - border-bottom: none; - text-decoration: none; -} - -.nav-sidebar ul li a.active, .nav-sidebar.nav>li>a:focus { - cursor: default; - color: #F7F8F9; - border-left: 4px solid #7960a5; -} - -.nav-sidebar ul li li a { - margin-left: 10px; - border-left: 1px solid #7960a5; - font-size: 12px; -} - - -/*.nav-sidebar a.expand-menu {} -.nav-sidebar a.expand-menu:hover {} -.nav-sidebar a.expand-menu.active {}*/ - -.nav-sidebar .caret { - float: right; - margin-top: 5px; -} - -.leftnav { - padding: 0 20px 20px 0; -} - - -/* -* -* Table of contents menu *********************************************************************** -* -*/ - -.toc-nav i.fa { - font-size: 16px; - margin: 0px 8px 0 0; - color: #97acbb; -} - -i.fa.fa-question { - font-size: 21px; - margin: 0 11px 0 0; -} - -.edit { - margin: 10px 0 20px 15px; -} - -.toc-toggle { - width: 25px; - height: 25px; - float: right; -} - -.toc-nav { - padding: 10px 10px 30px 20px; -} - -.toc-nav ul { - list-style: none; - margin: 0; - padding: 0; - width: 100%; -} - -.toc-nav li { - padding: 2px 8px 2px 32px; -} - -.toc-nav a { - display: block; - font-size: 12px; - padding: 0 0 0 10px; - text-decoration: none; -} - -.offcanvas a:focus, .toc-nav a:hover { - color: #f1f1f1; -} - -.toc-nav li a.active { - color: #F7F8F9; - border-left: 4px solid #21cbc9; - font-weight: bold; -} - -.toc-nav ul li, .toc-nav ul li ul li { - padding-left: 15px; -} - - -/* -* -* Toggle Switches ************************************************************** -* -*/ - -.toggle-mode { - float: left; - padding: 0 0 0 10px; - width: 100%; -} - -.toggle-mode .icon { - width: 25px; - float: left; - font-size: 1.5rem; -} - -.toggle-switch { - float: left; - height: 40px; - width: 60px; - padding: 3px 7px 0 2px; -} - -.switch { - position: relative; - display: inline-block; - width: 47px; - height: 19px; -} - -.switch input { - display: none; -} - -.slider { - position: absolute; - cursor: pointer; - top: 0; - left: 0; - right: 0; - bottom: 0; - background-color: #0b131b; - border: 1px solid #0b131b; - transition: 0.4s; -} - -.slider:before { - position: absolute; - content: ""; - height: 15px; - width: 15px; - left: 2px; - bottom: 1px; - background-color: #536980; - transition: 0.4s; -} - - -/*input:checked+.slider {}*/ - -input:focus+.slider { - box-shadow: 0 0 1px #2196F3; -} - -input:checked+.slider:before { - -webkit-transform: translateX(26px); - transform: translateX(26px); -} - -.slider.round { - border-radius: 34px; -} - -.slider.round:before { - border-radius: 50%; -} - - -/* -* -* feedback links *********************************************************************** -* -*/ - -.feedback-links { - margin: 40px 0 10px 0; - padding: 20px 0 10px 0; - width: 250px; -} - -div#PDRTJS_8453675_msg,div#PDRTJS_8453675_msg_1 { - color: #fff!important; -} - -/* polldaddy */ -#rating_info_8453675 -{ - display: none; -} -.rating-msg -{ - font: inherit !important; - color: inherit !important; -} - -/* -* -* Controls *********************************************************************** -* -*/ - -.ctrl-left { - float: left; - width: 20px; - margin: 0 19px 1px 0; -} - -.ctrl-right { - float: right; - padding: 5px 16px 0; -} - -.ctrl-right .btn-group { - float: left; - margin: 2px 24px 0 0; -} - - -/* -* -* Breadcrumbs ************************************************************** -* -*/ - -.breadcrumb { - padding: 8px 15px 0 0; - margin: 10px 0 0; - list-style: none; - background-color: transparent; - border-radius: 4px; -} - - -/* -* Search ********************************************************************* -* -*/ - - -/** for landing page search */ - -.search-form { - float: left; - margin: 10px 15px 0 0px; - width: 235px; -} - -.nav-secondary .search-form { - float: left; - width: 235px; - margin: 10px 5px 0 10px; -} - -.nav-secondary-tabs .search-form { - margin: 5px 10px 0 0; -} - -.nav-secondary-tabs.affix .search-form { - margin: 5px 10px 0 0; -} - -.nav-secondary-tabs .search-form input[type=search] { - background: rgba(0, 0, 0, 0.17) url("/images/search.png") no-repeat; - background-position: 10px 9px; - border: 0; - color: #fff; - border-radius: 0; - /*-webkit-transition: all 0.2s ease; - -moz-transition: all 0.2s ease; - -o-transition: all 0.2s ease; - transition: all 0.2s ease;*/ - padding: 0px 0 0 40px; - width: 235px; -} - -.nav-secondary-tabs.affix input[type=search], input[type=text] { - background: #272727 url("/images/search.png") no-repeat; - background-position: 10px 9px; - border: 0; - box-shadow: none; - /*-webkit-transition: all 0.2s ease; - -moz-transition: all 0.2s ease; - -o-transition: all 0.2s ease; - transition: all 0.2s ease;*/ -} - -.nav-secondary input[type=search] { - background: #272727 url("/images/search.png") no-repeat; - background-position: 10px 9px; - border: 0; - border-radius: 0; - box-shadow: none; - padding: 0px 0 0 40px; - /*-webkit-transition: all 0.2s ease; - -moz-transition: all 0.2s ease; - -o-transition: all 0.2s ease; - transition: all 0.2s ease;*/ -} - -.nav-secondary .search-form input[type=search]:focus { - background: #3e3e3e url("/images/search.png") no-repeat; - background-position: 10px 9px; - box-shadow: none; - color: #ffffff; -} - -.search-form input[type=search]::-webkit-input-placeholder { - color: #fff; - opacity: .5; -} - -.search-form input[type=search]:-moz-placeholder { - /* Firefox 18- */ - color: #fff; - opacity: .5; -} - -.search-form input[type=search]::-moz-placeholder { - /* Firefox 19+ */ - color: #fff; - opacity: .5; -} - -.search-form input[type=search]:-ms-input-placeholder { - color: #fff; - opacity: .5; -} - - -/* -* -* Custom Content Docs Guides : steps ****************************************** -* -*/ - -i.fa.fa-indent, i.fa.fa-outdent { - color: #8d98a0; - padding: 16px 15px 0 0; - font-size: 1.8rem; - opacity: 0.7; -} - - -/*.step-container {}*/ - -.step a { - padding: 15px; - float: left; - min-height: 75px; - width: 100%; -} - -.step a:hover { - opacity: 0.6; -} - -.step-num { - border-radius: 50%; - behavior: url("PIE.htc"); - width: 36px; - height: 36px; - padding: 4px; - border: 2px solid #196d9c; - color: #0a486b; - text-align: center; - float: left; - font-size: 1.5rem; - margin-right: 25px; -} - - -/*.step-text {}*/ - -.step p { - padding: 5px 45px 0 0; - width: 87%; - float: left; -} - -.step .fa-chevron-right { - font-size: 3.5rem; - margin: 4px 0 0 15px; - float: left; - color: #125275; - opacity: 0.4; -} - - -/* Portrait and Landscape */ - -@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) { - .step p { - padding: 25px 0 0; - width: 87%; - float: left; - } - .step-text { - float: left; - } - .container>.navbar-header { - margin: 0; - } -} - - -/* -* -* Guides : components -* -*/ - -.component-container { - padding: 0; - margin: 0; - width: 100%; -} - -.component { - background: #101c29; - padding: 30px 30px 0; - text-align: center; - min-height: 280px; - max-width: 300px; - max-width: 330px; -} - -.component-full { - background: #101c29; - padding: 33px 0 32px 23px; - float: left; - width: 100%; - min-height: 120px; - margin: 20px 0 0; -} - -.component p, .component-full p { - color: #72ccff; -} - -.component-full-icon { - float: left; - padding: 5px 15px 0 7px; -} - -.component-full p { - margin: 0; -} - -.component-full h3 { - margin-top: 10px; -} - -.component img, .component-full-icon img { - width: 50px; - height: 50px; -} - -.component-icon { - width: 50px; - margin: 0 auto; - padding: 0 0 10px; -} - -.component-full-copy { - float: left; - width: 80%; -} - -a.anchorLink { - margin-left: 5px; - visibility: hidden; -} - - -/* -* -* feedback -* -*/ - -.feedback { - text-align: center; - padding: 50px 0; -} - - -/* -* Global elper classes ********************************************************************* -* -*/ - -.sub-header-block { - padding: 25px 20px 50px 0; -} - -/*.block { - padding: 25px 20px 10px 0; -}*/ - -.block ul { - padding: 0; -} - - -/* -* -* hero banner text ************************************************************* -* -*/ - -.hero-text { - -ms-flex-align: center; - align-items: center; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - min-height: 24em; - -ms-flex-pack: center; - justify-content: center; - -webkit-animation-name: hero; - animation-name: hero; - -webkit-animation-duration: 2s; - animation-duration: 2s; -} - -.hero-text-centered { - -ms-flex: none; - flex: none; - text-align: center; - max-width: 60%; -} - -.hero-text h1 { - color: #fff; -} - -.hero-text p { - color: #fff; - margin-bottom: 15px; - font-size: 18px; - line-height: 28px; -} - -.hero-text ul { - padding: 0; - width: 65%; - margin: 0 auto; -} - -.hero-text li { - padding: 0 10px 0 0; -} - -.hero-text a { - color: #fff; -} - - -/* Portrait and Landscape */ - -@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) { - .hero-text { - position: absolute; - top: 75px; - } - .hero-text-centered { - -ms-flex: none; - flex: none; - text-align: center; - max-width: 80%; - } - .hero-text li { - float: left; - margin: 10px 0 0; - } -} - - -/* -* -* Custom Content**************************************************************** -* -*/ - -.strip, .strip-alt { - padding: 70px 0 50px; - min-height: 300px; - width: 100%; -} - -.strip-alt { - background: #1488c6; - color: #fff; -} - -.strip-alt h3, .strip-alt h6 { - color: #fff; -} - -.color-strip { - background: #1488c6; - height: 300px; - width: 100%; -} - -.illustration { - max-width: 944px; - margin: 0 auto; -} - - -/* -* -* Bootstrap Overrides : super embarrassing *********************************************************************** -* -*/ - -.navbar-nav>li>a { - color: #fff !important; -} - -.navbar-collapse, .navbar-form { - border-color: transparent; -} - -.navbar-toggle .icon-bar { - background-color: #fff !important; -} - -.nav>li>a:focus, .nav>li>a:hover { - background-color: transparent; -} - -.dropdown-menu>li>a { - font-size: 13.5px; - line-height: 16px; - color: #1488c6; - padding: 5px 15px; - display: block; -} - -.nav .open>a, .nav .open>a:focus, .nav .open>a:hover { - background-color: transparent; - border-color: #337ab7; -} - - -/* - * - * docs content formatting ********************************************************** - * - */ - -blockquote { - border-left: 6px solid #439FD1; - background: #1f3341; - padding: 10px 20px 20px 10px; -} - -pre { - display: block; - padding: 9.5px; - margin: 0 0 10px; - font-size: 13px; - line-height: 1.42857143; - color: #f3f3f3; - word-break: break-all; - word-wrap: break-word; - background-color: #18191b; - border: 1px solid #000; - border-radius: 4px; -} - -.hljs { - color: #f5f5f5!important; -} -.hljs-tag, .hljs-name, .hljs-attribute { - color: #e3e3f2!important; - font-weight: normal; -} -.hljs-keyword, .hljs-selector-tag, .hljs-subst { - color: #f5f5f5!important; -} - -code { - padding: 3px 7px; - font-size: 90%; - color: #c9b3ef; - background-color: rgba(64, 62, 162, 0.27); - border-radius: 2px; -} - -span.reading-time { - font-style: italic; - font-size: 12px; - display: block; - color: #bfabe5; -} - - -/* -* -* autocompleteResults ********************************************************** -* -*/ - -div#autocompleteResults { - display: none; -} - -div#autocompleteResults { - background: rgba(10, 10, 10, 0.95); - border: 1px solid #000; - color: #fff; - padding: 20px 55px 15px 15px; - margin: 10px 0 0 0; - position: absolute; - -webkit-transition: all 0.5s; - -moz-transition: all 0.5s; - -o-transition: all 0.5s; - transition: all 0.5s; - width: 800px; -} - -ul.autocompleteList { - list-style: none; -} - -.autocompleteList li { - color: #b4c3d2; - padding: 5px 0 7px 0; -} - -div#autocompleteResults span { - background-color: rgba(64, 62, 162, 0.61); - color: #b7a4de; -} -.autocompleteTitle -{ - font-weight: bold; - font-size: large; -} -.autocompleteUrl, .autocompleteKeywords, .autocompleteDescription { - font-size: xx-small; - line-height: normal; -} - -/* -* -* Fonts *********************************************************************** -* -*/ - -@font-face { - font-family: 'Geomanist Book'; - src: url("../fonts/geomanist/hinted-Geomanist-Book.eot"); - src: url("../fonts/geomanist/hinted-Geomanist-Book.eot?#iefix") format("embedded-opentype"), url("../fonts/geomanist/hinted-Geomanist-Book.woff2") format("woff2"), url("../fonts/geomanist/hinted-Geomanist-Book.woff") format("woff"), url("../fonts/geomanist/hinted-Geomanist-Book.ttf") format("truetype"), url("../fonts/geomanist/hinted-Geomanist-Book.svg#Geomanist-Book") format("svg"); - font-weight: normal; - font-style: normal; -} - - -/** these are bootstarp overrides :/ */ - -.dropdown-btn { - background: transparent; - color: #fff; - padding: 6px 12px; - margin-top: 7px; - font-weight: 400; - background-image: none; - border: 0; -} - -.dropdown-header { - font-size: 13.5px; - line-height: 16px; - color: #1488c6; - padding: 5px 15px; - display: block; -} - -.text-link { - padding: 5px; -} - -#feedback { - padding: 10px 0; -} - - -/* -* -* News letter ********************************************************** -* -*/ - -.newsletter_section { - background-color: rgb(12, 12, 12); - padding: 42px 0 32px; - min-height: 140px; -} - -.newsletter_section input { - background-color: #151414; - box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.2); - border: 1px solid rgba(0, 0, 0, 0.1); - border-radius: 2px; - font-size: 16px; - line-height: 19px; - color: #82949E; - padding: 14px 15px 12px; - margin: -2px 10px 10px 0; - float: left; - height: 49px; - width: 340px !important; -} - - -/* -* -* global footer *********************************************************************** -* -*/ - -footer { - background: #000; - /*box-shadow: 0 0 3px 0px rgb(0, 0, 0), 0 4px 12px 1px rgb(0, 0, 0);*/ - position: relative; - z-index: 99999; -} - -.top_footer { - padding: 50px 0 35px; -} - -.footer_links { - list-style: none; - padding: 0; -} - -.footer_links li { - margin-bottom: 2px; -} - -.footer_links li a { - color: #c3c5c5; - font-size: 12px; - line-height: 16px; - text-decoration: none; -} - -.footer_sub_nav { - float: right; - padding: 10px 30px 20px 0; -} - -.footer_sub_nav ul { - list-style: none; - margin: 0; - padding: 0; -} - -.footer_sub_nav ul li { - float: left; - margin-left: 10px; - padding-bottom: 6px; -} - -.footer_sub_nav ul li a { - color: #637986; - font-size: 12px; - line-height: 17px; -} - -.bottom_footer { - clear: both; - padding: 30px 0 20px; - border-top: 1px solid #192837; - float: left; - width: 100%; -} - -.footer-copyright { - float: left; -} - -.footer-copyright p { - font-family: "Open Sans", sans-serif; - font-size: 12px; - line-height: 17px; - color: #637986; - margin-bottom: 0; - padding: 0 0 15px; -} - -.footer_social_nav { - float: right; - padding: 0 15px 0 0; -} - -.footer_social_nav ul { - list-style: none; - padding: 0; - margin: 0; -} - -.footer_social_nav ul li { - float: left; - position: relative; -} - -.footer_social_nav ul li:before { - color: #fff; - position: absolute; - top: 10px; - left: 10px; -} - -.footer_social_nav ul li+li { - margin-left: 10px; -} - -.footer_social_nav ul li a { - width: 32px; - height: 32px; - background-color: #222323; - border-radius: 50px; - color: #fff; - display: block; - text-indent: 9999px; - overflow: hidden; -} - -.break { - margin-bottom: 20px!important; -} - -/* Portrait and Landscape */ - -@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) { - .top_footer { - padding: 15px 0 0; - margin-bottom: 50px; - } - .footer_links { - padding: 10px 0; - } - button.outline-btn { - margin: 20px 0 0 2px; - } - .footer_sub_nav { - float: left; - } - .footer_sub_nav ul li { - float: none; - padding-bottom: 6px; - margin: 0; - } -} diff --git a/css/style.css b/css/style.css deleted file mode 100644 index 18d0123895..0000000000 --- a/css/style.css +++ /dev/null @@ -1,2 +0,0 @@ - -html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}body{background-color:#fff;color:#254356;font-family:"Open Sans",sans-serif;font-size:15px;margin:0;padding:0;overflow-x:hidden}a{color:#2089C4;text-decoration:none;outline:none}a:hover{opacity:.8;text-decoration:none}.content img{display:block;max-width:100%;height:auto}footer{background:#fff;border-top:1px solid #E0E4E7;position:relative}.top_footer{padding:50px 0 35px}.footer_links{list-style:none;padding:0}.footer_links li{margin-bottom:10px}.footer_links li a{color:#637986;font-size:12px;line-height:16px;text-decoration:none}.footer_sub_nav{float:right;padding:10px 30px 20px 0}.footer_sub_nav ul{list-style:none;margin:0;padding:0}.footer_sub_nav ul li{float:left;margin-left:10px;padding-bottom:6px}.footer_sub_nav ul li a{color:#637986;font-size:12px}.bottom_footer{clear:both;padding:30px 0 20px;border-top:1px solid #E0E4E7;float:left;width:100%}.footer-copyright{float:left}.footer-copyright p{font-family:"Open Sans", sans-serif;font-size:12px;line-height:17px;color:#637986;margin-bottom:0;padding:0 0 15px}.footer_social_nav{float:right;padding:0 15px 0 0}.footer_social_nav ul{list-style:none;padding:0;margin:0}.footer_social_nav ul li{float:left;position:relative}.footer_social_nav ul li:before{color:#fff;position:absolute;top:10px;left:10px}.footer_social_nav ul li+li{margin-left:10px}.footer_social_nav ul li a{width:32px;height:32px;background-color:#82949E;border-radius:50px;color:#fff;display:block;text-indent:9999px;overflow:hidden}.break{margin-bottom:20px !important}@font-face{font-family:'Geomanist Book';src:url("../fonts/geomanist/hinted-Geomanist-Book.eot");src:url("../fonts/geomanist/hinted-Geomanist-Book.eot?#iefix") format("embedded-opentype"),url("../fonts/geomanist/hinted-Geomanist-Book.woff2") format("woff2"),url("../fonts/geomanist/hinted-Geomanist-Book.woff") format("woff"),url("../fonts/geomanist/hinted-Geomanist-Book.ttf") format("truetype"),url("../fonts/geomanist/hinted-Geomanist-Book.svg#Geomanist-Book") format("svg");font-weight:normal;font-style:normal}h1,h2,h3,h4,h5,h6{font-family:"Geomanist Book",sans-serif;color:#254356;clear:both;line-height:26px}h1{font-size:36px;line-height:48px}h2{font-size:28px;line-height:38px}h3{font-size:22px}h4{font-size:16px;text-transform:uppercase}h5{font-size:16px}h6{color:#82949e;font-size:14px}p{color:#254356;font-family:"Open Sans", sans-serif;font-size:15px;line-height:24px;margin:10px 0 10px 0}ul li{font-size:14px}dd,dt{line-height:25px}.logo{margin:12px 10px 0 10px;width:160px}.header{animation:gradientswitch 80s infinite;-webkit-animation:gradientswitch 80 sinfinite;height:440px;position:relative;z-index:1;transition:all 0.1s ease}@keyframes gradientswitch{0%{background:#0087C9}16%{background:#EF4A53}32%{background:#FFB463}49%{background:#33D5D4}65%{background:#254356}81%{background:#5B4097}100%{background:#0087C9}}@-webkit-keyframes gradientswitch{0%{background:#0087C9}16%{background:#EF4A53}32%{background:#FFB463}49%{background:#33D5D4}65%{background:#254356}81%{background:#5B4097}100%{background:#0087C9}}.fan{background:linear-gradient(-120deg, rgba(245,33,33,0) 87%, rgba(255,255,255,0.08) 15%),linear-gradient(-110deg, rgba(27,0,255,0) 85%, rgba(255,255,255,0.08) 15%),linear-gradient(-103deg, rgba(255,33,33,0) 84%, rgba(255,255,255,0.08) 15%),radial-gradient(circle, rgba(0,135,201,0) 0%, rgba(0,135,201,0) 100%);position:absolute;height:100%;width:100%;z-index:-1}.columns,.col-body{display:flex;flex-direction:column}.col-nav{order:-1}.col-body{flex-direction:row;flex:1;min-height:555px}.col-content{flex:1}.col-nav,.col-toc{flex:0 0 0}.col-toc-hidden{display:none}@media only screen and (min-width: 1000px){.col-nav,.col-toc{flex:0 0 17em}}.content{padding:60px 50px}.main-content{padding:0 35px 25px 30px}section.section{max-width:980px;margin:0 auto}.content ul{margin-top:10px}#sidebar-wrapper{background-color:#FBFBFC;border-left:1px solid rgba(204,204,204,0.29);height:100%;position:fixed;padding:70px 0 0;overflow-y:auto;overflow-x:hidden;margin-right:-250px;width:0}#sidebar-right{background-color:#FBFBFC;border-left:1px solid rgba(204,204,204,0.29);height:100%;padding-top:20px;width:255px;min-height:800px}#sidebar-right.affix{top:10px;position:fixed;min-height:800px}.wrapper.right-open #sidebar-wrapper{width:255px}.wrapper.right-open .page-content{padding-right:190px;background-color:purple}.sidebar-home{background-color:#FBFBFC;border-right:1px solid rgba(204,204,204,0.29);overflow-x:hidden;overflow-y:auto;min-height:800px;height:100%;width:270px;padding-top:20px}.sidebar-home .affix{background-color:#FBFBFC;border-right:1px solid rgba(204,204,204,0.29);top:55px;overflow-x:hidden;overflow-y:auto;padding-bottom:100px;height:100%;width:270px}.sidebar,.sidebar.affix{background-color:#FBFBFC;border-right:1px solid rgba(204,204,204,0.29);top:51px;bottom:0;left:0;display:block;padding:0;overflow-x:hidden;overflow-y:auto;padding:20px 10px 100px 0;position:fixed;height:100% !important;width:270px}.hero-text{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;min-height:20em;min-width:400px;-ms-flex-pack:center;justify-content:center}.hero-text h1{color:#fff}.hero-text ul{padding:0}.hero-text ul li{padding:0 10px 0 0}.hero-text p{color:#fff;margin-bottom:15px;font-size:18px;font-family:"Open Sans", sans-serif}.hero-text-centered{-ms-flex:none;flex:none;text-align:center;max-width:70%}.banner{width:270px;height:auto;position:absolute;bottom:55px;right:0;z-index:1}.banner img{width:100%}.primary{padding:5px 0 0 20px}.nav-primary{background:transparent;max-width:1024px;margin:0 auto}.nav-primary a{color:#fff}.nav-primary li:nth-child(5n){padding-right:50px}.sidebar-toggle{margin:4px 0 0 0;float:right;padding:16px 15px 0 0}.user-nav{padding:20px 0 0;float:right}.user-nav ul li{list-style-type:none;display:inline;padding-right:10px}.user-nav ul li a{display:inline}.nav-secondary{background:#0C5176;height:55px}.nav-secondary-tabs{background-color:rgba(0,0,0,0.05);bottom:0;height:55px;position:absolute;width:100%}.nav-secondary-tabs.affix{background:#0C5176;top:0;position:fixed;z-index:100}.nav-sidebar>li>a{padding-right:20px;padding-left:20px}.nav-sidebar>.active>a,.nav-sidebar>.active>a:focus,.nav-sidebar>.active>a:hover{color:#2089C4;background-color:#428bca}.nav-sidebar ul{list-style:none;padding:0;padding-left:15px;text-align:left}.nav-sidebar ul li{display:block}.nav-sidebar ul li a:hover{opacity:0.7;background:transparent}.nav-sidebar ul li a,.nav-sidebar ul li a:focus,.nav-sidebar ul li a:hover{border-bottom:none;text-decoration:none}.nav-sidebar ul li a.active,.nav-sidebar.nav>li>a:focus{cursor:default;color:#2089C4;border-left:4px solid #21cbc9;font-weight:600}.nav-sidebar ul li li a{border-left:1px solid #21cbc9;font-size:12px;margin-left:15px}.nav-sidebar .caret{float:right;margin-top:10px}.leftnav{padding:0 20px 20px 0}.toc-nav{padding:0}.toc-toggle{width:25px;height:25px;float:right}.toc-nav ul{list-style:none;margin:0;padding:0 60px 0 0;width:300px;line-height:24px}.toc-nav ul li{padding:2px 8px 2px 15px;float:left;width:100%}.toc-nav ul li a{display:block;font-size:12px;padding:0 10px 0 10px;text-decoration:none}.toc-nav li a.active{color:#2089C4;border-left:4px solid #21cbc9;font-weight:bold}.toc-nav i.fa{font-size:14px;margin:0px 8px 0 0;color:#4fa1d0}i.fa.fa-question{font-size:21px;margin:0 11px 0 0}div#side-toc-title{font-size:12px;font-weight:bold;margin:11px 0 10px 13px;float:left;width:100%}.edit{margin:10px 0 20px 15px}.toggle-mode{float:left;padding:0 0 0 10px;width:100%}.toggle-mode .icon{width:25px;float:left;font-size:1.5rem}.toggle-switch{float:left;height:40px;width:60px;padding:3px 7px 0 2px}.switch{position:relative;display:inline-block;width:47px;height:19px}.switch input{display:none}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#c3e4f7;border:1px solid #c3e4f7}.slider:before{background-color:#4fa1d0;position:absolute;content:"";height:15px;width:15px;left:2px;bottom:1px}input:focus+.slider{box-shadow:0 0 1px #2196F3}input:checked+.slider:before{-webkit-transform:translateX(26px);transform:translateX(26px)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}.tabs{float:left;margin:0;padding:0}.tabs li{float:left;list-style:none}.tabs li a{color:#fff;padding:17px 15px 11px;float:left;opacity:0.8;font-weight:600}.tabs li a:hover{background:rgba(0,0,0,0.17) !important;border-bottom:4px solid #fff}.tabs li.active a{background:transparent !important;color:#fff;cursor:default;border-bottom:4px solid #fff}#sidebar-right.affix .feedback-links{margin:50px 0 10px 0}#rating_info_8453675{display:none !important}.rating-msg{font:inherit !important;color:inherit !important}.ctrl-left{float:left;width:20px;margin:3px 0px 0px 0}.ctrl-right{float:right;padding:5px 2px 12px}.ctrl-right .btn-group{float:left;margin:2px 24px 0 0}ul.buttons{list-style:none;width:450px;margin:0 auto}a.button{color:#fff}a.button.outline-btn{color:#0087C8}.button{margin:10px 10px 10px 0;font-family:Geomanist Book;padding:12px 35px 10px;min-width:200px;box-shadow:0 1px 0 0 rgba(0,0,0,0.1);float:left;text-align:center}.button:hover{color:#fff;opacity:0.7}.primary-btn{background:#1488C6;border:1px solid rgba(0,0,0,0.1);text-shadow:0 1px rgba(0,0,0,0.2)}.secondary-btn{background-color:rgba(255,255,255,0.2);box-shadow:0 1px 0 0 rgba(0,0,0,0.1);border:1px solid rgba(255,255,255,0.1);text-shadow:0 1px rgba(0,0,0,0.2)}.transparent-btn{background-color:rgba(0,0,0,0.2);box-shadow:0 1px 0 0 rgba(0,0,0,0.1);border:1px solid rgba(0,0,0,0.1);text-shadow:0 1px rgba(0,0,0,0.2)}.outline-btn{background:#fff;border:1px solid;border-color:#0087C8;text-decoration:none;margin:0}.outline-btn:hover,.primary-btn:hover,.secondary-btn:hover{opacity:0.8}.outline-btn:hover{color:#1488C6}pre{background-color:#F5F8FA !important;display:block;padding:20.5px !important;margin:0 0 10px;font-size:13px;line-height:1.42857143;color:#333;word-break:normal !important;word-wrap:break-word;border:0 !important;border-radius:4px;overflow-x:scroll !important}code{background-color:#F5F8FA !important;border-radius:2px;color:#0c5176 !important;font-size:90%;padding:3px 7px;overflow-x:scroll;white-space:nowrap}pre code{overflow-x:auto;overflow-wrap:normal;white-space:pre}.component-container{padding:0;margin:0 0 50px;width:100%}.component{padding:15px 25px 5px 15px;text-align:center;margin:0 8px 15px;float:left;height:250px;width:100%}.component-full{padding:5px 0 10px 20px;float:left;min-height:100px;margin:0px 0 15px 0;width:100%}.component,.component-full{background:#FBFBFC}.component-full-icon{float:left;padding:5px 15px 0 7px}.component-full p{margin:0}.component-full h3{margin-top:10px}.component img,.component-full-icon img{width:70px;height:70px}.component-icon{margin:0 auto;width:70px}.component-full-copy{float:left;width:80%}.component h3,.component p{margin:0}a.anchorLink{margin-left:5px;visibility:hidden}.highlighter-rouge{margin:15px 0}code{padding:3px 7px;font-size:90%;color:#0c5176 !important;background-color:rgba(12,81,118,0.1);border-radius:2px}pre{display:block;padding:9.5px;margin:0 0 10px;font-size:13px;line-height:1.42857143;color:#333;word-break:normal !important;word-wrap:break-word;background-color:#f5f5f5;border:1px solid #ccc;border-radius:4px;overflow-x:scroll !important}.reading-time{font-style:italic;font-size:12px;display:block;color:rgba(13,86,125,0.55)}table{border:1px solid rgba(204,204,204,0.29);margin:0 0 15px 0;width:100%}table>tbody>tr:nth-of-type(even){background-color:#f7f7f7}td,th{padding:10px}th,td.th{font-weight:bold;padding:7px 10px 7px 10px;text-align:left}thead{background:rgba(96,125,139,0.16)}i.fa.fa-indent,i.fa.fa-outdent{color:#fff;padding:16px 15px 0 0;font-size:1.5rem;opacity:0.5}.block{padding:0px 15px 10px 15px}.search-form{float:left;margin:10px 15px 0 0px !important;width:210px}.search-form input[type=text]{background:rgba(0,0,0,0.17) url("/images/search.png") no-repeat;background-position:10px 9px;border:0;color:#0C5176;border-radius:0px;margin:0;transition:all 0.2s ease;width:230px}.nav-secondary-tabs .search-form input[type=search]{background:rgba(0,0,0,0.17) url("/images/search.png") no-repeat;background-position:10px 9px;border:0;box-shadow:none;color:#fff;border-radius:0;-webkit-transition:all 0.2s ease;-moz-transition:all 0.2s ease;-o-transition:all 0.2s ease;transition:all 0.2s ease;padding:0px 0 0 35px;min-width:260px}.nav-secondary-tabs .search-form{margin:10px 0 0 10px !important}.search-form input[type=text]:focus{background:#fff;box-shadow:0}input[type=text],.nav-secondary-tabs.affix input[type=text]{background:#10628e;border:0;margin:0}.search-form input[type=text]::-webkit-input-placeholder{color:#fff}.search-form input[type=text]:-moz-placeholder{color:#fff}.search-form input[type=text]::-moz-placeholder{color:#fff}.search-form input[type=text]:-ms-input-placeholder{color:#fff}.nav-secondary-tabs .search-form input[type=search]:focus{background:rgba(255,255,255,0.17) url(/images/search.png) no-repeat;background-position:10px 9px}.nav-secondary-tabs.affix input[type=search],input[type=text]{background:rgba(0,0,0,0.17) url(/images/search.png) no-repeat;background-position:10px 9px;border:1px solid transparent;box-shadow:none;-webkit-transition:all 0.2s ease;-moz-transition:all 0.2s ease;-o-transition:all 0.2s ease;transition:all 0.2s ease}.nav-secondary input[type=search]{background:rgba(0,0,0,0.17) url(/images/search.png) no-repeat;background-position:10px 9px;border:1px solid transparent;box-shadow:none;border-radius:0;padding:0px 0 0 35px}.nav-secondary .search-form input[type=search]:focus{background:#337090 url(/images/search.png) no-repeat;background-position:10px 9px;border:1px solid rgba(91,149,179,0.44);box-shadow:none;color:#fff}.search-form input[type=search]::-webkit-input-placeholder{color:#fff;opacity:1}.search-form input[type=search]:-moz-placeholder{color:#fff;opacity:1}.search-form input[type=search]::-moz-placeholder{color:#fff;opacity:1}.search-form input[type=search]:-ms-input-placeholder{color:#fff;opacity:1}div#autocompleteResults{display:none}div#autocompleteResults{background:#f6fcff;border:1px solid #eee;padding:20px 0 15px 0px;margin:10px 0 0 0;position:absolute;width:600px !important;z-index:9999}ul.autocompleteList{list-style:none}.autocompleteList li{padding:5px 0 7px 0}div#autocompleteResults span{background:#b8e2f9 !important;color:#518cad}.autocompleteTitle{font-weight:bold;font-size:large}.autocompleteSelected{background-color:#f5f5f5}.autocompleteList{list-style-type:none;width:400px;padding:0px;margin-bottom:0px}.autoCompleteResult{border-bottom:1px solid #6db9d1;padding-bottom:10px}#autocompleteShowAll{padding-bottom:10px}.autocompleteList li{width:380px;border:0px;padding-right:20px;margin:0px}input.gsc-search-button,input.gsc-search-button:hover,input.gsc-search-button:focus{display:none !important}.hljs{display:block;overflow-x:auto;padding:0.5em}.hljs-comment,.hljs-quote{font-style:italic}.hljs-keyword,.hljs-selector-tag,.hljs-subst{font-weight:bold}.hljs-string,.hljs-doctag{color:#d14}.hljs-title,.hljs-section,.hljs-selector-id{font-weight:bold}.hljs-subst{font-weight:normal}.hljs-type,.hljs-class .hljs-title{font-weight:bold}.hljs-tag,.hljs-name,.hljs-attribute{font-weight:normal}.hljs-meta{font-weight:bold}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:bold}.nav-secondary-tabs .dropdown-btn{background:transparent;color:#fff;padding:6px 12px;margin-top:7px;border:0;font-size:12px;font-weight:600}.nav-secondary .dropdown-btn{background:transparent;color:#b4d4e4;padding:6px 12px;margin-top:7px;border:0;font-size:12px;font-weight:600}.navbar-toggle{padding:0;margin:0}@media (max-width: 767px){.navbar-nav .open .dropdown-menu .dropdown-header,.navbar-nav .open .dropdown-menu>li>a{padding:5px 15px 5px 25px;color:#fff;text-align:center}}.navbar-collapse,.navbar-form{border-color:transparent}.navbar-toggle .icon-bar{background-color:#fff !important}.nav>li>a:focus,.nav>li>a:hover{background-color:transparent}.dropdown-menu>li>a{font-size:13.5px;line-height:16px;color:#1488c6;padding:5px 15px;display:block}.btn-default:hover{color:#fff !important;background-color:transparent !important;border-color:none !important;box-shadow:none !important;opacity:.8}.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);background:trr;background:transparent;color:#fff;box-shadow:none}.btn-default:focus,.btn-default.active,.btn-default:active,.open>.dropdown-toggle.btn-default:focus,.open>.dropdown-toggle.btn-default:hover{color:#fff !important;background-color:transparent !important;border-color:none !important;box-shadow:none !important}.nav .open>a,.nav .open>a:focus,.nav .open>a:hover{background-color:transparent;border-color:#337ab7}.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover{color:#ffffff;text-decoration:none;background-color:#0c5176}a.gs-title{color:#2089C4 !important;text-decoration:none}.gs-webResult div.gs-visibleUrl,.gs-imageResult div.gs-visibleUrl{color:#82949E !important}.gs-webResult .gs-snippet,.gs-imageResult .gs-snippet,.gs-fileFormatType{font-size:14px !important}img.with-border{border:1px solid #eaeaea}.cse input.gsc-search-button:focus,input.gsc-search-button:focus{box-shadow:inset 0 0 0 1px rgba(255,255,255,0.5);-webkit-box-shadow:inset 0 0 0 1px rgba(255,255,255,0.5);-moz-box-shadow:inset 0 0 0 1px rgba(255,255,255,0.5)}.cse .gsc-search-button input.gsc-search-button-v2,input.gsc-search-button-v2{width:13px;height:13px;padding:6px 27px;min-width:13px;margin-top:2px}@media only screen and (min-width: 376px) and (max-width: 1024px){.nav-primary,.hero-text,.banner,.ctrl-right,ul.primary.nav.navbar-nav,.nav-secondary .logo{display:none}.header,.nav-secondary-tabs{height:55px}.tabs li a{font-size:13px;padding:19px 10px 11px}.sidebar-home,.sidebar-home.affix,.sidebar,.sidebar.affix{position:absolute;width:100%;height:500px;overflow:scroll}h1,h2,h3{margin-top:10px;margin-bottom:0px}h1{font-size:24px;line-height:28px}h2{font-size:20px}h3{font-size:18px}h4{font-size:16px}.nav-secondary-tabs .search-form input[type=search]{min-width:auto}}@media only screen and (min-width: 376px) and (max-width: 775px){.nav-primary,.hero-text,.banner,.ctrl-right,ul.primary.nav.navbar-nav,.nav-secondary .logo{display:none}.header,.nav-secondary-tabs,.nav-secondary{height:100px}.tabs{padding:0 0 0 10px}.tabs li a{font-size:13px;padding:19px 10px 11px}.sidebar-home,.sidebar-home.affix,.sidebar,.sidebar.affix{position:absolute;width:100%;height:500px;overflow:scroll}.content{padding:108px 50px}.main-content{padding:22px 35px 25px 30px}.search-form{width:81%}.nav-secondary input[type=search]{background:#4e4d4d url(/images/search.png) no-repeat;background-position:10px 9px}}@media only screen and (min-device-width: 320px) and (max-device-width: 670px){.logo,.hero-text,.banner,.ctrl-right{display:none}}@media only screen and (min-device-width: 320px) and (max-device-width: 667px) and (orientation: portrait){h1,h2,h3{margin-top:10px;margin-bottom:0px}h1{font-size:24px;line-height:28px}h2{font-size:20px}h3{font-size:18px}h4{font-size:16px}.header{height:100px}.nav-secondary-tabs,.nav-secondary{background-color:#000;height:100px}.nav-secondary input[type=search]{background:#4e4d4d url(/images/search.png) no-repeat;background-position:10px 9px}.nav-sidebar a{color:#a8a8a8}.tabs{float:left;margin:0;padding:5px 0 0 17px}.tabs li a{color:#fff;padding:15px 12px 10px 6px;float:left;opacity:0.7;font-size:12px;margin-left:-10px}.content{padding:110px 25px}.main-content{padding:10px 25px}.sidebar,.sidebar-home{background-color:#15212e;border-right:1px solid rgba(204,204,204,0.29);top:51px;left:0;display:block;padding:0;overflow-x:hidden;overflow-y:auto;padding:60px 10px 100px 15px;position:absolute;width:100%}.sidebar-home,.sidebar-home .affix{background:#192837;width:100%}.search-form{display:block !important;width:230px}.component-full{text-align:center}.component-full-copy{width:100%}.component-full-icon{float:none}.top_footer{padding:50px 0 35px;text-align:center}}@media only screen and (min-device-width: 320px) and (max-device-width: 667px) and (orientation: landscape){h1,h2,h3{margin-top:10px;margin-bottom:0px}h1{font-size:24px;line-height:28px}h2{font-size:20px}h3{font-size:18px}h4{font-size:16px}.header,.nav-secondary-tabs{height:100px}.nav-secondary{background:#000}.content{padding:120px 20px}.main-content{padding:0px 10px}.tabs{padding-left:22px}.tabs li a{padding:17px 9px 12px 5px;font-size:12px}.nav-sidebar a{color:#a8a8a8}.sidebar,.sidebar-home{background-color:#15212e;border-right:1px solid rgba(204,204,204,0.29);top:51px;left:0;display:block;padding:0;overflow-x:hidden;overflow-y:auto;padding:10px 10px 100px 0;position:absolute;width:100%}.component-full{text-align:center}.component-full-copy{width:100%}.component-full-icon{float:none}}@media only screen and (min-device-width: 768px) and (max-device-width: 1110px){.logo{margin:12px 10px 0 10px;width:130px}h1,h2,h3{margin-top:10px;margin-bottom:0px}h1{font-size:24px;line-height:28px}h2{font-size:20px}h3{font-size:18px}h4{font-size:16px}.tabs li a{font-size:12px;padding:20px 7px 11px 5px}.toc-nav a{font-size:11px}}@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait){.nav-secondary input[type=search]{background:rgba(255,255,255,0.17) url(/images/search.png) no-repeat;background-position:10px 9px}}@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape){.search-form{float:left;margin:10px 15px 0 0px;width:160px}.navbar-toggle{display:none !important}.ctrl-right{display:block}.sidebar,.sidebar.affix{width:270px}.nav-secondary input[type=search]{background:rgba(255,255,255,0.17) url(/images/search.png) no-repeat;background-position:10px 9px}}@media (max-width: 768px){.navbar-toggle{display:block}} diff --git a/css/style.scss b/css/style.scss index 9ad97851a5..55fbded9d0 100644 --- a/css/style.scss +++ b/css/style.scss @@ -14,4 +14,4 @@ @import "utilities"; @import "github"; @import "overrides"; -@import "mobile"; \ No newline at end of file +@import "mobile"; diff --git a/docs-hackathon-1.png b/docs-hackathon-1.png new file mode 100644 index 0000000000..ebcb0eaa33 Binary files /dev/null and b/docs-hackathon-1.png differ diff --git a/docs-hackathon-2.png b/docs-hackathon-2.png new file mode 100644 index 0000000000..7ae24f5319 Binary files /dev/null and b/docs-hackathon-2.png differ diff --git a/hackathon.md b/hackathon.md new file mode 100644 index 0000000000..dde6b6116e --- /dev/null +++ b/hackathon.md @@ -0,0 +1,134 @@ +--- +title: "Docker Docs Hackathon: April 17-21, 2017" +keywords: hack, hackathon, dockercon, austin, 2017 +noratings: true +--- + + + +During DockerCon 2017, Docker's docs team will be running our first-ever +hackathon, and you're invited to participate and win prizes -- whether you +attend DockerCon or are just watching the proceedings online. + +Essentially, it's a bug-bash! We have a number of bugs filed against our docs +up on GitHub for you to grab. + +You can participate in one of two ways: + +- With the docs team's help in **the fourth floor hack room at DockerCon on + Tuesday, April 18th and Wednesday, April 19th, from 1-6pm**. +- Online! Right here! During the whole week of DockerCon (April 17th - 21st). + +Or, both -- if you want to have the best shot. After all, we won't be in the +hack room 24/7 that whole week. + +All participants who show up in the 4th floor hack room at DockerCon will get +[this way-cool magnet](http://www.cafepress.com/dockerdocshackathon.25633054) just for stopping by. + +
+ +## Quick links + +- [View hackathon bugs on GitHub](https://github.com/docker/docker.github.io/issues?q=is%3Aissue+is%3Aopen+label%3Ahackathon) +- [Report your hackathon work](https://goo.gl/forms/oEaQOlKvQj8iJbn53) +- [Browse prizes](http://www.cafepress.com/dockerdocshackathon) +- [#docs on Slack, if you have questions](https://dockercommunity.slack.com/messages/C2V58TASE) + +## How it works + +We have a number of bugs that have built up in our docs queue on GitHub, and +we have labeled a whole slew of them with [the tag `hackathon`, which you can +see here](https://github.com/docker/docker.github.io/labels/hackathon). + +Submit fixes for these bugs, or close them if you do a bit of research it turns +out they aren't actually valid. Every action you take gets you more points, and +the points are redeemable for dollars in [our hackathon store](http://www.cafepress.com/dockerdocshackathon). These points also +qualify you for valuable prizes like an Amazon gift card and a personally +engraved trophy! + +## Prizes + +- **All participants**: Points are redeemable for t-shirts, hoodies, sweatshirts, + mugs, beer steins, pint glasses, flasks, hoodies, stickers, buttons, magnets, + wall clocks, post-cards, and even doggie t-shirts. +- **3rd place**: A small trophy with a personal engraving, plus store credit +- **2nd place**: A small trophy with a personal engraving, plus store credit, + plus a $150 Amazon Gift Card +- **1st place**: A large trophy with a personal engraving, plus store credit, + plus a $300 Amazon Gift Card + +### Bonuses + +A select few will get bonuses for being extra special contributors: + +- Largest single change introduced in a fix (files changed/lines of delta): 1000 points +- Most bugs closed (resolved as no-op or handled): 1000 points +- Most participation (attended all days): 1000 points + +### Choosing a prize + +You can see the point values for the bugs in the GitHub queue. Those are worth +cash in our rewards store at http://www.cafepress.com/dockerdocshackathon. + +Our points-to-cash conversion rate will be figured out at the end of the +hackathon, and will essentially be a function of the number of points that +hackathon participants logged, and the number of dollars we have to spend on +prizes. + +[View our available prizes](http://www.cafepress.com/dockerdocshackathon){: class="button primary-btn"} + +## When? + +The docs hackathon is going on from **April 17th thru April 21st, 2017**. This +is the time when it's possible to claim and resolve bugs. + +> **Note**: Okay, technically, we won't be tallying until the following Monday, + April 24th. Just be sure you've submitted your claim form by then. If we don't + see your work on Monday morning, it won't be counted. + +## Where? + +### In-person + +Attending DockerCon? Come to **the fourth floor hack room on Tuesday and +Wednesday from 1pm to 6pm**. We'll be there to answer questions and help you. + +> **Note**: While the hackathon is officially ongoing all week online, working in + the hack room with us for these two days is + by far the best way to participate; the docs team will be on-hand to get you + started, get you unstuck, and guide you. + +### Online + +Drop into [the community Slack channel for the docs](https://dockercommunity.slack.com/messages/C2V58TASE) and ask any questions +you have. Otherwise, just go to GitHub and [look at our `hackathon` label](https://github.com/docker/docker.github.io/labels/hackathon) +and come here to claim your points when you're done. + +## Claiming a bug + +Whether attending in-person or online, to claim a bug as one that you are +working on (so nobody else grabs it out from under you) you must type a comment +saying you claim it. Respect it when you see other comments claiming a bug. + +[View avaiable bugs](https://github.com/docker/docker.github.io/issues?q=is%3Aissue+is%3Aopen+label%3Ahackathon){: class="button primary-btn"} + +## Claiming your points + +Simply fill out this form when you're done participating. We'll take it from +there. + + + +### Conversion rate + +The points-to-cash ratio will be posted in this space no later than Friday the +21st. We need to figure out how many points' worth of fixes come in first. + +Sorry but we can not send you cash for these points under any circumstances, +even if you don't spend them. + +## Questions? + +Ask us anything at docs@docker.com or in [the #docs channel on Slack](https://dockercommunity.slack.com/messages/C2V58TASE). + +Thank you for participating in the 2017 Docs Hackathon!