Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <head>
- <meta charset="utf-8">
- <meta name="propeller" content="b8794128a1c0b02eed3531d35a4daedc" />
- <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
- <meta http-equiv="x-ua-compatible" content="ie=edge">
- <title>HTep: Donde tus sueños se hacen realidad.</title>
- <meta name="category" content="Habbo">
- <meta name="description" content="HTep 2017 - El mundo de Habbo donde los créditos son GRATIS. Puede hacer una reunión y se puede convertir en el más famoso de HTep Hotel." />
- <meta name="author" content="xStream & GTA" />
- <meta name="keywords" content="HTep, virtual, mundo, unir, Habbo libre, grupo, foro, juego, internet, amigo, joven, virtual, crear, conocer, libre, mobi, multijugador, así, insignias, social, adolescente, música, retro, Habbo, HTep habboretro, R26, V26, diversión, amor, nuevo, vida, vida virtual, virtual, newlife, nuevo, vivo, diversión, R63, beta, R60, popular, en línea latino" />
- <link rel="stylesheet" href="/yezz/css/habbo.in.css">
- <link rel="stylesheet" href="/yezz/css/animate.css">
- <link rel="stylesheet" href="/yezz/css/custombox.min.css">
- <style>
- /*!--------------------------------------------------------------------------------
- ____
- /\ _`\ __ __
- \ \,\L\_\/\_\ _ __ /\_\ __ __ ____
- \/_\__ \\/\ \/\`'__\/\ \/\ \/\ \ /',__\
- /\ \L\ \ \ \ \ \/ \ \ \ \ \_\ \/\__, `\
- \ `\____\ \_\ \_\ \ \_\ \____/\/\____/
- \/_____/\/_/\/_/ \/_/\/___/ \/___/
- Sirius Main CSS File
- Content Management System for Sirius Server (Deployed Comet Edit) & Arcturus Emulator by Emetophobic
- Originating from the Landio UI Kit
- -----------------------------------------------------------------------------------*/
- @import url("https://fonts.googleapis.com/css?family=Raleway:400,600,500,300,700|Lato:400,700");
- @font-face {
- font-family: 'icomoon';
- src: url("fonts/icomoon.eot?-fnljg0");
- src: url("fonts/icomoon.eot?#iefix-fnljg0") format("embedded-opentype"), url("fonts/icomoon.ttf?-fnljg0") format("truetype"), url("fonts/icomoon.woff?-fnljg0") format("woff"), url("fonts/icomoon.svg?-fnljg0#icomoon") format("svg");
- font-weight: normal;
- font-style: normal; }
- @font-face {
- font-family:'Ubuntu Habbo';
- src:url("../fonts/ubuntu/UbuntuHabbo.woff2") format("woff2"),url("../fonts/ubuntu/UbuntuHabbo.woff") format("woff");
- unicode-range:U+007C,U+2020,U+2022,U+00B6,U+00B1,U+00A5,U+00B5,U+00AA,U+00BA,U+00AC,U+0192,U+00BB,U+2014,U+2018,U+2021
- }
- [class^="icon-"], [class*=" icon-"] {
- font-family: 'icomoon';
- speak: none;
- font-style: normal;
- font-weight: normal;
- font-variant: normal;
- text-transform: none;
- line-height: 1;
- /* Better Font Rendering =========== */
- -webkit-font-smoothing: antialiased;
- -moz-osx-font-smoothing: grayscale; }
- /* Custom rules */
- .intro-title {
- background: #5cb85c;
- font-weight: bold;
- padding: 15px;
- color: #FFF;
- margin-left: -15;
- margin-right: -15;
- }
- .error-msg {
- background: #c00019;
- padding: 20px;
- border-radius: 4px;
- color: #FFF;
- margin-bottom: 10px;
- }
- .sub-nav {
- height: 150px;
- background-color: #f1f0f3;
- background-image: url('https://img.lght.pics/Orwf.png');
- background-repeat: no-repeat;
- /*background-position: 40% 60%;*/
- box-shadow: inset 0px -4px 0px rgba(0,0,0,0.1);
- }
- .secondary-nav {
- height: 50px;
- background-color: #1F8039;
- }
- .box-title {
- padding: 15px;
- background-color: #1F8039;
- color: #FFF;
- transform: translate(-10px,-10px);
- -ms-transform: translate(-10px,-10px);
- -moz-transform: translate(-10px,-10px);
- -webkit-transform: translate(-10px,-10px);
- -o-transform: translate(-10px,-10px);
- text-align: center;
- /* box-shadow: 1px 1px #353942, 2px 2px #353942, 3px 3px #353942, 4px 4px #353942, 5px 5px #353942, 6px 6px #353942, 7px 7px #353942, 8px 8px #353942;
- -moz-box-shadow: 1px 1px #353942, 2px 2px #353942, 3px 3px #353942, 4px 4px #353942, 5px 5px #353942, 6px 6px #353942, 7px 7px #353942, 8px 8px #353942;
- -webkit-box-shadow: 1px 1px #353942, 2px 2px #353942, 3px 3px #353942, 4px 4px #353942, 5px 5px #353942, 6px 6px #353942, 7px 7px #353942, 8px 8px #353942; */
- }
- .warning-box-title {
- padding: 15px;
- background-color: #ffba3b;
- color: #FFF;
- }
- .box-content {
- padding: 15px;
- background-color: #FFFFFF;
- color: #424242;
- margin-top: -20px;
- margin-bottom: 15px;
- transform: translate(-10px,-10px);
- -ms-transform: translate(-10px,-10px);
- -moz-transform: translate(-10px,-10px);
- -webkit-transform: translate(-10px,-10px);
- -o-transform: translate(-10px,-10px);
- /* box-shadow: 1px 1px #3F444F, 2px 2px #3F444F, 3px 3px #3F444F, 4px 4px #3F444F, 5px 5px #3F444F, 6px 6px #3F444F, 7px 7px #3F444F, 8px 8px #3F444F;
- -moz-box-shadow: 1px 1px #3F444F, 2px 2px #3F444F, 3px 3px #3F444F, 4px 4px #3F444F, 5px 5px #3F444F, 6px 6px #3F444F, 7px 7px #3F444F, 8px 8px #3F444F;
- -webkit-box-shadow: 1px 1px #3F444F, 2px 2px #3F444F, 3px 3px #3F444F, 4px 4px #3F444F, 5px 5px #3F444F, 6px 6px #3F444F, 7px 7px #3F444F, 8px 8px #3F444F; */
- }
- .warning-box-content {
- padding: 15px;
- background-color: #ffc573;
- color: #FFF;
- margin-top: -20px;
- margin-bottom: 15px;
- }
- .my-badges {
- /* background-image: url('../images/my-badges.png');*/
- background-repeat: no-repeat;
- background-position: 100%;
- }
- .my-purse {
- /* background-image: url('../images/my_purse.png');*/
- background-repeat: no-repeat;
- background-position: 112.5% 65%;
- }
- .my-friends {
- background-image: url('../images/online_friends.png');
- background-repeat: no-repeat;
- background-position: 100% 52%;
- }
- .radio-partner {
- background-image: url('../images/radio-partner.png');
- background-repeat: no-repeat;
- background-position: 100%;
- }
- .my-groups {
- /*background-image: url('../images/teaser_profile_groups.png');*/
- background-repeat: no-repeat;
- background-position: 250px;
- }
- .latest-users {
- background-image: url('../images/pussycat_dolls.png');
- background-repeat: no-repeat;
- background-position: 90% -30%;
- }
- .search-users {
- background-image: url('../images/habbo_friends1.png');
- background-repeat: no-repeat;
- background-position: 90% 75%;
- }
- .search-rooms {
- background-image: url('../images/hotrooms_head.png');
- background-repeat: no-repeat;
- background-position: 100% 90%;
- }
- .search-furnis {
- background-image: url('../images/search-furni-head.png');
- background-repeat: no-repeat;
- background-position: 100%;
- }
- .info-text {
- font-size: 11px;
- margin-top: 10px;
- margin-bottom: -5px;
- }
- .user {
- width: 500px;
- }
- .light-link {
- color: #424242;
- }
- .secondnav-link {
- color: #FFF;
- padding: 15px;
- }
- .secondnav-link:hover {
- background-color: #007bb0;
- color: #FFF;
- }
- .light-link:hover {
- border-bottom: 2px solid #FFF;
- color: #FFF !important;
- }
- .box-inner-footer {
- background-color: #1F8039;
- color: #FFF;
- padding: 10px;
- }
- .vip-days {
- background-image: url('../images/vip-days-bg.png');
- background-repeat: no-repeat;
- background-position-x: 350px;
- }
- .no-more {
- background-image: url('../images/not-found-frank.png');
- background-repeat: no-repeat;
- background-position-x: 10px;
- }
- .article-header {
- padding: 20px;
- color: #FFF;
- background-repeat: no-repeat;
- height: 140px;
- border-bottom: 2px solid #005C84;
- width: 100%;
- background-position-x: -10px;
- margin-bottom: 10px;
- }
- .mention {
- text-transform: uppercase;
- color: #FF0000;
- font-size: 10px;
- }
- .vip-join-title {
- padding: 15px;
- background-color: #39668C;
- background-image: url('../images/vip-days-bg.png');
- background-repeat: no-repeat;
- background-position-x: 100%;
- color: #FFF;
- transform: translate(-10px,-10px);
- -ms-transform: translate(-10px,-10px);
- -moz-transform: translate(-10px,-10px);
- -webkit-transform: translate(-10px,-10px);
- -o-transform: translate(-10px,-10px);
- box-shadow: 1px 1px #2F5372, 2px 2px #2F5372, 3px 3px #2F5372, 4px 4px #2F5372, 5px 5px #2F5372, 6px 6px #2F5372, 7px 7px #2F5372, 8px 8px #2F5372;
- -moz-box-shadow: 1px 1px #2F5372, 2px 2px #2F5372, 3px 3px #2F5372, 4px 4px #2F5372, 5px 5px #2F5372, 6px 6px #2F5372, 7px 7px #2F5372, 8px 8px #2F5372;
- -webkit-box-shadow: 1px 1px #2F5372, 2px 2px #2F5372, 3px 3px #2F5372, 4px 4px #2F5372, 5px 5px #2F5372, 6px 6px #2F5372, 7px 7px #2F5372, 8px 8px #2F5372;
- }
- .vip-join-content {
- padding: 15px;
- background-color: #375C8C;
- color: #FFF;
- margin-top: -20px;
- margin-bottom: 15px;
- transform: translate(-10px,-10px);
- -ms-transform: translate(-10px,-10px);
- -moz-transform: translate(-10px,-10px);
- -webkit-transform: translate(-10px,-10px);
- -o-transform: translate(-10px,-10px);
- box-shadow: 1px 1px #2D4B72, 2px 2px #2D4B72, 3px 3px #2D4B72, 4px 4px #2D4B72, 5px 5px #2D4B72, 6px 6px #2D4B72, 7px 7px #2D4B72, 8px 8px #2D4B72;
- -moz-box-shadow: 1px 1px #2D4B72, 2px 2px #2D4B72, 3px 3px #2D4B72, 4px 4px #2D4B72, 5px 5px #2D4B72, 6px 6px #2D4B72, 7px 7px #2D4B72, 8px 8px #2D4B72;
- -webkit-box-shadow: 1px 1px #2D4B72, 2px 2px #2D4B72, 3px 3px #2D4B72, 4px 4px #2D4B72, 5px 5px #2D4B72, 6px 6px #2D4B72, 7px 7px #2D4B72, 8px 8px #2D4B72;
- }
- .counter-image {
- font-size: 15px;
- background: #868686 url('/images/counter-bg.png') no-repeat right;
- color: #FFF;
- padding: 25px;
- border-radius: 5px;
- margin-left: 5px;
- }
- .counter {
- font-size: 11px;
- background: #005C84;
- color: #FFF;
- padding: 5px;
- border-radius: 5px;
- margin-left: 5px;
- }
- .alrt-dng {
- background: #CC0404;
- color: #FFF;
- border-radius: 5px;
- padding: 5px;
- }
- .alrt-scs {
- background: #5cb85c;
- color: #FFF;
- -webkit-border-radius:5px;
- -moz-border-radius:5px;
- border-radius:5px;
- padding:5px;
- }
- /* --------------------------------
- Multi steps indicator
- -------------------------------- */
- .cd-breadcrumb, .cd-multi-steps {
- width: 90%;
- max-width: 768px;
- padding: 0.5em 1em;
- margin: 1em auto;
- background-color: #edeff0;
- border-radius: .25em;
- }
- .cd-breadcrumb:after, .cd-multi-steps:after {
- content: "";
- display: table;
- clear: both;
- }
- .cd-breadcrumb li, .cd-multi-steps li {
- display: inline-block;
- float: left;
- margin: 0.5em 0;
- }
- .cd-breadcrumb li::after, .cd-multi-steps li::after {
- /* this is the separator between items */
- display: inline-block;
- content: '\00bb';
- margin: 0 .6em;
- color: #959fa5;
- }
- .cd-breadcrumb li:last-of-type::after, .cd-multi-steps li:last-of-type::after {
- /* hide separator after the last item */
- display: none;
- }
- .cd-breadcrumb li > *, .cd-multi-steps li > * {
- /* single step */
- display: inline-block;
- font-size: 1.4rem;
- color: #2c3f4c;
- }
- .cd-breadcrumb li.current > *, .cd-multi-steps li.current > * {
- /* selected step */
- color: #96c03d;
- }
- .no-touch .cd-breadcrumb a:hover, .no-touch .cd-multi-steps a:hover {
- /* steps already visited */
- color: #96c03d;
- }
- .cd-breadcrumb.custom-separator li::after, .cd-multi-steps.custom-separator li::after {
- /* replace the default arrow separator with a custom icon */
- content: '';
- height: 16px;
- width: 16px;
- background: url(../img/cd-custom-separator.svg) no-repeat center center;
- vertical-align: middle;
- }
- .cd-breadcrumb.custom-icons li > *::before, .cd-multi-steps.custom-icons li > *::before {
- /* add a custom icon before each item */
- content: '';
- display: inline-block;
- height: 20px;
- width: 20px;
- margin-right: .4em;
- margin-top: -2px;
- background: url(../img/cd-custom-icons-01.svg) no-repeat 0 0;
- vertical-align: middle;
- }
- .cd-breadcrumb.custom-icons li:not(.current):nth-of-type(2) > *::before, .cd-multi-steps.custom-icons li:not(.current):nth-of-type(2) > *::before {
- /* change custom icon using image sprites */
- background-position: -20px 0;
- }
- .cd-breadcrumb.custom-icons li:not(.current):nth-of-type(3) > *::before, .cd-multi-steps.custom-icons li:not(.current):nth-of-type(3) > *::before {
- background-position: -40px 0;
- }
- .cd-breadcrumb.custom-icons li:not(.current):nth-of-type(4) > *::before, .cd-multi-steps.custom-icons li:not(.current):nth-of-type(4) > *::before {
- background-position: -60px 0;
- }
- .cd-breadcrumb.custom-icons li.current:first-of-type > *::before, .cd-multi-steps.custom-icons li.current:first-of-type > *::before {
- /* change custom icon for the current item */
- background-position: 0 -20px;
- }
- .cd-breadcrumb.custom-icons li.current:nth-of-type(2) > *::before, .cd-multi-steps.custom-icons li.current:nth-of-type(2) > *::before {
- background-position: -20px -20px;
- }
- .cd-breadcrumb.custom-icons li.current:nth-of-type(3) > *::before, .cd-multi-steps.custom-icons li.current:nth-of-type(3) > *::before {
- background-position: -40px -20px;
- }
- .cd-breadcrumb.custom-icons li.current:nth-of-type(4) > *::before, .cd-multi-steps.custom-icons li.current:nth-of-type(4) > *::before {
- background-position: -60px -20px;
- }
- @media only screen and (min-width: 768px) {
- .cd-breadcrumb, .cd-multi-steps {
- padding: 0 1.2em;
- }
- .cd-breadcrumb li, .cd-multi-steps li {
- margin: 1.2em 0;
- }
- .cd-breadcrumb li::after, .cd-multi-steps li::after {
- margin: 0 1em;
- }
- .cd-breadcrumb li > *, .cd-multi-steps li > * {
- font-size: 1.6rem;
- }
- }
- @media only screen and (min-width: 768px) {
- .cd-multi-steps {
- /* reset style */
- background-color: transparent;
- padding: 0;
- text-align: center;
- }
- .cd-multi-steps li {
- position: relative;
- float: none;
- margin: 0.4em 40px 0.4em 0;
- }
- .cd-multi-steps li:last-of-type {
- margin-right: 0;
- }
- .cd-multi-steps li::after {
- /* this is the line connecting 2 adjacent items */
- position: absolute;
- content: '';
- height: 4px;
- background: #edeff0;
- /* reset style */
- margin: 0;
- }
- .cd-multi-steps li.visited::after {
- background-color: #96c03d;
- }
- .cd-multi-steps li > *, .cd-multi-steps li.current > * {
- position: relative;
- color: #2c3f4c;
- }
- .cd-multi-steps.custom-separator li::after {
- /* reset style */
- height: 4px;
- background: #edeff0;
- }
- .cd-multi-steps.text-center li::after {
- width: 100%;
- top: 50%;
- left: 100%;
- -webkit-transform: translateY(-50%) translateX(-1px);
- -moz-transform: translateY(-50%) translateX(-1px);
- -ms-transform: translateY(-50%) translateX(-1px);
- -o-transform: translateY(-50%) translateX(-1px);
- transform: translateY(-50%) translateX(-1px);
- }
- .cd-multi-steps.text-center li > * {
- z-index: 1;
- padding: .6em 1em;
- border-radius: .25em;
- background-color: #edeff0;
- }
- .no-touch .cd-multi-steps.text-center a:hover {
- background-color: #2c3f4c;
- }
- .cd-multi-steps.text-center li.current > *, .cd-multi-steps.text-center li.visited > * {
- color: #ffffff;
- background-color: #96c03d;
- }
- .cd-multi-steps.text-center.custom-icons li.visited a::before {
- /* change the custom icon for the visited item - check icon */
- background-position: 0 -60px;
- }
- .cd-multi-steps.text-top li, .cd-multi-steps.text-bottom li {
- width: 80px;
- text-align: center;
- }
- .cd-multi-steps.text-top li::after, .cd-multi-steps.text-bottom li::after {
- /* this is the line connecting 2 adjacent items */
- position: absolute;
- left: 50%;
- /* 40px is the <li> right margin value */
- width: calc(100% + 40px);
- }
- .cd-multi-steps.text-top li > *::before, .cd-multi-steps.text-bottom li > *::before {
- /* this is the spot indicator */
- content: '';
- position: absolute;
- z-index: 1;
- left: 50%;
- right: auto;
- -webkit-transform: translateX(-50%);
- -moz-transform: translateX(-50%);
- -ms-transform: translateX(-50%);
- -o-transform: translateX(-50%);
- transform: translateX(-50%);
- height: 12px;
- width: 12px;
- border-radius: 50%;
- background-color: #edeff0;
- }
- .cd-multi-steps.text-top li.visited > *::before,
- .cd-multi-steps.text-top li.current > *::before, .cd-multi-steps.text-bottom li.visited > *::before,
- .cd-multi-steps.text-bottom li.current > *::before {
- background-color: #96c03d;
- }
- .no-touch .cd-multi-steps.text-top a:hover, .no-touch .cd-multi-steps.text-bottom a:hover {
- color: #96c03d;
- }
- .no-touch .cd-multi-steps.text-top a:hover::before, .no-touch .cd-multi-steps.text-bottom a:hover::before {
- box-shadow: 0 0 0 3px rgba(150, 192, 61, 0.3);
- }
- .cd-multi-steps.text-top li::after {
- /* this is the line connecting 2 adjacent items */
- bottom: 4px;
- }
- .cd-multi-steps.text-top li > * {
- padding-bottom: 20px;
- }
- .cd-multi-steps.text-top li > *::before {
- /* this is the spot indicator */
- bottom: 0;
- }
- .cd-multi-steps.text-bottom li::after {
- /* this is the line connecting 2 adjacent items */
- top: 3px;
- }
- .cd-multi-steps.text-bottom li > * {
- padding-top: 20px;
- }
- .cd-multi-steps.text-bottom li > *::before {
- /* this is the spot indicator */
- top: 0;
- }
- }
- /* --------------------------------
- Add a counter to the multi-steps indicator
- -------------------------------- */
- .cd-multi-steps.count li {
- counter-increment: steps;
- }
- .cd-multi-steps.count li > *::before {
- content: counter(steps) " - ";
- }
- @media only screen and (min-width: 768px) {
- .cd-multi-steps.text-top.count li > *::before,
- .cd-multi-steps.text-bottom.count li > *::before {
- /* this is the spot indicator */
- content: counter(steps);
- height: 26px;
- width: 26px;
- line-height: 26px;
- font-size: 1.4rem;
- color: #ffffff;
- }
- .cd-multi-steps.text-top.count li:not(.current) em::before,
- .cd-multi-steps.text-bottom.count li:not(.current) em::before {
- /* steps not visited yet - counter color */
- color: #2c3f4c;
- }
- .cd-multi-steps.text-top.count li::after {
- bottom: 11px;
- }
- .cd-multi-steps.text-top.count li > * {
- padding-bottom: 34px;
- }
- .cd-multi-steps.text-bottom.count li::after {
- top: 11px;
- }
- .cd-multi-steps.text-bottom.count li > * {
- padding-top: 34px;
- }
- }
- /* End of Custom rules */
- .icon-volume-mute:before {
- content: "\e615"; }
- .icon-volume-low:before {
- content: "\e616"; }
- .icon-volume-high:before {
- content: "\e617"; }
- .icon-volume-mid:before {
- content: "\e618"; }
- .icon-arrow-right:before {
- content: "\e61a"; }
- .icon-pause:before {
- content: "\e614"; }
- .icon-edit:before {
- content: "\e613"; }
- .icon-close:before {
- content: "\e612"; }
- .icon-play:before {
- content: "\e611"; }
- .icon-sketch:before {
- content: "\e600"; }
- .icon-search:before {
- content: "\e601"; }
- .icon-caret-down:before {
- content: "\e602"; }
- .icon-caret-up:before {
- content: "\e603"; }
- .icon-email:before {
- content: "\e604"; }
- .icon-facebook:before {
- content: "\e605"; }
- .icon-google:before {
- content: "\e606"; }
- .icon-heart:before {
- content: "\e607"; }
- .icon-linkedin:before {
- content: "\e608"; }
- .icon-lock:before {
- content: "\e609"; }
- .icon-logo:before {
- content: ""; }
- .icon-pen:before {
- content: "\e60b"; }
- .icon-tag:before {
- content: "\e60c"; }
- .icon-thunderbolt:before {
- content: "\e60d"; }
- .icon-time:before {
- content: "\e60e"; }
- .icon-twitter:before {
- content: "\e60f"; }
- .icon-user:before {
- content: "\e610"; }
- .icon-spinner5:before {
- content: "\e619"; }
- /*! 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 {
- outline: 0; }
- 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 {
- 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"] {
- 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;
- 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 {
- padding: 10px; }
- th {
- background-color: #4CAF50;
- padding: 10px;
- color: #FFF;
- }
- tr:nth-child(even) {
- background-color: #DEDEDE;
- }
- tbody tr {
- background: #FFF;
- }
- @media print {
- *,
- *:before,
- *:after {
- text-shadow: none !important;
- box-shadow: none !important; }
- a,
- a:visited {
- text-decoration: underline; }
- abbr[title]:after {
- content: " (" attr(title) ")"; }
- pre,
- blockquote {
- border: 1px solid #999;
- page-break-inside: avoid; }
- thead {
- display: table-header-group;
- border-bottom: 1px solid; }
- 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; } }
- html {
- box-sizing: border-box; }
- *,
- *:before,
- *:after {
- box-sizing: inherit; }
- @-moz-viewport {
- width: device-width; }
- @-ms-viewport {
- width: device-width; }
- @-o-viewport {
- width: device-width; }
- @-webkit-viewport {
- width: device-width; }
- @viewport {
- width: device-width; }
- html {
- font-size: 16px;
- -webkit-tap-highlight-color: transparent; }
- body {
- font-family: "Helvetica Neue", Raleway, sans-serif;
- font-size: 1rem;
- line-height: 1.5;
- color: #354A82;
- background-color: #fff; }
- .HabboUnicode {
- font-family: "Ubuntu Habbo","Helvetica Neue", Raleway, sans-serif;
- }
- h1, h2, h3, h4, h5, h6 {
- margin-top: 0;
- margin-bottom: .5rem; }
- p {
- margin-top: 0;
- margin-bottom: 1rem; }
- abbr[title],
- abbr[data-original-title] {
- cursor: help;
- border-bottom: 1px dotted #818a91; }
- address {
- margin-bottom: 1rem;
- font-style: normal;
- line-height: inherit; }
- ol,
- ul,
- dl {
- margin-top: 0;
- margin-bottom: 1rem; }
- ol ol,
- ul ul,
- ol ul,
- ul ol {
- margin-bottom: 0; }
- dt {
- font-weight: bold; }
- dd {
- margin-bottom: .5rem;
- margin-left: 0; }
- blockquote {
- margin: 0 0 1rem; }
- a {
- color: #FFFFFF;
- text-decoration: none; }
- a:focus,
- a:hover {
- color: #202328;
- text-decoration: none; }
- a:focus {
- outline: thin dotted;
- outline: 5px auto -webkit-focus-ring-color;
- outline-offset: -2px; }
- pre {
- margin-top: 0;
- margin-bottom: 1rem; }
- figure {
- margin: 0 0 1rem; }
- img {
- vertical-align: middle; }
- [role="button"] {
- cursor: pointer; }
- table {
- background-color: transparent; }
- caption {
- padding-top: 0.75rem;
- padding-bottom: 0.75rem;
- color: #818a91;
- text-align: left;
- caption-side: bottom; }
- th {
- text-align: left; }
- label {
- display: inline-block;
- margin-bottom: .5rem; }
- input,
- button,
- select,
- textarea {
- margin: 0;
- line-height: inherit; }
- textarea {
- resize: vertical; }
- fieldset {
- min-width: 0;
- padding: 0;
- margin: 0;
- border: 0; }
- legend {
- display: block;
- width: 100%;
- padding: 0;
- margin-bottom: .5rem;
- font-size: 1.5rem;
- line-height: inherit; }
- input[type="search"] {
- -webkit-appearance: none; }
- output {
- display: inline-block; }
- h1, h2, h3, h4, h5, h6,
- .h1, .h2, .h3, .h4, .h5, .h6 {
- font-family: inherit;
- font-weight: 500;
- line-height: 1.175;
- color: inherit; }
- h1, .h1,
- h2, .h2,
- h3, .h3 {
- margin-bottom: 0.5rem; }
- h4, .h4,
- h5, .h5,
- h6, .h6 {
- margin-bottom: 0.5rem; }
- h1, .h1 {
- font-size: 2.5rem; }
- h2, .h2 {
- font-size: 1.625rem; }
- h3, .h3 {
- font-size: 1.75rem; }
- h4, .h4 {
- font-size: 1.5rem; }
- h5, .h5 {
- font-size: 1.125rem; }
- h6, .h6 {
- font-size: 0.875rem; }
- .lead {
- font-size: 1rem;
- font-weight: 300; }
- .display-1 {
- font-size: 3.5rem;
- font-weight: 300; }
- .display-2 {
- font-size: 4.5rem;
- font-weight: 300; }
- .display-3 {
- font-size: 5rem;
- font-weight: 500; }
- .display-4 {
- font-size: 6rem;
- font-weight: 300; }
- hr {
- margin-top: 1rem;
- margin-bottom: 1rem;
- border: 0;
- border-top: 0.0625rem solid #FFFFFF; }
- small,
- .small {
- font-size: 80%;
- font-weight: normal; }
- mark,
- .mark {
- padding: .2em;
- background-color: #fcf8e3; }
- .list-unstyled {
- padding-left: 0;
- list-style: none; }
- .list-inline {
- padding-left: 0;
- margin-left: -5px;
- list-style: none; }
- .list-inline > li {
- display: inline-block;
- padding-right: 5px;
- padding-left: 5px; }
- .dl-horizontal {
- margin-right: -1.875rem;
- margin-left: -1.875rem; }
- .dl-horizontal:before,
- .dl-horizontal:after {
- content: " ";
- display: table; }
- .dl-horizontal:after {
- clear: both; }
- .initialism {
- font-size: 90%;
- text-transform: uppercase; }
- .blockquote {
- padding: 0.5rem 1rem;
- margin-bottom: 1rem;
- font-size: 1.25rem;
- border-left: 0.25rem solid #eceeef; }
- .blockquote p:last-child,
- .blockquote ul:last-child,
- .blockquote ol:last-child {
- margin-bottom: 0; }
- .blockquote footer {
- display: block;
- font-size: 80%;
- line-height: 2;
- color: #818a91; }
- .blockquote footer:before {
- content: "\2014 \00A0"; }
- .blockquote-reverse {
- padding-right: 1rem;
- padding-left: 0;
- text-align: right;
- border-right: 0.25rem solid #eceeef;
- border-left: 0; }
- .blockquote-reverse footer:before {
- content: ""; }
- .blockquote-reverse footer:after {
- content: "\00A0 \2014"; }
- .figure {
- display: inline-block; }
- .figure > img {
- line-height: 1;
- margin-bottom: 0.5rem; }
- .figure-caption {
- font-size: 90%;
- color: #818a91; }
- .img-responsive, .figure > img, .carousel-inner > .carousel-item > img,
- .carousel-inner > .carousel-item > a > img {
- display: block;
- max-width: 100%;
- height: auto; }
- .img-rounded {
- border-radius: 0.3rem; }
- .img-thumbnail {
- padding: 0.25rem;
- line-height: 2;
- background-color: #fff;
- border: 1px solid #ddd;
- border-radius: 0.25rem;
- -webkit-transition: all 0.2s ease-in-out;
- transition: all 0.2s ease-in-out;
- display: inline-block;
- max-width: 100%;
- height: auto; }
- .img-circle {
- border-radius: 50%; }
- .container {
- margin-right: auto;
- margin-left: auto;
- padding-left: 0.9375rem;
- padding-right: 0.9375rem; }
- .container:before,
- .container:after {
- content: " ";
- display: table; }
- .container:after {
- clear: both; }
- @media (min-width: 34em) {
- .container {
- max-width: 34rem; } }
- @media (min-width: 48em) {
- .container {
- max-width: 45rem; } }
- @media (min-width: 62em) {
- .container {
- max-width: 60rem; } }
- @media (min-width: 75em) {
- .container {
- max-width: 72.25rem; } }
- .container-fluid {
- margin-right: auto;
- margin-left: auto;
- padding-left: 0.9375rem;
- padding-right: 0.9375rem; }
- .container-fluid:before,
- .container-fluid:after {
- content: " ";
- display: table; }
- .container-fluid:after {
- clear: both; }
- .row {
- margin-left: -0.9375rem;
- margin-right: -0.9375rem; }
- .row:before,
- .row:after {
- content: " ";
- display: table; }
- .row:after {
- clear: both; }
- .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, .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, .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, .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, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 {
- position: relative;
- min-height: 1px;
- padding-left: 0.9375rem;
- padding-right: 0.9375rem; }
- .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-1 {
- width: 8.3333333333%; }
- .col-xs-2 {
- width: 16.6666666667%; }
- .col-xs-3 {
- width: 25%; }
- .col-xs-4 {
- width: 33.3333333333%; }
- .col-xs-5 {
- width: 41.6666666667%; }
- .col-xs-6 {
- width: 50%; }
- .col-xs-7 {
- width: 58.3333333333%; }
- .col-xs-8 {
- width: 66.6666666667%; }
- .col-xs-9 {
- width: 75%; }
- .col-xs-10 {
- width: 83.3333333333%; }
- .col-xs-11 {
- width: 91.6666666667%; }
- .col-xs-12 {
- width: 100%; }
- .col-xs-pull-0 {
- right: auto; }
- .col-xs-pull-1 {
- right: 8.3333333333%; }
- .col-xs-pull-2 {
- right: 16.6666666667%; }
- .col-xs-pull-3 {
- right: 25%; }
- .col-xs-pull-4 {
- right: 33.3333333333%; }
- .col-xs-pull-5 {
- right: 41.6666666667%; }
- .col-xs-pull-6 {
- right: 50%; }
- .col-xs-pull-7 {
- right: 58.3333333333%; }
- .col-xs-pull-8 {
- right: 66.6666666667%; }
- .col-xs-pull-9 {
- right: 75%; }
- .col-xs-pull-10 {
- right: 83.3333333333%; }
- .col-xs-pull-11 {
- right: 91.6666666667%; }
- .col-xs-pull-12 {
- right: 100%; }
- .col-xs-push-0 {
- left: auto; }
- .col-xs-push-1 {
- left: 8.3333333333%; }
- .col-xs-push-2 {
- left: 16.6666666667%; }
- .col-xs-push-3 {
- left: 25%; }
- .col-xs-push-4 {
- left: 33.3333333333%; }
- .col-xs-push-5 {
- left: 41.6666666667%; }
- .col-xs-push-6 {
- left: 50%; }
- .col-xs-push-7 {
- left: 58.3333333333%; }
- .col-xs-push-8 {
- left: 66.6666666667%; }
- .col-xs-push-9 {
- left: 75%; }
- .col-xs-push-10 {
- left: 83.3333333333%; }
- .col-xs-push-11 {
- left: 91.6666666667%; }
- .col-xs-push-12 {
- left: 100%; }
- .col-xs-offset-0 {
- margin-left: 0%; }
- .col-xs-offset-1 {
- margin-left: 8.3333333333%; }
- .col-xs-offset-2 {
- margin-left: 16.6666666667%; }
- .col-xs-offset-3 {
- margin-left: 25%; }
- .col-xs-offset-4 {
- margin-left: 33.3333333333%; }
- .col-xs-offset-5 {
- margin-left: 41.6666666667%; }
- .col-xs-offset-6 {
- margin-left: 50%; }
- .col-xs-offset-7 {
- margin-left: 58.3333333333%; }
- .col-xs-offset-8 {
- margin-left: 66.6666666667%; }
- .col-xs-offset-9 {
- margin-left: 75%; }
- .col-xs-offset-10 {
- margin-left: 83.3333333333%; }
- .col-xs-offset-11 {
- margin-left: 91.6666666667%; }
- .col-xs-offset-12 {
- margin-left: 100%; }
- @media (min-width: 34em) {
- .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-1 {
- width: 8.3333333333%; }
- .col-sm-2 {
- width: 16.6666666667%; }
- .col-sm-3 {
- width: 25%; }
- .col-sm-4 {
- width: 33.3333333333%; }
- .col-sm-5 {
- width: 41.6666666667%; }
- .col-sm-6 {
- width: 50%; }
- .col-sm-7 {
- width: 58.3333333333%; }
- .col-sm-8 {
- width: 66.6666666667%; }
- .col-sm-9 {
- width: 75%; }
- .col-sm-10 {
- width: 83.3333333333%; }
- .col-sm-11 {
- width: 91.6666666667%; }
- .col-sm-12 {
- width: 100%; }
- .col-sm-pull-0 {
- right: auto; }
- .col-sm-pull-1 {
- right: 8.3333333333%; }
- .col-sm-pull-2 {
- right: 16.6666666667%; }
- .col-sm-pull-3 {
- right: 25%; }
- .col-sm-pull-4 {
- right: 33.3333333333%; }
- .col-sm-pull-5 {
- right: 41.6666666667%; }
- .col-sm-pull-6 {
- right: 50%; }
- .col-sm-pull-7 {
- right: 58.3333333333%; }
- .col-sm-pull-8 {
- right: 66.6666666667%; }
- .col-sm-pull-9 {
- right: 75%; }
- .col-sm-pull-10 {
- right: 83.3333333333%; }
- .col-sm-pull-11 {
- right: 91.6666666667%; }
- .col-sm-pull-12 {
- right: 100%; }
- .col-sm-push-0 {
- left: auto; }
- .col-sm-push-1 {
- left: 8.3333333333%; }
- .col-sm-push-2 {
- left: 16.6666666667%; }
- .col-sm-push-3 {
- left: 25%; }
- .col-sm-push-4 {
- left: 33.3333333333%; }
- .col-sm-push-5 {
- left: 41.6666666667%; }
- .col-sm-push-6 {
- left: 50%; }
- .col-sm-push-7 {
- left: 58.3333333333%; }
- .col-sm-push-8 {
- left: 66.6666666667%; }
- .col-sm-push-9 {
- left: 75%; }
- .col-sm-push-10 {
- left: 83.3333333333%; }
- .col-sm-push-11 {
- left: 91.6666666667%; }
- .col-sm-push-12 {
- left: 100%; }
- .col-sm-offset-0 {
- margin-left: 0%; }
- .col-sm-offset-1 {
- margin-left: 8.3333333333%; }
- .col-sm-offset-2 {
- margin-left: 16.6666666667%; }
- .col-sm-offset-3 {
- margin-left: 25%; }
- .col-sm-offset-4 {
- margin-left: 33.3333333333%; }
- .col-sm-offset-5 {
- margin-left: 41.6666666667%; }
- .col-sm-offset-6 {
- margin-left: 50%; }
- .col-sm-offset-7 {
- margin-left: 58.3333333333%; }
- .col-sm-offset-8 {
- margin-left: 66.6666666667%; }
- .col-sm-offset-9 {
- margin-left: 75%; }
- .col-sm-offset-10 {
- margin-left: 83.3333333333%; }
- .col-sm-offset-11 {
- margin-left: 91.6666666667%; }
- .col-sm-offset-12 {
- margin-left: 100%; } }
- @media (min-width: 48em) {
- .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-1 {
- width: 8.3333333333%; }
- .col-md-2 {
- width: 16.6666666667%; }
- .col-md-3 {
- width: 25%; }
- .col-md-4 {
- width: 33.3333333333%; }
- .col-md-5 {
- width: 41.6666666667%; }
- .col-md-6 {
- width: 50%; }
- .col-md-7 {
- width: 58.3333333333%; }
- .col-md-8 {
- width: 66.6666666667%; }
- .col-md-9 {
- width: 75%; }
- .col-md-10 {
- width: 83.3333333333%; }
- .col-md-11 {
- width: 91.6666666667%; }
- .col-md-12 {
- width: 100%; }
- .col-md-pull-0 {
- right: auto; }
- .col-md-pull-1 {
- right: 8.3333333333%; }
- .col-md-pull-2 {
- right: 16.6666666667%; }
- .col-md-pull-3 {
- right: 25%; }
- .col-md-pull-4 {
- right: 33.3333333333%; }
- .col-md-pull-5 {
- right: 41.6666666667%; }
- .col-md-pull-6 {
- right: 50%; }
- .col-md-pull-7 {
- right: 58.3333333333%; }
- .col-md-pull-8 {
- right: 66.6666666667%; }
- .col-md-pull-9 {
- right: 75%; }
- .col-md-pull-10 {
- right: 83.3333333333%; }
- .col-md-pull-11 {
- right: 91.6666666667%; }
- .col-md-pull-12 {
- right: 100%; }
- .col-md-push-0 {
- left: auto; }
- .col-md-push-1 {
- left: 8.3333333333%; }
- .col-md-push-2 {
- left: 16.6666666667%; }
- .col-md-push-3 {
- left: 25%; }
- .col-md-push-4 {
- left: 33.3333333333%; }
- .col-md-push-5 {
- left: 41.6666666667%; }
- .col-md-push-6 {
- left: 50%; }
- .col-md-push-7 {
- left: 58.3333333333%; }
- .col-md-push-8 {
- left: 66.6666666667%; }
- .col-md-push-9 {
- left: 75%; }
- .col-md-push-10 {
- left: 83.3333333333%; }
- .col-md-push-11 {
- left: 91.6666666667%; }
- .col-md-push-12 {
- left: 100%; }
- .col-md-offset-0 {
- margin-left: 0%; }
- .col-md-offset-1 {
- margin-left: 8.3333333333%; }
- .col-md-offset-2 {
- margin-left: 16.6666666667%; }
- .col-md-offset-3 {
- margin-left: 25%; }
- .col-md-offset-4 {
- margin-left: 33.3333333333%; }
- .col-md-offset-5 {
- margin-left: 41.6666666667%; }
- .col-md-offset-6 {
- margin-left: 50%; }
- .col-md-offset-7 {
- margin-left: 58.3333333333%; }
- .col-md-offset-8 {
- margin-left: 66.6666666667%; }
- .col-md-offset-9 {
- margin-left: 75%; }
- .col-md-offset-10 {
- margin-left: 83.3333333333%; }
- .col-md-offset-11 {
- margin-left: 91.6666666667%; }
- .col-md-offset-12 {
- margin-left: 100%; } }
- @media (min-width: 62em) {
- .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-1 {
- width: 8.3333333333%; }
- .col-lg-2 {
- width: 16.6666666667%; }
- .col-lg-3 {
- width: 25%; }
- .col-lg-4 {
- width: 33.3333333333%; }
- .col-lg-5 {
- width: 41.6666666667%; }
- .col-lg-6 {
- width: 50%; }
- .col-lg-7 {
- width: 58.3333333333%; }
- .col-lg-8 {
- width: 66.6666666667%; }
- .col-lg-9 {
- width: 75%; }
- .col-lg-10 {
- width: 83.3333333333%; }
- .col-lg-11 {
- width: 91.6666666667%; }
- .col-lg-12 {
- width: 100%; }
- .col-lg-pull-0 {
- right: auto; }
- .col-lg-pull-1 {
- right: 8.3333333333%; }
- .col-lg-pull-2 {
- right: 16.6666666667%; }
- .col-lg-pull-3 {
- right: 25%; }
- .col-lg-pull-4 {
- right: 33.3333333333%; }
- .col-lg-pull-5 {
- right: 41.6666666667%; }
- .col-lg-pull-6 {
- right: 50%; }
- .col-lg-pull-7 {
- right: 58.3333333333%; }
- .col-lg-pull-8 {
- right: 66.6666666667%; }
- .col-lg-pull-9 {
- right: 75%; }
- .col-lg-pull-10 {
- right: 83.3333333333%; }
- .col-lg-pull-11 {
- right: 91.6666666667%; }
- .col-lg-pull-12 {
- right: 100%; }
- .col-lg-push-0 {
- left: auto; }
- .col-lg-push-1 {
- left: 8.3333333333%; }
- .col-lg-push-2 {
- left: 16.6666666667%; }
- .col-lg-push-3 {
- left: 25%; }
- .col-lg-push-4 {
- left: 33.3333333333%; }
- .col-lg-push-5 {
- left: 41.6666666667%; }
- .col-lg-push-6 {
- left: 50%; }
- .col-lg-push-7 {
- left: 58.3333333333%; }
- .col-lg-push-8 {
- left: 66.6666666667%; }
- .col-lg-push-9 {
- left: 75%; }
- .col-lg-push-10 {
- left: 83.3333333333%; }
- .col-lg-push-11 {
- left: 91.6666666667%; }
- .col-lg-push-12 {
- left: 100%; }
- .col-lg-offset-0 {
- margin-left: 0%; }
- .col-lg-offset-1 {
- margin-left: 8.3333333333%; }
- .col-lg-offset-2 {
- margin-left: 16.6666666667%; }
- .col-lg-offset-3 {
- margin-left: 25%; }
- .col-lg-offset-4 {
- margin-left: 33.3333333333%; }
- .col-lg-offset-5 {
- margin-left: 41.6666666667%; }
- .col-lg-offset-6 {
- margin-left: 50%; }
- .col-lg-offset-7 {
- margin-left: 58.3333333333%; }
- .col-lg-offset-8 {
- margin-left: 66.6666666667%; }
- .col-lg-offset-9 {
- margin-left: 75%; }
- .col-lg-offset-10 {
- margin-left: 83.3333333333%; }
- .col-lg-offset-11 {
- margin-left: 91.6666666667%; }
- .col-lg-offset-12 {
- margin-left: 100%; } }
- @media (min-width: 75em) {
- .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 {
- float: left; }
- .col-xl-1 {
- width: 8.3333333333%; }
- .col-xl-2 {
- width: 16.6666666667%; }
- .col-xl-3 {
- width: 25%; }
- .col-xl-4 {
- width: 33.3333333333%; }
- .col-xl-5 {
- width: 41.6666666667%; }
- .col-xl-6 {
- width: 50%; }
- .col-xl-7 {
- width: 58.3333333333%; }
- .col-xl-8 {
- width: 66.6666666667%; }
- .col-xl-9 {
- width: 75%; }
- .col-xl-10 {
- width: 83.3333333333%; }
- .col-xl-11 {
- width: 91.6666666667%; }
- .col-xl-12 {
- width: 100%; }
- .col-xl-pull-0 {
- right: auto; }
- .col-xl-pull-1 {
- right: 8.3333333333%; }
- .col-xl-pull-2 {
- right: 16.6666666667%; }
- .col-xl-pull-3 {
- right: 25%; }
- .col-xl-pull-4 {
- right: 33.3333333333%; }
- .col-xl-pull-5 {
- right: 41.6666666667%; }
- .col-xl-pull-6 {
- right: 50%; }
- .col-xl-pull-7 {
- right: 58.3333333333%; }
- .col-xl-pull-8 {
- right: 66.6666666667%; }
- .col-xl-pull-9 {
- right: 75%; }
- .col-xl-pull-10 {
- right: 83.3333333333%; }
- .col-xl-pull-11 {
- right: 91.6666666667%; }
- .col-xl-pull-12 {
- right: 100%; }
- .col-xl-push-0 {
- left: auto; }
- .col-xl-push-1 {
- left: 8.3333333333%; }
- .col-xl-push-2 {
- left: 16.6666666667%; }
- .col-xl-push-3 {
- left: 25%; }
- .col-xl-push-4 {
- left: 33.3333333333%; }
- .col-xl-push-5 {
- left: 41.6666666667%; }
- .col-xl-push-6 {
- left: 50%; }
- .col-xl-push-7 {
- left: 58.3333333333%; }
- .col-xl-push-8 {
- left: 66.6666666667%; }
- .col-xl-push-9 {
- left: 75%; }
- .col-xl-push-10 {
- left: 83.3333333333%; }
- .col-xl-push-11 {
- left: 91.6666666667%; }
- .col-xl-push-12 {
- left: 100%; }
- .col-xl-offset-0 {
- margin-left: 0%; }
- .col-xl-offset-1 {
- margin-left: 8.3333333333%; }
- .col-xl-offset-2 {
- margin-left: 16.6666666667%; }
- .col-xl-offset-3 {
- margin-left: 25%; }
- .col-xl-offset-4 {
- margin-left: 33.3333333333%; }
- .col-xl-offset-5 {
- margin-left: 41.6666666667%; }
- .col-xl-offset-6 {
- margin-left: 50%; }
- .col-xl-offset-7 {
- margin-left: 58.3333333333%; }
- .col-xl-offset-8 {
- margin-left: 66.6666666667%; }
- .col-xl-offset-9 {
- margin-left: 75%; }
- .col-xl-offset-10 {
- margin-left: 83.3333333333%; }
- .col-xl-offset-11 {
- margin-left: 91.6666666667%; }
- .col-xl-offset-12 {
- margin-left: 100%; } }
- .form-control {
- display: block;
- width: 100%;
- padding: 0.375rem 0.75rem;
- font-size: 1rem;
- line-height: 2;
- color: #005C84;
- background-color: #fff;
- background-image: none;
- border: 0.0625rem solid #e0e0e5;
- border-radius: 0.25rem;
- -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
- transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; }
- .form-control::-ms-expand {
- background-color: transparent;
- border: 0; }
- .form-control:focus {
- border-color: #6c59b4;
- outline: none; }
- .form-control::-webkit-input-placeholder {
- color: #999;
- opacity: 1; }
- .form-control::-moz-placeholder {
- color: #999;
- opacity: 1; }
- .form-control:-ms-input-placeholder {
- color: #999;
- opacity: 1; }
- .form-control::placeholder {
- color: #999;
- opacity: 1; }
- .form-control:disabled,
- .form-control[readonly],
- fieldset[disabled] .form-control {
- background-color: #eceeef;
- opacity: 1; }
- .form-control[disabled],
- fieldset[disabled] .form-control {
- cursor: not-allowed; }
- .form-control-file,
- .form-control-range {
- display: block; }
- .form-control-label {
- padding: 0.4375rem 0.75rem;
- margin-bottom: 0; }
- @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: 2.875rem; }
- input[type="date"].input-sm,
- .input-group-sm input[type="date"].form-control,
- input[type="time"].input-sm,
- .input-group-sm input[type="time"].form-control,
- input[type="datetime-local"].input-sm,
- .input-group-sm input[type="datetime-local"].form-control,
- input[type="month"].input-sm,
- .input-group-sm input[type="month"].form-control {
- line-height: 1.95rem; }
- input[type="date"].input-lg,
- .input-group-lg input[type="date"].form-control,
- input[type="time"].input-lg,
- .input-group-lg input[type="time"].form-control,
- input[type="datetime-local"].input-lg,
- .input-group-lg input[type="datetime-local"].form-control,
- input[type="month"].input-lg,
- .input-group-lg input[type="month"].form-control {
- line-height: 4.125rem; } }
- .form-control-static {
- min-height: 2.875rem;
- padding-top: 0.4375rem;
- padding-bottom: 0.4375rem;
- margin-bottom: 0; }
- .form-control-static.form-control-sm,
- .form-control-static.form-control-lg {
- padding-right: 0;
- padding-left: 0; }
- .form-control-sm {
- padding: 0.275rem 0.75rem;
- font-size: 0.85rem;
- line-height: 1.5;
- border-radius: 0.25rem; }
- .form-control-lg {
- padding: 0.75rem 1.25rem;
- font-size: 1.25rem;
- line-height: 2;
- border-radius: 0.25rem; }
- .form-group {
- margin-bottom: 15px; }
- .radio,
- .checkbox {
- position: relative;
- display: block;
- margin-bottom: 0.75rem; }
- .radio label,
- .checkbox label {
- padding-left: 1.25rem;
- margin-bottom: 0;
- font-weight: normal;
- cursor: pointer; }
- .radio label input:only-child,
- .checkbox label input:only-child {
- position: static; }
- .radio input[type="radio"],
- .radio-inline input[type="radio"],
- .checkbox input[type="checkbox"],
- .checkbox-inline input[type="checkbox"] {
- position: absolute;
- margin-top: .25rem;
- margin-left: -1.25rem; }
- .radio + .radio,
- .checkbox + .checkbox {
- margin-top: -.25rem; }
- .radio-inline,
- .checkbox-inline {
- position: relative;
- display: inline-block;
- padding-left: 1.25rem;
- margin-bottom: 0;
- font-weight: normal;
- vertical-align: middle;
- cursor: pointer; }
- .radio-inline + .radio-inline,
- .checkbox-inline + .checkbox-inline {
- margin-top: 0;
- margin-left: .75rem; }
- input[type="radio"]:disabled,
- input[type="radio"].disabled,
- fieldset[disabled] input[type="radio"],
- input[type="checkbox"]:disabled,
- input[type="checkbox"].disabled,
- fieldset[disabled] input[type="checkbox"] {
- cursor: not-allowed; }
- .radio-inline.disabled,
- fieldset[disabled] .radio-inline,
- .checkbox-inline.disabled,
- fieldset[disabled] .checkbox-inline {
- cursor: not-allowed; }
- .radio.disabled label,
- fieldset[disabled] .radio label,
- .checkbox.disabled label,
- fieldset[disabled] .checkbox label {
- cursor: not-allowed; }
- .form-control-success,
- .form-control-warning,
- .form-control-error {
- padding-right: 2.25rem;
- background-position: center right 0.71875rem;
- background-size: 1.86875rem 1.86875rem;
- background-repeat: no-repeat; }
- .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: #5cb85c; }
- .has-success .form-control {
- border-color: #5cb85c; }
- .has-success .input-group-addon {
- color: #5cb85c;
- border-color: #5cb85c;
- background-color: #eaf6ea; }
- .has-success .form-control-feedback {
- color: #5cb85c; }
- .has-success .form-control-success {
- background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkNoZWNrIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDYxMiA3OTIiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDYxMiA3OTIiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwYXRoIGZpbGw9IiM1Q0I4NUMiIGQ9Ik0yMzMuOCw2MTAuMWMtMTMuMywwLTI1LjktNi4yLTM0LTE2LjlMOTAuNSw0NDguOEM3Ni4zLDQzMCw4MCw0MDMuMyw5OC44LDM4OS4xYzE4LjgtMTQuMyw0NS41LTEwLjUsNTkuOCw4LjNsNzEuOSw5NWwyMjAuOS0yNTAuNWMxMi41LTIwLDM4LjgtMjYuMSw1OC44LTEzLjZjMjAsMTIuNCwyNi4xLDM4LjcsMTMuNiw1OC44TDI3MCw1OTBjLTcuNCwxMi0yMC4yLDE5LjQtMzQuMywyMC4xQzIzNS4xLDYxMC4xLDIzNC41LDYxMC4xLDIzMy44LDYxMC4xeiIvPjwvc3ZnPg=="); }
- .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: #f0ad4e; }
- .has-warning .form-control {
- border-color: #f0ad4e; }
- .has-warning .input-group-addon {
- color: #f0ad4e;
- border-color: #f0ad4e;
- background-color: white; }
- .has-warning .form-control-feedback {
- color: #f0ad4e; }
- .has-warning .form-control-warning {
- background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9Ildhcm5pbmciIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgNjEyIDc5MiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgNjEyIDc5MiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBhdGggZmlsbD0iI0YwQUQ0RSIgZD0iTTYwMyw2NDAuMmwtMjc4LjUtNTA5Yy0zLjgtNi42LTEwLjgtMTAuNi0xOC41LTEwLjZzLTE0LjcsNC4xLTE4LjUsMTAuNkw5LDY0MC4yYy0zLjcsNi41LTMuNiwxNC40LDAuMiwyMC44YzMuOCw2LjUsMTAuOCwxMC40LDE4LjMsMTAuNGg1NTcuMWM3LjUsMCwxNC41LTMuOSwxOC4zLTEwLjRDNjA2LjYsNjU0LjYsNjA2LjcsNjQ2LjYsNjAzLDY0MC4yeiBNMzM2LjYsNjEwLjJoLTYxLjJWNTQ5aDYxLjJWNjEwLjJ6IE0zMzYuNiw1MDMuMWgtNjEuMlYzMDQuMmg2MS4yVjUwMy4xeiIvPjwvc3ZnPg=="); }
- .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: #d9534f; }
- .has-error .form-control {
- border-color: #d9534f; }
- .has-error .input-group-addon {
- color: #d9534f;
- border-color: #d9534f;
- background-color: #fdf7f7; }
- .has-error .form-control-feedback {
- color: #d9534f; }
- .has-error .form-control-error {
- background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkNyb3NzIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDYxMiA3OTIiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDYxMiA3OTIiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwYXRoIGZpbGw9IiNEOTUzNEYiIGQ9Ik00NDcsNTQ0LjRjLTE0LjQsMTQuNC0zNy42LDE0LjQtNTEuOSwwTDMwNiw0NTEuN2wtODkuMSw5Mi43Yy0xNC40LDE0LjQtMzcuNiwxNC40LTUxLjksMGMtMTQuNC0xNC40LTE0LjQtMzcuNiwwLTUxLjlsOTIuNC05Ni40TDE2NSwyOTkuNmMtMTQuNC0xNC40LTE0LjQtMzcuNiwwLTUxLjlzMzcuNi0xNC40LDUxLjksMGw4OS4yLDkyLjdsODkuMS05Mi43YzE0LjQtMTQuNCwzNy42LTE0LjQsNTEuOSwwYzE0LjQsMTQuNCwxNC40LDM3LjYsMCw1MS45TDM1NC43LDM5Nmw5Mi40LDk2LjRDNDYxLjQsNTA2LjgsNDYxLjQsNTMwLDQ0Nyw1NDQuNHoiLz48L3N2Zz4="); }
- @media (min-width: 34em) {
- .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; } }
- .btn {
- display: inline-block;
- font-weight: 600;
- text-align: center;
- white-space: nowrap;
- vertical-align: middle;
- -ms-touch-action: manipulation;
- touch-action: manipulation;
- cursor: pointer;
- -webkit-user-select: none;
- -moz-user-select: none;
- -ms-user-select: none;
- user-select: none;
- border: 0.0625rem solid transparent;
- padding: 1.4rem 4.375rem;
- font-size: 1rem;
- line-height: 2;
- border-radius: 2rem;
- -webkit-transition: all 0.2s ease-in-out;
- transition: all 0.2s ease-in-out; }
- .btn:focus,
- .btn.focus,
- .btn:active:focus,
- .btn:active.focus,
- .btn.active:focus,
- .btn.active.focus {
- outline: thin dotted;
- outline: 5px auto -webkit-focus-ring-color;
- outline-offset: -2px; }
- .btn:focus,
- .btn:hover {
- text-decoration: none; }
- .btn.focus {
- text-decoration: none; }
- .btn:active,
- .btn.active {
- background-image: none;
- outline: 0; }
- .btn.disabled,
- .btn:disabled,
- fieldset[disabled] .btn {
- cursor: not-allowed;
- opacity: .65; }
- a.btn.disaabled,
- fieldset[disabled] a.btn {
- pointer-events: none; }
- .btn-primary {
- color: #fff;
- background-color: #1F8039;
- border-color: #1F8039; }
- .btn-primary:focus,
- .btn-primary.focus,
- .btn-primary:active,
- .btn-primary.active,
- .open > .btn-primary.dropdown-toggle {
- color: #fff;
- background-color: #449d44;
- border-color: #51418f; }
- .btn-primary:hover {
- color: #fff;
- background-color: #449d44;
- border-color: #51418f; }
- .btn-primary:active,
- .btn-primary.active,
- .open > .btn-primary.dropdown-toggle {
- background-image: none; }
- .btn-primary.disabled:focus,
- .btn-primary.disabled.focus,
- .btn-primary:disabled:focus,
- .btn-primary:disabled.focus,
- fieldset[disabled] .btn-primary:focus,
- fieldset[disabled] .btn-primary.focus {
- background-color: #6c59b4;
- border-color: #6c59b4; }
- .btn-primary.disabled:hover,
- .btn-primary:disabled:hover,
- fieldset[disabled] .btn-primary:hover {
- background-color: #6c59b4;
- border-color: #6c59b4; }
- .btn-secondary {
- color: #312f38;
- background-color: #fff;
- border-color: #ccc; }
- .btn-secondary:focus,
- .btn-secondary.focus,
- .btn-secondary:active,
- .btn-secondary.active,
- .open > .btn-secondary.dropdown-toggle {
- color: #312f38;
- background-color: #e6e6e6;
- border-color: #adadad; }
- .btn-secondary:hover {
- color: #312f38;
- background-color: #e6e6e6;
- border-color: #adadad; }
- .btn-secondary:active,
- .btn-secondary.active,
- .open > .btn-secondary.dropdown-toggle {
- background-image: none; }
- .btn-secondary.disabled:focus,
- .btn-secondary.disabled.focus,
- .btn-secondary:disabled:focus,
- .btn-secondary:disabled.focus,
- fieldset[disabled] .btn-secondary:focus,
- fieldset[disabled] .btn-secondary.focus {
- background-color: #fff;
- border-color: #ccc; }
- .btn-secondary.disabled:hover,
- .btn-secondary:disabled:hover,
- fieldset[disabled] .btn-secondary:hover {
- background-color: #fff;
- border-color: #ccc; }
- .btn-info {
- color: #fff;
- background-color: #2b8be3;
- border-color: #2b8be3; }
- .btn-info:focus,
- .btn-info.focus,
- .btn-info:active,
- .btn-info.active,
- .open > .btn-info.dropdown-toggle {
- color: #fff;
- background-color: #1a71c1;
- border-color: #186cb8; }
- .btn-info:hover {
- color: #fff;
- background-color: #1a71c1;
- border-color: #186cb8; }
- .btn-info:active,
- .btn-info.active,
- .open > .btn-info.dropdown-toggle {
- background-image: none; }
- .btn-info.disabled:focus,
- .btn-info.disabled.focus,
- .btn-info:disabled:focus,
- .btn-info:disabled.focus,
- fieldset[disabled] .btn-info:focus,
- fieldset[disabled] .btn-info.focus {
- background-color: #2b8be3;
- border-color: #2b8be3; }
- .btn-info.disabled:hover,
- .btn-info:disabled:hover,
- fieldset[disabled] .btn-info:hover {
- background-color: #2b8be3;
- border-color: #2b8be3; }
- .btn-success {
- color: #fff;
- background-color: #1F8039;
- border-color: #1F8039; }
- .btn-success:focus,
- .btn-success.focus,
- .btn-success:active,
- .btn-success.active,
- .open > .btn-success.dropdown-toggle {
- color: #fff;
- background-color: #449d44;
- border-color: #419641; }
- .btn-success:hover {
- color: #fff;
- background-color: #449d44;
- border-color: #419641; }
- .btn-success:active,
- .btn-success.active,
- .open > .btn-success.dropdown-toggle {
- background-image: none; }
- .btn-success.disabled:focus,
- .btn-success.disabled.focus,
- .btn-success:disabled:focus,
- .btn-success:disabled.focus,
- fieldset[disabled] .btn-success:focus,
- fieldset[disabled] .btn-success.focus {
- background-color: #5cb85c;
- border-color: #5cb85c; }
- .btn-success.disabled:hover,
- .btn-success:disabled:hover,
- fieldset[disabled] .btn-success:hover {
- background-color: #5cb85c;
- border-color: #5cb85c; }
- .btn-warning {
- color: #fff;
- background-color: #f0ad4e;
- border-color: #f0ad4e; }
- .btn-warning:focus,
- .btn-warning.focus,
- .btn-warning:active,
- .btn-warning.active,
- .open > .btn-warning.dropdown-toggle {
- color: #fff;
- background-color: #ec971f;
- border-color: #eb9316; }
- .btn-warning:hover {
- color: #fff;
- background-color: #ec971f;
- border-color: #eb9316; }
- .btn-warning:active,
- .btn-warning.active,
- .open > .btn-warning.dropdown-toggle {
- background-image: none; }
- .btn-warning.disabled:focus,
- .btn-warning.disabled.focus,
- .btn-warning:disabled:focus,
- .btn-warning:disabled.focus,
- fieldset[disabled] .btn-warning:focus,
- fieldset[disabled] .btn-warning.focus {
- background-color: #f0ad4e;
- border-color: #f0ad4e; }
- .btn-warning.disabled:hover,
- .btn-warning:disabled:hover,
- fieldset[disabled] .btn-warning:hover {
- background-color: #f0ad4e;
- border-color: #f0ad4e; }
- .btn-danger {
- color: #fff;
- background-color: #d9534f;
- border-color: #d9534f; }
- .btn-danger:focus,
- .btn-danger.focus,
- .btn-danger:active,
- .btn-danger.active,
- .open > .btn-danger.dropdown-toggle {
- color: #fff;
- background-color: #c9302c;
- border-color: #c12e2a; }
- .btn-danger:hover {
- color: #fff;
- background-color: #c9302c;
- border-color: #c12e2a; }
- .btn-danger:active,
- .btn-danger.active,
- .open > .btn-danger.dropdown-toggle {
- background-image: none; }
- .btn-danger.disabled:focus,
- .btn-danger.disabled.focus,
- .btn-danger:disabled:focus,
- .btn-danger:disabled.focus,
- fieldset[disabled] .btn-danger:focus,
- fieldset[disabled] .btn-danger.focus {
- background-color: #d9534f;
- border-color: #d9534f; }
- .btn-danger.disabled:hover,
- .btn-danger:disabled:hover,
- fieldset[disabled] .btn-danger:hover {
- background-color: #d9534f;
- border-color: #d9534f; }
- .btn-primary-outline {
- color: #6c59b4;
- background-image: none;
- background-color: transparent;
- border-color: #6c59b4; }
- .btn-primary-outline:focus,
- .btn-primary-outline.focus,
- .btn-primary-outline:active,
- .btn-primary-outline.active,
- .open > .btn-primary-outline.dropdown-toggle {
- color: #fff;
- background-color: #6c59b4;
- border-color: #6c59b4; }
- .btn-primary-outline:hover {
- color: #fff;
- background-color: #6c59b4;
- border-color: #6c59b4; }
- .btn-primary-outline.disabled:focus,
- .btn-primary-outline.disabled.focus,
- .btn-primary-outline:disabled:focus,
- .btn-primary-outline:disabled.focus,
- fieldset[disabled] .btn-primary-outline:focus,
- fieldset[disabled] .btn-primary-outline.focus {
- border-color: #aa9fd4; }
- .btn-primary-outline.disabled:hover,
- .btn-primary-outline:disabled:hover,
- fieldset[disabled] .btn-primary-outline:hover {
- border-color: #aa9fd4; }
- .btn-secondary-outline {
- color: #ccc;
- background-image: none;
- background-color: transparent;
- border-color: #ccc; }
- .btn-secondary-outline:focus,
- .btn-secondary-outline.focus,
- .btn-secondary-outline:active,
- .btn-secondary-outline.active,
- .open > .btn-secondary-outline.dropdown-toggle {
- color: #fff;
- background-color: #ccc;
- border-color: #ccc; }
- .btn-secondary-outline:hover {
- color: #fff;
- background-color: #ccc;
- border-color: #ccc; }
- .btn-secondary-outline.disabled:focus,
- .btn-secondary-outline.disabled.focus,
- .btn-secondary-outline:disabled:focus,
- .btn-secondary-outline:disabled.focus,
- fieldset[disabled] .btn-secondary-outline:focus,
- fieldset[disabled] .btn-secondary-outline.focus {
- border-color: white; }
- .btn-secondary-outline.disabled:hover,
- .btn-secondary-outline:disabled:hover,
- fieldset[disabled] .btn-secondary-outline:hover {
- border-color: white; }
- .btn-info-outline {
- color: #2b8be3;
- background-image: none;
- background-color: transparent;
- border-color: #2b8be3; }
- .btn-info-outline:focus,
- .btn-info-outline.focus,
- .btn-info-outline:active,
- .btn-info-outline.active,
- .open > .btn-info-outline.dropdown-toggle {
- color: #fff;
- background-color: #2b8be3;
- border-color: #2b8be3; }
- .btn-info-outline:hover {
- color: #fff;
- background-color: #2b8be3;
- border-color: #2b8be3; }
- .btn-info-outline.disabled:focus,
- .btn-info-outline.disabled.focus,
- .btn-info-outline:disabled:focus,
- .btn-info-outline:disabled.focus,
- fieldset[disabled] .btn-info-outline:focus,
- fieldset[disabled] .btn-info-outline.focus {
- border-color: #85bcef; }
- .btn-info-outline.disabled:hover,
- .btn-info-outline:disabled:hover,
- fieldset[disabled] .btn-info-outline:hover {
- border-color: #85bcef; }
- .btn-success-outline {
- color: #5cb85c;
- background-image: none;
- background-color: transparent;
- border-color: #5cb85c; }
- .btn-success-outline:focus,
- .btn-success-outline.focus,
- .btn-success-outline:active,
- .btn-success-outline.active,
- .open > .btn-success-outline.dropdown-toggle {
- color: #fff;
- background-color: #5cb85c;
- border-color: #5cb85c; }
- .btn-success-outline:hover {
- color: #fff;
- background-color: #5cb85c;
- border-color: #5cb85c; }
- .btn-success-outline.disabled:focus,
- .btn-success-outline.disabled.focus,
- .btn-success-outline:disabled:focus,
- .btn-success-outline:disabled.focus,
- fieldset[disabled] .btn-success-outline:focus,
- fieldset[disabled] .btn-success-outline.focus {
- border-color: #a3d7a3; }
- .btn-success-outline.disabled:hover,
- .btn-success-outline:disabled:hover,
- fieldset[disabled] .btn-success-outline:hover {
- border-color: #a3d7a3; }
- .btn-warning-outline {
- color: #f0ad4e;
- background-image: none;
- background-color: transparent;
- border-color: #f0ad4e; }
- .btn-warning-outline:focus,
- .btn-warning-outline.focus,
- .btn-warning-outline:active,
- .btn-warning-outline.active,
- .open > .btn-warning-outline.dropdown-toggle {
- color: #fff;
- background-color: #f0ad4e;
- border-color: #f0ad4e; }
- .btn-warning-outline:hover {
- color: #fff;
- background-color: #f0ad4e;
- border-color: #f0ad4e; }
- .btn-warning-outline.disabled:focus,
- .btn-warning-outline.disabled.focus,
- .btn-warning-outline:disabled:focus,
- .btn-warning-outline:disabled.focus,
- fieldset[disabled] .btn-warning-outline:focus,
- fieldset[disabled] .btn-warning-outline.focus {
- border-color: #f8d9ac; }
- .btn-warning-outline.disabled:hover,
- .btn-warning-outline:disabled:hover,
- fieldset[disabled] .btn-warning-outline:hover {
- border-color: #f8d9ac; }
- .btn-danger-outline {
- color: #d9534f;
- background-image: none;
- background-color: transparent;
- border-color: #d9534f; }
- .btn-danger-outline:focus,
- .btn-danger-outline.focus,
- .btn-danger-outline:active,
- .btn-danger-outline.active,
- .open > .btn-danger-outline.dropdown-toggle {
- color: #fff;
- background-color: #d9534f;
- border-color: #d9534f; }
- .btn-danger-outline:hover {
- color: #fff;
- background-color: #d9534f;
- border-color: #d9534f; }
- .btn-danger-outline.disabled:focus,
- .btn-danger-outline.disabled.focus,
- .btn-danger-outline:disabled:focus,
- .btn-danger-outline:disabled.focus,
- fieldset[disabled] .btn-danger-outline:focus,
- fieldset[disabled] .btn-danger-outline.focus {
- border-color: #eba5a3; }
- .btn-danger-outline.disabled:hover,
- .btn-danger-outline:disabled:hover,
- fieldset[disabled] .btn-danger-outline:hover {
- border-color: #eba5a3; }
- .btn-link {
- font-weight: normal;
- color: #005C84;
- border-radius: 0; }
- .btn-link,
- .btn-link:active,
- .btn-link.active,
- .btn-link:disabled,
- fieldset[disabled] .btn-link {
- background-color: transparent; }
- .btn-link,
- .btn-link:focus,
- .btn-link:active {
- border-color: transparent; }
- .btn-link:hover {
- border-color: transparent; }
- .btn-link:focus,
- .btn-link:hover {
- color: #202328;
- text-decoration: none;
- background-color: transparent; }
- .btn-link:disabled:focus,
- .btn-link:disabled:hover,
- fieldset[disabled] .btn-link:focus,
- fieldset[disabled] .btn-link:hover {
- color: #818a91;
- text-decoration: none; }
- .btn-lg {
- padding: 0.75rem 1.25rem;
- font-size: 1.25rem;
- line-height: 2;
- border-radius: 0.3rem; }
- .btn-sm {
- padding: 0.25rem 0.75rem;
- font-size: 0.85rem;
- line-height: 1.5;
- border-radius: 0.25rem; }
- .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 0.15s linear;
- transition: opacity 0.15s linear; }
- .fade.in {
- opacity: 1; }
- .collapse {
- display: none; }
- .collapse.in {
- display: block; }
- .collapsing {
- position: relative;
- height: 0;
- overflow: hidden;
- -webkit-transition-timing-function: ease;
- transition-timing-function: ease;
- -webkit-transition-duration: .35s;
- transition-duration: .35s;
- -webkit-transition-property: height;
- transition-property: height; }
- .dropup,
- .dropdown {
- position: relative; }
- .dropdown-toggle:after {
- display: inline-block;
- width: 0;
- height: 0;
- margin-left: .25rem;
- vertical-align: middle;
- content: "";
- border-top: 0.3em solid;
- border-right: 0.3em solid transparent;
- border-left: 0.3em solid transparent; }
- .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;
- font-size: 1rem;
- text-align: left;
- list-style: none;
- background-color: #fff;
- background-clip: padding-box;
- border: 1px solid rgba(0, 0, 0, 0.15);
- border-radius: 0.25rem; }
- .dropdown-divider {
- height: 1px;
- margin: 0.5rem 0;
- overflow: hidden;
- background-color: #e5e5e5; }
- .dropdown-item {
- display: block;
- padding: 3px 20px;
- clear: both;
- font-weight: normal;
- line-height: 2;
- color: #312f38;
- white-space: nowrap;
- text-align: inherit;
- width: 100%;
- background: none;
- border: 0; }
- .dropdown-item:focus,
- .dropdown-item:hover {
- color: #25232a;
- text-decoration: none;
- background-color: #f5f5f5; }
- .dropdown-item.active,
- .dropdown-item.active:focus,
- .dropdown-item.active:hover {
- color: #fff;
- text-decoration: none;
- background-color: #6c59b4;
- outline: 0; }
- .dropdown-item.disabled,
- .dropdown-item.disabled:focus,
- .dropdown-item.disabled:hover {
- color: #818a91; }
- .dropdown-item.disabled:focus,
- .dropdown-item.disabled:hover {
- text-decoration: none;
- cursor: not-allowed;
- background-color: transparent;
- background-image: none;
- filter: "progid:DXImageTransform.Microsoft.gradient(enabled = false)"; }
- .open > .dropdown-menu {
- display: block; }
- .open > a {
- outline: 0; }
- .dropdown-menu-right {
- right: 0;
- left: auto; }
- .dropdown-menu-left {
- right: auto;
- left: 0; }
- .dropdown-header {
- display: block;
- padding: 3px 20px;
- font-size: 0.85rem;
- line-height: 2;
- color: #818a91;
- white-space: nowrap; }
- .dropdown-backdrop {
- position: fixed;
- top: 0;
- right: 0;
- bottom: 0;
- left: 0;
- z-index: 990; }
- .pull-right > .dropdown-menu {
- right: 0;
- left: auto; }
- .dropup .caret,
- .navbar-fixed-bottom .dropdown .caret {
- content: "";
- border-top: 0;
- border-bottom: 0.3em solid; }
- .dropup .dropdown-menu,
- .navbar-fixed-bottom .dropdown .dropdown-menu {
- top: auto;
- bottom: 100%;
- margin-bottom: 2px; }
- .c-input {
- position: relative;
- display: inline;
- padding-left: 1.5rem;
- color: #555;
- cursor: pointer; }
- .c-input > input {
- position: absolute;
- z-index: -1;
- opacity: 0; }
- .c-input > input:checked ~ .c-indicator {
- color: #fff;
- background-color: #0074d9; }
- .c-input > input:active ~ .c-indicator {
- color: #fff;
- background-color: #84c6ff; }
- .c-input + .c-input {
- margin-left: 1rem; }
- .c-indicator {
- position: absolute;
- top: 0;
- left: 0;
- display: block;
- width: 1rem;
- height: 1rem;
- font-size: 65%;
- line-height: 1rem;
- color: #eee;
- text-align: center;
- -webkit-user-select: none;
- -moz-user-select: none;
- -ms-user-select: none;
- user-select: none;
- background-color: #eee;
- background-repeat: no-repeat;
- background-position: center center;
- background-size: 50% 50%; }
- .c-checkbox .c-indicator {
- border-radius: .25rem; }
- .c-checkbox input:checked ~ .c-indicator {
- background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgOCA4IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA4IDgiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTYuNCwxTDUuNywxLjdMMi45LDQuNUwyLjEsMy43TDEuNCwzTDAsNC40bDAuNywwLjdsMS41LDEuNWwwLjcsMC43bDAuNy0wLjdsMy41LTMuNWwwLjctMC43TDYuNCwxTDYuNCwxeiINCgkvPg0KPC9zdmc+DQo=); }
- .c-checkbox input:indeterminate ~ .c-indicator {
- background-color: #0074d9;
- background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iOHB4IiBoZWlnaHQ9IjhweCIgdmlld0JveD0iMCAwIDggOCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgOCA4IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0wLDN2Mmg4VjNIMHoiLz4NCjwvc3ZnPg0K); }
- .c-radio .c-indicator {
- border-radius: 50%; }
- .c-radio input:checked ~ .c-indicator {
- background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgOCA4IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA4IDgiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTQsMUMyLjMsMSwxLDIuMywxLDRzMS4zLDMsMywzczMtMS4zLDMtM1M1LjcsMSw0LDF6Ii8+DQo8L3N2Zz4NCg==); }
- .c-inputs-stacked .c-input {
- display: inline; }
- .c-inputs-stacked .c-input:after {
- display: block;
- margin-bottom: .25rem;
- content: ""; }
- .c-inputs-stacked .c-input + .c-input {
- margin-left: 0; }
- .c-select {
- display: inline-block;
- max-width: 100%;
- padding: 0.375rem 1.75rem 0.375rem 0.75rem;
- vertical-align: middle;
- background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAUCAMAAACzvE1FAAAADFBMVEUzMzMzMzMzMzMzMzMKAG/3AAAAA3RSTlMAf4C/aSLHAAAAPElEQVR42q3NMQ4AIAgEQTn//2cLdRKppSGzBYwzVXvznNWs8C58CiussPJj8h6NwgorrKRdTvuV9v16Afn0AYFOB7aYAAAAAElFTkSuQmCC) no-repeat right 0.75rem center;
- background-size: 8px 10px;
- border: 1px solid #e0e0e5;
- -webkit-appearance: none;
- -moz-appearance: none;
- appearance: none;
- padding-right: .75rem \9;
- background-image: none \9; }
- .c-select:focus {
- outline: none;
- border-color: #51a7e8;
- box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075), 0 0 5px rgba(81, 167, 232, 0.5); }
- .c-select::-ms-expand {
- opacity: 0; }
- .c-select-sm {
- padding-top: 3px;
- padding-bottom: 3px;
- font-size: 12px; }
- .c-select-sm:not([multiple]) {
- height: 26px;
- min-height: 26px; }
- .file {
- position: relative;
- display: inline-block;
- height: 2.5rem;
- cursor: pointer; }
- .file input {
- min-width: 14rem;
- margin: 0;
- filter: alpha(opacity=0);
- opacity: 0; }
- .file-custom {
- position: absolute;
- top: 0;
- right: 0;
- left: 0;
- z-index: 5;
- height: 2.5rem;
- padding: 0.5rem 1rem;
- line-height: 1.5;
- color: #555;
- -webkit-user-select: none;
- -moz-user-select: none;
- -ms-user-select: none;
- user-select: none;
- background-color: #fff;
- border: .075rem solid #ddd;
- border-radius: .25rem;
- box-shadow: inset 0 0.2rem 0.4rem rgba(0, 0, 0, 0.05); }
- .file-custom:after {
- content: "Choose file..."; }
- .file-custom:before {
- position: absolute;
- top: -.075rem;
- right: -.075rem;
- bottom: -.075rem;
- z-index: 6;
- display: block;
- height: 2.5rem;
- padding: 0.5rem 1rem;
- line-height: 1.5;
- color: #555;
- content: "Browse";
- background-color: #eee;
- border: .075rem solid #ddd;
- border-radius: 0 0.25rem 0.25rem 0; }
- .file input:focus ~ .file-custom {
- box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.2rem #0074d9; }
- .nav {
- padding-left: 0;
- margin-bottom: 0;
- list-style: none; }
- .nav-link {
- display: inline-block; }
- .nav-link:focus,
- .nav-link:hover {
- text-decoration: none; }
- .nav-link.disabled {
- color: #818a91; }
- .nav-link.disabled,
- .nav-link.disabled:focus,
- .nav-link.disabled:hover {
- color: #818a91;
- cursor: not-allowed;
- background-color: transparent; }
- .nav-inline .nav-link + .nav-link {
- margin-left: 1rem; }
- .nav-tabs {
- border-bottom: 1px solid #ddd; }
- .nav-tabs:before,
- .nav-tabs:after {
- content: " ";
- display: table; }
- .nav-tabs:after {
- clear: both; }
- .nav-tabs .nav-item {
- float: left;
- margin-bottom: -1px; }
- .nav-tabs .nav-item + .nav-item {
- margin-left: .2rem; }
- .nav-tabs .nav-link {
- display: block;
- padding: 0.5em 1em;
- border: 1px solid transparent;
- border-radius: 0.25rem 0.25rem 0 0; }
- .nav-tabs .nav-link:focus,
- .nav-tabs .nav-link:hover {
- border-color: #eceeef #eceeef #ddd; }
- .nav-tabs .nav-link.disabled,
- .nav-tabs .nav-link.disabled:focus,
- .nav-tabs .nav-link.disabled:hover {
- color: #818a91;
- background-color: transparent;
- border-color: transparent; }
- .nav-tabs .nav-link.active,
- .nav-tabs .nav-link.active:focus,
- .nav-tabs .nav-link.active:hover,
- .nav-tabs .nav-item.open .nav-link,
- .nav-tabs .nav-item.open .nav-link:focus,
- .nav-tabs .nav-item.open .nav-link:hover {
- color: #005C84;
- background-color: #fff;
- border-color: #ddd #ddd transparent; }
- .nav-pills .nav-item {
- float: left; }
- .nav-pills .nav-item + .nav-item {
- margin-left: .2rem; }
- .nav-pills .nav-link {
- display: block;
- padding: 0.5em 1em;
- border-radius: 0.25rem; }
- .nav-pills .nav-link.active,
- .nav-pills .nav-link.active:focus,
- .nav-pills .nav-link.active:hover,
- .nav-pills .nav-item.open .nav-link,
- .nav-pills .nav-item.open .nav-link:focus,
- .nav-pills .nav-item.open .nav-link:hover {
- color: #fff;
- cursor: default;
- background-color: #6c59b4; }
- .nav-stacked .nav-item {
- display: block;
- float: none; }
- .nav-stacked .nav-item + .nav-item {
- margin-top: .2rem;
- margin-left: 0; }
- .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;
- padding: 2.75rem 0; }
- .navbar:before,
- .navbar:after {
- content: " ";
- display: table; }
- .navbar:after {
- clear: both; }
- @media (min-width: 34em) {
- .navbar {
- border-radius: 0; } }
- .navbar-static-top {
- z-index: 1000; }
- @media (min-width: 34em) {
- .navbar-static-top {
- border-radius: 0; } }
- .navbar-fixed-top,
- .navbar-fixed-bottom {
- position: fixed;
- right: 0;
- left: 0;
- z-index: 1030;
- margin-bottom: 0; }
- @media (min-width: 34em) {
- .navbar-fixed-top,
- .navbar-fixed-bottom {
- border-radius: 0; } }
- .navbar-fixed-top {
- top: 0; }
- .navbar-fixed-bottom {
- bottom: 0; }
- .navbar-sticky-top {
- position: -webkit-sticky;
- position: sticky;
- top: 0;
- z-index: 1030;
- width: 100%; }
- @media (min-width: 34em) {
- .navbar-sticky-top {
- border-radius: 0; } }
- .navbar-brand {
- float: left;
- margin-right: 1rem;
- padding-top: .25rem;
- padding-bottom: .25rem;
- font-size: 1.25rem; }
- .navbar-brand:focus,
- .navbar-brand:hover {
- text-decoration: none; }
- .navbar-brand > img {
- display: block; }
- .navbar-divider {
- float: left;
- width: 1px;
- padding-top: .425rem;
- padding-bottom: .425rem;
- overflow: hidden;
- margin-left: 0;
- margin-right: 0; }
- .navbar-divider:before {
- content: '\00a0'; }
- .navbar-toggler {
- padding: 0.5rem 0.75rem;
- font-size: 1.25rem;
- line-height: 1;
- background: none;
- border: 0.0625rem solid transparent;
- border-radius: 2rem; }
- .navbar-toggler:focus,
- .navbar-toggler:hover {
- text-decoration: none; }
- @media (min-width: 34em) {
- .navbar-toggleable-xs {
- display: block !important; } }
- @media (min-width: 48em) {
- .navbar-toggleable-sm {
- display: block !important; } }
- .navbar-nav .nav-item {
- float: left; }
- .navbar-nav .nav-link {
- display: block;
- padding-top: .425rem;
- padding-bottom: .27rem; }
- .navbar-nav .nav-link + .nav-link {
- margin-left: 1rem; }
- .navbar-nav .nav-item + .nav-item {
- margin-left: 1rem; }
- .navbar-light .navbar-brand {
- color: rgba(0, 0, 0, 0.8); }
- .navbar-light .navbar-brand:focus,
- .navbar-light .navbar-brand:hover {
- color: rgba(0, 0, 0, 0.8); }
- .navbar-light .navbar-nav .nav-link {
- color: rgba(0, 0, 0, 0.3); }
- .navbar-light .navbar-nav .nav-link:focus,
- .navbar-light .navbar-nav .nav-link:hover {
- color: rgba(0, 0, 0, 0.6); }
- .navbar-light .navbar-nav .open > .nav-link,
- .navbar-light .navbar-nav .open > .nav-link:focus,
- .navbar-light .navbar-nav .open > .nav-link:hover,
- .navbar-light .navbar-nav .active > .nav-link,
- .navbar-light .navbar-nav .active > .nav-link:focus,
- .navbar-light .navbar-nav .active > .nav-link:hover,
- .navbar-light .navbar-nav .nav-link.open,
- .navbar-light .navbar-nav .nav-link.open:focus,
- .navbar-light .navbar-nav .nav-link.open:hover,
- .navbar-light .navbar-nav .nav-link.active,
- .navbar-light .navbar-nav .nav-link.active:focus,
- .navbar-light .navbar-nav .nav-link.active:hover {
- color: rgba(0, 0, 0, 0.8); }
- .navbar-light .navbar-divider {
- background-color: rgba(0, 0, 0, 0.075); }
- .navbar-dark .navbar-brand {
- color: white; }
- .navbar-dark .navbar-brand:focus,
- .navbar-dark .navbar-brand:hover {
- color: white; }
- .navbar-dark .navbar-nav .nav-link {
- color: white; }
- .navbar-dark .navbar-nav .nav-link:focus,
- .navbar-dark .navbar-nav .nav-link:hover {
- color: rgba(255, 255, 255, 0.75); }
- .navbar-dark .navbar-nav .open > .nav-link,
- .navbar-dark .navbar-nav .open > .nav-link:focus,
- .navbar-dark .navbar-nav .open > .nav-link:hover,
- .navbar-dark .navbar-nav .active > .nav-link,
- .navbar-dark .navbar-nav .active > .nav-link:focus,
- .navbar-dark .navbar-nav .active > .nav-link:hover,
- .navbar-dark .navbar-nav .nav-link.open,
- .navbar-dark .navbar-nav .nav-link.open:focus,
- .navbar-dark .navbar-nav .nav-link.open:hover,
- .navbar-dark .navbar-nav .nav-link.active,
- .navbar-dark .navbar-nav .nav-link.active:focus,
- .navbar-dark .navbar-nav .nav-link.active:hover {
- color: white; }
- .navbar-dark .navbar-divider {
- background-color: rgba(255, 255, 255, 0.075); }
- .card {
- position: relative;
- margin-bottom: 0.75rem;
- border: 0.0625rem solid #e5e5e5;
- border-radius: 0.25rem; }
- .card-block {
- padding: 1.25rem; }
- .card-title {
- margin-top: 0;
- margin-bottom: 0.75rem; }
- .card-subtitle {
- margin-top: -0.375rem;
- margin-bottom: 0; }
- .card-text:last-child {
- margin-bottom: 0; }
- .card-link:hover {
- text-decoration: none; }
- .card-link + .card-link {
- margin-left: 1.25rem; }
- .card > .list-group:first-child .list-group-item:first-child {
- border-radius: 0.25rem 0.25rem 0 0; }
- .card > .list-group:last-child .list-group-item:last-child {
- border-radius: 0 0 0.25rem 0.25rem; }
- .card-header {
- padding: 0.75rem 1.25rem;
- background-color: #f5f5f5;
- border-bottom: 0.0625rem solid #e5e5e5; }
- .card-header:first-child {
- border-radius: 0.1875rem 0.1875rem 0 0; }
- .card-footer {
- padding: 0.75rem 1.25rem;
- background-color: #f5f5f5;
- border-top: 0.0625rem solid #e5e5e5; }
- .card-footer:last-child {
- border-radius: 0 0 0.1875rem 0.1875rem; }
- .card-primary {
- background-color: #6c59b4;
- border-color: #6c59b4; }
- .card-success {
- background-color: #5cb85c;
- border-color: #5cb85c; }
- .card-info {
- background-color: #2b8be3;
- border-color: #2b8be3; }
- .card-warning {
- background-color: #f0ad4e;
- border-color: #f0ad4e; }
- .card-danger {
- background-color: #d9534f;
- border-color: #d9534f; }
- .card-inverse .card-header,
- .card-inverse .card-footer {
- border-bottom: 0.075rem solid rgba(255, 255, 255, 0.2); }
- .card-inverse .card-header,
- .card-inverse .card-footer,
- .card-inverse .card-title,
- .card-inverse .card-blockquote {
- color: #fff; }
- .card-inverse .card-link,
- .card-inverse .card-text,
- .card-inverse .card-blockquote > footer {
- color: rgba(255, 255, 255, 0.65); }
- .card-inverse .card-link:focus,
- .card-inverse .card-link:hover {
- color: #fff; }
- .card-blockquote {
- padding: 0;
- margin-bottom: 0;
- border-left: 0; }
- .card-img {
- border-radius: 0.25rem; }
- .card-img-overlay {
- position: absolute;
- top: 0;
- right: 0;
- bottom: 0;
- left: 0;
- padding: 1.25rem; }
- .card-img-top {
- border-radius: 0.25rem 0.25rem 0 0; }
- .card-img-bottom {
- border-radius: 0 0 0.25rem 0.25rem; }
- .card-deck {
- display: table;
- table-layout: fixed;
- border-spacing: 1.25rem 0; }
- .card-deck .card {
- display: table-cell;
- width: 1%;
- vertical-align: top; }
- .card-deck-wrapper {
- margin-right: -1.25rem;
- margin-left: -1.25rem; }
- .card-group {
- display: table;
- width: 100%;
- table-layout: fixed; }
- .card-group .card {
- display: table-cell;
- vertical-align: top; }
- .card-group .card + .card {
- margin-left: 0;
- border-left: 0; }
- .card-group .card:first-child .card-img-top {
- border-top-right-radius: 0; }
- .card-group .card:first-child .card-img-bottom {
- border-bottom-right-radius: 0; }
- .card-group .card:last-child .card-img-top {
- border-top-left-radius: 0; }
- .card-group .card:last-child .card-img-bottom {
- border-bottom-left-radius: 0; }
- .card-group .card:not(:first-child):not(:last-child) {
- border-radius: 0; }
- .card-group .card:not(:first-child):not(:last-child) .card-img-top,
- .card-group .card:not(:first-child):not(:last-child) .card-img-bottom {
- border-radius: 0; }
- .card-columns {
- -webkit-column-count: 3;
- -moz-column-count: 3;
- column-count: 3;
- -webkit-column-gap: 1.25rem;
- -moz-column-gap: 1.25rem;
- column-gap: 1.25rem; }
- .card-columns .card {
- display: inline-block;
- width: 100%; }
- .label {
- display: inline-block;
- padding: 0.25em 0.4em;
- font-size: 75%;
- font-weight: bold;
- line-height: 1;
- color: #fff;
- text-align: center;
- white-space: nowrap;
- vertical-align: baseline;
- border-radius: 0.25rem; }
- .label:empty {
- display: none; }
- .btn .label {
- position: relative;
- top: -1px; }
- a.label:focus,
- a.label:hover {
- color: #fff;
- text-decoration: none;
- cursor: pointer; }
- .label-pill {
- padding-left: .6em;
- padding-right: .6em;
- border-radius: 1rem; }
- .label-default {
- background-color: #818a91; }
- .label-default[href]:focus,
- .label-default[href]:hover {
- background-color: #687077; }
- .label-primary {
- background-color: #6c59b4; }
- .label-primary[href]:focus,
- .label-primary[href]:hover {
- background-color: #554496; }
- .label-success {
- background-color: #5cb85c; }
- .label-success[href]:focus,
- .label-success[href]:hover {
- background-color: #449d44; }
- .label-info {
- background-color: #2b8be3; }
- .label-info[href]:focus,
- .label-info[href]:hover {
- background-color: #1a71c1; }
- .label-warning {
- background-color: #f0ad4e; }
- .label-warning[href]:focus,
- .label-warning[href]:hover {
- background-color: #ec971f; }
- .label-danger {
- background-color: #d9534f; }
- .label-danger[href]:focus,
- .label-danger[href]:hover {
- background-color: #c9302c; }
- .jumbotron {
- padding: 2rem 1rem;
- margin-bottom: 2rem;
- background-color: #eceeef;
- border-radius: 0.3rem; }
- .jumbotron-hr {
- border-top-color: #d0d5d8; }
- @media (min-width: 34em) {
- .jumbotron {
- padding: 4rem 2rem; } }
- .jumbotron-fluid {
- padding-right: 0;
- padding-left: 0;
- border-radius: 0; }
- .media {
- margin-top: 15px; }
- .media:first-child {
- margin-top: 0; }
- .media,
- .media-body {
- overflow: hidden;
- zoom: 1; }
- .media-body {
- width: 10000px; }
- .media-left,
- .media-right,
- .media-body {
- display: table-cell;
- vertical-align: top; }
- .media-middle {
- vertical-align: middle; }
- .media-bottom {
- vertical-align: bottom; }
- .media-object {
- display: block; }
- .media-object.img-thumbnail {
- max-width: none; }
- .media-right {
- padding-left: 10px; }
- .media-left {
- padding-right: 10px; }
- .media-heading {
- margin-top: 0;
- margin-bottom: 5px; }
- .media-list {
- padding-left: 0;
- list-style: none; }
- .list-group {
- padding-left: 0;
- margin-bottom: 0; }
- .list-group-item {
- position: relative;
- display: block;
- padding: 0.75rem 1.25rem;
- margin-bottom: -.0625rem;
- background-color: #fff; }
- .list-group-item:first-child {
- border-top-right-radius: 0.25rem;
- border-top-left-radius: 0.25rem; }
- .list-group-item:last-child {
- margin-bottom: 0;
- border-bottom-right-radius: 0.25rem;
- border-bottom-left-radius: 0.25rem; }
- .list-group-item:nth-child(even) {
- background-color: #FFFFFF;
- }
- .list-group-flush .list-group-item {
- border-width: .0625rem 0;
- border-radius: 0;
- background-color: #FFFFFF; }
- a.list-group-item,
- button.list-group-item {
- width: 100%;
- text-align: inherit;
- color: #555; }
- a.list-group-item .list-group-item-heading,
- button.list-group-item .list-group-item-heading {
- color: #333; }
- a.list-group-item:focus,
- a.list-group-item:hover,
- button.list-group-item:focus,
- button.list-group-item:hover {
- color: #555;
- text-decoration: none;
- background-color: #f5f5f5; }
- .list-group-item.disabled,
- .list-group-item.disabled:focus,
- .list-group-item.disabled:hover {
- color: #818a91;
- cursor: not-allowed;
- background-color: #eceeef; }
- .list-group-item.disabled .list-group-item-heading,
- .list-group-item.disabled:focus .list-group-item-heading,
- .list-group-item.disabled:hover .list-group-item-heading {
- color: inherit; }
- .list-group-item.disabled .list-group-item-text,
- .list-group-item.disabled:focus .list-group-item-text,
- .list-group-item.disabled:hover .list-group-item-text {
- color: #818a91; }
- .list-group-item.active,
- .list-group-item.active:focus,
- .list-group-item.active:hover {
- z-index: 2;
- color: #fff;
- background-color: #6c59b4;
- border-color: #6c59b4; }
- .list-group-item.active .list-group-item-heading,
- .list-group-item.active .list-group-item-heading > small,
- .list-group-item.active .list-group-item-heading > .small,
- .list-group-item.active:focus .list-group-item-heading,
- .list-group-item.active:focus .list-group-item-heading > small,
- .list-group-item.active:focus .list-group-item-heading > .small,
- .list-group-item.active:hover .list-group-item-heading,
- .list-group-item.active:hover .list-group-item-heading > small,
- .list-group-item.active:hover .list-group-item-heading > .small {
- color: inherit; }
- .list-group-item.active .list-group-item-text,
- .list-group-item.active:focus .list-group-item-text,
- .list-group-item.active:hover .list-group-item-text {
- color: #e8e6f3; }
- .list-group-item-state {
- color: #3c763d;
- background-color: #dff0d8; }
- a.list-group-item-state,
- button.list-group-item-state {
- color: #3c763d; }
- a.list-group-item-state .list-group-item-heading,
- button.list-group-item-state .list-group-item-heading {
- color: inherit; }
- a.list-group-item-state:focus,
- a.list-group-item-state:hover,
- button.list-group-item-state:focus,
- button.list-group-item-state:hover {
- color: #3c763d;
- background-color: #d0e9c6; }
- a.list-group-item-state.active,
- a.list-group-item-state.active:focus,
- a.list-group-item-state.active:hover,
- button.list-group-item-state.active,
- button.list-group-item-state.active:focus,
- button.list-group-item-state.active:hover {
- color: #fff;
- background-color: #3c763d;
- border-color: #3c763d; }
- .list-group-item-state {
- color: #31708f;
- background-color: #d9edf7; }
- a.list-group-item-state,
- button.list-group-item-state {
- color: #31708f; }
- a.list-group-item-state .list-group-item-heading,
- button.list-group-item-state .list-group-item-heading {
- color: inherit; }
- a.list-group-item-state:focus,
- a.list-group-item-state:hover,
- button.list-group-item-state:focus,
- button.list-group-item-state:hover {
- color: #31708f;
- background-color: #c4e3f3; }
- a.list-group-item-state.active,
- a.list-group-item-state.active:focus,
- a.list-group-item-state.active:hover,
- button.list-group-item-state.active,
- button.list-group-item-state.active:focus,
- button.list-group-item-state.active:hover {
- color: #fff;
- background-color: #31708f;
- border-color: #31708f; }
- .list-group-item-state {
- color: #8a6d3b;
- background-color: #fcf8e3; }
- a.list-group-item-state,
- button.list-group-item-state {
- color: #8a6d3b; }
- a.list-group-item-state .list-group-item-heading,
- button.list-group-item-state .list-group-item-heading {
- color: inherit; }
- a.list-group-item-state:focus,
- a.list-group-item-state:hover,
- button.list-group-item-state:focus,
- button.list-group-item-state:hover {
- color: #8a6d3b;
- background-color: #faf2cc; }
- a.list-group-item-state.active,
- a.list-group-item-state.active:focus,
- a.list-group-item-state.active:hover,
- button.list-group-item-state.active,
- button.list-group-item-state.active:focus,
- button.list-group-item-state.active:hover {
- color: #fff;
- background-color: #8a6d3b;
- border-color: #8a6d3b; }
- .list-group-item-state {
- color: #a94442;
- background-color: #f2dede; }
- a.list-group-item-state,
- button.list-group-item-state {
- color: #a94442; }
- a.list-group-item-state .list-group-item-heading,
- button.list-group-item-state .list-group-item-heading {
- color: inherit; }
- a.list-group-item-state:focus,
- a.list-group-item-state:hover,
- button.list-group-item-state:focus,
- button.list-group-item-state:hover {
- color: #a94442;
- background-color: #ebcccc; }
- a.list-group-item-state.active,
- a.list-group-item-state.active:focus,
- a.list-group-item-state.active:hover,
- button.list-group-item-state.active,
- button.list-group-item-state.active:focus,
- button.list-group-item-state.active:hover {
- 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; }
- .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;
- bottom: 0;
- left: 0;
- width: 100%;
- height: 100%;
- border: 0; }
- .embed-responsive-21by9 {
- padding-bottom: 42.8571428571%; }
- .embed-responsive-16by9 {
- padding-bottom: 56.25%; }
- .embed-responsive-4by3 {
- padding-bottom: 75%; }
- .modal-open {
- overflow: hidden; }
- .modal {
- position: fixed;
- top: 0;
- right: 0;
- bottom: 0;
- left: 0;
- z-index: 1050;
- display: none;
- overflow: hidden;
- outline: 0;
- -webkit-overflow-scrolling: touch; }
- .modal.fade .modal-dialog {
- -webkit-transform: translate(0, -25%);
- -ms-transform: translate(0, -25%);
- transform: translate(0, -25%);
- -webkit-transition: -webkit-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);
- 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;
- background-clip: padding-box;
- border: 1px solid rgba(0, 0, 0, 0.2);
- border-radius: 0.3rem;
- 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; }
- .modal-backdrop.in {
- opacity: 0.75; }
- .modal-header {
- padding: 15px;
- border-bottom: 1px solid #e5e5e5; }
- .modal-header:before,
- .modal-header:after {
- content: " ";
- display: table; }
- .modal-header:after {
- clear: both; }
- .modal-header .close {
- margin-top: -2px; }
- .modal-title {
- margin: 0;
- line-height: 2; }
- .modal-body {
- position: relative;
- padding: 15px; }
- .modal-footer {
- padding: 15px;
- text-align: right;
- border-top: 1px solid #e5e5e5; }
- .modal-footer:before,
- .modal-footer:after {
- content: " ";
- display: table; }
- .modal-footer:after {
- clear: both; }
- .modal-footer .btn + .btn {
- margin-bottom: 0;
- margin-left: 5px; }
- .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: 34em) {
- .modal-dialog {
- width: 600px;
- margin: 30px auto; }
- .modal-sm {
- width: 300px; } }
- @media (min-width: 48em) {
- .modal-lg {
- width: 900px; } }
- .carousel {
- position: relative; }
- .carousel-inner {
- position: relative;
- width: 100%;
- overflow: hidden; }
- .carousel-inner > .carousel-item {
- position: relative;
- display: none;
- -webkit-transition: .6s ease-in-out left;
- transition: .6s ease-in-out left; }
- .carousel-inner > .carousel-item > img,
- .carousel-inner > .carousel-item > a > img {
- line-height: 1; }
- @media all and (transform-3d), (-webkit-transform-3d) {
- .carousel-inner > .carousel-item {
- -webkit-transition: -webkit-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 > .carousel-item.next,
- .carousel-inner > .carousel-item.active.right {
- left: 0;
- -webkit-transform: translate3d(100%, 0, 0);
- transform: translate3d(100%, 0, 0); }
- .carousel-inner > .carousel-item.prev,
- .carousel-inner > .carousel-item.active.left {
- left: 0;
- -webkit-transform: translate3d(-100%, 0, 0);
- transform: translate3d(-100%, 0, 0); }
- .carousel-inner > .carousel-item.next.left,
- .carousel-inner > .carousel-item.prev.right,
- .carousel-inner > .carousel-item.active {
- left: 0;
- -webkit-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 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;
- bottom: 0;
- left: 0;
- width: 15%;
- font-size: 20px;
- color: #fff;
- text-align: center;
- text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
- opacity: 0.5; }
- .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: 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 {
- right: 0;
- left: auto;
- background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
- 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:focus,
- .carousel-control:hover {
- color: #fff;
- text-decoration: none;
- outline: 0;
- opacity: .9; }
- .carousel-control .icon-prev,
- .carousel-control .icon-next {
- position: absolute;
- top: 50%;
- z-index: 5;
- display: inline-block;
- width: 20px;
- height: 20px;
- margin-top: -10px;
- font-family: serif;
- line-height: 1; }
- .carousel-control .icon-prev {
- left: 50%;
- margin-left: -10px; }
- .carousel-control .icon-next {
- right: 50%;
- margin-right: -10px; }
- .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%;
- padding-left: 0;
- margin-left: -30%;
- text-align: center;
- list-style: none; }
- .carousel-indicators li {
- display: inline-block;
- width: 10px;
- height: 10px;
- margin: 1px;
- text-indent: -999px;
- cursor: pointer;
- background-color: transparent;
- border: 1px solid #fff;
- border-radius: 10px; }
- .carousel-indicators .active {
- width: 12px;
- height: 12px;
- margin: 0;
- background-color: #fff; }
- .carousel-caption {
- position: absolute;
- right: 15%;
- bottom: 20px;
- left: 15%;
- 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 (min-width: 34em) {
- .carousel-control .icon-prev,
- .carousel-control .icon-next {
- width: 30px;
- height: 30px;
- margin-top: -15px;
- font-size: 30px; }
- .carousel-control .icon-prev {
- margin-left: -15px; }
- .carousel-control .icon-next {
- margin-right: -15px; }
- .carousel-caption {
- right: 20%;
- left: 20%;
- padding-bottom: 30px; }
- .carousel-indicators {
- bottom: 20px; } }
- .clearfix:before,
- .clearfix:after {
- content: " ";
- display: table; }
- .clearfix:after {
- clear: both; }
- .center-block {
- display: block;
- margin-left: auto;
- margin-right: auto; }
- .pull-right {
- float: right !important; }
- .pull-left {
- float: left !important; }
- .sr-only {
- position: absolute;
- width: 1px;
- height: 1px;
- padding: 0;
- margin: -1px;
- 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; }
- [hidden] {
- display: none !important; }
- .invisible {
- visibility: hidden; }
- .text-hide {
- font: "0/0" a;
- color: transparent;
- text-shadow: none;
- background-color: transparent;
- border: 0; }
- .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-truncate {
- overflow: hidden;
- text-overflow: ellipsis;
- white-space: nowrap; }
- .text-xs-left {
- text-align: left; }
- .text-xs-right {
- text-align: right; }
- .text-xs-center {
- text-align: center; }
- @media (min-width: 34em) {
- .text-sm-left {
- text-align: left; }
- .text-sm-right {
- text-align: right; }
- .text-sm-center {
- text-align: center; } }
- @media (min-width: 48em) {
- .text-md-left {
- text-align: left; }
- .text-md-right {
- text-align: right; }
- .text-md-center {
- text-align: center; } }
- @media (min-width: 62em) {
- .text-lg-left {
- text-align: left; }
- .text-lg-right {
- text-align: right; }
- .text-lg-center {
- text-align: center; } }
- @media (min-width: 75em) {
- .text-xl-left {
- text-align: left; }
- .text-xl-right {
- text-align: right; }
- .text-xl-center {
- text-align: center; } }
- .text-lowercase {
- text-transform: lowercase; }
- .text-uppercase {
- text-transform: uppercase; }
- .text-capitalize {
- text-transform: capitalize; }
- .text-muted {
- color: #818a91; }
- .text-primary {
- color: #6c59b4; }
- a.text-primary:focus,
- a.text-primary:hover {
- color: #554496; }
- .text-success {
- color: #5cb85c; }
- a.text-success:focus,
- a.text-success:hover {
- color: #449d44; }
- .text-info {
- color: #2b8be3; }
- a.text-info:focus,
- a.text-info:hover {
- color: #1a71c1; }
- .text-warning {
- color: #f0ad4e; }
- a.text-warning:focus,
- a.text-warning:hover {
- color: #ec971f; }
- .text-danger {
- color: #d9534f; }
- a.text-danger:focus,
- a.text-danger:hover {
- color: #c9302c; }
- .bg-inverse {
- color: #eceeef;
- background-color: #312f38; }
- .bg-faded {
- background-color: #f1f0f3; }
- .bg-primary {
- color: #fff;
- background-color: #6c59b4; }
- a.bg-primary:focus,
- a.bg-primary:hover {
- background-color: #554496; }
- .bg-success {
- color: #fff;
- background-color: #5cb85c; }
- a.bg-success:focus,
- a.bg-success:hover {
- background-color: #449d44; }
- .bg-info {
- color: #fff;
- background-color: #2b8be3; }
- a.bg-info:focus,
- a.bg-info:hover {
- background-color: #1a71c1; }
- .bg-warning {
- color: #fff;
- background-color: #f0ad4e; }
- a.bg-warning:focus,
- a.bg-warning:hover {
- background-color: #ec971f; }
- .bg-danger {
- color: #fff;
- background-color: #d9534f; }
- a.bg-danger:focus,
- a.bg-danger:hover {
- background-color: #c9302c; }
- .m-a-0 {
- margin: 0 !important; }
- .m-t-0 {
- margin-top: 0 !important; }
- .m-r-0 {
- margin-right: 0 !important; }
- .m-b-0 {
- margin-bottom: 0 !important; }
- .m-l-0 {
- margin-left: 0 !important; }
- .m-x-0 {
- margin-right: 0 !important;
- margin-left: 0 !important; }
- .m-y-0 {
- margin-top: 0 !important;
- margin-bottom: 0 !important; }
- .m-a {
- margin: 1rem !important; }
- .m-t {
- margin-top: 1rem !important; }
- .m-r {
- margin-right: 1rem !important; }
- .m-b {
- margin-bottom: 1rem !important; }
- .m-l {
- margin-left: 1rem !important; }
- .m-x {
- margin-right: 1rem !important;
- margin-left: 1rem !important; }
- .m-y {
- margin-top: 1rem !important;
- margin-bottom: 1rem !important; }
- .m-x-auto {
- margin-right: auto !important;
- margin-left: auto !important; }
- .m-a-md {
- margin: 1.5rem !important; }
- .m-t-md {
- margin-top: 1.5rem !important; }
- .m-r-md {
- margin-right: 1.5rem !important; }
- .m-b-md {
- margin-bottom: 1.5rem !important; }
- .m-l-md {
- margin-left: 1.5rem !important; }
- .m-x-md {
- margin-right: 1.5rem !important;
- margin-left: 1.5rem !important; }
- .m-y-md {
- margin-top: 1.5rem !important;
- margin-bottom: 1.5rem !important; }
- .m-a-lg {
- margin: 3rem !important; }
- .m-t-lg {
- margin-top: 3rem !important; }
- .m-r-lg {
- margin-right: 3rem !important; }
- .m-b-lg {
- margin-bottom: 3rem !important; }
- .m-l-lg {
- margin-left: 3rem !important; }
- .m-x-lg {
- margin-right: 3rem !important;
- margin-left: 3rem !important; }
- .m-y-lg {
- margin-top: 3rem !important;
- margin-bottom: 3rem !important; }
- .p-a-0 {
- padding: 0 !important; }
- .p-t-0 {
- padding-top: 0 !important; }
- .p-r-0 {
- padding-right: 0 !important; }
- .p-b-0 {
- padding-bottom: 0 !important; }
- .p-l-0 {
- padding-left: 0 !important; }
- .p-x-0 {
- padding-left: 0 !important;
- padding-right: 0 !important; }
- .p-y-0 {
- padding-top: 0 !important;
- padding-bottom: 0 !important; }
- .p-a {
- padding: 1rem !important; }
- .p-t {
- padding-top: 1rem !important; }
- .p-r {
- padding-right: 1rem !important; }
- .p-b {
- padding-bottom: 1rem !important; }
- .p-l {
- padding-left: 1rem !important; }
- .p-x {
- padding-right: 1rem !important;
- padding-left: 1rem !important; }
- .p-y {
- padding-top: 1rem !important;
- padding-bottom: 1rem !important; }
- .p-a-md {
- padding: 1.5rem !important; }
- .p-t-md {
- padding-top: 1.5rem !important; }
- .p-r-md {
- padding-right: 1.5rem !important; }
- .p-b-md {
- padding-bottom: 1.5rem !important; }
- .p-l-md {
- padding-left: 1.5rem !important; }
- .p-x-md {
- padding-right: 1.5rem !important;
- padding-left: 1.5rem !important; }
- .p-y-md {
- padding-top: 1.5rem !important;
- padding-bottom: 1.5rem !important; }
- .p-a-lg {
- padding: 3rem !important; }
- .p-t-lg {
- padding-top: 3rem !important; }
- .p-r-lg {
- padding-right: 3rem !important; }
- .p-b-lg {
- padding-bottom: 3rem !important; }
- .p-l-lg {
- padding-left: 3rem !important; }
- .p-x-lg {
- padding-right: 3rem !important;
- padding-left: 3rem !important; }
- .p-y-lg {
- padding-top: 3rem !important;
- padding-bottom: 3rem !important; }
- .pos-f-t {
- position: fixed;
- top: 0;
- right: 0;
- left: 0;
- z-index: 1030; }
- .hidden-xs-up {
- display: none !important; }
- @media (max-width: 33.9em) {
- .hidden-xs-down {
- display: none !important; } }
- @media (min-width: 34em) {
- .hidden-sm-up {
- display: none !important; } }
- @media (max-width: 47.9em) {
- .hidden-sm-down {
- display: none !important; } }
- @media (min-width: 48em) {
- .hidden-md-up {
- display: none !important; } }
- @media (max-width: 61.9em) {
- .hidden-md-down {
- display: none !important; } }
- @media (min-width: 62em) {
- .hidden-lg-up {
- display: none !important; } }
- @media (max-width: 74.9em) {
- .hidden-lg-down {
- display: none !important; } }
- @media (min-width: 75em) {
- .hidden-xl-up {
- display: none !important; } }
- .hidden-xl-down {
- display: none !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 .hidden-print {
- display: none !important; } }
- .vjs-hidden,
- .vjs-controls-disabled .vjs-control-bar,
- .vjs-using-native-controls .vjs-control-bar,
- .vjs-error .vjs-control-bar,
- .vjs-live-controls,
- .vjs-play-control,
- .vjs-default-skin .vjs-seek-handle,
- .vjs-remaining-time,
- .vjs-time-divider,
- .vjs-using-native-controls .vjs-big-play-button,
- .vjs-error .vjs-big-play-button,
- .vjs-menu,
- .vjs-menu-button,
- .vjs-menu-content,
- .vjs-has-started .vjs-poster,
- .vjs-controls-disabled .vjs-poster,
- .vjs-using-native-controls .vjs-poster,
- .ytp-button {
- display: none !important; }
- @font-face {
- font-family: 'icomoon';
- src: url("fonts/icomoon.eot?-d8wcrs");
- src: url("fonts/icomoon.eot?#iefix-d8wcrs") format("embedded-opentype"), url("fonts/icomoon.ttf?-d8wcrs") format("truetype"), url("fonts/icomoon.woff?-d8wcrs") format("woff"), url("fonts/icomoon.svg?-d8wcrs#icomoon") format("svg");
- font-weight: normal;
- font-style: normal; }
- .vjs-default-skin {
- color: #fff; }
- .vjs-default-skin .vjs-slider {
- position: relative;
- padding: 0;
- outline: 0;
- cursor: pointer; }
- .vjs-default-skin .vjs-control-bar {
- display: none;
- position: absolute;
- right: 0;
- bottom: 0;
- left: 0;
- background-color: transparent;
- height: 51px; }
- .vjs-has-started .vjs-control-bar,
- .vjs-has-started .vjs-big-play-button {
- display: block;
- visibility: visible;
- opacity: 1;
- -webkit-transition: visibility 0.1s, opacity 0.1s;
- transition: visibility 0.1s, opacity 0.1s; }
- .vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar,
- .vjs-has-started.vjs-user-inactive.vjs-playing .vjs-big-play-button {
- display: block;
- visibility: hidden;
- opacity: 0;
- -webkit-transition: visibility 1s, opacity 1s;
- transition: visibility 1s, opacity 1s; }
- .vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
- opacity: 1;
- visibility: visible; }
- .vjs-default-skin .vjs-control {
- outline: none;
- position: relative;
- float: left;
- text-align: center;
- margin: 0;
- padding: 0; }
- .vjs-default-skin .vjs-control:before {
- font-family: 'icomoon';
- font-size: 1.5em;
- line-height: 2;
- text-align: center; }
- .vjs-default-skin .vjs-control-text {
- border: 0;
- clip: rect(0 0 0 0);
- height: 1px;
- margin: -1px;
- overflow: hidden;
- padding: 0;
- position: absolute;
- width: 1px; }
- .vjs-default-skin .vjs-mute-control {
- position: absolute;
- bottom: 13px;
- left: 50%;
- font-size: 20px;
- cursor: pointer;
- -webkit-transform: translateX(-154px);
- -ms-transform: translateX(-154px);
- transform: translateX(-154px); }
- @media (max-width: 47.9em) {
- .vjs-default-skin .vjs-mute-control {
- bottom: 3px; } }
- .vjs-default-skin .vjs-mute-control:before {
- content: "\e617"; }
- .vjs-default-skin .vjs-mute-control.vjs-vol-0:before {
- content: "\e615"; }
- .vjs-default-skin .vjs-mute-control.vjs-vol-1:before {
- content: "\e616"; }
- .vjs-default-skin .vjs-mute-control.vjs-vol-2:before {
- content: "\e618"; }
- .vjs-default-skin .vjs-volume-control {
- position: absolute;
- right: 49%;
- bottom: 40px;
- width: 16rem;
- -webkit-transform: translateX(50%);
- -ms-transform: translateX(50%);
- transform: translateX(50%); }
- @media (max-width: 47.9em) {
- .vjs-default-skin .vjs-volume-control {
- bottom: 30px; } }
- .vjs-default-skin .vjs-volume-bar {
- margin: 0;
- width: 16rem;
- height: 5px;
- background-color: rgba(255, 255, 255, 0.5);
- border-radius: 2px; }
- .vjs-default-skin .vjs-volume-level {
- position: absolute;
- top: 0;
- left: 0;
- height: 0.3125rem;
- width: 100%;
- background-color: #fff;
- border-radius: 2px; }
- .vjs-default-skin .vjs-volume-bar .vjs-volume-handle {
- position: absolute;
- left: 15rem; }
- .vjs-default-skin .vjs-volume-handle:before {
- display: block;
- width: 1.25rem;
- height: 1.25rem;
- content: "";
- position: relative;
- top: -8px;
- left: 0px;
- background-color: #fff;
- border-radius: 50%; }
- .vjs-default-skin .vjs-progress-control {
- position: absolute;
- right: 0;
- bottom: 0;
- left: 0;
- width: auto;
- height: 8px;
- font-size: 0.3em; }
- .vjs-default-skin .vjs-progress-holder {
- height: 100%; }
- .vjs-default-skin .vjs-progress-holder .vjs-play-progress,
- .vjs-default-skin .vjs-progress-holder .vjs-load-progress,
- .vjs-default-skin .vjs-progress-holder .vjs-load-progress div {
- position: absolute;
- display: block;
- height: 100%;
- margin: 0;
- padding: 0;
- width: 0;
- left: 0;
- top: 0; }
- .vjs-default-skin .vjs-play-progress {
- background-color: rgba(255, 255, 255, 0.8); }
- .vjs-default-skin .vjs-load-progress {
- background-color: rgba(255, 255, 255, 0.5); }
- .vjs-default-skin .vjs-current-time,
- .vjs-default-skin .vjs-duration {
- margin-right: 0.9375rem;
- margin-left: 0.9375rem;
- padding: 0.1875rem 0.8125rem;
- background-color: rgba(236, 236, 236, 0.4);
- border-radius: 0.25rem; }
- @media (max-width: 47.9em) {
- .vjs-default-skin .vjs-current-time,
- .vjs-default-skin .vjs-duration {
- display: none; } }
- .vjs-default-skin .vjs-current-time {
- float: left; }
- .vjs-default-skin .vjs-duration {
- float: right; }
- .vjs-default-skin .vjs-big-play-button {
- position: absolute;
- color: #fff;
- top: 50%;
- left: 50%;
- -webkit-transform: translate(-50%, -50%);
- -ms-transform: translate(-50%, -50%);
- transform: translate(-50%, -50%);
- z-index: 2; }
- .vjs-default-skin .vjs-big-play-button:before {
- content: "\e611";
- font-family: 'icomoon';
- font-size: 3.125rem; }
- .vjs-default-skin .vjs-big-play-button:hover {
- cursor: pointer; }
- .vjs-default-skin .vjs-big-play-button:focus {
- outline: 0; }
- .vjs-playing .vjs-big-play-button {
- pointer-events: none; }
- .vjs-playing .vjs-big-play-button:before {
- content: "\e614"; }
- @media (max-width: 33.9em) {
- .vjs-has-started .vjs-big-play-button {
- top: 30%; } }
- .vjs-loading-spinner {
- display: none;
- position: absolute;
- top: 50%;
- left: 50%;
- font-size: 4em;
- line-height: 1;
- width: 1em;
- height: 1em;
- margin-left: -0.5em;
- margin-top: -0.5em;
- opacity: 0.75; }
- .vjs-waiting .vjs-loading-spinner,
- .vjs-seeking .vjs-loading-spinner {
- display: block;
- -webkit-animation: spin 1.5s infinite linear;
- animation: spin 1.5s infinite linear; }
- .vjs-default-skin .vjs-loading-spinner:before {
- content: "\e619";
- font-family: 'icomoon';
- position: absolute;
- top: 0;
- left: 0;
- width: 1em;
- height: 1em;
- text-align: center;
- text-shadow: 0em 0em 0.1em #000; }
- @-webkit-keyframes spin {
- 0% {
- -webkit-transform: rotate(0deg);
- transform: rotate(0deg); }
- 100% {
- -webkit-transform: rotate(359deg);
- transform: rotate(359deg); } }
- @keyframes spin {
- 0% {
- -webkit-transform: rotate(0deg);
- transform: rotate(0deg); }
- 100% {
- -webkit-transform: rotate(359deg);
- transform: rotate(359deg); } }
- .video-js {
- background-color: #005C84;
- position: relative;
- padding: 0;
- font-size: 10px;
- vertical-align: middle;
- font-weight: normal;
- font-style: normal;
- font-family: "Helvetica Neue", Raleway, sans-serif;
- font-size: 0.8125rem;
- line-height: 1.1538;
- -webkit-user-select: none;
- -moz-user-select: none;
- -ms-user-select: none;
- user-select: none; }
- .video-js.vjs-has-started:after {
- z-index: -1; }
- .video-js .vjs-tech {
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%; }
- .vjs-poster {
- margin: 0;
- padding: 0;
- background-repeat: no-repeat;
- background-position: 50% 50%;
- background-size: cover;
- background-color: #005C84;
- cursor: pointer; }
- .vjs-poster img {
- display: block;
- margin: 0 auto;
- padding: 0;
- width: 100%;
- height: auto; }
- .vjs-audio.vjs-has-started .vjs-poster {
- display: block; }
- .vjs-ended .vjs-poster {
- display: block; }
- .vjs-lock-showing {
- display: block !important;
- opacity: 1;
- visibility: visible; }
- .textselect-off {
- -webkit-user-select: none;
- -moz-user-select: none;
- -ms-user-select: none;
- user-select: none; }
- .hidden-overflow {
- overflow: hidden; }
- .stacking-top {
- position: relative;
- z-index: 10; }
- .wp {
- visibility: hidden; }
- .wp-2 {
- -webkit-animation-delay: 0.1s;
- animation-delay: 0.1s; }
- .wp-3 {
- -webkit-animation-delay: 0.2s;
- animation-delay: 0.2s; }
- .wp-5, .wp-6 {
- -webkit-animation-delay: 0.3s;
- animation-delay: 0.3s;
- -webkit-animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
- animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1); }
- .wp-8 {
- -webkit-animation-delay: 0.2s;
- animation-delay: 0.2s; }
- .wp.animated {
- visibility: visible; }
- .bg-inverse a,
- .bg-inverse a:focus,
- .bg-inverse a:hover {
- color: #fff; }
- .bg-inverse-custom {
- margin-top: 1.1875rem;
- background-color: transparent; }
- .bg-white {
- background-color: #1F8039; }
- .section-intro,
- .section-features,
- .section-pricing,
- .section-testimonials,
- .section-text,
- .section-signup {
- padding-top: 2.8125rem; }
- @media (min-width: 48em) {
- .section-intro,
- .section-features,
- .section-pricing,
- .section-testimonials,
- .section-text,
- .section-signup {
- padding-top: 5.625rem; } }
- .section-features,
- .section-pricing,
- .section-text,
- .section-news,
- .section-signup {
- padding-bottom: 2.8125rem; }
- @media (min-width: 48em) {
- .section-features,
- .section-pricing,
- .section-text,
- .section-news,
- .section-signup {
- padding-bottom: 5.625rem; } }
- @media (max-width: 47.9em) {
- .p-y-lg {
- padding-top: 0.5rem !important;
- padding-bottom: 0.5rem !important; } }
- .navbar-toggler {
- padding: 0;
- margin-top: -.3rem;
- margin-left: .75rem;
- font-size: 2rem;
- border: 0;
- border-radius: 0; }
- .navbar-toggler:focus {
- outline: 0; }
- .bg-inverse .navbar-toggler {
- color: rgba(255, 255, 255, 0.75); }
- .bg-inverse .navbar-toggler:focus,
- .bg-inverse .navbar-toggler:hover {
- color: #fff; }
- .navbar-toggler-custom {
- margin-top: -.05rem;
- font-size: 1.55rem; }
- .navbar {
- padding: 0 0 0 0;
- font-size: .9375rem;
- /* font-weight: 600;*/
- line-height: 1.2;
- box-shadow: 0px 0px 3px rgba(0,0,0,0.9); }
- @media (max-width: 47.9em) {
- .navbar {
- padding-top: 1.5625rem; } }
- @media (max-width: 47.9em) {
- .navbar-toggleable-custom {
- clear: both; } }
- @media (min-width: 48em) {
- #collapsingNavbar,
- #collapsingNavbarInverse {
- display: block !important; } }
- @media (max-width: 47.9em) {
- .navbar-nav .nav-item + .nav-item {
- margin-left: 2rem; } }
- @media (max-width: 47.9em) and (max-width: 47.9em) {
- .navbar-nav .nav-item + .nav-item {
- margin-left: 0; } }
- @media (max-width: 47.9em) {
- .navbar-nav {
- float: none !important;
- width: 100%; }
- .navbar-nav .nav-item {
- display: block;
- float: none;
- margin: 0 0 1px;
- text-align: right;
- background-color: #fff; }
- .navbar-dark .navbar-nav .nav-item {
- background-color: transparent; }
- .navbar-dark .navbar-nav .nav-link {
- display: block;
- color: #cccccc; }
- .navbar-dark .navbar-nav .nav-link:focus,
- .navbar-dark .navbar-nav .nav-link:hover {
- color: #fff; }
- .navbar-dark .navbar-nav .active .nav-link {
- color: #fff; }
- .bg-inverse-custom .navbar-nav .nav-item {
- background-color: #fff; }
- .bg-inverse-custom .navbar-nav .nav-link {
- padding: 1rem;
- color: #6f788c; }
- .bg-inverse-custom .navbar-nav .nav-link:focus,
- .bg-inverse-custom .navbar-nav .nav-link:hover {
- color: #005C84; }
- .bg-inverse-custom .navbar-nav .active > .nav-link {
- color: #6c59b4 !important; } }
- .navbar-fixed-top {
- position: absolute; }
- .navbar-brand {
- padding: 0;
- margin: -.625rem 0 0; }
- .icon-logo {
- font-size: 45px; }
- @media (max-width: 47.9em) {
- .navbar-nav .active > .nav-link {
- color: #6c59b4; } }
- @media (min-width: 48em) {
- .navbar-nav .active > .nav-link {
- box-shadow: 0 2px 0 rgba(66, 71, 83, 0.2); } }
- @media (min-width: 48em) {
- .navbar-dark .navbar-nav .active > .nav-link {
- box-shadow: 0 2px 0 rgba(255, 255, 255, 0.2); } }
- .navbar-divider {
- width: 5px;
- height: 5px;
- padding: 0;
- margin: 0.8125rem 1.5rem 0.75rem;
- background: rgba(66, 71, 83, 0.2);
- border-radius: 50%; }
- .navbar-dark .navbar-divider {
- background: rgba(255, 255, 255, 0.2); }
- .dropdown.open .icon-search:before {
- content: "\e612"; }
- .dropdown-menu {
- padding: 1.5rem 1.75rem;
- margin-top: 0;
- border: 0 none;
- box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.25); }
- .dropdown-menu .media {
- padding-bottom: 1.25rem;
- margin-bottom: 1.25rem;
- color: #005C84;
- border-bottom: 1px solid #e9eaec; }
- .dropdown-menu .text-muted {
- color: rgba(66, 71, 83, 0.4) !important; }
- .dropdown-menu-animated {
- display: block;
- visibility: hidden;
- opacity: 0;
- padding: 1.5rem 1.75rem;
- margin-top: 0;
- border: 0 none;
- box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.25);
- -webkit-transform-origin: 100% 0%;
- -ms-transform-origin: 100% 0%;
- transform-origin: 100% 0%;
- -webkit-transform: scale3d(0.95, 0.95, 1) translate3d(0, -15px, 0);
- transform: scale3d(0.95, 0.95, 1) translate3d(0, -15px, 0);
- -webkit-transition: opacity 0.5s, -webkit-transform 0.5s, visibility 0s 0.5s;
- transition: opacity 0.5s, transform 0.5s, visibility 0s 0.5s;
- -webkit-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
- transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1); }
- .open > .dropdown-menu-animated {
- visibility: visible;
- opacity: 1;
- -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
- transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
- -webkit-transition: opacity 0.5s, -webkit-transform 0.5s;
- transition: opacity 0.5s, transform 0.5s;
- -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
- transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); }
- .dropdown-menu-custom {
- overflow-y: auto;
- background-color: #fff;
- border: 0 none; }
- .dropdown-menu-custom .media {
- margin-bottom: 1.5rem;
- color: #005C84; }
- .dropdown-menu-custom .text-muted {
- color: rgba(66, 71, 83, 0.4) !important; }
- .dropdown-item {
- padding: 0 0 0.625rem;
- font-size: .8125rem;
- font-weight: 600;
- line-height: 1.1538; }
- .dropdown-item + .dropdown-item {
- padding-top: .625rem; }
- .dropdown-item:hover,
- .dropdown-item:focus {
- background-color: transparent; }
- .bg-inverse .dropdown-item {
- color: #005C84; }
- .bg-inverse .dropdown-item:focus,
- .bg-inverse .dropdown-item:hover {
- color: #6c59b4;
- background-color: transparent; }
- h5 {
- font-weight: 600;
- line-height: 1.2; }
- h6 {
- font-weight: 300;
- line-height: 1; }
- .btn-circle {
- display: block;
- width: 2.5rem;
- height: 2.5rem;
- padding: 0;
- font-size: 1.25rem;
- line-height: 2.2;
- color: #fff;
- text-align: center;
- border-radius: 50%;
- opacity: .8; }
- .btn-circle:focus,
- .btn-circle:hover {
- color: #fff;
- background-repeat: repeat-x;
- background-image: -webkit-linear-gradient(45deg, #663fb5, #663fb5);
- background-image: linear-gradient(45deg, #663fb5, #663fb5); }
- .has-gradient {
- background-repeat: repeat-x;
- background-image: -webkit-linear-gradient(45deg, #663fb5, #2b8be3);
- background-image: linear-gradient(45deg, #663fb5, #2b8be3); }
- .dropdown-menu-search {
- padding: 0;
- margin: 0;
- box-shadow: none; }
- @media (min-width: 34em) {
- .dropdown-menu-search {
- position: absolute;
- top: .7rem;
- right: 2rem;
- min-width: 22rem;
- background-color: transparent; } }
- .navbar-form .form-control {
- padding: 1rem 0 1rem 15px;
- font-size: .9375rem;
- font-weight: 600;
- line-height: 1.2;
- background: transparent;
- border: 0; }
- @media (min-width: 34em) {
- .navbar-form .form-control {
- padding: .425rem;
- font-size: .9375rem;
- border-bottom: 2px solid rgba(66, 71, 83, 0.2);
- border-radius: 0; }
- .navbar-form .form-control::-webkit-input-placeholder {
- color: #005C84; }
- .navbar-form .form-control::-moz-placeholder {
- color: #005C84; }
- .navbar-form .form-control:-ms-input-placeholder {
- color: #005C84; }
- .navbar-form .form-control::placeholder {
- color: #005C84; } }
- .navbar-form .form-control:hover {
- cursor: pointer; }
- .navbar-form .form-control:focus {
- box-shadow: none; }
- @media (min-width: 34em) {
- .bg-inverse .navbar-form .form-control {
- color: #fff;
- border-bottom: 2px solid rgba(255, 255, 255, 0.2); }
- .bg-inverse .navbar-form .form-control::-webkit-input-placeholder {
- color: #fff; }
- .bg-inverse .navbar-form .form-control::-moz-placeholder {
- color: #fff; }
- .bg-inverse .navbar-form .form-control:-ms-input-placeholder {
- color: #fff; }
- .bg-inverse .navbar-form .form-control::placeholder {
- color: #fff; } }
- .icon-search {
- display: block;
- margin-top: .5rem;
- font-size: 1.25rem; }
- .dropdown-toggle:hover {
- cursor: pointer; }
- .dropdown-toggle:after {
- display: none; }
- .dropdown-toggle img {
- margin-right: .5rem;
- /*box-shadow: 0 0 0 4px #005C84;*/ }
- .dropdown-toggle span {
- vertical-align: middle; }
- .bg-inverse .dropdown-toggle img {
- box-shadow: 0 0 0 4px #fff; }
- @media (min-width: 34em) {
- .nav-dropdown-search {
- margin-top: -.7rem; } }
- @media (min-width: 34em) {
- .nav-dropdown-user {
- margin-top: -.8rem; } }
- .dropdown-menu-user {
- top: 138%; }
- @media (min-width: 48em) {
- .scroll-nav {
- position: fixed;
- top: 50%;
- right: 5%;
- z-index: 2;
- -webkit-transform: translateY(-50%);
- -ms-transform: translateY(-50%);
- transform: translateY(-50%); }
- .scroll-nav a {
- width: 17px;
- height: 17px;
- color: #fff;
- background-color: #fff;
- border-radius: 50%; }
- .scroll-nav a.active {
- border: 4px solid rgba(255, 255, 255, 0.25); } }
- html,
- body {
- width: 100%;
- height: 100%; }
- .jumbotron {
- padding-top: 7rem;
- margin-bottom: 0;
- background: #663fb5 url(../img/bg-header.jpg) no-repeat center bottom;
- background-size: cover;
- border-radius: 0; }
- @media (max-width: 47.9em) {
- .jumbotron {
- padding-top: 6.25rem; } }
- .jumbotron .btn {
- padding: 1.2rem 2rem; }
- .jumbotron a.jumbolink {
- opacity: 0.6;
- -webkit-transition: opacity 0.175s;
- transition: opacity 0.175s; }
- .jumbotron a.jumbolink:hover,
- .jumbotron a.jumbolink:focus {
- opacity: 1; }
- @media (max-width: 47.9em) {
- .display-3 {
- font-size: 2rem; } }
- @media (min-width: 48em) and (min-height: 37.5em) {
- .center-vertically {
- display: table;
- width: 100%;
- height: 100%;
- padding: 0; }
- .center-vertically > div {
- display: table-cell;
- vertical-align: middle; } }
- h2 {
- font-weight: 300;
- line-height: 1.5; }
- @media (max-width: 47.9em) {
- h2 {
- font-size: 1.35rem; } }
- h2 em {
- font-weight: 500; }
- .btn {
- padding: 1.4rem 3.125rem 1.3rem;
- font-size: .8125rem;
- line-height: 1.1538;
- text-transform: uppercase;
- letter-spacing: .1rem; }
- .btn > i, .btn > span {
- margin-right: .3rem;
- font-size: 1.28rem;
- line-height: 1;
- vertical-align: -20%; }
- .bg-inverse .btn-secondary-outline:focus,
- .bg-inverse .btn-secondary-outline:hover {
- background-color: rgba(255, 255, 255, 0.5);
- border-color: transparent; }
- .social-share {
- font-family: "Helvetica Neue", Lato, sans-serif;
- font-size: .8125rem;
- font-weight: 700;
- line-height: 1.23;
- text-align: center; }
- @media (min-width: 48em) and (min-height: 37.5em) {
- .social-share {
- position: absolute;
- right: 0;
- bottom: 35px;
- left: 0; } }
- .social-share a {
- color: #fff; }
- .social-share a span {
- margin-right: .3rem;
- font-size: .9375rem;
- color: rgba(255, 255, 255, 0.5); }
- .social-share a .icon-facebook {
- margin-right: .1rem; }
- .social-share a:focus span,
- .social-share a:hover span {
- color: #fff; }
- .social-share li {
- padding: 0.1875rem 0.7rem; }
- .social-share li + li {
- border-left: 1px solid rgba(255, 255, 255, 0.25); }
- h3 {
- margin-bottom: 1.25rem;
- font-weight: 400;
- line-height: 1.178; }
- .section-intro .lead {
- margin-bottom: 2.5rem; }
- .section-features .card {
- padding-right: 0;
- padding-left: 0;
- margin-bottom: 3rem;
- border: 0 none; }
- @media (min-width: 48em) {
- .section-features .card {
- margin-bottom: 0; } }
- .section-features .card-block {
- padding: 0; }
- @media (min-width: 48em) {
- .section-features .card-block {
- padding: 0 1.25rem; } }
- .card-block > span {
- display: block;
- width: 90px;
- height: 90px;
- margin: 0 auto 20px;
- font-size: 2.125rem;
- line-height: 2.5;
- text-align: center;
- border: 5px solid #f5f5f5;
- border-radius: 50%; }
- .card-block .icon-heart {
- font-size: 1.85rem;
- line-height: 2.75; }
- .card-title {
- margin-bottom: 5px;
- font-size: 2.25rem;
- font-weight: 600;
- line-height: 1.1666; }
- .card-subtitle {
- margin-bottom: .5rem;
- font-size: 1rem;
- font-weight: 300;
- line-height: 2; }
- @media (min-width: 34em) {
- .card-subtitle {
- margin-bottom: 1.5625rem; }
- .card-subtitle:after {
- display: block;
- width: 80%;
- height: 1px;
- margin: 30px auto 0;
- content: "";
- background-color: #ededed; } }
- .card-text {
- font-weight: 300; }
- figure {
- position: relative; }
- .img-responsive-custom {
- width: 100%; }
- .modal-video {
- width: auto;
- margin: .9375rem; }
- @media (min-width: 48em) {
- .modal-video {
- margin: 0.9375rem 1.875rem; } }
- .modal-video .modal-content {
- border: 0 none; }
- .has-light-mask, .video-js {
- position: relative;
- z-index: 1; }
- .has-light-mask:after, .video-js:after {
- position: absolute;
- top: 0;
- right: 0;
- z-index: 1;
- width: 100%;
- height: 100%;
- content: "";
- background-color: #c3c7cb;
- -webkit-transition: opacity 0.3s;
- transition: opacity 0.3s;
- opacity: 0.6; }
- .has-light-mask:hover:after, .video-js:hover:after {
- opacity: 0; }
- .image-effect {
- overflow: hidden; }
- .image-effect img {
- -webkit-transform: scale3d(1.8, 1.8, 1);
- transform: scale3d(1.8, 1.8, 1);
- -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.7, 0, 0.3, 1);
- transition: transform 0.5s cubic-bezier(0.7, 0, 0.3, 1); }
- .image-effect:hover img {
- -webkit-transform: scale3d(1, 1, 1);
- transform: scale3d(1, 1, 1); }
- .icon-play-button {
- position: absolute;
- top: 50%;
- left: 50%;
- z-index: 2;
- color: #fff;
- -webkit-transform: translate(-50%, -50%);
- -ms-transform: translate(-50%, -50%);
- transform: translate(-50%, -50%); }
- .icon-play-button span {
- font-size: 3.125rem; }
- .icon-play-button:focus,
- .icon-play-button:hover {
- color: rgba(255, 255, 255, 0.5);
- outline: 0; }
- .pricing-box {
- padding-bottom: 1.5625rem;
- font-weight: 300;
- background-color: #fcfefe;
- border: 1px solid #eceff3; }
- .pricing-box .card-block {
- padding: 1rem; }
- @media (min-width: 34em) {
- .pricing-box .card-block {
- padding-top: 1.5625rem; } }
- .pricing-box .card-header {
- padding-top: 1.1rem;
- padding-bottom: 1.1rem;
- font-size: .8125rem;
- font-weight: 600;
- line-height: 1.1538;
- background-color: #eceff3;
- border-bottom: 0 none; }
- .pricing-box .card-header:first-child {
- border-radius: 0; }
- .pricing-box .card-title {
- margin-bottom: .625rem;
- font-size: 1rem;
- font-weight: 300;
- line-height: 2; }
- .pricing-box h4 small {
- font-size: .8125rem;
- font-weight: 600;
- line-height: 1.1538;
- color: #aeb0b5; }
- .pricing-box .list-group {
- margin-bottom: 1rem; }
- @media (min-width: 34em) {
- .pricing-box .list-group {
- margin-bottom: 4.0625rem; } }
- .pricing-box .list-group-item {
- padding: 0.45rem 1rem;
- background-color: transparent;
- border-color: #ededef; }
- .pricing-box .list-group-item:first-child {
- border-top-color: transparent; }
- .pricing-box .list-group-item:last-child {
- border-bottom-color: transparent; }
- .pricing-box-currency,
- .pricing-box-price {
- margin-right: -1rem;
- font-family: "Helvetica Neue", Lato, sans-serif;
- line-height: 1.214; }
- .pricing-box-currency {
- top: -1.5rem;
- font-size: 1.75rem;
- font-weight: 400;
- letter-spacing: .75rem; }
- .pricing-box-price {
- font-size: 4.25rem;
- font-weight: 700; }
- .pricing-best {
- background-color: #fff;
- border: 2px solid #6c59b4; }
- @media (min-width: 48em) {
- .pricing-best {
- margin-right: -30px;
- margin-left: -30px; } }
- .pricing-best .card-header {
- color: #fff;
- background-color: #6c59b4; }
- .section-testimonials {
- background: #663fb5 url(../img/bg-testimonials.jpg) no-repeat center bottom;
- background-size: cover; }
- .section-testimonials .blockquote {
- margin: 0 auto 2rem;
- border-left: 0 none; }
- @media (min-width: 48em) {
- .section-testimonials .blockquote {
- max-width: 60rem;
- margin-bottom: 4.5rem; } }
- .section-testimonials .blockquote > img {
- margin-bottom: 1.5625rem;
- border: 4px solid #fff; }
- .section-testimonials .blockquote p {
- margin-bottom: .9375rem;
- font-weight: 400;
- line-height: 1.464; }
- .section-testimonials .blockquote p:before {
- content: "\201c"; }
- .section-testimonials .blockquote p:after {
- content: "\201d"; }
- .section-testimonials .blockquote footer {
- font-size: 1rem;
- font-weight: 600;
- line-height: 1.1875;
- color: #fff; }
- .section-testimonials .blockquote footer:before {
- content: ""; }
- .section-testimonials .blockquote footer:after {
- display: block;
- width: 2.5rem;
- height: 1px;
- margin: .625rem auto 0;
- content: "";
- background-color: rgba(255, 255, 255, 0.25); }
- .section-testimonials .carousel-indicators {
- position: inherit;
- bottom: auto;
- left: auto;
- width: auto;
- margin: 0 0 2.1875rem; }
- .section-testimonials .carousel-indicators img {
- width: 45px;
- height: 45px;
- margin: 5.5px auto 0;
- border: 3px solid #fff;
- -webkit-transition: all 0.1s ease-in-out;
- transition: all 0.1s ease-in-out; }
- .section-testimonials .carousel-indicators li {
- width: 60px;
- height: 60px;
- margin: 0;
- text-indent: inherit;
- border: 0;
- border-radius: 0;
- opacity: .5;
- -webkit-transition: opacity 0.2s;
- transition: opacity 0.2s; }
- .section-testimonials .carousel-indicators li:hover {
- opacity: .9; }
- .section-testimonials .carousel-indicators li.active {
- margin: 0;
- background-color: transparent;
- opacity: 1; }
- .section-testimonials .carousel-indicators li.active img {
- width: 56px;
- height: 56px;
- margin-top: 0;
- border: 4px solid #fff; }
- .separator-x {
- position: relative; }
- .separator-x:before {
- position: absolute;
- top: 0;
- left: -20%;
- display: block;
- width: 1px;
- height: 100%;
- content: "";
- background-color: #ededed; }
- @media (max-width: 47.9em) {
- .section-news .p-r-0 {
- padding-right: 0.9375rem !important; }
- .section-news .p-l-0 {
- padding-left: 0.9375rem !important; } }
- .section-news article {
- max-width: 22.5rem;
- padding: 1rem; }
- @media (min-width: 62em) {
- .section-news article {
- padding: 4rem 0; } }
- @media (min-width: 75em) {
- .section-news article {
- padding: 6.5rem 0; } }
- .section-news .icon-arrow-right {
- margin-left: .25rem;
- font-size: .875rem;
- -webkit-transition: -webkit-transform 0.3s;
- transition: transform 0.3s;
- display: inline-block; }
- .section-news h5 {
- margin-bottom: 1rem;
- line-height: 1.777; }
- .section-news h5 a {
- display: block; }
- .section-news h5 a:hover .icon-arrow-right {
- -webkit-transform: translate3d(15px, 0, 0);
- transform: translate3d(15px, 0, 0); }
- .label {
- padding: 0.35em 0.85em;
- margin-bottom: .5rem;
- font-size: .8125rem;
- font-weight: 600;
- line-height: 1.1538;
- border-radius: 2.5rem; }
- .label span {
- margin-right: .15rem;
- font-size: 16px;
- vertical-align: text-top; }
- .label-default {
- padding-right: 0;
- padding-left: 0;
- margin-right: .5rem;
- color: rgba(255, 255, 255, 0.6);
- background-color: transparent; }
- .form-group {
- margin-bottom: 1.875rem; }
- .has-icon-left {
- position: relative; }
- .has-icon-left:before {
- position: absolute;
- top: 14px;
- left: 48px;
- width: 1px;
- height: 1.8125rem;
- content: "";
- background-color: #ededef; }
- .has-icon-left:after {
- position: absolute;
- top: 14px;
- left: 16px;
- z-index: 9999;
- width: 30px;
- height: 30px;
- content: "";
- background-repeat: no-repeat;
- background-position: 5% center; }
- .has-icon-left .form-control {
- padding-left: 60px; }
- .form-control-name:after {
- background-image: url(../img/icon-user.png);
- background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjIwcHgiIGhlaWdodD0iMjBweCIgdmlld0JveD0iMCAwIDIwIDIwIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zOnNrZXRjaD0iaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoL25zIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggMy4zLjMgKDEyMDgxKSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5JbXBvcnRlZCBMYXllcnM8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZGVmcz48L2RlZnM+CiAgICA8ZyBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBza2V0Y2g6dHlwZT0iTVNQYWdlIj4KICAgICAgICA8ZyBpZD0iTGFuZGluZy1wYWdlIiBza2V0Y2g6dHlwZT0iTVNBcnRib2FyZEdyb3VwIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMjQ4LjAwMDAwMCwgLTU1NjMuMDAwMDAwKSIgZmlsbC1vcGFjaXR5PSI1MCUiIGZpbGw9IiM0MjQ3NTMiPgogICAgICAgICAgICA8ZyBpZD0iU2lnbi11cCIgc2tldGNoOnR5cGU9Ik1TTGF5ZXJHcm91cCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMC4wMDAwMDAsIDUzNjAuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICA8ZyBpZD0iZm9ybSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMjMxLjAwMDAwMCwgMTgyLjAwMDAwMCkiIHNrZXRjaDp0eXBlPSJNU1NoYXBlR3JvdXAiPgogICAgICAgICAgICAgICAgICAgIDxnIGlkPSJuYW1lLWlucHV0Ij4KICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTM1LjUwNzA5NjgsMzYuNTg3MDk2OCBDMzQuOTMwMzIyNiwzNS40MzYxMjkgMzMuMDM1NDgzOSwzNC43NDI1ODA2IDMwLjQxMjkwMzIsMzMuNzgxOTM1NSBDMzAuMDQxOTM1NSwzMy42NDY0NTE2IDI5LjY1Njc3NDIsMzMuNTA1MTYxMyAyOS4yNTgwNjQ1LDMzLjM1NjEyOSBMMjkuMjU4MDY0NSwzMS4yNzAzMjI2IEMyOS41MiwzMC45ODM4NzEgMzAuMTgzMjI1OCwzMC4xMzA5Njc3IDMwLjI0ODM4NzEsMjguODA2NDUxNiBDMzAuNDMwOTY3NywyOC42NjcwOTY4IDMwLjU3Njc3NDIsMjguNDAzODcxIDMwLjY2MDY0NTIsMjguMDQ3MDk2OCBDMzAuNzk0MTkzNSwyNy40ODA2NDUyIDMwLjcyMzg3MSwyNi44MDcwOTY4IDMwLjMwNjQ1MTYsMjYuNDMyMjU4MSBDMzAuMzM0ODM4NywyNi4zNTg3MDk3IDMwLjM2OTY3NzQsMjYuMjcxNjEyOSAzMC40MDE5MzU1LDI2LjE4OTAzMjMgQzMwLjcxMDMyMjYsMjUuNDExNjEyOSAzMS4yODUxNjEzLDIzLjk2MzIyNTggMzEuMDYwNjQ1MiwyMi44MzkzNTQ4IEMzMC44MDY0NTE2LDIxLjU2ODM4NzEgMjguOTU2Nzc0MiwyMSAyNy4yMzYxMjksMjEgQzI1Ljk3ODA2NDUsMjEgMjQuNDQ3NzQxOSwyMS4zMTQ4Mzg3IDI0LjAxMDk2NzcsMjIuMTgzMjI1OCBDMjMuNTI3MDk2OCwyMi4yMjc3NDE5IDIzLjE1NzQxOTQsMjIuNDE5MzU0OCAyMi45MDkwMzIzLDIyLjc1NDE5MzUgQzIyLjIyNzA5NjgsMjMuNjcyOTAzMiAyMi43MzIyNTgxLDI1LjMzOTM1NDggMjMuMDAzMjI1OCwyNi4yMzQxOTM1IEMyMy4wMjE5MzU1LDI2LjI5NzQxOTQgMjMuMDQyNTgwNiwyNi4zNjM4NzEgMjMuMDU5MzU0OCwyNi40MjEyOTAzIEMyMi42MzE2MTI5LDI2Ljc5MzU0ODQgMjIuNTU4MDY0NSwyNy40NzQ4Mzg3IDIyLjY5MzU0ODQsMjguMDQ3MDk2OCBDMjIuNzc3NDE5NCwyOC40MDM4NzEgMjIuOTIzMjI1OCwyOC42NjcwOTY4IDIzLjEwNTgwNjUsMjguODA2NDUxNiBDMjMuMTY5Njc3NCwzMC4xMDU4MDY1IDIzLjgxODA2NDUsMzAuODcxNjEyOSAyNC4wOTYxMjksMzEuMTQzMjI1OCBMMjQuMDk2MTI5LDMzLjM1NjEyOSBDMjMuNjk2Nzc0MiwzMy41MDUxNjEzIDIzLjMxMDk2NzcsMzMuNjQ3MDk2OCAyMi45MzkzNTQ4LDMzLjc4MjU4MDYgQzIwLjMxNjc3NDIsMzQuNzQyNTgwNiAxOC40MjE5MzU1LDM1LjQzNjEyOSAxNy44NDcwOTY4LDM2LjU4NzA5NjggQzE3LjAwOTAzMjMsMzguMjYzMjI1OCAxNywzOS45NjA2NDUyIDE3LDQwLjAzMjI1ODEgQzE3LDQwLjIwOTY3NzQgMTcuMTQzODcxLDQwLjM1NDgzODcgMTcuMzIxOTM1NSw0MC4zNTQ4Mzg3IEwzNi4wMzIyNTgxLDQwLjM1NDgzODcgQzM2LjIxMDMyMjYsNDAuMzU0ODM4NyAzNi4zNTQ4Mzg3LDQwLjIwOTY3NzQgMzYuMzU0ODM4Nyw0MC4wMzIyNTgxIEMzNi4zNTQ4Mzg3LDM5Ljk2MDY0NTIgMzYuMzQ1MTYxMywzOC4yNjMyMjU4IDM1LjUwNzA5NjgsMzYuNTg3MDk2OCIgaWQ9IkltcG9ydGVkLUxheWVycyI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+"); }
- .form-control-email:after {
- background-image: url(../img/icon-email.png);
- background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjIwcHgiIGhlaWdodD0iMTlweCIgdmlld0JveD0iMCAwIDIwIDE5IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zOnNrZXRjaD0iaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoL25zIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggMy4zLjMgKDEyMDgxKSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5JbXBvcnRlZCBMYXllcnM8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZGVmcz48L2RlZnM+CiAgICA8ZyBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBza2V0Y2g6dHlwZT0iTVNQYWdlIj4KICAgICAgICA8ZyBpZD0iTGFuZGluZy1wYWdlIiBza2V0Y2g6dHlwZT0iTVNBcnRib2FyZEdyb3VwIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNTM3LjAwMDAwMCwgLTU1NjMuMDAwMDAwKSIgZmlsbC1vcGFjaXR5PSI1MCUiIGZpbGw9IiM0MjQ3NTMiPgogICAgICAgICAgICA8ZyBpZD0iU2lnbi11cCIgc2tldGNoOnR5cGU9Ik1TTGF5ZXJHcm91cCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMC4wMDAwMDAsIDUzNjAuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICA8ZyBpZD0iZm9ybSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMjMxLjAwMDAwMCwgMTgyLjAwMDAwMCkiIHNrZXRjaDp0eXBlPSJNU1NoYXBlR3JvdXAiPgogICAgICAgICAgICAgICAgICAgIDxnIGlkPSJlbWFpbC1pbnB1dCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMjkxLjAwMDAwMCwgMC4wMDAwMDApIj4KICAgICAgICAgICAgICAgICAgICAgICAgPGcgaWQ9IkltcG9ydGVkLUxheWVycyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTUuMDAwMDAwLCAyMS4wMDAwMDApIj4KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0wLjc2NzA5Njc3NCw4LjA5MjI1ODA2IEMwLjY0NTgwNjQ1Miw4LjE0MjU4MDY1IDAuNTY2NDUxNjEzLDguMjYwNjQ1MTYgMC41NjcwOTY3NzQsOC4zOTE2MTI5IEMwLjU2Nzc0MTkzNSw4LjUyMjU4MDY1IDAuNjQ3NzQxOTM1LDguNjQwNjQ1MTYgMC43NjkwMzIyNTgsOC42ODk2Nzc0MiBMNy41MTc0MTkzNSwxMS40MTM1NDg0IEwxOS4zNzI5MDMyLDAuNDI1ODA2NDUyIEwwLjc2NzA5Njc3NCw4LjA5MjI1ODA2IiBpZD0iRmlsbC0xIj48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNNy43NTE2MTI5LDEyLjA3Njc3NDIgTDcuNzUxNjEyOSwxNy43NDE5MzU1IEM3Ljc1MTYxMjksMTcuODg3MDk2OCA3Ljg0Nzc0MTk0LDE4LjAxNDE5MzUgNy45ODc3NDE5NCwxOC4wNTI5MDMyIEM4LjAxNjEyOTAzLDE4LjA2MTI5MDMgOC4wNDUxNjEyOSwxOC4wNjUxNjEzIDguMDc0MTkzNTUsMTguMDY1MTYxMyBDOC4xODUxNjEyOSwxOC4wNjUxNjEzIDguMjkwOTY3NzQsMTguMDA3MDk2OCA4LjM1MDMyMjU4LDE3LjkwODM4NzEgTDExLjEyNTgwNjUsMTMuMjg3NzQxOSBMMTYuMTk0MTkzNSwxNS45OTYxMjkgQzE2LjI0MTI5MDMsMTYuMDIxOTM1NSAxNi4yOTM1NDg0LDE2LjAzNDE5MzUgMTYuMzQ1ODA2NSwxNi4wMzQxOTM1IEMxNi4zOTE2MTI5LDE2LjAzNDE5MzUgMTYuNDM3NDE5NCwxNi4wMjQ1MTYxIDE2LjQ4MDY0NTIsMTYuMDA1MTYxMyBDMTYuNTcyMjU4MSwxNS45NjI1ODA2IDE2LjYzODcwOTcsMTUuODggMTYuNjYwNjQ1MiwxNS43ODEyOTAzIEwyMCwwLjcyNDUxNjEyOSBMNy43NTE2MTI5LDEyLjA3Njc3NDIiIGlkPSJGaWxsLTIiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+"); }
- .form-control-password:after {
- background-image: url(../img/icon-lock.png);
- background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjE0cHgiIGhlaWdodD0iMjBweCIgdmlld0JveD0iMCAwIDE0IDIwIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zOnNrZXRjaD0iaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoL25zIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggMy4zLjMgKDEyMDgxKSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5JbXBvcnRlZCBMYXllcnM8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZGVmcz48L2RlZnM+CiAgICA8ZyBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBza2V0Y2g6dHlwZT0iTVNQYWdlIj4KICAgICAgICA8ZyBpZD0iTGFuZGluZy1wYWdlIiBza2V0Y2g6dHlwZT0iTVNBcnRib2FyZEdyb3VwIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtODM1LjAwMDAwMCwgLTU1NjMuMDAwMDAwKSIgZmlsbC1vcGFjaXR5PSI1MCUiIGZpbGw9IiM0MjQ3NTMiPgogICAgICAgICAgICA8ZyBpZD0iU2lnbi11cCIgc2tldGNoOnR5cGU9Ik1TTGF5ZXJHcm91cCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMC4wMDAwMDAsIDUzNjAuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICA8ZyBpZD0iZm9ybSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMjMxLjAwMDAwMCwgMTgyLjAwMDAwMCkiIHNrZXRjaDp0eXBlPSJNU1NoYXBlR3JvdXAiPgogICAgICAgICAgICAgICAgICAgIDxnIGlkPSJwYXNzd29yZC1pbnB1dCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNTg0LjAwMDAwMCwgMC4wMDAwMDApIj4KICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTMxLjY2ODU0ODQsMjkuOTM5NDQxNiBMMzEuNjY4NTQ4NCwyNS42Njc0MTk0IEMzMS42Njg1NDg0LDIzLjIyNDM1ODcgMjkuMjg0ODMwNywyMSAyNi42Njc3NDIsMjEgQzI0LjA0OTk4NjUsMjEgMjEuNjY2OTM1NSwyMy4yMjQzNTg3IDIxLjY2NjkzNTUsMjUuNjY3NDE5NCBMMjEuNjY2OTM1NSwyOS45Mzk0NDE2IEMyMC42MzI3Njg3LDMxLjExNDk2NDYgMjAsMzIuNjUxMjEyMyAyMCwzNC4zMzU0ODM5IEMyMCwzOC4wMTIwNzY4IDIyLjk5MTE0OSw0MS4wMDMyMjU5IDI2LjY2Nzc0Miw0MS4wMDMyMjU5IEMzMC4zNDM2NjgxLDQxLjAwMzIyNTkgMzMuMzM1NDgzOSwzOC4wMTIwNzY4IDMzLjMzNTQ4MzksMzQuMzM1NDgzOSBDMzMuMzM1NDgzOSwzMi42NTEyMTIzIDMyLjcwMjA0ODQsMzEuMTE0OTY0NiAzMS42Njg1NDg0LDI5LjkzOTQ0MTYgTDMxLjY2ODU0ODQsMjkuOTM5NDQxNiBaIE0yNy4wMDExMjkxLDM0LjkwODkwOTcgTDI3LjAwMTEyOTEsMzcuMzM1OTY3OCBDMjcuMDAxMTI5MSwzNy41MTk5OTc1IDI2Ljg1MTc3MTYsMzcuNjY5MzU0OSAyNi42Njc3NDIsMzcuNjY5MzU0OSBDMjYuNDgzMDQ1NSwzNy42NjkzNTQ5IDI2LjMzNDM1NDksMzcuNTE5OTk3NSAyNi4zMzQzNTQ5LDM3LjMzNTk2NzggTDI2LjMzNDM1NDksMzQuOTA4OTA5NyBDMjYuMTM1NjU2MiwzNC43OTM1NTc4IDI2LjAwMDk2NzgsMzQuNTgwODU2OCAyNi4wMDA5Njc4LDM0LjMzNTQ4MzkgQzI2LjAwMDk2NzgsMzMuOTY4MDkxMyAyNi4yOTk2ODI2LDMzLjY2ODcwOTcgMjYuNjY3NzQyLDMzLjY2ODcwOTcgQzI3LjAzNTEzNDUsMzMuNjY4NzA5NyAyNy4zMzQ1MTYyLDMzLjk2ODA5MTMgMjcuMzM0NTE2MiwzNC4zMzU0ODM5IEMyNy4zMzQ1MTYyLDM0LjU4MDg1NjggMjcuMTk5MTYxLDM0Ljc5MzU1NzggMjcuMDAxMTI5MSwzNC45MDg5MDk3IEwyNy4wMDExMjkxLDM0LjkwODkwOTcgWiBNMzEuMDAxNzc0MiwyOS4yNzg2Njg0IEMyOS44MzQ5MTk0LDI4LjI3NzE3MzYgMjguMzIyMDA4NywyNy42Njc3NDIgMjYuNjY3NzQyLDI3LjY2Nzc0MiBDMjUuMDEyODA4NCwyNy42Njc3NDIgMjMuNTAwNTY0NSwyOC4yNzcxNzM2IDIyLjMzMzcwOTcsMjkuMjc4NjY4NCBMMjIuMzMzNzA5NywyNS42Njc0MTk0IEMyMi4zMzM3MDk3LDIzLjYxMTA4NzggMjQuNDQwMDQ5NCwyMS42NjY3NzQyIDI2LjY2Nzc0MiwyMS42NjY3NzQyIEMyOC44OTU0MzQ1LDIxLjY2Njc3NDIgMzEuMDAxNzc0MiwyMy42MTEwODc4IDMxLjAwMTc3NDIsMjUuNjY3NDE5NCBMMzEuMDAxNzc0MiwyOS4yNzg2Njg0IEwzMS4wMDE3NzQyLDI5LjI3ODY2ODQgWiIgaWQ9IkltcG9ydGVkLUxheWVycyI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+"); }
- .form-control:focus {
- box-shadow: 0 0 4px rgba(135, 121, 189, 0.53); }
- .form-control:focus + span {
- color: #6c59b4; }
- .form-control-lg {
- font-size: 1rem; }
- .btn-block {
- padding-right: 0;
- padding-left: 0; }
- .c-input {
- display: block;
- padding: 0;
- font-size: .9375rem;
- line-height: 1.2;
- color: rgba(187, 190, 196, 0.8);
- text-align: center; }
- @media (min-width: 48em) {
- .c-input {
- text-align: left; } }
- .c-input a {
- color: rgba(187, 190, 196, 0.8);
- text-decoration: underline; }
- .c-input a:focus,
- .c-input a:hover {
- color: #bbbec4; }
- .c-indicator {
- position: inherit;
- top: 2px;
- display: inline-block;
- width: 20px;
- height: 20px;
- margin-right: .3rem; }
- .c-checkbox .c-indicator {
- background-color: #fff;
- border: 1px solid #6c59b4;
- border-radius: 0; }
- .c-input > input:checked ~ .c-indicator {
- background-color: #6c59b4; }
- .section-footer {
- }
- @media (min-width: 48em) {
- .section-footer {
- } }
- .section-footer small {
- font-size: .8125rem;
- line-height: 1.538; }
- @media (max-width: 47.9em) {
- .section-footer .media {
- margin-bottom: 2rem;
- text-align: center; } }
- @media (min-width: 48em) {
- .section-footer .media {
- padding-top: 1.75rem; } }
- @media (min-width: 62em) {
- .section-footer .media {
- padding-top: 0; } }
- @media (min-width: 75em) {
- .section-footer .media {
- padding-top: .55rem; } }
- .section-footer .media-left {
- padding-right: 1.75rem; }
- @media (max-width: 47.9em) {
- .section-footer .media-left {
- display: block;
- padding: 0;
- margin: 0 0 1rem; } }
- .section-footer .list-inline {
- font-size: .9375rem;
- font-weight: 600;
- line-height: 1.2;
- text-align: center; }
- @media (min-width: 48em) {
- .section-footer .list-inline {
- text-align: right; } }
- @media (min-width: 75em) {
- .section-footer .list-inline {
- /* padding-top: 1.65rem;*/ } }
- .section-footer .list-inline > li {
- padding-right: 1rem;
- padding-left: 1rem; }
- @media (max-width: 47.9em) {
- .section-footer .list-inline > li {
- display: block;
- text-align: center; } }
- @media (min-width: 75em) {
- .section-footer .list-inline > li:first-child {
- padding-left: 0; }
- .section-footer .list-inline > li:last-child {
- padding-right: 0; } }
- .section-footer .list-inline > li.active a {
- box-shadow: 0 2px 0 rgba(66, 71, 83, 0.2); }
- .section-footer .list-inline > li a {
- display: inline-block;
- padding-top: .5rem;
- padding-bottom: .5rem;
- margin-bottom: .5rem; }
- @media (max-width: 74.9em) {
- .section-footer .list-inline > li a {
- padding-top: 1rem;
- padding-bottom: 1rem; } }
- .section-footer .icon-caret-up {
- margin-left: .25rem;
- font-size: 20px;
- vertical-align: middle; }
- @media (max-width: 47.9em) {
- .section-footer .icon-caret-up {
- display: block;
- margin: 1rem 0; } }
- .section-footer.bg-inverse {
- color: #fff; }
- .section-footer.bg-inverse .list-inline > li.active a {
- box-shadow: 0 2px 0 rgba(255, 255, 255, 0.2); }
- .section-footer.bg-inverse .list-inline > li.active a:focus,
- .section-footer.bg-inverse .list-inline > li.active a:hover {
- color: #fff; }
- .section-footer.bg-inverse .list-inline > li a:focus,
- .section-footer.bg-inverse .list-inline > li a:hover {
- color: rgba(255, 255, 255, 0.6); }
- .card-social {
- background-color: #fff;
- border: 0 none;
- border-radius: 0;
- border-radius: .25rem; }
- @media (min-width: 48em) {
- .card-social .card-stat + .card-stat:before {
- position: absolute;
- top: 0;
- right: 100%;
- bottom: 0;
- width: 1px;
- height: 100%;
- content: "";
- background-color: #e9eaec; } }
- .card-social .card-block {
- padding-top: 1.875rem;
- padding-bottom: 1.875rem; }
- .card-social .card-block:first-child {
- border-radius: 0.25rem 0.25rem 0 0; }
- .card-social .card-block:last-child {
- border-radius: 0 0 0.25rem 0.25rem; }
- .card-social img {
- margin-bottom: 1rem;
- box-shadow: 0 0 0 4px #fff; }
- .card-social .card-title {
- font-size: 1.125rem; }
- .card-social .card-subtitle {
- margin-bottom: 0;
- color: #fff; }
- .card-social .card-subtitle:after {
- display: none; }
- .card-social .btn {
- position: absolute;
- top: 1rem;
- right: 1rem;
- padding: 0.4rem 0.75rem;
- font-size: .875rem;
- font-weight: 300;
- color: #fff;
- text-transform: capitalize;
- letter-spacing: 0;
- border-color: #fff; }
- .card-social .btn:hover,
- .card-social .btn:focus {
- background-color: rgba(255, 255, 255, 0.25);
- border-color: transparent; }
- .card-social h4 {
- font-family: "Helvetica Neue", Lato, sans-serif; }
- @media (min-width: 48em) {
- .card-social h4 {
- margin-bottom: 0; } }
- .card-social small {
- display: block;
- font-family: "Helvetica Neue", Raleway, sans-serif;
- font-size: .8125rem;
- color: rgba(66, 71, 83, 0.4); }
- .card-social .card-stat {
- position: relative; }
- .bg-facebook {
- background-color: #3b5998; }
- .bg-twitter {
- background-color: #55acee; }
- .bg-google {
- background-color: #dc4e41; }
- .bg-linkedin {
- background-color: #0077b5; }
- .btn-social {
- color: #fff;
- border-radius: .25rem; }
- .btn-social:focus,
- .btn-social:hover {
- color: #fff;
- background-color: #005C84; }
- .btn-social span:before {
- color: rgba(255, 255, 255, 0.5); }
- .btn-social > .icon-linkedin {
- position: relative;
- top: -.2rem;
- font-size: 1.1rem; }
- .btn-social-icon {
- padding: 1.4rem;
- background-color: #fff; }
- .btn-social-icon > span {
- margin: 0; }
- .btn-social-icon > span:before {
- color: rgba(66, 78, 83, 0.5); }
- .btn-social-icon:hover > span:before,
- .btn-social-icon:focus > span:before {
- color: #fff; }
- .btn-social-facebook:hover,
- .btn-social-facebook:focus {
- background-color: #3b5998; }
- .btn-social-twitter:hover,
- .btn-social-twitter:focus {
- background-color: #55acee; }
- .btn-social-google:hover,
- .btn-social-google:focus {
- background-color: #dc4e41; }
- .btn-social-linkedin:hover,
- .btn-social-linkedin:focus {
- background-color: #0077b5; }
- .card-chart {
- background-color: #fff; }
- .card-chart .list-group-item {
- padding-top: 1.035rem;
- padding-bottom: 1.0625rem;
- margin-bottom: 0;
- font-size: .8125rem;
- font-weight: 600;
- line-height: 1;
- color: rgba(65, 70, 83, 0.75);
- text-transform: uppercase;
- border: 0 none;
- border-top: 1px solid #e9eaec;
- border-radius: 0; }
- .card-chart .list-group-item:first-child {
- border-top-color: transparent; }
- .card-chart .list-group-item .label {
- padding: 0;
- margin: 0;
- font-family: "Helvetica Neue", Lato, sans-serif;
- font-size: 1.125rem;
- font-weight: 700;
- line-height: .7222;
- color: rgba(65, 70, 83, 0.8); }
- .card-chart .list-group-item.complete {
- background-color: #f4f5f7; }
- .icon-status {
- display: inline-block;
- width: 16px;
- height: 16px;
- margin-right: .5rem;
- vertical-align: text-bottom;
- border-radius: 50%; }
- .status-completed {
- background-color: #5e98e3; }
- .status-backlog {
- background-color: #59d0bd; }
- .status-noticket {
- background-color: #e8e9ec; }
- #chart-holder {
- position: relative;
- width: 80%;
- padding-top: 2rem;
- padding-bottom: 2rem; }
- #chart-holder:before {
- position: absolute;
- top: 50%;
- left: 50%;
- display: block;
- width: 100%;
- font: 700 35px sans-serif;
- text-align: center;
- content: attr(data-active);
- /* Completed + In backlog */
- -webkit-transform: translate(-50%, -50%);
- -ms-transform: translate(-50%, -50%);
- transform: translate(-50%, -50%); }
- #chart-holder canvas {
- width: 170px; }
- /*# sourceMappingURL=landio.css.map */
- @charset "UTF-8";
- /*!
- * animate.css -http://daneden.me/animate
- * Version - 3.5.1
- * Licensed under the MIT license - http://opensource.org/licenses/MIT
- *
- * Copyright (c) 2016 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.flipOutX,
- .animated.flipOutY,
- .animated.bounceIn,
- .animated.bounceOut {
- -webkit-animation-duration: .75s;
- animation-duration: .75s;
- }
- @-webkit-keyframes bounce {
- from, 20%, 53%, 80%, to {
- -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
- animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
- -webkit-transform: translate3d(0,0,0);
- transform: translate3d(0,0,0);
- }
- 40%, 43% {
- -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
- animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
- -webkit-transform: translate3d(0, -30px, 0);
- transform: translate3d(0, -30px, 0);
- }
- 70% {
- -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
- animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.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 {
- from, 20%, 53%, 80%, to {
- -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
- animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
- -webkit-transform: translate3d(0,0,0);
- transform: translate3d(0,0,0);
- }
- 40%, 43% {
- -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
- animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
- -webkit-transform: translate3d(0, -30px, 0);
- transform: translate3d(0, -30px, 0);
- }
- 70% {
- -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
- animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.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 {
- from, 50%, to {
- opacity: 1;
- }
- 25%, 75% {
- opacity: 0;
- }
- }
- @keyframes flash {
- from, 50%, to {
- opacity: 1;
- }
- 25%, 75% {
- opacity: 0;
- }
- }
- .flash {
- -webkit-animation-name: flash;
- animation-name: flash;
- }
- /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
- @-webkit-keyframes pulse {
- from {
- -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);
- }
- to {
- -webkit-transform: scale3d(1, 1, 1);
- transform: scale3d(1, 1, 1);
- }
- }
- @keyframes pulse {
- from {
- -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);
- }
- to {
- -webkit-transform: scale3d(1, 1, 1);
- transform: scale3d(1, 1, 1);
- }
- }
- .pulse {
- -webkit-animation-name: pulse;
- animation-name: pulse;
- }
- @-webkit-keyframes rubberBand {
- from {
- -webkit-transform: scale3d(1, 1, 1);
- transform: scale3d(1, 1, 1);
- }
- 30% {
- -webkit-transform: scale3d(1.25, 0.75, 1);
- transform: scale3d(1.25, 0.75, 1);
- }
- 40% {
- -webkit-transform: scale3d(0.75, 1.25, 1);
- transform: scale3d(0.75, 1.25, 1);
- }
- 50% {
- -webkit-transform: scale3d(1.15, 0.85, 1);
- transform: scale3d(1.15, 0.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);
- }
- to {
- -webkit-transform: scale3d(1, 1, 1);
- transform: scale3d(1, 1, 1);
- }
- }
- @keyframes rubberBand {
- from {
- -webkit-transform: scale3d(1, 1, 1);
- transform: scale3d(1, 1, 1);
- }
- 30% {
- -webkit-transform: scale3d(1.25, 0.75, 1);
- transform: scale3d(1.25, 0.75, 1);
- }
- 40% {
- -webkit-transform: scale3d(0.75, 1.25, 1);
- transform: scale3d(0.75, 1.25, 1);
- }
- 50% {
- -webkit-transform: scale3d(1.15, 0.85, 1);
- transform: scale3d(1.15, 0.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);
- }
- to {
- -webkit-transform: scale3d(1, 1, 1);
- transform: scale3d(1, 1, 1);
- }
- }
- .rubberBand {
- -webkit-animation-name: rubberBand;
- animation-name: rubberBand;
- }
- @-webkit-keyframes shake {
- from, to {
- -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 {
- from, to {
- -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 headShake {
- 0% {
- -webkit-transform: translateX(0);
- transform: translateX(0);
- }
- 6.5% {
- -webkit-transform: translateX(-6px) rotateY(-9deg);
- transform: translateX(-6px) rotateY(-9deg);
- }
- 18.5% {
- -webkit-transform: translateX(5px) rotateY(7deg);
- transform: translateX(5px) rotateY(7deg);
- }
- 31.5% {
- -webkit-transform: translateX(-3px) rotateY(-5deg);
- transform: translateX(-3px) rotateY(-5deg);
- }
- 43.5% {
- -webkit-transform: translateX(2px) rotateY(3deg);
- transform: translateX(2px) rotateY(3deg);
- }
- 50% {
- -webkit-transform: translateX(0);
- transform: translateX(0);
- }
- }
- @keyframes headShake {
- 0% {
- -webkit-transform: translateX(0);
- transform: translateX(0);
- }
- 6.5% {
- -webkit-transform: translateX(-6px) rotateY(-9deg);
- transform: translateX(-6px) rotateY(-9deg);
- }
- 18.5% {
- -webkit-transform: translateX(5px) rotateY(7deg);
- transform: translateX(5px) rotateY(7deg);
- }
- 31.5% {
- -webkit-transform: translateX(-3px) rotateY(-5deg);
- transform: translateX(-3px) rotateY(-5deg);
- }
- 43.5% {
- -webkit-transform: translateX(2px) rotateY(3deg);
- transform: translateX(2px) rotateY(3deg);
- }
- 50% {
- -webkit-transform: translateX(0);
- transform: translateX(0);
- }
- }
- .headShake {
- -webkit-animation-timing-function: ease-in-out;
- animation-timing-function: ease-in-out;
- -webkit-animation-name: headShake;
- animation-name: headShake;
- }
- @-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);
- }
- to {
- -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);
- }
- to {
- -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 {
- from {
- -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);
- }
- to {
- -webkit-transform: scale3d(1, 1, 1);
- transform: scale3d(1, 1, 1);
- }
- }
- @keyframes tada {
- from {
- -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);
- }
- to {
- -webkit-transform: scale3d(1, 1, 1);
- transform: scale3d(1, 1, 1);
- }
- }
- .tada {
- -webkit-animation-name: tada;
- animation-name: tada;
- }
- /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
- @-webkit-keyframes wobble {
- from {
- -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);
- }
- to {
- -webkit-transform: none;
- transform: none;
- }
- }
- @keyframes wobble {
- from {
- -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);
- }
- to {
- -webkit-transform: none;
- transform: none;
- }
- }
- .wobble {
- -webkit-animation-name: wobble;
- animation-name: wobble;
- }
- @-webkit-keyframes jello {
- from, 11.1%, to {
- -webkit-transform: none;
- transform: none;
- }
- 22.2% {
- -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
- transform: skewX(-12.5deg) skewY(-12.5deg);
- }
- 33.3% {
- -webkit-transform: skewX(6.25deg) skewY(6.25deg);
- transform: skewX(6.25deg) skewY(6.25deg);
- }
- 44.4% {
- -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
- transform: skewX(-3.125deg) skewY(-3.125deg);
- }
- 55.5% {
- -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
- transform: skewX(1.5625deg) skewY(1.5625deg);
- }
- 66.6% {
- -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
- transform: skewX(-0.78125deg) skewY(-0.78125deg);
- }
- 77.7% {
- -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
- transform: skewX(0.390625deg) skewY(0.390625deg);
- }
- 88.8% {
- -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
- transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
- }
- }
- @keyframes jello {
- from, 11.1%, to {
- -webkit-transform: none;
- transform: none;
- }
- 22.2% {
- -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
- transform: skewX(-12.5deg) skewY(-12.5deg);
- }
- 33.3% {
- -webkit-transform: skewX(6.25deg) skewY(6.25deg);
- transform: skewX(6.25deg) skewY(6.25deg);
- }
- 44.4% {
- -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
- transform: skewX(-3.125deg) skewY(-3.125deg);
- }
- 55.5% {
- -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
- transform: skewX(1.5625deg) skewY(1.5625deg);
- }
- 66.6% {
- -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
- transform: skewX(-0.78125deg) skewY(-0.78125deg);
- }
- 77.7% {
- -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
- transform: skewX(0.390625deg) skewY(0.390625deg);
- }
- 88.8% {
- -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
- transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
- }
- }
- .jello {
- -webkit-animation-name: jello;
- animation-name: jello;
- -webkit-transform-origin: center;
- transform-origin: center;
- }
- @-webkit-keyframes bounceIn {
- from, 20%, 40%, 60%, 80%, to {
- -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
- animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
- }
- 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);
- }
- to {
- opacity: 1;
- -webkit-transform: scale3d(1, 1, 1);
- transform: scale3d(1, 1, 1);
- }
- }
- @keyframes bounceIn {
- from, 20%, 40%, 60%, 80%, to {
- -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
- animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
- }
- 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);
- }
- to {
- opacity: 1;
- -webkit-transform: scale3d(1, 1, 1);
- transform: scale3d(1, 1, 1);
- }
- }
- .bounceIn {
- -webkit-animation-name: bounceIn;
- animation-name: bounceIn;
- }
- @-webkit-keyframes bounceInDown {
- from, 60%, 75%, 90%, to {
- -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
- animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
- }
- 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);
- }
- to {
- -webkit-transform: none;
- transform: none;
- }
- }
- @keyframes bounceInDown {
- from, 60%, 75%, 90%, to {
- -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
- animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
- }
- 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);
- }
- to {
- -webkit-transform: none;
- transform: none;
- }
- }
- .bounceInDown {
- -webkit-animation-name: bounceInDown;
- animation-name: bounceInDown;
- }
- @-webkit-keyframes bounceInLeft {
- from, 60%, 75%, 90%, to {
- -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
- animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
- }
- 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);
- }
- to {
- -webkit-transform: none;
- transform: none;
- }
- }
- @keyframes bounceInLeft {
- from, 60%, 75%, 90%, to {
- -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
- animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
- }
- 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);
- }
- to {
- -webkit-transform: none;
- transform: none;
- }
- }
- .bounceInLeft {
- -webkit-animation-name: bounceInLeft;
- animation-name: bounceInLeft;
- }
- @-webkit-keyframes bounceInRight {
- from, 60%, 75%, 90%, to {
- -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
- animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
- }
- from {
- 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);
- }
- to {
- -webkit-transform: none;
- transform: none;
- }
- }
- @keyframes bounceInRight {
- from, 60%, 75%, 90%, to {
- -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
- animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
- }
- from {
- 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);
- }
- to {
- -webkit-transform: none;
- transform: none;
- }
- }
- .bounceInRight {
- -webkit-animation-name: bounceInRight;
- animation-name: bounceInRight;
- }
- @-webkit-keyframes bounceInUp {
- from, 60%, 75%, 90%, to {
- -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
- animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
- }
- from {
- 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);
- }
- to {
- -webkit-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0);
- }
- }
- @keyframes bounceInUp {
- from, 60%, 75%, 90%, to {
- -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
- animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
- }
- from {
- 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);
- }
- to {
- -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);
- }
- to {
- 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);
- }
- to {
- 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);
- }
- to {
- 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);
- }
- to {
- 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);
- }
- to {
- 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);
- }
- to {
- 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);
- }
- to {
- 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);
- }
- to {
- 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);
- }
- to {
- 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);
- }
- to {
- opacity: 0;
- -webkit-transform: translate3d(0, -2000px, 0);
- transform: translate3d(0, -2000px, 0);
- }
- }
- .bounceOutUp {
- -webkit-animation-name: bounceOutUp;
- animation-name: bounceOutUp;
- }
- @-webkit-keyframes fadeIn {
- from {
- opacity: 0;
- }
- to {
- opacity: 1;
- }
- }
- @keyframes fadeIn {
- from {
- opacity: 0;
- }
- to {
- opacity: 1;
- }
- }
- .fadeIn {
- -webkit-animation-name: fadeIn;
- animation-name: fadeIn;
- }
- @-webkit-keyframes fadeInDown {
- from {
- opacity: 0;
- -webkit-transform: translate3d(0, -100%, 0);
- transform: translate3d(0, -100%, 0);
- }
- to {
- opacity: 1;
- -webkit-transform: none;
- transform: none;
- }
- }
- @keyframes fadeInDown {
- from {
- opacity: 0;
- -webkit-transform: translate3d(0, -100%, 0);
- transform: translate3d(0, -100%, 0);
- }
- to {
- opacity: 1;
- -webkit-transform: none;
- transform: none;
- }
- }
- .fadeInDown {
- -webkit-animation-name: fadeInDown;
- animation-name: fadeInDown;
- }
- @-webkit-keyframes fadeInDownBig {
- from {
- opacity: 0;
- -webkit-transform: translate3d(0, -2000px, 0);
- transform: translate3d(0, -2000px, 0);
- }
- to {
- opacity: 1;
- -webkit-transform: none;
- transform: none;
- }
- }
- @keyframes fadeInDownBig {
- from {
- opacity: 0;
- -webkit-transform: translate3d(0, -2000px, 0);
- transform: translate3d(0, -2000px, 0);
- }
- to {
- opacity: 1;
- -webkit-transform: none;
- transform: none;
- }
- }
- .fadeInDownBig {
- -webkit-animation-name: fadeInDownBig;
- animation-name: fadeInDownBig;
- }
- @-webkit-keyframes fadeInLeft {
- from {
- opacity: 0;
- -webkit-transform: translate3d(-100%, 0, 0);
- transform: translate3d(-100%, 0, 0);
- }
- to {
- opacity: 1;
- -webkit-transform: none;
- transform: none;
- }
- }
- @keyframes fadeInLeft {
- from {
- opacity: 0;
- -webkit-transform: translate3d(-100%, 0, 0);
- transform: translate3d(-100%, 0, 0);
- }
- to {
- opacity: 1;
- -webkit-transform: none;
- transform: none;
- }
- }
- .fadeInLeft {
- -webkit-animation-name: fadeInLeft;
- animation-name: fadeInLeft;
- }
- @-webkit-keyframes fadeInLeftBig {
- from {
- opacity: 0;
- -webkit-transform: translate3d(-2000px, 0, 0);
- transform: translate3d(-2000px, 0, 0);
- }
- to {
- opacity: 1;
- -webkit-transform: none;
- transform: none;
- }
- }
- @keyframes fadeInLeftBig {
- from {
- opacity: 0;
- -webkit-transform: translate3d(-2000px, 0, 0);
- transform: translate3d(-2000px, 0, 0);
- }
- to {
- opacity: 1;
- -webkit-transform: none;
- transform: none;
- }
- }
- .fadeInLeftBig {
- -webkit-animation-name: fadeInLeftBig;
- animation-name: fadeInLeftBig;
- }
- @-webkit-keyframes fadeInRight {
- from {
- opacity: 0;
- -webkit-transform: translate3d(100%, 0, 0);
- transform: translate3d(100%, 0, 0);
- }
- to {
- opacity: 1;
- -webkit-transform: none;
- transform: none;
- }
- }
- @keyframes fadeInRight {
- from {
- opacity: 0;
- -webkit-transform: translate3d(100%, 0, 0);
- transform: translate3d(100%, 0, 0);
- }
- to {
- opacity: 1;
- -webkit-transform: none;
- transform: none;
- }
- }
- .fadeInRight {
- -webkit-animation-name: fadeInRight;
- animation-name: fadeInRight;
- }
- @-webkit-keyframes fadeInRightBig {
- from {
- opacity: 0;
- -webkit-transform: translate3d(2000px, 0, 0);
- transform: translate3d(2000px, 0, 0);
- }
- to {
- opacity: 1;
- -webkit-transform: none;
- transform: none;
- }
- }
- @keyframes fadeInRightBig {
- from {
- opacity: 0;
- -webkit-transform: translate3d(2000px, 0, 0);
- transform: translate3d(2000px, 0, 0);
- }
- to {
- opacity: 1;
- -webkit-transform: none;
- transform: none;
- }
- }
- .fadeInRightBig {
- -webkit-animation-name: fadeInRightBig;
- animation-name: fadeInRightBig;
- }
- @-webkit-keyframes fadeInUp {
- from {
- opacity: 0;
- -webkit-transform: translate3d(0, 100%, 0);
- transform: translate3d(0, 100%, 0);
- }
- to {
- opacity: 1;
- -webkit-transform: none;
- transform: none;
- }
- }
- @keyframes fadeInUp {
- from {
- opacity: 0;
- -webkit-transform: translate3d(0, 100%, 0);
- transform: translate3d(0, 100%, 0);
- }
- to {
- opacity: 1;
- -webkit-transform: none;
- transform: none;
- }
- }
- .fadeInUp {
- -webkit-animation-name: fadeInUp;
- animation-name: fadeInUp;
- }
- @-webkit-keyframes fadeInUpBig {
- from {
- opacity: 0;
- -webkit-transform: translate3d(0, 2000px, 0);
- transform: translate3d(0, 2000px, 0);
- }
- to {
- opacity: 1;
- -webkit-transform: none;
- transform: none;
- }
- }
- @keyframes fadeInUpBig {
- from {
- opacity: 0;
- -webkit-transform: translate3d(0, 2000px, 0);
- transform: translate3d(0, 2000px, 0);
- }
- to {
- opacity: 1;
- -webkit-transform: none;
- transform: none;
- }
- }
- .fadeInUpBig {
- -webkit-animation-name: fadeInUpBig;
- animation-name: fadeInUpBig;
- }
- @-webkit-keyframes fadeOut {
- from {
- opacity: 1;
- }
- to {
- opacity: 0;
- }
- }
- @keyframes fadeOut {
- from {
- opacity: 1;
- }
- to {
- opacity: 0;
- }
- }
- .fadeOut {
- -webkit-animation-name: fadeOut;
- animation-name: fadeOut;
- }
- @-webkit-keyframes fadeOutDown {
- from {
- opacity: 1;
- }
- to {
- opacity: 0;
- -webkit-transform: translate3d(0, 100%, 0);
- transform: translate3d(0, 100%, 0);
- }
- }
- @keyframes fadeOutDown {
- from {
- opacity: 1;
- }
- to {
- opacity: 0;
- -webkit-transform: translate3d(0, 100%, 0);
- transform: translate3d(0, 100%, 0);
- }
- }
- .fadeOutDown {
- -webkit-animation-name: fadeOutDown;
- animation-name: fadeOutDown;
- }
- @-webkit-keyframes fadeOutDownBig {
- from {
- opacity: 1;
- }
- to {
- opacity: 0;
- -webkit-transform: translate3d(0, 2000px, 0);
- transform: translate3d(0, 2000px, 0);
- }
- }
- @keyframes fadeOutDownBig {
- from {
- opacity: 1;
- }
- to {
- opacity: 0;
- -webkit-transform: translate3d(0, 2000px, 0);
- transform: translate3d(0, 2000px, 0);
- }
- }
- .fadeOutDownBig {
- -webkit-animation-name: fadeOutDownBig;
- animation-name: fadeOutDownBig;
- }
- @-webkit-keyframes fadeOutLeft {
- from {
- opacity: 1;
- }
- to {
- opacity: 0;
- -webkit-transform: translate3d(-100%, 0, 0);
- transform: translate3d(-100%, 0, 0);
- }
- }
- @keyframes fadeOutLeft {
- from {
- opacity: 1;
- }
- to {
- opacity: 0;
- -webkit-transform: translate3d(-100%, 0, 0);
- transform: translate3d(-100%, 0, 0);
- }
- }
- .fadeOutLeft {
- -webkit-animation-name: fadeOutLeft;
- animation-name: fadeOutLeft;
- }
- @-webkit-keyframes fadeOutLeftBig {
- from {
- opacity: 1;
- }
- to {
- opacity: 0;
- -webkit-transform: translate3d(-2000px, 0, 0);
- transform: translate3d(-2000px, 0, 0);
- }
- }
- @keyframes fadeOutLeftBig {
- from {
- opacity: 1;
- }
- to {
- opacity: 0;
- -webkit-transform: translate3d(-2000px, 0, 0);
- transform: translate3d(-2000px, 0, 0);
- }
- }
- .fadeOutLeftBig {
- -webkit-animation-name: fadeOutLeftBig;
- animation-name: fadeOutLeftBig;
- }
- @-webkit-keyframes fadeOutRight {
- from {
- opacity: 1;
- }
- to {
- opacity: 0;
- -webkit-transform: translate3d(100%, 0, 0);
- transform: translate3d(100%, 0, 0);
- }
- }
- @keyframes fadeOutRight {
- from {
- opacity: 1;
- }
- to {
- opacity: 0;
- -webkit-transform: translate3d(100%, 0, 0);
- transform: translate3d(100%, 0, 0);
- }
- }
- .fadeOutRight {
- -webkit-animation-name: fadeOutRight;
- animation-name: fadeOutRight;
- }
- @-webkit-keyframes fadeOutRightBig {
- from {
- opacity: 1;
- }
- to {
- opacity: 0;
- -webkit-transform: translate3d(2000px, 0, 0);
- transform: translate3d(2000px, 0, 0);
- }
- }
- @keyframes fadeOutRightBig {
- from {
- opacity: 1;
- }
- to {
- opacity: 0;
- -webkit-transform: translate3d(2000px, 0, 0);
- transform: translate3d(2000px, 0, 0);
- }
- }
- .fadeOutRightBig {
- -webkit-animation-name: fadeOutRightBig;
- animation-name: fadeOutRightBig;
- }
- @-webkit-keyframes fadeOutUp {
- from {
- opacity: 1;
- }
- to {
- opacity: 0;
- -webkit-transform: translate3d(0, -100%, 0);
- transform: translate3d(0, -100%, 0);
- }
- }
- @keyframes fadeOutUp {
- from {
- opacity: 1;
- }
- to {
- opacity: 0;
- -webkit-transform: translate3d(0, -100%, 0);
- transform: translate3d(0, -100%, 0);
- }
- }
- .fadeOutUp {
- -webkit-animation-name: fadeOutUp;
- animation-name: fadeOutUp;
- }
- @-webkit-keyframes fadeOutUpBig {
- from {
- opacity: 1;
- }
- to {
- opacity: 0;
- -webkit-transform: translate3d(0, -2000px, 0);
- transform: translate3d(0, -2000px, 0);
- }
- }
- @keyframes fadeOutUpBig {
- from {
- opacity: 1;
- }
- to {
- opacity: 0;
- -webkit-transform: translate3d(0, -2000px, 0);
- transform: translate3d(0, -2000px, 0);
- }
- }
- .fadeOutUpBig {
- -webkit-animation-name: fadeOutUpBig;
- animation-name: fadeOutUpBig;
- }
- @-webkit-keyframes flip {
- from {
- -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;
- }
- to {
- -webkit-transform: perspective(400px);
- transform: perspective(400px);
- -webkit-animation-timing-function: ease-in;
- animation-timing-function: ease-in;
- }
- }
- @keyframes flip {
- from {
- -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;
- }
- to {
- -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 {
- from {
- -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
- transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
- -webkit-animation-timing-function: ease-in;
- animation-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-animation-timing-function: ease-in;
- animation-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);
- }
- to {
- -webkit-transform: perspective(400px);
- transform: perspective(400px);
- }
- }
- @keyframes flipInX {
- from {
- -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
- transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
- -webkit-animation-timing-function: ease-in;
- animation-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-animation-timing-function: ease-in;
- animation-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);
- }
- to {
- -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 {
- from {
- -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
- transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
- -webkit-animation-timing-function: ease-in;
- animation-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-animation-timing-function: ease-in;
- animation-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);
- }
- to {
- -webkit-transform: perspective(400px);
- transform: perspective(400px);
- }
- }
- @keyframes flipInY {
- from {
- -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
- transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
- -webkit-animation-timing-function: ease-in;
- animation-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-animation-timing-function: ease-in;
- animation-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);
- }
- to {
- -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 {
- from {
- -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;
- }
- to {
- -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
- transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
- opacity: 0;
- }
- }
- @keyframes flipOutX {
- from {
- -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;
- }
- to {
- -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 {
- from {
- -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;
- }
- to {
- -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
- transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
- opacity: 0;
- }
- }
- @keyframes flipOutY {
- from {
- -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;
- }
- to {
- -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 {
- from {
- -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;
- }
- to {
- -webkit-transform: none;
- transform: none;
- opacity: 1;
- }
- }
- @keyframes lightSpeedIn {
- from {
- -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;
- }
- to {
- -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 {
- from {
- opacity: 1;
- }
- to {
- -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
- transform: translate3d(100%, 0, 0) skewX(30deg);
- opacity: 0;
- }
- }
- @keyframes lightSpeedOut {
- from {
- opacity: 1;
- }
- to {
- -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 {
- from {
- -webkit-transform-origin: center;
- transform-origin: center;
- -webkit-transform: rotate3d(0, 0, 1, -200deg);
- transform: rotate3d(0, 0, 1, -200deg);
- opacity: 0;
- }
- to {
- -webkit-transform-origin: center;
- transform-origin: center;
- -webkit-transform: none;
- transform: none;
- opacity: 1;
- }
- }
- @keyframes rotateIn {
- from {
- -webkit-transform-origin: center;
- transform-origin: center;
- -webkit-transform: rotate3d(0, 0, 1, -200deg);
- transform: rotate3d(0, 0, 1, -200deg);
- opacity: 0;
- }
- to {
- -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 {
- from {
- -webkit-transform-origin: left bottom;
- transform-origin: left bottom;
- -webkit-transform: rotate3d(0, 0, 1, -45deg);
- transform: rotate3d(0, 0, 1, -45deg);
- opacity: 0;
- }
- to {
- -webkit-transform-origin: left bottom;
- transform-origin: left bottom;
- -webkit-transform: none;
- transform: none;
- opacity: 1;
- }
- }
- @keyframes rotateInDownLeft {
- from {
- -webkit-transform-origin: left bottom;
- transform-origin: left bottom;
- -webkit-transform: rotate3d(0, 0, 1, -45deg);
- transform: rotate3d(0, 0, 1, -45deg);
- opacity: 0;
- }
- to {
- -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 {
- from {
- -webkit-transform-origin: right bottom;
- transform-origin: right bottom;
- -webkit-transform: rotate3d(0, 0, 1, 45deg);
- transform: rotate3d(0, 0, 1, 45deg);
- opacity: 0;
- }
- to {
- -webkit-transform-origin: right bottom;
- transform-origin: right bottom;
- -webkit-transform: none;
- transform: none;
- opacity: 1;
- }
- }
- @keyframes rotateInDownRight {
- from {
- -webkit-transform-origin: right bottom;
- transform-origin: right bottom;
- -webkit-transform: rotate3d(0, 0, 1, 45deg);
- transform: rotate3d(0, 0, 1, 45deg);
- opacity: 0;
- }
- to {
- -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 {
- from {
- -webkit-transform-origin: left bottom;
- transform-origin: left bottom;
- -webkit-transform: rotate3d(0, 0, 1, 45deg);
- transform: rotate3d(0, 0, 1, 45deg);
- opacity: 0;
- }
- to {
- -webkit-transform-origin: left bottom;
- transform-origin: left bottom;
- -webkit-transform: none;
- transform: none;
- opacity: 1;
- }
- }
- @keyframes rotateInUpLeft {
- from {
- -webkit-transform-origin: left bottom;
- transform-origin: left bottom;
- -webkit-transform: rotate3d(0, 0, 1, 45deg);
- transform: rotate3d(0, 0, 1, 45deg);
- opacity: 0;
- }
- to {
- -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 {
- from {
- -webkit-transform-origin: right bottom;
- transform-origin: right bottom;
- -webkit-transform: rotate3d(0, 0, 1, -90deg);
- transform: rotate3d(0, 0, 1, -90deg);
- opacity: 0;
- }
- to {
- -webkit-transform-origin: right bottom;
- transform-origin: right bottom;
- -webkit-transform: none;
- transform: none;
- opacity: 1;
- }
- }
- @keyframes rotateInUpRight {
- from {
- -webkit-transform-origin: right bottom;
- transform-origin: right bottom;
- -webkit-transform: rotate3d(0, 0, 1, -90deg);
- transform: rotate3d(0, 0, 1, -90deg);
- opacity: 0;
- }
- to {
- -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 {
- from {
- -webkit-transform-origin: center;
- transform-origin: center;
- opacity: 1;
- }
- to {
- -webkit-transform-origin: center;
- transform-origin: center;
- -webkit-transform: rotate3d(0, 0, 1, 200deg);
- transform: rotate3d(0, 0, 1, 200deg);
- opacity: 0;
- }
- }
- @keyframes rotateOut {
- from {
- -webkit-transform-origin: center;
- transform-origin: center;
- opacity: 1;
- }
- to {
- -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 {
- from {
- -webkit-transform-origin: left bottom;
- transform-origin: left bottom;
- opacity: 1;
- }
- to {
- -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 {
- from {
- -webkit-transform-origin: left bottom;
- transform-origin: left bottom;
- opacity: 1;
- }
- to {
- -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 {
- from {
- -webkit-transform-origin: right bottom;
- transform-origin: right bottom;
- opacity: 1;
- }
- to {
- -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 {
- from {
- -webkit-transform-origin: right bottom;
- transform-origin: right bottom;
- opacity: 1;
- }
- to {
- -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 {
- from {
- -webkit-transform-origin: left bottom;
- transform-origin: left bottom;
- opacity: 1;
- }
- to {
- -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 {
- from {
- -webkit-transform-origin: left bottom;
- transform-origin: left bottom;
- opacity: 1;
- }
- to {
- -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 {
- from {
- -webkit-transform-origin: right bottom;
- transform-origin: right bottom;
- opacity: 1;
- }
- to {
- -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 {
- from {
- -webkit-transform-origin: right bottom;
- transform-origin: right bottom;
- opacity: 1;
- }
- to {
- -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;
- }
- to {
- -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;
- }
- to {
- -webkit-transform: translate3d(0, 700px, 0);
- transform: translate3d(0, 700px, 0);
- opacity: 0;
- }
- }
- .hinge {
- -webkit-animation-name: hinge;
- animation-name: hinge;
- }
- /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
- @-webkit-keyframes rollIn {
- from {
- opacity: 0;
- -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
- transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
- }
- to {
- opacity: 1;
- -webkit-transform: none;
- transform: none;
- }
- }
- @keyframes rollIn {
- from {
- opacity: 0;
- -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
- transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
- }
- to {
- opacity: 1;
- -webkit-transform: none;
- transform: none;
- }
- }
- .rollIn {
- -webkit-animation-name: rollIn;
- animation-name: rollIn;
- }
- /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
- @-webkit-keyframes rollOut {
- from {
- opacity: 1;
- }
- to {
- 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 {
- from {
- opacity: 1;
- }
- to {
- 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 {
- from {
- opacity: 0;
- -webkit-transform: scale3d(.3, .3, .3);
- transform: scale3d(.3, .3, .3);
- }
- 50% {
- opacity: 1;
- }
- }
- @keyframes zoomIn {
- from {
- 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 {
- from {
- 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.550, 0.055, 0.675, 0.190);
- animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
- }
- 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, 0.885, 0.320, 1);
- animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
- }
- }
- @keyframes zoomInDown {
- from {
- 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.550, 0.055, 0.675, 0.190);
- animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
- }
- 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, 0.885, 0.320, 1);
- animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
- }
- }
- .zoomInDown {
- -webkit-animation-name: zoomInDown;
- animation-name: zoomInDown;
- }
- @-webkit-keyframes zoomInLeft {
- from {
- 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.550, 0.055, 0.675, 0.190);
- animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
- }
- 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, 0.885, 0.320, 1);
- animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
- }
- }
- @keyframes zoomInLeft {
- from {
- 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.550, 0.055, 0.675, 0.190);
- animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
- }
- 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, 0.885, 0.320, 1);
- animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
- }
- }
- .zoomInLeft {
- -webkit-animation-name: zoomInLeft;
- animation-name: zoomInLeft;
- }
- @-webkit-keyframes zoomInRight {
- from {
- 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.550, 0.055, 0.675, 0.190);
- animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
- }
- 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, 0.885, 0.320, 1);
- animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
- }
- }
- @keyframes zoomInRight {
- from {
- 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.550, 0.055, 0.675, 0.190);
- animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
- }
- 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, 0.885, 0.320, 1);
- animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
- }
- }
- .zoomInRight {
- -webkit-animation-name: zoomInRight;
- animation-name: zoomInRight;
- }
- @-webkit-keyframes zoomInUp {
- from {
- 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.550, 0.055, 0.675, 0.190);
- animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
- }
- 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, 0.885, 0.320, 1);
- animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
- }
- }
- @keyframes zoomInUp {
- from {
- 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.550, 0.055, 0.675, 0.190);
- animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
- }
- 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, 0.885, 0.320, 1);
- animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
- }
- }
- .zoomInUp {
- -webkit-animation-name: zoomInUp;
- animation-name: zoomInUp;
- }
- @-webkit-keyframes zoomOut {
- from {
- opacity: 1;
- }
- 50% {
- opacity: 0;
- -webkit-transform: scale3d(.3, .3, .3);
- transform: scale3d(.3, .3, .3);
- }
- to {
- opacity: 0;
- }
- }
- @keyframes zoomOut {
- from {
- opacity: 1;
- }
- 50% {
- opacity: 0;
- -webkit-transform: scale3d(.3, .3, .3);
- transform: scale3d(.3, .3, .3);
- }
- to {
- 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.550, 0.055, 0.675, 0.190);
- animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
- }
- to {
- 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, 0.885, 0.320, 1);
- animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 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.550, 0.055, 0.675, 0.190);
- animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
- }
- to {
- 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, 0.885, 0.320, 1);
- animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 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);
- }
- to {
- 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);
- }
- to {
- 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);
- }
- to {
- 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);
- }
- to {
- 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.550, 0.055, 0.675, 0.190);
- animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
- }
- to {
- 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, 0.885, 0.320, 1);
- animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 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.550, 0.055, 0.675, 0.190);
- animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
- }
- to {
- 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, 0.885, 0.320, 1);
- animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
- }
- }
- .zoomOutUp {
- -webkit-animation-name: zoomOutUp;
- animation-name: zoomOutUp;
- }
- @-webkit-keyframes slideInDown {
- from {
- -webkit-transform: translate3d(0, -100%, 0);
- transform: translate3d(0, -100%, 0);
- visibility: visible;
- }
- to {
- -webkit-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0);
- }
- }
- @keyframes slideInDown {
- from {
- -webkit-transform: translate3d(0, -100%, 0);
- transform: translate3d(0, -100%, 0);
- visibility: visible;
- }
- to {
- -webkit-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0);
- }
- }
- .slideInDown {
- -webkit-animation-name: slideInDown;
- animation-name: slideInDown;
- }
- @-webkit-keyframes slideInLeft {
- from {
- -webkit-transform: translate3d(-100%, 0, 0);
- transform: translate3d(-100%, 0, 0);
- visibility: visible;
- }
- to {
- -webkit-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0);
- }
- }
- @keyframes slideInLeft {
- from {
- -webkit-transform: translate3d(-100%, 0, 0);
- transform: translate3d(-100%, 0, 0);
- visibility: visible;
- }
- to {
- -webkit-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0);
- }
- }
- .slideInLeft {
- -webkit-animation-name: slideInLeft;
- animation-name: slideInLeft;
- }
- @-webkit-keyframes slideInRight {
- from {
- -webkit-transform: translate3d(100%, 0, 0);
- transform: translate3d(100%, 0, 0);
- visibility: visible;
- }
- to {
- -webkit-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0);
- }
- }
- @keyframes slideInRight {
- from {
- -webkit-transform: translate3d(100%, 0, 0);
- transform: translate3d(100%, 0, 0);
- visibility: visible;
- }
- to {
- -webkit-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0);
- }
- }
- .slideInRight {
- -webkit-animation-name: slideInRight;
- animation-name: slideInRight;
- }
- @-webkit-keyframes slideInUp {
- from {
- -webkit-transform: translate3d(0, 100%, 0);
- transform: translate3d(0, 100%, 0);
- visibility: visible;
- }
- to {
- -webkit-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0);
- }
- }
- @keyframes slideInUp {
- from {
- -webkit-transform: translate3d(0, 100%, 0);
- transform: translate3d(0, 100%, 0);
- visibility: visible;
- }
- to {
- -webkit-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0);
- }
- }
- .slideInUp {
- -webkit-animation-name: slideInUp;
- animation-name: slideInUp;
- }
- @-webkit-keyframes slideOutDown {
- from {
- -webkit-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0);
- }
- to {
- visibility: hidden;
- -webkit-transform: translate3d(0, 100%, 0);
- transform: translate3d(0, 100%, 0);
- }
- }
- @keyframes slideOutDown {
- from {
- -webkit-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0);
- }
- to {
- visibility: hidden;
- -webkit-transform: translate3d(0, 100%, 0);
- transform: translate3d(0, 100%, 0);
- }
- }
- .slideOutDown {
- -webkit-animation-name: slideOutDown;
- animation-name: slideOutDown;
- }
- @-webkit-keyframes slideOutLeft {
- from {
- -webkit-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0);
- }
- to {
- visibility: hidden;
- -webkit-transform: translate3d(-100%, 0, 0);
- transform: translate3d(-100%, 0, 0);
- }
- }
- @keyframes slideOutLeft {
- from {
- -webkit-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0);
- }
- to {
- visibility: hidden;
- -webkit-transform: translate3d(-100%, 0, 0);
- transform: translate3d(-100%, 0, 0);
- }
- }
- .slideOutLeft {
- -webkit-animation-name: slideOutLeft;
- animation-name: slideOutLeft;
- }
- @-webkit-keyframes slideOutRight {
- from {
- -webkit-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0);
- }
- to {
- visibility: hidden;
- -webkit-transform: translate3d(100%, 0, 0);
- transform: translate3d(100%, 0, 0);
- }
- }
- @keyframes slideOutRight {
- from {
- -webkit-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0);
- }
- to {
- visibility: hidden;
- -webkit-transform: translate3d(100%, 0, 0);
- transform: translate3d(100%, 0, 0);
- }
- }
- .slideOutRight {
- -webkit-animation-name: slideOutRight;
- animation-name: slideOutRight;
- }
- @-webkit-keyframes slideOutUp {
- from {
- -webkit-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0);
- }
- to {
- visibility: hidden;
- -webkit-transform: translate3d(0, -100%, 0);
- transform: translate3d(0, -100%, 0);
- }
- }
- @keyframes slideOutUp {
- from {
- -webkit-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0);
- }
- to {
- visibility: hidden;
- -webkit-transform: translate3d(0, -100%, 0);
- transform: translate3d(0, -100%, 0);
- }
- }
- .slideOutUp {
- -webkit-animation-name: slideOutUp;
- animation-name: slideOutUp;
- }
- /*
- * custombox v3.0.2 - 2015-12-05
- * Modal Window Effects with transitions CSS3.
- * http://dixso.github.io/custombox/
- * (c) 2015 Julio de la Calle - @dixso9
- *
- * Under MIT License - http://opensource.org/licenses/MIT
- */
- .custombox-modal-wrapper,.custombox-overlay{right:0;top:0;bottom:0;left:0;position:fixed}.custombox-open,.custombox-open body{overflow:hidden}.custombox-perspective,.custombox-perspective body{-webkit-perspective:600px;perspective:600px;height:100%}.custombox-overlay-open{visibility:visible;opacity:1}.custombox-overlay{-webkit-transition-delay:0s;transition-delay:0s}.custombox-overlay-default{-webkit-transition-timing-function:linear;transition-timing-function:linear;-webkit-transition-property:opacity;transition-property:opacity;opacity:0}.custombox-modal-wrapper{outline:0;overflow:auto;text-align:center}.custombox-modal-container{margin:0 auto;position:relative}.custombox-modal img{max-width:100%;height:auto}.custombox-scrollbar{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}.custombox-loading{position:fixed;-webkit-transform:translateY(-50%) translateX(-50%);-ms-transform:translateY(-50%) translateX(-50%);transform:translateY(-50%) translateX(-50%);top:50%;left:50%}.custombox-overlay-letmein{-webkit-transition-property:all;transition-property:all;-webkit-transition-timing-function:ease;transition-timing-function:ease;visibility:hidden}.custombox-overlay-open.custombox-overlay-letmein{-webkit-transform:rotateX(-2deg);transform:rotateX(-2deg);-webkit-transform-origin:50% 0;-ms-transform-origin:50% 0;transform-origin:50% 0;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;visibility:visible;opacity:1}.custombox-overlay-slidetogether{-webkit-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%);-webkit-transition-property:-webkit-transform ease-in-out;transition-property:transform ease-in-out}.custombox-overlay-open.custombox-overlay-slidetogether{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);-webkit-transition-property:-webkit-transform ease-in-out;transition-property:transform ease-in-out}.custombox-overlay-corner{-webkit-transform:translateY(150px) translateX(150px);-ms-transform:translateY(150px) translateX(150px);transform:translateY(150px) translateX(150px);-webkit-transition-property:opacity,-webkit-transform,visibility;transition-property:opacity,transform,visibility}.custombox-overlay-open.custombox-overlay-corner{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);-webkit-transition-property:opacity,-webkit-transform;transition-property:opacity,transform}.custombox-overlay-scale{-webkit-transform:scale(.9);-ms-transform:scale(.9);transform:scale(.9);-webkit-transition-property:-webkit-transform;transition-property:transform}.custombox-overlay-open.custombox-overlay-scale{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);-webkit-transition-property:-webkit-transform;transition-property:transform}.custombox-overlay-door{visibility:hidden;width:0;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);-webkit-transition-property:width ease-in-out;transition-property:width ease-in-out}.custombox-overlay-open.custombox-overlay-door{visibility:visible;width:100%;-webkit-transition-property:width ease-in-out;transition-property:width ease-in-out}.custombox-container-push{overflow-x:hidden;-webkit-transition-property:-webkit-transform;transition-property:transform}.custombox-container-open.custombox-container-push{-webkit-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%)}.custombox-overlay-push{-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%);-webkit-transition-property:-webkit-transform ease-in-out;transition-property:transform ease-in-out}.custombox-overlay-open.custombox-overlay-push{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);-webkit-transition-property:-webkit-transform ease-in-out;transition-property:transform ease-in-out}.custombox-open-contentscale body{background-color:#DDD}.custombox-container-contentscale{-webkit-transition:-webkit-transform .5s;transition:transform .5s;overflow:hidden;height:100%}.custombox-container-open.custombox-container-contentscale{-webkit-transform:scale(.8);-ms-transform:scale(.8);transform:scale(.8)}.custombox-overlay-contentscale{-webkit-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%);-webkit-transition-property:-webkit-transform ease-in-out;transition-property:transform ease-in-out}.custombox-overlay-open.custombox-overlay-contentscale{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);-webkit-transition-property:-webkit-transform ease-in-out;transition-property:transform ease-in-out}.custombox-container-open.custombox-container-makeway{height:100%;overflow:hidden}.custombox-overlay-open.custombox-overlay-makeway{-webkit-transition-property:all;transition-property:all}.custombox-container-open.custombox-container-makeway,.custombox-overlay-open.custombox-overlay-makeway{-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform-origin:0 50%;-ms-transform-origin:0 50%;transform-origin:0 50%;-webkit-animation:rotateRightSideFirst .5s forwards ease-in;animation:rotateRightSideFirst .5s forwards ease-in}@-webkit-keyframes rotateRightSideFirst{50%{-webkit-transform:translateZ(-50px) rotateY(5deg);transform:translateZ(-50px) rotateY(5deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}100%{-webkit-transform:translateZ(-200px);transform:translateZ(-200px)}}@keyframes rotateRightSideFirst{50%{-webkit-transform:translateZ(-50px) rotateY(5deg);transform:translateZ(-50px) rotateY(5deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}100%{-webkit-transform:translateZ(-200px);transform:translateZ(-200px)}}.custombox-overlay-open.custombox-overlay-slip{-webkit-transition-property:all;transition-property:all}.custombox-container-open.custombox-container-slip,.custombox-overlay-open.custombox-overlay-slip{-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform-origin:50% 100%;-ms-transform-origin:50% 100%;transform-origin:50% 100%;-webkit-animation:OpenTop .5s forwards ease-in-out;animation:OpenTop .5s forwards ease-in-out}@-webkit-keyframes OpenTop{50%{-webkit-transform:rotateX(10deg);transform:rotateX(10deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}@keyframes OpenTop{50%{-webkit-transform:rotateX(10deg);transform:rotateX(10deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}.custombox-modal-fadein{-webkit-transform:scale(.7);-ms-transform:scale(.7);transform:scale(.7);-webkit-transition-property:all;transition-property:all;opacity:0;visibility:hidden}.custombox-modal-open .custombox-modal-fadein{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:1;visibility:visible}.custombox-modal-container-slide>div,.custombox-modal-container-slidetogether>div{opacity:0;float:left}.custombox-modal-open>.custombox-modal-container-slide>div,.custombox-modal-open>.custombox-modal-container-slidetogether>div{opacity:1}.custombox-modal-slide-top{-webkit-transform:translateY(-300%);-ms-transform:translateY(-300%);transform:translateY(-300%)}.custombox-modal-open .custombox-modal-slide-top{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}.custombox-modal-slide-left{-webkit-transform:translateX(-300%);-ms-transform:translateX(-300%);transform:translateX(-300%)}.custombox-modal-open .custombox-modal-slide-left{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}.custombox-modal-slide-right{-webkit-transform:translateX(300%);-ms-transform:translateX(300%);transform:translateX(300%)}.custombox-modal-open .custombox-modal-slide-right{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}.custombox-modal-slide-bottom{-webkit-transform:translateY(300%);-ms-transform:translateY(300%);transform:translateY(300%)}.custombox-modal-open .custombox-modal-slide-bottom{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}.custombox-modal-newspaper{-webkit-transform:scale(0) rotate(720deg);-ms-transform:scale(0) rotate(720deg);transform:scale(0) rotate(720deg);opacity:0;-webkit-transition-property:all;transition-property:all;position:absolute}.custombox-overlay-newspaper{-webkit-transition-property:all;transition-property:all}.custombox-modal-open .custombox-modal-newspaper{-webkit-transform:scale(1) rotate(0);-ms-transform:scale(1) rotate(0);transform:scale(1) rotate(0);opacity:1}.custombox-modal-container-fall{-webkit-perspective:1300px;perspective:1300px}.custombox-modal-fall{-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform:translateZ(600px) rotateX(20deg);transform:translateZ(600px) rotateX(20deg);opacity:0}.custombox-modal-open .custombox-modal-fall{-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;-webkit-transition-property:all;transition-property:all;-webkit-transform:translateZ(0) rotateX(0);transform:translateZ(0) rotateX(0);opacity:1}.custombox-modal-container-sidefall{-webkit-perspective:1300px;perspective:1300px}.custombox-modal-wrapper-sidefall{overflow-x:hidden}.custombox-modal-sidefall{-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform:translate(30%) translateZ(600px) rotate(10deg);transform:translate(30%) translateZ(600px) rotate(10deg);opacity:0}.custombox-modal-open .custombox-modal-sidefall{-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;-webkit-transition-property:all;transition-property:all;-webkit-transform:translate(0) translateZ(0) rotate(0);transform:translate(0) translateZ(0) rotate(0);opacity:1}.custombox-open-blur .custombox-container-blur{-webkit-filter:blur(3px);filter:blur(3px)}@media all and (-ms-high-contrast:none){.custombox-open-blur .custombox-container-blur{text-shadow:0 0 8px #000;color:rgba(255,255,255,0);filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='3');zoom:1}}.custombox-modal-blur{-webkit-transform:translateY(-5%);-ms-transform:translateY(-5%);transform:translateY(-5%);opacity:0;position:absolute}.custombox-modal-container-blur,.custombox-overlay-blur{-webkit-transition-property:all;transition-property:all}.custombox-modal-open .custombox-modal-blur{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);opacity:1}.custombox-modal-container-flip{-webkit-perspective:1300px;perspective:1300px}.custombox-modal-flip-horizontal{position:absolute;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform:rotateY(-70deg);transform:rotateY(-70deg);-webkit-transition-property:all;transition-property:all;opacity:0}.custombox-modal-open .custombox-modal-flip-horizontal{-webkit-transform:rotateY(0);transform:rotateY(0);opacity:1}.custombox-modal-flip-vertical{position:absolute;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform:rotateX(-70deg);transform:rotateX(-70deg);-webkit-transition-property:all;transition-property:all;opacity:0}.custombox-modal-open .custombox-modal-flip-vertical{-webkit-transform:rotateX(0);transform:rotateX(0);opacity:1}.custombox-modal-container-sign{-webkit-perspective:1300px;perspective:1300px}.custombox-modal-sign{-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform:rotateX(-60deg);transform:rotateX(-60deg);-webkit-transform-origin:50% 0;-ms-transform-origin:50% 0;transform-origin:50% 0;opacity:0;-webkit-transition-property:all;transition-property:all}.custombox-modal-open .custombox-modal-sign{-webkit-transform:rotateX(0);transform:rotateX(0);opacity:1}.custombox-modal-superscaled{-webkit-transform:scale(2);-ms-transform:scale(2);transform:scale(2);opacity:0;-webkit-transition-property:all;transition-property:all;position:absolute}.custombox-modal-open .custombox-modal-superscaled{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:1}.custombox-modal-container-slit{-webkit-perspective:1300px;perspective:1300px}.custombox-modal-slit{-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform:translateZ(-3000px) rotateY(90deg);transform:translateZ(-3000px) rotateY(90deg);opacity:0}.custombox-modal-open .custombox-modal-slit{-webkit-animation:slit .7s forwards ease-out;animation:slit .7s forwards ease-out}@-webkit-keyframes slit{50%{-webkit-transform:translateZ(-250px) rotateY(89deg);transform:translateZ(-250px) rotateY(89deg);opacity:1;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}100%{-webkit-transform:translateZ(0) rotateY(0);transform:translateZ(0) rotateY(0);opacity:1}}@keyframes slit{50%{-webkit-transform:translateZ(-250px) rotateY(89deg);transform:translateZ(-250px) rotateY(89deg);opacity:1;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}100%{-webkit-transform:translateZ(0) rotateY(0);transform:translateZ(0) rotateY(0);opacity:1}}.custombox-modal-container-rotate{-webkit-perspective:1300px;perspective:1300px}.custombox-modal-rotate-bottom{-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform:translateY(100%) rotateX(90deg);transform:translateY(100%) rotateX(90deg);-webkit-transform-origin:0 100%;-ms-transform-origin:0 100%;transform-origin:0 100%;opacity:0;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out;-webkit-transition-property:all;transition-property:all;position:absolute}.custombox-modal-open .custombox-modal-rotate-bottom{-webkit-transform:translateY(0) rotateX(0);transform:translateY(0) rotateX(0);opacity:1}.custombox-modal-rotate-left{-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform:translateZ(100px) translateX(-30%) rotateY(90deg);transform:translateZ(100px) translateX(-30%) rotateY(90deg);-webkit-transform-origin:0 100%;-ms-transform-origin:0 100%;transform-origin:0 100%;opacity:0;-webkit-transition-property:all;transition-property:all;position:absolute}.custombox-modal-open .custombox-modal-rotate-left{-webkit-transform:translateZ(0) translateX(0) rotateY(0);transform:translateZ(0) translateX(0) rotateY(0);opacity:1}.custombox-modal-container-letmein{-webkit-transition-property:-webkit-transform;transition-property:transform;-webkit-transform:rotateX(-2deg);transform:rotateX(-2deg);-webkit-transform-origin:50% 0;-ms-transform-origin:50% 0;transform-origin:50% 0;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;opacity:1}.custombox-modal-letmein{opacity:0;-webkit-transform:translateY(300%);-ms-transform:translateY(300%);transform:translateY(300%);float:left}.custombox-modal-open .custombox-modal-letmein{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);opacity:1;-webkit-transition-property:all;transition-property:all}.custombox-modal-makeway{-webkit-transform:translateX(200%);-ms-transform:translateX(200%);transform:translateX(200%);opacity:0;float:left}.custombox-modal-open .custombox-modal-makeway{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);opacity:1}.custombox-modal-wrapper-makeway{overflow:hidden}.custombox-modal-slip{-webkit-transform:translateY(-350%);-ms-transform:translateY(-350%);transform:translateY(-350%)}.custombox-modal-open .custombox-modal-slip{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);-webkit-transition-property:all;transition-property:all}.custombox-modal-corner{opacity:0;-webkit-transform:translateY(150px) translateX(150px);-ms-transform:translateY(150px) translateX(150px);transform:translateY(150px) translateX(150px);-webkit-transition-property:opacity,-webkit-transform,visibility;transition-property:opacity,transform,visibility}.custombox-modal-open .custombox-modal-corner{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);opacity:1;-webkit-transition-property:opacity,-webkit-transform;transition-property:opacity,transform}.custombox-modal-slidetogether{-webkit-transform:translateY(-600%);-ms-transform:translateY(-600%);transform:translateY(-600%)}.custombox-modal-open .custombox-modal-slidetogether{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}.custombox-modal-scale{-webkit-transform:scale(.9);-ms-transform:scale(.9);transform:scale(.9);-webkit-transition:-webkit-transform;transition:transform;opacity:0}.custombox-modal-open .custombox-modal-scale{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);-webkit-transition:-webkit-transform;transition:transform;opacity:1}.custombox-modal-door{visibility:hidden;opacity:0}.custombox-modal-open .custombox-modal-door{opacity:1;visibility:visible}.custombox-modal-push{-webkit-transform:translateX(-300%);-ms-transform:translateX(-300%);transform:translateX(-300%)}.custombox-modal-open .custombox-modal-push{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}.custombox-modal-contentscale{-webkit-transform:translateY(600%);-ms-transform:translateY(600%);transform:translateY(600%);-webkit-transition-property:-webkit-transform ease-in-out;transition-property:transform ease-in-out;position:absolute}.custombox-modal-open .custombox-modal-contentscale{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}.custombox-modal-swell{-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-animation-name:swell-close;animation-name:swell-close}.custombox-modal-open .custombox-modal-swell{-webkit-animation-name:swell-open;animation-name:swell-open}@-webkit-keyframes swell-open{0%{opacity:0;-webkit-transform:translate3d(-webkit-calc(-100vw - 50%),0,0);transform:translate3d(calc(-100vw - 50%),0,0)}50%{opacity:1;-webkit-transform:translate3d(100px,0,0);transform:translate3d(100px,0,0)}100%{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes swell-open{0%{opacity:0;-webkit-transform:translate3d(-webkit-calc(-100vw - 50%),0,0);transform:translate3d(calc(-100vw - 50%),0,0)}50%{opacity:1;-webkit-transform:translate3d(100px,0,0);transform:translate3d(100px,0,0)}100%{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@-webkit-keyframes swell-close{0%{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}50%{opacity:1;-webkit-transform:translate3d(-100px,0,0) scale3d(1.1,1.1,1);transform:translate3d(-100px,0,0) scale3d(1.1,1.1,1)}100%{opacity:0;-webkit-transform:translate3d(-webkit-calc(100vw + 50%),0,0);transform:translate3d(calc(100vw + 50%),0,0)}}@keyframes swell-close{0%{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}50%{opacity:1;-webkit-transform:translate3d(-100px,0,0) scale3d(1.1,1.1,1);transform:translate3d(-100px,0,0) scale3d(1.1,1.1,1)}100%{opacity:0;-webkit-transform:translate3d(-webkit-calc(100vw + 50%),0,0);transform:translate3d(calc(100vw + 50%),0,0)}}.custombox-modal-rotatedown{-webkit-animation-duration:.4s;animation-duration:.4s;-webkit-animation-timing-function:cubic-bezier(.7,0,.3,1);animation-timing-function:cubic-bezier(.7,0,.3,1);-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-transform-origin:-150% 50%;-ms-transform-origin:-150% 50%;transform-origin:-150% 50%;-webkit-animation-name:rotatedown-close;animation-name:rotatedown-close;overflow:hidden}.custombox-modal-open .custombox-modal-rotatedown{-webkit-animation-name:rotatedown-open;animation-name:rotatedown-open}.custombox-modal-open .custombox-modal-rotatedown div>*{-webkit-animation:rotatedown-elem .4s both;animation:rotatedown-elem .4s both;-webkit-transform-origin:-50% 50%;-ms-transform-origin:-50% 50%;transform-origin:-50% 50%;-webkit-animation-timing-function:cubic-bezier(.7,0,.3,1);animation-timing-function:cubic-bezier(.7,0,.3,1);-webkit-animation-delay:.15s;animation-delay:.15s}@-webkit-keyframes rotatedown-open{0%{opacity:0;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg)}100%{opacity:1;-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg)}}@keyframes rotatedown-open{0%{opacity:0;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg)}100%{opacity:1;-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg)}}@-webkit-keyframes rotatedown-close{0%{opacity:1}100%{opacity:0;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg)}}@keyframes rotatedown-close{0%{opacity:1}100%{opacity:0;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg)}}@-webkit-keyframes rotatedown-elem{0%{opacity:0;-webkit-transform:translate3d(0,-150px,0) rotate3d(0,0,1,-20deg);transform:translate3d(0,-150px,0) rotate3d(0,0,1,-20deg)}100%{opacity:1;-webkit-transform:translate3d(0,0,0) rotate3d(0,0,1,0deg);transform:translate3d(0,0,0) rotate3d(0,0,1,0deg)}}@keyframes rotatedown-elem{0%{opacity:0;-webkit-transform:translate3d(0,-150px,0) rotate3d(0,0,1,-20deg);transform:translate3d(0,-150px,0) rotate3d(0,0,1,-20deg)}100%{opacity:1;-webkit-transform:translate3d(0,0,0) rotate3d(0,0,1,0deg);transform:translate3d(0,0,0) rotate3d(0,0,1,0deg)}}.custombox-modal-flash{-webkit-animation-duration:.4s;animation-duration:.4s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:cubic-bezier(.7,0,.3,1);animation-timing-function:cubic-bezier(.7,0,.3,1);-webkit-animation-name:flash-close;animation-name:flash-close;overflow:hidden}.custombox-modal-open .custombox-modal-flash{-webkit-animation-name:flash-open;animation-name:flash-open}.custombox-modal-open .custombox-modal-flash div>*{-webkit-animation:flash-elem-open .4s cubic-bezier(.7,0,.3,1) both;animation:flash-elem-open .4s cubic-bezier(.7,0,.3,1) both}.custombox-modal-flash div>*{-webkit-animation:flash-elem-close .4s cubic-bezier(.7,0,.3,1) both;animation:flash-elem-close .4s cubic-bezier(.7,0,.3,1) both}@-webkit-keyframes flash-open{0%{opacity:0;-webkit-transform:translate3d(-400px,0,0) scale3d(1.4,0,1);transform:translate3d(-400px,0,0) scale3d(1.4,0,1)}100%{opacity:1;-webkit-transform:translate3d(0,0,0) scale3d(1,1,1);transform:translate3d(0,0,0) scale3d(1,1,1)}}@keyframes flash-open{0%{opacity:0;-webkit-transform:translate3d(-400px,0,0) scale3d(1.4,0,1);transform:translate3d(-400px,0,0) scale3d(1.4,0,1)}100%{opacity:1;-webkit-transform:translate3d(0,0,0) scale3d(1,1,1);transform:translate3d(0,0,0) scale3d(1,1,1)}}@-webkit-keyframes flash-close{0%,20%{opacity:1;-webkit-transform:translate3d(0,0,0) scale3d(1,1,1);transform:translate3d(0,0,0) scale3d(1,1,1)}100%{opacity:0;-webkit-transform:translate3d(-400px,0,0) scale3d(1.4,0,1);transform:translate3d(-400px,0,0) scale3d(1.4,0,1)}}@keyframes flash-close{0%,20%{opacity:1;-webkit-transform:translate3d(0,0,0) scale3d(1,1,1);transform:translate3d(0,0,0) scale3d(1,1,1)}100%{opacity:0;-webkit-transform:translate3d(-400px,0,0) scale3d(1.4,0,1);transform:translate3d(-400px,0,0) scale3d(1.4,0,1)}}@-webkit-keyframes flash-elem-open{0%,20%{opacity:0;-webkit-transform:translate3d(-100px,0,0);transform:translate3d(-100px,0,0)}100%{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes flash-elem-open{0%,20%{opacity:0;-webkit-transform:translate3d(-100px,0,0);transform:translate3d(-100px,0,0)}100%{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@-webkit-keyframes flash-elem-close{0%{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}100%{opacity:0;-webkit-transform:translate3d(-100px,0,0);transform:translate3d(-100px,0,0)}}@keyframes flash-elem-close{0%{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}100%{opacity:0;-webkit-transform:translate3d(-100px,0,0);transform:translate3d(-100px,0,0)}}
- </style>
- <script src="/yezz/js/custombox.min.js"></script>
- <!--<script src="/yezz/js/snowstorm.js"></script>-->
- <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
- <!--
- <script>
- !function(){window.onload=function(){var a=document.createElement("script");a.src='https://resend.io/widget.js',a.async=!0,a.onload=function(){__init('RAoJkCWD2e2AD4FA')},document.getElementsByTagName("head")[0].appendChild(a)}}();
- </script>
- -->
- <!--Notification -->
- <link rel="manifest" href="/manifest.json">
- <script src="https://cdn.onesignal.com/sdks/OneSignalSDK.js" async></script>
- <script type="text/javascript">
- window.smartlook||(function(d) {
- var o=smartlook=function(){ o.api.push(arguments)},h=d.getElementsByTagName('head')[0];
- var c=d.createElement('script');o.api=new Array();c.async=true;c.type='text/javascript';
- c.charset='utf-8';c.src='//rec.getsmartlook.com/recorder.js';h.appendChild(c);
- })(document);
- smartlook('init', '9225268ac4c69caee2c5cd342a9866f38b258ef2');
- </script>
- <!--Icons -->
- <link rel="apple-touch-icon" sizes="57x57" href="/yezz/images/icons/apple-touch-icon-57x57.png">
- <link rel="apple-touch-icon" sizes="60x60" href="/yezz/images/icons/apple-touch-icon-60x60.png">
- <link rel="apple-touch-icon" sizes="72x72" href="/yezz/images/icons/apple-touch-icon-72x72.png">
- <link rel="apple-touch-icon" sizes="76x76" href="/yezz/images/icons/apple-touch-icon-76x76.png">
- <link rel="apple-touch-icon" sizes="114x114" href="/yezz/images/icons/apple-touch-icon-114x114.png">
- <link rel="apple-touch-icon" sizes="120x120" href="/yezz/images/icons/apple-touch-icon-120x120.png">
- <link rel="apple-touch-icon" sizes="144x144" href="/yezz/images/icons/apple-touch-icon-144x144.png">
- <link rel="apple-touch-icon" sizes="152x152" href="/yezz/images/icons/apple-touch-icon-152x152.png">
- <link rel="apple-touch-icon" sizes="180x180" href="/yezz/images/icons/apple-touch-icon-180x180.png">
- <link rel="icon" type="image/png" href="/yezz/images/icons/android-chrome-192x192.png" sizes="192x192">
- <link rel="manifest" href="/yezz/images/icons/manifest.json">
- <meta name="apple-mobile-web-app-title" content="HTep">
- <meta name="application-name" content="HTep">
- <meta name="msapplication-TileColor" content="#9f00a7">
- <meta name="msapplication-TileImage" content="/yezz/images/icons/mstile-144x144.png">
- <meta name="theme-color" content="#ffffff">
- <!--Facebook Share-->
- <meta property="og:type" content="website" />
- <meta property="og:site_name" content="HTep" />
- <meta property="og:title" content="HTep" />
- <meta property="og:description" content="HTep 2017 - El mundo de HTep donde los créditos son GRATIS. Su KekoHTep, puede hacer una reunión y se puede convertir en el más famoso de HTep Hotel." />
- <meta property="og:url" content="https://htep.es" />
- <meta property="og:author" content="Forbi" />
- <meta property="og:image" content="/yezz/images/app_summary_image-1200x628.png" />
- <meta property="og:image:height" content="628" />
- <meta property="og:image:width" content="1200" />
- <link rel="shortcut icon" href="/yezz/images/favicon.ico">
- <script src="/yezz/js/common.js"></script>
- <script type="text/javascript"> function disableEnterKey(e) { if (e.ctrlKey) { var key; if (window.event) key = window.event.keyCode; else key = e.which; if (key == 97 || key == 65 || key == 67 || key == 99 || key == 88 || key == 120 || key == 26 || key == 85 || key == 83 || key == 43) { return false; } else return true; } } document.onkeydown = disableEnterKey; function loadlook(){var xmlhttp;var n=document.getElementById('inputUsername').value;if(n==''){document.getElementById("imager").innerHTML="";return;}if(window.XMLHttpRequest){xmlhttp=new XMLHttpRequest();}else{xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");}xmlhttp.onreadystatechange=function(){if(xmlhttp.readyState==4&&xmlhttp.status==200){document.getElementById("imager").innerHTML=xmlhttp.responseText;}}; xmlhttp.open("POST","/avatar-generator.php",true);xmlhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded");xmlhttp.send("q="+n);} </script>
- </head>
- <body class="bg-faded" oncontextmenu="return false">
- <!--publicidad <script type="text/javascript" src="//go.oclaserver.com/apu.php?zoneid=1425696"></script>-->
- <nav class="navbar bg-white">
- <!--
- <div class="container" style="padding-top:0px;">
- <p class="navbar-brand" style="">
- <!--<img style="" src="" width="65px" height="65px"><?php// }?>
- </p>
- <a class="navbar-toggler hidden-md-up pull-right" data-toggle="collapse" href="#collapsingNavbar" aria-expanded="false" aria-controls="collapsingNavbar">
- ☰
- </a>
- <a class="navbar-toggler navbar-toggler-custom hidden-md-up pull-right" data-toggle="collapse" href="#collapsingMobileUser" aria-expanded="false" aria-controls="collapsingMobileUser">
- <span class="icon-user"></span>
- </a>
- <div id="collapsingNavbar" class="collapse navbar-toggleable-custom" role="tabpanel" aria-labelledby="collapsingNavbar">
- <ul class="nav navbar-nav pull-left" style="margin-top: 17px;">
- <li class="nav-item nav-item-toggable active">
- <a class="nav-link" href="/welcome/register">¡Regístrate! </a>
- </li>
- <li class="nav-item nav-item-toggable hidden-sm-up">
- <form method="POST" action="/search" accept-charset="UTF-8" id="login" class="navbar-form"><input name="_token" type="hidden" value="L5byhI6sGNcYwbFCT8PlaoP0ncqAPuQCbSFkoNQI">
- <input class="form-control navbar-search-input" ng-model="search" placeholder="Buscar usuario en HTep…" name="term" type="text">
- </form>
- </li>
- <li class="nav-item dropdown hidden-sm-down">
- <a class="nav-link dropdown-toggle nav-dropdown-user" id="dropdownMenu2" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
- <img src="/yezz/images/circle-fill.png" width="40" height="40" alt="Avatar" class="img-circle" style="/*background-color: #52B3D9;*/
- background-image: url('/yezz/images/avatar.png');background-position: -12px -20px;background-repeat: no-repeat;"> <span class="icon-caret-down"></span>
- </a>
- <div class="dropdown-menu dropdown-menu-right dropdown-menu-user dropdown-menu-animated" aria-labelledby="dropdownMenu2">
- <div class="media">
- <div class="media-left">
- <img src="/yezz/images/circle-fill.png" width="40" height="40" alt="Avatar" class="img-circle" style="/*background-color: #52B3D9;*/
- background-image: url('/yezz/images/avatar.png');background-position-x: -12px;background-position-y: -20px;background-repeat: no-repeat;">
- </div>
- <div class="media-body media-middle">
- <h5 class="media-heading">Invitado</h5>
- <h6>¡Bienvenido a HTep!</h6>
- </div>
- </div>
- <a href="/welcome/register" class="dropdown-item text-uppercase">Crear una cuenta</a>
- </div>
- </li>
- </ul>
- </div>
- <div id="collapsingMobileUser" class="collapse navbar-toggleable-custom dropdown-menu-custom p-x hidden-md-up" role="tabpanel" aria-labelledby="collapsingMobileUser">
- <div class="media m-t">
- <div class="media-left">
- <img src="/yezz/images/circle-fill.png" width="40" height="40" alt="Avatar" class="img-circle" style="/*background-color: #52B3D9;*/
- background-image: url('/yezz/images/avatar.png');background-position: -12px -20px;background-repeat: no-repeat;">
- </div>
- <div class="media-body media-middle">
- <h5 class="media-heading">Invitado</h5>
- <h6>¡Bienvenido a HTep!</h6>
- </div>
- </div>
- <a href="/welcome/register" class="dropdown-item text-uppercase">Crear una cuenta</a>
- </div>
- </div>
- -->
- </nav>
- <div class="sub-nav">
- <div class="container">
- <div class="row">
- <div class="col-md-6">
- </div>
- <div class="col-md-6" style="margin-top: 50px;">
- <a href="/welcome/register" class="btn btn-success" style="margin-left: 30%;">¡Regístrate!</a>
- </div>
- </div>
- </div>
- </div>
- <div class="secondary-nav" style="background-image: url('https://i.imgur.com/H76nYG8.png'); background-repeat: no-repeat; background-position: 200px 0;">
- <div class="container">
- <div class="row">
- <div class="col-md-6" style="margin-top: 10px;margin-left: 6%;">
- <center><p style="color: #FFF; line-height: 1;">¿Aún no estás registrado?<br>¡Adelante, únete a nosotros, todo es gratis!</p></center>
- </div>
- </div>
- </div>
- </div><hr class="invisible">
- <div class="container">
- <br/>
- <div class="row">
- <div class="col-md-6">
- <div style="float:left;padding: 0px 16px;color: #005c84;font-size: 18px;">
- <b style="color: #005c84;font-size: 27px;font-weight: normal;">¿Qué es HabboTep?</b>
- </br>
- <span style="color:#658eb8;">HabboTep es el lugar ideal para que comparta<br/>
- nuevas experiencias a medida que conoce gente nueva<br/>
- de todos los lados! Y eso tampoco es todo ....<br/>
- La diversión nunca termina!</span>
- </div>
- </div>
- <div class="col-md-6">
- <h3>Acceso</h3>
- <p style="margin-top: -20px;">¿Ya estás registrado en HabboTep? Introduce tu usuario y contraseña :)</p>
- <form action="/submit.php" method="post" >
- <div class="form-group has-icon-left form-control-name">
- <label class="sr-only" for="inputUsername">HTep Nombre</label>
- <input class="form-control form-control-lg" placeholder="HTep Nombre" required="required" id="inputUsername" name="username" type="text" onkeyup="loadlook()" maxlength="30" style="width:450px;" >
- <div id="imager" style="position:absolute;left:-10px;height:72px;width:53px;top:-15px;overflow:hidden;z-index:99999; "></div>
- </div>
- <div class="form-group has-icon-left form-control-password">
- <label class="sr-only" for="inputPassword">Contraseña</label>
- <input class="form-control form-control-lg" placeholder="Contraseña" required="required" autocomplete="off" id="inputPassword" name="password" type="password" value="" maxlength="30" style="width:450px;">
- </div>
- <div class="form-group">
- <button type="submit" name="login" class="btn btn-primary btn-block" style="margin-left:105px;width:250px;">Entrar</button>
- </div>
- </form>
- <!--
- <h4 class="box-title latest-users">Últimos registros</h4>
- <div class="box-content">
- <div id="carousel-latest-users" class="carousel slide" data-ride="carousel" data-interval="0">
- <div class="carousel-inner" role="listbox">
- <?php/*
- global $db;
- $usreg = $db->query("SELECT * FROM users ORDER BY id DESC LIMIT 5");
- if($usreg->num_rows > 0){
- while($us = $usreg->fetch_array()){
- */?>
- <div class="carousel-item active">
- <blockquote class="blockquote"><div class="row" style="margin-top: 0px; margin-left: 10px;">
- <div class="col-md-13" style="height: 150px; background-image: url('<?php/* echo $us['cms_pbackground'];*/ ?>'); background-position: 65% -100; background-repeat:;">
- <img src="/yezz/images/circle-fill.png" width="40" height="40" alt="Avatar" class="img-circle" style="background-color: #52B3D9;
- background-image: url('https://habbo.city/habbo-imaging/avatarimage?figure=<?php/* echo $us['look'];*/ ?>&direction=2&head_direction=2&gesture=sml');background-position: -12px -20px;background-repeat: no-repeat; margin-bottom: 10px;">
- <p class="h3" style="margin-top: 10px;"><?php/* echo $us['username'];*/ ?></p>
- <footer style="color: #FFF; margin-top: -10px;"><b><?php/* setlocale(LC_TIME,"spanish"); echo utf8_encode(strftime(" %d %b. %y", $us['account_created'])); */?></b></footer>
- </div></div></blockquote>
- </div>
- </div>
- </div>
- </div>
- -->
- </div>
- <div class="col-md-offset-12">
- </div>
- </div>
- </div>
- <br/><footer class="section-footer secondary-nav" role="contentinfo" style="position:fixed;bottom:0;width:100%; box-sizing: inherit;">
- <div class="container">
- <div class="row">
- <div class="col-md-6" style="margin-top: 10px;margin-left: -5%;">
- <div class="media">
- <small class="media-body media-bottom" style="color:white">
- <b>HTep</b> - xStream & gta - © 2017. Todos los derechos reservados.
- </small>
- </div>
- </div>
- <div class="col-lg-5">
- <ul class="list-inline m-b-5">
- <li><a style="color:white" href="https://www.twitter.com/HabboTep">Twitter</a></li>
- <li><a style="color:white" href="https://www.youtube.com/channel/UCkjQJ_xfykkyQszhtyRvMCQ" target="_blank">YouTube</a></li>
- <li><a style="color:white" href="http://www.instagram.com/HabboTep" target="_blank">Instagram</a></li>
- </ul>
- </div>
- </div>
- </div>
- <div class="scrollToTop"><i class="fa fa-arrow-up"></i></div>
- </footer>
- <script src="/yezz/js/habbo.in.min.js"></script>
- <script type="text/javascript" src="//theme.webme.com/designs/professional/plugins/modernizr.js"></script>
- <script type="text/javascript" src="//theme.webme.com/designs/professional/js/template.js"></script>
- </body>
- </html>
Add Comment
Please, Sign In to add comment