@font-face{font-family:fontello;src:url(/assets/landing/fonts/font/fontello.eot?37800173?bust=c4013e415c4fab9fd7c6);src:url(/assets/landing/fonts/font/fontello.eot?37800173?bust=c4013e415c4fab9fd7c6#iefix) format("embedded-opentype"),url(/assets/landing/fonts/font/fontello.svg?37800173?bust=c462cb85609a6fe58f8f#fontello) format("svg");font-weight:400;font-style:normal}@font-face{font-family:fontello;src:url("data:application/octet-stream;base64,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") format("woff"),url("data:application/octet-stream;base64,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TiywCiNCsE0rLbBPLLIAAEYrLbBQLLIAAUYrLbBRLLIBAEYrLbBSLLIBAUYrLbBTLLIAAEcrLbBULLIAAUcrLbBVLLIBAEcrLbBWLLIBAUcrLbBXLLMAAABDKy2wWCyzAAEAQystsFksswEAAEMrLbBaLLMBAQBDKy2wWyyzAAABQystsFwsswABAUMrLbBdLLMBAAFDKy2wXiyzAQEBQystsF8ssgAARSstsGAssgABRSstsGEssgEARSstsGIssgEBRSstsGMssgAASCstsGQssgABSCstsGUssgEASCstsGYssgEBSCstsGcsswAAAEQrLbBoLLMAAQBEKy2waSyzAQAARCstsGosswEBAEQrLbBrLLMAAAFEKy2wbCyzAAEBRCstsG0sswEAAUQrLbBuLLMBAQFEKy2wbyyxADwrLrEwARQrLbBwLLEAPCuwQCstsHEssQA8K7BBKy2wciywABaxADwrsEIrLbBzLLEBPCuwQCstsHQssQE8K7BBKy2wdSywABaxATwrsEIrLbB2LLEAPSsusTABFCstsHcssQA9K7BAKy2weCyxAD0rsEErLbB5LLEAPSuwQistsHossQE9K7BAKy2weyyxAT0rsEErLbB8LLEBPSuwQistsH0ssQA+Ky6xMAEUKy2wfiyxAD4rsEArLbB/LLEAPiuwQSstsIAssQA+K7BCKy2wgSyxAT4rsEArLbCCLLEBPiuwQSstsIMssQE+K7BCKy2whCyxAD8rLrEwARQrLbCFLLEAPyuwQCstsIYssQA/K7BBKy2whyyxAD8rsEIrLbCILLEBPyuwQCstsIkssQE/K7BBKy2wiiyxAT8rsEIrLbCLLLILAANFUFiwBhuyBAIDRVgjIRshWVlCK7AIZbADJFB4sQUBFUVYMFktAEu4AMhSWLEBAY5ZsAG5CAAIAGNwsQAHQrEAACqxAAdCsQAKKrEAB0KxAAoqsQAHQrkAAAALKrEAB0K5AAAACyq5AAMAAESxJAGIUViwQIhYuQADAGREsSgBiFFYuAgAiFi5AAMAAERZG7EnAYhRWLoIgAABBECIY1RYuQADAABEWVlZWVmxAA4quAH/hbAEjbECAESzBWQGAERE") format("truetype")}[class*=" icon-"]:before,[class^=icon-]:before{font-family:fontello;font-style:normal;font-weight:400;speak:never;display:inline-block;text-decoration:inherit;width:1em;margin-right:.2em;text-align:center;font-feature-settings:normal;font-variant:normal;text-transform:none;line-height:1em;margin-left:.2em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-check-1:before{content:"\e800"}.icon-facebook:before{content:"\e801"}.icon-twitter:before{content:"\e802"}.icon-star:before{content:"\e803"}.icon-heart:before{content:"\e804"}.icon-menu:before{content:"\e805"}.icon-tags:before{content:"\e806"}.icon-user:before{content:"\e807"}.icon-left-open:before{content:"\e808"}.icon-right-open:before{content:"\e809"}.icon-cancel:before{content:"\e80a"}.icon-check:before{content:"\e80b"}.icon-mail-alt:before{content:"\e80c"}.icon-help-circled:before{content:"\e80d"}.icon-down-open:before{content:"\e80e"}.icon-play:before{content:"\e80f"}.icon-leaf:before{content:"\e810"}.icon-down-open-big:before{content:"\e811"}.icon-play-circled2:before{content:"\e812"}.icon-pencil:before{content:"\e813"}.icon-lock:before{content:"\e814"}.icon-home:before{content:"\e815"}.icon-info-circled-1:before{content:"\e816"}.icon-search:before{content:"\e817"}.icon-eye:before{content:"\e818"}.icon-eye-slash:before{content:"\e819"}.icon-spin5:before{content:"\e838"}.icon-arrows-ccw:before{content:"\e84d"}.icon-globe:before{content:"\e869"}.icon-attention-alt:before{content:"\f12a"}.icon-youtube-play:before{content:"\f16a"}.icon-instagram:before{content:"\f16d"}.icon-google:before{content:"\f1a0"}.icon-whatsapp:before{content:"\f232"}.icon-facebook-squared:before{content:"\f30e"} @-webkit-keyframes splide-loading{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes splide-loading{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.splide__container{position:relative;box-sizing:border-box}.splide__list{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;margin:0!important;padding:0!important}.splide__pagination{display:-webkit-inline-flex;display:inline-flex;-webkit-align-items:center;align-items:center;width:95%;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:center;justify-content:center;margin:0}.splide__pagination li{list-style-type:none;display:inline-block;line-height:1;margin:0}.splide{position:relative;visibility:hidden}.splide.is-active{visibility:visible}.splide__slide{position:relative;box-sizing:border-box;list-style-type:none!important;margin:0;outline:none}.splide__slide img{vertical-align:bottom}.splide__slider{position:relative}.splide__spinner{position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;display:inline-block;width:20px;height:20px;border-radius:50%;border:2px solid #999;border-left-color:transparent;-webkit-animation:splide-loading 1s linear infinite;animation:splide-loading 1s linear infinite}.splide__track{position:relative;z-index:0;overflow:hidden}.splide--draggable>.splide__track>.splide__list>.splide__slide{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.splide--fade>.splide__track>.splide__list{display:block}.splide--fade>.splide__track>.splide__list>.splide__slide{position:absolute;top:0;left:0;z-index:0;opacity:0}.splide--fade>.splide__track>.splide__list>.splide__slide.is-active{position:relative;z-index:1;opacity:1}.splide--rtl{direction:rtl}.splide--ttb>.splide__track>.splide__list{display:block}.splide--ttb>.splide__pagination{width:auto} /*! normalize.css v3.0.1 | MIT License | git.io/normalize */ 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, 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: transparent; } a:active, a:hover { outline: 0; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } dfn { font-style: italic; } h1 { font-size: 2em; margin: 0.67em 0; } mark { background: #ff0; color: #000; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } img { border: 0; } svg:not(:root) { overflow: hidden; } figure { margin: 1em 40px; } hr { 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, th { padding: 0; } @media print { * { text-shadow: none !important; color: #000 !important; background: transparent !important; box-shadow: none !important; } a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } select { background: #fff !important; } .navbar { display: none; } .table td, .table th { background-color: #fff !important; } .btn > .caret, .dropup > .btn > .caret { border-top-color: #000 !important; } .label { border: 1px solid #000; } .table { border-collapse: collapse !important; } .table-bordered th, .table-bordered td { border: 1px solid #ddd !important; } } /** * This custom version doesnt’t contain fixed `width` declarations for `.container`. **/ .container { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; } .container-fluid { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; } .row { margin-left: -15px; margin-right: -15px; } .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; } .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { float: left; } .col-xs-12 { width: 100%; } .col-xs-11 { width: 91.66666667%; } .col-xs-10 { width: 83.33333333%; } .col-xs-9 { width: 75%; } .col-xs-8 { width: 66.66666667%; } .col-xs-7 { width: 58.33333333%; } .col-xs-6 { width: 50%; } .col-xs-5 { width: 41.66666667%; } .col-xs-4 { width: 33.33333333%; } .col-xs-3 { width: 25%; } .col-xs-2 { width: 16.66666667%; } .col-xs-1 { width: 8.33333333%; } .col-xs-pull-12 { right: 100%; } .col-xs-pull-11 { right: 91.66666667%; } .col-xs-pull-10 { right: 83.33333333%; } .col-xs-pull-9 { right: 75%; } .col-xs-pull-8 { right: 66.66666667%; } .col-xs-pull-7 { right: 58.33333333%; } .col-xs-pull-6 { right: 50%; } .col-xs-pull-5 { right: 41.66666667%; } .col-xs-pull-4 { right: 33.33333333%; } .col-xs-pull-3 { right: 25%; } .col-xs-pull-2 { right: 16.66666667%; } .col-xs-pull-1 { right: 8.33333333%; } .col-xs-pull-0 { right: auto; } .col-xs-push-12 { left: 100%; } .col-xs-push-11 { left: 91.66666667%; } .col-xs-push-10 { left: 83.33333333%; } .col-xs-push-9 { left: 75%; } .col-xs-push-8 { left: 66.66666667%; } .col-xs-push-7 { left: 58.33333333%; } .col-xs-push-6 { left: 50%; } .col-xs-push-5 { left: 41.66666667%; } .col-xs-push-4 { left: 33.33333333%; } .col-xs-push-3 { left: 25%; } .col-xs-push-2 { left: 16.66666667%; } .col-xs-push-1 { left: 8.33333333%; } .col-xs-push-0 { left: auto; } .col-xs-offset-12 { margin-left: 100%; } .col-xs-offset-11 { margin-left: 91.66666667%; } .col-xs-offset-10 { margin-left: 83.33333333%; } .col-xs-offset-9 { margin-left: 75%; } .col-xs-offset-8 { margin-left: 66.66666667%; } .col-xs-offset-7 { margin-left: 58.33333333%; } .col-xs-offset-6 { margin-left: 50%; } .col-xs-offset-5 { margin-left: 41.66666667%; } .col-xs-offset-4 { margin-left: 33.33333333%; } .col-xs-offset-3 { margin-left: 25%; } .col-xs-offset-2 { margin-left: 16.66666667%; } .col-xs-offset-1 { margin-left: 8.33333333%; } .col-xs-offset-0 { margin-left: 0%; } @media (min-width: 768px) { .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: left; } .col-sm-12 { width: 100%; } .col-sm-11 { width: 91.66666667%; } .col-sm-10 { width: 83.33333333%; } .col-sm-9 { width: 75%; } .col-sm-8 { width: 66.66666667%; } .col-sm-7 { width: 58.33333333%; } .col-sm-6 { width: 50%; } .col-sm-5 { width: 41.66666667%; } .col-sm-4 { width: 33.33333333%; } .col-sm-3 { width: 25%; } .col-sm-2 { width: 16.66666667%; } .col-sm-1 { width: 8.33333333%; } .col-sm-pull-12 { right: 100%; } .col-sm-pull-11 { right: 91.66666667%; } .col-sm-pull-10 { right: 83.33333333%; } .col-sm-pull-9 { right: 75%; } .col-sm-pull-8 { right: 66.66666667%; } .col-sm-pull-7 { right: 58.33333333%; } .col-sm-pull-6 { right: 50%; } .col-sm-pull-5 { right: 41.66666667%; } .col-sm-pull-4 { right: 33.33333333%; } .col-sm-pull-3 { right: 25%; } .col-sm-pull-2 { right: 16.66666667%; } .col-sm-pull-1 { right: 8.33333333%; } .col-sm-pull-0 { right: auto; } .col-sm-push-12 { left: 100%; } .col-sm-push-11 { left: 91.66666667%; } .col-sm-push-10 { left: 83.33333333%; } .col-sm-push-9 { left: 75%; } .col-sm-push-8 { left: 66.66666667%; } .col-sm-push-7 { left: 58.33333333%; } .col-sm-push-6 { left: 50%; } .col-sm-push-5 { left: 41.66666667%; } .col-sm-push-4 { left: 33.33333333%; } .col-sm-push-3 { left: 25%; } .col-sm-push-2 { left: 16.66666667%; } .col-sm-push-1 { left: 8.33333333%; } .col-sm-push-0 { left: auto; } .col-sm-offset-12 { margin-left: 100%; } .col-sm-offset-11 { margin-left: 91.66666667%; } .col-sm-offset-10 { margin-left: 83.33333333%; } .col-sm-offset-9 { margin-left: 75%; } .col-sm-offset-8 { margin-left: 66.66666667%; } .col-sm-offset-7 { margin-left: 58.33333333%; } .col-sm-offset-6 { margin-left: 50%; } .col-sm-offset-5 { margin-left: 41.66666667%; } .col-sm-offset-4 { margin-left: 33.33333333%; } .col-sm-offset-3 { margin-left: 25%; } .col-sm-offset-2 { margin-left: 16.66666667%; } .col-sm-offset-1 { margin-left: 8.33333333%; } .col-sm-offset-0 { margin-left: 0%; } } @media (min-width: 992px) { .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float: left; } .col-md-12 { width: 100%; } .col-md-11 { width: 91.66666667%; } .col-md-10 { width: 83.33333333%; } .col-md-9 { width: 75%; } .col-md-8 { width: 66.66666667%; } .col-md-7 { width: 58.33333333%; } .col-md-6 { width: 50%; } .col-md-5 { width: 41.66666667%; } .col-md-4 { width: 33.33333333%; } .col-md-3 { width: 25%; } .col-md-2 { width: 16.66666667%; } .col-md-1 { width: 8.33333333%; } .col-md-pull-12 { right: 100%; } .col-md-pull-11 { right: 91.66666667%; } .col-md-pull-10 { right: 83.33333333%; } .col-md-pull-9 { right: 75%; } .col-md-pull-8 { right: 66.66666667%; } .col-md-pull-7 { right: 58.33333333%; } .col-md-pull-6 { right: 50%; } .col-md-pull-5 { right: 41.66666667%; } .col-md-pull-4 { right: 33.33333333%; } .col-md-pull-3 { right: 25%; } .col-md-pull-2 { right: 16.66666667%; } .col-md-pull-1 { right: 8.33333333%; } .col-md-pull-0 { right: auto; } .col-md-push-12 { left: 100%; } .col-md-push-11 { left: 91.66666667%; } .col-md-push-10 { left: 83.33333333%; } .col-md-push-9 { left: 75%; } .col-md-push-8 { left: 66.66666667%; } .col-md-push-7 { left: 58.33333333%; } .col-md-push-6 { left: 50%; } .col-md-push-5 { left: 41.66666667%; } .col-md-push-4 { left: 33.33333333%; } .col-md-push-3 { left: 25%; } .col-md-push-2 { left: 16.66666667%; } .col-md-push-1 { left: 8.33333333%; } .col-md-push-0 { left: auto; } .col-md-offset-12 { margin-left: 100%; } .col-md-offset-11 { margin-left: 91.66666667%; } .col-md-offset-10 { margin-left: 83.33333333%; } .col-md-offset-9 { margin-left: 75%; } .col-md-offset-8 { margin-left: 66.66666667%; } .col-md-offset-7 { margin-left: 58.33333333%; } .col-md-offset-6 { margin-left: 50%; } .col-md-offset-5 { margin-left: 41.66666667%; } .col-md-offset-4 { margin-left: 33.33333333%; } .col-md-offset-3 { margin-left: 25%; } .col-md-offset-2 { margin-left: 16.66666667%; } .col-md-offset-1 { margin-left: 8.33333333%; } .col-md-offset-0 { margin-left: 0%; } } @media (min-width: 1200px) { .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { float: left; } .col-lg-12 { width: 100%; } .col-lg-11 { width: 91.66666667%; } .col-lg-10 { width: 83.33333333%; } .col-lg-9 { width: 75%; } .col-lg-8 { width: 66.66666667%; } .col-lg-7 { width: 58.33333333%; } .col-lg-6 { width: 50%; } .col-lg-5 { width: 41.66666667%; } .col-lg-4 { width: 33.33333333%; } .col-lg-3 { width: 25%; } .col-lg-2 { width: 16.66666667%; } .col-lg-1 { width: 8.33333333%; } .col-lg-pull-12 { right: 100%; } .col-lg-pull-11 { right: 91.66666667%; } .col-lg-pull-10 { right: 83.33333333%; } .col-lg-pull-9 { right: 75%; } .col-lg-pull-8 { right: 66.66666667%; } .col-lg-pull-7 { right: 58.33333333%; } .col-lg-pull-6 { right: 50%; } .col-lg-pull-5 { right: 41.66666667%; } .col-lg-pull-4 { right: 33.33333333%; } .col-lg-pull-3 { right: 25%; } .col-lg-pull-2 { right: 16.66666667%; } .col-lg-pull-1 { right: 8.33333333%; } .col-lg-pull-0 { right: auto; } .col-lg-push-12 { left: 100%; } .col-lg-push-11 { left: 91.66666667%; } .col-lg-push-10 { left: 83.33333333%; } .col-lg-push-9 { left: 75%; } .col-lg-push-8 { left: 66.66666667%; } .col-lg-push-7 { left: 58.33333333%; } .col-lg-push-6 { left: 50%; } .col-lg-push-5 { left: 41.66666667%; } .col-lg-push-4 { left: 33.33333333%; } .col-lg-push-3 { left: 25%; } .col-lg-push-2 { left: 16.66666667%; } .col-lg-push-1 { left: 8.33333333%; } .col-lg-push-0 { left: auto; } .col-lg-offset-12 { margin-left: 100%; } .col-lg-offset-11 { margin-left: 91.66666667%; } .col-lg-offset-10 { margin-left: 83.33333333%; } .col-lg-offset-9 { margin-left: 75%; } .col-lg-offset-8 { margin-left: 66.66666667%; } .col-lg-offset-7 { margin-left: 58.33333333%; } .col-lg-offset-6 { margin-left: 50%; } .col-lg-offset-5 { margin-left: 41.66666667%; } .col-lg-offset-4 { margin-left: 33.33333333%; } .col-lg-offset-3 { margin-left: 25%; } .col-lg-offset-2 { margin-left: 16.66666667%; } .col-lg-offset-1 { margin-left: 8.33333333%; } .col-lg-offset-0 { margin-left: 0%; } } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: 'Proxima Nova', 'Segoe UI', Arial, sans-serif; font-weight: bold; line-height: 1.1; color: inherit; } h1 small, h2 small, h3 small, h4 small, h5 small, h6 small, .h1 small, .h2 small, .h3 small, .h4 small, .h5 small, .h6 small, h1 .small, h2 .small, h3 .small, h4 .small, h5 .small, h6 .small, .h1 .small, .h2 .small, .h3 .small, .h4 .small, .h5 .small, .h6 .small { font-weight: normal; line-height: 1; color: #424c51; } h1, .h1, h2, .h2, h3, .h3 { margin-top: 25px; margin-bottom: 12.5px; } h1 small, .h1 small, h2 small, .h2 small, h3 small, .h3 small, h1 .small, .h1 .small, h2 .small, .h2 .small, h3 .small, .h3 .small { font-size: 65%; } h4, .h4, h5, .h5, h6, .h6 { margin-top: 12.5px; margin-bottom: 12.5px; } h4 small, .h4 small, h5 small, .h5 small, h6 small, .h6 small, h4 .small, .h4 .small, h5 .small, .h5 .small, h6 .small, .h6 .small { font-size: 75%; } h1, .h1 { font-size: 30px; } h2, .h2 { font-size: 24px; } h3, .h3 { font-size: 19px; } h4, .h4 { font-size: 17px; } h5, .h5 { font-size: 16px; } h6, .h6 { font-size: 14px; } p { margin: 0 0 12.5px; } .lead { margin-bottom: 25px; font-size: 18px; font-weight: 300; line-height: 1.4; } @media (min-width: 768px) { .lead { font-size: 24px; } } small, .small { font-size: 87%; } cite { font-style: normal; } mark, .mark { background-color: #ffc713; padding: 0.2em; } .text-left { text-align: left; } .text-right { text-align: right; } .text-center { text-align: center; } .text-justify { text-align: justify; } .text-nowrap { white-space: nowrap; } .text-lowercase { text-transform: lowercase; } .text-uppercase { text-transform: uppercase; } .text-capitalize { text-transform: capitalize; } .text-muted { color: #424c51; } .text-primary { color: #469fd5; } a.text-primary:hover { color: #2b86bd; } .text-success { color: #70a030; } a.text-success:hover { color: #547924; } .text-info { color: #3a87ad; } a.text-info:hover { color: #2d6987; } .text-warning { color: #dfaa00; } a.text-warning:hover { color: #ac8300; } .text-danger { color: #e01b22; } a.text-danger:hover { color: #b3151b; } .bg-primary { color: #fff; background-color: #469fd5; } a.bg-primary:hover { background-color: #2b86bd; } .bg-success { background-color: #8bc53e; } a.bg-success:hover { background-color: #70a030; } .bg-info { background-color: #84bfe3; } a.bg-info:hover { background-color: #5baada; } .bg-warning { background-color: #ffc713; } a.bg-warning:hover { background-color: #dfaa00; } .bg-danger { background-color: #e9454b; } a.bg-danger:hover { background-color: #e01b22; } .page-header { padding-bottom: 11.5px; margin: 50px 0 25px; border-bottom: 1px solid #e0e4e6; } ul, ol { margin-top: 0; margin-bottom: 12.5px; } ul ul, ol ul, ul ol, ol ol { margin-bottom: 0; } .list-unstyled { padding-left: 0; list-style: none; } .list-inline { padding-left: 0; list-style: none; margin-left: -5px; } .list-inline > li { display: inline-block; padding-left: 5px; padding-right: 5px; } dl { margin-top: 0; margin-bottom: 25px; } dt, dd { line-height: 1.6; } dt { font-weight: bold; } dd { margin-left: 0; } @media (min-width: 768px) { .dl-horizontal dt { float: left; width: 160px; clear: left; text-align: right; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .dl-horizontal dd { margin-left: 180px; } } abbr[title], abbr[data-original-title] { cursor: help; border-bottom: 1px dotted #424c51; } .initialism { font-size: 90%; text-transform: uppercase; } blockquote { padding: 12.5px 25px; margin: 0 0 25px; font-size: 20px; border-left: 5px solid #4e595f; } blockquote p:last-child, blockquote ul:last-child, blockquote ol:last-child { margin-bottom: 0; } blockquote footer, blockquote small, blockquote .small { display: block; font-size: 80%; line-height: 1.6; color: #424c51; } blockquote footer:before, blockquote small:before, blockquote .small:before { content: '\2014 \00A0'; } .blockquote-reverse, blockquote.pull-right { padding-right: 15px; padding-left: 0; border-right: 5px solid #4e595f; border-left: 0; text-align: right; } .blockquote-reverse footer:before, blockquote.pull-right footer:before, .blockquote-reverse small:before, blockquote.pull-right small:before, .blockquote-reverse .small:before, blockquote.pull-right .small:before { content: ''; } .blockquote-reverse footer:after, blockquote.pull-right footer:after, .blockquote-reverse small:after, blockquote.pull-right small:after, .blockquote-reverse .small:after, blockquote.pull-right .small:after { content: '\00A0 \2014'; } blockquote:before, blockquote:after { content: ""; } address { margin-bottom: 25px; font-style: normal; line-height: 1.6; } * { box-sizing: border-box; } *:before, *:after { box-sizing: border-box; } html { font-size: 10px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } body { font-family: 'Proxima Nova', 'Segoe UI', Arial, sans-serif; font-size: 16px; line-height: 1.6; color: #2c3235; background-color: #f7f5f0; } input, button, select, textarea { font-family: inherit; font-size: inherit; line-height: inherit; } a { color: #287db1; text-decoration: none; } a:hover, a:focus { color: #1a5172; text-decoration: underline; } a:focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } figure { margin: 0; } img { vertical-align: middle; } .img-responsive { display: block; width: 100% \9; max-width: 100%; height: auto; } .img-rounded { border-radius: 4px; } .img-thumbnail { padding: 4px; line-height: 1.6; background-color: #fff; border: 1px solid #ddd; border-radius: 3px; transition: all 0.2s ease-in-out; display: inline-block; width: 100% \9; max-width: 100%; height: auto; } .img-circle { border-radius: 50%; } hr { margin-top: 25px; margin-bottom: 25px; border: 0; border-top: 1px solid #e0e4e6; } .sr-only { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } .sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; margin: 0; overflow: visible; clip: auto; } .tooltip { position: absolute; z-index: 1060; display: block; visibility: visible; font-size: 14px; line-height: 1.4; opacity: 0; filter: alpha(opacity=0); } .tooltip.in { opacity: 0.9; filter: alpha(opacity=90); } .tooltip.top { margin-top: -3px; padding: 5px 0; } .tooltip.right { margin-left: 3px; padding: 0 5px; } .tooltip.bottom { margin-top: 3px; padding: 5px 0; } .tooltip.left { margin-left: -3px; padding: 0 5px; } .tooltip-inner { max-width: 200px; padding: 3px 8px; color: white; text-align: center; text-decoration: none; background-color: #151719; border-radius: 3px; } .tooltip-arrow { position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; } .tooltip.top .tooltip-arrow { bottom: 0; left: 50%; margin-left: -5px; border-width: 5px 5px 0; border-top-color: #151719; } .tooltip.top-left .tooltip-arrow { bottom: 0; left: 5px; border-width: 5px 5px 0; border-top-color: #151719; } .tooltip.top-right .tooltip-arrow { bottom: 0; right: 5px; border-width: 5px 5px 0; border-top-color: #151719; } .tooltip.right .tooltip-arrow { top: 50%; left: 0; margin-top: -5px; border-width: 5px 5px 5px 0; border-right-color: #151719; } .tooltip.left .tooltip-arrow { top: 50%; right: 0; margin-top: -5px; border-width: 5px 0 5px 5px; border-left-color: #151719; } .tooltip.bottom .tooltip-arrow { top: 0; left: 50%; margin-left: -5px; border-width: 0 5px 5px; border-bottom-color: #151719; } .tooltip.bottom-left .tooltip-arrow { top: 0; left: 5px; border-width: 0 5px 5px; border-bottom-color: #151719; } .tooltip.bottom-right .tooltip-arrow { top: 0; right: 5px; border-width: 0 5px 5px; border-bottom-color: #151719; } .clearfix:before, .clearfix:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after, .dl-horizontal dd:before, .dl-horizontal dd:after, .btn-toolbar:before, .btn-toolbar:after, .btn-group-vertical > .btn-group:before, .btn-group-vertical > .btn-group:after, .panel-body:before, .panel-body:after { content: " "; display: table; } .clearfix:after, .container:after, .container-fluid:after, .row:after, .dl-horizontal dd:after, .btn-toolbar:after, .btn-group-vertical > .btn-group:after, .panel-body:after { clear: both; } .center-block { display: block; margin-left: auto; margin-right: auto; } .pull-right { float: right !important; } .pull-left { float: left !important; } .hide { display: none !important; } .show { display: block !important; } .invisible { visibility: hidden; } .text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .hidden { display: none !important; visibility: hidden !important; } .affix { position: fixed; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } @-ms-viewport { width: device-width; } .visible-xs, .visible-sm, .visible-md, .visible-lg { display: none !important; } .visible-xs-block, .visible-xs-inline, .visible-xs-inline-block, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block { display: none !important; } @media (max-width: 767px) { .visible-xs { display: block !important; } table.visible-xs { display: table; } tr.visible-xs { display: table-row !important; } th.visible-xs, td.visible-xs { display: table-cell !important; } } @media (max-width: 767px) { .visible-xs-block { display: block !important; } } @media (max-width: 767px) { .visible-xs-inline { display: inline !important; } } @media (max-width: 767px) { .visible-xs-inline-block { display: inline-block !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm { display: block !important; } table.visible-sm { display: table; } tr.visible-sm { display: table-row !important; } th.visible-sm, td.visible-sm { display: table-cell !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-block { display: block !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-inline { display: inline !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-inline-block { display: inline-block !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md { display: block !important; } table.visible-md { display: table; } tr.visible-md { display: table-row !important; } th.visible-md, td.visible-md { display: table-cell !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-block { display: block !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-inline { display: inline !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-inline-block { display: inline-block !important; } } @media (min-width: 1200px) { .visible-lg { display: block !important; } table.visible-lg { display: table; } tr.visible-lg { display: table-row !important; } th.visible-lg, td.visible-lg { display: table-cell !important; } } @media (min-width: 1200px) { .visible-lg-block { display: block !important; } } @media (min-width: 1200px) { .visible-lg-inline { display: inline !important; } } @media (min-width: 1200px) { .visible-lg-inline-block { display: inline-block !important; } } @media (max-width: 767px) { .hidden-xs { display: none !important; } } @media (min-width: 768px) and (max-width: 991px) { .hidden-sm { display: none !important; } } @media (min-width: 992px) and (max-width: 1199px) { .hidden-md { display: none !important; } } @media (min-width: 1200px) { .hidden-lg { display: none !important; } } .visible-print { display: none !important; } @media print { .visible-print { display: block !important; } table.visible-print { display: table; } tr.visible-print { display: table-row !important; } th.visible-print, td.visible-print { display: table-cell !important; } } .visible-print-block { display: none !important; } @media print { .visible-print-block { display: block !important; } } .visible-print-inline { display: none !important; } @media print { .visible-print-inline { display: inline !important; } } .visible-print-inline-block { display: none !important; } @media print { .visible-print-inline-block { display: inline-block !important; } } @media print { .hidden-print { display: none !important; } } .fade { opacity: 0; transition: opacity 0.15s linear; } .fade.in { opacity: 1; } .collapse { display: none; } .collapse.in { display: block; } tr.collapse.in { display: table-row; } tbody.collapse.in { display: table-row-group; } .collapsing { position: relative; height: 0; overflow: hidden; transition: height 0.35s ease; } .pagination { display: inline-block; padding-left: 0; margin: 25px 0; border-radius: 3px; } .pagination > li { display: inline; } .pagination > li > a, .pagination > li > span { position: relative; float: left; padding: 5px 14px; line-height: 1.6; text-decoration: none; color: #287db1; background-color: #f7f5f0; border: 1px solid #e9e3d5; margin-left: -1px; } .pagination > li:first-child > a, .pagination > li:first-child > span { margin-left: 0; border-bottom-left-radius: 3px; border-top-left-radius: 3px; } .pagination > li:last-child > a, .pagination > li:last-child > span { border-bottom-right-radius: 3px; border-top-right-radius: 3px; } .pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus { color: #1a5172; background-color: #e9e3d5; border-color: #ddd; } .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { z-index: 2; color: #fff; background-color: #469fd5; border-color: #469fd5; cursor: default; } .pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus { color: #c2b28c; background-color: #fff; border-color: #ddd; cursor: not-allowed; } .pagination-lg > li > a, .pagination-lg > li > span { padding: 10px 19px; font-size: 19px; } .pagination-lg > li:first-child > a, .pagination-lg > li:first-child > span { border-bottom-left-radius: 4px; border-top-left-radius: 4px; } .pagination-lg > li:last-child > a, .pagination-lg > li:last-child > span { border-bottom-right-radius: 4px; border-top-right-radius: 4px; } .pagination-sm > li > a, .pagination-sm > li > span { padding: 4px 8px; font-size: 14px; } .pagination-sm > li:first-child > a, .pagination-sm > li:first-child > span { border-bottom-left-radius: 3px; border-top-left-radius: 3px; } .pagination-sm > li:last-child > a, .pagination-sm > li:last-child > span { border-bottom-right-radius: 3px; border-top-right-radius: 3px; } .btn-group, .btn-group-vertical { position: relative; display: inline-block; vertical-align: middle; } .btn-group > .btn, .btn-group-vertical > .btn { position: relative; float: left; } .btn-group > .btn:hover, .btn-group-vertical > .btn:hover, .btn-group > .btn:focus, .btn-group-vertical > .btn:focus, .btn-group > .btn:active, .btn-group-vertical > .btn:active, .btn-group > .btn.active, .btn-group-vertical > .btn.active { z-index: 2; } .btn-group > .btn:focus, .btn-group-vertical > .btn:focus { outline: 0; } .btn-group .btn + .btn, .btn-group .btn + .btn-group, .btn-group .btn-group + .btn, .btn-group .btn-group + .btn-group { margin-left: -1px; } .btn-toolbar { margin-left: -5px; } .btn-toolbar .btn-group, .btn-toolbar .input-group { float: left; } .btn-toolbar > .btn, .btn-toolbar > .btn-group, .btn-toolbar > .input-group { margin-left: 5px; } .btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) { border-radius: 0; } .btn-group > .btn:first-child { margin-left: 0; } .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) { border-bottom-right-radius: 0; border-top-right-radius: 0; } .btn-group > .btn:last-child:not(:first-child), .btn-group > .dropdown-toggle:not(:first-child) { border-bottom-left-radius: 0; border-top-left-radius: 0; } .btn-group > .btn-group { float: left; } .btn-group > .btn-group:not(:first-child):not(:last-child) > .btn { border-radius: 0; } .btn-group > .btn-group:first-child > .btn:last-child, .btn-group > .btn-group:first-child > .dropdown-toggle { border-bottom-right-radius: 0; border-top-right-radius: 0; } .btn-group > .btn-group:last-child > .btn:first-child { border-bottom-left-radius: 0; border-top-left-radius: 0; } .btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle { outline: 0; } .btn-group > .btn + .dropdown-toggle { padding-left: 8px; padding-right: 8px; } .btn-group > .btn-lg + .dropdown-toggle { padding-left: 12px; padding-right: 12px; } .btn-group.open .dropdown-toggle { box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } .btn-group.open .dropdown-toggle.btn-link { box-shadow: none; } .btn .caret { margin-left: 0; } .btn-lg .caret { border-width: 5px 5px 0; border-bottom-width: 0; } .dropup .btn-lg .caret { border-width: 0 5px 5px; } .btn-group-vertical > .btn, .btn-group-vertical > .btn-group, .btn-group-vertical > .btn-group > .btn { display: block; float: none; width: 100%; max-width: 100%; } .btn-group-vertical > .btn-group > .btn { float: none; } .btn-group-vertical > .btn + .btn, .btn-group-vertical > .btn + .btn-group, .btn-group-vertical > .btn-group + .btn, .btn-group-vertical > .btn-group + .btn-group { margin-top: -1px; margin-left: 0; } .btn-group-vertical > .btn:not(:first-child):not(:last-child) { border-radius: 0; } .btn-group-vertical > .btn:first-child:not(:last-child) { border-top-right-radius: 3px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .btn-group-vertical > .btn:last-child:not(:first-child) { border-bottom-left-radius: 3px; border-top-right-radius: 0; border-top-left-radius: 0; } .btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn { border-radius: 0; } .btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child, .btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child { border-top-right-radius: 0; border-top-left-radius: 0; } .btn-group-justified { display: table; width: 100%; table-layout: fixed; border-collapse: separate; } .btn-group-justified > .btn, .btn-group-justified > .btn-group { float: none; display: table-cell; width: 1%; } .btn-group-justified > .btn-group .btn { width: 100%; } .btn-group-justified > .btn-group .dropdown-menu { left: auto; } [data-toggle="buttons"] > .btn > input[type="radio"], [data-toggle="buttons"] > .btn > input[type="checkbox"] { position: absolute; z-index: -1; opacity: 0; filter: alpha(opacity=0); } .well { min-height: 20px; padding: 19px; margin-bottom: 20px; background-color: #f5f5f6; border: 1px solid #e3e4e4; border-radius: 3px; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); } .well blockquote { border-color: #ddd; border-color: rgba(0, 0, 0, 0.15); } .well-lg { padding: 24px; border-radius: 4px; } .well-sm { padding: 9px; border-radius: 3px; } .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 { position: absolute; top: 0; left: 0; bottom: 0; height: 100%; width: 100%; border: 0; } .embed-responsive.embed-responsive-16by9 { padding-bottom: 56.25%; } .embed-responsive.embed-responsive-4by3 { padding-bottom: 75%; } .panel { margin-bottom: 25px; background-color: #fff; border: 1px solid transparent; border-radius: 3px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); } .panel-body { padding: 15px; } .panel-heading { padding: 10px 15px; border-bottom: 1px solid transparent; border-top-right-radius: 2px; border-top-left-radius: 2px; } .panel-heading > .dropdown .dropdown-toggle { color: inherit; } .panel-title { margin-top: 0; margin-bottom: 0; font-size: 18px; color: inherit; } .panel-title > a { color: inherit; } .panel-footer { padding: 10px 15px; background-color: #f7f5f0; border-top: 1px solid #e9e3d5; border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; } .panel > .list-group { margin-bottom: 0; } .panel > .list-group .list-group-item { border-width: 1px 0; border-radius: 0; } .panel > .list-group:first-child .list-group-item:first-child { border-top: 0; border-top-right-radius: 2px; border-top-left-radius: 2px; } .panel > .list-group:last-child .list-group-item:last-child { border-bottom: 0; border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; } .panel-heading + .list-group .list-group-item:first-child { border-top-width: 0; } .list-group + .panel-footer { border-top-width: 0; } .panel > .table, .panel > .table-responsive > .table, .panel > .panel-collapse > .table { margin-bottom: 0; } .panel > .table:first-child, .panel > .table-responsive:first-child > .table:first-child { border-top-right-radius: 2px; border-top-left-radius: 2px; } .panel > .table:first-child > thead:first-child > tr:first-child td:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child td:first-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child, .panel > .table:first-child > thead:first-child > tr:first-child th:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child th:first-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child { border-top-left-radius: 2px; } .panel > .table:first-child > thead:first-child > tr:first-child td:last-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child, .panel > .table:first-child > tbody:first-child > tr:first-child td:last-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child, .panel > .table:first-child > thead:first-child > tr:first-child th:last-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child, .panel > .table:first-child > tbody:first-child > tr:first-child th:last-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child { border-top-right-radius: 2px; } .panel > .table:last-child, .panel > .table-responsive:last-child > .table:last-child { border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; } .panel > .table:last-child > tbody:last-child > tr:last-child td:first-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child, .panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child, .panel > .table:last-child > tbody:last-child > tr:last-child th:first-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child, .panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child { border-bottom-left-radius: 2px; } .panel > .table:last-child > tbody:last-child > tr:last-child td:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child, .panel > .table:last-child > tbody:last-child > tr:last-child th:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child { border-bottom-right-radius: 2px; } .panel > .panel-body + .table, .panel > .panel-body + .table-responsive { border-top: 1px solid #d2d7da; } .panel > .table > tbody:first-child > tr:first-child th, .panel > .table > tbody:first-child > tr:first-child td { border-top: 0; } .panel > .table-bordered, .panel > .table-responsive > .table-bordered { border: 0; } .panel > .table-bordered > thead > tr > th:first-child, .panel > .table-responsive > .table-bordered > thead > tr > th:first-child, .panel > .table-bordered > tbody > tr > th:first-child, .panel > .table-responsive > .table-bordered > tbody > tr > th:first-child, .panel > .table-bordered > tfoot > tr > th:first-child, .panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child, .panel > .table-bordered > thead > tr > td:first-child, .panel > .table-responsive > .table-bordered > thead > tr > td:first-child, .panel > .table-bordered > tbody > tr > td:first-child, .panel > .table-responsive > .table-bordered > tbody > tr > td:first-child, .panel > .table-bordered > tfoot > tr > td:first-child, .panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child { border-left: 0; } .panel > .table-bordered > thead > tr > th:last-child, .panel > .table-responsive > .table-bordered > thead > tr > th:last-child, .panel > .table-bordered > tbody > tr > th:last-child, .panel > .table-responsive > .table-bordered > tbody > tr > th:last-child, .panel > .table-bordered > tfoot > tr > th:last-child, .panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child, .panel > .table-bordered > thead > tr > td:last-child, .panel > .table-responsive > .table-bordered > thead > tr > td:last-child, .panel > .table-bordered > tbody > tr > td:last-child, .panel > .table-responsive > .table-bordered > tbody > tr > td:last-child, .panel > .table-bordered > tfoot > tr > td:last-child, .panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child { border-right: 0; } .panel > .table-bordered > thead > tr:first-child > td, .panel > .table-responsive > .table-bordered > thead > tr:first-child > td, .panel > .table-bordered > tbody > tr:first-child > td, .panel > .table-responsive > .table-bordered > tbody > tr:first-child > td, .panel > .table-bordered > thead > tr:first-child > th, .panel > .table-responsive > .table-bordered > thead > tr:first-child > th, .panel > .table-bordered > tbody > tr:first-child > th, .panel > .table-responsive > .table-bordered > tbody > tr:first-child > th { border-bottom: 0; } .panel > .table-bordered > tbody > tr:last-child > td, .panel > .table-responsive > .table-bordered > tbody > tr:last-child > td, .panel > .table-bordered > tfoot > tr:last-child > td, .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td, .panel > .table-bordered > tbody > tr:last-child > th, .panel > .table-responsive > .table-bordered > tbody > tr:last-child > th, .panel > .table-bordered > tfoot > tr:last-child > th, .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th { border-bottom: 0; } .panel > .table-responsive { border: 0; margin-bottom: 0; } .panel-group { margin-bottom: 25px; } .panel-group .panel { margin-bottom: 0; border-radius: 3px; } .panel-group .panel + .panel { margin-top: 5px; } .panel-group .panel-heading { border-bottom: 0; } .panel-group .panel-heading + .panel-collapse > .panel-body { border-top: 1px solid #e9e3d5; } .panel-group .panel-footer { border-top: 0; } .panel-group .panel-footer + .panel-collapse .panel-body { border-bottom: 1px solid #e9e3d5; } .panel-default { border-color: #e9e3d5; } .panel-default > .panel-heading { color: #2c3235; background-color: #f7f5f0; border-color: #e9e3d5; } .panel-default > .panel-heading + .panel-collapse > .panel-body { border-top-color: #e9e3d5; } .panel-default > .panel-heading .badge { color: #f7f5f0; background-color: #2c3235; } .panel-default > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #e9e3d5; } .panel-primary { border-color: #469fd5; } .panel-primary > .panel-heading { color: #fff; background-color: #469fd5; border-color: #469fd5; } .panel-primary > .panel-heading + .panel-collapse > .panel-body { border-top-color: #469fd5; } .panel-primary > .panel-heading .badge { color: #469fd5; background-color: #fff; } .panel-primary > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #469fd5; } .panel-success { border-color: #7bb035; } .panel-success > .panel-heading { color: #fff; background-color: #7bb035; border-color: #7bb035; } .panel-success > .panel-heading + .panel-collapse > .panel-body { border-top-color: #7bb035; } .panel-success > .panel-heading .badge { color: #7bb035; background-color: #fff; } .panel-success > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #7bb035; } .panel-info { border-color: #67c4dd; } .panel-info > .panel-heading { color: #fff; background-color: #84bfe3; border-color: #67c4dd; } .panel-info > .panel-heading + .panel-collapse > .panel-body { border-top-color: #67c4dd; } .panel-info > .panel-heading .badge { color: #84bfe3; background-color: #fff; } .panel-info > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #67c4dd; } .panel-warning { border-color: #bcb18e; } .panel-warning > .panel-heading { color: #1f1b0e; background-color: #fff1c5; border-color: #bcb18e; } .panel-warning > .panel-heading + .panel-collapse > .panel-body { border-top-color: #bcb18e; } .panel-warning > .panel-heading .badge { color: #fff1c5; background-color: #1f1b0e; } .panel-warning > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #bcb18e; } .panel-danger { border-color: #e9454b; } .panel-danger > .panel-heading { color: #fff; background-color: #e9454b; border-color: #e9454b; } .panel-danger > .panel-heading + .panel-collapse > .panel-body { border-top-color: #e9454b; } .panel-danger > .panel-heading .badge { color: #e9454b; background-color: #fff; } .panel-danger > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #e9454b; } /*COLOURS*/ /*OTHER STYLING SETTINGS*/ /* RESPONSIVENESS */ /********************************* * LAYOUT SETTINGS ********************************/ /*SIDEBAR */ /****************************** * Z-INDEXES *****************************/ /****************************** * ADD DARK VARIANTS *****************************/ /* ADD DARK BUTTON */ /* DARK DROPDOWN */ /******************************* * TABLE styling ******************************/ /******************************* * MOBILE sidebar ******************************/ /* Give element a background color and an inset-shadow which is a little darker */ .table__row--clickable { cursor: pointer; } .table__row--clickable:focus { outline: 1px solid #469fd5; outline-offset: -1px; } .btn { margin-bottom: 0; font-weight: normal; cursor: pointer; background-image: none; border: 1px solid transparent; white-space: nowrap; padding: 5px 14px; font-size: 16px; line-height: 1.6; border-radius: 3px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .btn:hover, .btn:focus { text-decoration: none; } .btn:active, .btn.active { outline: 0; background-image: none; } .btn.disabled, .btn[disabled], fieldset[disabled] .btn { cursor: not-allowed; pointer-events: none; opacity: 0.65; filter: alpha(opacity=65); box-shadow: none; } .btn-link { color: #287db1; font-weight: normal; cursor: pointer; border-radius: 0; } .btn-link, .btn-link:active, .btn-link[disabled], fieldset[disabled] .btn-link { background-color: transparent; box-shadow: none; } .btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active { border-color: transparent; } .btn-link:hover, .btn-link:focus { color: #1a5172; text-decoration: underline; background-color: transparent; } .btn-link[disabled]:hover, fieldset[disabled] .btn-link:hover, .btn-link[disabled]:focus, fieldset[disabled] .btn-link:focus { color: #424c51; text-decoration: none; } .btn-lg, .btn-group-lg > .btn { padding: 10px 19px; font-size: 19px; line-height: 1.33; border-radius: 4px; } .btn-sm, .btn-group-sm > .btn { padding: 4px 8px; font-size: 14px; line-height: 1.4; border-radius: 3px; } .btn-xs, .btn-group-xs > .btn { padding: 1px 5px; font-size: 14px; line-height: 1.4; border-radius: 3px; } .btn-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%; } /* # Buttons You know what buttons are. Styleguide 2_Buttons. */ .btn { display: -webkit-inline-flex; display: inline-flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; transition: background-color 100ms ease, box-shadow 100ms ease, border-color 100ms ease, color 100ms ease, text-shadow 100ms ease; text-decoration: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .btn:focus { outline: 1px solid #469fd5; outline-offset: 2px; } .js-focus-visible .btn:focus:not(.focus-visible) { outline: none; } .btn-block { display: -webkit-flex; display: flex; } /* # Icons in buttons ##### Icon + Text Place an icon next to the button label to provide additional visual cues as to what the button action is or to make it more prominent. Use `.btn__icon` on the icon element to position it properly. **React:** use the `` component. --- ##### Icon only: Buttons with only an icon can be used to save on screen real estate, e.g. in a toolbar. You should always add a tooltip to further explain the button action. Use `.btn--icon-only` on the button element to create a square icon button. **React:** use the `` component. Markup: Button text Styleguide 2_Buttons.Icons */ .btn--icon-only { padding: 5px 6px; } .btn--icon-only.btn-lg { padding: 10px; } .btn--icon-only.btn-sm { padding: 4px 5px; } .btn--icon-only.btn-xs { padding: 1px; width: 22px; height: 22px; font-size: 14px; } .btn__icon { margin: 0 7px 0 -3.5px; } .btn__icon::before { margin-left: 0 !important; margin-right: 0 !important; } .btn__icon.btn__icon--right { margin: 0 -3.5px 0 7px; } .btn-lg .btn__icon { margin: 0 9.5px 0 -4.75px; } .btn-lg .btn__icon.btn__icon--right { margin: 0 -4.75px 0 9.5px; } .btn-sm .btn__icon { margin: 0 4px 0 -2px; } .btn-sm .btn__icon.btn__icon--right { margin: 0 -2px 0 4px; } .btn-xs .btn__icon { margin: 0 2.5px 0 -1.25px; } .btn-xs .btn__icon.btn__icon--right { margin: 0 -1.25px 0 2.5px; } .btn > .icon-plus::before { font-size: 1.13333333em; width: 0.88235294em; position: relative; bottom: -0.05882353em; } .btn--remove-column-separator { padding: 0; width: 16px; height: 16px; font-size: 14px; } .btn--remove-column-separator > * { height: 14px; line-height: 14px; } /* # Link buttons For styleguide, see "Fantastic colors and when to use them" section */ .btn-link-dark, .btn-link-dark:focus, .btn-link-dark:active, .btn-link-dark:hover { color: white; box-shadow: none; background: transparent; } .btn-link-dark:hover { text-decoration: underline; } .btn-link-light, .btn-link-light:focus, .btn-link-light:active, .btn-link-light:hover { color: #24292b; box-shadow: none; background: transparent; } .btn-link-light:hover { text-decoration: underline; } .btn-link-danger, .btn-link-danger:focus, .btn-link-danger:active, .btn-link-danger:hover { color: #e9454b; box-shadow: none; background: transparent; } .btn-link-danger:hover { text-decoration: underline; } .btn.btn:active, .btn.btn.active, .open > .dropdown-toggle.btn { box-shadow: none; } /* # Fantastic colors and when to use them
.btn-default - Use when on a white background and you need a normal button.
.btn-darker - Bit darken version of btn-default. To be used when you need a normal button on a broken white background.
.btn-lighter - Use when on a dark background and you need a normal button.
.btn-primary - Use for primary actions like opening a modal, proceeding to the next page.
.btn-success - Use for actions with a positive effect like adding submitting a form, or adding records.
.btn-danger - Destructive actions, like deleting or removing objects or pages.
.btn-warning - (DO NOT USE) Warning buttons, rarely used.
.btn-info - (DO NOT USE) Information buttons, rarely used.
.btn--white - (LANDING ONLY) Mainly used for CTA buttons.
.btn-link - Link button for low-key actions such as canceling
.btn-link-light - Link button on light backgrounds
.btn-link-dark - Link button on dark backgrounds
--- Adding the `btn-context--inverse` class on any of the button's parents or `btn--inverse` on the button itself will make the button use a modified version for darker backdrops. Markup:
Styleguide 2_Buttons.1_Colors */ .btn-default { color: #373f43; background-color: #f7f5f0; border-color: rgba(0, 0, 0, 0.15); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); } .btn-default:hover, .btn-default:focus { color: #373f43; } .btn-default:hover { background-color: #ebe7de; border-color: rgba(0, 0, 0, 0.15); } .btn-default:active { background-color: #ded9cc; border-color: rgba(0, 0, 0, 0.15); } .open > .btn-default.dropdown-toggle { background-color: #ded9cc; border-color: rgba(0, 0, 0, 0.15); } .btn--border.btn-default:not(:hover):not(:active) { background: none; border-color: #f7f5f0; box-shadow: none; color: #f7f5f0; text-shadow: none; } .btn-context--inverse .btn-default, .btn-context--inverse .btn-default, .btn--inverse.btn-default { border-color: rgba(255, 255, 255, 0.1); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25); } .btn-context--inverse .btn-default:hover, .btn-context--inverse .btn-default:hover, .btn--inverse.btn-default:hover { border-color: rgba(255, 255, 255, 0.1); } .btn-context--inverse .btn-default:active, .btn-context--inverse .btn-default:active, .btn--inverse.btn-default:active { border-color: rgba(0, 0, 0, 0.05); } .btn-default.active { color: white; background: #469fd5; border-color: rgba(0, 0, 0, 0.2); box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.15); font-weight: 600; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3), 0 0 2px rgba(0, 0, 0, 0.3); } .btn-darker { color: #202527; background-color: #e9e3d5; border-color: rgba(0, 0, 0, 0.15); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); } .btn-darker:hover, .btn-darker:focus { color: #202527; } .btn-darker:hover { background-color: #ddd6c3; border-color: rgba(0, 0, 0, 0.15); } .btn-darker:active { background-color: #d1c8b1; border-color: rgba(0, 0, 0, 0.15); } .open > .btn-darker.dropdown-toggle { background-color: #d1c8b1; border-color: rgba(0, 0, 0, 0.15); } .btn--border.btn-darker:not(:hover):not(:active) { background: none; border-color: #e9e3d5; box-shadow: none; color: #e9e3d5; text-shadow: none; } .btn-context--inverse .btn-darker, .btn-context--inverse .btn-darker, .btn--inverse.btn-darker { border-color: rgba(255, 255, 255, 0.1); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25); } .btn-context--inverse .btn-darker:hover, .btn-context--inverse .btn-darker:hover, .btn--inverse.btn-darker:hover { border-color: rgba(255, 255, 255, 0.1); } .btn-context--inverse .btn-darker:active, .btn-context--inverse .btn-darker:active, .btn--inverse.btn-darker:active { border-color: rgba(0, 0, 0, 0.05); } .btn-primary { color: #fff; background-color: #469fd5; border-color: rgba(0, 0, 0, 0.17); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); font-weight: 600; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1), 0 0 2px rgba(0, 0, 0, 0.3); } .btn-primary:hover, .btn-primary:focus { color: #fff; } .btn-primary:hover { background-color: #3f8fc0; border-color: rgba(0, 0, 0, 0.17); } .btn-primary:active { background-color: #387faa; border-color: rgba(0, 0, 0, 0.17); } .open > .btn-primary.dropdown-toggle { background-color: #387faa; border-color: rgba(0, 0, 0, 0.17); } .btn--border.btn-primary:not(:hover):not(:active) { background: none; border-color: #469fd5; box-shadow: none; color: #469fd5; text-shadow: none; } .btn-context--inverse .btn-primary, .btn-context--inverse .btn-primary, .btn--inverse.btn-primary { border-color: rgba(255, 255, 255, 0.1); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25); } .btn-context--inverse .btn-primary:hover, .btn-context--inverse .btn-primary:hover, .btn--inverse.btn-primary:hover { border-color: rgba(255, 255, 255, 0.1); } .btn-context--inverse .btn-primary:active, .btn-context--inverse .btn-primary:active, .btn--inverse.btn-primary:active { border-color: rgba(0, 0, 0, 0.05); } .btn-success { color: #fff; background-color: #7bb035; border-color: rgba(0, 0, 0, 0.17); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); font-weight: 600; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1), 0 0 2px rgba(0, 0, 0, 0.3); } .btn-success:hover, .btn-success:focus { color: #fff; } .btn-success:hover { background-color: #6f9e2f; border-color: rgba(0, 0, 0, 0.17); } .btn-success:active { background-color: #628c2a; border-color: rgba(0, 0, 0, 0.17); } .open > .btn-success.dropdown-toggle { background-color: #628c2a; border-color: rgba(0, 0, 0, 0.17); } .btn--border.btn-success:not(:hover):not(:active) { background: none; border-color: #7bb035; box-shadow: none; color: #7bb035; text-shadow: none; } .btn-context--inverse .btn-success, .btn-context--inverse .btn-success, .btn--inverse.btn-success { border-color: rgba(255, 255, 255, 0.1); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25); } .btn-context--inverse .btn-success:hover, .btn-context--inverse .btn-success:hover, .btn--inverse.btn-success:hover { border-color: rgba(255, 255, 255, 0.1); } .btn-context--inverse .btn-success:active, .btn-context--inverse .btn-success:active, .btn--inverse.btn-success:active { border-color: rgba(0, 0, 0, 0.05); } .btn-danger { color: #fff; background-color: #e9454b; border-color: rgba(0, 0, 0, 0.17); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); font-weight: 600; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1), 0 0 2px rgba(0, 0, 0, 0.3); } .btn-danger:hover, .btn-danger:focus { color: #fff; } .btn-danger:hover { background-color: #d23e44; border-color: rgba(0, 0, 0, 0.17); } .btn-danger:active { background-color: #ba373c; border-color: rgba(0, 0, 0, 0.17); } .open > .btn-danger.dropdown-toggle { background-color: #ba373c; border-color: rgba(0, 0, 0, 0.17); } .btn--border.btn-danger:not(:hover):not(:active) { background: none; border-color: #e9454b; box-shadow: none; color: #e9454b; text-shadow: none; } .btn-context--inverse .btn-danger, .btn-context--inverse .btn-danger, .btn--inverse.btn-danger { border-color: rgba(255, 255, 255, 0.1); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25); } .btn-context--inverse .btn-danger:hover, .btn-context--inverse .btn-danger:hover, .btn--inverse.btn-danger:hover { border-color: rgba(255, 255, 255, 0.1); } .btn-context--inverse .btn-danger:active, .btn-context--inverse .btn-danger:active, .btn--inverse.btn-danger:active { border-color: rgba(0, 0, 0, 0.05); } .btn-warning { color: #4d3c06; background-color: #ffc713; border-color: rgba(0, 0, 0, 0.17); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); font-weight: 600; } .btn-warning:hover, .btn-warning:focus { color: #4d3c06; } .btn-warning:hover { background-color: #e6b311; border-color: rgba(0, 0, 0, 0.17); } .btn-warning:active { background-color: #cc9f0f; border-color: rgba(0, 0, 0, 0.17); } .open > .btn-warning.dropdown-toggle { background-color: #cc9f0f; border-color: rgba(0, 0, 0, 0.17); } .btn--border.btn-warning:not(:hover):not(:active) { background: none; border-color: #ffc713; box-shadow: none; color: #ffc713; text-shadow: none; } .btn-context--inverse .btn-warning, .btn-context--inverse .btn-warning, .btn--inverse.btn-warning { border-color: rgba(255, 255, 255, 0.1); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25); } .btn-context--inverse .btn-warning:hover, .btn-context--inverse .btn-warning:hover, .btn--inverse.btn-warning:hover { border-color: rgba(255, 255, 255, 0.1); } .btn-context--inverse .btn-warning:active, .btn-context--inverse .btn-warning:active, .btn--inverse.btn-warning:active { border-color: rgba(0, 0, 0, 0.05); } .btn-info { color: #fff; background-color: #5bc0de; border-color: rgba(0, 0, 0, 0.17); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); font-weight: 600; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1), 0 0 2px rgba(0, 0, 0, 0.3); } .btn-info:hover, .btn-info:focus { color: #fff; } .btn-info:hover { background-color: #52adc8; border-color: rgba(0, 0, 0, 0.17); } .btn-info:active { background-color: #499ab2; border-color: rgba(0, 0, 0, 0.17); } .open > .btn-info.dropdown-toggle { background-color: #499ab2; border-color: rgba(0, 0, 0, 0.17); } .btn--border.btn-info:not(:hover):not(:active) { background: none; border-color: #5bc0de; box-shadow: none; color: #5bc0de; text-shadow: none; } .btn-context--inverse .btn-info, .btn-context--inverse .btn-info, .btn--inverse.btn-info { border-color: rgba(255, 255, 255, 0.1); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25); } .btn-context--inverse .btn-info:hover, .btn-context--inverse .btn-info:hover, .btn--inverse.btn-info:hover { border-color: rgba(255, 255, 255, 0.1); } .btn-context--inverse .btn-info:active, .btn-context--inverse .btn-info:active, .btn--inverse.btn-info:active { border-color: rgba(0, 0, 0, 0.05); } .btn-lighter { color: white; background-color: rgba(207, 237, 255, 0.13); border-color: rgba(255, 255, 255, 0.1); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); font-weight: 600; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1), 0 0 2px rgba(0, 0, 0, 0.3); } .btn-lighter:hover, .btn-lighter:focus { color: white; } .btn-lighter:hover { background-color: rgba(207, 237, 255, 0.0975); border-color: rgba(255, 255, 255, 0.1); } .btn-lighter:active { background-color: rgba(207, 237, 255, 0.052); border-color: rgba(255, 255, 255, 0.065); } .open > .btn-lighter.dropdown-toggle { background-color: rgba(207, 237, 255, 0.052); border-color: rgba(255, 255, 255, 0.065); } .btn--border.btn-lighter:not(:hover):not(:active) { background: none; border-color: rgba(207, 237, 255, 0.13); box-shadow: none; color: rgba(207, 237, 255, 0.13); text-shadow: none; } .btn-lighter.active { color: #469fd5; background-color: rgba(0, 0, 0, 0.3); border-color: rgba(0, 0, 0, 0.3); box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.2); } .btn-group .btn-lighter + .btn-lighter { margin-left: 1px; } .btn-group .btn-lighter.active { color: white; background: #469fd5; border-color: #469fd5; } .btn-group .btn-darker.active { border-color: #469fd5; } .btn--white { color: #2c3235; background-color: white; border-color: rgba(255, 255, 255, 0.5); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); font-weight: 600; } .btn--white:hover, .btn--white:focus { color: #2c3235; } .btn--white:hover { background-color: rgba(247, 247, 247, 0.9); border-color: rgba(255, 255, 255, 0.5); } .btn--white:active { background-color: rgba(242, 242, 242, 0.75); border-color: rgba(0, 0, 0, 0.05); } .open > .btn--white.dropdown-toggle { background-color: rgba(242, 242, 242, 0.75); border-color: rgba(0, 0, 0, 0.05); } .btn--border.btn--white:not(:hover):not(:active) { background: none; border-color: white; box-shadow: none; color: white; text-shadow: none; } .btn--white:focus { outline: 1px solid white; outline-offset: 2px; } .js-focus-visible .btn--white:focus:not(.focus-visible) { outline: none; } /* # External brand colors Markup: Brand button .btn--facebook .btn--instagram .btn--twitter .btn--google .btn--whatsapp .btn--youtube Styleguide 2_Buttons.2_ExternalBrands */ .btn--facebook { color: #fff; background-color: #4267b2; border-color: rgba(0, 0, 0, 0.17); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); font-weight: 600; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1), 0 0 2px rgba(0, 0, 0, 0.3); } .btn--facebook:hover, .btn--facebook:focus { color: #fff; } .btn--facebook:hover { background-color: #3b5da0; border-color: rgba(0, 0, 0, 0.17); } .btn--facebook:active { background-color: #35528e; border-color: rgba(0, 0, 0, 0.17); } .open > .btn--facebook.dropdown-toggle { background-color: #35528e; border-color: rgba(0, 0, 0, 0.17); } .btn--border.btn--facebook:not(:hover):not(:active) { background: none; border-color: #4267b2; box-shadow: none; color: #4267b2; text-shadow: none; } .btn-context--inverse .btn--facebook, .btn-context--inverse .btn--facebook, .btn--inverse.btn--facebook { border-color: rgba(255, 255, 255, 0.1); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25); } .btn-context--inverse .btn--facebook:hover, .btn-context--inverse .btn--facebook:hover, .btn--inverse.btn--facebook:hover { border-color: rgba(255, 255, 255, 0.1); } .btn-context--inverse .btn--facebook:active, .btn-context--inverse .btn--facebook:active, .btn--inverse.btn--facebook:active { border-color: rgba(0, 0, 0, 0.05); } .btn--instagram { color: #fff; background-color: #E1306C; border-color: rgba(0, 0, 0, 0.17); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); font-weight: 600; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1), 0 0 2px rgba(0, 0, 0, 0.3); } .btn--instagram:hover, .btn--instagram:focus { color: #fff; } .btn--instagram:hover { background-color: #cb2b61; border-color: rgba(0, 0, 0, 0.17); } .btn--instagram:active { background-color: #b42656; border-color: rgba(0, 0, 0, 0.17); } .open > .btn--instagram.dropdown-toggle { background-color: #b42656; border-color: rgba(0, 0, 0, 0.17); } .btn--border.btn--instagram:not(:hover):not(:active) { background: none; border-color: #E1306C; box-shadow: none; color: #E1306C; text-shadow: none; } .btn-context--inverse .btn--instagram, .btn-context--inverse .btn--instagram, .btn--inverse.btn--instagram { border-color: rgba(255, 255, 255, 0.1); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25); } .btn-context--inverse .btn--instagram:hover, .btn-context--inverse .btn--instagram:hover, .btn--inverse.btn--instagram:hover { border-color: rgba(255, 255, 255, 0.1); } .btn-context--inverse .btn--instagram:active, .btn-context--inverse .btn--instagram:active, .btn--inverse.btn--instagram:active { border-color: rgba(0, 0, 0, 0.05); } .btn--twitter { color: #fff; background-color: #1da1f2; border-color: rgba(0, 0, 0, 0.17); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); font-weight: 600; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1), 0 0 2px rgba(0, 0, 0, 0.3); } .btn--twitter:hover, .btn--twitter:focus { color: #fff; } .btn--twitter:hover { background-color: #1a91da; border-color: rgba(0, 0, 0, 0.17); } .btn--twitter:active { background-color: #1781c2; border-color: rgba(0, 0, 0, 0.17); } .open > .btn--twitter.dropdown-toggle { background-color: #1781c2; border-color: rgba(0, 0, 0, 0.17); } .btn--border.btn--twitter:not(:hover):not(:active) { background: none; border-color: #1da1f2; box-shadow: none; color: #1da1f2; text-shadow: none; } .btn-context--inverse .btn--twitter, .btn-context--inverse .btn--twitter, .btn--inverse.btn--twitter { border-color: rgba(255, 255, 255, 0.1); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25); } .btn-context--inverse .btn--twitter:hover, .btn-context--inverse .btn--twitter:hover, .btn--inverse.btn--twitter:hover { border-color: rgba(255, 255, 255, 0.1); } .btn-context--inverse .btn--twitter:active, .btn-context--inverse .btn--twitter:active, .btn--inverse.btn--twitter:active { border-color: rgba(0, 0, 0, 0.05); } .btn--google { color: #fff; background-color: #dd4b39; border-color: rgba(0, 0, 0, 0.17); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); font-weight: 600; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1), 0 0 2px rgba(0, 0, 0, 0.3); } .btn--google:hover, .btn--google:focus { color: #fff; } .btn--google:hover { background-color: #c74433; border-color: rgba(0, 0, 0, 0.17); } .btn--google:active { background-color: #b13c2e; border-color: rgba(0, 0, 0, 0.17); } .open > .btn--google.dropdown-toggle { background-color: #b13c2e; border-color: rgba(0, 0, 0, 0.17); } .btn--border.btn--google:not(:hover):not(:active) { background: none; border-color: #dd4b39; box-shadow: none; color: #dd4b39; text-shadow: none; } .btn-context--inverse .btn--google, .btn-context--inverse .btn--google, .btn--inverse.btn--google { border-color: rgba(255, 255, 255, 0.1); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25); } .btn-context--inverse .btn--google:hover, .btn-context--inverse .btn--google:hover, .btn--inverse.btn--google:hover { border-color: rgba(255, 255, 255, 0.1); } .btn-context--inverse .btn--google:active, .btn-context--inverse .btn--google:active, .btn--inverse.btn--google:active { border-color: rgba(0, 0, 0, 0.05); } .btn--whatsapp { color: #fff; background-color: #25d366; border-color: rgba(0, 0, 0, 0.17); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); font-weight: 600; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1), 0 0 2px rgba(0, 0, 0, 0.3); } .btn--whatsapp:hover, .btn--whatsapp:focus { color: #fff; } .btn--whatsapp:hover { background-color: #21be5c; border-color: rgba(0, 0, 0, 0.17); } .btn--whatsapp:active { background-color: #1ea952; border-color: rgba(0, 0, 0, 0.17); } .open > .btn--whatsapp.dropdown-toggle { background-color: #1ea952; border-color: rgba(0, 0, 0, 0.17); } .btn--border.btn--whatsapp:not(:hover):not(:active) { background: none; border-color: #25d366; box-shadow: none; color: #25d366; text-shadow: none; } .btn-context--inverse .btn--whatsapp, .btn-context--inverse .btn--whatsapp, .btn--inverse.btn--whatsapp { border-color: rgba(255, 255, 255, 0.1); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25); } .btn-context--inverse .btn--whatsapp:hover, .btn-context--inverse .btn--whatsapp:hover, .btn--inverse.btn--whatsapp:hover { border-color: rgba(255, 255, 255, 0.1); } .btn-context--inverse .btn--whatsapp:active, .btn-context--inverse .btn--whatsapp:active, .btn--inverse.btn--whatsapp:active { border-color: rgba(0, 0, 0, 0.05); } .btn--youtube { color: #fff; background-color: #ff0000; border-color: rgba(0, 0, 0, 0.17); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); font-weight: 600; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1), 0 0 2px rgba(0, 0, 0, 0.3); } .btn--youtube:hover, .btn--youtube:focus { color: #fff; } .btn--youtube:hover { background-color: #e60000; border-color: rgba(0, 0, 0, 0.17); } .btn--youtube:active { background-color: #cc0000; border-color: rgba(0, 0, 0, 0.17); } .open > .btn--youtube.dropdown-toggle { background-color: #cc0000; border-color: rgba(0, 0, 0, 0.17); } .btn--border.btn--youtube:not(:hover):not(:active) { background: none; border-color: #ff0000; box-shadow: none; color: #ff0000; text-shadow: none; } .btn-context--inverse .btn--youtube, .btn-context--inverse .btn--youtube, .btn--inverse.btn--youtube { border-color: rgba(255, 255, 255, 0.1); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25); } .btn-context--inverse .btn--youtube:hover, .btn-context--inverse .btn--youtube:hover, .btn--inverse.btn--youtube:hover { border-color: rgba(255, 255, 255, 0.1); } .btn-context--inverse .btn--youtube:active, .btn-context--inverse .btn--youtube:active, .btn--inverse.btn--youtube:active { border-color: rgba(0, 0, 0, 0.05); } .btn-sso { -webkit-justify-content: flex-start; justify-content: flex-start; padding-top: 3px; padding-bottom: 3px; padding-left: 3px; } .btn-sso--lg { padding: 10px 15px; } img.btn-sso__logo { height: 28px !important; width: 28px !important; margin-right: 1em; } img.btn-sso__logo--xs { height: 20px !important; width: 20px !important; margin-right: 0.5em; } img.btn-sso__logo--s { height: 24px !important; width: 24px !important; margin-right: 0.75em; } .btn-sso--google-blue { color: #fff; background-color: #4285f4; border-color: rgba(0, 0, 0, 0.17); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); font-weight: 600; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1), 0 0 2px rgba(0, 0, 0, 0.3); } .btn-sso--google-blue:hover, .btn-sso--google-blue:focus { color: #fff; } .btn-sso--google-blue:hover { background-color: #3b78dc; border-color: rgba(0, 0, 0, 0.17); } .btn-sso--google-blue:active { background-color: #356ac3; border-color: rgba(0, 0, 0, 0.17); } .open > .btn-sso--google-blue.dropdown-toggle { background-color: #356ac3; border-color: rgba(0, 0, 0, 0.17); } .btn--border.btn-sso--google-blue:not(:hover):not(:active) { background: none; border-color: #4285f4; box-shadow: none; color: #4285f4; text-shadow: none; } .btn-context--inverse .btn-sso--google-blue, .btn-context--inverse .btn-sso--google-blue, .btn--inverse.btn-sso--google-blue { border-color: rgba(255, 255, 255, 0.1); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25); } .btn-context--inverse .btn-sso--google-blue:hover, .btn-context--inverse .btn-sso--google-blue:hover, .btn--inverse.btn-sso--google-blue:hover { border-color: rgba(255, 255, 255, 0.1); } .btn-context--inverse .btn-sso--google-blue:active, .btn-context--inverse .btn-sso--google-blue:active, .btn--inverse.btn-sso--google-blue:active { border-color: rgba(0, 0, 0, 0.05); } .btn-sso--google-blue .btn-sso__logo { background-color: #fff; border-radius: 1px; } .btn-sso--facebook { color: #fff; background-color: #4267b2; border-color: rgba(0, 0, 0, 0.17); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); font-weight: 600; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1), 0 0 2px rgba(0, 0, 0, 0.3); } .btn-sso--facebook:hover, .btn-sso--facebook:focus { color: #fff; } .btn-sso--facebook:hover { background-color: #3b5da0; border-color: rgba(0, 0, 0, 0.17); } .btn-sso--facebook:active { background-color: #35528e; border-color: rgba(0, 0, 0, 0.17); } .open > .btn-sso--facebook.dropdown-toggle { background-color: #35528e; border-color: rgba(0, 0, 0, 0.17); } .btn--border.btn-sso--facebook:not(:hover):not(:active) { background: none; border-color: #4267b2; box-shadow: none; color: #4267b2; text-shadow: none; } .btn-context--inverse .btn-sso--facebook, .btn-context--inverse .btn-sso--facebook, .btn--inverse.btn-sso--facebook { border-color: rgba(255, 255, 255, 0.1); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25); } .btn-context--inverse .btn-sso--facebook:hover, .btn-context--inverse .btn-sso--facebook:hover, .btn--inverse.btn-sso--facebook:hover { border-color: rgba(255, 255, 255, 0.1); } .btn-context--inverse .btn-sso--facebook:active, .btn-context--inverse .btn-sso--facebook:active, .btn--inverse.btn-sso--facebook:active { border-color: rgba(0, 0, 0, 0.05); } .btn-sso--paypal { color: #fff; background-color: #003087; border-color: rgba(0, 0, 0, 0.17); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); font-weight: 600; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1), 0 0 2px rgba(0, 0, 0, 0.3); } .btn-sso--paypal:hover, .btn-sso--paypal:focus { color: #fff; } .btn-sso--paypal:hover { background-color: #002b7a; border-color: rgba(0, 0, 0, 0.17); } .btn-sso--paypal:active { background-color: #00266c; border-color: rgba(0, 0, 0, 0.17); } .open > .btn-sso--paypal.dropdown-toggle { background-color: #00266c; border-color: rgba(0, 0, 0, 0.17); } .btn--border.btn-sso--paypal:not(:hover):not(:active) { background: none; border-color: #003087; box-shadow: none; color: #003087; text-shadow: none; } .btn-context--inverse .btn-sso--paypal, .btn-context--inverse .btn-sso--paypal, .btn--inverse.btn-sso--paypal { border-color: rgba(255, 255, 255, 0.1); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25); } .btn-context--inverse .btn-sso--paypal:hover, .btn-context--inverse .btn-sso--paypal:hover, .btn--inverse.btn-sso--paypal:hover { border-color: rgba(255, 255, 255, 0.1); } .btn-context--inverse .btn-sso--paypal:active, .btn-context--inverse .btn-sso--paypal:active, .btn--inverse.btn-sso--paypal:active { border-color: rgba(0, 0, 0, 0.05); } .btn-sso--mollie { color: #fff; background-color: #0077ff; border-color: rgba(0, 0, 0, 0.17); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); font-weight: 600; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1), 0 0 2px rgba(0, 0, 0, 0.3); } .btn-sso--mollie:hover, .btn-sso--mollie:focus { color: #fff; } .btn-sso--mollie:hover { background-color: #006be6; border-color: rgba(0, 0, 0, 0.17); } .btn-sso--mollie:active { background-color: #005fcc; border-color: rgba(0, 0, 0, 0.17); } .open > .btn-sso--mollie.dropdown-toggle { background-color: #005fcc; border-color: rgba(0, 0, 0, 0.17); } .btn--border.btn-sso--mollie:not(:hover):not(:active) { background: none; border-color: #0077ff; box-shadow: none; color: #0077ff; text-shadow: none; } .btn-context--inverse .btn-sso--mollie, .btn-context--inverse .btn-sso--mollie, .btn--inverse.btn-sso--mollie { border-color: rgba(255, 255, 255, 0.1); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25); } .btn-context--inverse .btn-sso--mollie:hover, .btn-context--inverse .btn-sso--mollie:hover, .btn--inverse.btn-sso--mollie:hover { border-color: rgba(255, 255, 255, 0.1); } .btn-context--inverse .btn-sso--mollie:active, .btn-context--inverse .btn-sso--mollie:active, .btn--inverse.btn-sso--mollie:active { border-color: rgba(0, 0, 0, 0.05); } .btn-sso--stripe { color: #fff; background-color: #635bff; border-color: rgba(0, 0, 0, 0.17); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); font-weight: 600; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1), 0 0 2px rgba(0, 0, 0, 0.3); } .btn-sso--stripe:hover, .btn-sso--stripe:focus { color: #fff; } .btn-sso--stripe:hover { background-color: #5952e6; border-color: rgba(0, 0, 0, 0.17); } .btn-sso--stripe:active { background-color: #4f49cc; border-color: rgba(0, 0, 0, 0.17); } .open > .btn-sso--stripe.dropdown-toggle { background-color: #4f49cc; border-color: rgba(0, 0, 0, 0.17); } .btn--border.btn-sso--stripe:not(:hover):not(:active) { background: none; border-color: #635bff; box-shadow: none; color: #635bff; text-shadow: none; } .btn-context--inverse .btn-sso--stripe, .btn-context--inverse .btn-sso--stripe, .btn--inverse.btn-sso--stripe { border-color: rgba(255, 255, 255, 0.1); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25); } .btn-context--inverse .btn-sso--stripe:hover, .btn-context--inverse .btn-sso--stripe:hover, .btn--inverse.btn-sso--stripe:hover { border-color: rgba(255, 255, 255, 0.1); } .btn-context--inverse .btn-sso--stripe:active, .btn-context--inverse .btn-sso--stripe:active, .btn--inverse.btn-sso--stripe:active { border-color: rgba(0, 0, 0, 0.05); } .btn-sso--sendcloud { color: #fff; background-color: #1d97ff; border-color: rgba(0, 0, 0, 0.17); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); font-weight: 600; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1), 0 0 2px rgba(0, 0, 0, 0.3); } .btn-sso--sendcloud:hover, .btn-sso--sendcloud:focus { color: #fff; } .btn-sso--sendcloud:hover { background-color: #1a88e6; border-color: rgba(0, 0, 0, 0.17); } .btn-sso--sendcloud:active { background-color: #1779cc; border-color: rgba(0, 0, 0, 0.17); } .open > .btn-sso--sendcloud.dropdown-toggle { background-color: #1779cc; border-color: rgba(0, 0, 0, 0.17); } .btn--border.btn-sso--sendcloud:not(:hover):not(:active) { background: none; border-color: #1d97ff; box-shadow: none; color: #1d97ff; text-shadow: none; } .btn-context--inverse .btn-sso--sendcloud, .btn-context--inverse .btn-sso--sendcloud, .btn--inverse.btn-sso--sendcloud { border-color: rgba(255, 255, 255, 0.1); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25); } .btn-context--inverse .btn-sso--sendcloud:hover, .btn-context--inverse .btn-sso--sendcloud:hover, .btn--inverse.btn-sso--sendcloud:hover { border-color: rgba(255, 255, 255, 0.1); } .btn-context--inverse .btn-sso--sendcloud:active, .btn-context--inverse .btn-sso--sendcloud:active, .btn--inverse.btn-sso--sendcloud:active { border-color: rgba(0, 0, 0, 0.05); } /* # Loading button Add loading indicator to your buttons to show that the action initiated by clicking is in progress. The button is disabled and turned gray to keep the user from submitting multiple times. When and when not to use: - DO use on buttons that submit a form - DON'T use on buttons that open a modal --- In most cases a loading indicator will automatically be added when clicking a button with `type=submit` in a form. Otherwise there are a couple of ways to get a loading indicator: - **HTML**: Use `` - Adds indicator when parent form is submitted. - **JavaScript**: Use `setButtonLoading(buttonElement, true/false)`. - **React**: Use ``. - **React + Formik**: Use `...` in a Formik form. Note that these methods will also disable the button. Markup: Primary Default Try me! Try me! Styleguide 2_Buttons.Loading */ .btn--loading { text-shadow: none; background: #878c8e !important; border-color: #6e7275 !important; opacity: 1 !important; } .btn--loading.btn-default { background: #d7d9d9 !important; border-color: #bdbfc1 !important; } .btn__spinner { display: none; float: right; -webkit-align-items: center; align-items: center; margin-left: 0.4em; width: 1em; height: 1.6em; } .btn--loading .btn__spinner { display: -webkit-inline-flex; display: inline-flex; } .btn__spinner--appear, .btn__spinner--enter { margin-left: 0; margin-right: -1em; opacity: 0; } .btn__spinner--appear-active, .btn__spinner--enter-active { margin-left: 0.4em; margin-right: 0; opacity: 1; } .btn__spinner--exit { margin-left: 0.4em; margin-right: 0; opacity: 1; } .btn__spinner--exit-active, .btn__spinner--exit-done { margin-left: 0; margin-right: -1em; opacity: 0; } .btn__spinner--appear-active, .btn__spinner--enter-active, .btn__spinner--exit-active { transition: width 150ms ease, margin 150ms ease, opacity 150ms ease; } .btn-lg .btn__spinner { height: 1.33em; } .btn-sm .btn__spinner { height: 1.4em; } .btn--popout { transition: -webkit-transform 200ms ease-out 0s; transition: transform 200ms ease-out 0s; transition: transform 200ms ease-out 0s, -webkit-transform 200ms ease-out 0s; } .btn--popout:hover { -webkit-transform: translate(0px, -3px); transform: translate(0px, -3px); } .btn--round { border-radius: 30px; } .btn--link-list { -webkit-justify-content: flex-start; justify-content: flex-start; padding: 10px 15px; } .btn--link-list .btn__icon { margin: 0 10px 0 0; } .btn--link-list .btn__caret { margin-left: auto; transition: -webkit-transform 150ms ease; transition: transform 150ms ease; transition: transform 150ms ease, -webkit-transform 150ms ease; } .btn--link-list:hover .btn__caret, .btn--link-list:focus .btn__caret { -webkit-transform: translate(5px, 0); transform: translate(5px, 0); } /* # Anchor buttons Makes a button element look just like an anchor element. Used in places where an anchor element looks better in the UI, but a button element is more semantically correct. Markup: , just like this reference link. Styleguide 2_Buttons.Anchor */ .anchor-button { display: inline; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: none; border: none; padding: 0; line-height: normal; color: #287db1; text-decoration: underline; } .anchor-button:hover, .anchor-button:focus { color: #1a5172; } /* # Loaders: Spinner Markup: Styleguide 5_Components.loaders.spinner */ .spinner { display: inline-block; width: 1em; height: 1em; border: 0.1em solid currentColor; border-top-color: transparent; border-radius: 50%; -webkit-animation: 1s spinner linear infinite; animation: 1s spinner linear infinite; } @-webkit-keyframes spinner { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes spinner { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .text-lg { font-size: 19px; } .head-underline { border-bottom: 1px solid #424c51; padding: 0 15px 10px; margin-bottom: 15px; margin-top: 30px; } .dark { text-decoration: underline; color: #2c3235; } .dark:hover { color: #090a0b; } hr.small { margin: 8px 0; } .text-xs-left { text-align: left; } .text-xs-right { text-align: right; } .text-xs-center { text-align: center; } .text-xs-justify { text-align: justify; } @media (min-width: 768px) { .text-sm-left { text-align: left; } .text-sm-right { text-align: right; } .text-sm-center { text-align: center; } .text-sm-justify { text-align: justify; } } @media (min-width: 992px) { .text-md-left { text-align: left; } .text-md-right { text-align: right; } .text-md-center { text-align: center; } .text-md-justify { text-align: justify; } } @media (min-width: 1200px) { .text-lg-left { text-align: left; } .text-lg-right { text-align: right; } .text-lg-center { text-align: center; } .text-lg-justify { text-align: justify; } } .text--strikethrough { position: relative; } .text--strikethrough::before { content: ''; position: absolute; top: 50%; top: calc(50% - 0.5px); left: -1px; right: -2px; border-top: 1px solid; border-color: inherit; -webkit-transform: rotate(-12deg); transform: rotate(-12deg); } .text--large-sup { font-size: 0.85em; top: -0.15em; } .text--large-sub { font-size: 0.85em; } .text--line-behind { display: -webkit-flex; display: flex; -webkit-flex-direction: row; flex-direction: row; -webkit-align-items: center; align-items: center; } .text--line-behind::before, .text--line-behind::after { display: block; -webkit-flex: 1 0 auto; flex: 1 0 auto; -ms-flex: 1 0 auto; content: ''; border-top: 1px solid; opacity: 0.2; } .text--line-behind::before { margin-right: 10px; } .text--line-behind::after { margin-left: 10px; } .text--muted { opacity: 0.5; } .text--cta-support { max-width: -webkit-fit-content; max-width: -moz-fit-content; max-width: fit-content; margin: 0.5em auto 0; padding: 0 0.5em; text-align: center; font-size: 14px; line-height: 1em; color: #424c51; } .tooltip-inner { white-space: nowrap; max-width: 100vw; padding: 5px 10px; font-weight: normal; } @media screen and (max-width: 768px) { .tooltip-inner { white-space: normal; } } .tooltip--wrap .tooltip-inner { white-space: normal; text-align: left; max-width: 360px; } @media screen and (max-width: 767px) { .tooltip--wrap .tooltip-inner { max-width: 320px; } } .tooltip.in { opacity: 1; } .pagination > li > a, .pagination > li > span { border-top: 0; border-bottom: 0; box-shadow: inset 0 -2px 0 #e5dfcf; color: #2c3235; transition: background 150ms ease, box-shadow 150ms ease, color 150ms ease; } .pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus { background-color: #e9e3d5; box-shadow: inset 0 -2px 0 #d7cdb4; color: #2c3235; } .pagination > li.active > a, .pagination > li.active > span { box-shadow: inset 0 -2px 0 #2b86bd; } .pagination > li.active > a, .pagination > li.active > span, .pagination > li.active > a:hover, .pagination > li.active > span:hover, .pagination > li.active > a:focus, .pagination > li.active > span:focus { box-shadow: inset 0 -2px 0 #2b86bd; } .pagination > li:first-child > a, .pagination > li:first-child > span { border-left: 0; } .pagination > li:last-child > a, .pagination > li:last-child > span { border-right: 0; } .pagination--mobile > li.active > a, .pagination--mobile > li.active > span { margin-left: 0.5em; margin-right: 0.5em; } /*based on bootstrap*/ .btn-group { display: -webkit-inline-flex; display: inline-flex; } .btn-group > .btn:hover, .btn-group > .btn:focus, .btn-group > .btn:active { z-index: 1; } .btn-group > .btn.btn-primary, .btn-group > .btn.btn-success, .btn-group > .btn.btn-danger, .btn-group > .btn.btn.active { z-index: 2; } .btn-group-justified { display: -webkit-flex; display: flex; } .btn-group-justified > .btn, .btn-group-justified > .btn-group { -webkit-flex: 1 0 auto; flex: 1 0 auto; } @media (max-width: 768px) { .btn-group.btn-group-responsive { width: 100%; } .btn-group.btn-group-responsive > .btn, .btn-group.btn-group-responsive > .btn-group { width: 50%; margin-bottom: 5px; } .btn-group.btn-group-responsive > .btn, .btn-group.btn-group-responsive > .btn-group > .btn { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .btn-group.btn-group-responsive > .btn-group > .btn { width: 100%; } .btn-group.btn-group-responsive > .btn:nth-child(2n+1), .btn-group.btn-group-responsive > .btn-group:nth-child(2n+1) > .btn { border-left: 0; border-top-left-radius: 3px !important; border-bottom-left-radius: 3px !important; } .btn-group.btn-group-responsive > .btn:nth-child(2n), .btn-group.btn-group-responsive > .btn-group:nth-child(2n) > .btn { border-top-right-radius: 3px !important; border-bottom-right-radius: 3px !important; } } /* # Panel .panel-default .panel-border .panel-primary .panel-success .panel-warning .panel-danger Markup:

Panel heading

Basic panel example
Styleguide 5_Components.18 */ .panel { display: block; } .panel-border { border-color: rgba(55, 63, 67, 0.15); } /* # Panel heading .panel-heading--clickable Markup:
Panel heading
Basic panel example
Styleguide 5_Components.18.1 */ .panel-heading { position: relative; z-index: 1; display: block; margin: 0; line-height: 1.2; transition: background 200ms ease, box-shadow 200ms ease, border-radius 200ms ease; } .panel-heading--clickable { cursor: pointer; } .panel-default .panel-heading--clickable:hover { background: #f2eee6; } .panel-title { font-size: 17px; font-weight: bold; line-height: inherit; } .panel-subtitle { margin: 2px 0 0; font-size: 15px; line-height: inherit; } .panel-subtitle--large { font-size: 17px; } .panel-footer--muted { color: rgba(44, 50, 53, 0.7); } .panel--sidebar, .panel--sidebar .panel-heading, .panel--sidebar .panel-body { border: 0; box-shadow: none; background: none; } .panel--sidebar .panel-heading { padding: 0; } .panel--sidebar .panel-title { display: block; padding: 10px 10px; color: inherit; font-weight: bold; text-decoration: none; background: #2c3235; transition: background 150ms ease; } .panel--sidebar .panel-title:hover { background: #202527; } .panel--sidebar .panel-body { padding: 10px 0 0; } .panel-group .panel--sidebar { margin: 0 0 5px; border-radius: 0; } .panel-group .panel--sidebar + .panel--sidebar { margin-top: 0; } .panel-group .panel--sidebar .panel-heading + .panel-collapse > .panel-body { border: 0; } .panel-sidebar .panel-default > .panel-heading { border: 0; padding: 0; } .panel-sidebar .panel-title { width: 100%; display: inline-block; padding: 10px; font-size: 16px; font-weight: bold; color: #e4e3df; background: #202527; text-decoration: none; } .panel-sidebar .panel-title:hover { background: #1b1f21; } .panel-sidebar .panel-body { padding: 15px 0 0; } .panel-primary .panel-heading .panel-title { text-shadow: 0 1px 2px rgba(24, 75, 106, 0.3), 0 0 3px rgba(24, 75, 106, 0.3); } .panel-success .panel-heading .panel-title { text-shadow: 0 1px 2px rgba(41, 58, 17, 0.3), 0 0 3px rgba(41, 58, 17, 0.3); } .panel-danger .panel-heading .panel-title { text-shadow: 0 1px 2px rgba(133, 16, 20, 0.3), 0 0 3px rgba(133, 16, 20, 0.3); } /* # Wells Creates a well, the default comes from bootstrap. Markup:
Contents
Contents
.well-clickable - Creates a well with hover states .well-has-icon - a class to add when the well contains a .well-icon .well-drop - well styled as a drop-area .well--dummy - For wells that contain dummy content .well--white Styleguide 5_Components.9 */ /* # Well sizes .well-lg .well-sm .well-xs Markup:
Contents
Styleguide 5_Components.9.1 */ .well { position: relative; box-shadow: none; } .well-xs { padding: 5px; --table-container-padding: 5px; } .well-has-icon { position: relative; padding-right: 42px; } .well-clickable { cursor: pointer; } .well-clickable:hover { background: #f0f0f1; } .well-clickable:hover .well-icon { -webkit-transform: translate(5px, 0); transform: translate(5px, 0); } .well-clickable.is-active { background: #469fd5; color: #f7f5f0; } .well-drop { border: 2px dashed #ced0d1; } .well-drop.is-receiving { background: #e9f4db; border-color: #c6e2a0; } .well-icon { position: absolute; right: 6px; top: 0; bottom: 0; transition: all 100ms ease-out; } .well-icon [class^="icon"] { color: #c0c3c4; line-height: 1; font-size: 26px; position: absolute; right: 0; top: 50%; margin-top: -13px; } .well-addon { position: absolute; background: rgba(0, 0, 0, 0.1); left: 0; top: 0; bottom: 0; text-align: center; width: 75px; float: left; padding: 10px; font-weight: bold; color: rgba(0, 0, 0, 0.35); } .well-content { margin-left: 80px; float: left; } .well--dummy { background: white; border: 1px solid #d2d7da; border-bottom: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0; opacity: 0.75; pointer-events: none; } .well--dummy::before { content: ''; position: absolute; z-index: 1; top: 0; left: 0; right: 0; bottom: 0; pointer-events: none; background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.85) 100%); } .well--dummy::after { content: ''; position: absolute; z-index: 1; left: -1px; right: -1px; bottom: 0; height: 15px; background: linear-gradient(45deg, white 33.333%, transparent 33.333%, transparent 66.667%, white 66.667%), linear-gradient(-45deg, white 33.333%, transparent 33.333%, transparent 66.667%, white 66.667%), linear-gradient(45deg, #d2d7da 33.333%, transparent 33.333%, transparent 66.667%, #d2d7da 66.667%), linear-gradient(-45deg, #d2d7da 33.333%, transparent 33.333%, transparent 66.667%, #d2d7da 66.667%); background-size: 26px 56px; background-position: 50% -27px, 50% -27px, 50% -29px, 50% -29px; } .well--white { background: white; } .well--dark { background: #f7f5f0; } .well--file { text-align: center; padding: 0; background: transparent; border: 1px solid transparent; transition: background 300ms ease, border 300ms ease, box-shadow 300ms ease; } .well--file.is-receiving { background: rgba(70, 159, 213, 0.1); border-color: #469fd5; box-shadow: 0 0 0 2px rgba(70, 159, 213, 0.3); } .well--light { background: #f9f9f9; } .well--large { padding: 60px 20px 80px; } .well-upload { opacity: 1; transition: opacity 0.2s; } .well-upload--uploading { opacity: 0; } .well-preview { height: 210px; } .well-preview img { -o-object-fit: contain; object-fit: contain; width: 100%; height: 171px; display: block; } .well-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.1); display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; } /* # Feature Creates blocks in which features can be highlighted TODO: Is this component still in use? Can’t find a reference in the code. Markup:

Kleur en opmaak aanpasbaar.

Later makkelijk van design wisselen.

Styleguide 5_Components.5 */ .row-features { margin-top: -10px; margin-bottom: -10px; } .feature { display: -webkit-flex; display: flex; padding: 10px 0; -webkit-flex-direction: row; flex-direction: row; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; } .feature-image { width: 50px; -webkit-flex-shrink: 0; flex-shrink: 0; } .feature-image:before, .feature-image:after { content: " "; display: table; } .feature-image:after { clear: both; } .feature-image:before, .feature-image:after { content: " "; display: table; } .feature-image:after { clear: both; } .feature-text { margin-bottom: 0; font-weight: bold; text-transform: uppercase; color: #4e595f; } .feature-image + .feature-text { margin-left: 15px; } .feature-text .tooltip { text-transform: none; } /* # Icons We have different types of icons sizes and visualisations. You can find the icons in the fontello file. Markup: .icon-big - Creates big icon and inline-block element .icon-big-font - H3 sized font (18px) .icon-circle - Creates a feature-like icon .icon--muted - Creates an icon with muted colors, used for help icons in e.g. forms. Styleguide 5_Components.6 */ .icon-no-margin::before { margin: 0 !important; } .icon-big { font-size: 17px; display: inline-block; height: 100%; max-height: 40px; text-align: center; padding: 4px; } .icon-big-font { font-size: 19px; } .icon-toolbar { opacity: 0.5; padding: 0 2px 0 6px; font-size: 16px; line-height: 20px; color: white; *padding-bottom: 2px; } .mce-btn-group .icon-toolbar { padding: 0 2px; } .icon-circle { width: 50px; height: 50px; border-radius: 100%; background: #57a8d9; color: #f7f5f0; font-size: 1.5em; text-align: center; line-height: 50px; } .icon-circle--success { background: #7bb035; } .icon--circled { display: -webkit-inline-flex; display: inline-flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; width: 2em; height: 2em; padding-bottom: 1px; border-radius: 2em; box-shadow: 0 1px 2px rgba(55, 63, 67, 0.1); text-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); } .icon--circled.icon--primary { background-color: #469fd5; color: white; } .icon--circled.icon--success { background-color: #8bc53e; color: white; } .icon--circled.icon--danger { background-color: #e9454b; color: white; } .icon--circled.icon--gray { background-color: #7e8d95; color: white; } .icon--muted { opacity: 0.4; } /* # Collapse icon Icon will rotate depending in its container's _collapsed_ state. Markup:
Panel content
Styleguide 5_Components.6.1 */ .icon--collapse { display: inline-block; transition: -webkit-transform 400ms ease; transition: transform 400ms ease; transition: transform 400ms ease, -webkit-transform 400ms ease; -webkit-transform: rotate(180deg); transform: rotate(180deg); } .collapsed .icon--collapse { -webkit-transform: rotate(0deg); transform: rotate(0deg); } @font-face { font-family: 'Proxima Nova'; font-weight: 400; font-style: normal; font-display: fallback; src: url(/assets/landing/fonts/ProximaNovaRegular/font.woff2?bust=9886f543adf78646f3dd) format('woff2'), url(/assets/landing/fonts/ProximaNovaRegular/font.woff?bust=6c2a69ab34805ad7a092) format('woff'); } @font-face { font-family: 'Proxima Nova'; font-weight: 600; font-style: normal; font-display: fallback; src: url(/assets/landing/fonts/ProximaNovaSemibold/font.woff2?bust=e083928cc285cf8ab829) format('woff2'), url(/assets/landing/fonts/ProximaNovaSemibold/font.woff?bust=0c9202d25bd58bb3f1e0) format('woff'); } @font-face { font-family: 'Proxima Nova'; font-weight: 700; font-style: normal; font-display: fallback; src: url(/assets/landing/fonts/ProximaNovaBold/font.woff2?bust=747b285e6eddba47ba98) format('woff2'), url(/assets/landing/fonts/ProximaNovaBold/font.woff?bust=84e7e31d0de29d54f708) format('woff'); } .section { text-align: center; background: white; position: relative; padding: 50px 0; } .section:before, .section:after { content: " "; display: table; } .section:after { clear: both; } .section:before, .section:after { content: " "; display: table; } .section:after { clear: both; } @media (min-width: 768px) { .section { padding: 70px 0; } } .section--colored { background: #f7f5f0; } .section--colored .link { color: inherit; text-decoration: underline; } .section--colored hr { border-color: #e9e3d5; } .section--light { background: #f9f8f4; } .section--primary { background: #3596d1; } .section--primary .subtitle, .section--primary .heading-subtitle { color: #f0f7fc; } .section--primary .subtitle a, .section--primary .heading-subtitle a, .section--primary .subtitle a:hover, .section--primary .heading-subtitle a:hover, .section--primary .subtitle a:focus, .section--primary .heading-subtitle a:focus { color: white; } .section--primary .btn:focus { outline-color: white; } .section--primary-dark { background: #133c55; } .section--dark { background: #373f43; } .section--dark a:not(.btn) { color: inherit; } .section--success { background: #8bc53e; } .section--danger { background: #e9454b; } .section--primary, .section--primary-dark, .section--dark, .section--success, .section--danger { color: white; } .section--primary .link, .section--primary-dark .link, .section--dark .link, .section--success .link, .section--danger .link { color: white; text-decoration: underline; } .section--small { padding: 35px 0; } @media (min-width: 768px) { .section--small { padding: 50px 0; } } .section--smaller { padding: 20px 0; } .section--big { padding: 100px 0; } .navbar + .section, .navbar + [data-activate-experiment="how-it-works-page-arrows"] + .section { padding-top: 110px; } .navbar + .section--big, .navbar + [data-activate-experiment="how-it-works-page-arrows"] + .section--big { padding-top: 160px; } .is-logged-in .navbar + .section, .has-promotion-bar .navbar + .section, .is-logged-in .navbar + [data-activate-experiment="how-it-works-page-arrows"] + .section, .has-promotion-bar .navbar + [data-activate-experiment="how-it-works-page-arrows"] + .section { padding-top: 131px; } @media (min-width: 768px) { .navbar + .section, .navbar + [data-activate-experiment="how-it-works-page-arrows"] + .section { padding-top: 103px; } .navbar-is-dark .navbar + .section, .navbar-is-dark .navbar + [data-activate-experiment="how-it-works-page-arrows"] + .section { padding-top: 123px; } .navbar + .section--big, .navbar + [data-activate-experiment="how-it-works-page-arrows"] + .section--big { padding-top: 153px; } .is-logged-in .navbar + .section, .is-logged-in .navbar + [data-activate-experiment="how-it-works-page-arrows"] + .section { padding-top: 139px; } .is-logged-in .navbar + .section--big, .is-logged-in .navbar + [data-activate-experiment="how-it-works-page-arrows"] + .section--big { padding-top: 189px; } } .section--push-footer { -webkit-flex: 1 0 auto; flex: 1 0 auto; } @media (orientation: landscape) { .section--cover-viewport { min-height: calc(100vh - 50px); } } .masthead { color: white; display: -webkit-flex; display: flex; position: relative; -webkit-flex-direction: column; flex-direction: column; padding-top: 100px; padding-bottom: 70px; background: black; } .masthead--large { padding-top: 200px; padding-bottom: 100px; } .masthead--duotone { background: #287db1 !important; background: linear-gradient(-25deg, #3596d1, #1f6087) !important; } .masthead__image { display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0.35; background-position: top center; background-size: cover; } @supports ((-o-object-fit: cover) or (object-fit: cover)) and (filter: grayscale(100%) brightness(110%) contrast(125%)) { .masthead__image { opacity: 1; background-image: none !important; } .masthead--duotone .masthead__image { background: #287db1 !important; background: linear-gradient(-25deg, #3596d1, #1f6087) !important; } } .masthead__image img { display: none; } @supports ((-o-object-fit: cover) or (object-fit: cover)) and (filter: grayscale(100%) brightness(110%) contrast(125%)) { .masthead__image img { display: block; opacity: 0.65; -o-object-fit: cover; object-fit: cover; -o-object-position: top center; object-position: top center; width: 100%; height: 100%; } .masthead--duotone .masthead__image img { opacity: 0.35; mix-blend-mode: multiply; -webkit-filter: grayscale(100%) brightness(110%) contrast(125%); filter: grayscale(100%) brightness(110%) contrast(125%); } } @supports ((-o-object-fit: cover) or (object-fit: cover)) and (filter: grayscale(100%) brightness(110%) contrast(125%)) { .masthead__image--centered img { -o-object-position: center center; object-position: center center; } } .masthead__content { max-width: 1170px; padding: 0 15px; width: 100%; margin: auto; z-index: 1; position: relative; text-align: center; } .navbar + .masthead { padding-top: 130px; } .navbar + .masthead--large .masthead--large { padding-top: 230px; } .is-logged-in .navbar + .masthead, .has-promotion-bar .navbar + .masthead { padding-top: 196px; } .is-logged-in .navbar + .masthead--large, .has-promotion-bar .navbar + .masthead--large { padding-top: 296px; } @media (min-width: 768px) { .navbar + .masthead { padding-top: 123px; } .navbar-is-dark .navbar + .masthead { padding-top: 143px; } .navbar + .masthead--large { padding-top: 223px; } .navbar-is-dark .navbar + .masthead--large { padding-top: 243px; } .is-logged-in .navbar + .masthead { padding-top: 189px; } .is-logged-in .navbar + .masthead--large { padding-top: 289px; } } .heading-section { margin: 0 0 10px; color: #3596d1; letter-spacing: -0.0175em; font-size: 30px; } @media (min-width: 768px) { .heading-section { font-size: 36px; } } .section--primary .heading-section, .section--dark .heading-section, .section--success .heading-section { color: inherit; } .heading-section--small { font-size: 24px; } @media (min-width: 768px) { .heading-section--small { font-size: 30px; } } .heading-section--smaller { font-size: 24px; } .heading-subtitle { margin: 0 auto; font-size: 19px; font-weight: normal; line-height: inherit; max-width: 60ch; } .heading-margin-bottom { --spacing-multiplier: 6; margin-bottom: 30px; margin-bottom: calc(5px * var(--spacing-multiplier)); } @media (min-width: 768px) { .heading-margin-bottom { --spacing-multiplier: 10; } } .heading-margin-bottom--small { --spacing-multiplier: 3; } @media (min-width: 768px) { .heading-margin-bottom--small { --spacing-multiplier: 5; } } .heading-margin-bottom--large { --spacing-multiplier: 10; } @media (min-width: 768px) { .heading-margin-bottom--large { --spacing-multiplier: 15; } } .heading-margin-bottom--xlarge { --spacing-multiplier: 15; } @media (min-width: 768px) { .heading-margin-bottom--xlarge { --spacing-multiplier: 20; } } .heading-page { margin-top: 0; font-size: 36px; letter-spacing: -0.0175em; } @media (min-width: 768px) { .heading-page--large { font-size: 54px; } } .label { display: inline-block; margin-left: 0.2em; padding: 0 0.4em; vertical-align: text-bottom; background: #8bc53e; border-radius: 2px; color: #fff; font-size: 14px; font-weight: bold; } img:not(.own-dimensions) { max-width: 100%; height: auto; } .align-left { text-align: left; } a:focus, button:focus { outline: 1px solid #469fd5; outline-offset: 2px; } .js-focus-visible a:focus:not(.focus-visible), .js-focus-visible button:focus:not(.focus-visible) { outline: none; } a { text-decoration: underline; } .no-underline { text-decoration: none; } small, .small { font-size: 14px; } .text-block { text-align: left; } .text-block h2, .text-block h3, .text-block__title { color: #3596d1; letter-spacing: -0.0175em; } .text-block__title { font-size: 19px; font-family: 'Proxima Nova', 'Segoe UI', Arial, sans-serif; font-weight: bold; line-height: 1.1; margin: 0 0 10px 0; color: #3596d1; } @media (min-width: 768px) { .text-block__title { font-size: 30px; } } .login-form { text-align: left; background: white; border-radius: 3px; color: #2c3235; cursor: auto; padding: 20px; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1), 0 5px 20px rgba(0, 0, 0, 0.05); } .signup-input { width: 100%; padding: 14px; margin-bottom: 10px; background-color: #f2f2f2; border-radius: 3px; border: 1px solid #d9d9d9; line-height: 1; color: #2c3235; transition: background-color 150ms ease, border-color 150ms ease, box-shadow 150ms ease; -webkit-appearance: none; } .signup-input:focus { background-color: white; border-color: #469fd5; box-shadow: 0 0 0 2px rgba(70, 159, 213, 0.2); outline: 0; } .signup-input::-webkit-input-placeholder { line-height: 1; color: rgba(44, 50, 53, 0.6); opacity: 1; } .signup-input::-moz-placeholder { line-height: 1; color: rgba(44, 50, 53, 0.6); opacity: 1; } .signup-input:-ms-input-placeholder { line-height: 1; color: rgba(44, 50, 53, 0.6); opacity: 1; } .signup-input::placeholder { line-height: 1; color: rgba(44, 50, 53, 0.6); opacity: 1; } .signup-input.is-error { border-color: #e9454b; } .signup-input.is-error:focus { box-shadow: 0 0 0 2px rgba(233, 69, 75, 0.2); } .signup-title { margin-top: 0; margin-bottom: 20px; } .signup-error.is-error { padding: 5px 15px; margin-bottom: 10px; color: white; background: #e9454b; border-radius: 3px; } .signup-error.is-error a { text-decoration: underline; color: white; } .form-group { margin-bottom: 10px; } .form-group:before, .form-group:after { content: " "; display: table; } .form-group:after { clear: both; } .form-group:before, .form-group:after { content: " "; display: table; } .form-group:after { clear: both; } .form-label { display: inline-block; width: 100%; } @media (min-width: 768px) { .form-label { width: 25%; } } .form-control { float: left; width: 100%; max-width: 500px; padding: 5px 14px; border-radius: 3px; border: 1px solid #d4c9ad; background: #f7f5f0; -webkit-appearance: none; } .form-control:focus { border-color: #469fd5; outline: 0; } .form-control[type="checkbox"] { width: auto; margin-top: 5px; } select.form-control { background: #fff url('data:image/svg+xml,%3C?xml%20version%3D%221.0%22%20?%3E%3Csvg%20width%3D%2212%22%20height%3D%226%22%20viewBox%3D%220%200%2015%208%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20stroke-linejoin%3D%22round%22%20stroke-miterlimit%3D%222%22%3E%3Cpath%20d%3D%22M7.5%207.794L0%200h15L7.5%207.794z%22%20fill-rule%3D%22nonzero%22/%3E%3C/svg%3E') no-repeat 90% center; } .signup-form-visually-hidden { opacity: 0; visibility: hidden; z-index: -1; display: none; } @supports (display: grid) { .signup-form-visually-hidden { display: block; } } .signup-form { background: white; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1), 0 5px 20px rgba(0, 0, 0, 0.05); display: -webkit-flex; display: flex; padding: 0; min-height: 100%; } @media (max-width: 767px) { .signup-form { -webkit-flex-direction: column; flex-direction: column; } } .signup-form .multi-step-data { display: grid; } .signup-form .multi-step-input { grid-column: 1; grid-row: 1; } .signup-form .multi-step-input--hidden { opacity: 0; visibility: hidden; z-index: -1; display: none; } @supports (display: grid) { .signup-form .multi-step-input--hidden { display: block; } } .signup-form[data-current-step="1"] .hidden-step-1, .signup-form[data-current-step="1"] .social-login, .signup-form[data-current-step="1"] button[type="submit"], .signup-form[data-current-step="1"] button[data-step-to-show="prevStep"] { display: none; } .signup-form[data-current-step="2"] .social-login, .signup-form[data-current-step="2"] button[type="submit"] { display: none; } .signup-form[data-current-step="3"] button[data-step-to-show="nextStep"] { display: none; } @media (min-width: 992px) { .signup-form, .signup-form .btn-lg { font-size: 19px; } .signup-form .h3 { font-size: 24px; } .signup-form .h6, .signup-form .progress-bar { font-size: 16px; } .signup-form .btn { font-size: 17px; } } .signup-form__content, .signup-form__usps { -webkit-flex: 0 1 auto; flex: 0 1 auto; } @media (min-width: 768px) { .signup-form__content, .signup-form__usps { -webkit-flex-basis: 50%; flex-basis: 50%; } } .signup-form__content { display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; padding: 20px 20px 10px; width: 30em; max-width: 100%; margin: auto; padding: 15px; -webkit-flex: 0 0 auto; flex: 0 0 auto; } @media (max-width: 360px) { .signup-form__content { padding-top: 50px; } } @media (min-width: 768px) { .signup-form__content { padding: 50px 20px; -webkit-flex-basis: auto; flex-basis: auto; margin: 0 auto; } .signup-form__content > * { -webkit-flex: 0 0 auto; flex: 0 0 auto; } .signup-form__content > *:first-child { margin-top: auto; } .signup-form__content > *:last-child { margin-bottom: auto; } } .signup-form__content form { display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; } @media (min-width: 768px) { .signup-form__content form { max-width: 31em; width: 100%; margin-left: auto; margin-right: auto; min-height: 22em; } } .signup-form__content .signup-input { background: white; } .signup-form .categories, .section--signup .categories { margin-left: -5px; margin-right: -5px; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; width: calc(100% + 5px * 2); } .signup-form .categories .panel, .section--signup .categories .panel { display: inline-block; margin: 5px; text-align: center; -webkit-flex: 1 1 auto; flex: 1 1 auto; } .signup-form .categories .panel label, .section--signup .categories .panel label { font-weight: normal; } .signup-form .categories .panel-heading, .section--signup .categories .panel-heading { height: 100%; border: 0; display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; -webkit-align-items: center; align-items: center; } @media (max-width: 767px) { .signup-form .categories .panel-heading, .section--signup .categories .panel-heading { padding: 5px; } } .signup-form .categories .panel-heading img, .section--signup .categories .panel-heading img { margin-bottom: auto; } .signup-form .categories input[type="radio"].focus-visible ~ p, .section--signup .categories input[type="radio"].focus-visible ~ p { outline: 1px solid #469fd5; outline-offset: 4px; } .signup-form .categories .panel-heading--selected, .section--signup .categories .panel-heading--selected { position: relative; } .signup-form .categories .panel-heading--selected::before, .section--signup .categories .panel-heading--selected::before, .signup-form .categories .panel-heading--selected::after, .section--signup .categories .panel-heading--selected::after { display: block; position: absolute; } .signup-form .categories .panel-heading--selected::before, .section--signup .categories .panel-heading--selected::before { content: ''; bottom: -1px; right: -1px; border-bottom: 30px solid #7bb035; border-left: 30px solid transparent; z-index: 2; } .signup-form .categories .panel-heading--selected::after, .section--signup .categories .panel-heading--selected::after { bottom: 1px; right: 2px; font-family: "fontello"; content: '\e80b'; z-index: 3; color: white; line-height: 1; } .signup-form .actions, .section--signup .actions { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-flex-direction: row-reverse; flex-direction: row-reverse; -webkit-align-items: center; align-items: center; min-height: 4.25em; } .signup-form .actions__button, .section--signup .actions__button { margin: 10px 0 10px auto; } .signup-form .actions__link, .section--signup .actions__link { margin: 10px 0 10px; } .signup-form .actions__back-button, .section--signup .actions__back-button { margin-right: auto; padding-right: 10px; } .signup-form .actions .text-button, .section--signup .actions .text-button { color: #287db1; text-decoration: underline; } .signup-form .actions .text-button:hover, .section--signup .actions .text-button:hover, .signup-form .actions .text-button:focus, .section--signup .actions .text-button:focus { color: #1a5172; } .signup-form__usps { -webkit-flex: 0 1 auto; flex: 0 1 auto; -webkit-justify-content: center; justify-content: center; text-align: left; padding: 15px; position: relative; background: #6d9c2f; color: white; } @media (min-width: 768px) { .signup-form__usps { display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; -webkit-order: -1; order: -1; -webkit-flex: 0 1 25em; flex: 0 1 25em; } } @media (min-width: 992px) { .signup-form__usps { padding: 50px; } } @media (min-width: 768px) { .signup-modal--sign-up-left .signup-form__usps { -webkit-order: 2; order: 2; } } .signup-form__usps::before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: var(--background-image); background-position: center; background-size: cover; -webkit-filter: grayscale(1) brightness(1); filter: grayscale(1) brightness(1); display: block; content: ''; opacity: 0.1; pointer-events: none; } .signup-form__usps > * { position: relative; } .signup-form__usps a { color: inherit; } .signup-form__usps .list-unordered li::before { opacity: 0.9; } .signup-form__usps .list .icon { color: white; } .signup-form__usps-logo { margin-bottom: -10px; -webkit-filter: drop-shadow(0px 2px 10px rgba(0, 0, 0, 0.1)) drop-shadow(0px 0px 3px rgba(0, 0, 0, 0.15)); filter: drop-shadow(0px 2px 10px rgba(0, 0, 0, 0.1)) drop-shadow(0px 0px 3px rgba(0, 0, 0, 0.15)); } @media (min-width: 768px) { .signup-form__usps-logo { margin-bottom: 0; } } @media (min-width: 992px) { .signup-form__usps-logo { width: 200px; margin-bottom: 20px; } } .section--signup[data-current-step="1"] .actions, .section--signup[data-current-step="1"] .multi-step-input--credentials { display: none; } .section--signup[data-current-step="2"] .multi-step-input--category { display: none; } .section--signup .multi-step-input--credentials, .section--signup .multi-step-input--credentials + .actions { max-width: 30em; margin: 0 auto; } .navbar { position: absolute; z-index: 100; left: 0; right: 0; top: 0; } .navbar a { text-decoration: none; } .navbar-bg .container { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; } @media (min-width: 768px) { .navbar-is-dark:not(.navbar-is-animate) .navbar-bg { background: rgba(0, 33, 54, 0.25); } } .navbar-left, .navbar-right { display: -webkit-flex; display: flex; } .navbar-head { display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: flex-end; justify-content: flex-end; position: relative; z-index: 10; height: 60px; margin: 0 -15px; padding: 10px 15px; background-color: #2c3235; } @media (max-width: 767px) { .navbar-head { transition: background-color 150ms ease; padding-left: 10px; padding-right: 10px; } .navbar-is-dark.menu-is-collapsed:not(.navbar-is-fixed) .navbar-head { background: rgba(0, 33, 54, 0.25); } } @media (max-width: 767px) { .navbar-head .navbar-logo { margin-right: auto; padding-right: 10px; } } .navbar-nav-link { color: white; font-size: 16px; background: #373f43; display: block; margin: 0 -15px; padding: 10px 20px 10px 15px; border-left: 5px solid transparent; } .navbar-nav-link:hover, .navbar-nav-link:active, .navbar-nav-link:focus, .navbar-nav li.is-active .navbar-nav-link { background: #424c51; color: white; text-decoration: none; outline-offset: -4px; } .navbar-nav { display: -webkit-flex; display: flex; margin: 0; padding: 0; } .navbar-nav li { list-style: none; display: block; overflow: hidden; white-space: nowrap; } .navbar-nav li.is-active .navbar-nav-link { background: #4e595f; } @media (max-width: 767px) { .navbar-nav::before { content: ''; display: block; margin: -60px -15px 0; height: 60px; background: #2c3235; } } .navbar-toggle { display: -webkit-inline-flex; display: inline-flex; height: 40px; padding: 0; width: auto; -webkit-align-items: center; align-items: center; color: white; font-size: 30px; cursor: pointer; background: none; border: 0; border-radius: 3px; } .navbar-toggle:hover, .navbar-toggle:focus { outline: 0; background: rgba(255, 255, 255, 0.08); color: white; } .navbar-toggle + .navbar-toggle { margin-left: 10px; } .navbar-toggle .icon-menu { display: -webkit-inline-flex; display: inline-flex; margin: auto; } .navbar-toggle .icon-menu::before { line-height: 1; margin: auto; } .navbar-toggle__label { text-transform: uppercase; font-size: 14px; line-height: 1; text-align: center; -webkit-flex: 1 1 auto; flex: 1 1 auto; padding: 0 2.5px; margin-top: 2px; font-weight: bold; } .navbar-alert { position: relative; z-index: 10; background: #3596d1; padding: 5px; color: white; border-bottom: 2px solid white; } .navbar-alert .container { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-items: baseline; align-items: baseline; } .navbar-alert .container strong { margin-right: 0.5em; } .navbar-alert .container * { margin-right: 0.25em; } .navbar-alert .container *:last-child { margin-right: 0; } .navbar-alert a { text-decoration: underline; color: inherit; } .navbar-alert a:hover { color: #daecf7; } @media (max-width: 767px) { .navbar-alert .logout { display: -webkit-inline-flex; display: inline-flex; text-transform: lowercase; font-size: 14px; } .navbar-alert .logout::before { content: '('; } .navbar-alert .logout::after { content: ')'; } } @media (min-width: 768px) { .navbar-alert .logout { margin-left: auto; } } .navbar-nav-warning { border-color: #ffc713; } .navbar-nav-success { border-color: #8bc53e; } .navbar-nav-danger { border-color: #e9454b; } .navbar-nav-primary { border-color: #469fd5; } .navbar-brand { color: #fff !important; } @media (max-width: 767px) { .navbar-bg .container { -webkit-flex-direction: column; flex-direction: column; } .navbar-left, .navbar-right { -webkit-flex-direction: column; flex-direction: column; } .navbar-nav-signup { display: block; margin: 0 -15px; box-shadow: none; border-radius: 0; padding: 10px 20px; } .navbar-nav-signup:hover { box-shadow: none; } .navbar-nav { position: relative; z-index: 1; -webkit-flex-direction: column; flex-direction: column; } .navbar-left:last-child .navbar-nav, .navbar-right:last-child { box-shadow: 0 -10px 100px 30px rgba(0, 0, 0, 0.5); } .navbar-nav, .navbar-right { -webkit-transform: translate(0, 0); transform: translate(0, 0); opacity: 1; transition: opacity 150ms ease, box-shadow 300ms ease, visibility 200ms, -webkit-transform 200ms ease; transition: transform 200ms ease, opacity 150ms ease, box-shadow 300ms ease, visibility 200ms; transition: transform 200ms ease, opacity 150ms ease, box-shadow 300ms ease, visibility 200ms, -webkit-transform 200ms ease; } .menu-is-collapsed .navbar-nav, .menu-is-collapsed .navbar-right { -webkit-transform: translate(0, -100px); transform: translate(0, -100px); opacity: 0; box-shadow: none; visibility: hidden; } .menu-is-collapsed .navbar { pointer-events: none; } .menu-is-collapsed .navbar > :not(.navbar-bg), .menu-is-collapsed .navbar .navbar-head { pointer-events: all; } .navbar-nav li { overflow: visible; } } @media (min-width: 768px) { .navbar-bg { padding: 10px 0; transition: padding 200ms ease; } .navbar-left, .navbar-right { -webkit-align-items: center; align-items: center; height: 53px; } .navbar-right { margin-left: auto; } .navbar-brand { margin-right: 40px; } .navbar-head { background: none; padding: 0; margin-left: 0; height: auto; } .navbar-toggle { display: none; } .navbar-nav { margin: 0; } .navbar-nav li { display: block; } .navbar-nav-link { border: 0; background: none; display: inline-block; margin: 0; padding: 14px 14px; position: relative; font-weight: 600; } .navbar-nav-link:after { content: ''; position: absolute; background: #8bc53e; bottom: 0; left: 0; opacity: 0; height: 3px; width: 100%; -webkit-transform: translate(0, 3px); transform: translate(0, 3px); transition: opacity 300ms, -webkit-transform 300ms; transition: transform 300ms, opacity 300ms; transition: transform 300ms, opacity 300ms, -webkit-transform 300ms; } .navbar-nav-link .icon { display: none; } .navbar-nav-link:focus { background: rgba(0, 0, 0, 0.2); } .navbar-nav li.is-active .navbar-nav-link, .navbar-nav-link:hover, .navbar-nav li.is-active .navbar-nav-link { background: none; } .navbar-nav li.is-active .navbar-nav-link:after, .navbar-nav-link:hover:after { opacity: 1; -webkit-transform: translate(0, 0); transform: translate(0, 0); } .navbar-right { text-align: right; } .navbar-is-scrolling .navbar { position: fixed; -webkit-transform: translate(0, -110px); transform: translate(0, -110px); } .navbar-is-scrolling .navbar .navbar-bg { padding: 0; background: #373f43; } .navbar-is-animate .navbar { transition: -webkit-transform 300ms ease-out; transition: transform 300ms ease-out; transition: transform 300ms ease-out, -webkit-transform 300ms ease-out; } .navbar-is-fixed .navbar { -webkit-transform: translate(0, 0); transform: translate(0, 0); } } @media (min-width: 768px) and (max-width: 1199px) { .navbar-nav-link { padding-left: 8px; padding-right: 8px; } } .navbar .promotion { display: -webkit-flex; display: flex; display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); -webkit-align-items: center; align-items: center; } .navbar .promotion__button { margin-left: auto; } .blocks { display: -webkit-flex; display: flex; display: grid; grid-template-columns: repeat(auto-fill, minmax(16em, 1fr)); grid-column-gap: 15px; -webkit-flex-wrap: wrap; flex-wrap: wrap; padding-left: 0; margin: 0; list-style: none; -webkit-align-items: flex-start; align-items: flex-start; } .block { min-height: 20px; padding: 19px; margin-bottom: 20px; background-color: #f5f5f6; border: 1px solid #e3e4e4; border-radius: 3px; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); position: relative; box-shadow: none; background: white; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; padding: 15px; text-align: left; width: 100%; margin: 10px; } .block blockquote { border-color: #ddd; border-color: rgba(0, 0, 0, 0.15); } @supports (display: grid) { .block { margin-left: 0; margin-right: 0; } } @media (max-width: 1199px) { .block { -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; } } @media (min-width: 480px) { .block { width: calc(50% - 5px * 4); } @supports (display: grid) { .block { width: 100%; } } } @media (min-width: 768px) { .block { width: calc(33.33% - 5px * 4); padding: 20px; } @supports (display: grid) { .block { width: 100%; } } } .block--with-description { -webkit-align-content: flex-start; align-content: flex-start; } .block--without-description { -webkit-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-align-items: center; align-items: center; } .block__img { max-width: 100%; -webkit-flex: 1 1 100%; flex: 1 1 100%; display: -webkit-flex; display: flex; height: 40px; } .block--without-description .block__img { margin: 0 15px 0 0; -webkit-flex: 0 0 40px; flex: 0 0 40px; } .block__img img { max-height: 40px; max-width: 40px; width: auto; margin-top: auto; } .block--without-description .block__img img { width: 40px; height: auto; margin-top: 0; } .block__text { -webkit-flex: 1 1 100%; flex: 1 1 100%; } .block__text a { color: inherit; } .block__text .icon-down-open { display: inline-block; } .block__text .collapsed .icon-down-open { -webkit-transform: rotate(-90deg); transform: rotate(-90deg); } .green-blocks { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; padding-left: 0; margin: 0 -15px; list-style: none; } .green-block { padding: 15px; width: 50%; -webkit-align-content: flex-start; align-content: flex-start; } @media (min-width: 768px) { .green-block { width: 33.33333333%; } } .green-block__img { position: relative; background: #8bc53e; border-radius: 50%; } .green-block__text { margin-top: 15px; } @media (min-width: 768px) { .table-block { display: table; } .table-cell-block { vertical-align: middle; display: table-cell; float: none; } .table-cell-block .h1 { margin-top: 0; } .table-cell-block p:last-child, .table-cell-block ul:last-child { margin-bottom: 0; } } @media (min-width: 992px) { .table-cell-block.col-sm-6:first-child, .table-cell-block.col-sm-6.col-sm-pull-6 { padding-right: 8.33333333%; } .table-cell-block.col-sm-6.col-sm-push-6 { padding-right: 15px; } .table-cell-block.col-sm-6:last-child, .table-cell-block.col-sm-6.col-sm-push-6 { padding-left: 8.33333333%; } .table-cell-block.col-sm-6.col-sm-pull-6 { padding-left: 15px; } } @media (min-width: 1200px) { .table-cell-block.text-block:not(:last-child) { padding-right: 8.33333333%; } } @media (max-width: 767px) { .table-cell-block:first-child { text-align: center; } .table-block.container .table-cell-block { padding-left: 0; padding-right: 0; } } .how-list { display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; position: relative; margin: 0 auto; list-style: none; max-width: 1170px; counter-reset: count-steps; text-align: left; padding: 0 20px; } @media (max-width: 767px) { .how-list { -webkit-flex-wrap: wrap; flex-wrap: wrap; } } @media (min-width: 768px) { .how-list { -webkit-flex-direction: row; flex-direction: row; } } .how-list .step { counter-increment: count-steps; } @media (max-width: 767px) { .how-list .step { -webkit-flex-wrap: wrap; flex-wrap: wrap; } } @media (min-width: 768px) { .how-list .step { -webkit-flex: 1 1 100%; flex: 1 1 100%; } .how-list .step + .step { margin: 0 0 0 20px; } } .how-list .step__content { display: grid; grid-column-gap: 20px; -webkit-align-items: start; align-items: start; grid-template-columns: auto 1fr; position: relative; } @media (max-width: 767px) { .how-list .step__content { margin: 0; padding-left: 0; } } .how-list .step__content--centered { display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; } .how-list .step__content > * { grid-column: 2; } .how-list .step__content::before { content: counter(count-steps); font-size: 30px; font-weight: bold; color: #bbbebf; display: block; grid-column: 1; grid-row: 1 / span 3; line-height: 1.1; position: relative; z-index: 2; min-width: 1ch; } .section--colored .how-list .step__content::before { color: #8d8d8d !important; } .how-list .step__content button { margin-top: 10px; } @media (max-width: 767px) { .how-list .step:not(:last-child) .step__content { padding-bottom: 60px; } .how-list .step:not(:last-child) .step__content::after { position: absolute; display: block; top: 40px; bottom: 20px; left: -0.5em; width: 2em; content: ''; background: url("data:image/svg+xml,%3csvg clip-rule='evenodd' fill-rule='evenodd' stroke-linecap='round' stroke-linejoin='round' viewBox='0 0 35 291' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M17.835 3.335v284.322l-14.5-15.967 14.5 15.967 13.5-15.967' fill='none' stroke='%23ececec' stroke-width='6.67'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-size: 100%; background-position: bottom; } .section--colored .how-list .step:not(:last-child) .step__content::after { background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 35 291' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd' clip-rule='evenodd' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M17.835 3.335v284.322l-14.5-15.967 14.5 15.967 13.5-15.967' fill='none' stroke='%23D0CECB' stroke-width='6.67'/%3e%3c/svg%3e"); } } .how-list .step__image { width: 100%; -webkit-flex-basis: 100%; flex-basis: 100%; padding-bottom: 20px; } @media (max-width: 767px) { .how-list .step__image { position: relative; padding-left: 0; } } @media (min-width: 768px) { .how-list .step__image { -webkit-flex-basis: auto; flex-basis: auto; padding-left: 40px; } } @media (min-width: 992px) { .how-list .step__image { display: grid; grid-template-columns: auto 1fr; -webkit-flex-basis: auto; flex-basis: auto; } } .how-list .step__image .illustration { width: 120px; } @media (min-width: 768px) { .how-list .step__image .illustration { height: 100px; width: auto; } } .how-list .step__image .arrow { display: none; margin: 0 -1em 0 auto; width: 177px; } .section--colored .how-list .step__image .arrow svg path { stroke: #d0cecb !important; } @supports (display: grid) { .how-list .step__image .arrow { display: block; } } @media (max-width: 991px) { .how-list .step__image .arrow { display: none; } } @media (max-width: 767px) { .how-list .step:first-child .step__image::before { display: none; } } @media (min-width: 768px) { .how-list .step:nth-child(2n) .step__image .arrow { margin-top: auto; } } .website-examples { /** * 1) Don’t let an item overflow viewport on small screens. * 2) A parent has `overflow: hidden`, so add extra space for `box-shadow`. **/ } @media (max-width: 991px) { .website-examples .heading-section, .website-examples .heading-subtitle { padding-left: 15px; padding-right: 15px; } } .website-examples .splide__slide { outline: 0; } @media (min-width: 768px) { .website-examples .splide__slide { transition: -webkit-transform ease-in-out 200ms; transition: transform ease-in-out 200ms; transition: transform ease-in-out 200ms, -webkit-transform ease-in-out 200ms; -webkit-transform: scale(0.65); transform: scale(0.65); } } @media (min-width: 768px) { .website-examples .splide__slide.is-active { -webkit-transform: scale(1); transform: scale(1); } } .website-examples .website-example { max-width: 90vw; margin-bottom: 15px; } .list { padding: 0; } .list li { list-style: none; } .list .icon { color: #8bc53e; } .list .icon::before { width: auto; margin: 0 0.4em 0 0; } .list--horizontal li { margin: 5px auto; text-align: center; } @media (min-width: 992px) { .list--horizontal li { display: inline-block; margin: 0 15px; } } .list--horizontal li:last-child { margin-right: 0; } .list--vertical { text-align: left; } .list--vertical li { display: -webkit-flex; display: flex; margin-bottom: 10px; } .list--vertical .icon-check-1 { margin-right: 5px; } .list-unordered li { padding-left: 20px; } .list-unordered li:before { content: ''; display: inline-block; border-radius: 50%; width: 10px; height: 10px; background: currentColor; margin-right: 10px; margin-left: -20px; opacity: 0.25; } .section--primary .list-unordered li:before { opacity: 0.9; } .footer { background: #2c3235; color: white; margin-top: auto; } .footer-container { line-height: 1.8em; } .footer-list__heading { margin: 0; font-size: inherit; line-height: inherit; } .footer-list__links { margin: 0; padding: 0; list-style: none; } .footer-list__links a, .footer-list__links .text-button { text-decoration: none; color: rgba(255, 255, 255, 0.8); } .footer-list__links a:hover, .footer-list__links .text-button:hover, .footer-list__links a:focus, .footer-list__links .text-button:focus { text-decoration: underline; } .footer-copy { font-family: Arial, sans-serif; } .footer-social-icons { margin: 0; padding: 0; list-style: none; font-size: 1.2em; } .footer-social-icons li { display: inline-block; } .footer-social-icons a { display: inline-block; width: 2em; height: 2em; line-height: 2em; text-align: center; color: inherit; border-radius: 50%; transition: background-color 150ms ease; } .footer-social-icons a:hover { background: rgba(255, 255, 255, 0.1); } .footer--minimal .list-inline a { color: inherit; } @media (max-width: 767px) { .footer-container { margin: 0 0.5em; } .footer-list { padding-top: 0.8em; padding-bottom: 0.8em; border-bottom: 1px solid; border-color: rgba(255, 255, 255, 0.2); } .footer-list:first-child { border-top-width: 1px; border-top-style: solid; } .footer-list__heading i { float: right; font-size: 1.3em; margin-top: 0.1em; -webkit-transform-origin: center 0.6em; transform-origin: center 0.6em; -webkit-transform: rotate(180deg); transform: rotate(180deg); transition: -webkit-transform 350ms ease; transition: transform 350ms ease; transition: transform 350ms ease, -webkit-transform 350ms ease; } .footer-list__heading.collapsed i { -webkit-transform: rotate(0deg); transform: rotate(0deg); } .footer--minimal .row > * + * { margin: 1em 0 0 0; } } @media (min-width: 768px) { .footer-container { -webkit-columns: 0; -moz-columns: 0; columns: 0; display: -webkit-flex; display: flex; } .footer-list { -webkit-flex: 1 0 auto; flex: 1 0 auto; padding: 0 2em 0 0; } .footer-list__heading i { display: none; } .footer-list__links { height: auto !important; display: block; } .footer--minimal .row { display: -webkit-flex; display: flex; -webkit-align-items: baseline; align-items: baseline; } .footer--minimal .list-inline { text-align: left; } .footer--minimal .footer-social-icons { text-align: right; } } .cta-text { margin: 0; } .cta-btn { margin-top: 20px; } @media (min-width: 768px) { .exp-center-frontpage-cta--control .cta-text { float: left; margin-top: 10px; } .exp-center-frontpage-cta--control .cta-btn { float: right; margin-top: 0; } } .table { border: 3px solid #8bc53e; border-top: 0; width: 100%; } .table td, .table th { padding: 4px 8px; background: white; border-bottom: 1px solid #ebebeb; border-left: 1px solid #ebebeb; } .table td:first-child, .table th:first-child { text-align: left; border-left: 0; } .table td:nth-child(2n), .table th:nth-child(2n) { background: #f7f7f7; } .table .table-heading th { background: #8bc53e; color: white; border: 0; } .table .icon { color: #8bc53e; } .table .icon.text-danger { color: #e9454b; } .table .icon.text-success { color: #8bc53e; } @media (max-width: 380px) { .table { margin: 0 -10px; width: auto; } } @media (max-width: 330px) { .table { margin: 0 -15px; width: auto; border-right: 0; border-left: 0; } } @media (min-width: 480px) { .table td, .table th { padding: 10px 19px; } .table th { padding: 5px 14px; } } .large-how-list { list-style: none; counter-reset: count-steps; padding: 0; } .large-step { text-align: left; counter-increment: count-steps; position: relative; } @media (min-width: 768px) { .large-step { display: -webkit-flex; display: flex; display: grid; -webkit-align-items: baseline; align-items: baseline; grid-template-columns: 1fr auto 1fr; grid-template-rows: auto; } } @media (min-width: 768px) { .large-step::before { grid-column: 2; grid-row: 1; } } @media (min-width: 768px) { .large-step:nth-child(2)::before { transition-delay: 100ms; } } @media (min-width: 768px) { .large-step:nth-child(3)::before { transition-delay: 200ms; } } .large-step + .large-step { margin-top: 40px; } @media (min-width: 768px) { .large-step + .large-step { margin-top: 100px; } @supports (display: grid) { .large-step + .large-step { margin-top: 40px; } } } .large-step__image { margin-bottom: 20px; } @media (min-width: 768px) { .large-step__image { grid-column: 1 / span 2; grid-row: 1; margin: 0; text-align: center; -webkit-flex: 1 1 50%; flex: 1 1 50%; -webkit-order: -1; order: -1; } } .large-step__image img { height: 6em; width: auto; } @media (min-width: 768px) { .large-step__image img { max-width: 15em; height: auto; } } @media (min-width: 992px) { .large-step__image img { max-width: 20em; } } @media (min-width: 1200px) { .large-step__image img { height: 200px; max-width: 100%; } } .large-step__content { position: relative; } @media (min-width: 768px) { .large-step__content { grid-column: 2; grid-row: 2; padding: 0 30px; grid-column: 3; grid-row: 1; -webkit-flex: 1 1 50%; flex: 1 1 50%; } } .large-step__content .list { margin-left: calc(3em + (5px * 2)); } @media (min-width: 768px) { .large-step__content .list { margin-left: 1em; } } .large-step__content .list li { list-style-type: disc; padding: 0; } @media (max-width: 767px) { .large-step__content:not(:last-child)::after { position: absolute; display: block; top: 3.5em; bottom: -1em; left: 0; width: 2em; content: ''; background: url("data:image/svg+xml,%3csvg clip-rule='evenodd' fill-rule='evenodd' stroke-linecap='round' stroke-linejoin='round' viewBox='0 0 35 291' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M17.835 3.335v284.322l-14.5-15.967 14.5 15.967 13.5-15.967' fill='none' stroke='%23ececec' stroke-width='6.67'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-size: 100%; background-position: bottom; } } .large-step__arrow { display: none; } .large-step__arrow path { fill: currentColor; opacity: 0.15; } @supports (display: grid) { @media (min-width: 768px) { .large-step__arrow { display: block; margin: 7em 0 -2em -2em; width: 2em; align-self: end; grid-column: 2; grid-row: 1; } } @media (min-width: 1200px) { .large-step__arrow { margin: 10em 0 -4em -2em; } } } @media (min-width: 768px) { .large-step--opposite .large-step__content { grid-column: 1; } .large-step--opposite .large-step__image { grid-column: 3; -webkit-order: 2; order: 2; } .large-step--opposite .large-step__arrow { margin-left: 2em; } } .large-step::before, .large-step__content .heading-section::before { display: inline-block; content: counter(count-steps); border-radius: 100%; width: 2em; height: 2em; line-height: 2em; text-align: center; font-size: 24px; font-weight: bold; background: #bbbebf; color: white; transition: background-color ease 200ms; -webkit-flex: 0 0 auto; flex: 0 0 auto; } .large-step::before { width: 2em; height: 2em; line-height: 2em; } @media (max-width: 767px) { .large-step::before { display: none; } } .large-step__content .heading-section::before { margin-right: 10px; width: 1.5em; height: 1.5em; line-height: 1.5em; } @media (min-width: 768px) { .large-step__content .heading-section::before { display: none; } } .large-step--viewed::before, .large-step--viewed .large-step__content .heading-section::before { background: #8bc53e; } .splide__list { -webkit-flex-wrap: nowrap; flex-wrap: nowrap; } .splide__spinner { border-color: #c3c5c7; } .splide__pagination { display: -webkit-flex; display: flex; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; margin: 0; padding: 0; width: 100%; } .splide__pagination li { margin: 0 2.5px; } .splide__pagination__page { display: block; cursor: pointer; background: #c3c5c7; border-radius: 100%; width: 0.8em; height: 0.8em; border: 0; padding: 0; } .splide__pagination__page.is-active { background: #3596d1; } .splide__arrow { background: none; border: 0; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: 2; outline: 0; } .splide__arrow[disabled] { opacity: 0; } .splide__arrow svg { width: 20px; height: 20px; opacity: 0.5; } .splide__arrow path { fill: #7d7d7d; } .splide__arrow--prev { left: 0; } .splide__arrow--prev svg { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .splide__arrow--next { right: 0; } .check-wrap { display: inline-block; position: relative; overflow: hidden; } .check { display: inline-block; position: absolute; left: 50%; top: 100%; text-align: center; margin-left: -50px; width: 100px; height: 100px; background: #8bc53e; background: rgba(139, 197, 62, 0.9); color: white; border-radius: 50%; font-size: 40px; line-height: 100px; opacity: 0; transition: all 200ms ease-out; } .check-wrap.is-checked .check { opacity: 1; top: 50%; margin-top: -50px; } @media (max-width: 767px) { .check { display: none; } } .modal { position: fixed; display: none; z-index: 500; width: 100%; top: 0; bottom: 0; overflow-x: hidden; overflow-y: auto; cursor: pointer; outline: 0; -webkit-overflow-scrolling: touch; } .modal.fade { opacity: 0; -webkit-transform: scale(0.9); transform: scale(0.9); transition: opacity 200ms ease-out, -webkit-transform 300ms ease-out; transition: opacity 200ms ease-out, transform 300ms ease-out; transition: opacity 200ms ease-out, transform 300ms ease-out, -webkit-transform 300ms ease-out; } .modal.fade.in { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } .modal-backdrop { background: black; position: fixed; z-index: 400; top: 0; right: 0; left: 0; bottom: 0; -webkit-animation: modal-backdrop-open 300ms ease; animation: modal-backdrop-open 300ms ease; } .modal-backdrop.fade.in { opacity: 0.8; } @-webkit-keyframes modal-backdrop-open { 0% { opacity: 0; } 100% { opacity: 0.8; } } @keyframes modal-backdrop-open { 0% { opacity: 0; } 100% { opacity: 0.8; } } .modal-content { margin: 50px auto; position: relative; width: 90%; max-width: 500px; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .modal-content:before, .modal-content:after { content: " "; display: table; } .modal-content:after { clear: both; } .modal-content:before, .modal-content:after { content: " "; display: table; } .modal-content:after { clear: both; } @media (min-width: 768px) { .modal-content { max-width: 60em; } } .modal-close { position: absolute; right: 15px; top: 15px; background: transparent; border: 0; color: white; opacity: 0.6; font-size: 19px; } .modal-close:hover { opacity: 0.8; } .signup-modal .modal-close { color: inherit; z-index: 10; } .modal-open { overflow: hidden !important; } .modal-open .modal, .modal-open .modal-backdrop { display: block; } .modal-open .signup-modal { display: -webkit-flex; display: flex; } .open-signup .modal-login { display: none; } .open-login .modal-signup { display: none; } .signup-modal { -webkit-flex-direction: column; flex-direction: column; background: #f2eee6; } .signup-modal .modal-content { padding: 50px 0 0; margin: auto; } @media (max-width: 767px) { .signup-modal .modal-content { padding: 0 !important; width: 100% !important; height: 100% !important; max-width: none !important; } } @media (min-width: 768px) { .signup-modal .modal-content { max-width: none; margin: 0; width: 100%; padding: 20px; min-height: 100%; } } .signup-modal .modal-close { top: 0; right: 0; margin: 0; padding: 10px; } @media (min-width: 768px) { .signup-modal .modal-close { top: 20px; right: 20px; z-index: 10; } } @media (min-width: 768px) { .signup-modal--sign-up-left .modal-close { color: white; opacity: 1; font-size: 1.5em; } } .bounce-button.is-bounce { -webkit-animation: bounce 600ms alternate; animation: bounce 600ms alternate; } @-webkit-keyframes bounce { 0% 100% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(1.1); transform: scale(1.1); } } @keyframes bounce { 0% 100% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(1.1); transform: scale(1.1); } } .color-wheel-wrap { position: relative; display: inline-block; margin-top: 21px; } .color-wheel-dot-wrap { top: 50%; position: absolute; width: 100%; height: 0; } .color-wheel-dot { border-radius: 50%; border: 2px solid #fff; position: absolute; right: -4px; margin-top: -10px; top: 0px; width: 20px; height: 20px; background-color: #E31F21; } .color-wheel-color { position: absolute; top: 81px; left: 73px; width: 55px; height: 45px; } .color-wheel { position: relative; } .avatar { border-radius: 50%; border: 3px solid #e9e3d5; } .avatar[onclick] { cursor: pointer; } .avatar-btn { margin-top: 10px; } .avatar-wrap { margin: 10px 0; } .avatar-title { margin-top: 15px; margin-bottom: 5px; } .avatar-subtitle { font-style: italic; } .trust-slider { padding: 0 40px; } @media (max-width: 480px) { .trust-slider { display: none; } } .trust-slider .splide__arrow--prev { left: -35px; } .trust-slider .splide__arrow--next { right: -35px; } .trust-slider .splide__list { -webkit-flex-wrap: wrap; flex-wrap: wrap; } .trust-review { min-height: 20px; padding: 19px; margin-bottom: 20px; background-color: #f5f5f6; border: 1px solid #e3e4e4; border-radius: 3px; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); position: relative; box-shadow: none; background: white; margin: 0; text-align: left; height: 100%; } .trust-review blockquote { border-color: #ddd; border-color: rgba(0, 0, 0, 0.15); } .trust-review__head { display: -webkit-flex; display: flex; -webkit-align-items: flex-start; align-items: flex-start; margin-bottom: 10px; } .trust-review__head > * { -webkit-flex: 1 1 50%; flex: 1 1 50%; } .trust-review__head img { max-width: 7em; } .trust-review__head small { line-height: 1.3; color: #7d7d7d; text-align: right; padding-left: 10px; } .trust-review__title { line-height: 1.6; } .testimonial { display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; height: 100%; } .trust-summary { margin: 0 auto; } @media (min-width: 992px) { .trust-summary--inline { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-items: baseline; align-items: baseline; font-size: 19px; max-width: 970px; } .trust-slider + .trust-summary--inline { margin-top: 15px; } } .trust-summary__description, .trust-summary__stars, .trust-summary__meta, .trust-summary__credits { margin: 0 5px; -webkit-flex-basis: 100%; flex-basis: 100%; } @media (min-width: 992px) { .trust-summary--inline .trust-summary__description, .trust-summary--inline .trust-summary__stars, .trust-summary--inline .trust-summary__meta, .trust-summary--inline .trust-summary__credits { -webkit-flex: 0 1 auto; flex: 0 1 auto; margin: 0 10px; } } .trust-summary__description { font-size: 24px; } .trust-summary__stars { display: block; -webkit-align-self: center; align-self: center; margin-top: 5px; } @media (min-width: 992px) { .trust-summary--inline .trust-summary__stars { margin-top: 0; } } .trust-summary__stars img { width: 10em; } @media (min-width: 992px) { .trust-summary--inline .trust-summary__stars img { width: 8em; } } .trust-summary__meta { margin-top: 15px; color: #7d7d7d; } @media (min-width: 992px) { .trust-summary--inline .trust-summary__meta { margin-top: 0; color: inherit; } } .trust-summary__credits, .trust-credits { /* used in exp. `competitors-reviews` */ display: -webkit-flex; display: flex; -webkit-align-items: flex-end; align-items: flex-end; -webkit-justify-content: center; justify-content: center; margin-top: 5px; color: #7d7d7d; } .trust-summary--inline .trust-summary__credits, .trust-summary--inline .trust-credits { font-size: 16px; } @media (min-width: 992px) { .trust-summary--inline .trust-summary__credits, .trust-summary--inline .trust-credits { margin: 0 0 0 auto; color: inherit; } } .trust-summary__credits img, .trust-credits img { margin: 0 0 3px 5px; } .reviews .trust-summary { margin-bottom: 60px; } .review { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; text-align: left; max-width: 40em; margin: 0 auto 50px; } .review__stars { width: 168px; -webkit-flex: 0 1 auto; flex: 0 1 auto; -webkit-align-self: center; align-self: center; } .review__content { margin-top: 20px; -webkit-flex: 0 0 100%; flex: 0 0 100%; } .review__time { margin: auto 0 auto auto; padding: 10px 0 10px 10px; color: #7d7d7d; } .fb-like-box { width: 100% !important; } .fb-like-box span, .fb-like-box iframe { width: 100% !important; position: relative !important; } .quote { position: relative; border: 0; padding: 0 10px; text-align: left; } @media (min-width: 768px) { .quote { font-size: 30px; } } .quote::before { position: absolute; left: -0.25em; content: '“'; } .quote::before, .quote .quote-text__last-word::after { color: #d5d6d7; -webkit-transform: scale(1.5); transform: scale(1.5); display: inline-block; -webkit-transform-origin: 50% 40%; transform-origin: 50% 40%; } .quote .quote-text__last-word { display: inline-block; } .quote .quote-text__last-word::after { content: '”'; margin-left: 0.15em; } .exp-block-container { position: relative; padding: 0 10px; } @media (min-width: 768px) { .exp-block-container { padding: 0; } .exp-block-container:before, .exp-block-container:after { content: " "; display: table; } .exp-block-container:after { clear: both; } .exp-block-container:before, .exp-block-container:after { content: " "; display: table; } .exp-block-container:after { clear: both; } } .exp-block { position: relative; width: 375px; padding: 10px; margin: 0 auto 20px; word-wrap: break-word; background: white; border-radius: 3px; box-shadow: 0 0 0 1px rgba(55, 63, 67, 0.08), 0 2px 5px rgba(151, 131, 81, 0.12); } .exp-block:before, .exp-block:after { content: " "; display: table; } .exp-block:after { clear: both; } .exp-block:before, .exp-block:after { content: " "; display: table; } .exp-block:after { clear: both; } @media (max-width: 767px) { .exp-block { max-width: 100%; } } @media (min-width: 768px) { .exp-block { float: left; margin: 0 0 20px; } } .exp-block-inner { position: relative; max-height: 440px; overflow: hidden; } .exp-block-inner--small { max-height: 350px; } .exp-link-wrap { transition: opacity 200ms ease-out; position: absolute; width: 100%; top: 0; bottom: 0; text-align: center; background: rgba(0, 0, 0, 0.3); opacity: 0; } .exp-block:hover .exp-link-wrap { opacity: 1; } .exp-link { margin-top: 70px; } @media (max-width: 767px) { .exp-image { max-width: 100%; height: auto; } } .overview-container { margin: 0 -15px; } .overview-card { float: left; padding: 0 15px; } .overview-card .card:hover .exp-link-wrap { opacity: 1; } .overview-card-inner { position: relative; } .overview-link { margin-top: 15%; color: white; font-weight: bold; display: block; } .overview-link:hover, .overview-link:focus { color: white; text-decoration: none; } .overview-btn { margin-top: 5px; } .overview-nav { list-style: none; margin: 0; padding: 0; float: right; margin: 0 15px 15px; } .overview-nav li { display: block; margin-right: 5px; float: left; } .overview-nav li:after { margin-left: 5px; content: '-'; } .overview-nav li:last-child:after { content: ''; } .overview-nav li.is-active a { text-decoration: underline; } .overview-nav a { color: #2c3235; } @media (min-width: 480px) { .overview-card { width: 50%; } .overview-link { margin-top: 12%; } } @media (min-width: 992px) { .overview-card { width: 33.33%; } .overview-link { margin-top: 40px; } } @media (min-width: 1200px) { .overview-link { margin-top: 60px; } } .is-touch-device.is-mobile .touch-hide { display: none !important; } .is-desktop .touch-show { display: none !important; } .is-visible-logged-in { display: none; } .is-logged-in .is-visible-logged-in { display: block !important; } .is-logged-in .is-visible-logged-out { display: none !important; } /** * Rows of alternating [image + description] / [description + image] blocks */ .about-row { display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; background: white; } .about-row__image-container { position: relative; padding-bottom: 66%; background-size: cover; background-position: center; } @supports ((-o-object-fit: cover) or (object-fit: cover)) { .about-row__image-container { background-image: none !important; } } .about-row__image { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100% !important; } @supports ((-o-object-fit: cover) or (object-fit: cover)) { .about-row__image { display: block; -o-object-fit: cover; object-fit: cover; } } .about-row__body { padding: 30px 15px; text-align: left; } .about-row__body h2 { margin-top: 0; } @media (min-width: 768px) { .about-row { -webkit-flex-direction: row; flex-direction: row; } .about-row__image-container, .about-row__body { -webkit-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .about-row__image-container { padding-bottom: 40%; } .about-row__body { padding: 5rem; -webkit-align-self: center; align-self: center; } .about-row:nth-child(2n) .about-row__image-container { -webkit-order: 1; order: 1; } } .lazy-vimeo--loading .lazy-vimeo-placeholder img { -webkit-filter: blur(4px); filter: blur(4px); } .lazy-vimeo--loading .lazy-vimeo-play .icon::before { -webkit-animation: spin-loader 0.5s infinite linear; animation: spin-loader 0.5s infinite linear; display: inline-block; } @-webkit-keyframes spin-loader { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } @keyframes spin-loader { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } .lazy-vimeo .lazy-vimeo-video, .lazy-vimeo .lazy-vimeo-placeholder { position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin-bottom: 0; background: #fff; } .lazy-vimeo .lazy-vimeo-thumbnail { width: 100%; height: 100%; } .lazy-vimeo .lazy-vimeo-play { position: absolute; left: 8px; bottom: 8px; padding: 3px 22px; font-size: 25px; border: none; border-radius: 5px; color: #fff; background-color: rgba(23, 35, 34, 0.75); } .lazy-vimeo .lazy-vimeo-play:hover { background-color: #469fd5; } .compare-table { width: 100%; table-layout: fixed; border: 0; } .compare-table td, .compare-table th { padding: 6px 12px; background: #fff; border-top: 1px solid #e3e4e4; border-left: 1px solid #e3e4e4; border-bottom: 0; transition: background-color 100ms ease; } .compare-table td:not(.compare-table__cell--highlighted):last-child, .compare-table th:not(.compare-table__cell--highlighted):last-child { border-right: 1px solid #e3e4e4; } .compare-table th { font-weight: normal; } .compare-table tbody:last-child td, .compare-table tbody:last-child th { border-bottom: 1px solid #e3e4e4; } .compare-table tbody:last-child .compare-table__cell--highlighted { border-bottom: 3px solid #8bc53e; } .compare-table__row--banner td, .compare-table__row--banner th { padding: 4px 8px 3px; background: none; border: 0; border-bottom: 1px solid #e3e4e4; } .compare-table__row--banner td:not(.compare-table__cell--highlighted):last-child, .compare-table__row--banner th:not(.compare-table__cell--highlighted):last-child { border-right: 0; } .compare-table__row--banner .compare-table__cell--empty { border-bottom: 0; } .compare-table__row--banner .compare-table__cell--highlighted { background: #8bc53e; color: #fff; border-color: #8bc53e; border-left-width: 3px; border-right-width: 3px; } .compare-table__row--price td, .compare-table__row--price th { padding: 0; vertical-align: top; } .compare-table__row--feature:hover td, .compare-table__row--feature:hover th { background: #f7f7f7; } .compare-table .compare-table__cell--empty { background: transparent; border-left: 0; } .compare-table .compare-table__cell--label { background: #f7f7f7; color: #8c8c8c; font-size: 14px; text-transform: uppercase; } .compare-table .compare-table__cell--description { color: #7d7d7d; text-align: left; } .compare-table .compare-table__cell--description[colspan] { background: #2c3235; color: white; text-align: left; } .compare-table .compare-table__cell--description .icon { color: #adaca8; margin-left: auto; } .compare-table .compare-table__cell--highlighted { border-left: 3px solid #8bc53e; border-right: 3px solid #8bc53e; } .compare-table .compare-table__cell--success .icon { color: #8bc53e; } .compare-table .compare-table__cell--grey .icon { color: #d2d0cc; } .compare-table tbody:last-child .compare-table__cell--empty { border-bottom: 0; } .compare-table tbody:not(:last-child) .compare-table__cell--empty { border-top: 0; } .compare-table__feature { display: -webkit-flex; display: flex; -webkit-align-items: flex-start; align-items: flex-start; } .compare-table .icon-big { font-size: 1.2em; line-height: 0.83333333em; vertical-align: middle; } @media (max-width: 767px) { .compare-table--mobile-feature-list, .compare-table--mobile-feature-list thead, .compare-table--mobile-feature-list tbody, .compare-table--mobile-feature-list tr { display: block; } .compare-table--mobile-feature-list td { display: none; background: none !important; border: none; padding: 0; } .compare-table--mobile-feature-list .compare-table__cell--label { display: block; text-transform: none; font-family: 'Proxima Nova', 'Segoe UI', Arial, sans-serif; font-weight: bold; line-height: 1.1; color: inherit; margin-top: 25px; margin-bottom: 12.5px; font-size: 19px; } .compare-table--mobile-feature-list .compare-table__cell--label small, .compare-table--mobile-feature-list .compare-table__cell--label .small { font-weight: normal; line-height: 1; color: #424c51; } .compare-table--mobile-feature-list .compare-table__cell--label small, .compare-table--mobile-feature-list .compare-table__cell--label .small { font-size: 65%; } .compare-table--mobile-feature-list .compare-table__cell--label ~ .compare-table__cell--label { display: none; } .compare-table--mobile-feature-list .compare-table__row--feature .compare-table__cell--description { display: block; margin: 0 0 8px; text-align: center; color: inherit; } } .compare-table .pricing-block { padding-left: 10px; padding-right: 10px; } .social-links { margin-bottom: 15px; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-items: flex-start; align-items: flex-start; } .social-links__item { display: -webkit-inline-flex; display: inline-flex; width: 1.75em; height: 1.75em; border-radius: 100%; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; margin: 0 5px 5px 0; font-size: 2.05rem; transition: background-color 150ms ease; } .social-links__item, .social-links__item:focus, .social-links__item:hover { color: white; text-decoration: none; } .social-links__item--twitter { background: #1da1f2; } .social-links__item--twitter:focus, .social-links__item--twitter:hover { background: #4ab4f5; } .social-links__item--youtube { background: #ff0000; } .social-links__item--youtube:focus, .social-links__item--youtube:hover { background: #ff6666; } .social-links__item--facebook { background: #3b5998; } .social-links__item--facebook:focus, .social-links__item--facebook:hover { background: #627aad; } .social-links__item--instagram { background: #f00975; } .social-links__item--instagram:focus, .social-links__item--instagram:hover { background: #f5539e; } .social-links__item [class^='icon-'] { display: -webkit-inline-flex; display: inline-flex; } .timer { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; margin: 0; -webkit-justify-content: center; justify-content: center; } .timer__value { margin-left: 0.25em; } .floating-label { position: relative; } .floating-label .signup-input:-moz-placeholder-shown { padding-top: 16.5px; padding-bottom: 16.5px; } .floating-label .signup-input:-ms-input-placeholder { padding-top: 16.5px; padding-bottom: 16.5px; } .floating-label .signup-input:placeholder-shown { padding-top: 16.5px; padding-bottom: 16.5px; } .floating-label .signup-input:not(:-moz-placeholder-shown) { padding-top: 25.25px; padding-bottom: 7.75px; } .floating-label .signup-input:not(:-ms-input-placeholder) { padding-top: 25.25px; padding-bottom: 7.75px; } .floating-label .signup-input:not(:placeholder-shown) { padding-top: 25.25px; padding-bottom: 7.75px; } .floating-label label { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } .floating-label .signup-input:-moz-placeholder-shown ~ label, .floating-label .signup-input:not(:-moz-placeholder-shown) ~ label { display: flex; position: absolute; z-index: 1; opacity: 0; top: 0; left: 15px; color: #65747b; font-weight: normal; pointer-events: none; transform: translateY(50%); -moz-transition: ease transform 50ms; transition: ease transform 50ms; transform-origin: 0 0; width: auto; /* 1 */ height: auto; /* 1 */ margin: 0; /* 1 */ overflow: auto; /* 1 */ clip: auto; /* 1 */ } .floating-label .signup-input:-ms-input-placeholder ~ label, .floating-label .signup-input:not(:-ms-input-placeholder) ~ label { display: flex; position: absolute; z-index: 1; opacity: 0; top: 0; left: 15px; color: #65747b; font-weight: normal; pointer-events: none; transform: translateY(50%); -ms-transition: ease transform 50ms; transition: ease transform 50ms; transform-origin: 0 0; width: auto; /* 1 */ height: auto; /* 1 */ margin: 0; /* 1 */ overflow: auto; /* 1 */ clip: auto; /* 1 */ } .floating-label .signup-input:placeholder-shown ~ label, .floating-label .signup-input:not(:placeholder-shown) ~ label { display: -webkit-flex; display: flex; position: absolute; z-index: 1; opacity: 0; top: 0; left: 15px; color: #65747b; font-weight: normal; pointer-events: none; -webkit-transform: translateY(50%); transform: translateY(50%); transition: ease transform 50ms; -webkit-transform-origin: 0 0; transform-origin: 0 0; width: auto; /* 1 */ height: auto; /* 1 */ margin: 0; /* 1 */ overflow: auto; /* 1 */ clip: auto; /* 1 */ } .floating-label .signup-input:-moz-placeholder-shown ~ label::after, .floating-label .signup-input:not(:-moz-placeholder-shown) ~ label::after { content: '\003a'; } .floating-label .signup-input:-ms-input-placeholder ~ label::after, .floating-label .signup-input:not(:-ms-input-placeholder) ~ label::after { content: '\003a'; } .floating-label .signup-input:placeholder-shown ~ label::after, .floating-label .signup-input:not(:placeholder-shown) ~ label::after { content: '\003a'; } .floating-label .signup-input:not(:-moz-placeholder-shown) ~ label { opacity: 1; transform: translateY(3px) scale(0.9); } .floating-label .signup-input:not(:-ms-input-placeholder) ~ label { opacity: 1; transform: translateY(3px) scale(0.9); } .floating-label .signup-input:not(:placeholder-shown) ~ label { opacity: 1; -webkit-transform: translateY(3px) scale(0.9); transform: translateY(3px) scale(0.9); } .floating-label .signup-input:not(:-moz-placeholder-shown):focus ~ label { color: #1a5172; } .floating-label .signup-input:not(:-ms-input-placeholder):focus ~ label { color: #1a5172; } .floating-label .signup-input:not(:placeholder-shown):focus ~ label { color: #1a5172; } .floating-label .signup-input:not(:-moz-placeholder-shown).is-error ~ label { color: #b7161c; } .floating-label .signup-input:not(:-ms-input-placeholder).is-error ~ label { color: #b7161c; } .floating-label .signup-input:not(:placeholder-shown).is-error ~ label { color: #b7161c; } .floating-label__icon-button { position: absolute; z-index: 1; top: 8px; right: 8px; width: 39px; height: 39px; padding: 0; border-radius: 50%; border: none; background-color: transparent; color: #7d7d7d; font-size: 17px; line-height: 1; } .floating-label__icon-button > i::before { width: auto; margin: 0; } .floating-label__icon-button:hover, .floating-label__icon-button:focus { color: #373f43; background-color: rgba(55, 63, 67, 0.1); } .floating-label__icon-button:active { color: #373f43; background-color: rgba(55, 63, 67, 0.15); } .floating-label__icon-button:focus { outline: 1px solid #469fd5; outline-offset: 2px; } .js-focus-visible .floating-label__icon-button:focus:not(.focus-visible) { outline: none; } .perks { list-style: none; padding-left: 0; } .perk { width: 100%; text-align: left; padding: 0 15px; margin: 0 auto; } @media (min-width: 768px) { .perk { max-width: 970px; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; } } .perk + .perk { margin-top: 50px; } @media (min-width: 768px) { .perk + .perk { margin-top: 75px; } } .perk--spacious + .perk--spacious { margin-top: 75px; } @media (min-width: 768px) { .perk--spacious + .perk--spacious { margin-top: 150px; } } @media (max-width: 767px) { .perk__image { max-width: 10em; margin-bottom: 20px; } } @media (min-width: 768px) { .perk__image { display: -webkit-flex; display: flex; -webkit-flex-basis: 40%; flex-basis: 40%; } } @media (min-width: 768px) { .perk--opposite .perk__image { -webkit-order: 2; order: 2; } } .perk__image img { width: 100%; } @media (min-width: 768px) { .perk__content { -webkit-flex-basis: 60%; flex-basis: 60%; margin-left: 75px; padding-right: 75px; } } .perk__content h2 { margin-top: 0; } @media (min-width: 768px) { .perk--wide .perk__image, .perk--wide .perk__content { margin-left: 0; padding-right: 0; } } @media (min-width: 768px) { .perk--wide.perk--opposite .perk__content, .perk--wide:not(.perk--opposite) .perk__image { padding-right: 50px; } } .contact-image { display: -webkit-inline-flex; display: inline-flex; border-radius: 5px; overflow: hidden; } .contact-image img { max-height: 210px; -o-object-fit: cover; object-fit: cover; } .contact-image img:first-child { min-width: 0; -webkit-flex-shrink: 1; flex-shrink: 1; margin-right: 8px; -o-object-position: 20% center; object-position: 20% center; } .hero { position: relative; display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; color: white; } .hero::before, .hero::after { display: none; } @media (max-width: 767px) { .hero { overflow: hidden; } } .hero__image { display: -webkit-flex; display: flex; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; } .hero__image picture, .hero__image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center center; object-position: center center; } .hero__image img { opacity: 0.35; } .hero__content { max-width: 1170px; padding: 0 10px; width: 100%; margin: auto; z-index: 1; } @media (min-width: 992px) { .hero__content { display: -webkit-flex; display: flex; display: grid; grid-template-columns: 1fr 1fr; grid-column-gap: 30px; -webkit-align-items: center; align-items: center; } } @media (min-width: 992px) and (max-height: 599px) { .hero__content { -webkit-align-items: flex-start; align-items: flex-start; } } @media (min-width: 992px) and (max-width: 1199px) { .hero__content { padding-left: 30px; padding-right: 30px; } } .hero__content > * { text-align: center; -webkit-justify-content: center; justify-content: center; } @media (min-width: 992px) { .hero__content > * { -webkit-flex: 1 1 50%; flex: 1 1 50%; } } .hero__content > *:only-child { margin-left: auto; margin-right: auto; grid-column: 1 / span 2; width: 100%; } @media (min-width: 992px) { .hero__content > *:first-child:not(:only-child) { text-align: left; -webkit-justify-content: flex-start; justify-content: flex-start; } } @media (min-width: 992px) { .hero__content > *:last-child:not(:only-child) { text-align: right; -webkit-justify-content: flex-end; justify-content: flex-end; } } @media (max-width: 991px) { .hero__content > * + * { margin-top: 50px; } } .hero__content .media > * { max-width: 25em; margin-left: auto; } @media (min-width: 768px) { .hero__content .media > * { max-width: 35em; margin-right: auto; } } .hero__content .embed-responsive-border { box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1), 0 5px 20px rgba(0, 0, 0, 0.2); border: 8px solid white; border-radius: 3px; background: black; } @media (max-width: 767px) { .hero__content .btn-success { --shadow-color: rgba(0, 0, 0, 0.5); box-shadow: 0.25em 0.25em 1em var(--shadow-color); } .hero__content .btn-success:hover { --shadow-color: rgba(0, 0, 0, 0.75); } } @media (min-width: 992px) and (min-height: 600px) { body:not(.is-logged-in) .tagline { padding-top: 140px; } } .tagline__title span, .tagline__subtitle span { display: inline-block; } .tagline__title { font-size: 40px; margin-top: 0; letter-spacing: -0.0175em; } @media (min-width: 768px) { .tagline__title { font-size: 54px; } } .tagline__subtitle { display: inline-block; font-size: 24px; font-weight: normal; margin: 0; max-width: 25em; } @media (min-width: 768px) { .tagline__subtitle { font-size: 30px; } } .tagline__buttons { margin-top: 20px; } @media (min-width: 768px) { .tagline__buttons { margin-top: 35px; } } .tagline__buttons .btn .icon { font-size: 1.2rem; margin-right: 5px; } .tagline__usps { font-size: 19px; margin: 20px 0 0; text-align: inherit; -webkit-justify-content: inherit; justify-content: inherit; } .tagline__usps:not(.list--vertical) { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; } .tagline__usps li { margin: 0; padding-right: 15px; -webkit-flex: 0 1 auto; flex: 0 1 auto; -webkit-justify-content: inherit; justify-content: inherit; } .button-group { margin-left: -10px; display: -webkit-inline-flex; display: inline-flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: inherit; justify-content: inherit; -webkit-align-items: flex-start; align-items: flex-start; } @media (min-width: 480px) { .button-group { margin-left: -25px; } } @media (max-width: 340px) { .button-group .btn-lg { padding-left: 10px; padding-right: 10px; } } @media (max-width: 380px) { .button-group .btn-lg { font-size: 16px; } } .button-group__item { margin: 10px 0 0 10px; } @media (min-width: 480px) { .button-group__item { margin-left: 25px; } } .button-group__item .arrow { display: block; margin: 15px 0 10px; -webkit-transform: translateX(50px); transform: translateX(50px); height: 125px; } @media (max-width: 767px) { .button-group__item .arrow { -webkit-transform: scaleX(-1) translateX(75%) rotate(-20deg); transform: scaleX(-1) translateX(75%) rotate(-20deg); margin: 0; } } @-webkit-keyframes arrowMoveUp { 0%, 50%, 100% { -webkit-transform: translateY(0); transform: translateY(0); } 25%, 75% { -webkit-transform: translateY(-0.35em); transform: translateY(-0.35em); } } @keyframes arrowMoveUp { 0%, 50%, 100% { -webkit-transform: translateY(0); transform: translateY(0); } 25%, 75% { -webkit-transform: translateY(-0.35em); transform: translateY(-0.35em); } } .button-group__item .arrow-bounce.is-bounce { -webkit-animation: arrowMoveUp 1000ms ease-out; animation: arrowMoveUp 1000ms ease-out; -webkit-animation-delay: 2000ms; animation-delay: 2000ms; -webkit-transform: rotate(360deg); transform: rotate(360deg); } .website-example { position: relative; display: inline-block; } .website-example__image { box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1); opacity: 1 !important; } .website-example__image--mobile { position: absolute; left: -5px; bottom: 0; width: 18vw; } @media (min-width: 768px) { .website-example__image--mobile { width: auto; } } @media (min-width: 992px) { .website-example__image--mobile { left: -20px; } } .website-example__image--desktop { margin-bottom: 10px; } @media (min-width: 992px) { .website-example__image--desktop { margin-bottom: 20px; } } .country-switch-button { all: unset; font-weight: bold; margin-bottom: 10px; } .country-switch-button:hover, .country-switch-button:focus { color: rgba(255, 255, 255, 0.8); cursor: pointer; } .country-switch-button [class*=icon] { margin-right: 10px; } .country-switch-button .icon-down-open { display: inline-block; } .country-switch-button.is-expanded .icon-down-open { -webkit-transform: scaleY(-1); transform: scaleY(-1); } .country-switch-list { list-style: none; margin: 0; padding: 0; color: white; padding: 5px 0; font-size: 17px; } .country-switch-list a { display: -webkit-flex; display: flex; color: inherit; text-decoration: none; padding: 5px 10px; -webkit-align-items: center; align-items: center; border-radius: 3px; } .country-switch-list a:hover { background: #373f43; } .country-switch-list [class*=icon] { margin-right: 10px; font-size: inherit; width: 1.5em; display: -webkit-flex; display: flex; } .country-switch-list [class*=icon]::before { margin: auto; } .country-switch-list .flag-icon { border: 1px solid #373f43; } .tooltip--country-switch .tooltip-inner { position: relative; } .tooltip--country-switch .brand-message { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: inherit; padding: 15px; font-size: 17px; transition: ease-in-out 150ms all; } .tooltip--country-switch:not(.show-brand-message) .brand-message { opacity: 0; visibility: hidden; z-index: -1; } .tooltip--country-switch .brand-message__buttons .btn { margin: 0 10px 10px 0; } .text-with-arrow { display: -webkit-inline-flex; display: inline-flex; -webkit-align-items: center; align-items: center; text-decoration: underline; color: #287db1 !important; } .text-with-arrow:hover, .text-with-arrow:focus { color: #1a5172 !important; } .text-with-arrow__arrow { margin-top: 0.1em; } /** * Spacing utilities * * The classes are named using the format {property}{sides}-{size} for xs * and {property}{sides}-{breakpoint}-{size} for sm, md, lg, and xl. **/ .top-20 { margin-top: 20px; } .mx-auto { margin-left: auto; margin-right: auto; } .mt-0 { margin-top: 0; } .mb-0 { margin-bottom: 0; } .ml-1 { margin-left: 5px; } .m-0 { margin: 0 !important; } .m-2 { margin: 10px; } .mb-3 { margin-bottom: 15px; } .mt-2 { margin-top: 10px; } .mt-4 { margin-top: 20px; } .mt-10 { margin-top: 50px; } .mb-5 { margin-bottom: 25px; } .mb-10 { margin-bottom: 50px; } @media (min-width: 768px) { .mb-sm-0 { margin-bottom: 0; } .mt-sm-0 { margin-top: 0; } .mt-sm-7 { margin-top: 35px; } } @media (min-width: 992px) { .mb-md-0 { margin-bottom: 0; } .mt-md-0 { margin-top: 0; } .mt-md-10 { margin-top: 50px; } } .p-0 { padding: 0; } .pb-0 { padding-bottom: 0; } .px-0 { padding-left: 0; padding-right: 0; } .px-1 { padding-left: 5px; padding-right: 5px; } .pl-2 { padding-left: 10px; } .pr-2 { padding-right: 10px; } .pb-2 { padding-bottom: 10px; } @media (min-width: 768px) { .px-sm-3 { padding: 0 15px; } .py-sm-10 { padding-top: 50px; padding-bottom: 50px; } } /** * Visibility utilities **/ @media (min-width: 501px) { .visible-max500 { display: none !important; } } @media (max-width: 500px) { .hidden-max500 { display: none !important; } } .is-logged-in .hidden-when-logged-in { display: none !important; } /** * Other utilities **/ @media (max-width: 992px) { .part { margin-bottom: 50px; } .part:last-child { margin-bottom: 0; } } /** * Pricing enhancements that only apply for landing. **/ .pricing-columns--with-features .pricing-block__show-all-features { display: none; } .pricing-columns:not(.pricing-columns--with-features) .pricing-block__all-features { display: none; } .pricing-block__all-features, .pricing-block__show-all-features { margin: 15px 0 0 0; color: #4e595f; } .pricing-block__show-all-features { display: -webkit-flex; display: flex; width: 100%; -webkit-justify-content: center; justify-content: center; } .pricing-block__all-features { list-style: none; text-align: left; padding: 0; } .pricing-block__all-features li { display: -webkit-flex; display: flex; } .pricing-block__all-features li::before { font-family: "fontello"; content: '\e80b'; color: #7bb035; margin-right: 10px; } @media (max-width: 991px) { .pricing-columns--slider { padding: 0; } } @media (max-width: 767px) { .pricing-columns--slider .pricing-column { padding-left: 50px; padding-right: 50px; } } @media (max-width: 767px) { .pricing-columns--slider .pricing-block { height: 100%; margin-top: 0; margin-bottom: 0; max-width: 22em; margin-left: auto; margin-right: auto; } } .pricing-columns--slider .splide__list { display: -webkit-flex; display: flex; padding-top: 35px !important; } @media (min-width: 768px) and (max-width: 991px) { .pricing-table--wrap .pricing-columns--slider .splide__list { -webkit-flex-wrap: wrap; flex-wrap: wrap; } } @media (max-width: 767px) { .pricing-columns--slider .splide:not(.splide--slide) .splide__list { -webkit-flex-wrap: wrap; flex-wrap: wrap; } } @media (min-width: 768px) { .pricing-columns--slider .splide:not(.splide--slide) .pricing-column { -webkit-flex: 1 1 33%; flex: 1 1 33%; margin: 0 10px; } } @media (min-width: 768px) and (max-width: 991px) { .pricing-table--with-business-plus .pricing-columns--slider .splide:not(.splide--slide) .pricing-column { margin-top: 20px; } } .pricing-columns--slider .splide__slider { display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; } .pricing-columns--slider .splide__track { padding-bottom: 20px; } @media (max-width: 767px) { .pricing-columns--slider .splide__pagination { margin: 0 auto 15px; -webkit-order: -1; order: -1; width: 100%; max-width: calc(22em + (5px * 2)); padding: 0 5px; } } @media (min-width: 768px) { .pricing-columns--slider .splide__pagination { display: none; } } .pricing-columns--slider .splide__pagination li { -webkit-flex: 1 1 auto; flex: 1 1 auto; margin: 0; } .pricing-columns--slider .splide__arrow--prev { left: 0; } @media (min-width: 480px) { .pricing-columns--slider .splide__arrow--prev { left: calc((100vw - (22em + 8em)) / 2); } } .pricing-columns--slider .splide__arrow--next { right: 0; } @media (min-width: 480px) { .pricing-columns--slider .splide__arrow--next { right: calc((100vw - (22em + 8em)) / 2); } } .pricing-columns--slider.pricing-columns--with-features .splide__arrow { top: 20em; } .pricing-columns--slider .splide__pagination__page { height: auto; width: 100%; background: none; border-radius: 0; border: 0; border-bottom: 0.3em solid #d3d0ca; padding: 5px; } .pricing-columns--slider .splide__pagination__page:focus, .pricing-columns--slider .splide__pagination__page:hover { border-bottom: 0.3em solid #bbb8ae; } .pricing-columns--slider .splide__pagination__page.is-active { border-color: #3596d1; font-weight: bold; } .competitors-reviews { margin: 20px -10px; } @media (min-width: 768px) { .competitors-reviews { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; } } @media (min-width: 992px) { .competitors-reviews { display: grid; grid-template-columns: 3fr 2fr 2fr; } } .competitors-reviews__item { min-height: 20px; padding: 19px; margin-bottom: 20px; background-color: #f5f5f6; border: 1px solid #e3e4e4; border-radius: 3px; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); position: relative; box-shadow: none; background: white; display: block; text-decoration: none; color: inherit; text-align: left; margin: 10px; } .competitors-reviews__item blockquote { border-color: #ddd; border-color: rgba(0, 0, 0, 0.15); } @media (min-width: 768px) { .competitors-reviews__item { -webkit-flex: 1 0 20em; flex: 1 0 20em; } } .competitors-reviews__item:hover, .competitors-reviews__item:focus { text-decoration: none; color: inherit; } .competitors-reviews__item--large { display: -webkit-flex; display: flex; text-align: center; border-color: #8bc53e; border-width: 2px; } @media (max-width: 991px) { .competitors-reviews__item--large { -webkit-flex: 1 0 calc(100% - (5px * 4)); flex: 1 0 calc(100% - (5px * 4)); } } @media (min-width: 992px) { .competitors-reviews__item--large { grid-column: 1; grid-row: 1 / span 2; } } @media (min-width: 1200px) { .competitors-reviews-disclaimer { display: -webkit-flex; display: flex; -webkit-align-items: baseline; align-items: baseline; } } @media (min-width: 1200px) { .competitors-reviews-disclaimer p { text-align: left; margin: 0; } } @media (min-width: 1200px) { .competitors-reviews-disclaimer .trust-credits { margin: 0 0 0 auto; } } .exp-competitors-reviews-grayscale { filter: url("data:image/svg+xml;utf8,#grayscale"); -webkit-filter: grayscale(100%); filter: grayscale(100%); } .panel-heading--selected { box-shadow: 0 0 0 2px #7bb035; border-radius: 3px; border-color: transparent; } .panel-default > .panel-heading--selected, .panel-border > .panel-heading--selected { background: #f9fcf5; } .panel-default .panel-heading--selected.panel-heading--clickable:hover { background: #f3f9ec; } .panel-heading--has-left-icon { padding-left: 40px; } .panel-heading__left-icon { position: absolute; top: 0; left: 0; width: 40px; height: 100%; max-height: 60px; padding: 10px; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; } .panel-heading__left-icon input { margin-top: 0; } .section:not(.section--colored) .panel-heading { border: 1px solid #c3c5c7; border-radius: 3px; transition: all ease-in-out 200ms; } .section:not(.section--colored) .panel-heading.panel-heading--selected { border-color: transparent; } .search-box { display: -webkit-flex; display: flex; max-width: 720px; height: 50px; margin: 0 auto; border-radius: 4px; box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15); font-size: 1.125em; } .search-box__input { -webkit-flex: 15 0 auto; flex: 15 0 auto; padding: 0 20px; border: none; border-radius: 4px 0 0 4px; color: #2c3235; font-size: inherit; } .search-box__button { -webkit-flex: 1 0 auto; flex: 1 0 auto; border-top-left-radius: 0; border-bottom-left-radius: 0; border-left-color: rgba(0, 0, 0, 0.1) !important; box-shadow: none !important; font-size: inherit; } .password-strength { display: -webkit-flex; display: flex; -webkit-flex-direction: row; flex-direction: row; -webkit-align-items: center; align-items: center; margin-bottom: 10px; } .password-strength__bar-container { -webkit-flex: 1 0 auto; flex: 1 0 auto; display: -webkit-flex; display: flex; } .password-strength__bar { -webkit-flex: 1 0 auto; flex: 1 0 auto; height: 6px; margin-left: 1px; background-color: #e1e2e3; } .password-strength__bar:first-child { margin-left: 0; border-radius: 3px 0 0 3px; } .password-strength__bar:last-child { border-radius: 0 3px 3px 0; } .password-strength__label-container { -webkit-flex: 0 0 auto; flex: 0 0 auto; margin-left: 15px; height: 1em; line-height: 1em; } .password-strength__label { visibility: hidden; height: 0; font-size: 14px; color: #424c51; } .password-strength--level-0 .password-strength__bar:nth-child(-n + 1) { background-color: #e9454b; } .password-strength--level-0 .password-strength__label:nth-child(1) { visibility: visible; height: auto; } .password-strength--level-1 .password-strength__bar:nth-child(-n + 2) { background-color: #ffc713; } .password-strength--level-1 .password-strength__label:nth-child(2) { visibility: visible; height: auto; } .password-strength--level-2 .password-strength__bar:nth-child(-n + 3) { background-color: #aec631; } .password-strength--level-2 .password-strength__label:nth-child(3) { visibility: visible; height: auto; } .password-strength--level-3 .password-strength__bar:nth-child(-n + 4) { background-color: #7bb035; } .password-strength--level-3 .password-strength__label:nth-child(4) { visibility: visible; height: auto; } .pricing-table { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; } @media (max-width: 500px) { .pricing-table { margin: 0 -15px; padding: 0 1px; } } @supports (display: flex) { .pricing-table::before, .pricing-table::after { display: none; } } @media (max-width: 500px) { .pricing-column:not(.splide__slide) { width: calc(50% + 1px); margin: 0 -1px; padding: 0; } } @media (min-width: 501px) { .pricing-column:not(.splide__slide) { display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; } } .pricing-block { padding: 20px; } @media (max-width: 500px) { .pricing-block { padding: 20px 10px; } } @media (min-width: 501px) { .pricing-block { -webkit-flex: 1 1 auto; flex: 1 1 auto; } } .pricing-block--bordered { margin: 14px 0; background-color: #fff; border: 1px solid #e3e4e4; border-radius: 4px; } .section:not(.section--colored) .pricing-block--bordered { box-shadow: 0 3px 10px rgba(0, 0, 0, 0.075); } .pricing-block--bordered.pricing-block--has-label { position: relative; border-top-left-radius: 0; border-top-right-radius: 0; } .pricing-block__heading { margin: 0 0 12px; font-size: 1.8em; } .pricing-block__price { display: block; margin: 1.2em 0 10px; line-height: 1; font-weight: normal; color: #7d7d7d; } .pricing-block__price-value { color: #424c51; margin: 0.12em 0; font-size: 39px; font-weight: bold; } .pricing-block__price-value.exp-transparent-price .exp-transparent-price__term { top: -0.85em; left: -0.2em; font-size: 14px; font-weight: normal; position: relative; line-height: 0; } .pricing-block__price-value small { position: relative; top: -0.1em; margin-right: -0.2em; font-size: 30px; font-weight: normal; } .pricing-block__price-value sup { top: -0.6em; left: -0.2em; font-size: 19px; } .pricing-block__price-value--text { margin: 0.25em 0 0.3em; } .pricing-block__price--text .pricing-block__price-value { margin: 40px 0; font-size: 26px; } .pricing-block__price-text { font-size: 14px; line-height: 1.6; } .pricing-block__price-tax { font-size: 0.8em; font-style: italic; opacity: 0.5; } .pricing-block__no-starting-cost { color: #7d7d7d; font-size: 14px; } .pricing-block__subtitle { margin: 12px 0 0 0; color: #3596d1; font-style: italic; } .pricing-block__small { display: block; margin-top: 12px; margin-bottom: -8px; color: #7d7d7d; } .pricing-block__badge { position: absolute; top: -30px; right: -15px; display: block; width: 90px; height: 90px; padding-top: 29px; color: white; font-size: 14px; font-weight: bold; text-align: center; line-height: 1.1; background: url(/assets/landing/img/badge-90.png?bust=ba0c2d488ccd554b5474); background-size: contain; border-radius: 50%; -webkit-transform: rotate(10deg); transform: rotate(10deg); transition: -webkit-transform 200ms ease-out; transition: transform 200ms ease-out; transition: transform 200ms ease-out, -webkit-transform 200ms ease-out; } @media (max-width: 1199px) { .pricing-block__badge { width: 70px; height: 70px; padding-top: 22px; font-size: 10.88888889px; } } .pricing-block__badge:hover { color: white; text-decoration: none; -webkit-transform: rotate(0deg); transform: rotate(0deg); } .pricing-block__label { position: absolute; top: -35px; left: -1px; right: -1px; height: 35px; padding: 6px 8px; color: #fff; background: #deddd8; border-top-left-radius: 4px; border-top-right-radius: 4px; } .pricing-block--highlighted .pricing-block__label { background: #7bb035; font-weight: 600; } .pricing-block__feature-list ul { display: inline-block; margin: 16.8px 0; padding: 16.8px 0 0; border-top: 1px solid #e0e4e6; list-style: none; } .pricing-block__feature-item { margin: 3px 0; text-align: left; display: -webkit-flex; display: flex; } .pricing-block__feature-item::before { color: #8bc53e; margin-right: 10px; font-family: "fontello"; content: '\e80b'; } .pricing-block__feature-item--warning::before { color: #e9454b; content: '\e80a'; } .cycle-toggle { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; justify-content: center; } .cycle-toggle .panel-select { position: relative; padding-left: 10px; padding-right: 20px; } .cycle-toggle .panel-select + .panel-select { margin-left: -3px; } .cycle-toggle .panel .panel-heading { position: relative; transition: none; } .cycle-toggle .panel .panel-title { padding-left: 10px; padding-right: 20px; } .cycle-toggle .panel + .panel { margin-left: -4px; } .cycle-toggle .panel .panel-heading--selected, .cycle-toggle .panel-select--checked { z-index: 2; } .cycle-toggle .panel { border: 1px solid #d7d9d9; } .cycle-toggle .panel-heading--selected { box-shadow: 0 0 1px 0 #3596d1; background: #f5fafd; } .flag-icon-background { background-size: contain; background-position: 50%; background-repeat: no-repeat; } .flag-icon { background-size: contain; background-position: 50%; background-repeat: no-repeat; position: relative; display: inline-block; width: 1.33333333em; line-height: 1em; } .flag-icon:before { content: "\00a0"; } .flag-icon.flag-icon-squared { width: 1em; } .flag-icon { font-size: 14px; } .flag-icon-at { background-image: url(/assets/landing/module-files/flag-icon-css/flags/4x3/at.svg?bust=7824152b6e660004d832); } .flag-icon-be { background-image: url(/assets/landing/module-files/flag-icon-css/flags/4x3/be.svg?bust=27d8ca49197f90010475); } .flag-icon-da { background-image: url(/assets/landing/module-files/flag-icon-css/flags/4x3/dk.svg?bust=eb1416e02baeee91a39f); } .flag-icon-ch { background-image: url(/assets/landing/module-files/flag-icon-css/flags/4x3/ch.svg?bust=9c26f60a63bf575c6b7b); } .flag-icon-de { background-image: url(/assets/landing/module-files/flag-icon-css/flags/4x3/de.svg?bust=3e726c2b6a59e6e4543c); } .flag-icon-dk { background-image: url(/assets/landing/module-files/flag-icon-css/flags/4x3/dk.svg?bust=eb1416e02baeee91a39f); } .flag-icon-ee { background-image: url(/assets/landing/module-files/flag-icon-css/flags/4x3/ee.svg?bust=6088c9ceb092913b54d7); } .flag-icon-en { background-image: url(/assets/landing/module-files/flag-icon-css/flags/4x3/gb.svg?bust=4f1b7af5c0bae6aae85c); } .flag-icon-es { background-image: url(/assets/landing/module-files/flag-icon-css/flags/4x3/es.svg?bust=cc1b41b0e9485796cebb); } .flag-icon-et { background-image: url(/assets/landing/module-files/flag-icon-css/flags/4x3/ee.svg?bust=6088c9ceb092913b54d7); } .flag-icon-fi { background-image: url(/assets/landing/module-files/flag-icon-css/flags/4x3/fi.svg?bust=2649533e1d44a2ef75d5); } .flag-icon-fr { background-image: url(/assets/landing/module-files/flag-icon-css/flags/4x3/fr.svg?bust=b1156355de9691d768df); } .flag-icon-gb { background-image: url(/assets/landing/module-files/flag-icon-css/flags/4x3/gb.svg?bust=4f1b7af5c0bae6aae85c); } .flag-icon-hu { background-image: url(/assets/landing/module-files/flag-icon-css/flags/4x3/hu.svg?bust=0d7409f88bca8325938e); } .flag-icon-ie { background-image: url(/assets/landing/module-files/flag-icon-css/flags/4x3/ie.svg?bust=c68ff961baf04c04f9be); } .flag-icon-it { background-image: url(/assets/landing/module-files/flag-icon-css/flags/4x3/it.svg?bust=8d15de04f5f6e8e89cab); } .flag-icon-nl { background-image: url(/assets/landing/module-files/flag-icon-css/flags/4x3/nl.svg?bust=e336d50a0531bb958fa9); } .flag-icon-no { background-image: url(/assets/landing/module-files/flag-icon-css/flags/4x3/no.svg?bust=0b41df77e951a30bbfcc); } .flag-icon-pl { background-image: url(/assets/landing/module-files/flag-icon-css/flags/4x3/pl.svg?bust=562edca5bb39d66f4c92); } .flag-icon-pt { background-image: url(/assets/landing/module-files/flag-icon-css/flags/4x3/pt.svg?bust=c31a6c496e2c66def3f6); } .flag-icon-ru { background-image: url(/assets/landing/module-files/flag-icon-css/flags/4x3/ru.svg?bust=0cacf46e6f473fa88781); } .flag-icon-se { background-image: url(/assets/landing/module-files/flag-icon-css/flags/4x3/se.svg?bust=fe725901338e5651e142); } .flag-icon-tr { background-image: url(/assets/landing/module-files/flag-icon-css/flags/4x3/tr.svg?bust=ed6d5f37779af38911b0); } .flag-icon-us { background-image: url(/assets/landing/module-files/flag-icon-css/flags/4x3/us.svg?bust=ae65659236a7e3484027); } .template-list { margin: 0; padding: 0; } .template-list:before, .template-list:after { content: " "; display: table; } .template-list:after { clear: both; } .template-list:before, .template-list:after { content: " "; display: table; } .template-list:after { clear: both; } .template-list-big { margin: 0 -7px; } .template-list-big .template-item { border: 0; border-radius: 3px; margin-left: 0; margin-right: 0; } .template-list__item { padding: 0 7px; width: 100%; float: left; } @media (min-width: 480px) { .template-list__item { width: 50%; } .template-list__item--wide { width: 50%; } } @media (min-width: 768px) { .template-list__item { width: 33.33333333%; } .template-list__item--wide { width: 50%; } } @media (min-width: 992px) { .template-list__item--wide { width: 50%; } } @media (min-width: 1200px) { .template-list__item--wide { width: 33.33333333%; } } .template-list--vertical .template-list__item { float: none; width: 100%; padding: 0; } .template-list--vertical .template-list__item-name { margin-top: -11px; margin-bottom: 12px; } .template-list__item-name { display: block; margin-top: -5px; margin-bottom: 20px; text-align: center; } .template-list--animation .template-list__item { position: relative; opacity: 0; } .template-list--animation-active .template-list__item { opacity: 1; -webkit-animation: 500ms cubic-bezier(0.165, 0.84, 0.44, 1) backwards; animation: 500ms cubic-bezier(0.165, 0.84, 0.44, 1) backwards; } @-webkit-keyframes template-list-enter-0 { 0% { top: 100px; opacity: 0; } 80% { opacity: 1; } 100% { top: 0; } } @keyframes template-list-enter-0 { 0% { top: 100px; opacity: 0; } 80% { opacity: 1; } 100% { top: 0; } } .template-list--animation-active .template-list__item:nth-child(0) { -webkit-animation-name: template-list-enter-0; animation-name: template-list-enter-0; } @-webkit-keyframes template-list-enter-1 { 0% { top: 250px; opacity: 0; } 80% { opacity: 1; } 100% { top: 0; } } @keyframes template-list-enter-1 { 0% { top: 250px; opacity: 0; } 80% { opacity: 1; } 100% { top: 0; } } .template-list--animation-active .template-list__item:nth-child(1) { -webkit-animation-name: template-list-enter-1; animation-name: template-list-enter-1; } @-webkit-keyframes template-list-enter-2 { 0% { top: 400px; opacity: 0; } 80% { opacity: 1; } 100% { top: 0; } } @keyframes template-list-enter-2 { 0% { top: 400px; opacity: 0; } 80% { opacity: 1; } 100% { top: 0; } } .template-list--animation-active .template-list__item:nth-child(2) { -webkit-animation-name: template-list-enter-2; animation-name: template-list-enter-2; } @-webkit-keyframes template-list-enter-3 { 0% { top: 550px; opacity: 0; } 80% { opacity: 1; } 100% { top: 0; } } @keyframes template-list-enter-3 { 0% { top: 550px; opacity: 0; } 80% { opacity: 1; } 100% { top: 0; } } .template-list--animation-active .template-list__item:nth-child(3) { -webkit-animation-name: template-list-enter-3; animation-name: template-list-enter-3; } @-webkit-keyframes template-list-enter-4 { 0% { top: 700px; opacity: 0; } 80% { opacity: 1; } 100% { top: 0; } } @keyframes template-list-enter-4 { 0% { top: 700px; opacity: 0; } 80% { opacity: 1; } 100% { top: 0; } } .template-list--animation-active .template-list__item:nth-child(4) { -webkit-animation-name: template-list-enter-4; animation-name: template-list-enter-4; } @-webkit-keyframes template-list-enter-5 { 0% { top: 850px; opacity: 0; } 80% { opacity: 1; } 100% { top: 0; } } @keyframes template-list-enter-5 { 0% { top: 850px; opacity: 0; } 80% { opacity: 1; } 100% { top: 0; } } .template-list--animation-active .template-list__item:nth-child(5) { -webkit-animation-name: template-list-enter-5; animation-name: template-list-enter-5; } @-webkit-keyframes template-list-enter-6 { 0% { top: 1000px; opacity: 0; } 80% { opacity: 1; } 100% { top: 0; } } @keyframes template-list-enter-6 { 0% { top: 1000px; opacity: 0; } 80% { opacity: 1; } 100% { top: 0; } } .template-list--animation-active .template-list__item:nth-child(6) { -webkit-animation-name: template-list-enter-6; animation-name: template-list-enter-6; } @-webkit-keyframes template-list-enter-7 { 0% { top: 1150px; opacity: 0; } 80% { opacity: 1; } 100% { top: 0; } } @keyframes template-list-enter-7 { 0% { top: 1150px; opacity: 0; } 80% { opacity: 1; } 100% { top: 0; } } .template-list--animation-active .template-list__item:nth-child(7) { -webkit-animation-name: template-list-enter-7; animation-name: template-list-enter-7; } @-webkit-keyframes template-list-enter-8 { 0% { top: 1300px; opacity: 0; } 80% { opacity: 1; } 100% { top: 0; } } @keyframes template-list-enter-8 { 0% { top: 1300px; opacity: 0; } 80% { opacity: 1; } 100% { top: 0; } } .template-list--animation-active .template-list__item:nth-child(8) { -webkit-animation-name: template-list-enter-8; animation-name: template-list-enter-8; } @-webkit-keyframes template-list-enter-9 { 0% { top: 1450px; opacity: 0; } 80% { opacity: 1; } 100% { top: 0; } } @keyframes template-list-enter-9 { 0% { top: 1450px; opacity: 0; } 80% { opacity: 1; } 100% { top: 0; } } .template-list--animation-active .template-list__item:nth-child(9) { -webkit-animation-name: template-list-enter-9; animation-name: template-list-enter-9; } @-webkit-keyframes template-list-enter-10 { 0% { top: 1600px; opacity: 0; } 80% { opacity: 1; } 100% { top: 0; } } @keyframes template-list-enter-10 { 0% { top: 1600px; opacity: 0; } 80% { opacity: 1; } 100% { top: 0; } } .template-list--animation-active .template-list__item:nth-child(10) { -webkit-animation-name: template-list-enter-10; animation-name: template-list-enter-10; } .template-list--animation-active .template-list__item:nth-child(1n + 10) { -webkit-animation-name: template-list-enter-10; animation-name: template-list-enter-10; } .template-item { position: relative; margin: 0 14px 14px; overflow: hidden; list-style: none; border: 2px solid transparent; border-radius: 5px; } .template-item:hover .template-item__variations, .template-item--focused .template-item__variations { opacity: 1; -webkit-transform: translate(0, 0); transform: translate(0, 0); } .template-item:hover .template-item__picker, .template-item--focused .template-item__picker { opacity: 1; } .template-item:hover .template-item__mobile-preview, .template-item--focused .template-item__mobile-preview { -webkit-transform: translate(0, 0); transform: translate(0, 0); transition: -webkit-transform 200ms ease; transition: transform 200ms ease; transition: transform 200ms ease, -webkit-transform 200ms ease; } .template-item__image-list { margin: 0; padding: 0; position: relative; } .template-item__image-item { position: relative; background: #f7f5f0; list-style: none; overflow: hidden; line-height: 0; width: 100%; border-radius: 3px; padding-bottom: 73.7%; background-size: cover; background-position: top center; transition: background 200ms ease; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); } .template-item.is-active .template-item__image-item { box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1); } .template-list-big .template-item__image-item { box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1); } .template-item--wide .template-item__image-item { padding-bottom: 56.25%; } .template-item__badge { width: 106.06601718px; height: 106.06601718px; position: absolute; top: -1px; left: -1px; z-index: 1; overflow: hidden; pointer-events: none; } .template-item__badge > div { top: 51.92388155px; width: 130px; height: 40px; } .template-item__badge span { height: 20px; line-height: 20px; font-size: 11.53868344px; } .template-list-big .template-item__badge { width: 131.5218613px; height: 131.5218613px; } .template-list-big .template-item__badge > div { top: 61.13708499px; width: 160px; height: 52px; } .template-list-big .template-item__badge span { height: 26px; line-height: 26px; font-size: 15.00028847px; } .template-item.is-active .template-item__badge { top: -3px; left: -3px; } .template-item__badge > div { position: absolute; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform-origin: 0 100%; transform-origin: 0 100%; } .template-item__badge span { display: block; vertical-align: middle; font-weight: bold; text-transform: uppercase; text-align: center; box-shadow: 0 0 3px rgba(0, 0, 0, 0.2); } .template-item__badge span.pro { color: #fff; background-color: #e9454b; } .template-item__badge span.new { color: #fff; background-color: #469fd5; } .template-image-button { border: 0; padding: 0; } .template-item__variations { position: absolute; opacity: 0; right: 50%; bottom: 0; z-index: 1; -webkit-transform: translate(0, 10px); transform: translate(0, 10px); transition: opacity 200ms ease-in-out, -webkit-transform 200ms ease; transition: opacity 200ms ease-in-out, transform 200ms ease; transition: opacity 200ms ease-in-out, transform 200ms ease, -webkit-transform 200ms ease; pointer-events: none; } .template-item__variations:hover + .template-item__picker { opacity: 0; } .template-item__variations:hover > .template-item__variation-list { background: #f7f5f0; } .template-item__variation-list { position: relative; padding: 3px; background: #f7f5f0; line-height: 0; white-space: nowrap; right: -50%; margin-bottom: 10px; border-radius: 3px; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1); pointer-events: auto; } .template-item__variation-list li { display: inline-block; } .template-item__variation-item { display: inline-block; width: 22px; height: 22px; position: relative; border: 0; border-radius: 3px; box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.2); } .template-item__variation-item:hover .template-item__variation-icon { display: block; opacity: 0.5; } .template-item__variation-icon { display: none; position: absolute; left: 0; top: 0; right: 0; font-size: 16px; color: #f7f5f0; text-align: center; line-height: 22px; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3); } .template-item__variation-item--light .template-item__variation-icon { color: black; opacity: 0.3; text-shadow: none; } .template-item__picker { position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: -webkit-flex; display: flex; -webkit-flex-direction: row; flex-direction: row; cursor: pointer; overflow: hidden; opacity: 0; background: rgba(247, 245, 240, 0.95); border-radius: 3px; box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1); transition: opacity 200ms ease; } .section--primary-dark .template-item__picker { background: #469fd5; background: linear-gradient(to left, #5baada, #3194d0); } .template-item__picker--dark { background: rgba(0, 0, 0, 0.5); box-shadow: none; } .template-picker-selectable { cursor: pointer; } .template-item__button-container { -webkit-flex: 1 0 auto; flex: 1 0 auto; display: -webkit-flex; display: flex; padding: 10px; -webkit-flex-direction: column; flex-direction: column; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; } .template-item--has-variations .template-item__button-container { padding-top: 30px; padding-bottom: 50px; } .is-mobile .template-item__button-container { padding: 10px; } .template-item__mobile-container { -webkit-flex: 0 0 50%; flex: 0 0 50%; max-width: 180px; display: -webkit-flex; display: flex; padding: 15px 15px 0 0; } .template-item--wide .template-item__mobile-container { -webkit-flex: 0 0 42%; flex: 0 0 42%; } .template-item__button--edit { display: none; } .template-item__mobile-preview { position: relative; -webkit-flex: 1 0 100%; flex: 1 0 100%; display: -webkit-flex; display: flex; border-radius: 8px 8px 0 0; background: #f2f2f2; box-shadow: 0 0 10px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.1), inset 0 -1px 0 rgba(0, 0, 0, 0.1); -webkit-transform: translate(0, 30px); transform: translate(0, 30px); transition: -webkit-transform 0ms ease 200ms; transition: transform 0ms ease 200ms; transition: transform 0ms ease 200ms, -webkit-transform 0ms ease 200ms; } .template-item__mobile-preview::before { content: ''; display: block; position: absolute; top: 5%; left: 30%; right: 30%; bottom: 92.5%; background: #d9d9d9; border-radius: 10px; } .template-item__mobile-image { -webkit-flex: 1 0 auto; flex: 1 0 auto; margin: 20% 5% 0; max-width: 148px; border-radius: 2px 2px 0 0; box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1); background-size: 100% auto; background-position: 50% 0; } /*STATES*/ .template-item.is-active { border-color: #469fd5; } .template-item.is-active .template-item__button--edit { display: inline-block; } .template-item.is-active .template-picker-selectable { cursor: auto; } .template-item.is-active .image-list-selected { display: block; } .template-item__variation-item.is-active .template-item__variation-icon, .template-item__variation-item.is-active:hover .template-item__variation-icon { display: block; opacity: 1; } .text-button { display: -webkit-inline-flex; display: inline-flex; background: none; border: 0; color: inherit; padding: 0; } .text-button:hover, .text-button:focus { text-decoration: underline; cursor: pointer; } .text-button .icon { text-decoration: none; } .text-button--link { color: #287db1; text-decoration: underline; } .text-button--link:hover, .text-button--link:focus { color: #1a5172; } .focus-underline { text-decoration: none; } .focus-underline:hover, .focus-underline:focus { text-decoration: underline; } .text-primary { color: #3596d1; } .d-inline-block { display: inline-block; } .full-width { width: 100%; } .font-weight-normal { font-weight: normal; } .font-weight-semibold { font-weight: 600; } .font-weight-bold { font-weight: bold; } /** * Flexbox utitlies * Follows the Bootstrap notation: https://getbootstrap.com/docs/4.0/utilities/flex/ **/ .d-flex { display: -webkit-flex; display: flex; } .d-inline-flex { display: -webkit-inline-flex; display: inline-flex; } @media (min-width: 768px) { .d-sm-flex { display: -webkit-flex; display: flex; } } .justify-content-center { -webkit-justify-content: center; justify-content: center; } .align-items-center { -webkit-align-items: center; align-items: center; } .flex-wrap { -webkit-flex-wrap: wrap; flex-wrap: wrap; } .ml-auto { margin-left: auto; } .flex-column { -webkit-flex-direction: column; flex-direction: column; } .optimal-line-length { max-width: 45em !important; } .progress-bar { display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; margin-bottom: 40px; padding: 0; font-size: 14px; list-style: none; } .progress-bar__item { display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; height: 28px; box-sizing: border-box; padding: 0 7.5px 0 21.5px; position: relative; outline: none; white-space: nowrap; border: 1px solid; --background: #f5f5f6; --color: #2c3235; --border: #afb2b4; background-color: #f5f5f6; background-color: var(--background); color: #2c3235; color: var(--color); border-color: #afb2b4; border-color: var(--border); } button.progress-bar__item:hover, button.progress-bar__item:focus { --background: #e5e6e7; } button.progress-bar__item:active { --background: #dbdcdd; } .progress-bar__item::before, .progress-bar__item::after { content: ''; position: absolute; z-index: 1; left: 100%; width: 0; height: 0; border: solid transparent; border-right-width: 0 !important; } .progress-bar__item::before { top: -1px; border-width: 14px; border-left-color: var(--border); -webkit-transform: translateX(0.707px); transform: translateX(0.707px); } .progress-bar__item::after { top: 0; border-width: 13px; border-left-color: var(--background); } .progress-bar__item.is-done { --background: #e9f4db; --color: #181f0f; --border: #7bb035; position: relative; } button.progress-bar__item.is-done:hover, button.progress-bar__item.is-done:focus { --background: #d6ebbb; } button.progress-bar__item.is-done:active { --background: #cde6ac; } .progress-bar__item.is-active { --background: #7bb035; --color: #fff; --border: #7bb035; font-weight: bold; } button.progress-bar__item.is-active:hover, button.progress-bar__item.is-active:focus { --background: #70a030; } button.progress-bar__item.is-active:active { --background: #6a982e; } li:first-child .progress-bar__item { padding-left: 15px; border-top-left-radius: 3px; border-bottom-left-radius: 3px; } li:last-child .progress-bar__item { padding-right: 15px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; } li:last-child .progress-bar__item::before, li:last-child .progress-bar__item::after { display: none; } .progress-bar__item.focus-visible { outline: 1px solid #469fd5; outline-offset: 2px; } .progress-bar--with-checks .progress-bar__check { width: 0; font-size: 1.1em; line-height: 1; opacity: 0; visibility: hidden; -webkit-transform: scale(0.7); transform: scale(0.7); transition: opacity 200ms ease, visibility 200ms ease, -webkit-transform 200ms ease; transition: opacity 200ms ease, visibility 200ms ease, transform 200ms ease; transition: opacity 200ms ease, visibility 200ms ease, transform 200ms ease, -webkit-transform 200ms ease; } .progress-bar--with-checks .progress-bar__check::before { margin: 0 !important; } .progress-bar--with-checks .is-done .progress-bar__check { opacity: 1; visibility: visible; -webkit-transform: scale(1) translateX(-3px); transform: scale(1) translateX(-3px); } .progress-bar--with-checks .progress-bar__content { margin-left: 7px; margin-right: 7px; transition: -webkit-transform 200ms ease; transition: transform 200ms ease; transition: transform 200ms ease, -webkit-transform 200ms ease; } .progress-bar--with-checks .is-done .progress-bar__content { -webkit-transform: translateX(7px); transform: translateX(7px); } .progress-bar--with-titles .progress-bar__item .step-number::after { content: '.'; } .progress-bar--with-titles .progress-bar__item .step-number + .step-title { margin-left: 0.2em; } @media (max-width: 991px) { .progress-bar--with-titles .progress-bar__item:not(.is-active) .step-title { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } } @media (max-width: 991px) { .progress-bar--with-titles .progress-bar__item:not(.is-active) .step-number { font-weight: bold; } } @media (max-width: 991px) { .progress-bar--with-titles .progress-bar__item:not(.is-active) .step-number::after { display: none; } } @media (max-width: 991px) { .progress-bar--with-titles .progress-bar__item.is-active .step-number { font-weight: normal; } } html { height: 100%; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } body { min-height: 100%; word-wrap: break-word; word-wrap: break-word; display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; } /** * Container utilities **/ .container { max-width: 1170px; width: 100%; } @media (min-width: 992px) and (max-width: 1199px) { .container { padding-left: 30px; padding-right: 30px; } } .container--narrow { max-width: 970px; } .container--more-narrow { max-width: 750px; } @media (min-width: 768px) and (max-width: 991px) { .container--narrow-sm { max-width: 750px; } } .container--wide { max-width: 1530px; } .container--full-width { max-width: none; } /** * Miscellaneous styles **/ .dimmed-text { color: #7d7d7d; } .section--primary-dark .dimmed-text { color: #97bbd0; }