@charset "UTF-8"; /*! * Roots 6.5.2 */ /*! normalize.css v3.0.0 | MIT License | git.io/normalize */ /* slider cs widths */ .cs-container-size { margin-left:auto; margin-right:auto; } @media screen and (min-width:1550px) { #cs-slider .cs-container-size { width:1300px; } } @media screen and (max-width:1550px) { #cs-slider .cs-container-size { width:1100px; } } @media screen and (max-width:1250px) { #cs-slider .cs-container-size { width:1000px; } } @media screen and (max-width:1050px) { #cs-slider .cs-container-size { width:800px; } } @media screen and (max-width:860px) { #cs-slider .cs-container-size { width:500px; } } @media screen and (max-width:790px) { #cs-slider .cs-container-size { width:400px; } } @media screen and (max-width:790px) { #cs-slider .cs-container-size { width:500px; } } @media screen and (max-width:600px) { #cs-slider .cs-container-size { width:400px; } } @media screen and (max-width:500px) { #cs-slider .cs-container-size { width:300px; } } @media screen and (max-width:300px) { #cs-slider .cs-container-size { width:240px; } } .results-percentage { display: flex; font-family: 'AvenirNextProBold', Helvetica; color: white; line-height: 1.2; } .results-result { color:white; text-align:center; line-height:1.1; z-index:100000000; text-wrap:balance; } .symbol { line-height:1.1; } html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; overflow-x:hidden; } .glossary-term { text-decoration:underline !important; color:#2C6678 !important; } body { margin: 0; max-width:1920px; margin-left:auto; margin-right:auto; } article, aside, details, figcaption, figure, footer, header, hgroup, main, 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; } } * { box-sizing: border-box; } *:before, *:after { box-sizing: border-box; } html { font-size: 62.5%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } body { font-family: "AvenirNextProMedium", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; line-height: 1.428571429; color: #6c6e71; background:#F8FEFE; } input, button, select, textarea { font-family: inherit; font-size: inherit; line-height: inherit; } p a { color:#00C5FF; } a { color: #2C6678; text-decoration: none; } a:hover, a:focus { color: #004a66; 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; max-width: 100%; height: auto; } .img-rounded { border-radius: 6px; } .img-thumbnail { padding: 4px; line-height: 1.428571429; background-color: #fff; border: 1px solid #ddd; border-radius: 4px; transition: all 0.2s ease-in-out; display: inline-block; max-width: 100%; height: auto; } .img-circle { border-radius: 50%; } hr { margin-top: 20px; margin-bottom: 20px; border: 0; border-top: 1px solid #f1f1f2; } .sr-only { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: "AvenirNextProDemi", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: normal; line-height: 1.2; margin-top:30px; color: inherit; } h1 small, h1 .small, h2 small, h2 .small, h3 small, h3 .small, h4 small, h4 .small, h5 small, h5 .small, h6 small, h6 .small, .h1 small, .h1 .small, .h2 small, .h2 .small, .h3 small, .h3 .small, .h4 small, .h4 .small, .h5 small, .h5 .small, .h6 small, .h6 .small { font-weight: normal; line-height: 1; color: #e5e6e8; } h1, .h1, h2, .h2, h3, .h3 { margin-top: 30px; margin-bottom: 10px; } h1 small, h1 .small, .h1 small, .h1 .small, h2 small, h2 .small, .h2 small, .h2 .small, h3 small, h3 .small, .h3 small, .h3 .small { font-size: 65%; } h4, .h4, h5, .h5, h6, .h6 { margin-top: 10px; margin-bottom: 10px; } h4 small, h4 .small, .h4 small, .h4 .small, h5 small, h5 .small, .h5 small, .h5 .small, h6 small, h6 .small, .h6 small, .h6 .small { font-size: 75%; } h1, .h1 { font-size: 2.65em; } h2, .h2 { font-size: 2em; } h3, .h3 { font-size: 1.5em; } h4, .h4 { font-size: 18px; } h5, .h5 { font-size: 14px; } h6, .h6 { font-size: 12px; } p { margin: 0 0 10px; } .lead { margin-bottom: 20px; font-size: 16px; font-weight: 200; line-height: 1.4; } .footer-header { margin-left: auto; margin-right: auto; } @media (max-width: 640px) { .success-story-content-inner { padding: 1rem 1rem !important; padding-left:0 !important;} .success-story-description { font-size:1.6em !important; } } @media (max-width: 1100px) { .testimonial-card { min-width:0px !important; } .nav-main-desktop { width: 90% !important; } .max-width-container.header { max-width:100% !important; } .testimonial-client-image { position:relative !important; width:50% !important; margin-left:auto; margin-right:auto; } .testimonial-testimonial-header { text-align:center !important; font-size:2.5vw !important; width:100% !important; display:block; } .testimonial-content { padding-top:1rem !important; padding-left:0 !important; } .testimonial-signature { margin:0 !important; margin-right:1rem !important; } .testimonial { padding:0 !important; margin-left:auto; margin-right:auto; width:80% !important; margin-top:1rem; min-height:11rem !important; } .testimonial-card-inner { flex-direction:column !important; justify-content:center; } } @media (min-width: 1430px) { .hero-subheader { width: 61% !important; } } @media (max-width: 1430px) { .hero-subheader { width: 63% !important; } } @media (max-width: 1140px) { .hero-subheader { width: 64% !important; } } @media (min-width: 640px) { .lead { font-size: 21px; } } small, .small { font-size: 85%; } cite { font-style: normal; } .text-left { text-align: left; } .text-right { text-align: right; } .text-center { text-align: center; } .text-justify { text-align: justify; } .text-muted { color: #e5e6e8; } .text-primary { color: #428bca; } a.text-primary:hover { color: #3071a9; } .text-success { color: #3c763d; } a.text-success:hover { color: #2b542c; } .text-info { color: #31708f; } a.text-info:hover { color: #245269; } .text-warning { color: #8a6d3b; } a.text-warning:hover { color: #66512c; } .text-danger { color: #a94442; } a.text-danger:hover { color: #843534; } .bg-primary { color: #fff; } .bg-primary { background-color: #428bca; } a.bg-primary:hover { background-color: #3071a9; } .bg-success { background-color: #dff0d8; } a.bg-success:hover { background-color: #c1e2b3; } .bg-info { background-color: #d9edf7; } a.bg-info:hover { background-color: #afd9ee; } .bg-warning { background-color: #fcf8e3; } a.bg-warning:hover { background-color: #f7ecb5; } .bg-danger { background-color: #f2dede; } a.bg-danger:hover { background-color: #e4b9b9; } .page-header { padding-bottom: 9px; margin: 40px 0 20px; text-align: center; } ul, ol { margin-top: 0; margin-bottom: 10px; } ul ul, ul ol, ol ul, ol ol { margin-bottom: 0; } .list-unstyled, .list-inline { padding-left: 0; list-style: none; } .list-inline { margin-left: -5px; } .list-inline > li { display: inline-block; padding-left: 5px; padding-right: 5px; } dl { margin-top: 0; margin-bottom: 20px; } dt, dd { line-height: 1.428571429; } dt { font-weight: bold; } dd { margin-left: 0; } @media (min-width: 640px) { .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; } .dl-horizontal dd:before, .dl-horizontal dd:after { content: " "; display: table; } .dl-horizontal dd:after { clear: both; } } abbr[title], abbr[data-original-title] { cursor: help; border-bottom: 1px dotted #e5e6e8; } .initialism { font-size: 90%; text-transform: uppercase; } blockquote { padding: 10px 20px; margin: 0 0 20px; font-size: 17.5px; border-left: 5px solid #6AF6A3; } 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.428571429; color: #e5e6e8; } blockquote footer:before, blockquote small:before, blockquote .small:before { content: "— "; } .blockquote-reverse, blockquote.pull-right { padding-right: 15px; padding-left: 0; border-right: 5px solid #f1f1f2; border-left: 0; text-align: right; } .blockquote-reverse footer:before, .blockquote-reverse small:before, .blockquote-reverse .small:before, blockquote.pull-right footer:before, blockquote.pull-right small:before, blockquote.pull-right .small:before { content: ""; } .blockquote-reverse footer:after, .blockquote-reverse small:after, .blockquote-reverse .small:after, blockquote.pull-right footer:after, blockquote.pull-right small:after, blockquote.pull-right .small:after { content: " —"; } blockquote:before, blockquote:after { content: ""; } address { margin-bottom: 20px; font-style: normal; line-height: 1.428571429; } code, kbd, pre, samp { font-family: Menlo, Monaco, Consolas, "Courier New", monospace; } code { padding: 2px 4px; font-size: 90%; color: #025781; background-color: #c5efff; white-space: nowrap; border-radius: 4px; } kbd { padding: 2px 4px; font-size: 90%; color: #fff; background-color: #333; border-radius: 3px; box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25); } pre { display: block; padding: 9.5px; margin: 0 0 10px; font-size: 13px; line-height: 1.428571429; word-break: break-all; word-wrap: break-word; color: #6c6e71; background-color: #f5f5f5; border: 1px solid #ccc; border-radius: 4px; } pre code { padding: 0; font-size: inherit; color: inherit; white-space: pre-wrap; background-color: transparent; border-radius: 0; } .pre-scrollable { max-height: 340px; overflow-y: scroll; } .container { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; } .container:before, .container:after { content: " "; display: table; } .container:after { clear: both; } @media (min-width: 640px) { .container { width: 750px; } } @media (min-width: 960px) { .container { width: 970px; } } @media (min-width: 1080px) { .container { width: 1170px; } } .container-fluid { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; } .container-fluid:before, .container-fluid:after { content: " "; display: table; } .container-fluid:after { clear: both; } .row { margin-left: -15px; margin-right: -15px; } .row:before, .row:after { content: " "; display: table; } .row:after { clear: both; } .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-1 { width: 8.3333333333%; } .col-xs-2 { width: 16.6666666667%; } .col-xs-3 { width: 25%; } .col-xs-4 { width: 33.3333333333%; } .col-xs-5 { width: 41.6666666667%; } .col-xs-6 { width: 50%; } .col-xs-7 { width: 58.3333333333%; } .col-xs-8 { width: 66.6666666667%; } .col-xs-9 { width: 75%; } .col-xs-10 { width: 83.3333333333%; } .col-xs-11 { width: 91.6666666667%; } .col-xs-12 { width: 100%; } .col-xs-pull-0 { right: 0%; } .col-xs-pull-1 { right: 8.3333333333%; } .col-xs-pull-2 { right: 16.6666666667%; } .col-xs-pull-3 { right: 25%; } .col-xs-pull-4 { right: 33.3333333333%; } .col-xs-pull-5 { right: 41.6666666667%; } .col-xs-pull-6 { right: 50%; } .col-xs-pull-7 { right: 58.3333333333%; } .col-xs-pull-8 { right: 66.6666666667%; } .col-xs-pull-9 { right: 75%; } .col-xs-pull-10 { right: 83.3333333333%; } .col-xs-pull-11 { right: 91.6666666667%; } .col-xs-pull-12 { right: 100%; } .col-xs-push-0 { left: 0%; } .col-xs-push-1 { left: 8.3333333333%; } .col-xs-push-2 { left: 16.6666666667%; } .col-xs-push-3 { left: 25%; } .col-xs-push-4 { left: 33.3333333333%; } .col-xs-push-5 { left: 41.6666666667%; } .col-xs-push-6 { left: 50%; } .col-xs-push-7 { left: 58.3333333333%; } .col-xs-push-8 { left: 66.6666666667%; } .col-xs-push-9 { left: 75%; } .col-xs-push-10 { left: 83.3333333333%; } .col-xs-push-11 { left: 91.6666666667%; } .col-xs-push-12 { left: 100%; } .col-xs-offset-0 { margin-left: 0%; } .col-xs-offset-1 { margin-left: 8.3333333333%; } .col-xs-offset-2 { margin-left: 16.6666666667%; } .col-xs-offset-3 { margin-left: 25%; } .col-xs-offset-4 { margin-left: 33.3333333333%; } .col-xs-offset-5 { margin-left: 41.6666666667%; } .col-xs-offset-6 { margin-left: 50%; } .col-xs-offset-7 { margin-left: 58.3333333333%; } .col-xs-offset-8 { margin-left: 66.6666666667%; } .col-xs-offset-9 { margin-left: 75%; } .col-xs-offset-10 { margin-left: 83.3333333333%; } .col-xs-offset-11 { margin-left: 91.6666666667%; } .col-xs-offset-12 { margin-left: 100%; } @media (min-width: 640px) { .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: left; } .col-sm-1 { width: 8.3333333333%; } .col-sm-2 { width: 16.6666666667%; } .col-sm-3 { width: 25%; } .col-sm-4 { width: 33.3333333333%; } .col-sm-5 { width: 41.6666666667%; } .col-sm-6 { width: 50%; } .col-sm-7 { width: 58.3333333333%; } .col-sm-8 { width: 66.6666666667%; } .col-sm-9 { width: 75%; } .col-sm-10 { width: 83.3333333333%; } .col-sm-11 { width: 91.6666666667%; } .col-sm-12 { width: 100%; } .col-sm-pull-0 { right: 0%; } .col-sm-pull-1 { right: 8.3333333333%; } .col-sm-pull-2 { right: 16.6666666667%; } .col-sm-pull-3 { right: 25%; } .col-sm-pull-4 { right: 33.3333333333%; } .col-sm-pull-5 { right: 41.6666666667%; } .col-sm-pull-6 { right: 50%; } .col-sm-pull-7 { right: 58.3333333333%; } .col-sm-pull-8 { right: 66.6666666667%; } .col-sm-pull-9 { right: 75%; } .col-sm-pull-10 { right: 83.3333333333%; } .col-sm-pull-11 { right: 91.6666666667%; } .col-sm-pull-12 { right: 100%; } .col-sm-push-0 { left: 0%; } .col-sm-push-1 { left: 8.3333333333%; } .col-sm-push-2 { left: 16.6666666667%; } .col-sm-push-3 { left: 25%; } .col-sm-push-4 { left: 33.3333333333%; } .col-sm-push-5 { left: 41.6666666667%; } .col-sm-push-6 { left: 50%; } .col-sm-push-7 { left: 58.3333333333%; } .col-sm-push-8 { left: 66.6666666667%; } .col-sm-push-9 { left: 75%; } .col-sm-push-10 { left: 83.3333333333%; } .col-sm-push-11 { left: 91.6666666667%; } .col-sm-push-12 { left: 100%; } .col-sm-offset-0 { margin-left: 0%; } .col-sm-offset-1 { margin-left: 8.3333333333%; } .col-sm-offset-2 { margin-left: 16.6666666667%; } .col-sm-offset-3 { margin-left: 25%; } .col-sm-offset-4 { margin-left: 33.3333333333%; } .col-sm-offset-5 { margin-left: 41.6666666667%; } .col-sm-offset-6 { margin-left: 50%; } .col-sm-offset-7 { margin-left: 58.3333333333%; } .col-sm-offset-8 { margin-left: 66.6666666667%; } .col-sm-offset-9 { margin-left: 75%; } .col-sm-offset-10 { margin-left: 83.3333333333%; } .col-sm-offset-11 { margin-left: 91.6666666667%; } .col-sm-offset-12 { margin-left: 100%; } } @media (min-width: 960px) { .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float: left; } .col-md-1 { width: 8.3333333333%; } .col-md-2 { width: 16.6666666667%; } .col-md-3 { width: 25%; } .col-md-4 { width: 33.3333333333%; } .col-md-5 { width: 41.6666666667%; } .col-md-6 { width: 50%; } .col-md-7 { width: 58.3333333333%; } .col-md-8 { width: 66.6666666667%; } .col-md-9 { width: 75%; } .col-md-10 { width: 83.3333333333%; } .col-md-11 { width: 91.6666666667%; } .col-md-12 { width: 100%; } .col-md-pull-0 { right: 0%; } .col-md-pull-1 { right: 8.3333333333%; } .col-md-pull-2 { right: 16.6666666667%; } .col-md-pull-3 { right: 25%; } .col-md-pull-4 { right: 33.3333333333%; } .col-md-pull-5 { right: 41.6666666667%; } .col-md-pull-6 { right: 50%; } .col-md-pull-7 { right: 58.3333333333%; } .col-md-pull-8 { right: 66.6666666667%; } .col-md-pull-9 { right: 75%; } .col-md-pull-10 { right: 83.3333333333%; } .col-md-pull-11 { right: 91.6666666667%; } .col-md-pull-12 { right: 100%; } .col-md-push-0 { left: 0%; } .col-md-push-1 { left: 8.3333333333%; } .col-md-push-2 { left: 16.6666666667%; } .col-md-push-3 { left: 25%; } .col-md-push-4 { left: 33.3333333333%; } .col-md-push-5 { left: 41.6666666667%; } .col-md-push-6 { left: 50%; } .col-md-push-7 { left: 58.3333333333%; } .col-md-push-8 { left: 66.6666666667%; } .col-md-push-9 { left: 75%; } .col-md-push-10 { left: 83.3333333333%; } .col-md-push-11 { left: 91.6666666667%; } .col-md-push-12 { left: 100%; } .col-md-offset-0 { margin-left: 0%; } .col-md-offset-1 { margin-left: 8.3333333333%; } .col-md-offset-2 { margin-left: 16.6666666667%; } .col-md-offset-3 { margin-left: 25%; } .col-md-offset-4 { margin-left: 33.3333333333%; } .col-md-offset-5 { margin-left: 41.6666666667%; } .col-md-offset-6 { margin-left: 50%; } .col-md-offset-7 { margin-left: 58.3333333333%; } .col-md-offset-8 { margin-left: 66.6666666667%; } .col-md-offset-9 { margin-left: 75%; } .col-md-offset-10 { margin-left: 83.3333333333%; } .col-md-offset-11 { margin-left: 91.6666666667%; } .col-md-offset-12 { margin-left: 100%; } } @media (min-width: 1080px) { .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { float: left; } .col-lg-1 { width: 8.3333333333%; } .col-lg-2 { width: 16.6666666667%; } .col-lg-3 { width: 25%; } .col-lg-4 { width: 33.3333333333%; } .col-lg-5 { width: 41.6666666667%; } .col-lg-6 { width: 50%; } .col-lg-7 { width: 58.3333333333%; } .col-lg-8 { width: 66.6666666667%; } .col-lg-9 { width: 75%; } .col-lg-10 { width: 83.3333333333%; } .col-lg-11 { width: 91.6666666667%; } .col-lg-12 { width: 100%; } .col-lg-pull-0 { right: 0%; } .col-lg-pull-1 { right: 8.3333333333%; } .col-lg-pull-2 { right: 16.6666666667%; } .col-lg-pull-3 { right: 25%; } .col-lg-pull-4 { right: 33.3333333333%; } .col-lg-pull-5 { right: 41.6666666667%; } .col-lg-pull-6 { right: 50%; } .col-lg-pull-7 { right: 58.3333333333%; } .col-lg-pull-8 { right: 66.6666666667%; } .col-lg-pull-9 { right: 75%; } .col-lg-pull-10 { right: 83.3333333333%; } .col-lg-pull-11 { right: 91.6666666667%; } .col-lg-pull-12 { right: 100%; } .col-lg-push-0 { left: 0%; } .col-lg-push-1 { left: 8.3333333333%; } .col-lg-push-2 { left: 16.6666666667%; } .col-lg-push-3 { left: 25%; } .col-lg-push-4 { left: 33.3333333333%; } .col-lg-push-5 { left: 41.6666666667%; } .col-lg-push-6 { left: 50%; } .col-lg-push-7 { left: 58.3333333333%; } .col-lg-push-8 { left: 66.6666666667%; } .col-lg-push-9 { left: 75%; } .col-lg-push-10 { left: 83.3333333333%; } .col-lg-push-11 { left: 91.6666666667%; } .col-lg-push-12 { left: 100%; } .col-lg-offset-0 { margin-left: 0%; } .col-lg-offset-1 { margin-left: 8.3333333333%; } .col-lg-offset-2 { margin-left: 16.6666666667%; } .col-lg-offset-3 { margin-left: 25%; } .col-lg-offset-4 { margin-left: 33.3333333333%; } .col-lg-offset-5 { margin-left: 41.6666666667%; } .col-lg-offset-6 { margin-left: 50%; } .col-lg-offset-7 { margin-left: 58.3333333333%; } .col-lg-offset-8 { margin-left: 66.6666666667%; } .col-lg-offset-9 { margin-left: 75%; } .col-lg-offset-10 { margin-left: 83.3333333333%; } .col-lg-offset-11 { margin-left: 91.6666666667%; } .col-lg-offset-12 { margin-left: 100%; } } table { max-width: 100%; background-color: transparent; } th { text-align: left; } .table { width: 100%; margin-bottom: 20px; } .table > thead > tr > th, .table > thead > tr > td, .table > tbody > tr > th, .table > tbody > tr > td, .table > tfoot > tr > th, .table > tfoot > tr > td { padding: 8px; line-height: 1.428571429; vertical-align: top; border-top: 1px solid #ddd; } .table > thead > tr > th { vertical-align: bottom; border-bottom: 2px solid #ddd; } .table > caption + thead > tr:first-child > th, .table > caption + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > td, .table > thead:first-child > tr:first-child > th, .table > thead:first-child > tr:first-child > td { border-top: 0; } .table > tbody + tbody { border-top: 2px solid #ddd; } .table .table { background-color: #fff; } .table-condensed > thead > tr > th, .table-condensed > thead > tr > td, .table-condensed > tbody > tr > th, .table-condensed > tbody > tr > td, .table-condensed > tfoot > tr > th, .table-condensed > tfoot > tr > td { padding: 5px; } .table-bordered { border: 1px solid #ddd; } .table-bordered > thead > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > th, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > th, .table-bordered > tfoot > tr > td { border: 1px solid #ddd; } .table-bordered > thead > tr > th, .table-bordered > thead > tr > td { border-bottom-width: 2px; } .table-striped > tbody > tr:nth-child(odd) > td, .table-striped > tbody > tr:nth-child(odd) > th { background-color: #f9f9f9; } .table-hover > tbody > tr:hover > td, .table-hover > tbody > tr:hover > th { background-color: #f5f5f5; } table col[class*=col-] { position: static; float: none; display: table-column; } table td[class*=col-], table th[class*=col-] { position: static; float: none; display: table-cell; } .table > thead > tr > td.active, .table > thead > tr > th.active, .table > thead > tr.active > td, .table > thead > tr.active > th, .table > tbody > tr > td.active, .table > tbody > tr > th.active, .table > tbody > tr.active > td, .table > tbody > tr.active > th, .table > tfoot > tr > td.active, .table > tfoot > tr > th.active, .table > tfoot > tr.active > td, .table > tfoot > tr.active > th { background-color: #f5f5f5; } .table-hover > tbody > tr > td.active:hover, .table-hover > tbody > tr > th.active:hover, .table-hover > tbody > tr.active:hover > td, .table-hover > tbody > tr.active:hover > th { background-color: #e8e8e8; } .table > thead > tr > td.success, .table > thead > tr > th.success, .table > thead > tr.success > td, .table > thead > tr.success > th, .table > tbody > tr > td.success, .table > tbody > tr > th.success, .table > tbody > tr.success > td, .table > tbody > tr.success > th, .table > tfoot > tr > td.success, .table > tfoot > tr > th.success, .table > tfoot > tr.success > td, .table > tfoot > tr.success > th { background-color: #dff0d8; } .table-hover > tbody > tr > td.success:hover, .table-hover > tbody > tr > th.success:hover, .table-hover > tbody > tr.success:hover > td, .table-hover > tbody > tr.success:hover > th { background-color: #d0e9c6; } .table > thead > tr > td.info, .table > thead > tr > th.info, .table > thead > tr.info > td, .table > thead > tr.info > th, .table > tbody > tr > td.info, .table > tbody > tr > th.info, .table > tbody > tr.info > td, .table > tbody > tr.info > th, .table > tfoot > tr > td.info, .table > tfoot > tr > th.info, .table > tfoot > tr.info > td, .table > tfoot > tr.info > th { background-color: #d9edf7; } .table-hover > tbody > tr > td.info:hover, .table-hover > tbody > tr > th.info:hover, .table-hover > tbody > tr.info:hover > td, .table-hover > tbody > tr.info:hover > th { background-color: #c4e3f3; } .table > thead > tr > td.warning, .table > thead > tr > th.warning, .table > thead > tr.warning > td, .table > thead > tr.warning > th, .table > tbody > tr > td.warning, .table > tbody > tr > th.warning, .table > tbody > tr.warning > td, .table > tbody > tr.warning > th, .table > tfoot > tr > td.warning, .table > tfoot > tr > th.warning, .table > tfoot > tr.warning > td, .table > tfoot > tr.warning > th { background-color: #fcf8e3; } .table-hover > tbody > tr > td.warning:hover, .table-hover > tbody > tr > th.warning:hover, .table-hover > tbody > tr.warning:hover > td, .table-hover > tbody > tr.warning:hover > th { background-color: #faf2cc; } .table > thead > tr > td.danger, .table > thead > tr > th.danger, .table > thead > tr.danger > td, .table > thead > tr.danger > th, .table > tbody > tr > td.danger, .table > tbody > tr > th.danger, .table > tbody > tr.danger > td, .table > tbody > tr.danger > th, .table > tfoot > tr > td.danger, .table > tfoot > tr > th.danger, .table > tfoot > tr.danger > td, .table > tfoot > tr.danger > th { background-color: #f2dede; } .table-hover > tbody > tr > td.danger:hover, .table-hover > tbody > tr > th.danger:hover, .table-hover > tbody > tr.danger:hover > td, .table-hover > tbody > tr.danger:hover > th { background-color: #ebcccc; } @media (max-width: 639px) { .table-responsive { width: 100%; margin-bottom: 15px; overflow-y: hidden; overflow-x: scroll; -ms-overflow-style: -ms-autohiding-scrollbar; border: 1px solid #ddd; -webkit-overflow-scrolling: touch; } .table-responsive > .table { margin-bottom: 0; } .table-responsive > .table > thead > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > tfoot > tr > td { white-space: nowrap; } .table-responsive > .table-bordered { border: 0; } .table-responsive > .table-bordered > thead > tr > th:first-child, .table-responsive > .table-bordered > thead > tr > td:first-child, .table-responsive > .table-bordered > tbody > tr > th:first-child, .table-responsive > .table-bordered > tbody > tr > td:first-child, .table-responsive > .table-bordered > tfoot > tr > th:first-child, .table-responsive > .table-bordered > tfoot > tr > td:first-child { border-left: 0; } .table-responsive > .table-bordered > thead > tr > th:last-child, .table-responsive > .table-bordered > thead > tr > td:last-child, .table-responsive > .table-bordered > tbody > tr > th:last-child, .table-responsive > .table-bordered > tbody > tr > td:last-child, .table-responsive > .table-bordered > tfoot > tr > th:last-child, .table-responsive > .table-bordered > tfoot > tr > td:last-child { border-right: 0; } .table-responsive > .table-bordered > tbody > tr:last-child > th, .table-responsive > .table-bordered > tbody > tr:last-child > td, .table-responsive > .table-bordered > tfoot > tr:last-child > th, .table-responsive > .table-bordered > tfoot > tr:last-child > td { border-bottom: 0; } } fieldset { padding: 0; margin: 0; border: 0; min-width: 0; } legend { display: block; width: 100%; padding: 0; margin-bottom: 20px; font-size: 21px; line-height: inherit; color: #6c6e71; border: 0; border-bottom: 1px solid #e5e5e5; } label { display: inline-block; margin-bottom: 5px; font-family:'AvenirNextProDemi'; } input[type=search] { box-sizing: border-box; } input[type=radio], input[type=checkbox] { margin: 4px 0 0; margin-top: 1px \9 ; /* IE8-9 */ line-height: normal; } input[type=file] { display: block; } input[type=range] { display: block; width: 100%; } select[multiple], select[size] { height: auto; } input[type=file]:focus, input[type=radio]:focus, input[type=checkbox]:focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } output { display: block; padding-top: 7px; font-size: 14px; line-height: 1.428571429; color: #7f8184; } .form-control { display: block; width: 100%; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.428571429; color: #7f8184; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; } .form-control:focus { border-color: #66afe9; outline: 0; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); } .form-control::-moz-placeholder { color: #e5e6e8; opacity: 1; } .form-control:-ms-input-placeholder { color: #e5e6e8; } .form-control::-webkit-input-placeholder { color: #e5e6e8; } .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control { cursor: not-allowed; background-color: #f1f1f2; opacity: 1; } textarea.form-control { height: auto; } input[type=search] { -webkit-appearance: none; } input[type=date] { line-height: 34px; } .form-group { margin-bottom: 15px; } .radio, .checkbox { display: block; min-height: 20px; margin-top: 10px; margin-bottom: 10px; padding-left: 20px; } .radio label, .checkbox label { display: inline; font-weight: normal; cursor: pointer; } .radio input[type=radio], .radio-inline input[type=radio], .checkbox input[type=checkbox], .checkbox-inline input[type=checkbox] { float: left; margin-left: -20px; } .radio + .radio, .checkbox + .checkbox { margin-top: -5px; } .radio-inline, .checkbox-inline { display: inline-block; padding-left: 20px; margin-bottom: 0; vertical-align: middle; font-weight: normal; cursor: pointer; } .radio-inline + .radio-inline, .checkbox-inline + .checkbox-inline { margin-top: 0; margin-left: 10px; } input[type=radio][disabled], fieldset[disabled] input[type=radio], input[type=checkbox][disabled], fieldset[disabled] input[type=checkbox], .radio[disabled], fieldset[disabled] .radio, .radio-inline[disabled], fieldset[disabled] .radio-inline, .checkbox[disabled], fieldset[disabled] .checkbox, .checkbox-inline[disabled], fieldset[disabled] .checkbox-inline { cursor: not-allowed; } .input-sm, .input-group-sm > .form-control, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .btn { height: 30px; padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px; } select.input-sm, .input-group-sm > select.form-control, .input-group-sm > select.input-group-addon, .input-group-sm > .input-group-btn > select.btn { height: 30px; line-height: 30px; } textarea.input-sm, .input-group-sm > textarea.form-control, .input-group-sm > textarea.input-group-addon, .input-group-sm > .input-group-btn > textarea.btn, select[multiple].input-sm, .input-group-sm > select[multiple].form-control, .input-group-sm > select[multiple].input-group-addon, .input-group-sm > .input-group-btn > select[multiple].btn { height: auto; } .input-lg, .input-group-lg > .form-control, .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .btn { height: 46px; padding: 10px 16px; font-size: 18px; line-height: 1.33; border-radius: 6px; } select.input-lg, .input-group-lg > select.form-control, .input-group-lg > select.input-group-addon, .input-group-lg > .input-group-btn > select.btn { height: 46px; line-height: 46px; } textarea.input-lg, .input-group-lg > textarea.form-control, .input-group-lg > textarea.input-group-addon, .input-group-lg > .input-group-btn > textarea.btn, select[multiple].input-lg, .input-group-lg > select[multiple].form-control, .input-group-lg > select[multiple].input-group-addon, .input-group-lg > .input-group-btn > select[multiple].btn { height: auto; } .has-feedback { position: relative; } .has-feedback .form-control { padding-right: 42.5px; } .has-feedback .form-control-feedback { position: absolute; top: 25px; right: 0; display: block; width: 34px; height: 34px; line-height: 34px; text-align: center; } .has-success .help-block, .has-success .control-label, .has-success .radio, .has-success .checkbox, .has-success .radio-inline, .has-success .checkbox-inline { color: #3c763d; } .has-success .form-control { border-color: #3c763d; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .has-success .form-control:focus { border-color: #2b542c; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168; } .has-success .input-group-addon { color: #3c763d; border-color: #3c763d; background-color: #dff0d8; } .has-success .form-control-feedback { color: #3c763d; } .has-warning .help-block, .has-warning .control-label, .has-warning .radio, .has-warning .checkbox, .has-warning .radio-inline, .has-warning .checkbox-inline { color: #8a6d3b; } .has-warning .form-control { border-color: #8a6d3b; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .has-warning .form-control:focus { border-color: #66512c; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b; } .has-warning .input-group-addon { color: #8a6d3b; border-color: #8a6d3b; background-color: #fcf8e3; } .has-warning .form-control-feedback { color: #8a6d3b; } .has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline { color: #a94442; } .has-error .form-control { border-color: #a94442; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .has-error .form-control:focus { border-color: #843534; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483; } .has-error .input-group-addon { color: #a94442; border-color: #a94442; background-color: #f2dede; } .has-error .form-control-feedback { color: #a94442; } .form-control-static { margin-bottom: 0; } .help-block { display: block; margin-top: 5px; margin-bottom: 10px; color: #acaeb0; } @media (min-width: 640px) { .form-inline .form-group, .navbar-form .form-group { display: inline-block; margin-bottom: 0; vertical-align: middle; } .form-inline .form-control, .navbar-form .form-control { display: inline-block; width: auto; vertical-align: middle; } .form-inline .input-group > .form-control, .navbar-form .input-group > .form-control { width: 100%; } .form-inline .control-label, .navbar-form .control-label { margin-bottom: 0; vertical-align: middle; } .form-inline .radio, .navbar-form .radio, .form-inline .checkbox, .navbar-form .checkbox { display: inline-block; margin-top: 0; margin-bottom: 0; padding-left: 0; vertical-align: middle; } .form-inline .radio input[type=radio], .navbar-form .radio input[type=radio], .form-inline .checkbox input[type=checkbox], .navbar-form .checkbox input[type=checkbox] { float: none; margin-left: 0; } .form-inline .has-feedback .form-control-feedback, .navbar-form .has-feedback .form-control-feedback { top: 0; } } .form-horizontal .control-label, .form-horizontal .radio, .form-horizontal .checkbox, .form-horizontal .radio-inline, .form-horizontal .checkbox-inline { margin-top: 0; margin-bottom: 0; padding-top: 7px; } .form-horizontal .radio, .form-horizontal .checkbox { min-height: 27px; } .form-horizontal .form-group { margin-left: -15px; margin-right: -15px; } .form-horizontal .form-group:before, .form-horizontal .form-group:after { content: " "; display: table; } .form-horizontal .form-group:after { clear: both; } .form-horizontal .form-control-static { padding-top: 7px; } @media (min-width: 640px) { .form-horizontal .control-label { text-align: right; } } .form-horizontal .has-feedback .form-control-feedback { top: 0; right: 15px; } .btn { display: inline-block; margin-bottom: 0; font-weight: normal; text-align: center; vertical-align: middle; cursor: pointer; background-image: none; border: 1px solid transparent; white-space: nowrap; padding: 6px 12px; font-size: 14px; line-height: 1.428571429; border-radius: 4px; -webkit-user-select: none; user-select: none; } .btn:focus, .btn:active:focus, .btn.active:focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } .btn:hover, .btn:focus { color: #333; text-decoration: none; } .btn:active, .btn.active { outline: 0; background-image: none; box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } .btn.disabled, .btn[disabled], fieldset[disabled] .btn { cursor: not-allowed; pointer-events: none; opacity: 0.65; filter: alpha(opacity=65); box-shadow: none; } .btn-default { color: #333; background-color: #fff; border-color: #ccc; } .btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active { color: #333; background-color: #ebebeb; border-color: #adadad; } .open .btn-default.dropdown-toggle { color: #333; background-color: #ebebeb; border-color: #adadad; } .btn-default:active, .btn-default.active { background-image: none; } .open .btn-default.dropdown-toggle { background-image: none; } .btn-default.disabled, .btn-default.disabled:hover, .btn-default.disabled:focus, .btn-default.disabled:active, .btn-default.disabled.active, .btn-default[disabled], .btn-default[disabled]:hover, .btn-default[disabled]:focus, .btn-default[disabled]:active, .btn-default[disabled].active, fieldset[disabled] .btn-default, fieldset[disabled] .btn-default:hover, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default:active, fieldset[disabled] .btn-default.active { background-color: #fff; border-color: #ccc; } .btn-default .badge { color: #fff; background-color: #333; } .btn-primary { color: #fff; background-color: #428bca; border-color: #357ebd; } .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active { color: #fff; background-color: #3276b1; border-color: #285e8e; } .open .btn-primary.dropdown-toggle { color: #fff; background-color: #3276b1; border-color: #285e8e; } .btn-primary:active, .btn-primary.active { background-image: none; } .open .btn-primary.dropdown-toggle { background-image: none; } .btn-primary.disabled, .btn-primary.disabled:hover, .btn-primary.disabled:focus, .btn-primary.disabled:active, .btn-primary.disabled.active, .btn-primary[disabled], .btn-primary[disabled]:hover, .btn-primary[disabled]:focus, .btn-primary[disabled]:active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary, fieldset[disabled] .btn-primary:hover, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary:active, fieldset[disabled] .btn-primary.active { background-color: #428bca; border-color: #357ebd; } .btn-primary .badge { color: #428bca; background-color: #fff; } .btn-success { color: #fff; background-color: #5cb85c; border-color: #4cae4c; } .btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active { color: #fff; background-color: #47a447; border-color: #398439; } .open .btn-success.dropdown-toggle { color: #fff; background-color: #47a447; border-color: #398439; } .btn-success:active, .btn-success.active { background-image: none; } .open .btn-success.dropdown-toggle { background-image: none; } .btn-success.disabled, .btn-success.disabled:hover, .btn-success.disabled:focus, .btn-success.disabled:active, .btn-success.disabled.active, .btn-success[disabled], .btn-success[disabled]:hover, .btn-success[disabled]:focus, .btn-success[disabled]:active, .btn-success[disabled].active, fieldset[disabled] .btn-success, fieldset[disabled] .btn-success:hover, fieldset[disabled] .btn-success:focus, fieldset[disabled] .btn-success:active, fieldset[disabled] .btn-success.active { background-color: #5cb85c; border-color: #4cae4c; } .btn-success .badge { color: #5cb85c; background-color: #fff; } .btn-info { color: #fff; background-color: #5bc0de; border-color: #46b8da; } .btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active { color: #fff; background-color: #39b3d7; border-color: #269abc; } .open .btn-info.dropdown-toggle { color: #fff; background-color: #39b3d7; border-color: #269abc; } .btn-info:active, .btn-info.active { background-image: none; } .open .btn-info.dropdown-toggle { background-image: none; } .btn-info.disabled, .btn-info.disabled:hover, .btn-info.disabled:focus, .btn-info.disabled:active, .btn-info.disabled.active, .btn-info[disabled], .btn-info[disabled]:hover, .btn-info[disabled]:focus, .btn-info[disabled]:active, .btn-info[disabled].active, fieldset[disabled] .btn-info, fieldset[disabled] .btn-info:hover, fieldset[disabled] .btn-info:focus, fieldset[disabled] .btn-info:active, fieldset[disabled] .btn-info.active { background-color: #5bc0de; border-color: #46b8da; } .btn-info .badge { color: #5bc0de; background-color: #fff; } .btn-warning { color: #fff; background-color: #f0ad4e; border-color: #eea236; } .btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active { color: #fff; background-color: #ed9c28; border-color: #d58512; } .open .btn-warning.dropdown-toggle { color: #fff; background-color: #ed9c28; border-color: #d58512; } .btn-warning:active, .btn-warning.active { background-image: none; } .open .btn-warning.dropdown-toggle { background-image: none; } .btn-warning.disabled, .btn-warning.disabled:hover, .btn-warning.disabled:focus, .btn-warning.disabled:active, .btn-warning.disabled.active, .btn-warning[disabled], .btn-warning[disabled]:hover, .btn-warning[disabled]:focus, .btn-warning[disabled]:active, .btn-warning[disabled].active, fieldset[disabled] .btn-warning, fieldset[disabled] .btn-warning:hover, fieldset[disabled] .btn-warning:focus, fieldset[disabled] .btn-warning:active, fieldset[disabled] .btn-warning.active { background-color: #f0ad4e; border-color: #eea236; } .btn-warning .badge { color: #f0ad4e; background-color: #fff; } .btn-danger { color: #fff; background-color: #d9534f; border-color: #d43f3a; } .btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active { color: #fff; background-color: #d2322d; border-color: #ac2925; } .open .btn-danger.dropdown-toggle { color: #fff; background-color: #d2322d; border-color: #ac2925; } .btn-danger:active, .btn-danger.active { background-image: none; } .open .btn-danger.dropdown-toggle { background-image: none; } .btn-danger.disabled, .btn-danger.disabled:hover, .btn-danger.disabled:focus, .btn-danger.disabled:active, .btn-danger.disabled.active, .btn-danger[disabled], .btn-danger[disabled]:hover, .btn-danger[disabled]:focus, .btn-danger[disabled]:active, .btn-danger[disabled].active, fieldset[disabled] .btn-danger, fieldset[disabled] .btn-danger:hover, fieldset[disabled] .btn-danger:focus, fieldset[disabled] .btn-danger:active, fieldset[disabled] .btn-danger.active { background-color: #d9534f; border-color: #d43f3a; } .btn-danger .badge { color: #d9534f; background-color: #fff; } .btn-link { color: #0081b2; 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: #004a66; text-decoration: underline; background-color: transparent; } .btn-link[disabled]:hover, .btn-link[disabled]:focus, fieldset[disabled] .btn-link:hover, fieldset[disabled] .btn-link:focus { color: #e5e6e8; text-decoration: none; } .btn-lg, .btn-group-lg > .btn { padding: 10px 16px; font-size: 18px; line-height: 1.33; border-radius: 6px; } .btn-sm, .btn-group-sm > .btn { padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px; } .btn-xs, .btn-group-xs > .btn { padding: 1px 5px; font-size: 12px; line-height: 1.5; border-radius: 3px; } .btn-block { display: block; width: 100%; padding-left: 0; padding-right: 0; } .btn-block + .btn-block { margin-top: 5px; } .fade-container { display:none!important; } input[type=submit].btn-block, input[type=reset].btn-block, input[type=button].btn-block { width: 100%; } .fade { opacity: 0; transition: opacity 0.15s linear; } .fade.in { opacity: 1; } .collapse { display: none; } .collapse.in { display: block; } .collapsing { position: relative; height: 0; overflow: hidden; transition: height 0.35s ease; } @font-face { font-family: "Glyphicons Halflings"; src: url("https://www.responsify.com/wp-content/themes/responsify3/assets/fonts/glyphicons-halflings-regular.eot"); src: url("https://www.responsify.com/wp-content/themes/responsify3/assets/fonts/glyphicons-halflings-regular.eot?#iefix") format("embedded-opentype"), url("https://www.responsify.com/wp-content/themes/responsify3/assets/fonts/glyphicons-halflings-regular.woff") format("woff"), url("https://www.responsify.com/wp-content/themes/responsify3/assets/fonts/glyphicons-halflings-regular.ttf") format("truetype"), url("https://www.responsify.com/wp-content/themes/responsify3/assets/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular") format("svg"); } .glyphicon { position: relative; top: 1px; display: inline-block; font-family: "Glyphicons Halflings"; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .glyphicon-asterisk:before { content: "*"; } .glyphicon-plus:before { content: "+"; } .glyphicon-euro:before { content: "€"; } .glyphicon-minus:before { content: "−"; } .glyphicon-cloud:before { content: "☁"; } .glyphicon-envelope:before { content: "✉"; } .glyphicon-pencil:before { content: "✏"; } .glyphicon-glass:before { content: ""; } .glyphicon-music:before { content: ""; } .glyphicon-search:before { content: ""; } .glyphicon-heart:before { content: ""; } .glyphicon-star:before { content: ""; } .glyphicon-star-empty:before { content: ""; } .glyphicon-user:before { content: ""; } .glyphicon-film:before { content: ""; } .glyphicon-th-large:before { content: ""; } .glyphicon-th:before { content: ""; } .glyphicon-th-list:before { content: ""; } .glyphicon-ok:before { content: ""; } .glyphicon-remove:before { content: ""; } .glyphicon-zoom-in:before { content: ""; } .glyphicon-zoom-out:before { content: ""; } .glyphicon-off:before { content: ""; } .glyphicon-signal:before { content: ""; } .glyphicon-cog:before { content: ""; } .glyphicon-trash:before { content: ""; } .glyphicon-home:before { content: ""; } .glyphicon-file:before { content: ""; } .glyphicon-time:before { content: ""; } .glyphicon-road:before { content: ""; } .glyphicon-download-alt:before { content: ""; } .glyphicon-download:before { content: ""; } .glyphicon-upload:before { content: ""; } .glyphicon-inbox:before { content: ""; } .glyphicon-play-circle:before { content: ""; } .glyphicon-repeat:before { content: ""; } .glyphicon-refresh:before { content: ""; } .glyphicon-list-alt:before { content: ""; } .glyphicon-lock:before { content: ""; } .glyphicon-flag:before { content: ""; } .glyphicon-headphones:before { content: ""; } .glyphicon-volume-off:before { content: ""; } .glyphicon-volume-down:before { content: ""; } .glyphicon-volume-up:before { content: ""; } .glyphicon-qrcode:before { content: ""; } .glyphicon-barcode:before { content: ""; } .glyphicon-tag:before { content: ""; } .glyphicon-tags:before { content: ""; } .glyphicon-book:before { content: ""; } .glyphicon-bookmark:before { content: ""; } .glyphicon-print:before { content: ""; } .glyphicon-camera:before { content: ""; } .glyphicon-font:before { content: ""; } .glyphicon-bold:before { content: ""; } .glyphicon-italic:before { content: ""; } .glyphicon-text-height:before { content: ""; } .glyphicon-text-width:before { content: ""; } .glyphicon-align-left:before { content: ""; } .glyphicon-align-center:before { content: ""; } .glyphicon-align-right:before { content: ""; } .glyphicon-align-justify:before { content: ""; } .glyphicon-list:before { content: ""; } .glyphicon-indent-left:before { content: ""; } .glyphicon-indent-right:before { content: ""; } .glyphicon-facetime-video:before { content: ""; } .glyphicon-picture:before { content: ""; } .glyphicon-map-marker:before { content: ""; } .glyphicon-adjust:before { content: ""; } .glyphicon-tint:before { content: ""; } .glyphicon-edit:before { content: ""; } .glyphicon-share:before { content: ""; } .glyphicon-check:before { content: ""; } .glyphicon-move:before { content: ""; } .glyphicon-step-backward:before { content: ""; } .glyphicon-fast-backward:before { content: ""; } .glyphicon-backward:before { content: ""; } .glyphicon-play:before { content: ""; } .glyphicon-pause:before { content: ""; } .glyphicon-stop:before { content: ""; } .glyphicon-forward:before { content: ""; } .glyphicon-fast-forward:before { content: ""; } .glyphicon-step-forward:before { content: ""; } .glyphicon-eject:before { content: ""; } .glyphicon-chevron-left:before { content: ""; } .glyphicon-chevron-right:before { content: ""; } .glyphicon-plus-sign:before { content: ""; } .glyphicon-minus-sign:before { content: ""; } .glyphicon-remove-sign:before { content: ""; } .glyphicon-ok-sign:before { content: ""; } .glyphicon-question-sign:before { content: ""; } .glyphicon-info-sign:before { content: ""; } .glyphicon-screenshot:before { content: ""; } .glyphicon-remove-circle:before { content: ""; } .glyphicon-ok-circle:before { content: ""; } .glyphicon-ban-circle:before { content: ""; } .glyphicon-arrow-left:before { content: ""; } .glyphicon-arrow-right:before { content: ""; } .glyphicon-arrow-up:before { content: ""; } .glyphicon-arrow-down:before { content: ""; } .glyphicon-share-alt:before { content: ""; } .glyphicon-resize-full:before { content: ""; } .glyphicon-resize-small:before { content: ""; } .glyphicon-exclamation-sign:before { content: ""; } .glyphicon-gift:before { content: ""; } .glyphicon-leaf:before { content: ""; } .glyphicon-fire:before { content: ""; } .glyphicon-eye-open:before { content: ""; } .glyphicon-eye-close:before { content: ""; } .glyphicon-warning-sign:before { content: ""; } .glyphicon-plane:before { content: ""; } .glyphicon-calendar:before { content: ""; } .glyphicon-random:before { content: ""; } .glyphicon-comment:before { content: ""; } .glyphicon-magnet:before { content: ""; } .glyphicon-chevron-up:before { content: ""; } .glyphicon-chevron-down:before { content: ""; } .glyphicon-retweet:before { content: ""; } .glyphicon-shopping-cart:before { content: ""; } .glyphicon-folder-close:before { content: ""; } .glyphicon-folder-open:before { content: ""; } .glyphicon-resize-vertical:before { content: ""; } .glyphicon-resize-horizontal:before { content: ""; } .glyphicon-hdd:before { content: ""; } .glyphicon-bullhorn:before { content: ""; } .glyphicon-bell:before { content: ""; } .glyphicon-certificate:before { content: ""; } .glyphicon-thumbs-up:before { content: ""; } .glyphicon-thumbs-down:before { content: ""; } .glyphicon-hand-right:before { content: ""; } .glyphicon-hand-left:before { content: ""; } .glyphicon-hand-up:before { content: ""; } .glyphicon-hand-down:before { content: ""; } .glyphicon-circle-arrow-right:before { content: ""; } .glyphicon-circle-arrow-left:before { content: ""; } .glyphicon-circle-arrow-up:before { content: ""; } .glyphicon-circle-arrow-down:before { content: ""; } .glyphicon-globe:before { content: ""; } .glyphicon-wrench:before { content: ""; } .glyphicon-tasks:before { content: ""; } .glyphicon-filter:before { content: ""; } .glyphicon-briefcase:before { content: ""; } .glyphicon-fullscreen:before { content: ""; } .glyphicon-dashboard:before { content: ""; } .glyphicon-paperclip:before { content: ""; } .glyphicon-heart-empty:before { content: ""; } .glyphicon-link:before { content: ""; } .glyphicon-phone:before { content: ""; } .glyphicon-pushpin:before { content: ""; } .glyphicon-usd:before { content: ""; } .glyphicon-gbp:before { content: ""; } .glyphicon-sort:before { content: ""; } .glyphicon-sort-by-alphabet:before { content: ""; } .glyphicon-sort-by-alphabet-alt:before { content: ""; } .glyphicon-sort-by-order:before { content: ""; } .glyphicon-sort-by-order-alt:before { content: ""; } .glyphicon-sort-by-attributes:before { content: ""; } .glyphicon-sort-by-attributes-alt:before { content: ""; } .glyphicon-unchecked:before { content: ""; } .glyphicon-expand:before { content: ""; } .glyphicon-collapse-down:before { content: ""; } .glyphicon-collapse-up:before { content: ""; } .glyphicon-log-in:before { content: ""; } .glyphicon-flash:before { content: ""; } .glyphicon-log-out:before { content: ""; } .glyphicon-new-window:before { content: ""; } .glyphicon-record:before { content: ""; } .glyphicon-save:before { content: ""; } .glyphicon-open:before { content: ""; } .glyphicon-saved:before { content: ""; } .glyphicon-import:before { content: ""; } .glyphicon-export:before { content: ""; } .glyphicon-send:before { content: ""; } .glyphicon-floppy-disk:before { content: ""; } .glyphicon-floppy-saved:before { content: ""; } .glyphicon-floppy-remove:before { content: ""; } .glyphicon-floppy-save:before { content: ""; } .glyphicon-floppy-open:before { content: ""; } .glyphicon-credit-card:before { content: ""; } .glyphicon-transfer:before { content: ""; } .glyphicon-cutlery:before { content: ""; } .glyphicon-header:before { content: ""; } .glyphicon-compressed:before { content: ""; } .glyphicon-earphone:before { content: ""; } .glyphicon-phone-alt:before { content: ""; } .glyphicon-tower:before { content: ""; } .glyphicon-stats:before { content: ""; } .glyphicon-sd-video:before { content: ""; } .glyphicon-hd-video:before { content: ""; } .glyphicon-subtitles:before { content: ""; } .glyphicon-sound-stereo:before { content: ""; } .glyphicon-sound-dolby:before { content: ""; } .glyphicon-sound-5-1:before { content: ""; } .glyphicon-sound-6-1:before { content: ""; } .glyphicon-sound-7-1:before { content: ""; } .glyphicon-copyright-mark:before { content: ""; } .glyphicon-registration-mark:before { content: ""; } .glyphicon-cloud-download:before { content: ""; } .glyphicon-cloud-upload:before { content: ""; } .glyphicon-tree-conifer:before { content: ""; } .glyphicon-tree-deciduous:before { content: ""; } .caret { display: inline-block; width: 0; height: 0; margin-left: 2px; vertical-align: middle; border-top: 4px solid; border-right: 4px solid transparent; border-left: 4px solid transparent; } .dropdown { position: relative; } .dropdown-toggle:focus { outline: 0; } .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 160px; padding: 5px 0; margin: 2px 0 0; list-style: none; font-size: 14px; background-color: #fff; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 4px; box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); background-clip: padding-box; } .dropdown-menu.pull-right { right: 0; left: auto; } .dropdown-menu .divider { height: 1px; margin: 9px 0; overflow: hidden; background-color: #e5e5e5; } .dropdown-menu > li > a { display: block; padding: 3px 20px; clear: both; font-weight: normal; line-height: 1.428571429; color: #6c6e71; white-space: nowrap; } .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { text-decoration: none; color: #606164; background-color: #f5f5f5; } .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus { color: #fff; text-decoration: none; outline: 0; background-color: #428bca; } .dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus { color: #e5e6e8; } .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus { text-decoration: none; background-color: transparent; background-image: none; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); cursor: not-allowed; } .open > .dropdown-menu { display: block; } .open > a { outline: 0; } .dropdown-menu-right { left: auto; right: 0; } .dropdown-menu-left { left: 0; right: auto; } .dropdown-header { display: block; padding: 3px 20px; font-size: 12px; line-height: 1.428571429; color: #e5e6e8; } .dropdown-backdrop { position: fixed; left: 0; right: 0; bottom: 0; top: 0; z-index: 990; } .pull-right > .dropdown-menu { right: 0; left: auto; } .dropup .caret, .navbar-fixed-bottom .dropdown .caret { border-top: 0; border-bottom: 4px solid; content: ""; } .dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu { top: auto; bottom: 100%; margin-bottom: 1px; } @media (min-width: 640px) { .navbar-right .dropdown-menu { right: 0; left: auto; } .navbar-right .dropdown-menu-left { left: 0; right: auto; } } .btn-group, .btn-group-vertical { position: relative; display: inline-block; vertical-align: middle; } .btn-group > .btn, .btn-group-vertical > .btn { position: relative; float: left; } .btn-group > .btn:hover, .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, .btn-group-vertical > .btn:hover, .btn-group-vertical > .btn:focus, .btn-group-vertical > .btn:active, .btn-group-vertical > .btn.active { z-index: 2; } .btn-group > .btn:focus, .btn-group-vertical > .btn:focus { outline: none; } .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:before, .btn-toolbar:after { content: " "; display: table; } .btn-toolbar:after { clear: both; } .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, .btn-group-lg.btn-group > .btn + .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, .btn-group-lg > .btn .caret { border-width: 5px 5px 0; border-bottom-width: 0; } .dropup .btn-lg .caret, .dropup .btn-group-lg > .btn .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:before, .btn-group-vertical > .btn-group:after { content: " "; display: table; } .btn-group-vertical > .btn-group:after { clear: both; } .btn-group-vertical > .btn-group > .btn { float: none; } .btn-group-vertical > .btn + .btn, .btn-group-vertical > .btn + .btn-group, .btn-group-vertical > .btn-group + .btn, .btn-group-vertical > .btn-group + .btn-group { margin-top: -1px; margin-left: 0; } .btn-group-vertical > .btn:not(:first-child):not(:last-child) { border-radius: 0; } .btn-group-vertical > .btn:first-child:not(:last-child) { border-top-right-radius: 4px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .btn-group-vertical > .btn:last-child:not(:first-child) { border-bottom-left-radius: 4px; border-top-right-radius: 0; border-top-left-radius: 0; } .btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn { border-radius: 0; } .btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child, .btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child { border-top-right-radius: 0; border-top-left-radius: 0; } .btn-group-justified { display: table; width: 100%; table-layout: fixed; border-collapse: separate; } .btn-group-justified > .btn, .btn-group-justified > .btn-group { float: none; display: table-cell; width: 1%; } .btn-group-justified > .btn-group .btn { width: 100%; } [data-toggle=buttons] > .btn > input[type=radio], [data-toggle=buttons] > .btn > input[type=checkbox] { display: none; } .input-group { position: relative; display: table; border-collapse: separate; } .input-group[class*=col-] { float: none; padding-left: 0; padding-right: 0; } .input-group .form-control { position: relative; z-index: 2; float: left; width: 100%; margin-bottom: 0; } .input-group-addon, .input-group-btn, .input-group .form-control { display: table-cell; } .input-group-addon:not(:first-child):not(:last-child), .input-group-btn:not(:first-child):not(:last-child), .input-group .form-control:not(:first-child):not(:last-child) { border-radius: 0; } .input-group-addon, .input-group-btn { width: 1%; white-space: nowrap; vertical-align: middle; } .input-group-addon { padding: 6px 12px; font-size: 14px; font-weight: normal; line-height: 1; color: #7f8184; text-align: center; background-color: #f1f1f2; border: 1px solid #ccc; border-radius: 4px; } .input-group-addon.input-sm, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .input-group-addon.btn { padding: 5px 10px; font-size: 12px; border-radius: 3px; } .input-group-addon.input-lg, .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .input-group-addon.btn { padding: 10px 16px; font-size: 18px; border-radius: 6px; } .input-group-addon input[type=radio], .input-group-addon input[type=checkbox] { margin-top: 0; } .input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group > .btn, .input-group-btn:first-child > .dropdown-toggle, .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group-btn:last-child > .btn-group:not(:last-child) > .btn { border-bottom-right-radius: 0; border-top-right-radius: 0; } .input-group-addon:first-child { border-right: 0; } .input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group > .btn, .input-group-btn:last-child > .dropdown-toggle, .input-group-btn:first-child > .btn:not(:first-child), .input-group-btn:first-child > .btn-group:not(:first-child) > .btn { border-bottom-left-radius: 0; border-top-left-radius: 0; } .input-group-addon:last-child { border-left: 0; } .input-group-btn { position: relative; font-size: 0; white-space: nowrap; } .input-group-btn > .btn { position: relative; } .input-group-btn > .btn + .btn { margin-left: -1px; } .input-group-btn > .btn:hover, .input-group-btn > .btn:focus, .input-group-btn > .btn:active { z-index: 2; } .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group { margin-right: -1px; } .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group { margin-left: -1px; } .nav { margin-bottom: 0; padding-left: 0; list-style: none; } .nav:before, .nav:after { content: " "; display: table; } .nav:after { clear: both; } .nav > li { position: relative; display: block; } .nav > li > a { position: relative; display: block; padding: 10px 15px; } .nav > li > a:hover, .nav > li > a:focus { text-decoration: none; background-color: #f1f1f2; } .nav > li.disabled > a { color: #e5e6e8; } .nav > li.disabled > a:hover, .nav > li.disabled > a:focus { color: #e5e6e8; text-decoration: none; background-color: transparent; cursor: not-allowed; } .nav .open > a, .nav .open > a:hover, .nav .open > a:focus { background-color: #f1f1f2; border-color: #0081b2; } .nav .nav-divider { height: 1px; margin: 9px 0; overflow: hidden; background-color: #e5e5e5; } .nav > li > a > img { max-width: none; } .nav-tabs { border-bottom: 1px solid #ddd; } .nav-tabs > li { float: left; margin-bottom: -1px; } .nav-tabs > li > a { margin-right: 2px; line-height: 1.428571429; border: 1px solid transparent; border-radius: 4px 4px 0 0; } .nav-tabs > li > a:hover { border-color: #f1f1f2 #f1f1f2 #ddd; } .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { color: #7f8184; background-color: #fff; border: 1px solid #ddd; border-bottom-color: transparent; cursor: default; } .nav-pills > li { float: left; } .nav-pills > li > a { border-radius: 4px; } .nav-pills > li + li { margin-left: 2px; } .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus { background-color: #428bca; } .nav-stacked > li { float: none; } .nav-stacked > li + li { margin-top: 2px; margin-left: 0; } .nav-justified, .nav-tabs.nav-justified { width: 100%; } .nav-justified > li, .nav-tabs.nav-justified > li { float: none; } .nav-justified > li > a, .nav-tabs.nav-justified > li > a { text-align: center; margin-bottom: 5px; } .nav-justified > .dropdown .dropdown-menu { top: auto; left: auto; } @media (min-width: 640px) { .nav-justified > li, .nav-tabs.nav-justified > li { display: table-cell; width: 1%; } .nav-justified > li > a, .nav-tabs.nav-justified > li > a { margin-bottom: 0; } } .nav-tabs-justified, .nav-tabs.nav-justified { border-bottom: 0; } .nav-tabs-justified > li > a, .nav-tabs.nav-justified > li > a { margin-right: 0; border-radius: 4px; } .nav-tabs-justified > .active > a, .nav-tabs.nav-justified > .active > a, .nav-tabs-justified > .active > a:hover, .nav-tabs-justified > .active > a:focus { border: 1px solid #ddd; } @media (min-width: 640px) { .nav-tabs-justified > li > a, .nav-tabs.nav-justified > li > a { border-bottom: 1px solid #ddd; border-radius: 4px 4px 0 0; } .nav-tabs-justified > .active > a, .nav-tabs.nav-justified > .active > a, .nav-tabs-justified > .active > a:hover, .nav-tabs-justified > .active > a:focus { border-bottom-color: #fff; } } .tab-content > .tab-pane { display: none; } .tab-content > .active { display: block; } .nav-tabs .dropdown-menu { margin-top: -1px; border-top-right-radius: 0; border-top-left-radius: 0; } .navbar { position: relative; min-height: 50px; margin-bottom: 20px; border: 1px solid transparent; } .navbar:before, .navbar:after { content: " "; display: table; } .navbar:after { clear: both; } @media (min-width: 640px) { .navbar { border-radius: 4px; } } .navbar-header:before, .navbar-header:after { content: " "; display: table; } .navbar-header:after { clear: both; } @media (min-width: 640px) { .navbar-header { float: left; } } .navbar-collapse { max-height: 340px; overflow-x: visible; padding-right: 15px; padding-left: 15px; border-top: 1px solid transparent; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1); -webkit-overflow-scrolling: touch; } .navbar-collapse:before, .navbar-collapse:after { content: " "; display: table; } .navbar-collapse:after { clear: both; } .navbar-collapse.in { overflow-y: auto; } @media (min-width: 640px) { .navbar-collapse { width: auto; border-top: 0; box-shadow: none; } .navbar-collapse.collapse { display: block !important; height: auto !important; padding-bottom: 0; overflow: visible !important; } .navbar-collapse.in { overflow-y: visible; } .navbar-fixed-top .navbar-collapse, .navbar-static-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse { padding-left: 0; padding-right: 0; } } .container > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-header, .container-fluid > .navbar-collapse { margin-right: -15px; margin-left: -15px; } @media (min-width: 640px) { .container > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-header, .container-fluid > .navbar-collapse { margin-right: 0; margin-left: 0; } } .navbar-static-top { z-index: 1000; border-width: 0 0 1px; } @media (min-width: 640px) { .navbar-static-top { border-radius: 0; } } .navbar-fixed-top, .navbar-fixed-bottom { position: fixed; right: 0; left: 0; z-index: 1030; } @media (min-width: 640px) { .navbar-fixed-top, .navbar-fixed-bottom { border-radius: 0; } } .navbar-fixed-top { top: 0; border-width: 0 0 1px; } .navbar-fixed-bottom { bottom: 0; margin-bottom: 0; border-width: 1px 0 0; } .navbar-brand { float: left; padding: 15px 15px; font-size: 18px; line-height: 20px; height: 50px; } .navbar-brand:hover, .navbar-brand:focus { text-decoration: none; } @media (min-width: 640px) { .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand { margin-left: -15px; } } .navbar-toggle { position: relative; float: right; margin-right: 15px; padding: 9px 10px; margin-top: 8px; margin-bottom: 8px; background-color: transparent; background-image: none; border: 1px solid transparent; border-radius: 4px; } .navbar-toggle:focus { outline: none; } .navbar-toggle .icon-bar { display: block; width: 22px; height: 2px; border-radius: 1px; } .navbar-toggle .icon-bar + .icon-bar { margin-top: 4px; } @media (min-width: 640px) { .navbar-toggle { display: none; } } .navbar-nav { margin: 7.5px -15px; } .navbar-nav > li > a { padding-top: 10px; padding-bottom: 10px; line-height: 20px; } @media (max-width: 639px) { .navbar-nav .open .dropdown-menu { position: static; float: none; width: auto; margin-top: 0; background-color: transparent; border: 0; box-shadow: none; } .navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header { padding: 5px 15px 5px 25px; } .navbar-nav .open .dropdown-menu > li > a { line-height: 20px; } .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-nav .open .dropdown-menu > li > a:focus { background-image: none; } } @media (min-width: 640px) { .navbar-nav { float: left; margin: 0; } .navbar-nav > li { float: left; } .navbar-nav > li > a { padding-top: 15px; padding-bottom: 15px; } .navbar-nav.navbar-right:last-child { margin-right: -15px; } } @media (min-width: 640px) { .navbar-left { float: left !important; } .navbar-right { float: right !important; } } .navbar-form { margin-left: -15px; margin-right: -15px; padding: 10px 15px; border-top: 1px solid transparent; border-bottom: 1px solid transparent; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1); margin-top: 8px; margin-bottom: 8px; } @media (max-width: 639px) { .navbar-form .form-group { margin-bottom: 5px; } } @media (min-width: 640px) { .navbar-form { width: auto; border: 0; margin-left: 0; margin-right: 0; padding-top: 0; padding-bottom: 0; box-shadow: none; } .navbar-form.navbar-right:last-child { margin-right: -15px; } } .navbar-nav > li > .dropdown-menu { margin-top: 0; border-top-right-radius: 0; border-top-left-radius: 0; } .navbar-fixed-bottom .navbar-nav > li > .dropdown-menu { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .navbar-btn { margin-top: 8px; margin-bottom: 8px; } .navbar-btn.btn-sm, .btn-group-sm > .navbar-btn.btn { margin-top: 10px; margin-bottom: 10px; } .navbar-btn.btn-xs, .btn-group-xs > .navbar-btn.btn { margin-top: 14px; margin-bottom: 14px; } .navbar-text { margin-top: 15px; margin-bottom: 15px; } @media (min-width: 640px) { .navbar-text { float: left; margin-left: 15px; margin-right: 15px; } .navbar-text.navbar-right:last-child { margin-right: 0; } } .navbar-default { background-color: #f8f8f8; border-color: #e7e7e7; } .navbar-default .navbar-brand { color: #777; } .navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus { color: #5e5e5e; background-color: transparent; } .navbar-default .navbar-text { color: #777; } .navbar-default .navbar-nav > li > a { color: #777; } .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus { color: #333; background-color: transparent; } .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus { color: #555; background-color: #e7e7e7; } .navbar-default .navbar-nav > .disabled > a, .navbar-default .navbar-nav > .disabled > a:hover, .navbar-default .navbar-nav > .disabled > a:focus { color: #ccc; background-color: transparent; } .navbar-default .navbar-toggle { border-color: #ddd; } .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background-color: #ddd; } .navbar-default .navbar-toggle .icon-bar { background-color: #888; } .navbar-default .navbar-collapse, .navbar-default .navbar-form { border-color: #e7e7e7; } .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus { background-color: #e7e7e7; color: #555; } @media (max-width: 639px) { .navbar-default .navbar-nav .open .dropdown-menu > li > a { color: #777; } .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus { color: #333; background-color: transparent; } .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus { color: #555; background-color: #e7e7e7; } .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus { color: #ccc; background-color: transparent; } } .navbar-default .navbar-link { color: #777; } .navbar-default .navbar-link:hover { color: #333; } .navbar-inverse { background-color: #222; border-color: #090909; } .navbar-inverse .navbar-brand { color: #e5e6e8; } .navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-brand:focus { color: #fff; background-color: transparent; } .navbar-inverse .navbar-text { color: #e5e6e8; } .navbar-inverse .navbar-nav > li > a { color: #e5e6e8; } .navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus { color: #fff; background-color: transparent; } .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus { color: #fff; background-color: #090909; } .navbar-inverse .navbar-nav > .disabled > a, .navbar-inverse .navbar-nav > .disabled > a:hover, .navbar-inverse .navbar-nav > .disabled > a:focus { color: #444; background-color: transparent; } .navbar-inverse .navbar-toggle { border-color: #333; } .navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus { background-color: #333; } .navbar-inverse .navbar-toggle .icon-bar { background-color: #fff; } .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form { border-color: #101010; } .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus { background-color: #090909; color: #fff; } @media (max-width: 639px) { .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header { border-color: #090909; } .navbar-inverse .navbar-nav .open .dropdown-menu .divider { background-color: #090909; } .navbar-inverse .navbar-nav .open .dropdown-menu > li > a { color: #e5e6e8; } .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus { color: #fff; background-color: transparent; } .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus { color: #fff; background-color: #090909; } .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus { color: #444; background-color: transparent; } } .navbar-inverse .navbar-link { color: #e5e6e8; } .navbar-inverse .navbar-link:hover { color: #fff; } .breadcrumb { padding: 8px 15px; margin-bottom: 20px; list-style: none; background-color: #f5f5f5; border-radius: 4px; } .breadcrumb > li { display: inline-block; } .breadcrumb > li + li:before { content: "/ "; padding: 0 5px; color: #ccc; } .breadcrumb > .active { color: #e5e6e8; } .pagination { display: inline-block; padding-left: 0; margin: 20px 0; border-radius: 4px; } .pagination > li { display: inline; } .pagination > li > a, .pagination > li > span { position: relative; float: left; padding: 6px 12px; line-height: 1.428571429; text-decoration: none; color: #0081b2; background-color: #fff; border: 1px solid #ddd; margin-left: -1px; } .pagination > li:first-child > a, .pagination > li:first-child > span { margin-left: 0; border-bottom-left-radius: 4px; border-top-left-radius: 4px; } .pagination > li:last-child > a, .pagination > li:last-child > span { border-bottom-right-radius: 4px; border-top-right-radius: 4px; } .pagination > li > a:hover, .pagination > li > a:focus, .pagination > li > span:hover, .pagination > li > span:focus { color: #004a66; background-color: #f1f1f2; border-color: #ddd; } .pagination > .active > a, .pagination > .active > a:hover, .pagination > .active > a:focus, .pagination > .active > span, .pagination > .active > span:hover, .pagination > .active > span:focus { z-index: 2; color: #fff; background-color: #428bca; border-color: #428bca; 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: #e5e6e8; background-color: #fff; border-color: #ddd; cursor: not-allowed; } .pagination-lg > li > a, .pagination-lg > li > span { padding: 10px 16px; font-size: 18px; } .pagination-lg > li:first-child > a, .pagination-lg > li:first-child > span { border-bottom-left-radius: 6px; border-top-left-radius: 6px; } .pagination-lg > li:last-child > a, .pagination-lg > li:last-child > span { border-bottom-right-radius: 6px; border-top-right-radius: 6px; } .pagination-sm > li > a, .pagination-sm > li > span { padding: 5px 10px; font-size: 12px; } .pagination-sm > li:first-child > a, .pagination-sm > li:first-child > span { border-bottom-left-radius: 3px; border-top-left-radius: 3px; } .pagination-sm > li:last-child > a, .pagination-sm > li:last-child > span { border-bottom-right-radius: 3px; border-top-right-radius: 3px; } .pager { padding-left: 0; margin: 20px 0; list-style: none; text-align: center; } .pager:before, .pager:after { content: " "; display: table; } .pager:after { clear: both; } .pager li { display: inline; } .pager li > a, .pager li > span { display: inline-block; padding: 5px 14px; background-color: #fff; border: 1px solid #ddd; border-radius: 15px; } .pager li > a:hover, .pager li > a:focus { text-decoration: none; background-color: #f1f1f2; } .pager .next > a, .pager .next > span { float: right; } .pager .previous > a, .pager .previous > span { float: left; } .pager .disabled > a, .pager .disabled > a:hover, .pager .disabled > a:focus, .pager .disabled > span { color: #e5e6e8; background-color: #fff; cursor: not-allowed; } .label { display: inline; padding: 0.2em 0.6em 0.3em; font-size: 75%; font-weight: bold; line-height: 1; color: #fff; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: 0.25em; } .label[href]:hover, .label[href]:focus { color: #fff; text-decoration: none; cursor: pointer; } .label:empty { display: none; } .btn .label { position: relative; top: -1px; } .label-default { background-color: #e5e6e8; } .label-default[href]:hover, .label-default[href]:focus { background-color: #caccd0; } .label-primary { background-color: #428bca; } .label-primary[href]:hover, .label-primary[href]:focus { background-color: #3071a9; } .label-success { background-color: #5cb85c; } .label-success[href]:hover, .label-success[href]:focus { background-color: #449d44; } .label-info { background-color: #5bc0de; } .label-info[href]:hover, .label-info[href]:focus { background-color: #31b0d5; } .label-warning { background-color: #f0ad4e; } .label-warning[href]:hover, .label-warning[href]:focus { background-color: #ec971f; } .label-danger { background-color: #d9534f; } .label-danger[href]:hover, .label-danger[href]:focus { background-color: #c9302c; } .badge { display: inline-block; min-width: 10px; padding: 3px 7px; font-size: 12px; font-weight: bold; color: #fff; line-height: 1; vertical-align: baseline; white-space: nowrap; text-align: center; background-color: #e5e6e8; border-radius: 10px; } .badge:empty { display: none; } .btn .badge { position: relative; top: -1px; } .btn-xs .badge, .btn-group-xs > .btn .badge { top: 0; padding: 1px 5px; } a.badge:hover, a.badge:focus { color: #fff; text-decoration: none; cursor: pointer; } a.list-group-item.active > .badge, .nav-pills > .active > a > .badge { color: #0081b2; background-color: #fff; } .nav-pills > li > a > .badge { margin-left: 3px; } .jumbotron { padding: 30px; margin-bottom: 30px; color: inherit; background-color: #f1f1f2; } .jumbotron h1, .jumbotron .h1 { color: inherit; } .jumbotron p { margin-bottom: 15px; font-size: 21px; font-weight: 200; } .container .jumbotron { border-radius: 6px; } .jumbotron .container { max-width: 100%; } @media screen and (min-width: 640px) { .jumbotron { padding-top: 48px; padding-bottom: 48px; } .container .jumbotron { padding-left: 60px; padding-right: 60px; } .jumbotron h1, .jumbotron .h1 { font-size: 63px; } } .thumbnail { display: block; padding: 4px; margin-bottom: 20px; line-height: 1.428571429; background-color: #fff; border: 1px solid #ddd; border-radius: 4px; transition: all 0.2s ease-in-out; } .thumbnail > img, .thumbnail a > img { display: block; max-width: 100%; height: auto; margin-left: auto; margin-right: auto; } .thumbnail .caption { padding: 9px; color: #6c6e71; } a.thumbnail:hover, a.thumbnail:focus, a.thumbnail.active { border-color: #0081b2; } .alert { padding: 15px; margin-bottom: 20px; border: 1px solid transparent; border-radius: 4px; } .alert h4 { margin-top: 0; color: inherit; } .alert .alert-link { font-weight: bold; } .alert > p, .alert > ul { margin-bottom: 0; } .alert > p + p { margin-top: 5px; } .alert-dismissable { padding-right: 35px; } .alert-dismissable .close { position: relative; top: -2px; right: -21px; color: inherit; } .alert-success { background-color: #dff0d8; border-color: #d6e9c6; color: #3c763d; } .alert-success hr { border-top-color: #c9e2b3; } .alert-success .alert-link { color: #2b542c; } .alert-info { background-color: #d9edf7; border-color: #bce8f1; color: #31708f; } .alert-info hr { border-top-color: #a6e1ec; } .alert-info .alert-link { color: #245269; } .alert-warning { background-color: #fcf8e3; border-color: #faebcc; color: #8a6d3b; } .alert-warning hr { border-top-color: #f7e1b5; } .alert-warning .alert-link { color: #66512c; } .alert-danger { background-color: #f2dede; border-color: #ebccd1; color: #a94442; } .alert-danger hr { border-top-color: #e4b9c0; } .alert-danger .alert-link { color: #843534; } @keyframes progress-bar-stripes { from { background-position: 40px 0; } to { background-position: 0 0; } } .progress { overflow: hidden; height: 20px; margin-bottom: 20px; background-color: #f5f5f5; border-radius: 4px; box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); } .progress-bar { float: left; width: 0%; height: 100%; font-size: 12px; line-height: 20px; color: #fff; text-align: center; background-color: #428bca; box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); transition: width 0.6s ease; } .progress-striped .progress-bar { background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-size: 40px 40px; } .progress.active .progress-bar { animation: progress-bar-stripes 2s linear infinite; } .progress-bar-success { background-color: #5cb85c; } .progress-striped .progress-bar-success { background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } .progress-bar-info { background-color: #5bc0de; } .progress-striped .progress-bar-info { background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } .progress-bar-warning { background-color: #f0ad4e; } .progress-striped .progress-bar-warning { background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } .progress-bar-danger { background-color: #d9534f; } .progress-striped .progress-bar-danger { background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } .media, .media-body { overflow: hidden; zoom: 1; } .media, .media .media { margin-top: 15px; } .media:first-child { margin-top: 0; } .media-object { display: block; } .media-heading { margin: 0 0 5px; } .media > .pull-left { margin-right: 10px; } .media > .pull-right { margin-left: 10px; } .media-list { padding-left: 0; list-style: none; } .list-group { margin-bottom: 20px; padding-left: 0; } .list-group-item { position: relative; display: block; padding: 10px 15px; margin-bottom: -1px; background-color: #fff; border: 1px solid #ddd; } .list-group-item:first-child { border-top-right-radius: 4px; border-top-left-radius: 4px; } .list-group-item:last-child { margin-bottom: 0; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } .list-group-item > .badge { float: right; } .list-group-item > .badge + .badge { margin-right: 5px; } a.list-group-item { color: #555; } a.list-group-item .list-group-item-heading { color: #333; } a.list-group-item:hover, a.list-group-item:focus { text-decoration: none; background-color: #f5f5f5; } a.list-group-item.active, a.list-group-item.active:hover, a.list-group-item.active:focus { z-index: 2; color: #fff; background-color: #428bca; border-color: #428bca; } a.list-group-item.active .list-group-item-heading, a.list-group-item.active:hover .list-group-item-heading, a.list-group-item.active:focus .list-group-item-heading { color: inherit; } a.list-group-item.active .list-group-item-text, a.list-group-item.active:hover .list-group-item-text, a.list-group-item.active:focus .list-group-item-text { color: #e1edf7; } .list-group-item-success { color: #3c763d; background-color: #dff0d8; } a.list-group-item-success { color: #3c763d; } a.list-group-item-success .list-group-item-heading { color: inherit; } a.list-group-item-success:hover, a.list-group-item-success:focus { color: #3c763d; background-color: #d0e9c6; } a.list-group-item-success.active, a.list-group-item-success.active:hover, a.list-group-item-success.active:focus { color: #fff; background-color: #3c763d; border-color: #3c763d; } .list-group-item-info { color: #31708f; background-color: #d9edf7; } a.list-group-item-info { color: #31708f; } a.list-group-item-info .list-group-item-heading { color: inherit; } a.list-group-item-info:hover, a.list-group-item-info:focus { color: #31708f; background-color: #c4e3f3; } a.list-group-item-info.active, a.list-group-item-info.active:hover, a.list-group-item-info.active:focus { color: #fff; background-color: #31708f; border-color: #31708f; } .list-group-item-warning { color: #8a6d3b; background-color: #fcf8e3; } a.list-group-item-warning { color: #8a6d3b; } a.list-group-item-warning .list-group-item-heading { color: inherit; } a.list-group-item-warning:hover, a.list-group-item-warning:focus { color: #8a6d3b; background-color: #faf2cc; } a.list-group-item-warning.active, a.list-group-item-warning.active:hover, a.list-group-item-warning.active:focus { color: #fff; background-color: #8a6d3b; border-color: #8a6d3b; } .list-group-item-danger { color: #a94442; background-color: #f2dede; } a.list-group-item-danger { color: #a94442; } a.list-group-item-danger .list-group-item-heading { color: inherit; } a.list-group-item-danger:hover, a.list-group-item-danger:focus { color: #a94442; background-color: #ebcccc; } a.list-group-item-danger.active, a.list-group-item-danger.active:hover, a.list-group-item-danger.active:focus { color: #fff; background-color: #a94442; border-color: #a94442; } .list-group-item-heading { margin-top: 0; margin-bottom: 5px; } .list-group-item-text { margin-bottom: 0; line-height: 1.3; } .panel { margin-bottom: 20px; background-color: #fff; border: 1px solid transparent; border-radius: 4px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); } .panel-body { padding: 15px; } .panel-body:before, .panel-body:after { content: " "; display: table; } .panel-body:after { clear: both; } .panel-heading { padding: 10px 15px; border-bottom: 1px solid transparent; border-top-right-radius: 3px; border-top-left-radius: 3px; } .panel-heading > .dropdown .dropdown-toggle { color: inherit; } .panel-title { margin-top: 0; margin-bottom: 0; font-size: 16px; color: inherit; } .panel-title > a { color: inherit; } .panel-footer { padding: 10px 15px; background-color: #f5f5f5; border-top: 1px solid #ddd; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .panel > .list-group { 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: 3px; border-top-left-radius: 3px; } .panel > .list-group:last-child .list-group-item:last-child { border-bottom: 0; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .panel-heading + .list-group .list-group-item:first-child { border-top-width: 0; } .panel > .table, .panel > .table-responsive > .table { margin-bottom: 0; } .panel > .table:first-child, .panel > .table-responsive:first-child > .table:first-child { border-top-right-radius: 3px; border-top-left-radius: 3px; } .panel > .table:first-child > thead:first-child > tr:first-child td:first-child, .panel > .table:first-child > thead:first-child > tr:first-child th:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child td:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child th:first-child, .panel > .table-responsive:first-child > .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 th:first-child, .panel > .table-responsive:first-child > .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 th:first-child { border-top-left-radius: 3px; } .panel > .table:first-child > thead:first-child > tr:first-child td:last-child, .panel > .table:first-child > thead:first-child > tr:first-child th:last-child, .panel > .table:first-child > tbody:first-child > tr:first-child td:last-child, .panel > .table:first-child > tbody:first-child > tr:first-child th:last-child, .panel > .table-responsive:first-child > .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 th:last-child, .panel > .table-responsive:first-child > .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 th:last-child { border-top-right-radius: 3px; } .panel > .table:last-child, .panel > .table-responsive:last-child > .table:last-child { border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .panel > .table:last-child > tbody:last-child > tr:last-child td:first-child, .panel > .table:last-child > tbody:last-child > tr:last-child th:first-child, .panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child, .panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child, .panel > .table-responsive:last-child > .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 th:first-child, .panel > .table-responsive:last-child > .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 th:first-child { border-bottom-left-radius: 3px; } .panel > .table:last-child > tbody:last-child > tr:last-child td:last-child, .panel > .table:last-child > tbody:last-child > tr:last-child th:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child, .panel > .table-responsive:last-child > .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 th:last-child, .panel > .table-responsive:last-child > .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 th:last-child { border-bottom-right-radius: 3px; } .panel > .panel-body + .table, .panel > .panel-body + .table-responsive { border-top: 1px solid #ddd; } .panel > .table > tbody:first-child > tr:first-child th, .panel > .table > tbody:first-child > tr:first-child td { border-top: 0; } .panel > .table-bordered, .panel > .table-responsive > .table-bordered { border: 0; } .panel > .table-bordered > thead > tr > th:first-child, .panel > .table-bordered > thead > tr > td:first-child, .panel > .table-bordered > tbody > tr > th:first-child, .panel > .table-bordered > tbody > tr > td:first-child, .panel > .table-bordered > tfoot > tr > th:first-child, .panel > .table-bordered > tfoot > tr > td:first-child, .panel > .table-responsive > .table-bordered > thead > tr > th:first-child, .panel > .table-responsive > .table-bordered > thead > tr > td:first-child, .panel > .table-responsive > .table-bordered > tbody > tr > th:first-child, .panel > .table-responsive > .table-bordered > tbody > tr > td:first-child, .panel > .table-responsive > .table-bordered > tfoot > tr > th: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-bordered > thead > tr > td:last-child, .panel > .table-bordered > tbody > tr > th:last-child, .panel > .table-bordered > tbody > tr > td:last-child, .panel > .table-bordered > tfoot > tr > th:last-child, .panel > .table-bordered > tfoot > tr > td:last-child, .panel > .table-responsive > .table-bordered > thead > tr > th:last-child, .panel > .table-responsive > .table-bordered > thead > tr > td:last-child, .panel > .table-responsive > .table-bordered > tbody > tr > th:last-child, .panel > .table-responsive > .table-bordered > tbody > tr > td:last-child, .panel > .table-responsive > .table-bordered > tfoot > tr > th: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-bordered > thead > tr:first-child > th, .panel > .table-bordered > tbody > tr:first-child > td, .panel > .table-bordered > tbody > tr:first-child > th, .panel > .table-responsive > .table-bordered > thead > tr:first-child > td, .panel > .table-responsive > .table-bordered > thead > tr:first-child > th, .panel > .table-responsive > .table-bordered > tbody > tr:first-child > td, .panel > .table-responsive > .table-bordered > tbody > tr:first-child > th { border-bottom: 0; } .panel > .table-bordered > tbody > tr:last-child > td, .panel > .table-bordered > tbody > tr:last-child > th, .panel > .table-bordered > tfoot > tr:last-child > td, .panel > .table-bordered > tfoot > tr:last-child > th, .panel > .table-responsive > .table-bordered > tbody > tr:last-child > td, .panel > .table-responsive > .table-bordered > tbody > tr:last-child > th, .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td, .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th { border-bottom: 0; } .panel > .table-responsive { border: 0; margin-bottom: 0; } .panel-group { margin-bottom: 20px; } .panel-group .panel { margin-bottom: 0; border-radius: 4px; overflow: hidden; } .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 #ddd; } .panel-group .panel-footer { border-top: 0; } .panel-group .panel-footer + .panel-collapse .panel-body { border-bottom: 1px solid #ddd; } .panel-default { border-color: #ddd; } .panel-default > .panel-heading { color: #6c6e71; background-color: #f5f5f5; border-color: #ddd; } .panel-default > .panel-heading + .panel-collapse .panel-body { border-top-color: #ddd; } .panel-default > .panel-footer + .panel-collapse .panel-body { border-bottom-color: #ddd; } .panel-primary { border-color: #428bca; } .panel-primary > .panel-heading { color: #fff; background-color: #428bca; border-color: #428bca; } .panel-primary > .panel-heading + .panel-collapse .panel-body { border-top-color: #428bca; } .panel-primary > .panel-footer + .panel-collapse .panel-body { border-bottom-color: #428bca; } .panel-success { border-color: #d6e9c6; } .panel-success > .panel-heading { color: #3c763d; background-color: #dff0d8; border-color: #d6e9c6; } .panel-success > .panel-heading + .panel-collapse .panel-body { border-top-color: #d6e9c6; } .panel-success > .panel-footer + .panel-collapse .panel-body { border-bottom-color: #d6e9c6; } .panel-info { border-color: #bce8f1; } .panel-info > .panel-heading { color: #31708f; background-color: #d9edf7; border-color: #bce8f1; } .panel-info > .panel-heading + .panel-collapse .panel-body { border-top-color: #bce8f1; } .panel-info > .panel-footer + .panel-collapse .panel-body { border-bottom-color: #bce8f1; } .panel-warning { border-color: #faebcc; } .panel-warning > .panel-heading { color: #8a6d3b; background-color: #fcf8e3; border-color: #faebcc; } .panel-warning > .panel-heading + .panel-collapse .panel-body { border-top-color: #faebcc; } .panel-warning > .panel-footer + .panel-collapse .panel-body { border-bottom-color: #faebcc; } .panel-danger { border-color: #ebccd1; } .panel-danger > .panel-heading { color: #a94442; background-color: #f2dede; border-color: #ebccd1; } .panel-danger > .panel-heading + .panel-collapse .panel-body { border-top-color: #ebccd1; } .panel-danger > .panel-footer + .panel-collapse .panel-body { border-bottom-color: #ebccd1; } .well { min-height: 20px; padding: 19px; margin-bottom: 20px; background-color: #f5f5f5; border: 1px solid #e3e3e3; border-radius: 4px; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); } .well blockquote { border-color: #ddd; border-color: rgba(0, 0, 0, 0.15); } .well-lg { padding: 24px; border-radius: 6px; } .well-sm { padding: 9px; border-radius: 3px; } .close { float: right; font-size: 21px; font-weight: bold; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; opacity: 0.2; filter: alpha(opacity=20); } .close:hover, .close:focus { color: #000; text-decoration: none; cursor: pointer; opacity: 0.5; filter: alpha(opacity=50); } button.close { padding: 0; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; } .modal-open { overflow: hidden; } .modal { display: none; overflow: auto; overflow-y: scroll; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1050; -webkit-overflow-scrolling: touch; outline: 0; } .modal.fade .modal-dialog { transform: translate(0, -25%); transition: transform 0.3s ease-out; } .modal.in .modal-dialog { transform: translate(0, 0); } .modal-dialog { position: relative; width: auto; margin: 10px; } .modal-content { position: relative; background-color: #fff; border: 1px solid #999; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 6px; box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); background-clip: padding-box; outline: none; } .modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; background-color: #000; } .modal-backdrop.fade { opacity: 0; filter: alpha(opacity=0); } .modal-backdrop.in { opacity: 0.5; filter: alpha(opacity=50); } .modal-header { padding: 15px; border-bottom: 1px solid #e5e5e5; min-height: 16.428571429px; } .modal-header .close { margin-top: -2px; } .modal-title { margin: 0; line-height: 1.428571429; } .modal-body { position: relative; padding: 20px; } .modal-footer { margin-top: 15px; padding: 19px 20px 20px; text-align: right; border-top: 1px solid #e5e5e5; } .modal-footer:before, .modal-footer:after { content: " "; display: table; } .modal-footer:after { clear: both; } .modal-footer .btn + .btn { margin-left: 5px; margin-bottom: 0; } .modal-footer .btn-group .btn + .btn { margin-left: -1px; } .modal-footer .btn-block + .btn-block { margin-left: 0; } @media (max-width: 600px) { .slick-slide:not(.blog-mobile-slide) { margin: 0 0.5rem !important; } .blog-mobile-slide { margin: 0 !important; } .threecol .blog-card-right-content { padding: 0.5rem; } .trending-insights-container .section-sub-header, .trending-insights-container .section-header { margin-left: 1rem !important; } } @media (min-width: 640px) { .modal-dialog { width: 600px; margin: 30px auto; } .modal-content { box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); } .modal-sm { width: 300px; } } @media (min-width: 960px) { .modal-lg { width: 900px; } } .tooltip { position: absolute; z-index: 1030; display: block; visibility: visible; font-size: 12px; 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: #fff; text-align: center; text-decoration: none; background-color: #000; border-radius: 4px; } .tooltip-arrow { position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; } .tooltip.top .tooltip-arrow { bottom: 0; left: 50%; margin-left: -5px; border-width: 5px 5px 0; border-top-color: #000; } .tooltip.top-left .tooltip-arrow { bottom: 0; left: 5px; border-width: 5px 5px 0; border-top-color: #000; } .tooltip.top-right .tooltip-arrow { bottom: 0; right: 5px; border-width: 5px 5px 0; border-top-color: #000; } .tooltip.right .tooltip-arrow { top: 50%; left: 0; margin-top: -5px; border-width: 5px 5px 5px 0; border-right-color: #000; } .tooltip.left .tooltip-arrow { top: 50%; right: 0; margin-top: -5px; border-width: 5px 0 5px 5px; border-left-color: #000; } .tooltip.bottom .tooltip-arrow { top: 0; left: 50%; margin-left: -5px; border-width: 0 5px 5px; border-bottom-color: #000; } .tooltip.bottom-left .tooltip-arrow { top: 0; left: 5px; border-width: 0 5px 5px; border-bottom-color: #000; } .tooltip.bottom-right .tooltip-arrow { top: 0; right: 5px; border-width: 0 5px 5px; border-bottom-color: #000; } .popover { position: absolute; top: 0; left: 0; z-index: 1010; display: none; max-width: 276px; padding: 1px; text-align: left; background-color: #fff; background-clip: padding-box; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 6px; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); white-space: normal; } .popover.top { margin-top: -10px; } .popover.right { margin-left: 10px; } .popover.bottom { margin-top: 10px; } .popover.left { margin-left: -10px; } .popover-title { margin: 0; padding: 8px 14px; font-size: 14px; font-weight: normal; line-height: 18px; background-color: #f7f7f7; border-bottom: 1px solid #ebebeb; border-radius: 5px 5px 0 0; } .popover-content { padding: 9px 14px; } .popover > .arrow, .popover > .arrow:after { position: absolute; display: block; width: 0; height: 0; border-color: transparent; border-style: solid; } .popover > .arrow { border-width: 11px; } .popover > .arrow:after { border-width: 10px; content: ""; } .popover.top > .arrow { left: 50%; margin-left: -11px; border-bottom-width: 0; border-top-color: #999999; border-top-color: fadein(rgba(0, 0, 0, 0.2), 5%); bottom: -11px; } .popover.top > .arrow:after { content: " "; bottom: 1px; margin-left: -10px; border-bottom-width: 0; border-top-color: #fff; } .popover.right > .arrow { top: 50%; left: -11px; margin-top: -11px; border-left-width: 0; border-right-color: #999999; border-right-color: fadein(rgba(0, 0, 0, 0.2), 5%); } .popover.right > .arrow:after { content: " "; left: 1px; bottom: -10px; border-left-width: 0; border-right-color: #fff; } .popover.bottom > .arrow { left: 50%; margin-left: -11px; border-top-width: 0; border-bottom-color: #999999; border-bottom-color: fadein(rgba(0, 0, 0, 0.2), 5%); top: -11px; } .popover.bottom > .arrow:after { content: " "; top: 1px; margin-left: -10px; border-top-width: 0; border-bottom-color: #fff; } .popover.left > .arrow { top: 50%; right: -11px; margin-top: -11px; border-right-width: 0; border-left-color: #999999; border-left-color: fadein(rgba(0, 0, 0, 0.2), 5%); } .popover.left > .arrow:after { content: " "; right: 1px; border-right-width: 0; border-left-color: #fff; bottom: -10px; } .carousel { position: relative; } .carousel-inner { position: relative; overflow: hidden; width: 100%; } .carousel-inner > .item { display: none; position: relative; transition: 0.6s ease-in-out left; } .carousel-inner > .item > img, .carousel-inner > .item > a > img { display: block; max-width: 100%; height: auto; line-height: 1; } .carousel-inner > .active, .carousel-inner > .next, .carousel-inner > .prev { display: block; } .carousel-inner > .active { left: 0; } .carousel-inner > .next, .carousel-inner > .prev { position: absolute; top: 0; width: 100%; } .carousel-inner > .next { left: 100%; } .carousel-inner > .prev { left: -100%; } .carousel-inner > .next.left, .carousel-inner > .prev.right { left: 0; } .carousel-inner > .active.left { left: -100%; } .carousel-inner > .active.right { left: 100%; } .carousel-right { position: absolute; right: 0; height: 100%; mix-blend-mode: unset; z-index:10; opacity:0; transition: 0.5s ease-in-out; cursor:pointer; } .slick-slide { margin: 0 1rem; height: inherit!important; } .testimonial-carousel .slick-track { display:flex !important; padding:1rem 0 !important; } .carousel-left { position: absolute; opacity:0; left: 0; height: 100%; mix-blend-mode: unset; z-index:10; transition: 0.5s ease-in-out; cursor:pointer; } @media screen and (max-width: 1720px) { .results-text { font-size: 1.5rem !important; } } @media screen and (max-width: 1610px) { .results-text { font-size: 1.4rem !important; width: 55% !important; } } @media screen and (max-width: 1365px) { .results-text { width: 60% !important; } } @media screen and (max-width: 1250px) { .results-text { width: 70% !important; } } @media screen and (max-width: 970px) { .results-text { width: 85% !important; } } @media screen and (max-width: 970px) { .results-text { width: 85% !important; } } @media screen and (max-width: 790px) { .results-text { width: 100% !important; font-size: 3vw; } } @media screen and (max-width: 1430px) { .results-text { font-size:24px; } } @media screen and (max-width: 1460px) { .case-study-card { width: 90% !important; } } @media screen and (max-width:955px) { .case-study-header { width:95% !important; } .case-study-point { flex: 0 0 50% !important; } } @media screen and (max-width:700px) { .case-study-header { font-size:5vw !important; } } @media screen and (max-width: 480px) { .case-study-point { flex: 0 0 100% !important; } } @media screen and (max-width:1050px) { .case-study-points { width: 95% !important; flex-wrap: wrap; } } @media screen and (max-width: 900px) { .filter-options { margin-left: 0rem !important; flex-direction: column; } } .carousel-control { position: absolute; top: 0; left: 0; bottom: 0; width: 15%; opacity: 0.5; filter: alpha(opacity=50); font-size: 20px; color: #fff; text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); } .carousel-control.left { background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#80000000", endColorstr="#00000000", GradientType=1); } .carousel-control.right { left: auto; right: 0; background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00000000", endColorstr="#80000000", GradientType=1); } .carousel-control:hover, .carousel-control:focus { outline: none; color: #fff; text-decoration: none; opacity: 0.9; filter: alpha(opacity=90); } .carousel-control .icon-prev, .carousel-control .icon-next, .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right { position: absolute; top: 50%; z-index: 5; display: inline-block; } .carousel-control .icon-prev, .carousel-control .glyphicon-chevron-left { left: 50%; } .carousel-control .icon-next, .carousel-control .glyphicon-chevron-right { right: 50%; } .carousel-control .icon-prev, .carousel-control .icon-next { width: 20px; height: 20px; margin-top: -10px; margin-left: -10px; font-family: serif; } .carousel-control .icon-prev:before { content: "‹"; } .carousel-control .icon-next:before { content: "›"; } .carousel-indicators { position: absolute; bottom: 10px; left: 50%; z-index: 15; width: 60%; margin-left: -30%; padding-left: 0; list-style: none; text-align: center; } .carousel-indicators li { display: inline-block; width: 10px; height: 10px; margin: 1px; text-indent: -999px; border: 1px solid #fff; border-radius: 10px; cursor: pointer; background-color: #000 \9 ; background-color: rgba(0, 0, 0, 0); } .carousel-indicators .active { margin: 0; width: 12px; height: 12px; background-color: #fff; } .carousel-caption { position: absolute; left: 15%; right: 15%; bottom: 20px; z-index: 10; padding-top: 20px; padding-bottom: 20px; color: #fff; text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); } .carousel-caption .btn { text-shadow: none; } @media screen and (min-width: 640px) { .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-prev, .carousel-control .icon-next { width: 30px; height: 30px; margin-top: -15px; margin-left: -15px; font-size: 30px; } .carousel-caption { left: 20%; right: 20%; padding-bottom: 30px; } .carousel-indicators { bottom: 20px; } } .clearfix:before, .clearfix:after { content: " "; display: table; } .clearfix:after { clear: both; } .center-block { display: block; margin-left: auto; margin-right: auto; } .pull-right { float: right !important; } .pull-left { float: left !important; } .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; } .visible-xs, .visible-sm, .visible-md, .visible-lg { display: none !important; } @media (max-width: 639px) { .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 (min-width: 640px) and (max-width: 959px) { .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: 960px) and (max-width: 1079px) { .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: 1080px) { .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 (max-width: 639px) { .hidden-xs { display: none !important; } } @media (min-width: 640px) and (max-width: 959px) { .hidden-sm { display: none !important; } } @media (min-width: 960px) and (max-width: 1079px) { } @media (max-width: 640px) { .max-width-container.header { width:100%; } } @media (min-width: 1140px) { .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; } } @media print { .hidden-print { display: none !important; } } /* MIXINS ================= */ .global-container { width: 87.3634945398%; float: left; margin-right: -100%; margin-left: 6.3182527301%; clear: both; } @media (min-width: 640px) { .global-container { width: 90.5542544887%; float: left; margin-right: -100%; margin-left: 4.7228727557%; clear: both; } } .post-1col { width: 87.3634945398%; float: left; margin-right: -100%; margin-left: 6.3182527301%; clear: both; } @media (min-width: 640px) { .post-1col { width: 89.5779500431%; float: left; margin-right: -100%; margin-left: 5.2110249785%; clear: both; } } @media (min-width: 960px) { .post-1col { width: 90.8574673481%; float: left; margin-right: -100%; margin-left: 4.571266326%; clear: both; } } .global-2col-1 { width: 100%; float: right; margin-left: 0; margin-right: 0; clear: both; } @media (min-width: 640px) { .global-2col-1 { width: 48.5754320411%; float: left; margin-right: -100%; margin-left: 0; clear: both; } } @media (min-width: 960px) { .global-2col-1 { width: 48.7656202377%; float: left; margin-right: -100%; margin-left: 0; clear: both; } } .global-2col-2 { width: 100%; float: right; margin-left: 0; margin-right: 0; clear: both; } @media (min-width: 640px) { .global-2col-2 { width: 48.5754320411%; float: right; margin-left: 0; margin-right: 0; clear: none; } } @media (min-width: 960px) { .global-2col-2 { width: 48.7656202377%; float: right; margin-left: 0; margin-right: 0; clear: none; } } html, body { transition: all 0.21s ease-in-out; font-size: 9pt; text-rendering: optimizeLegibility; } @media (min-width: 260px) { html, body { font-size: 9.75pt; } } @media (min-width: 280px) { html, body { font-size: 10.5pt; } } @media (min-width: 300px) { html, body { font-size: 11.25pt; } } @media (min-width: 320px) { html, body { font-size: 12pt; } } @media (min-width: 340px) { html, body { font-size: 12.75pt; } } @media (min-width: 360px) { html, body { font-size: 13.5pt; } } @media (min-width: 380px) { html, body { font-size: 14.25pt; } } @media (min-width: 400px) { html, body { font-size: 15pt; } } @media (min-width: 420px) { html, body { font-size: 15.75pt; } } @media (min-width: 440px) { html, body { font-size: 16.5pt; } } @media (min-width: 460px) { html, body { font-size: 17.25pt; } } @media (min-width: 480px) { html, body { font-size: 18pt; } } @media (min-width: 500px) { html, body { font-size: 18.75pt; } } @media (min-width: 520px) { html, body { font-size: 19.5pt; } } @media (min-width: 540px) { html, body { font-size: 20.25pt; } } @media (min-width: 640px) { html, body { font-size: 12pt; text-rendering: optimizeLegibility; } } @media (min-width: 960px) { html, body { font-size: 12pt; text-rendering: optimizeLegibility; } } @media (min-width: 980px) { html, body { font-size: 12.2pt; } } @media (min-width: 1000px) { html, body { font-size: 12.4pt; } } @media (min-width: 1020px) { html, body { font-size: 12.6pt; } } @media (min-width: 1040px) { html, body { font-size: 12.8pt; } } @media (min-width: 1060px) { html, body { font-size: 13pt; } } @media (min-width: 1080px) { html, body { font-size: 13.2pt; } } @media (min-width: 1100px) { html, body { font-size: 13.4pt; } } .justify-text, .type-services-highlight-description, .type-services-table-description, .service-table-description { text-align: justify; -ms-word-break: break-all; word-break: break-all; word-break: break-word; -webkit-hyphens: auto; -o-hyphens: auto; hyphens: auto; } .text-center { text-align: center; } .text-light { font-weight: 300; } .text-black { font-weight: 900; } .type-global-subnavigation, .filters { font-size: 0.8rem; line-height: 120%; } @media (min-width: 640px) { .type-global-subnavigation, .filters { font-size: 0.7rem; } } @media (min-width: 960px) { .type-global-subnavigation, .filters { font-size: 1rem; } } .type-global-label, .category-label-container a { font-size: 14px; } .type-global-title { font-size: 2.3rem; } @media (min-width: 640px) { .type-global-title { font-size: 2.5rem; } } @media (min-width: 960px) { .type-global-title { font-size: 3rem; } } @media (min-width: 640px) { html body .type-global-categoryheader { font-size: 1.6rem; } } @media (min-width: 960px) { html body .type-global-categoryheader { font-size: 1.4rem; } } html body .type-global-categoryheader { font-size: 2.4rem; font-weight: 200; } .type-global-headline { font-size: 2rem; font-weight: 300; } @media (min-width: 640px) { .type-global-headline { font-size: 1.7rem; } } @media (min-width: 960px) { .type-global-headline { font-size: 2rem; } } .type-global-body { font-size: 1rem; line-height: 130%; } @media (min-width: 640px) { .type-global-body { font-size: 1rem; } } @media (min-width: 960px) { .type-global-body { font-size: 1rem; } } .type-global-calltoaction { font-size: 1.6rem; line-height: 110%; font-weight: 300; margin-left: 0%; margin-right: 0%; } @media (min-width: 640px) { .type-global-calltoaction { font-size: 1.8rem; } } @media (min-width: 960px) { .type-global-calltoaction { font-size: 2.2rem; } } @media (min-width: 640px) { .type-global-calltoaction { margin-left: 5%; } } @media (min-width: 960px) { .type-global-calltoaction { margin-left: 17.5%; } } @media (min-width: 640px) { .type-global-calltoaction { margin-right: 5%; } } @media (min-width: 960px) { .type-global-calltoaction { margin-right: 17.5%; } } .type-global-tinytext { font-size: 1.29rem; } @media (min-width: 640px) { .type-global-tinytext { font-size: 1.3rem; } } @media (min-width: 960px) { .type-global-tinytext { font-size: 1.7rem; } } .type-global-testimonialquote { font-size: 0.9rem; } @media (min-width: 640px) { .type-global-testimonialquote { font-size: 1.1rem; } } @media (min-width: 960px) { .type-global-testimonialquote { font-size: 1.2rem; } } .type-global-testimonialauthor { font-size: 0.9rem; line-height: 121%; } @media (min-width: 640px) { .type-global-testimonialauthor { font-size: 1.1rem; } } @media (min-width: 960px) { .type-global-testimonialauthor { font-size: 1.2rem; } } .type-global-footer { font-size: 1rem; } @media (min-width: 640px) { .type-global-footer { font-size: 1rem; } } @media (min-width: 960px) { .type-global-footer { font-size: 1rem; } } .type-global-forms { font-size: 1.4rem; } @media (min-width: 640px) { .type-global-forms { font-size: 1.7rem; } } @media (min-width: 960px) { .type-global-forms { font-size: 1.9rem; } } .type-successstory-highlightbody { font-size: 1.7rem; } @media (min-width: 640px) { .type-successstory-highlightbody { font-size: 1.3rem; } } @media (min-width: 960px) { .type-successstory-highlightbody { font-size: 2rem; } } .type-global-subheadline { font-size: 1.5rem; font-weight: lighter; } @media (min-width: 640px) { .type-global-subheadline { font-size: 2rem; } } @media (min-width: 960px) { .type-global-subheadline { font-size: 2rem; } } .type-global-featurestitle { font-size: 1.2rem; font-weight: 500; margin-top: 0.35em; margin-bottom: 0.2em; line-height: 105%; } @media (min-width: 640px) { .type-global-featurestitle { font-size: 1.2rem; } } @media (min-width: 960px) { .type-global-featurestitle { font-size: 1.2rem; } } .type-global-featuresbody { font-size: 0.8rem; line-height: 110%; margin-bottom: 1em; color: #7f8184; } @media (min-width: 640px) { .type-global-featuresbody { font-size: 1rem; } } @media (min-width: 960px) { .type-global-featuresbody { font-size: 1rem; } } .type-global-buttons { font-size: 1.2rem; } @media (min-width: 640px) { .type-global-buttons { font-size: 1.2rem; } } @media (min-width: 960px) { .type-global-buttons { font-size: 1.2rem; } } .type-offer-landingheader { margin: auto; max-width: 80%; line-height: 110%; } @media (min-width: 640px) { .type-offer-landingheader { max-width: 75%; } } @media (min-width: 960px) { .type-offer-landingheader { max-width: 65%; } } .type-assessment-body { font-size: 1.7rem; } @media (min-width: 640px) { .type-assessment-body { font-size: 1.7rem; } } @media (min-width: 960px) { .type-assessment-body { font-size: 2.1rem; } } .type-thankyou-highlight { font-size: 1.5rem; line-height: 110%; font-weight: 500; } @media (min-width: 640px) { .type-thankyou-highlight { font-size: 1.5rem; } } @media (min-width: 960px) { .type-thankyou-highlight { font-size: 1.5rem; } } .type-global-formshelptext { font-size: 1rem; } @media (min-width: 640px) { .type-global-formshelptext { font-size: 1rem; } } @media (min-width: 960px) { .type-global-formshelptext { font-size: 1rem; } } .type-opportunities-solutiontitle { font-size: 2rem; } @media (min-width: 640px) { .type-opportunities-solutiontitle { font-size: 2rem; } } @media (min-width: 960px) { .type-opportunities-solutiontitle { font-size: 2rem; } } .type-opportunities-solutionbody { font-size: 3rem; } @media (min-width: 640px) { .type-opportunities-solutionbody { font-size: 1.2rem; } } @media (min-width: 960px) { .type-opportunities-solutionbody { font-size: 1.7rem; } } .type-global-opportunityslidertitle { font-size: 1.5rem; } @media (min-width: 640px) { .type-global-opportunityslidertitle { font-size: 2rem; } } @media (min-width: 960px) { .type-global-opportunityslidertitle { font-size: 2.8rem; } } .recent-blog-posts { background: rgba(241, 251, 252, 1) !important; padding-top:1.5em !important; padding-bottom:2.5em !important; } .type-blog-h2, .entry-content h2, .recent-blog-posts-sidebar h3 { font-size: 1.6rem; } @media (min-width: 640px) { .type-blog-h2, .entry-content h2, .recent-blog-posts-sidebar h3 { font-size: 2.2rem; } } @media (min-width: 960px) { .type-blog-h2, .entry-content h2, .recent-blog-posts-sidebar h3 { font-size: 3rem; } } .type-success-story-body { font-size: 1.2rem; line-height: 131%; } @media (min-width: 640px) { .type-success-story-body { font-size: 1.2rem; } } @media (min-width: 960px) { .type-success-story-body { font-size: 1.2rem; } } .type-success-story-body h2 { font-size: 1.2rem; line-height: 120%; letter-spacing: 0.05rem; padding-bottom: 0.4em; font-weight: lighter; font-style: italic; } @media (min-width: 640px) { .type-success-story-body h2 { font-size: 1.4rem; } } @media (min-width: 960px) { .type-success-story-body h2 { font-size: 1.8rem; } } .type-blog-h3, .entry-content h3 { font-size: 1.4rem; } @media (min-width: 640px) { .type-blog-h3, .entry-content h3 { font-size: 1.9rem; } } @media (min-width: 960px) { .type-blog-h3, .entry-content h3 { font-size: 2.3rem; } } .type-blog-h4, .entry-content h4 { font-size: 1rem; } @media (min-width: 640px) { .type-blog-h4, .entry-content h4 { font-size: 1.4rem; } } @media (min-width: 960px) { .type-blog-h4, .entry-content h4 { font-size: 1.5rem; } } .type-blog-callout, blockquote { font-size: 1.3rem; line-height: 120%; } @media (min-width: 640px) { .type-blog-callout, blockquote { font-size: 1.4em; } } @media (min-width: 960px) { .type-blog-callout, blockquote { font-size: 1.5rem; } } .type-blog-pullquote, .pull-quote { font-size: 1.3rem; } @media (min-width: 640px) { .type-blog-pullquote, .pull-quote { font-size: 1.6rem; } } @media (min-width: 960px) { .type-blog-pullquote, .pull-quote { font-size: 1.8rem; } } .type-global-top-headline { font-size: 1.6rem; font-weight: 300; max-width: 80%; color: #fff; font-family:'AvenirNextProBold', Helvetica; } @media (min-width: 640px) { .type-global-top-headline { font-size: 2rem; } } @media (min-width: 960px) { .type-global-top-headline { font-size: 3rem; } } @media (min-width: 640px) { .type-global-top-headline { font-weight: 300; } } @media (min-width: 960px) { .type-global-top-headline { font-weight: 300; } } @media (min-width: 640px) { .type-global-top-headline { max-width: 80%; } } @media (min-width: 960px) { .type-global-top-headline { max-width: 77%; } } .type-global-top-subheadline { font-size: 1rem; font-weight: 500; max-width: 80%; padding-bottom: 0.8em; color: #fff; font-family: 'AvenirNextProMedium', Helvetica; } @media (min-width: 640px) { .type-global-top-subheadline { font-size: 1.2rem; } } @media (min-width: 960px) { .type-global-top-subheadline { font-size: 1.4rem; } } @media (min-width: 640px) { .type-global-top-subheadline { max-width: 60%; } } @media (min-width: 960px) { .type-global-top-subheadline { max-width: 50%; } } @media (min-width: 640px) { .type-global-top-subheadline { padding-bottom: 1.5em; } } @media (min-width: 960px) { .type-global-top-subheadline { padding-bottom: 2.5em; } } .type-home-successstory-headline { font-size: 1.6rem; font-weight: 500; color: #fff; } @media (min-width: 640px) { .type-home-successstory-headline { font-size: 2rem; } } @media (min-width: 960px) { .type-home-successstory-headline { font-size: 2.5rem; } } .type-home-successstory-subheadline { font-size: 1rem; line-height: 110%; font-weight: lighter; padding-top: 1rem; padding-bottom: 1rem; } @media (min-width: 640px) { .type-home-successstory-subheadline { font-size: 1.2rem; } } @media (min-width: 960px) { .type-home-successstory-subheadline { font-size: 1.6rem; } } .type-home-successstory-readmore { font-size: 0.7rem; } @media (min-width: 640px) { .type-home-successstory-readmore { font-size: 1.3rem; } } @media (min-width: 960px) { .type-home-successstory-readmore { font-size: 2rem; } } .type-services-category-header { font-size: 0.9rem; max-width: 100%; color: #00a7f3; line-height: 115%; } @media (min-width: 640px) { .type-services-category-header { font-size: 1rem; } } @media (min-width: 960px) { .type-services-category-header { font-size: 1.1rem; } } @media (min-width: 640px) { .type-services-category-header { max-width: 100%; } } @media (min-width: 960px) { .type-services-category-header { max-width: 100%; } } .type-goal-slider-headline { max-width: 80%; font-size: 1.2rem; padding-top: 0rem; padding-bottom: 0.5em; text-align: center; margin: auto; line-height: 110%; } @media (min-width: 640px) { .type-goal-slider-headline { max-width: 50%; } } @media (min-width: 960px) { .type-goal-slider-headline { max-width: 80%; } } @media (min-width: 640px) { .type-goal-slider-headline { font-size: 1.6rem; } } @media (min-width: 960px) { .type-goal-slider-headline { font-size: 2rem; } } @media (min-width: 640px) { .type-goal-slider-headline { padding-top: 0.2rem; } } @media (min-width: 960px) { .type-goal-slider-headline { padding-top: 1rem; } } .type-goal-slider-header { font-size: 0.9rem; max-width: 80%; line-height: 110%; margin: auto; padding-bottom: 1em; color: #00a7f3; text-decoration: none; font-family: 'AvenirNextProDemi', Helvetica; } @media (min-width: 640px) { .type-goal-slider-header { font-size: 0.8rem; } } @media (min-width: 960px) { .type-goal-slider-header { font-size: 1rem; } } @media (min-width: 640px) { .type-goal-slider-header { max-width: 80%; } } @media (min-width: 960px) { .type-goal-slider-header { max-width: 66%; } } .type-featured-blog-slider { font-size: 1rem; line-height: 120%; margin-left: 0%; margin-right: 0%; } @media (min-width: 640px) { .type-featured-blog-slider { font-size: 1.8rem; } } @media (min-width: 960px) { .type-featured-blog-slider { font-size: 2rem; } } .type-featured-blog-slider:hover { color: #59595c; text-decoration: none; } .type-services-body { font-size: 1.3rem; } @media (min-width: 640px) { .type-services-body { font-size: 1.3rem; } } @media (min-width: 960px) { .type-services-body { font-size: 1.3rem; } } .type-services-table-header { font-size: 1.8rem; text-align: center; letter-spacing: 0.1rem; font-weight: 600; font-variant: small-caps; color: #fff; } @media (min-width: 640px) { .type-services-table-header { font-size: 1.5rem; } } @media (min-width: 960px) { .type-services-table-header { font-size: 2.1rem; } } .type-services-table-startingat, .service-table-startingat { font-size: 0.8rem; margin-bottom: -0.2rem; text-align: center; } @media (min-width: 640px) { .type-services-table-startingat, .service-table-startingat { font-size: 0.6rem; } } @media (min-width: 960px) { .type-services-table-startingat, .service-table-startingat { font-size: 0.8rem; } } @media (min-width: 640px) { .type-services-table-startingat, .service-table-startingat { margin-bottom: -0.2rem; } } @media (min-width: 960px) { .type-services-table-startingat, .service-table-startingat { margin-bottom: -0.2rem; } } .type-services-table-price, .service-table-price { font-size: 2rem; text-align: center; font-weight: lighter; } @media (min-width: 640px) { .type-services-table-price, .service-table-price { font-size: 1.8rem; } } @media (min-width: 960px) { .type-services-table-price, .service-table-price { font-size: 2.6rem; } } .type-services-table-description, .service-table-description { font-size: 0.8rem; line-height: 120%; padding-bottom: 0.8rem; } @media (min-width: 640px) { .type-services-table-description, .service-table-description { font-size: 0.6rem; } } @media (min-width: 960px) { .type-services-table-description, .service-table-description { font-size: 0.8rem; } } @media (min-width: 640px) { .type-services-table-description, .service-table-description { padding-bottom: 0; } } @media (min-width: 960px) { .type-services-table-description, .service-table-description { padding-bottom: 0; } } .type-services-table-subhead { font-size: 1.2rem; text-align: center; color: #11cb61; } @media (min-width: 640px) { .type-services-table-subhead { font-size: 0.8rem; } } @media (min-width: 960px) { .type-services-table-subhead { font-size: 1.3rem; } } .type-services-table-body { font-size: 0.8rem; } @media (min-width: 640px) { .type-services-table-body { font-size: 0.6rem; } } @media (min-width: 960px) { .type-services-table-body { font-size: 0.8rem; } } .type-services-table-seemore { font-size: 1.7rem; } .type-services-table-finetext { font-size: 0.6rem; text-align: center; } @media (min-width: 640px) { .type-services-table-finetext { font-size: 0.6rem; } } @media (min-width: 960px) { .type-services-table-finetext { font-size: 0.8rem; } } .type-services-highlight-headline { font-size: 1rem; text-align: center; font-weight: 600; line-height: 110%; padding-bottom: 0.4rem; color: #fff; } @media (min-width: 640px) { .type-services-highlight-headline { font-size: 0.8rem; } } @media (min-width: 960px) { .type-services-highlight-headline { font-size: 1.2rem; } } .type-services-highlight-description { font-size: 0.8rem; line-height: 120%; padding-bottom: 1.5rem; } @media (min-width: 640px) { .type-services-highlight-description { font-size: 0.6rem; } } @media (min-width: 960px) { .type-services-highlight-description { font-size: 0.8rem; } } .type-contactcard-name { font-size: 1.2em; font-weight: 600; text-align: center; line-height: 60%; } @media (min-width: 640px) { .type-contactcard-name { font-size: 1em; } } @media (min-width: 960px) { .type-contactcard-name { font-size: 1.2em; } } .type-contactcard-title { font-size: 1em; text-align: center; line-height: 120%; } @media (min-width: 640px) { .type-contactcard-title { font-size: 0.8em; } } @media (min-width: 960px) { .type-contactcard-title { font-size: 1em; } } .type-contactcard-viewprofile { font-size: 0.8em; text-align: right; padding-top: 0.5rem; } @media (min-width: 640px) { .type-contactcard-viewprofile { font-size: 0.7em; } } @media (min-width: 960px) { .type-contactcard-viewprofile { font-size: 0.8em; } } .type-contactcard-viewprofile a { color: #a5a7ab; } .type-contactcard-viewprofile a:hover { color: #0081b2; } .type-about-top-subheadline { font-size: 1rem; font-weight: 500; max-width: 100%; color: #7f8184; line-height: 150%; padding-bottom: 2%; } @media (min-width: 640px) { .type-about-top-subheadline { font-size: 1rem; } } @media (min-width: 960px) { .type-about-top-subheadline { font-size: 1.1rem; } } @media (min-width: 640px) { .type-about-top-subheadline { max-width: 70%; } } @media (min-width: 960px) { .type-about-top-subheadline { max-width: 60%; } } .type-about-location-subtext { font-size: 1rem; line-height: 130%; color: #fff; } @media (min-width: 640px) { .type-about-location-subtext { font-size: 1rem; } } @media (min-width: 960px) { .type-about-location-subtext { font-size: 1.4rem; } } .type-howwework-head { color: #0bc0af; text-align: center; font-size: 1.5rem; } @media (min-width: 640px) { .type-howwework-head { font-size: 1.5rem; } } @media (min-width: 960px) { .type-howwework-head { font-size: 1.7rem; } } .type-howwework-body { text-align: justify; font-size: 0.85rem; } @media (min-width: 640px) { .type-howwework-body { font-size: 0.85rem; } } @media (min-width: 960px) { .type-howwework-body { font-size: 0.85rem; } } .assessment-form-text-description { font-size: 1.2em; max-width: 90%; line-height: 110%; text-align: center; margin-left: auto; margin-right: auto; margin-bottom: 1.3em; } @media (min-width: 640px) { .assessment-form-text-description { font-size: 1em; } } @media (min-width: 960px) { .assessment-form-text-description { font-size: 1.4em; } } @media (min-width: 640px) { .assessment-form-text-description { max-width: 90%; } } @media (min-width: 960px) { .assessment-form-text-description { max-width: 80%; } } .assessment-form-embed .actions { display: flex; /* align-items: center; */ justify-content: center; } .assessment-form-embed .hs-button:hover { background:#4CCEB7 !important; } .assessment-form-embed .hs-button:active, .assessment-form-embed .hs-button:focus { background:#0DB295 !important; } .assessment-form-embed .hs-button { background: #67E3CD !important; border-radius: 35px !important; padding: 15px 30px !important; margin-top: 2rem !important; font-family: 'AvenirNextProDemi'; border: 0; height:auto !important; width:fit-content !important; color:white !important; font-size:21px !important; } .assessment-form-lists-headline { font-size: 1.3em; text-align: center; margin-bottom: 0.5em; line-height: 110%; font-family: 'AvenirNextProDemi'; } @media (min-width: 640px) { .assessment-form-lists-headline { font-size: 1.2em; } } @media (min-width: 960px) { .assessment-form-lists-headline { font-size: 1.4em; } } .assessment-form-lists { font-size: 1.2em; max-width: 85%; margin: auto; line-height: 140%; } @media (min-width: 640px) { .assessment-form-lists { font-size: 1em; } } @media (min-width: 960px) { .assessment-form-lists { font-size: 1.2em; } } @media (min-width: 640px) { .assessment-form-lists { max-width: 75%; } } @media (min-width: 960px) { .assessment-form-lists { max-width: 65%; } } .get-started-button { display: inline-block; color: #fff; border: 2px solid #fff; margin-top: 2em; margin-bottom: 1em; line-height: 100%; border-radius: 0.5em; font-weight: 400; letter-spacing: 0.05em; padding-top: 0.8em; padding-bottom: 0.85em; padding-left: 0.475em; padding-right: 0.5em; font-size: 0.8rem; width: 100%; text-align: center; } @media (min-width: 640px) { .get-started-button { font-size: 1rem; } } @media (min-width: 960px) { .get-started-button { font-size: 1rem; } } .get-started-button:hover { background: #fff; color: #0081b2; text-decoration: none; border: 2px solid #fff; } .type-services-accordian-valueprop { font-size: 1.4rem; padding-top: 2.4rem; line-height: 110%; font-weight: lighter; color: #fff; } @media (min-width: 640px) { .type-services-accordian-valueprop { font-size: 1.8rem; } } @media (min-width: 960px) { .type-services-accordian-valueprop { font-size: 2.4rem; } } @media (min-width: 640px) { .type-services-accordian-valueprop { padding-top: 1rem; } } @media (min-width: 960px) { .type-services-accordian-valueprop { padding-top: 1rem; } } .assessment-form-headline { max-width: 80%; margin: auto; color:#2C6678 !important; font-family:AvenirNextProBold; } @media (min-width: 640px) { .assessment-form-headline { max-width: 100%; } } @media (min-width: 960px) { .assessment-form-headline { max-width: 100%; } } .subscribe-form-headline { max-width: 90%; margin: auto; } @media (min-width: 640px) { .subscribe-form-headline { max-width: 80%; } } @media (min-width: 960px) { .subscribe-form-headline { max-width: 60%; } } .type-global-blogslidertitle { font-size: 1.2rem; color: #6c6e71; } @media (min-width: 640px) { .type-global-blogslidertitle { font-size: 1.2rem; } } @media (min-width: 960px) { .type-global-blogslidertitle { font-size: 1.2rem; } } .type-blog-postheader, .blog-teaser-featured .blog-teaser-title { font-size: 1.6rem; line-height: 110%; padding-top: 1rem; max-width: 100%; margin: auto; } @media (min-width: 640px) { .type-blog-postheader, .blog-teaser-featured .blog-teaser-title { font-size: 2.1rem; } } @media (min-width: 960px) { .type-blog-postheader, .blog-teaser-featured .blog-teaser-title { font-size: 2.3rem; } } @media (min-width: 640px) { .type-blog-postheader, .blog-teaser-featured .blog-teaser-title { padding-top: 1rem; } } @media (min-width: 960px) { .type-blog-postheader, .blog-teaser-featured .blog-teaser-title { padding-top: 1rem; } } @media (min-width: 640px) { .type-blog-postheader, .blog-teaser-featured .blog-teaser-title { max-width: 100%; } } @media (min-width: 960px) { .type-blog-postheader, .blog-teaser-featured .blog-teaser-title { max-width: 85%; } } .type-blog-title, .blog-teaser-small .blog-teaser-title { font-size: 1.3rem; } @media (min-width: 640px) { .type-blog-title, .blog-teaser-small .blog-teaser-title { font-size: 1.5rem; } } @media (min-width: 960px) { .type-blog-title, .blog-teaser-small .blog-teaser-title { font-size: 2rem; } } .type-blog-subheadline { font-size: 1.7rem; } @media (min-width: 640px) { .type-blog-subheadline { font-size: 2.3rem; } } @media (min-width: 960px) { .type-blog-subheadline { font-size: 2.7rem; } } .twocol .blog-title { min-height:14rem; display:flex; } .fetched_posts_container { display: flex; flex-direction: column; row-gap: 2rem; } .blog-post-card .photographic-cta-container { margin-top:2rem; margin-bottom:2rem; } .blog-post-card p { line-height:1.528571429 !important; } stat { margin-top:1rem; margin-bottom:1rem; } .blog-post-card p img { margin-top: 1rem !important; margin-bottom: 1rem !important; } .hubspot-form-header { font-size:2.5rem; width:50%!important; margin-top:1rem; } .rating-image { width: 60% !important;} .cta-hubspot-form { padding: 3rem 1rem !important; } .services-container2 { align-items:center; justify-content: space-between; } .point-container { display: flex; opacity:0; align-items:center; padding-right:0rem; } .type-blog-forms { font-size: 1.5rem; } @media (min-width: 640px) { .type-blog-forms { font-size: 1.5rem; } } @media (min-width: 960px) { .type-blog-forms { font-size: 2rem; } } .type-blogteaser-standard-headline { font-size: 1.3rem; padding-top: 1rem; padding-bottom: 1rem; max-width: 95%; margin: auto; line-height: 120%; color: #59595c; } @media (min-width: 640px) { .type-blogteaser-standard-headline { font-size: 1.5rem; } } @media (min-width: 960px) { .type-blogteaser-standard-headline { font-size: 2rem; } } @media (min-width: 640px) { .type-blogteaser-standard-headline { padding-top: 1rem; } } @media (min-width: 960px) { .type-blogteaser-standard-headline { padding-top: 1rem; } } @media (min-width: 640px) { .type-blogteaser-standard-headline { padding-bottom: 1rem; } } @media (min-width: 960px) { .type-blogteaser-standard-headline { padding-bottom: 1rem; } } @media (min-width: 640px) { .type-blogteaser-standard-headline { max-width: 90%; } } @media (min-width: 960px) { .type-blogteaser-standard-headline { max-width: 90%; } } .type-blogpost-headline { font-size: 1.8rem; padding-top: 2.2rem; padding-bottom: 0.5rem; max-width: 90%; margin: auto; line-height: 120%; font-family: 'AvenirNextProBold', Helvetica; color: #59595c; } @media (min-width: 640px) { .type-blogpost-headline { font-size: 2.2rem; } } @media (min-width: 960px) { .type-blogpost-headline { font-size: 2.4rem; } } @media (min-width: 640px) { .type-blogpost-headline { padding-top: 2rem; } } @media (min-width: 960px) { .type-blogpost-headline { padding-top: 1rem; } } @media (min-width: 640px) { .type-blogpost-headline { padding-bottom: 1rem; } } @media (min-width: 960px) { .type-blogpost-headline { padding-bottom: 1rem; } } @media (min-width: 640px) { .type-blogpost-headline { max-width: 80%; } } @media (min-width: 960px) { .type-blogpost-headline { max-width: 80%; } } .type-blogslider-headline { font-size: 0.9rem; padding-top: 1rem; padding-bottom: 1rem; max-width: 95%; margin: auto; line-height: 120%; color: #59595c; font-family: 'AvenirNextProDemi', Helvetica; font-weight: normal; } @media (min-width: 640px) { .type-blogslider-headline { font-size: 1.2rem; } } @media (min-width: 960px) { .type-blogslider-headline { font-size: 1.35rem; } } @media (min-width: 640px) { .type-blogslider-headline { padding-top: 1rem; } } @media (min-width: 960px) { .type-blogslider-headline { padding-top: 1rem; } } @media (min-width: 640px) { .type-blogslider-headline { padding-bottom: 1rem; } } @media (min-width: 960px) { .type-blogslider-headline { padding-bottom: 1rem; } } @media (min-width: 640px) { .type-blogslider-headline { max-width: 90%; } } @media (min-width: 960px) { .type-blogslider-headline { max-width: 90%; } } .success-story-description { font-size: 0.8rem; font-weight: normal; } @media (min-width: 640px) { .success-story-description { font-size: 0.8rem; } } @media (min-width: 960px) { .success-story-description { font-size: 1rem; } } @media (min-width: 640px) { .success-story-description { font-weight: lighter; } } @media (min-width: 960px) { .success-story-description { font-weight: lighter; } } .trans-opacity { transition: opacity 0.2s ease-in-out; } .trans-all, .svg-footer-social-icons { transition: all 0.2s ease-in-out; } .animated { animation-duration: 3.5s; animation-fill-mode: both; } .animated.infinite { animation-iteration-count: infinite; } @keyframes bounce { 0%, 20%, 50%, 80%, 100% { transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transform: translate3d(0, 0, 0); } 40%, 43% { transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transform: translate3d(0, -9px, 0); } } .bounce { animation-name: bounce; transform-origin: center bottom; } @keyframes pulse { 0% { transform: scale3d(1, 1, 1); } 50% { transform: scale3d(1.2, 1.2, 1.2); } 100% { transform: scale3d(1, 1, 1); } } .pulse { animation-name: pulse; } .caps, .category-label-container a { text-transform: uppercase; } .ir { display: block; text-indent: 150%; white-space: nowrap; overflow: hidden; } .vertical-center { margin: auto; position: absolute; top: 50%; transform: translateY(-50%); } .relative { position: relative; } .display-block { display: block; } .clearboth { clear: both; } .clear-both { clear: both; } .clear-left { clear: left; } .clear-right { clear: right; } .responsive_video_container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; } iframe { width: 100% !important; } .responsive_video_container iframe, .responsive_video_container object, .responsive_video_container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .full-width { width: 100%; } .pad-top-small { padding-top: 0.5em; } .pad-top { padding-top: 1em; } .pad-top-extra { padding-top: 2em; } .pad-top-max { padding-top: 3em; } .pad-bottom-small { padding-bottom: 0.5em; } .pad-bottom { padding-bottom: 1em; } .pad-bottom-extra { padding-bottom: 2em; } .pad-bottom-max { padding-bottom: 3em; } .pad-left { padding-left: 1em; } .pad-left-extra { padding-left: 2em; } .pad-left-max { padding-left: 3em; } .pad-right { padding-right: 1em; } .pad-right-extra { padding-right: 2em; } .pad-right-max { padding-right: 3em; } .margin-top { margin-top: 1em; } .margin-top-extra { margin-top: 2em; } .margin-top-max { margin-top: 3em; } .margin-bottom { margin-bottom: 1em; } .margin-bottom-extra { margin-bottom: 2em; } .margin-bottom-max { margin-bottom: 3em; } .margin-left { margin-left: 1em; } .margin-left-extra { margin-left: 2em; } .margin-left-max { margin-left: 3em; } .margin-right { margin-right: 1em; } .margin-right-extra { margin-right: 2em; } .margin-right-max { margin-right: 3em; } .float-right { float: right; } .float-left { float: left; } .slick-slider { margin-bottom: 0; } .slick-slider:focus, .slick-slider *:focus { outline: 0; } .slick-prev { left: 20px; width: 50px; height: 100%; background: url(https://www.responsify.com/wp-content/themes/responsify3/assets/img/arrow-left.svg) center no-repeat; display: none !important; opacity: 0; top: 0; margin-top: 0; z-index: 100; transition: opacity 0.1s ease-in-out; } .slick-prev:before { content: none; } .section-container { margin-top: 3rem; } .slick-next { right: 20px; width: 50px; height: 100%; background: url(https://www.responsify.com/wp-content/themes/responsify3/assets/img/arrow-right.svg) center no-repeat; display: none !important; opacity: 0; top: 0; margin-top: 0; z-index: 100; transition: opacity 0.1s ease-in-out; } .slick-next:before { content: none; } .section-sub-header { color: #6AF6A3; font-size: 1.2em; display:flex; align-items:center; font-family: 'AvenirNextProDemi', Helvetica; margin-left:6rem; } .small-header-icon { margin-right: 4px; } .section-header { color: #2C6678; font-size: 2em; font-family: 'AvenirNextProBold', Helvetica; margin-left:6rem; margin-bottom: 2rem; line-height:1.2; } .hero-links { margin-right:1rem; z-index: 1000; } .section-sub-header { margin-top:5rem !important; margin-left:6rem; } .recent-insights-carousel .slick-list, .trending-insights-container .slick-list { padding: 0px 50px !important; } .recent-insights-carousel .slick-dots, .trending-insights-container .slick-dots { display:none !important; } .max-width-container { max-width: 90% !important; } .hero-header { font-size: 4.5vw !important; } .featured-insights-container, .testimonial-container, .ratings-container, .clients-container { max-width: 1200px; margin-left: auto; margin-right: auto; } .testimonial-card { min-width: 1100px; background:white !important; } .ratings-stackable { display: flex; flex-direction:column; } .hero-inner.results { max-width:100%; width: 100%; margin-right:auto; margin-top:-2rem; } .hero { background-size: 100% auto !important; } .blog-card { cursor:pointer; } .slider-bluewhite-arrows .slick-prev { background: url(https://www.responsify.com/wp-content/themes/responsify3/assets/img/arrow-left-bluewhite.svg) center no-repeat; } .slider-bluewhite-arrows .slick-next { background: url(https://www.responsify.com/wp-content/themes/responsify3/assets/img/arrow-right-bluewhite.svg) center no-repeat; } .slider-white-arrows .slick-prev { background: url(https://www.responsify.com/wp-content/themes/responsify3/assets/img/arrow-left.svg) center no-repeat; } .slider-white-arrows .slick-next { background: url(https://www.responsify.com/wp-content/themes/responsify3/assets/img/arrow-right.svg) center no-repeat; } .slider-graywhite-arrows .slick-prev { background: url(https://www.responsify.com/wp-content/themes/responsify3/assets/img/arrow-left-graywhite.svg) center no-repeat; } .slider-graywhite-arrows .slick-next { background: url(https://www.responsify.com/wp-content/themes/responsify3/assets/img/arrow-right-graywhite.svg) center no-repeat; } .slider-clearwhite-arrows .slick-prev { background: url(https://www.responsify.com/wp-content/themes/responsify3/assets/img/arrow-left-clearwhite.svg) center no-repeat; } .slider-clearwhite-arrows .slick-next { background: url(https://www.responsify.com/wp-content/themes/responsify3/assets/img/arrow-right-clearwhite.svg) center no-repeat; } @media (min-width: 640px) { .slick-prev, .slick-next { display: block !important; } } .slick-slider:hover .slick-prev, .slick-slider:hover .slick-next { opacity: 1; } .slick-slider-slide { width: 290px; } .slick-slider-slide img { display: inline; } .slick-slider-slide a:hover { text-decoration: none !important; } .non-slider .slick-slider-slide { margin-left: auto; margin-right: auto; } @media (min-width: 960px) { .slick-slider-slide { width: 180px; } } .view-all-link-white { display: inline-block; color: #fff; margin-right: 2em; border-radius: 0.3em; font-weight: 400; letter-spacing: 0.05em; padding-top: 0.2em; padding-bottom: 0.2em; padding-left: 0.475em; padding-right: 0.5em; font-size: 0.75em; } .view-all-link-white:hover { background: transparent; color: #fff; text-decoration: underline; } .view-all-link-gray-light { display: inline-block; color: #a5a7ab; margin-right: 2em; border-radius: 0.3em; font-weight: 400; letter-spacing: 0.05em; padding-top: 0.2em; padding-bottom: 0.2em; padding-left: 0.475em; padding-right: 0.5em; font-size: 0.75em; } .view-all-link-gray-light:hover { background: transparent; color: #a5a7ab; text-decoration: underline; } .view-all-link-gray { display: inline-block; color: rgba(0, 197, 255, 1); margin-right: 2em; border-radius: 0.3em; font-weight: 400; letter-spacing: 0.05em; padding-left: 20px; padding-right: 20px; padding-top: 5px; padding-bottom: 5px; font-size: 0.75em; } .view-all-link-gray:hover { background: rgb(232 241 242); border-radius: 150px; border-radius:150px; text-decoration:none!important; color: rgba(0, 197, 255, 1) !important; } .learn-more-button { display: inline-block; color: #2C6678; margin-top: 0em; margin-bottom: 0.5em; border-radius: 150px; font-weight: 400; letter-spacing: 0.05em; font-size: 1em; background: var(--blue-bright-light-blue, #E5FDFF); padding: 0.5rem 1.2rem; line-height: 1; background:white; cursor:pointer; } .learn-more-button:hover { background: #E5FDFF; color: #00C5FF; text-decoration: none; } .learn-more-button:focus, .learn-more-button:active { background:#62DBFF; color:white; } @media (min-width: 320px) { .slick-slider-slide-show-neighbors { width: 304px; } } @media (min-width: 640px) { .slick-slider-slide-show-neighbors { width: 512px; } } @media (min-width: 960px) { .slick-slider-slide-show-neighbors { width: 576px; } } .slick-dots { position: absolute; bottom: 0; left: 50%; z-index: 15; width: 60%; margin-left: -30%; padding-left: 0; list-style: none; text-align: center; } .slick-dots li { display: inline-block; width: 10px; height: 10px; margin: 1px; text-indent: -999px; border: 1px solid #fff; border-radius: 10px; cursor: pointer; } .slick-dots li button { display: none; } .slick-dots .slick-active { margin-top: 0; margin-bottom: 0; width: 12px; height: 12px; background-color: #fff; } .slick-dots li + li { margin-left: 0.25em; } .slick-arrow, .slide img { -webkit-user-drag: none; -khtml-user-drag: none; -moz-user-drag: none; -o-user-drag: none; user-drag: none; } .assessment-form-embed .hbspt-form input, .assessment-form-embed .hbspt-form textarea, .assessment-form-embed .hbspt-form select { font-size: 1rem; border: none; width: 100%; padding: 0.4em 0.6em; height: 2.2em; color: #207474; background-color: #fff; } @media (min-width: 640px) { .assessment-form-embed .hbspt-form input, .assessment-form-embed .hbspt-form textarea, .assessment-form-embed .hbspt-form select { font-size: 1rem; } } @media (min-width: 960px) { .assessment-form-embed .hbspt-form input, .assessment-form-embed .hbspt-form textarea, .assessment-form-embed .hbspt-form select { font-size: 1rem; } } .assessment-form-embed .hbspt-form .hs-form fieldset { margin: 0 auto; } .assessment-form-embed .hbspt-form .hs-form fieldset.form-columns-1 .hs-input { width: 100%; } .assessment-form-embed .hbspt-form .hs-form-field { margin-bottom: 1rem; } .assessment-form-embed .hbspt-form label[for] { font-size: 0.7rem; color: #fff; font-weight: 500; line-height: 115%; } @media (min-width: 640px) { .assessment-form-embed .hbspt-form label[for] { font-size: 0.8rem; } } @media (min-width: 960px) { .assessment-form-embed .hbspt-form label[for] { font-size: 0.8rem; } } .hs-button { border-radius:100px !important; } .assessment-form-embed .hbspt-form .hs-error-msgs { opacity: 0.5; list-style: none; padding: 0 0.6em 0.2em; display: none !important; } .assessment-form-embed .hbspt-form .hs-error-msgs label { font-size: 0.6rem; color: #ff0000; line-height: 110%; padding-top: 0.8em; font-weight: 500; letter-spacing: 0.05em; } @media (min-width: 640px) { .assessment-form-embed .hbspt-form .hs-error-msgs label { font-size: 0.6rem; } } @media (min-width: 960px) { .assessment-form-embed .hbspt-form .hs-error-msgs label { font-size: 0.6rem; } } .assessment-form-embed .hbspt-form .hs-error-msgs label { color: #207474; } .assessment-form-embed .hbspt-form .submitted-message { color: #0bc0af; font-size: 1.2rem; background: #fff; text-align: center; padding: 0.5rem; } @media (min-width: 640px) { .assessment-form-embed .hbspt-form .submitted-message { font-size: 1.2rem; } } @media (min-width: 960px) { .assessment-form-embed .hbspt-form .submitted-message { font-size: 1.2rem; } } .assessment-page-form-embed .hbspt-form input, .assessment-page-form-embed .hbspt-form textarea, .assessment-page-form-embed .hbspt-form select { font-size: 1rem; border: none; width: 100%; padding: 0.4em 0.6em; height: 2.2em; color: #207474; background-color: #fff; } @media (min-width: 640px) { .assessment-page-form-embed .hbspt-form input, .assessment-page-form-embed .hbspt-form textarea, .assessment-page-form-embed .hbspt-form select { font-size: 1rem; } } @media (min-width: 960px) { .assessment-page-form-embed .hbspt-form input, .assessment-page-form-embed .hbspt-form textarea, .assessment-page-form-embed .hbspt-form select { font-size: 1rem; } } .assessment-page-form-embed .hbspt-form .hs-form fieldset { margin: 0 auto; } .assessment-page-form-embed .hbspt-form .hs-form fieldset.form-columns-1 .hs-input { width: 100%; } .assessment-page-form-embed .hbspt-form .hs-form-field { margin-bottom: 0.6rem; } .assessment-page-form-embed .hbspt-form label[for] { font-size: 0.7rem; color: #fff; font-weight: 500; line-height: 115%; } @media (min-width: 640px) { .assessment-page-form-embed .hbspt-form label[for] { font-size: 0.8rem; } } @media (min-width: 960px) { .assessment-page-form-embed .hbspt-form label[for] { font-size: 0.8rem; } } .assessment-page-form-embed .hbspt-form .hs-error-msgs { background-color: #fff; opacity: 0.5; list-style: none; padding: 0 0.6em 0.2em; display: inline-block !important; } .assessment-page-form-embed .hbspt-form .hs-error-msgs label { font-size: 0.6rem; color: #ff0000; line-height: 110%; padding-top: 0.8em; font-weight: 500; letter-spacing: 0.05em; } @media (min-width: 640px) { .assessment-page-form-embed .hbspt-form .hs-error-msgs label { font-size: 0.6rem; } } @media (min-width: 960px) { .assessment-page-form-embed .hbspt-form .hs-error-msgs label { font-size: 0.6rem; } } .assessment-page-form-embed .hbspt-form .hs_submit { text-align: center; } .assessment-page-form-embed .hbspt-form [type=submit] { width: auto; background: none; margin-top: 1em !important; } .assessment-page-form-embed .hbspt-form [type=submit]:hover { color: #207474; } .assessment-page-form-embed .hbspt-form .hs_submit { width: 98%; } .assessment-page-form-embed .hbspt-form .hs-error-msgs label { color: #207474; } .assessment-page-form-embed .hbspt-form .submitted-message { color: #0bc0af; font-size: 1.2rem; background: #fff; text-align: center; padding: 0.5rem; } @media (min-width: 640px) { .assessment-page-form-embed .hbspt-form .submitted-message { font-size: 1.2rem; } } @media (min-width: 960px) { .assessment-page-form-embed .hbspt-form .submitted-message { font-size: 1.2rem; } } .offer-form .hbspt-form input, .offer-form .hbspt-form textarea, .offer-form .hbspt-form select { font-size: 1rem; border: none; width: 100%; padding: 0.4em 0.6em; height: 2.2em; color: #6c6e71; background-color: #fff; } @media (min-width: 640px) { .offer-form .hbspt-form input, .offer-form .hbspt-form textarea, .offer-form .hbspt-form select { font-size: 1rem; } } @media (min-width: 960px) { .offer-form .hbspt-form input, .offer-form .hbspt-form textarea, .offer-form .hbspt-form select { font-size: 1rem; } } .offer-form .hbspt-form .hs-form fieldset { margin: 0 auto; } .offer-form .hbspt-form .hs-form fieldset.form-columns-1 .hs-input { width: 100%; } .offer-form .hbspt-form .hs-form-field { margin-bottom: 0.6rem; } .offer-form .hbspt-form label[for] { font-size: 0.7rem; color: #6c6e71; font-weight: 500; line-height: 115%; } @media (min-width: 640px) { .offer-form .hbspt-form label[for] { font-size: 0.8rem; } } @media (min-width: 960px) { .offer-form .hbspt-form label[for] { font-size: 0.8rem; } } .offer-form .hbspt-form .hs-error-msgs { background-color: #fff; opacity: 0.5; list-style: none; padding: 0 0.6em 0.2em; display: inline-block !important; } .offer-form .hbspt-form .hs-error-msgs label { font-size: 0.6rem; color: #ff0000; line-height: 110%; padding-top: 0.8em; font-weight: 500; letter-spacing: 0.05em; } @media (min-width: 640px) { .offer-form .hbspt-form .hs-error-msgs label { font-size: 0.6rem; } } @media (min-width: 960px) { .offer-form .hbspt-form .hs-error-msgs label { font-size: 0.6rem; } } .offer-form .hbspt-form .hs_submit { text-align: center; } .offer-form .hbspt-form [type=submit] { width: auto; background: none; margin-top: 1em !important; } .offer-form .hbspt-form [type=submit]:hover { color: #207474; } .offer-form .hbspt-form .hs_submit { width: 98%; } .offer-form .hbspt-form [type=submit] { width: auto; background: #ff0000; margin-top: 0.5em !important; } .offer-form .hbspt-form .hs-error-msgs label { color: #207474; } .offer-form .hbspt-form .submitted-message { color: #0bc0af; font-size: 1.2rem; background: #fff; text-align: center; padding: 0.5rem; } @media (min-width: 640px) { .offer-form .hbspt-form .submitted-message { font-size: 1.2rem; } } @media (min-width: 960px) { .offer-form .hbspt-form .submitted-message { font-size: 1.2rem; } } .subscribe-form-embed .hbspt-form input, .subscribe-form-embed .hbspt-form textarea, .subscribe-form-embed .hbspt-form select { font-size: 1rem; border: none; width: 100%; padding: 0.4em 0.6em; height: 2.2em; color: #148140; background-color: #fff; } @media (min-width: 640px) { .subscribe-form-embed .hbspt-form input, .subscribe-form-embed .hbspt-form textarea, .subscribe-form-embed .hbspt-form select { font-size: 1rem; } } @media (min-width: 960px) { .subscribe-form-embed .hbspt-form input, .subscribe-form-embed .hbspt-form textarea, .subscribe-form-embed .hbspt-form select { font-size: 1rem; } } .subscribe-form-embed .hbspt-form .hs-form fieldset { margin: 0 auto; } .subscribe-form-embed .hbspt-form .hs-form fieldset.form-columns-1 .hs-input { width: 100%; } .subscribe-form-embed .hbspt-form .hs-form-field { margin-bottom: 0.6rem; } .subscribe-form-embed .hbspt-form label[for] { font-size: 0.7rem; color: #fff; font-weight: 500; line-height: 115%; } @media (min-width: 640px) { .subscribe-form-embed .hbspt-form label[for] { font-size: 0.8rem; } } @media (min-width: 960px) { .subscribe-form-embed .hbspt-form label[for] { font-size: 0.8rem; } } .subscribe-form-embed .hbspt-form .hs-error-msgs { background-color: #fff; opacity: 0.5; list-style: none; padding: 0 0.6em 0.2em; display: inline-block !important; } .subscribe-form-embed .hbspt-form .hs-error-msgs label { font-size: 0.6rem; color: #ff0000; line-height: 110%; padding-top: 0.8em; font-weight: 500; letter-spacing: 0.05em; } @media (min-width: 640px) { .subscribe-form-embed .hbspt-form .hs-error-msgs label { font-size: 0.6rem; } } @media (min-width: 960px) { .subscribe-form-embed .hbspt-form .hs-error-msgs label { font-size: 0.6rem; } } .subscribe-form-embed .hbspt-form .hs_submit { text-align: center; } .subscribe-form-embed .hbspt-form [type=submit] { width: auto; background: none; margin-top: 1em !important; } .subscribe-form-embed .hbspt-form [type=submit]:hover { color: #148140; } .subscribe-form-embed .hbspt-form .hs-error-msgs label { color: #148140; } .subscribe-form-embed .hbspt-form .hs-form fieldset { margin: 0 auto; max-width: 90%; } @media (min-width: 640px) { .subscribe-form-embed .hbspt-form .hs-form fieldset { max-width: 90%; } } @media (min-width: 960px) { .subscribe-form-embed .hbspt-form .hs-form fieldset { max-width: 80%; } } .subscribe-form-embed .hbspt-form .hs-form-field { margin-bottom: 0.6rem; min-width: 100%; margin-left: 6px; } @media (min-width: 640px) { .subscribe-form-embed .hbspt-form .hs-form-field { min-width: 30%; } } @media (min-width: 960px) { .subscribe-form-embed .hbspt-form .hs-form-field { min-width: 30%; } } @media (min-width: 640px) { .subscribe-form-embed .hbspt-form .hs-form-field { margin-left: 0; } } @media (min-width: 960px) { .subscribe-form-embed .hbspt-form .hs-form-field { margin-left: 0; } } .subscribe-form-embed .hbspt-form .submitted-message { color: #2d9851; font-size: 1.2rem; background: #fff; text-align: center; line-height: 100%; padding: 3rem; max-width: 90%; margin: auto; } @media (min-width: 640px) { .subscribe-form-embed .hbspt-form .submitted-message { font-size: 1.2rem; } } @media (min-width: 960px) { .subscribe-form-embed .hbspt-form .submitted-message { font-size: 1.6rem; } } @media (min-width: 640px) { .subscribe-form-embed .hbspt-form .submitted-message { max-width: 90%; } } @media (min-width: 960px) { .subscribe-form-embed .hbspt-form .submitted-message { max-width: 90%; } } .footer-subscribe-form-embed .hbspt-form { margin-left: 6px; } .footer-subscribe-form-embed .hbspt-form input, .footer-subscribe-form-embed .hbspt-form textarea, .footer-subscribe-form-embed .hbspt-form select { font-size: 1rem; border: none; width: 100%; padding: 0.4em 0.6em; height: 2.2em; color: #006e98; background-color: #fff; } @media (min-width: 640px) { .footer-subscribe-form-embed .hbspt-form input, .footer-subscribe-form-embed .hbspt-form textarea, .footer-subscribe-form-embed .hbspt-form select { font-size: 1rem; } } @media (min-width: 960px) { .footer-subscribe-form-embed .hbspt-form input, .footer-subscribe-form-embed .hbspt-form textarea, .footer-subscribe-form-embed .hbspt-form select { font-size: 1rem; } } .footer-subscribe-form-embed .hbspt-form .hs-form fieldset { margin: 0 auto; } .footer-subscribe-form-embed .hbspt-form .hs-form fieldset.form-columns-1 .hs-input { width: 100%; } .footer-subscribe-form-embed .hbspt-form .hs-form-field { margin-bottom: 0.6rem; } .footer-subscribe-form-embed .hbspt-form label[for] { font-size: 0.7rem; color: #fff; font-weight: 500; line-height: 115%; } @media (min-width: 640px) { .footer-subscribe-form-embed .hbspt-form label[for] { font-size: 0.8rem; } } @media (min-width: 960px) { .footer-subscribe-form-embed .hbspt-form label[for] { font-size: 0.8rem; } } .footer-subscribe-form-embed .hbspt-form .hs-error-msgs { background-color: #fff; opacity: 0.5; list-style: none; padding: 0 0.6em 0.2em; display: inline-block !important; } .footer-subscribe-form-embed .hbspt-form .hs-error-msgs label { font-size: 0.6rem; color: #ff0000; line-height: 110%; padding-top: 0.8em; font-weight: 500; letter-spacing: 0.05em; } @media (min-width: 640px) { .footer-subscribe-form-embed .hbspt-form .hs-error-msgs label { font-size: 0.6rem; } } @media (min-width: 960px) { .footer-subscribe-form-embed .hbspt-form .hs-error-msgs label { font-size: 0.6rem; } } .footer-subscribe-form-embed .hbspt-form .hs_submit { text-align: center; } .footer-subscribe-form-embed .hbspt-form [type=submit] { width: auto; background: none; margin-top: 1em !important; } .footer-subscribe-form-embed .hbspt-form [type=submit]:hover { color: #006e98; } @media (min-width: 640px) { .footer-subscribe-form-embed .hbspt-form { margin-left: 0; } } @media (min-width: 960px) { .footer-subscribe-form-embed .hbspt-form { margin-left: 0; } } .footer-subscribe-form-embed .hbspt-form .hs_submit { width: 99%; } .footer-subscribe-form-embed .hbspt-form .hs-error-msgs label { color: #006e98; } .footer-subscribe-form-embed .hbspt-form .hs-form fieldset.form-columns-2 .hs-form-field { margin: 0 auto; min-width: 100%; } @media (min-width: 640px) { .footer-subscribe-form-embed .hbspt-form .hs-form fieldset.form-columns-2 .hs-form-field { min-width: 50%; } } @media (min-width: 960px) { .footer-subscribe-form-embed .hbspt-form .hs-form fieldset.form-columns-2 .hs-form-field { min-width: 50%; } } .footer-subscribe-form-embed .hbspt-form .submitted-message { color: #0081b2; font-size: 1.2rem; background: #fff; text-align: center; line-height: 100%; padding-left: 2rem; padding-right: 2rem; padding-top: 2rem; padding-bottom: 2rem; } @media (min-width: 640px) { .footer-subscribe-form-embed .hbspt-form .submitted-message { font-size: 1.2rem; } } @media (min-width: 960px) { .footer-subscribe-form-embed .hbspt-form .submitted-message { font-size: 1.2rem; } } @media (min-width: 640px) { .footer-subscribe-form-embed .hbspt-form .submitted-message { padding-left: 2rem; } } @media (min-width: 960px) { .footer-subscribe-form-embed .hbspt-form .submitted-message { padding-left: 0.5rem; } } @media (min-width: 640px) { .footer-subscribe-form-embed .hbspt-form .submitted-message { padding-right: 2rem; } } @media (min-width: 960px) { .footer-subscribe-form-embed .hbspt-form .submitted-message { padding-right: 0.5rem; } } @media (min-width: 640px) { .footer-subscribe-form-embed .hbspt-form .submitted-message { padding-top: 2rem; } } @media (min-width: 960px) { .footer-subscribe-form-embed .hbspt-form .submitted-message { padding-top: 3.5rem; } } @media (min-width: 640px) { .footer-subscribe-form-embed .hbspt-form .submitted-message { padding-bottom: 2rem; } } @media (min-width: 960px) { .footer-subscribe-form-embed .hbspt-form .submitted-message { padding-bottom: 3.5rem; } } /** * * Used to generate responsive styles according to the breakpoint we set into the variables file * */ /** * * Simpler shortcut to create easily break points * */ /** * Easy functions to create easily pure css arrows anywhere */ /** * * The wall could be used to show an image gallery or any other content in a "google images" user interaction way * Here there is all the html needed * * *
* *
* */ .GITheWall ul { list-style: none; padding: 20px 0; margin: 0 auto; text-align: center; width: 90%; } .GITheWall ul li { display: inline-block; margin: 10px 5px 0 5px; vertical-align: top; width: 90%; } @media (min-width: 320px) { .GITheWall ul li { width: 45%; } } @media (min-width: 640px) { .GITheWall ul li { width: 30%; } } .GITheWall ul li.GI_TW_Selected_Row { transition: margin-bottom 0.3s ease-in; } .GI_TW_expander { position: absolute; z-index: 1; top: 0; background: #00a7f3; left: 0; width: 100%; margin-top: 10px; height: 0; overflow: hidden; transition: height 0.3s ease-in; } .GI_TW_expander.animating { overflow: hidden !important; } .GI_TW_expander.opened { overflow: visible; } .GI_TW_expander .GI_TW_pointer { position: absolute; margin-left: -20px; margin-top: -20px; width: 0; height: 0; border-left: 20px solid transparent; border-right: 20px solid transparent; border-bottom: 20px solid #00a7f3; transition: left 0.3s ease-in; } .GI_TW_expander .GI_TW_expander-inner { width: 100%; height: 560px; margin: 0 auto; overflow: hidden; } .GI_TW_expander .GI_TW_expander-inner .GI_TW_fullimg { position: relative; width: 100%; height: 580px; margin: 10px 0 0; text-align: center; overflow: hidden; } .GI_TW_expander .GI_TW_expander-inner .GI_TW_fullimg img { position: relative; } .GI_TW_expander .GI_TW_Controls { z-index: 1; } .GI_TW_expander .GI_TW_close { position: absolute; width: 40px; height: 40px; top: 20px; right: 20px; cursor: pointer; } .GI_TW_expander .GI_TW_close span { display: block; background: url(https://www.responsify.com/wp-content/themes/responsify3/assets/img/x-icon.svg) no-repeat center; background-size: contain; height: 2em; width: 2em; } .GI_TW_expander .GI_TW_arrow { position: absolute; top: 50%; cursor: pointer; } .GI_TW_expander .GI_TW_arrow.GI_TW_hidden { display: none; } .GI_TW_expander .GI_TW_arrow.GI_TW_next { right: 30px; } .GI_TW_expander .GI_TW_arrow.GI_TW_prev { left: 30px; } .GI_TW_expander .GI_TW_loading { width: 20px; height: 20px; border-radius: 50%; background: #ddd; box-shadow: 0 0 1px #cccccc, 15px 30px 1px #cccccc, -15px 30px 1px #cccccc; position: absolute; top: 50%; left: 50%; margin: -25px 0 0; animation: loader 0.5s infinite ease-in-out both; } @keyframes loader { 0% { background: #ddd; } 33% { background: #ccc; box-shadow: 0 0 1px #cccccc, 15px 30px 1px #cccccc, -15px 30px 1px #dddddd; } 66% { background: #ccc; box-shadow: 0 0 1px #cccccc, 15px 30px 1px #dddddd, -15px 30px 1px #cccccc; } } .assessment-form-text-headline { zoom: 1; width: 77.2288472459%; float: left; margin-right: -100%; margin-left: 11.3855763771%; clear: both; } .assessment-form-text-headline:before { content: ""; display: table; } .assessment-form-text-headline:after { content: ""; display: table; clear: both; } @media (min-width: 640px) { .assessment-form-text-headline { width: 100%; float: right; margin-left: 0; margin-right: 0; clear: both; } } @media (min-width: 960px) { .assessment-form-text-headline { width: 100%; float: right; margin-left: 0; margin-right: 0; clear: both; } } .assessment-form-container .assessment-form-text { zoom: 1; width: 89.1265597148%; float: left; margin-right: -100%; margin-left: 5.4367201426%; clear: both; line-height: 110%; margin-top: 1.2em; } .assessment-form-container .assessment-form-text:before { content: ""; display: table; } .assessment-form-container .assessment-form-text:after { content: ""; display: table; clear: both; } @media (min-width: 640px) { .assessment-form-container .assessment-form-text { width: 44.3622920518%; float: left; margin-right: -100%; margin-left: 3.7430683919%; clear: both; } } @media (min-width: 960px) { .assessment-form-container .assessment-form-text { width: 46.614872364%; float: left; margin-right: -100%; margin-left: 2.2475027747%; clear: both; max-width: 71%; } } .assessment-form-container .assessment-form-embed { zoom: 1; width: 89.1265597148%; float: left; margin-right: -100%; margin-left: 5.4367201426%; clear: both; } .assessment-form-container .assessment-form-embed:before { content: ""; display: table; } .assessment-form-container .assessment-form-embed:after { content: ""; display: table; clear: both; } @media (min-width: 640px) { .assessment-form-container .assessment-form-embed { width: 44.3622920518%; float: left; margin-right: -100%; margin-left: 51.8946395564%; clear: right; } } @media (min-width: 960px) { .assessment-form-container .assessment-form-embed { width: 46.614872364%; float: left; margin-right: -100%; margin-left: 51.1376248613%; clear: right; } } .solutions-graphic { zoom: 1; width: 32.0855614973%; float: left; margin-right: -100%; margin-left: 33.9572192513%; clear: both; } .solutions-graphic:before { content: ""; display: table; } .solutions-graphic:after { content: ""; display: table; clear: both; } @media (min-width: 640px) { .solutions-graphic { width: 17.2265288544%; float: left; margin-right: -100%; margin-left: 41.3867355728%; clear: both; } } @media (min-width: 960px) { .solutions-graphic { width: 54.784514244%; float: left; margin-right: -100%; margin-left: 22.607742878%; clear: both; } } .solutions-list-item { margin-left: auto; margin-right: auto; } .solutions-list-image { width: 49.9108734403%; float: left; margin-right: -100%; margin-left: 25.0445632799%; clear: both; } @media (min-width: 640px) { .solutions-list-image { width: 66.4451827243%; float: left; margin-right: -100%; margin-left: 16.7774086379%; clear: left; } } @media (min-width: 1920px) { .hero-header,.featured-hero-title { font-size: 86.4px !important; } .hero-subheader { font-size:28.8px !important; } } @media (min-width: 960px) { .solutions-list-image { width: 54.784514244%; float: left; margin-right: -100%; margin-left: 22.607742878%; clear: left; } } .assessment-form-container { max-width:1300px; margin-left:auto; margin-right:auto; } .hero { background-repeat: no-repeat; background-position: center !important; background-size: cover !important; position: relative; height: 100%; overflow: hidden; padding-bottom: 100%; } @media (min-width: 640px) { .hero { padding-bottom: 50%; } } @media (min-width: 960px) { .hero { padding-bottom: 40%; } } .hero:after { content: " "; display: block; position: absolute; height: 100%; width: 100%; top: 0; left: 0; background: rgba(0, 110, 152, 0.6); } .hero-text { z-index: 2; position: absolute; left: 0; right: 0; bottom: 0; width: 60%; font-size:2.5rem !important; margin: auto; top: 37%; /* position: absolute; */ color:white !important; } .hero-text h1 { color:white !important; } .hero-text > * { margin-left: auto; margin-right: auto; line-height: 110%; } @media (min-width: 640px) { .hero-text { top: 19%; } } @media (min-width: 960px) { .hero-text { top: 25%; } } .hero-video { display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; margin: auto; } .hero-arrow-container { display: none; text-align: center; } @media (min-width: 640px) { .hero-arrow-container { display: block; } } @media (min-width: 960px) { .hero-arrow-container { display: block; } } @media (min-width: 960px) { .goals-slider .slick-slider-slide { width: 300px; } } .goals-slider-image-wrapper { width: 80%; margin-left: auto; margin-right: auto; } .goal-image-smil { display: none; } .smil .goal-image-smil { display: block; } .smil .goal-image-fallback { display: none; } @media (min-width: 960px) { .services-slider .slick-slider-slide { width: 300px; } } .services-image-smil, .services-image-fallback { height: 180px; margin-left: auto; margin-right: auto; } .services-image-smil { display: none; } .smil .services-image-smil { display: block; } .smil .services-image-fallback { display: none; } .service-table-row { background: #c5efff; padding: 0.5em 0.25em; } .service-table-row:nth-child(odd) { background: #fff; } .service-level-description a, .service-level-description a:hover { color: #fff; text-decoration: underline; } .service-highlight-image { width: 100%; height: 200px; } @media (min-width: 640px) { .service-highlight-image { height: 100px; } } @media (min-width: 960px) { .service-highlight-image { height: 150px; } } .service-level-header { min-height: 0; } @media (min-width: 640px) { .service-level-header { min-height: 9rem; } } @media (min-width: 960px) { .service-level-header { min-height: 12rem; } } .opportunities .slick-slider-slide { width: 25%; } .success-stories-slider .slick-slider-slide { width: 100%; background-position: center; background-size: cover; } .success-stories-slider .success-story-content { position: relative; display: block; } @media (min-width: 320px) { .success-stories-slider .success-story-content { padding-top: 5em; padding-bottom: 5em; padding-left: 1.8em; padding-right: 1.8em; } } @media (min-width: 640px) { .success-stories-slider .success-story-content { padding-top: 8em; padding-bottom: 8em; padding-left: 8em; padding-right: 8em; } } @media (min-width: 960px) { .success-stories-slider .success-story-content { padding-top: 10em; padding-bottom: 10em; padding-left: 12em; padding-right: 12em; } } .success-stories-slider .slick-dots { bottom: 1em; } .testimonials .slick-dots { bottom: -1.25em; } .testimonial-slide { width: 100%; } .testimonial-slide .testimonial-text { zoom: 1; width: 100%; float: right; margin-left: 0; margin-right: 0; clear: both; } .testimonial-slide .testimonial-text:before { content: ""; display: table; } .testimonial-slide .testimonial-text:after { content: ""; display: table; clear: both; } @media (min-width: 640px) { .testimonial-slide .testimonial-text { width: 61.7339990921%; float: left; margin-right: -100%; margin-left: 0; clear: left; } } @media (min-width: 960px) { .testimonial-slide .testimonial-text { width: 65.0406504065%; float: left; margin-right: -100%; margin-left: 0; clear: left; } } .testimonial-slide .testimonial-image { zoom: 1; width: 16.6666666667%; float: left; margin-right: -100%; margin-left: 0; clear: both; } .testimonial-slide .testimonial-image:before { content: ""; display: table; } .testimonial-slide .testimonial-image:after { content: ""; display: table; clear: both; } @media (min-width: 640px) { .testimonial-slide .testimonial-image { width: 10.8942351339%; float: left; margin-right: -100%; margin-left: 67.2719019519%; clear: right; margin-top: -0.2em; } } @media (min-width: 960px) { .testimonial-slide .testimonial-image { width: 6.968641115%; float: left; margin-right: -100%; margin-left: 67.4216027875%; clear: right; margin-top: -0.2em; } } .testimonial-slide .testimonial-byline { zoom: 1; width: 58.3333333333%; float: left; margin-right: -100%; margin-left: 20.8333333333%; clear: both; margin-top: -3rem; } .testimonial-slide .testimonial-byline:before { content: ""; display: table; } .testimonial-slide .testimonial-byline:after { content: ""; display: table; clear: both; } @media (min-width: 640px) { .testimonial-slide .testimonial-byline { width: 32.7280980481%; float: right; margin-left: 0; margin-right: 0; clear: right; margin-top: 4.8rem; } } @media (min-width: 960px) { .testimonial-slide .testimonial-byline { width: 23.2288037166%; float: right; margin-left: 0; margin-right: 0; clear: right; margin-top: 0rem; } } .testimonial-image img { margin-top: 0.5rem; width: 100%; border-radius: 50%; } .blog-post-slide a { display: block; } .blog-post-slide a:hover { color: #59595c; text-decoration: none; } .offer-slider .slick-slider-slide { width: 25%; } .contactcard { width: 19.7%; display: inline-block; margin-left: 2.5%; margin-right: 2.5%; margin-bottom: 2.5%; } .contactcardface { width: 100%; margin: 0 auto; } .contactcardname { width: 100%; position: relative; background-color: #ffffff; padding-top: 5%; padding-left: 5%; padding-right: 5%; padding-bottom: 0.6%; } .about-location-subtext { left: 0; position: absolute; text-align: center; bottom: 5%; width: 100%; } @media (min-width: 640px) { .about-location-subtext { bottom: 15%; } } @media (min-width: 960px) { .about-location-subtext { bottom: 20%; } } .about-howwework-container { width: 33%; display: inline-block; background-color: #ffffff; border: 1px; vertical-align: top; padding: 1em; } .about-howwework-icon { width: 100%; margin: auto; left: 0; right: 0; } .about-howwework-containerwrapper { width: 70%; margin: auto; display: flex; flex-wrap: wrap; } @media only screen and (max-width: 1000px) { .contactcard { width: 44% !important; margin-left: 2.5%; margin-right: 2.5%; } .about-howwework-container { width: 32% !important; } .about-howwework-containerwrapper { width: 100%; margin: auto; } } @media only screen and (max-width: 850px) { .about-howwework-container { width: 49% !important; } .about-howwework-containerwrapper { width: 100%; } } @media only screen and (max-width: 640px) { .contactcard { width: 90% !important; margin-left: 5%; margin-right: 5%; margin-bottom: 20%; } .about-howwework-container { width: 100% !important; } .about-howwework-containerwrapper { width: 100%; } .type-about-overlay { top: 25% !important; width: 70% !important; } .type-about-overlay-team { top: 10% !important; width: 100% !important; } .about-howwework-icon-img { width: 50% !important; } } .case-study-details .case-study-details__challenge-solution-group { margin-top: 3rem; } .case-study-details .case-study-details__challenge { margin: 0.8rem -2rem; display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: center; align-items: stretch; align-content: stretch; -webkit-clip-path: polygon(0 0, 100% 3%, 100% 100%, 0 97%); clip-path: polygon(0 0, 100% 3%, 100% 100%, 0 97%); } @media (min-width: 320px) { .case-study-details .case-study-details__challenge { margin: 0.8rem -1rem; } } @media (min-width: 640px) { .case-study-details .case-study-details__challenge { margin: 0.8rem -1.8rem; flex-direction: row; -webkit-clip-path: polygon(0 0, 100% 15%, 100% 100%, 0 85%); clip-path: polygon(0 0, 100% 15%, 100% 100%, 0 85%); } } @media (min-width: 960px) { .case-study-details .case-study-details__challenge { margin: 0.8rem -2.4rem; } } .case-study-details .case-study-details__challenge .challenge__image { width: 100%; } @media (min-width: 640px) { .case-study-details .case-study-details__challenge .challenge__image { max-width: 40%; } } .case-study-details .case-study-details__challenge .challenge__image .challenge__image-background { min-height: 400px; max-height: 400px; height: 100%; background-size: cover; background-repeat: no-repeat; width: 100%; background-position: center; } .case-study-details .case-study-details__challenge .challenge__details { padding: 2rem 2rem 3rem 2rem; text-align: center; display: flex; flex-direction: column; align-items: center; justify-content: center; } @media (min-width: 640px) { .case-study-details .case-study-details__challenge .challenge__details { max-width: 60%; max-height: 400px; padding-top: 3.5rem; } } .case-study-details .case-study-details__challenge .challenge__details .challenge__details-title { color: #fff; font-style: normal; font-family: "MuseoSans-500"; } .case-study-details .case-study-details__challenge .challenge__details .challenge__details-text { color: #fff; font-family: "MuseoSans-300"; font-size: 1.7rem; line-height: 1.2; } .case-study-details .case-study-details__challenge-layout--text-left-image-right { margin: 10px 0; flex-direction: column; } @media (min-width: 320px) { .case-study-details .case-study-details__challenge-layout--text-left-image-right { margin: 0.8rem -1rem; } } @media (min-width: 640px) { .case-study-details .case-study-details__challenge-layout--text-left-image-right { margin: 0.8rem -1.8rem; flex-direction: row-reverse; -webkit-clip-path: polygon(0 15%, 100% 0%, 100% 85%, 0 100%); clip-path: polygon(0 15%, 100% 0%, 100% 85%, 0 100%); } } @media (min-width: 960px) { .case-study-details .case-study-details__challenge-layout--text-left-image-right { margin: 0.8rem -2.4rem; } } .case-study-details .case-study-details__solution .solution__headline { margin-top: 2rem; } .case-study-details .case-study-details__solution .solution__headline h2 { font-style: normal; font-family: "MuseoSans-500", Georgia, "Times New Roman", Times, serif; color: #000000; } .case-study-details .case-study-details__solution .solution__solution-column .solution__solution-column-details .solution__solution-column__head-image { text-align: center; } .case-study-details .case-study-details__solution .solution__solution-column .solution__solution-column-details img { max-height: 130px; text-align: center; margin-bottom: 0.75rem; } .case-study-details .case-study-details__solution .solution__solution-column .solution__solution-column-details h3 { font-family: "MuseoSans-700"; margin-top: 0; margin-bottom: 1.5rem; font-style: normal; font-size: 100%; } .case-study-details .case-study-details__solution .solution__solution-column .solution__solution-column-details p { font-size: 1rem; } .case-study-details .case-study-details__solution .solution__solution-column .solution__solution-column-image { bottom: 0; margin-top: 1rem; } .case-study-details .case-study-details__solution .solution__solution-column .solution__solution-column-image p { font-family: "MuseoSans-500"; color: #000000; font-size: 1.1rem; } .case-study-details .case-study-details__solution .solution__solution-column .solution__solution-column-image img { max-width: 70%; } .case-study-details .case-study-details__solution .solution__solution-column .solution__solution-column-image h4 { color: black; font-size: 1.7rem; margin: 0; } @media (max-width: 450px) { .case-study-details .case-study-details__solution .solution__solution-column .solution__solution-column-image img { max-width: 70%; } .case-study-details .case-study-details__solution .solution__solution-column .solution__solution-column-image p { border-bottom: 1px dotted #dadada; padding-bottom: 30px; margin-bottom: 30px; } } .case-study-details .case-study-details__images { margin-top: 3rem; } .case-study-details .case-study-details__images .case-study-details__images-image p { padding: 0.5rem; font-size: 0.85rem; } .case-study-details .solution__solution-column-image .case-study-details__images-image:not(:last-child) { margin-bottom: 3rem; } .case-study-details .case-study-details__cta .case-study-details__cta-container { padding: 3rem 3rem; box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1); background-color: #fff; margin-top: 3.5rem; } .case-study-details .case-study-details__cta .case-study-details__cta-text { padding: 0 4rem; font-family: "MuseoSans-500"; } .case-study-details .case-study-details__cta .case-study-details__cta-button { margin-top: 2rem; margin-bottom: 0; font-family: "MuseoSans-700"; } .case-study-details .case-study-details__cta .case-study-details__cta-button a { display: inline-block; padding: 1rem 2rem; color: #ffffff; border-radius: 9999px; } .case-study-details .case-study-details__cta .case-study-details__cta-button :hover { text-decoration: none; } @media (max-width: 450px) { .case-study-details .case-study-details__cta .case-study-details__cta-text { padding: 0; } .case-study-details .case-study-details__cta .case-study-details__cta-button a { font-size: 1.1rem; } } .main-outro { padding: 3rem 0 0 0; } .work .page-header { display: none; } .success-story-container { margin-top: 2.5em; width: 87.3634945398%; float: left; margin-right: -100%; margin-left: 6.3182527301%; clear: both; } @media (min-width: 640px) { .success-story-container { width: 95.2771272443%; float: right; margin-left: 0; margin-right: 0; clear: both; } } @media (min-width: 960px) { .success-story-container { width: 95.8094742322%; float: right; margin-left: 0; margin-right: 0; clear: both; } } .success-story { background: #fff; margin-bottom: 2.3em; color: #6c6e71; display: block; width: 100%; background-size: cover; background-position: center; height: 160px; overflow: hidden; } .success-story .success-story-content { opacity: 1; } .success-story .success-story-button { display: none; } @media (min-width: 320px) { .success-story { height: 175px; } } @media (min-width: 640px) { .success-story { width: 45%; margin-right: 5%; height: 180px; margin-bottom: 2.5em; } .success-story .success-story-content { opacity: 0; transition: 0.2s all ease-in; padding: 2em 0 0; } .success-story:hover .success-story-content { opacity: 1; } } @media (min-width: 960px) { .success-story { height: 260px; } .success-story .success-story-button { display: inline-block; } } .success-story:hover { color: #6c6e71; text-decoration: none; } .success-story-content { background: rgba(0, 129, 178, 0.75); height: 100%; display: flex; align-items: center; display: -webkit-flex; -webkit-align-items: center; } .success-story-content-inner { padding: 1.5em 0 1.75em; } .success-story-slider-title { font-size: 2rem; line-height: 110%; } @media (min-width: 640px) { .success-story-slider-title { font-size: 2.2rem; } } @media (min-width: 960px) { .success-story-slider-title { font-size: 3rem; } } .success-story-title { font-size: 1.2rem; line-height: 110%; } @media (min-width: 640px) { .success-story-title { font-size: 1.6rem; } } @media (min-width: 960px) { .success-story-title { font-size: 2rem; } } .success-story-button { background: none; display: inline-block; color: #fff; border: 1px solid #fff; margin-top: 0.1em; margin-bottom: 0.1em; border-radius: 0.3em; letter-spacing: 0.05em; padding-top: 0.2em; padding-bottom: 0.2em; padding-left: 0.475em; padding-right: 0.5em; font-size: 0.75em; font-size: 0.9em; } .success-story-button:hover { background: #fff; color: #0081b2; text-decoration: none; } .success-stories .gutter-sizer { width: 5%; } .project-helped-list { background: #006e98; color: #fff; zoom: 1; clear: both; } .project-helped-list:before { content: ""; display: table; } .project-helped-list:after { content: ""; display: table; clear: both; } .project-helped-list .project-testimonial-col1, .project-helped-list .project-testimonial-col2 { width: 49.9108734403%; float: left; margin-right: -100%; margin-left: 25.0445632799%; clear: both; } @media (min-width: 640px) { .project-helped-list .project-testimonial-col1 { width: 41.2667946257%; float: left; margin-right: -100%; margin-left: 5.8061420345%; clear: none; } .project-helped-list .project-testimonial-col2 { width: 41.2667946257%; float: left; margin-right: -100%; margin-left: 52.9270633397%; clear: none; } } @media (min-width: 960px) { .project-helped-list .project-testimonial-col1 { width: 42.4469413233%; float: left; margin-right: -100%; margin-left: 5.024968789%; clear: none; } .project-helped-list .project-testimonial-col2 { width: 42.4469413233%; float: left; margin-right: -100%; margin-left: 52.5280898876%; clear: none; } } .project-testimonial { background: #0081b2; color: #fff; padding: 0.5em 1em; zoom: 1; } .project-testimonial:before { content: ""; display: table; } .project-testimonial:after { content: ""; display: table; clear: both; } .project-testimonial .project-testimonial-text { text-indent: -0.4em; } .project-testimonial .project-testimonial-photo { width: 24.9776984835%; float: left; margin-right: -100%; margin-left: 0; clear: none; } .project-testimonial .project-testimonial-source-text { width: 74.9330954505%; float: right; margin-left: 0; margin-right: 0; clear: none; } @media (min-width: 640px) { .project-testimonial { padding: 0.5em 0; } .project-testimonial .project-testimonial-text { width: 54.6762589928%; float: left; margin-right: -100%; margin-left: 5.8033573141%; clear: none; } .project-testimonial .project-testimonial-photo { width: 14.3884892086%; float: left; margin-right: -100%; margin-left: 64.412470024%; clear: none; } .project-testimonial .project-testimonial-source-text { width: 15.3477218225%; float: left; margin-right: -100%; margin-left: 78.8489208633%; clear: none; } } @media (min-width: 960px) { .project-testimonial .project-testimonial-text { width: 55.9300873908%; float: left; margin-right: -100%; margin-left: 4.0199750312%; clear: none; } .project-testimonial .project-testimonial-photo { width: 17.9775280899%; float: left; margin-right: -100%; margin-left: 62.9962546816%; clear: none; } .project-testimonial .project-testimonial-source-text { width: 14.9812734082%; float: left; margin-right: -100%; margin-left: 80.9987515605%; clear: none; } } .project-results { zoom: 1; } .project-results:before { content: ""; display: table; } .project-results:after { content: ""; display: table; clear: both; } .project-results .project-results-item { zoom: 1; } .project-results .project-results-item:before { content: ""; display: table; } .project-results .project-results-item:after { content: ""; display: table; clear: both; } .project-results .project-results-image { width: 49.9108734403%; float: left; margin-right: -100%; margin-left: 25.0445632799%; clear: both; } .project-results .project-results-name { clear: both; } @media (min-width: 640px) { .project-results .project-results-item-1 { width: 25.5895770953%; float: left; margin-right: -100%; margin-left: 5.7839166963%; clear: none; } .project-results .project-results-item-2 { width: 25.5895770953%; float: left; margin-right: -100%; margin-left: 37.2052114523%; clear: none; } .project-results .project-results-item-3 { width: 25.5895770953%; float: left; margin-right: -100%; margin-left: 68.6265062084%; clear: none; } } @media (min-width: 960px) { .project-results .project-results-item-1 { width: 26.6292733712%; float: left; margin-right: -100%; margin-left: 5.0124782689%; clear: none; } .project-results .project-results-item-2 { width: 26.6292733712%; float: left; margin-right: -100%; margin-left: 36.6853633144%; clear: none; } .project-results .project-results-item-3 { width: 26.6292733712%; float: left; margin-right: -100%; margin-left: 68.3582483599%; clear: none; } } @media (min-width: 640px) { .type-project-story .ssba { float: right; } } @media (max-width: 640px) { .type-project-story .ssba > div { text-align: center !important; } } .type-project-story .category-label-container { margin-top: 4px; } @media (max-width: 640px) { .type-project-story .category-label-container { text-align: center; } } .carousel-fade .carousel-inner .item { opacity: 0; transition-property: opacity; transition-duration: 0.5s; } .carousel-fade .carousel-inner .active { opacity: 1; } .carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right { left: 0; opacity: 0; z-index: 1; } .carousel-fade .carousel-inner .next.left, .carousel-fade .carousel-inner .prev.right { transition-duration: 0.1s; opacity: 1; } .carousel-fade .carousel-control { z-index: 2; } .centered-check { zoom: 1; width: 14.2602495544%; float: left; margin-right: -100%; margin-left: 42.8698752228%; clear: both; } .centered-check:before { content: ""; display: table; } .centered-check:after { content: ""; display: table; clear: both; } @media (min-width: 640px) { .centered-check { width: 10.3359173127%; float: left; margin-right: -100%; margin-left: 44.8320413437%; clear: both; } } @media (min-width: 960px) { .centered-check { width: 6.8143100511%; float: left; margin-right: -100%; margin-left: 46.5928449744%; clear: both; } } .confirmation-image { zoom: 1; width: 100%; float: right; margin-left: 0; margin-right: 0; clear: both; } .confirmation-image:before { content: ""; display: table; } .confirmation-image:after { content: ""; display: table; clear: both; } @media (min-width: 640px) { .confirmation-image { width: 72.3514211886%; float: left; margin-right: -100%; margin-left: 13.8242894057%; clear: both; } } @media (min-width: 960px) { .confirmation-image { width: 43.1572969903%; float: left; margin-right: -100%; margin-left: 28.4213515048%; clear: both; } } .confirmation-body { zoom: 1; width: 100%; float: right; margin-left: 0; margin-right: 0; clear: both; } .confirmation-body:before { content: ""; display: table; } .confirmation-body:after { content: ""; display: table; clear: both; } @media (min-width: 640px) { .confirmation-body { width: 100%; float: right; margin-left: 0; margin-right: 0; clear: both; } } @media (min-width: 960px) { .confirmation-body { width: 72.6859738785%; float: left; margin-right: -100%; margin-left: 13.6570130608%; clear: both; } } .offer2cthumb { zoom: 1; width: 100%; float: right; margin-left: 0; margin-right: 0; clear: both; } .offer2cthumb:before { content: ""; display: table; } .offer2cthumb:after { content: ""; display: table; clear: both; } @media (min-width: 640px) { .offer2cthumb { width: 99.4082840237%; float: left; margin-right: -100%; margin-left: 0.2958579882%; clear: both; } } @media (min-width: 960px) { .offer2cthumb { width: 100%; float: right; margin-left: 0; margin-right: 0; clear: both; } } .offer2cshare { zoom: 1; width: 5.3475935829%; float: left; margin-right: -100%; margin-left: 0; clear: both; } .offer2cshare:before { content: ""; display: table; } .offer2cshare:after { content: ""; display: table; clear: both; } @media (min-width: 640px) { .offer2cshare { width: 80.1963993453%; float: left; margin-right: -100%; margin-left: 9.9018003273%; clear: both; } } @media (min-width: 960px) { .offer2cshare { width: 85.6123662307%; float: left; margin-right: -100%; margin-left: 7.1938168847%; clear: both; } } .offer-form .hbspt-form { zoom: 1; padding: 2.5em 0; width: 89.1265597148%; float: left; margin-right: -100%; margin-left: 5.4367201426%; clear: both; } .offer-form .hbspt-form:before { content: ""; display: table; } .offer-form .hbspt-form:after { content: ""; display: table; clear: both; } @media (min-width: 640px) { .offer-form .hbspt-form { width: 80.1963993453%; float: left; margin-right: -100%; margin-left: 9.9018003273%; clear: both; margin-bottom: 0; } } @media (min-width: 960px) { .offer-form .hbspt-form { width: 85.6123662307%; float: left; margin-right: -100%; margin-left: 7.1938168847%; clear: both; margin-bottom: 0; } } .offer-feature-box.odd { width: 89.1265597148%; float: left; margin-right: -100%; margin-left: 5.4367201426%; clear: both; } @media (min-width: 640px) { .offer-feature-box.odd { width: 47.3729543497%; float: left; margin-right: -100%; margin-left: 0; clear: both; } } @media (min-width: 960px) { .offer-feature-box.odd { width: 47.7001703578%; float: left; margin-right: -100%; margin-left: 0; clear: both; } } .offer-feature-box.even { width: 89.1265597148%; float: left; margin-right: -100%; margin-left: 5.4367201426%; clear: both; } @media (min-width: 640px) { .offer-feature-box.even { width: 47.3729543497%; float: right; margin-left: 0; margin-right: 0; clear: none; } } @media (min-width: 960px) { .offer-feature-box.even { width: 47.7001703578%; float: right; margin-left: 0; margin-right: 0; clear: none; } } .offer-feature-box-icon { width: 19.9600798403%; float: left; margin-right: -100%; margin-left: 0; clear: both; } @media (min-width: 640px) { .offer-feature-box-icon { width: 19.9600798403%; float: left; margin-right: -100%; margin-left: 0; clear: both; } } @media (min-width: 960px) { .offer-feature-box-icon { width: 12.8040973111%; float: left; margin-right: -100%; margin-left: 0; clear: both; } } .offer-feature-box-name { width: 75.8483033932%; float: right; margin-left: 0; margin-right: 0; clear: none; } @media (min-width: 640px) { .offer-feature-box-name { width: 75.8483033932%; float: right; margin-left: 0; margin-right: 0; clear: none; } } @media (min-width: 960px) { .offer-feature-box-name { width: 84.5070422535%; float: right; margin-left: 0; margin-right: 0; clear: none; } } .offer-feature-box-text { width: 75.8483033932%; float: right; margin-left: 0; margin-right: 0; clear: none; } @media (min-width: 640px) { .offer-feature-box-text { width: 75.8483033932%; float: right; margin-left: 0; margin-right: 0; clear: none; } } @media (min-width: 960px) { .offer-feature-box-text { width: 84.5070422535%; float: right; margin-left: 0; margin-right: 0; clear: none; padding-bottom: 2em; } } @media (min-width: 320px) { .offer-promo-simple-image { width: 200%; } } @media (min-width: 640px) { .offer-promo-simple-image { width: 200%; } } @media (min-width: 960px) { .offer-promo-simple-image { width: 200%; } } .offer-download-share-buttons .ssba > div { text-align: center !important; } /* Gutenberg Offer Form Styles */ .offer-hero-download__container .offer-hero-download__contents__form { background-color: #F1FBFC; } .offer-hero-download__container .offer-hero-download__contents__form .offer-form-embed fieldset.form-columns-1 .input { margin-right: 0 !important; width: 100% !important; flex: 100%; } .offer-hero-download__container .offer-hero-download__contents__form .offer-form-embed fieldset.form-columns-1 .input input { width: 100%; } .offer-hero-download__container .offer-hero-download__contents__form .offer-form-embed input, .offer-hero-download__container .offer-hero-download__contents__form .offer-form-embed textarea, .offer-hero-download__container .offer-hero-download__contents__form .offer-form-embed select { border: 0; background-color: #fff; padding: 0.4em 0.6em; color: #6c6e71; border: 0; } .offer-hero-download__container .offer-hero-download__contents__form .offer-form-embed .hs-form-field label { font-weight: 400; font-size: 0.9rem; } .offer-hero-download__container .offer-hero-download__contents__form .offer-form-embed .hs_submit { margin-top: 0.85rem; text-align: center; justify-content: center; align-items: center; display: flex; } .offer-hero-download__container .offer-hero-download__contents__form .offer-form-embed [type=submit] { border: 0 !important; background-color: #2d9851; box-shadow: 0 4px 0 #006b24; padding-bottom: 0.035rem !important; padding-top: 0.1rem !important; padding-left: 1.2rem !important; padding-right: 1.2rem !important; justify-content: center; align-items: center; color: #fff; font-size: 1.2rem; height: 2.6em; width: auto; display: flex; } .blog-post-layout { zoom: 1; background: white; } .blog-post-layout:before { content: ""; display: table; } .blog-post-layout:after { content: ""; display: table; clear: both; } @media (min-width: 960px) { .blog-post-layout__post { width: 66.8122831813%; float: left; margin-right: -100%; margin-left: 0; clear: none; } } .blog-post-layout__sidebar { position: sticky; top: 88px; } @media (min-width: 960px) { .blog-post-layout__sidebar { width: 26.9818835924%; float: left; margin-right: -100%; margin-left: 69.9216240524%; clear: none; } } .entry-featured-image { width: 100%; } .entry-featured-image-wrapper { overflow: hidden; position: relative; height: 0; background-size: cover; background-position: center; padding-bottom: 66.67%; } @media (min-width: 640px) { .entry-featured-image-wrapper { padding-bottom: 50%; } } @media (min-width: 960px) { .entry-featured-image-wrapper { padding-bottom: 33.33%; } } .entry-featured-image-wrapper img { position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto; } .blog-teaser-small .entry-featured-image-wrapper { padding-bottom: 66.67%; } @media (min-width: 640px) { .blog-teaser-small .entry-featured-image-wrapper { padding-bottom: 50%; } } @media (min-width: 960px) { .blog-teaser-small .entry-featured-image-wrapper { padding-bottom: 50%; } } .entry-featured-image-wrapper-single.entry-featured-image-wrapper { padding-bottom: 66.67%; } @media (min-width: 640px) { .entry-featured-image-wrapper-single.entry-featured-image-wrapper { padding-bottom: 50%; width: 89.5779500431%; float: left; margin-right: -100%; margin-left: 5.2110249785%; clear: both; } } @media (min-width: 960px) { .entry-featured-image-wrapper-single.entry-featured-image-wrapper { width: 90.8574673481%; float: left; margin-right: -100%; margin-left: 4.571266326%; clear: both; display: none; } } .entry-featured-img { display: none; } @media (min-width: 960px) { .entry-featured-img { width: 90.8574673481%; float: left; margin-right: -100%; margin-left: 4.571266326%; clear: both; display: block; margin-top: 32px; } } .entry-meta { text-align: center; font-size: 1rem; font-weight: 500; padding-top: 0.6rem; padding-bottom: 3rem; line-height: 110%; } @media (min-width: 640px) { .entry-meta { padding-bottom: 1rem; } } .type-post #ssba-classic-2 { width: 100%; } @media (max-width: 960px) { .type-post .ssba > div { text-align: center !important; } } .entry-categories { text-align: right; margin-bottom: 0.5em; } @media (max-width: 960px) { .entry-categories { text-align: center; margin-bottom: 0; } } .entry-categories a { background: #7f8184; color: #fff; padding: 0 0.6em; height: 30px; line-height: 30px; display: inline-block; margin-top: 5px; margin-right: 5px; } .entry-categories a:hover { background: #59595c; text-decoration: none; } .recent-blog-posts-sidebar { margin-top: 1rem; background: #F8F8F8; } .recent-blog-posts-sidebar h3 { color: #0081b2; font-weight: 500 !important; font-size: 1.4rem !important; margin-bottom: 1rem !important; } .recent-blog-posts-sidebar a { color: #59595c; margin: 1rem 0.5rem; font-weight: 500 !important; display: block; } .entry-content h2 { color: #0081b2; font-weight: 600; } .entry-content h3 { color: #0081b2; font-style: italic; } .entry-content h4 { color: #0081b2; font-weight: 600; margin-bottom: -0.3rem; } .single-post .yarpp-related { margin: 0; } .blog-teaser { display: block; border-bottom: 0.5em #e5e6e8 solid; line-height: 150%; } .blog-teaser-title:hover { color: #59595c; } .blog-teaser-featured .blog-teaser-title { font-size: 1.3rem; line-height: 110%; } @media (min-width: 640px) { .blog-teaser-featured .blog-teaser-title { font-size: 1.5rem; } } @media (min-width: 960px) { .blog-teaser-featured .blog-teaser-title { font-size: 2rem; } } .blog-teaser-small.blog-teaser-small-odd { clear: both !important; } @media (min-width: 640px) { .blog-teaser-small.blog-teaser-small-odd { width: 47.3729543497%; float: left; margin-right: -100%; margin-left: 0; clear: none; } } @media (min-width: 960px) { .blog-teaser-small.blog-teaser-small-odd { width: 47.7001703578%; float: left; margin-right: -100%; margin-left: 0; clear: none; } } @media (min-width: 640px) { .blog-teaser-small.blog-teaser-small-even { width: 47.3729543497%; float: right; margin-left: 0; margin-right: 0; clear: none; } } @media (min-width: 960px) { .blog-teaser-small.blog-teaser-small-even { width: 47.7001703578%; float: right; margin-left: 0; margin-right: 0; clear: none; } } @media only screen and (max-width: 640px) { .blog-2column-table { display: inline-block; vertical-align: center; width: 100%; } } @media screen and (max-width: 768px) { .blog-post-sidebar .photographic-cta-container-size { display: none !important; } } @media only screen and (max-width: 768px) { .nav-main-mobile { top:60px !important; margin-top:0 !important; opacity:1; } .banner { margin-left:0; height:60px; padding: 0 !important; } .max-width-container.header { display:flex;align-items: center; height: 100%; } .banner .global-container { display:flex; align-items: center; justify-content: space-between; } .banner { padding:0 !important; } .brand img { position:relative !important; } .max-width-container.header .global-container { width:90% !important; } } .banner { background: white; box-shadow: 0px 8px 8px rgba(154, 206, 222, 0.3); margin-left: auto; margin-right: auto; } .banner.active { box-shadow: none; border-bottom: 0px solid white; } .brand { width: 53.3333333333%; float: left; margin-right: -100%; margin-left: 0; clear: none; } @media (min-width: 640px) { .brand { width: 23.0769230769%; float: left; margin-right: -100%; margin-left: 0; clear: none; } } @media (min-width: 960px) { .brand { width: 18%; float: left; margin-right: -100%; margin-left: 0; clear: none; } } .brand img { width: 100%; vertical-align: -webkit-baseline-middle; } .menu-log-in, .menu-get-assessment { list-style-type:none; font-size:0.9em; } .menu-extra-container { display: inline-flex; flex-direction: row; align-items: center; justify-content: flex-end; float: right; position: absolute; right: 0; width: 50%; column-gap: 3rem; } .nav-main .nav { width: fit-content; float: left; display: flex; align-items: center; z-index:2; position:relative; } .nav-main .nav li { padding: 0.2rem; } .menu-get-assessment { background: #6AF6A3; border-radius:100px; padding: 7px 6px !important; } .menu-get-assessment a { color:white !important; text-transform:none !important; text-decoration:none !important; padding: 0 10px !important; } .menu-get-assessment:hover { background:#00E85F; } .header .global-container { width: 100%; } .menu-get-assessment:focus, .menu-get-assessment:active { background:#08D15A; } @media screen and (min-width:768px) and (max-width:1300px) { .banner { padding: 0.8rem 5% !important; } } .banner { padding: 0.8rem 5%; } .nav-main .nav a { color: #2C6678; border: 1px solid transparent; border-radius: 150px; padding-left: 0.45em; padding-right: 0.5em; padding-top: 0.2em; padding-bottom: 0.2em; text-transform: capitalize; letter-spacing: 0.05em; opacity: 1; font-size:0.9rem; } .case-study-tag { color: white; font-size: 20px; font-family: 'AvenirNextProMedium'; font-style: normal; font-variant: all-small-caps; line-height: 36px; letter-spacing: 1.4px; margin-bottom: 2rem; margin-left:auto; margin-right:auto; text-align:center; } footer .footer-header { font-size:2em; width:40rem ; } .not-scrolled { background:transparent !important; position:fixed; box-shadow: none !important; transition:background 0.5s linear; } .not-scrolled .nav-main-desktop a:not(.menu-get-assessment>a):not(.menu-log-in>a) { color: #B1E9FD !important; } .not-scrolled .nav-main-desktop .menu-get-assessment:focus, .not-scrolled .menu-get-assessment:active { background:white; color:#039DCA; } .not-scrolled .nav-main-desktop .menu-get-assessment:focus a, .not-scrolled .menu-get-assessment:active a { color:#039DCA; } .logo-light { display: none; } .not-scrolled .logo-light { display:block!important; ; } .menu-log-in { float:left; position: relative !important; } .menu-get-assessment { float:right; position: relative !important; right: 2rem; } .nav-main .nav a:hover, .nav-main .nav a:focus, .nav-main .nav a:active { background: transparent; color: #00C5FF; } .nav-main .nav .active a, .nav-main .nav .active a:hover, .nav-main .nav .active a:focus, .nav-main .nav .active a:active { background: transparent; color:#00C5FF; } @media (min-width: 640px) { .nav-main .nav .border-on a:hover, .nav-main .nav .border-on a:focus, .nav-main .nav .border-on a:active { color: #2d9851; } } @media (min-width: 960px) { .nav-main .nav .border-on a:hover, .nav-main .nav .border-on a:focus, .nav-main .nav .border-on a:active { color: #2d9851; } } .cta-hubspot-form.sidebar .hubspot-form-header { width: 90%!important; font-size:1.8rem; line-height:1.1; } .blog-post-card .cta-twoline { font-size:2rem !important; } .nav-main-desktop { float: left; margin-left: 12rem; margin-right: 0; clear: none; } .not-scrolled .menu-log-in { color:#B1E9FD !important; } .not-scrolled .menu-log-in:hover a { text-decoration:none; color: white !important; } .not-scrolled .menu-log-in a { color:white; } .scrolled .menu-log-in a { color: #2C6678; display:flex; align-items: center; column-gap:4px; } .menu-log-in:hover a { color: #00C5FF !important; text-decoration:none; } @media (max-width:1140px) { .menu-extra-container { visibility:hidden; display:none !important; } } @media (max-width: 640px) { .logo { position:relative !important;} .banner { padding: 0.8rem 0rem !important; } .menu-log-in:before { margin-top:0; } .menu-get-assessment { display: flex !important; left: 3rem !important; bottom: 0; left:auto; margin-top: 5px; margin-bottom: 1rem; } .hero-container { height:100vw !important; } .hero-header { font-size:7.2vw !important; } .hero { padding-top: 3rem !important; } .menu-log-in { right: 0; position: relative !important; align-items: center; } } @media (min-width: 1140px) { .nav-main-desktop { display:block; } } @media (min-width: 1000px) { .nav-main-desktop { width: 90%; } } @media (min-width: 1200px) { .nav-main-desktop { width: 90%; } } @media (min-width: 1420px) { .nav-main-desktop { width: 90%; } } .nav-main-mobile .nav { flex-direction: column; margin-left: 1.5rem; margin-top: 1rem !important;} .nav-main-mobile { background:white; opacity: 0; left:0; margin-top: 1.93rem; height:0px; max-height:500px; transition: 0.5s ease-in-out; } .nav-menu-icon { width: 32px; float: right; margin-left: 0; margin-right: 0; clear: none; } .not-scrolled .logo { display:none; } @media (min-width: 768px) { .nav-menu-icon { display: none; } } @media (max-width: 768px) { .nav-main-desktop { display:none; visibility:hidden; } } .not-scrolled .icon-white { display:block !important; } .not-scrolled .icon-black { display:none; } .icon-white { display:none; } .nav-main-mobile { transition: max-height 0.2s ease-in-out; position: fixed; width: 100%; z-index: 1000; box-shadow: 0px 5px 10px 5px rgba(154, 206, 222, 0.27) !important; overflow: hidden; } .nav-main-mobile .nav { float: none; text-align: center; margin-top: 2rem; margin-bottom: 1rem; } .nav-main-mobile .nav > li > a { display: inline-block; margin-bottom: 1.5rem; } .nav-main-mobile.active { max-height: 1000px; opacity: 1; } .wp-block-group > .wp-block-group__inner-container > * { max-width: 1200px; margin-left: auto; margin-right: auto; } .wp-block-group > .wp-block-group__inner-container > .alignwide, .wp-block-kadence-column > .kt-inside-inner-col > .alignwide { width: 100vw; max-width: 1200px; margin: 0 0 0 50%; transform: translateX(-50%); } .wp-block-group.alignwide > .wp-block-group__inner-container > * { max-width: 1200px; } .wp-block-group > .wp-block-group__inner-container > .alignfull, .wp-block-kadence-column > .kt-inside-inner-col > .alignfull { width: 100vw; max-width: 100vw; margin: 0 0 0 50%; transform: translateX(-50%); } .wp-block-group.alignfull > .wp-block-group__inner-container > * { max-width: 100vw; } .wp-block-group.has-background > .wp-block-group__inner-container > :first-child { margin-top: 0; } .wp-block-group.has-background > .wp-block-group__inner-container > .alignfull { width: calc( 100% + 60px ); max-width: calc( 100% + 60px ); position: relative; left: -30px; } /* ========================================================================== Modules ========================================================================== */ .button { font-size: 1.2rem; background: transparent; border: 2px; border-color: #fff; border-radius: 150px; padding: 0.4em 1em; box-shadow: none; color: #fff; font-weight: 500; border: none; box-shadow: 0 4px 0 rgba(0, 0, 0, 0); } @media (min-width: 640px) { .button { font-size: 1.2rem; } } @media (min-width: 960px) { .button { font-size: 1.2rem; } } .button:hover, .button:active { color: #fff; text-decoration: none; } .button-teal { font-size: 1.2rem; background: #0bc0af; border: 2px; border-color: #fff; border-radius: 0.5em; padding: 0.4em 1em; box-shadow: none; color: #fff; font-weight: 500; border: none; box-shadow: 0 4px 0 #056057; } @media (min-width: 640px) { .button-teal { font-size: 1.2rem; } } @media (min-width: 960px) { .button-teal { font-size: 1.2rem; } } .button-teal:hover, .button-teal:active { color: #fff; text-decoration: none; } .button-teal-light { font-size: 1.2rem; background: #09e1d1; border: 2px; border-color: #fff; border-radius: 0.5em; padding: 0.4em 1em; box-shadow: none; color: #fff; font-weight: 500; border: none; box-shadow: 0 4px 0 #057f76; } @media (min-width: 640px) { .button-teal-light { font-size: 1.2rem; } } @media (min-width: 960px) { .button-teal-light { font-size: 1.2rem; } } .button-teal-light:hover, .button-teal-light:active { color: #fff; text-decoration: none; } .button-gray { font-size: 1.2rem; background: #7f8184; border: 2px; border-color: #fff; border-radius: 0.5em; padding: 0.4em 1em; box-shadow: none; color: #fff; font-weight: 500; border: none; box-shadow: 0 4px 0 #4d4e50; } @media (min-width: 640px) { .button-gray { font-size: 1.2rem; } } @media (min-width: 960px) { .button-gray { font-size: 1.2rem; } } .button-gray:hover, .button-gray:active { color: #fff; text-decoration: none; } .button-seafoam { font-size: 1.2rem; background: #23c583; border: 2px; border-color: #fff; border-radius: 0.5em; padding: 0.4em 1em; box-shadow: none; color: #fff; font-weight: 500; border: none; box-shadow: 0 4px 0 #146e49; } @media (min-width: 640px) { .button-seafoam { font-size: 1.2rem; } } @media (min-width: 960px) { .button-seafoam { font-size: 1.2rem; } } .button-seafoam:hover, .button-seafoam:active { color: #fff; text-decoration: none; } .button-small { padding: 0.25em 0.5em; } .button-medium { font-size: 1.4rem; } @media (min-width: 640px) { .button-medium { font-size: 1.4rem; } } @media (min-width: 960px) { .button-medium { font-size: 1.4rem; } } .button-large { font-size: 1.75rem; } @media (min-width: 640px) { .button-large { font-size: 1.75rem; } } @media (min-width: 960px) { .button-large { font-size: 2.6rem; } } .button-flat { box-shadow: none; } .button-white-outline, .assessment-page-form-embed .hbspt-form [type=submit], .offer-form .hbspt-form [type=submit], .subscribe-form-embed .hbspt-form [type=submit], .footer-subscribe-form-embed .hbspt-form [type=submit] { display: inline-block; color: #fff; border: 2px solid #fff; margin-top: 0em; margin-bottom: 0.5em; border-radius: 150px; font-weight: 400; letter-spacing: 0.05em; padding-top: 0.3em; padding-bottom: 0.35em; padding-left: 0.675em; padding-right: 0.7em; font-size: 1.1rem; line-height: 120%; } @media (min-width: 640px) { .button-white-outline, .offer-form .hbspt-form [type=submit], .subscribe-form-embed .hbspt-form [type=submit], .footer-subscribe-form-embed .hbspt-form [type=submit] { font-size: 1.2rem; } } @media (min-width: 960px) { .button-white-outline, .offer-form .hbspt-form [type=submit], .subscribe-form-embed .hbspt-form [type=submit], .footer-subscribe-form-embed .hbspt-form [type=submit] { font-size: 1.4rem; } } .button-white-outline:hover, .offer-form .hbspt-form [type=submit]:hover, .subscribe-form-embed .hbspt-form [type=submit]:hover, .footer-subscribe-form-embed .hbspt-form [type=submit]:hover { background: #fff; text-decoration: none; border: 2px solid #fff; } .assessment-form-button:hover { color: #189a8a; } .filters { background: #006e98; text-align: center; padding: 0.7em 1em; font-weight: 400; } .filters-level-two { background: #0081b2; } .filters-prompt { color: #fff; font-weight: 600; margin-right: 1em; } .filters-filter { color: #fff; border-radius: 1.3em; display: inline-block; padding: 0.25em 0.55em; } .filters-filter + .filters-filter { margin-left: 0.25em; margin-top: 0.1em; margin-bottom: 0.1em; } .filters-filter.active, .filters-filter:hover { background: #fff; color: #006e98; text-decoration: none; } .filters-mobile .dropdown { display: inline-block; width: 100%; } .filters-mobile .dropdown-toggle { background: none; border: none; color: #fff; font-weight: normal; } .filters-mobile .dropdown-toggle .caret { margin-left: 10px; border-top: 15px solid rgba(255, 255, 255, 0.7); border-right: 10px solid transparent; border-left: 10px solid transparent; } .filters-mobile .dropdown-menu { width: 100%; border: none; box-shadow: none; } .content-with-shadow { background: #fff; border-bottom: 4px solid #7f8184; padding-bottom: 1em; margin-bottom: 12%; } @media (min-width: 640px) { .content-with-shadow { margin-bottom: 10%; } } @media (min-width: 960px) { .content-with-shadow { margin-bottom: 6%; } } .category-label, .category-label-container a { background: #7f8184; color: #fff; display: inline-block; padding: 0 0.6em; height: 30px; line-height: 30px; } .category-label-container a { display: inline-block; margin-right: 5px; margin-bottom: 5px; } .category-label-container a:hover { text-decoration: none; } .carousel-inner > .item > img, .carousel-inner > .item > a > img { width: 100%; } .white-bg { background: #fff; } .gray-bg { background: #7f8184; } .gray-light-bg { background: #e5e6e8; } .gray-lighter-bg { background: #f1f1f2; } .teal-bg { background: #0bc0af; } .teal-darkish-bg { background: #15ccba; } .teal-dark-bg { background: #189a8a; } .teal-darker-bg { background: #207474; } .green-bg { background: #11cb61; } .blue-bg { background: #00a7f3; } .color-white { color: #fff; } .color-blue { color: #00a7f3; } .color-blue-dark { color: #0081b2; } .color-gray-darker { color: #59595c; } .color-text { color: #6c6e71; } .green-border { border-color: #11cb61; } .teal-border { border-color: #0bc0af; } .blue-border { border-color: #00a7f3; } .seafoam-border { border-color: #23c583; } .shade { position: absolute; bottom: 0; width: 100%; z-index: 1; } .above-shade { position: relative; z-index: 2; } .pull-quote { color: #00a7f3; margin: 0.75em 0 0.75em 1.5em; display: block; } .hidden-until-active { transition: max-height 0.5s ease-in-out; max-height: 0; overflow: hidden; } .hidden-until-active.active { max-height: 2999px; } .hidden-until-active-slower { transition: max-height 1.2s ease-in-out; max-height: 0; overflow: hidden; } .hidden-until-active-slower.active { max-height: 2999px; } a:active, a:focus { text-decoration: none !important; } .hidden-when-active.active { display: none; } .hr { width: 80%; margin: 1em auto; height: 4px; background: #e5e6e8; } .no-underline, .no-underline:hover { text-decoration: none; } .x-white, .check-white { display: inline-block; height: 1em; width: 1em; background-position: center; background-repeat: no-repeat; } .x-white { background-image: url(https://www.responsify.com/wp-content/themes/responsify3/assets/img/x-white.svg); background-size: contain; background-repeat: no-repeat; } .check-white { background-image: url(https://www.responsify.com/wp-content/themes/responsify3/assets/img/check-white.svg); background-size: contain; background-repeat: no-repeat; } .checks-list-white, .x-list-white { list-style: none; padding-left: 0; margin-bottom: 1em; } .checks-list-white li, .x-list-white li { position: relative; padding-left: 1.5em; } .checks-list-white li + li, .x-list-white li + li { margin-top: 0.5em; } .checks-list-white li:before, .x-list-white li:before { content: ""; display: inline-block; height: 1em; width: 1em; background-size: contain; background-repeat: no-repeat; position: absolute; top: 0.23em; left: 0; } .checks-list-white li:before { background-image: url(https://www.responsify.com/wp-content/themes/responsify3/assets/img/check-white.svg); } .assessment-form-lists .checks-list-white, .assessment-form-lists .x-list-white { width: fit-content; margin-left: auto; margin-right: auto; } .assessment-form-lists .checks-list-white li:before { background-image: url(https://www.responsify.com/wp-content/themes/responsify3/assets/img/check-dark.svg); } .assessment-form-lists .x-list-white li:before { background-image: url(https://www.responsify.com/wp-content/themes/responsify3/assets/img/x-dark.svg); } .x-list-white li:before { background-image: url(https://www.responsify.com/wp-content/themes/responsify3/assets/img/x-white.svg); } /* ========================================================================== Base ========================================================================== */ body { -webkit-font-smoothing: antialiased; color: #6c6e71; background:#F8FEFE; } .max-width-container { max-width: 100% !important; margin-left: auto; margin-right: auto; } img { max-width: 100%; } /* ========================================================================== Content ========================================================================== */ blockquote { border-left: 4px solid #6AF6A3; padding: 0 0 0 0.7em; margin-left: 0.7em; } ul { list-style: square; } b { font-weight: 600; } /* Fancy lists */ .fancy { color: #0081b2; font-weight: 600; } .fancy span { color: #6c6e71; font-weight: normal; } /* ========================================================================== Primary Content ========================================================================== */ /* Gallery Shortcode */ .gallery-row { padding: 15px 0; } /* ========================================================================== Sidebar ========================================================================== */ /* ========================================================================== Posts ========================================================================== */ /* ========================================================================== Footer ========================================================================== */ .content-info > .max-width-container { zoom: 1; background: #00a7f3; } .content-info > .max-width-container:before { content: ""; display: table; } .content-info > .max-width-container:after { content: ""; display: table; clear: both; } .footer-headline-text { font-size: 1.4rem; color: #fff; text-align: center; padding-bottom: 0.5em; } @media (min-width: 640px) { .footer-headline-text { font-size: 1.4rem; } } @media (min-width: 960px) { .footer-headline-text { font-size: 1.6rem; } } .footer-sub-text { font-size: 0.7rem; color: #fff; text-align: center; padding-top: 2em; padding-bottom: 2em; } @media (min-width: 640px) { .footer-sub-text { font-size: 0.7rem; } } @media (min-width: 960px) { .footer-sub-text { font-size: 0.7rem; } } .footer-sub-text a { color: #fff; text-decoration: underline; } .footer-sub-text a:hover { color: #fff; } .svg-footer-social-icons { fill: #fff; } .svg-footer-social-icons:hover { fill: #0081b2; } .footer-social-button-div { align: center; } .footer-social-button { font-size: 1.2rem; margin-bottom: 1.5em; display: inline-block; width: 47.5%; border: 2px solid #fff; text-align: center; border-radius: 0.4em; font-weight: 400; letter-spacing: 0.05em; padding-top: 0.3em; padding-bottom: 0.1em; padding-left: 0.2em; padding-right: 0.25em; } @media (min-width: 640px) { .footer-social-button { font-size: 1.2rem; } } @media (min-width: 960px) { .footer-social-button { font-size: 1rem; } } .footer-social-button:hover { background: #fff; text-decoration: none; border: 2px solid #fff; } .footer-social-container { max-width: 90%; margin: auto; text-align: center; } @media (min-width: 640px) { .footer-social-container { max-width: 70%; } } @media (min-width: 960px) { .footer-social-container { max-width: 50%; } } /* ========================================================================== WordPress Generated Classes See: http://codex.wordpress.org/CSS#WordPress_Generated_Classes ========================================================================== */ .aligncenter { display: block; margin: 0 auto; } .alignleft { float: left; } .alignright { float: right; } figure.alignnone { margin-left: 0; margin-right: 0; } /* ========================================================================== Media Queries ========================================================================== */ /* * Site v3 styles */ .micro.blog-card { display:flex; flex:33%; max-height: 33%; border-radius: 12px; transition: 0.5s ease-in-out; height:auto!important; } .micro.blog-card:hover { transform: scale(1.05); } .blog-title-micro { width: 66%; padding: 0 0.8rem; max-height: 66px; text-align: center; -webkit-line-clamp: 3; overflow: hidden; margin-top: auto; margin-bottom: auto; text-overflow: ellipsis; color: #2C6678; -webkit-box-orient: vertical; display: -webkit-box; } .related-insights-header { margin-top: 2rem; font-size: 24px; margin-top: 2rem; line-height: 18px; font-family: AvenirNextProBold; color: #2C6678; display: flex; align-items: center; } .hero-container .hero { color:white !important; padding-bottom: 40%; padding-top: 15%; padding-left: 100px; padding-right: 60px; background-attachment: fixed; } .hero-header { margin-top: 1rem; line-height: 1.1; font-family: AvenirNextProBold; letter-spacing: 0px; width: 65%; } .hero-content { margin-top: 3rem; display: flex; justify-content: space-between; width: 100%; flex-direction: row; align-items: flex-start; } .hero-subheader { font-size: 1.5vw; font-family: 'AvenirNextProMedium', Helvetica; width: 61%; line-height: 1.2; } .hero-points { display: flex; column-gap: 8px; margin-top: 3rem; width: 100%; font-size: 16px; justify-content: space-around; } .hero-point-icon { width: 26px; } .hero-point { display: flex; column-gap:10px; flex: 0 1 20%; } .hero-point-point { font-family: 'AvenirNextProDemi', Helvetica; line-height: 1; width:80%; } .hero:after { display:none !important; } .hero-button { background: #CEF2FE; color: #5FA8BF; border-radius: 100px; padding: 10px 28px; font-family: 'AvenirNextProDemi', Helvetica; font-size: 18px; border: 0; outline: 0; height: 100%; margin-right: 2rem; font-size: 21px; margin-right: 1rem; display: inline-flex; font-family: 'AvenirNextProDemi', Helvetica; min-width: 170px; padding: 13px 20px; text-wrap: nowrap; padding-left: 35px; margin-bottom: 0.5rem; padding-right: 0px; } .hero-button:hover { background:#DFF4FA; text-decoration:none; color:#5FA8BF; } .hero-button:focus, .hero-button:active { background: white; color:#5FA8BF; } .hero-container .hero { position:absolute; width: 100%; } .hero-link { font-size: 21px; margin-right: 1rem; display: inline-flex; font-family: 'AvenirNextProDemi', Helvetica; min-width: 170px; background: white; color: #5FA8BF; text-align: center; border-radius: 100px; padding: 13px 20px; text-wrap: nowrap; padding-left: 35px; margin-bottom: 0.5rem; padding-right: 0px; } .hero-link:hover { text-decoration:none; color:#5FA8BF !important; } .hero-button:after { content: ''; -webkit-mask: url('data:image/svg+xml,') no-repeat 50% 50%; mask: url('data:image/svg+xml,') no-repeat 100% 100%; margin-left: 10px; background-color: #5FA8BF; margin-top: 0; width: 10px; -webkit-mask-size: cover; mask-size: cover; transition: 0.5s ease-in-out; height: 14px; margin-top: 8px; } .hero-button:hover::after { margin-left:20px; } .hero-down { margin-left: auto; margin-right: auto; position: absolute; bottom:6rem; left:47.75%; transform:translateX(-50%); z-index:15000; cursor:pointer; } .related-insights-container { max-width:1200px; margin-left: auto; margin-right: auto;} .blog-related-insights { display: flex; column-gap: 1.5rem; } .blog-title a { margin-top: auto; margin-bottom: auto; display: flex; width: 100%; height: 100%; -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 3; align-items: center; height: fit-content; } .blog-title a, .blog-title-micro a { color: #2C6678; margin:auto; } .blog-title a:hover, .blog-title-micro a:hover { text-decoration:none; } .blog-card-image.w33 { width: 33%; border-top-left-radius: 12px; border-bottom-left-radius:12px; background-position: center; height: 100%; min-height: 5rem; } .blog-card-image { height: 100%; background-size: cover !important; } .blog-post-hero { width: 100%; height: 60vh; background-size: cover; background-position: center; } .blog-post-container { max-width:1200px; margin-left:auto; margin-right: auto; display:flex; } .blog-post-left { flex:1 0 65%; margin-top: -8rem; z-index:1000; } .blog-post-sidebar { flex: 1 0 30%; padding: 2rem 0rem 1rem 2rem; } .blog-post-sidebar-inner { position: sticky; margin-top:-12rem; top:5rem; z-index:100; } .search-suggestions { background:white; display: flex; padding:0; flex-direction: column; height:fit-content; max-height:0px; overflow:hidden; } .search-suggestions-header { font-variant: all-small-caps; color:#96B2BA; letter-spacing: 1.12px; border-bottom: 2px solid #96B2BA; font-size: 16px; font-family: 'AvenirNextProDemi'; width:60%; } .search-suggestion { line-height:1.8; } .search-suggestions-list { display:flex; flex-direction:column; color:#2C6678; padding-top:0.4rem; } .search-suggestion:hover { color: #00C5FF; cursor:pointer; } #animation svg { width:32px !important; height:32px !important; } .top-fade { height:200px; background: linear-gradient(180.45deg, rgba(255, 255, 255, 0) 0.39%, #F9FBFB 99.61%); width: 100%; margin-top:-200px; } .mock-dd { background: #EEF8FB; color: #96B2BA; border-radius: 6px; width:30px; height:30px; min-width:30px; display: flex; align-items: center; justify-content: center; } .mock-dd:hover { background: #E5FDFF; color:#00C5FF; } .blog-post-card { background:white; border-radius: 20px; box-shadow: 0px 5px 10px 5px rgba(154, 206, 222, 0.27); margin-top: -8rem; min-height: 500px; padding: 3rem 2rem; padding-top: 1.5rem; } .selected-topic, .selected_audience_text, .selected_market_text { font-family: 'AvenirNextMedium'; } .selected_market, .selected_audience { display:none; } .tag-container { display:flex; } .tag-container .audience { flex: 33%; } .tags { flex: 65%; } .tags { display:flex; justify-content: flex-end; column-gap: 4px; flex-wrap: wrap; row-gap: 5px; } .tag { background: var(--blue-bright-light-blue, #E5FDFF); border-radius:150px; color:#2C6678 !important; font-variant:all-small-caps; cursor:pointer; width:fit-content; padding: 6px 10px; line-height: 0; padding-bottom:8px; display: flex; align-items: center; min-width: fit-content; } .tag img { margin-right:4px; margin-top:2px; } h1,h2,h3,h4,h5,h6 { color: #2C6678 !important; } .blog-post-card a { color: #00C5FF; text-decoration:none; } .blog-post-card a:hover { text-decoration:none; } .blog-post-card { margin: 0 0 16px !important; font-family: 'AvenirNextProMedium', Helvetica; } div ul:not(.nav):not(.menu-extra-container):not(.hs-error-msgs):not(.kt-svg-icon-list):not(.checks-list-white):not(.x-list-white):not(.filter-options):not(.equalize-children) li::before { content: "\2022"; color:#6AF6A3; margin-left:-10px; border-radius: 2ch; margin-inline-end: 1ch; } .top-fade { margin-top: -209px; background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #F8FEFE 100%); height: 200px; z-index:100; position:relative; } .top-fade:before { content: ""; height: 1px; background: linear-gradient(to top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 100%); display: block; margin-bottom: 10px; margin-top: 10px; } .related-insights-container { display:flex; flex-direction:column; row-gap: 1rem; margin-bottom:2rem;} .brand img { width: auto !important; height:auto !important; position: absolute; top: 28%; } ol { list-style:none; counter-reset:item; } ol li { counter-increment: item; margin-bottom:5px !important; } ol:not(.carousel-indicators) li:before { margin-right: 8px !important; content: counter(item) !important; background: #6AF6A3 !important; border-radius: 100% !important; color: white !important; width: 1.4em !important; height: 1.4em !important; text-align: center !important; display: inline-block !important; font-size: 17px !important; } .blog-post-sidebar h3 { font-size: 1.2rem; font-family: 'AvenirNextProBold', Helvetica; text-align: center; margin-top: 3rem; margin-bottom: 1rem; } .blog-post-card ul li, ul li span { list-style-type: none !important; font-weight: normal; font-family:'AvenirNextProMedium', Helvetica; } b, strong { font-family: 'AvenirNextProDemi', Helvetica; font-weight:normal; } body { color: #2C6678; } .blog-post-title { width: 90%; font-size: 3rem; font-family: 'AvenirNextProBold', Helvetica; color: #2C6678; margin-left: auto; margin-right: auto; text-align: center; line-height: 1.2; } .blog-post-info { width: 40%; color:#96B2BA; margin-left: auto; margin-right: auto; display: flex; flex-wrap: wrap; justify-content: center; column-gap: 1rem; padding:3rem 0; } .results-carousel { column-gap:2rem; display:flex !important; } .results-container { padding: 2rem 0; } .results-header { margin-left: 4rem; margin-bottom:1rem; font-size: 24px; margin-top:5px; line-height: 18px; font-family: AvenirNextProBold; color: #2C6678; display: flex; align-items: center; } .results-header img { width: 28px; margin-bottom: 4px; align-content: center; margin-right: 6px; } .results-card { padding: 2rem 0rem; padding-bottom: 2rem; border-radius: 12px; box-shadow: 0px 0px 10px 10px rgba(150, 178, 186, 0.1) !important; margin-left: auto; margin-right: auto; margin-top: -15rem; margin-bottom:2rem; z-index: 1000; position: relative; } .arrow-container { opacity: 0; } .animate-bottom{position:relative;animation:animatebottom 3s} @keyframes animatebottom{from{bottom:-50px;opacity:0;} to{bottom:0;opacity:1;}} @keyframes fadeInUp { from { transform: translate3d(0,40px,0) } to { transform: translate3d(0,0,0); opacity: 1 } } @-webkit-keyframes fadeInUp { from { transform: translate3d(0,40px,0) } to { transform: translate3d(0,0,0); opacity: 1 } } .animated { animation-duration: 1s; animation-fill-mode: both; -webkit-animation-duration: 1s; -webkit-animation-fill-mode: both } .animatedFadeInUp { opacity: 0 } .fadeInUp { opacity: 0; animation-name: fadeInUp; -webkit-animation-name: fadeInUp; } .results-card.slick-slide { margin:0 1rem !important; width:59rem; } .slide-small:hover { cursor:pointer; } .results-statistics { display: flex; flex-wrap: wrap; justify-content: space-around; margin: 1rem auto; } .results-statistic { display:flex !important; flex-direction:column; align-items:center; flex: 0 0 25%; } .results-card.with-header { margin-bottom:2rem; } .results-card:hover { transition:1.05s ease-in-out !important; } .blog-post-info span { display:inline-flex; } .blog-post-info span img { margin-right:6px; } .row { --colgap: 2rem; display:flex; column-gap: var(--colgap); } .micro-container { display:flex; flex-direction:column; } .flexed { display:flex; flex-direction:column; row-gap: 2rem; } .blog-card { border-radius: 12px; background:white; transition: 0.1s ease-in-out; width:100%; } .blog-card-outer:has(.onecol) { width:calc(33.33% - 0.5rem); } .blog-card-outer:has(.twocol) { width:calc(66.66% - 0.5rem); display:flex; } .blog-card-outer { transition:2s; } .blog-card-outer:hover { transform:scale(1.05); } .results-button:hover { color:white; text-decoration:none; } .micro-container { width: calc(33.33% - 1rem); display:flex; row-gap: 0.75rem; } lottie-player svg path { fill: red; } .threecol .blog-information { width: 60%; justify-content:space-evenly; } @media screen and (max-width:1050px) { .blog-card-image.w100 { background-size: cover !important; } } @media screen and (max-width:768px) { .blog-card-image.w100 { background-size: cover!important; } } .testimonial-container {clear:both;} .global-container:has(.blog-featured) { width: 100% !important; margin:0; } .recent-insights,.row { max-width: 1200px; margin-left:auto; margin-right:auto; } .recent-insights { margin-left: 23rem !important; } .max-width-container:has(.blog-featured) { max-width: 100% !important; } .blog-card-image { height: 100%; background-size: cover !important; } .blog-card-image.w100 { background-position: center; border-top-left-radius: 12px; border-top-right-radius:12px; background-size: 100% auto; height:150px; } .blog-card-image.w33 { width: 27%; border-top-left-radius: 12px; border-bottom-left-radius:12px; background-position: center; } .blog-card-image.w50 { width: 50%; border-top-left-radius: 12px; height:100%; border-bottom-left-radius:12px; background-position: center; } .span-reading-time {margin-right:4px; } .blog-card-image.w66 { width: 66%; border-top-left-radius: 12px; border-bottom-left-radius:12px; background-position: center; } .blog-card-right-content { width: 50%; } .blog-title-micro { width: 66%; padding: 0 0.8rem; max-height: 66px; text-align: center; -webkit-line-clamp: 3; overflow: hidden; margin-top: auto; margin-bottom: auto; text-overflow: ellipsis; color: #2C6678; -webkit-box-orient: vertical; display: -webkit-box; } .testimonial-carousel .slick-list { padding-top:4rem !important; } .gpr-cta-button:hover { color:white; text-decoration: none; } .blog-title a, .blog-title-micro a { color: #2C6678; font-family:'AvenirNextProBold', Helvetica; } .blog-title a:hover, .blog-title-micro a:hover { text-decoration:none; } .blog-title { color: #2C6678; text-align:center; width: 100%; height: 100%; font-family:'AvenirNextProBold', Helvetica; } .threecol .blog-title { height:fit-content; margin-top: auto; margin-bottom: auto; font-size: 36px; width: 80%; margin-left: auto; margin-right: auto; } .blog-title-container { position:relative; } .blog-title a:hover, .blog-title a:focus, .blog-title a:active { text-decoration: none; } .hs-button { font-size:21px; background:#00C5FF; box-shadow:none !important; } .hs-error-msg { display:none !important; } .hs-button:hover { background:#02ACDE; } .hs-button:focus, .hs-button:active {background:#039DCA; } .trending { position:absolute; color:white; display:flex; width:fit-content; letter-spacing: 0.07em; font-variant: all-small-caps; font-family:'AvenirNextProMedium', Helvetica; padding: 4px 10px; font-family: 'AvenirNextProMedium', Helvetica; align-items: stretch; line-height: 0.9;} .trending img { margin-right: 6px; } .trending.red { background: #FF9191; } .trending.yellow { background: #FBDA64; } .trending.orange { background: #FFB371; } .trending.blue { background: rgba(98, 219, 255, 1); } .trending.green { background: rgba(106, 246, 163, 1); } .recent-post-tag img, .new-post-tag img { margin-right:4px; margin-top: 2px; } .header { max-width: 1920px; margin-left: auto; margin-right: auto; } .share-menu { position: absolute; background: white; box-shadow: 0px 0px 20px 15px rgba(154, 206, 222, 0.20); margin-top: 2rem; padding: 10px 0px; border-radius: 14px; margin-left: -4rem; display:none; } .share:hover { cursor:pointer; } .share-menu:before { border-bottom: 10px solid white; border-left: 10px solid transparent; border-right: 10px solid transparent; content: ""; margin-right:1rem; color:white; height: 0; position: absolute; right: 0; top: -10px; width: 0; } .share-option svg { color:#96B2BA; margin-bottom: 5px; } .share-option:hover svg { color:#00C5FF !important; } .share-option { fill:#2C6678 !important; color:#2C6678 !important; padding:4px 15px; display: flex; column-gap: 8px; align-items: flex-end; } .share-option:hover { color:#00C5FF !important; fill:#00C5FF !important; background:#F1FBFC; cursor:pointer; } .recent-post-tag, .new-post-tag { position: absolute; color: white; display: flex; width: fit-content; letter-spacing: 0.07em; font-variant: all-small-caps; align-items: flex-start; padding: 0 10px; font-family: 'AvenirNextProMedium', Helvetica; line-height: 1.1; } .recent-post-tag { background:rgba(98, 219, 255, 1); } .new-post-tag { background:rgba(106, 246, 163, 1); } .twocol .blog-title { font-size: 32px; padding: 0 1.5rem; margin-top: auto; margin-bottom: auto; height: fit-content; padding-top: 2rem; padding-bottom:2rem; } .onecol .blog-title { margin-bottom: 1.5rem; width: 100%; padding: 15px 1rem; max-height: 95px; text-align: center; -webkit-line-clamp: 3; overflow: hidden; text-overflow: ellipsis; color: #2C6678; -webkit-box-orient: vertical; display: flex; align-items: center; -webkit-line-clamp:3; font-size: 22px; max-width: 90%; margin-left: auto; margin-right: auto; } .assessment-form-embed .hs-input { -webkit-appearance: none !important; background: #FFFFFF; box-shadow: 0px 5px 10px 5px rgba(154, 206, 222, 0.27); border-radius: 8px; outline: 0; width: 100%; border: 0; padding: 12px 10px !important; height:auto !important; } .assessment-form-embed label { float: left !important; font-size: 0.8rem; text-align: left; margin-left: 0rem !important; color:#2C6678 !important; display: inline-block; margin-bottom: 5px; font-family: 'AvenirNextProDemi'; } .assessment-form-embed .hs-error-msg { color: #2C6678 !important; } .footer-cta .hs-button { background: #67E3CD !important; } .footer-cta .hs-button:hover { background:#4CCEB7 !important; } .footer-cta .hs-button:active { background:#0DB295 !important; } .footer-cta-inner { max-width:1200px; } .footer-cta { background:#E5FDFF !important; } .blog-card-right-content { display:flex; flex-direction: column; } .blog-information span { display:flex; } .blog-information { color: #96B2BA; width: 70%; display: flex; flex-wrap: wrap; justify-content: space-around; margin-left: auto; margin-right: auto; margin-bottom: 1.5rem; } .blog-information img { margin-right: 5px; } .success-story-container { display:flex; flex-direction: row; flex-wrap: wrap; } .results-outer { transition:1s ease-in-out; } .recent-insights { color: #2C6678; font-size:28px; font-family: 'AvenirNextProBold', Helvetica; display:flex; margin-top:1rem; margin-left:1rem; } .hero-buttons { margin-top:10px; display: flex; column-gap: 15px; position: absolute !important; bottom: 8rem; } .recent-insights img { margin-right: 8px; width:28px; } .featured-insights { color: #2C6678; font-size:28px; font-family: 'AvenirNextProBold', Helvetica; display:flex; margin-top:2rem; margin-left:1rem; margin-bottom:1rem; align-items: center; } .slide-small { flex: calc(100% / 6); height: 75px; border-radius: 12px; box-shadow: 0px 0px 10px 10px rgba(150, 178, 186, 0.1); transition: 0.5s ease-in-out; background-size: 100% 100%; } .results-card:hover { cursor:pointer; } #more_posts_container_recent, #more_posts_container_trending { width:100%; justify-content:center; display:flex; display:none; } .card-shadow-default { box-shadow: 0px 5px 10px 5px rgba(154, 206, 222, 0.27) !important; } .slide-small.active { height:100px; flex: calc(100% / 5); } .featured-insights img { margin-right: 8px; width: 28px; } .onecol.blog-card { display:flex; flex-direction:column; height:100%; } .twocol.blog-card { display:flex; } .threecol.blog-card { display:flex; } .micro.blog-card { display:flex; } .featured-hero { display:flex; position:absolute; width:100%; height: 100%; background-size: cover !important; background-repeat: no-repeat !important; background-position: center !important; } .featured-hero:not(.active) { display:none; } .featured-hero-slides-small { min-height:100px; margin-bottom:1rem; } .featured-hero-slides-small, .featured-hero-slides-large { display:flex; column-gap: 1rem; align-items: center; } .feature-hero-slides.active { min-height:100px; } .slide-small.active .slide-overlay { display:none; } .hero-container { overflow-y: hidden; position:relative; max-height: 52rem; height: 55vw; background:linear-gradient(0deg, rgba(11, 138, 168, 0.75), rgba(11, 138, 168, 0.75)); } .featured-hero-title { color:white; font-size: 4.5vw; line-height: 1.1; font-family: AvenirNextProBold; letter-spacing: 0px; width: 75%; text-wrap: balance; } .hero-container-inner { width:90%; margin-left: auto; margin-right:auto;line-height: 1.2;justify-content: center; } .featured-hero-button { background: #C5DBE1; border-radius: 35px; color: #2C6678; font-family: 'AvenirNextProDemi', Helvetica; outline: 0; border: 0; padding: 12px 18px; } .load-more { margin-left:auto; margin-right:auto; } .load-more:hover, .load-more:focus, .load-more:active { color:white; text-decoration:none; } .filters { margin-top: 2.2rem; } .slide-overlay { background: linear-gradient(0deg, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)); width: 100%; height: 100%; position: relative; } .featured-top-fade { background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0.40%, #F9FBFB 100%); min-height:100px; top:0; content:""; display:block; position:relative; margin-top:-100px; } .blog-mobile-carousel { display: none; } .cta-hubspot-form { margin: 2rem 0; } .type-global-top-headline { color:white !important; } .background-video { width: 100%; height: 100%; position: absolute; object-fit: cover; } .blog-filters-container-inner { max-width:1200px; margin-left:auto; margin-right:auto; display:flex; width:70%; flex-direction:column; padding-top:1.5rem; } .audience-tag { color:#00C5FF; font-size:14.4pt; flex:35%; font-variant: all-small-caps; letter-spacing: 1.26px; font-family:'AvenirNextProDemi'; } .blog-filters { display:flex; flex-direction:column; flex: 1 0 80%; } .market { flex: 1 0 15%; } .audience { flex: 1 0 25%; } .topics { flex: 1 0 50%; } .blog-filter-options { display:flex; } .market-header { column-gap:5px; } .audience-header { column-gap:5px; } .topics-header { max-width:100%; } .market-header { flex:1 0 15%; } .selected_audience_text { line-height:1; } .audience-header { flex:1 0 25%; } .not-scrolled a:hover { color:white !important; } .not-scrolled .nav-main-desktop .menu-get-assessment:hover a { color:#039DCA !important; } .menu-get-assessment:focus, .not-scrolled .menu-get-assessment:active { background:white; color:#039DCA; } .menu-get-assessment:focus a, .not-scrolled .menu-get-assessment:active a { color:#039DCA; } .topics-header { flex:1 0 50%; } .market-header, .audience-header, .topics-header { display:flex; align-items: center; } .selected_option { width:7rem; } .blog-search { display: flex; align-items: center; box-shadow: 0px 0px 10px -1px rgb(154 206 222 / 40%) !important; justify-content: flex-end; margin-right: 10px; } .blog-filters-container { display: flex; width: 100%; max-width:1200px; margin-left:auto; margin-right:auto; top: 40px; overflow: hidden; max-height:auto; /* top:-1px; z-index: 100000; */ transition: max-height 1s cubic-bezier(0, 1, 0, 1); position:relative; } .blog-filters-container.fixed { background: #F9FBFB; box-shadow: 0px 8px 8px rgba(154, 206, 222, 0.3); max-width:100%; width:100%; } .filter-checkbox { display: none; } .option-label { padding: 2px 10px; font-family:'AvenirNextProMedium'; } .filter-checkbox:checked + .option-label, .filter-checkbox + .option-label:hover { transition:0.2s ease-out; color: #00C5FF; padding: 2px 10px; background: #E5FDFF; border-radius:8px; } .search-container { padding-top:1.6rem; width:25%; } .topic-option { flex: 0 25%; } .topic-option.wider { flex: 0 50%; } .blog-filters-top .market-header, .blog-filters-top .audience-header, .blog-filters-top .topics-header { flex:initial; } .blog-filters-top { column-gap:1.5rem; } .topics-list { display: flex; flex-wrap: wrap; justify-content: space-between; width: 100%; } .market-list, .audience-list { border-right: 3px solid #C5DBE1; margin-right: 0.75rem; } .featured-hero.active .hero-buttons { margin-top:-5rem; } .market-list, .audience-list, .topics-list { margin-top:0.5rem; } .type-offer { margin-top: 4rem; } .offer-hero-download__contents { display:flex; margin-top:2rem; } .offer-hero-download__contents { margin-left:auto; margin-right:auto; } .wp-block-group > .wp-block-group__inner-container > .alignwide, .wp-block-kadence-column > .kt-inside-inner-col > .alignwide { transform:none; margin-left:auto; margin-right:auto;} .offer-hero-download__contents div { flex:90%; display:flex; align-items:center; justify-content: center; } .offer-hero-download__contents .hbspt-form, .offer-hero-download__contents .hbspt-form form { width: 100% !important; } .offer-hero-download__contents .offer-form-embed { background: #F1FBFC !important; } .offer-hero-download__contents label { font-size: 0.8rem; width:100%; text-align:left; } .offer-hero-download__contents fieldset>div { max-width: 100% !important; display: flex; column-gap: 0.7rem; flex-direction:column; } .offer-hero-download__contents .div { width:100% !important; } .offer-hero-download__contents input { background: #FFFFFF; box-shadow: 0px 5px 10px 5px rgba(154, 206, 222, 0.27); border-radius: 8px; outline: 0; width: 100% !important; border: 0; padding: 12px 10px !important.offer-hero-download__title; } .offer-hero { display: flex; justify-content: center; } .kt-svg-icon-list-item-wrap { line-height:1.1; } .kt-svg-icon-list-single-fas_check { margin-right:12px !important; } .kt-svg-icon-list-single-fas_check svg { width:18px; height:18px; } stat:before, stat:after { content: ''; position: absolute; height: 4px; width: 100%; transform: translateZ(1px); will-change: transform; left: 0; } stat:before { -webkit-clip-path: polygon(1% 0%, 4% 100%, 9% 0%, 13% 98%, 19% 1%, 22% 110%, 26% 5%, 30% 86%, 36% 2%, 43% 100%, 50% 1%, 52% 100%, 61% 0%, 68% 94%, 70% 0%, 75% 100%, 81% 0%, 84% 96%, 91% 0%, 96% 100%, 99% 3%); background-color: rgb(154 206 222 / 12%); top: 0; } stat:after { bottom:0; -webkit-clip-path: polygon(-21% 0%, 4% 100%, 9% 0%, 13% 98%, 19% 1%, 22% 110%, 26% 5%, 30% 86%, 36% 2%, 43% 100%, 50% 1%, 52% 100%, 61% 0%, 68% 94%, 70% 0%, 75% 100%, 81% 0%, 84% 96%, 91% 0%, 96% 100%, 99% 3%); background: rgb(154 206 222 / 12%); transform: rotate(180deg); } stat { position: relative; filter: drop-shadow(0px 0px 15px rgba(154, 206, 222, 0.40)); background:white; padding: 2rem 1.5rem; font-size: 1.5rem; display:block; font-family:'AvenirNextProDemiItalic'; line-height:1.2; margin-bottom:1.5rem; } stat a { color: #96B2BA !important; font-family:'AvenirNextProMediumItalic'; } stat strong { color:#00E85F; } @media screen and (max-width:1350px) { .max-width-container.header .global-container { width:100%; } .nav-main .nav { column-gap:0 !important; } } @media screen and (max-width:640px) { .learn-more-button { font-size:0.55em; } .success-story { width:90% !important; margin-left:auto; margin-right:auto !important; position:relative !important; top:0 !important; } .success-story-container { width:100% !important; column-gap:0 !important; row-gap:0 !important; } .cta-hubspot-form.sidebar .hubspot-form-header { width: 100%!important; font-size: 1rem !important; } } @media screen and (max-width:1200px) { .section-header, .section-sub-header { width:90% !important; margin-left:auto !important; margin-right:auto !important; } } .search-input { border-radius:6px; background:white; border: 0; padding: 7px 16px; padding-right:20px; color:#232323; font-family:'AvenirNextProMedium'; background-repeat: no-repeat; background-position: 96% 50%; width:100%; } .search-input.visible { border-bottom-left-radius:0; border-bottom-right-radius:0; } .trending-container { max-width:1275px; width:100%; margin-left:auto; margin-right:auto; } input:focus { outline: none; } .search-input::placeholder { color:#C5DBE1; font-family:'AvenirNextProMedium'; } .featured-hero:hover { cursor:pointer; } .row { max-width: 1275px !important; } .clear-filters { background:none; border:0; outline:0; color:#00C5FF; font-family:'AvenirNextProDemi'; border-radius:100px; padding: 8px 20px; border: 2px solid transparent; } .type-services-accordian-valueprop, .service-level-headline, .service-level-description { color:white !important; } .GI_TW_expander-inner .max-width-container { max-width:1200px !important; column-gap:0; } .clear-filters:hover { border: 2px solid #E5FDFF; background:#E5FDFF; color:#00C5FF; } .clear-filters:active { border: 2px solid #B1E9FD; background:#B1E9FD; } .apply-filters { color:white; border-radius:100px; background:#00C5FF; padding:8px 20px; border:0; border: 2px solid #00C5FF; outline:0; font-family:'AvenirNextProDemi'; } .apply-filters:hover { background: #02ACDE; border: 2px solid #02ACDE; } .apply-filters:active { background:#039DCA; border:2px solid #039DCA; } .topics-header { align-items: baseline; column-gap: 5px; } .blog-filters-top{ display:flex; align-items: flex-start; position:relative; margin-bottom:2rem; } .blog-filters-lower{ display:flex; align-items: flex-start; position:relative; } .blog-filter-buttons { width: fit-content; margin-left: auto; margin-right: auto; column-gap: 1rem; display: flex; margin-top: 1rem; margin-bottom: 2rem; } .selected_option { border:0; outline: 0; color: #2C6678; font-family:'AvenirNextProMedium'; background:transparent; margin-left: 5px; display: none; } .selected_topics { column-gap:6px; flex-wrap: wrap; display:none; } .noarrow { min-width:0 !important; padding: 13px 20px !important; } .noarrow:after { display:none !important; } .selected-topic { border-radius: 6px; color:#2C6678; padding: 0px 0px; height: fit-content; font-family: 'AvenirNextProDemi'; } .photographic-cta-container { position:relative; } .selected-topic:last-of-type::after { content: ""; display: inline-block; position: relative; right: 5px; top: 4px; background-color: #F8FEFE; width: 10px; height: 1em; margin-right:-10px; } .search-button { margin-left: -1.5rem; margin-right:0.8rem; position:absolute; } .search-button:hover { cursor:pointer; } .hidden-submit { outline: 1px dashed red; width: 1rem; height: 1rem; position: absolute; right: 0; top: 0; } .hero-container-inner.blog { min-height: 43rem; display: flex; flex-direction: column; } .selected-option:hover { cursor: pointer; } .selected-option:hover select { -moz-appearance:none; } .table-card { background: white; border-radius: 20px; box-shadow: 0px 5px 10px 5px rgba(154, 206, 222, 0.27); min-height: 500px; border:0; width:90% !important; margin: 1rem; } .table-card tbody { padding-left: 1.5rem; padding-right: 1.5rem; display: block; padding-top: 1rem; padding-bottom: 1rem; } .table-card tr td:first-child strong { font-family:'AvenirNextProBold'; } .table-card td { border: 0; } .table-card tbody tr:not(:last-child) { border-bottom:2px solid rgba(213, 238, 245, 1); } .table-card tbody tr:first-child td strong { font-family:'AvenirNextProBold'; } .photographic-cta-container { background-size: 100% auto; } .photographic-cta-countdown-container.one { color:#FF0707; } .photographic-cta-countdown-container.two { color:#FF8417; } .photographic-cta-container .success-message { opacity:0; pointer-events:none; position:absolute; top:0; left:0; width:100%; height:100%; } .photographic-cta-container .hbspt-form { margin-top:0 !important; } .photographic-cta-container .hs-button.animating { transition:1s ease-in-out; } .photographic-cta-countdown-container { width:100%; text-align:center; color:rgba(255,255,255,0.7); font-family:'AvenirNextProBold'; } .photographic-cta-container .hs-error-msgs { display:none; } .photographic-cta-container input::placeholder { font-family:'AvenirNextProMedium'; color:rgba(150,178,186,58.82%); line-height:0; } .photographic-cta-container form label { display:none; } .photographic-cta-container { border-radius:15px; } .photographic-cta-container input { -webkit-box-shadow: 0px 5px 10px 5px rgb(35 35 35/ 30%) !important; -moz-box-shadow: 0px 5px 10px 5px rgb(35 35 35/ 30%) !important; box-shadow: 0px 5px 10px 5px rgb(35 35 35/ 30%) !important; } .photographic-cta-container .hs-button { -webkit-box-shadow: 0px 5px 10px 5px rgb(35 35 35/ 15%) !important; -moz-box-shadow: 0px 5px 10px 5px rgb(35 35 35/ 15%) !important; box-shadow: 0px 5px 10px 5px rgb(35 35 35/ 15%) !important; } /* New Styles */ @container cta ((min-width: 235px) and (max-width:270px)) { .photographic-cta-container { padding-top:40px; padding-bottom:14px; display: flex; flex-direction: column; justify-content: space-between; } .photographic-cta-header { font-size:24px; font-family:'AvenirNextProHeavy'; color:white; text-align:center; width: 222px; margin-left:auto; margin-right:auto; line-height:1.05; } .photographic-cta-container .hs-input[type="email"] { width:200px; height:50px; border-radius:8px; font-size:14px; font-family:'AvenirNextProMedium'; border:0; outline:0; background:white; padding-left:14px; } .photographic-cta-container .hs-input[type="email"]::placeholder { font-size:14px; font-family:'AvenirNextProMedium'; color:#C1D2D6; } .photographic-cta-form-container { display: flex; flex-direction: column; align-items: center; } .photographic-cta-container .hs-button { width:215px; height:50px; border-radius:35px; font-size:13px; color:white; font-family:'AvenirNextProBold'; margin-top:13px; border:0; outline:0; } .photographic-cta-container form { display: flex; flex-direction: column; align-items: center; } .photographic-cta-countdown-container { font-size:12px; font-family:'AvenirNextProBold'; line-height:12px; margin-top:15px; } } @container cta ((min-width: 270px) and (max-width:320px)) { .photographic-cta-container { padding-top:40px; padding-bottom:14px; display: flex; flex-direction: column; justify-content: space-between; } .photographic-cta-header { font-size:26px; font-family:'AvenirNextProHeavy'; color:white; text-align:center; width: 222px; margin-left:auto; margin-right:auto; line-height:1.05; } .photographic-cta-container .hs-input[type="email"] { width:240px; height:50px; border-radius:8px; font-size:14px; font-family:'AvenirNextProMedium'; border:0; outline:0; background:white; padding-left:17px; } .photographic-cta-container .hs-input[type="email"]::placeholder { font-size:14px; font-family:'AvenirNextProMedium'; color:#C1D2D6; } .photographic-cta-form-container { display: flex; flex-direction: column; align-items: center; } .photographic-cta-container .hs-button { width:215px; height:50px; border-radius:35px; font-size:13px; color:white; font-family:'AvenirNextProBold'; margin-top:13px; border:0; outline:0; } .photographic-cta-container form { display: flex; flex-direction: column; align-items: center; } .photographic-cta-countdown-container { font-size:12px; font-family:'AvenirNextProBold'; line-height:12px; margin-top:15px; } } @container cta ((min-width: 320px) and (max-width:350px)) { .photographic-cta-container { padding-top:40px; padding-bottom:14px; display: flex; flex-direction: column; justify-content: space-between; } .photographic-cta-header { font-size:34px; font-family:'AvenirNextProHeavy'; color:white; text-align:center; width: 305px; margin-left:auto; margin-right:auto; line-height:1.05; } .photographic-cta-container .hs-input[type="email"] { width:280px; height:60px; border-radius:8px; font-size:22px; font-family:'AvenirNextProMedium'; border:0; outline:0; background:white; padding-left:21px; } .photographic-cta-container .hs-input[type="email"]::placeholder { font-size:22px; font-family:'AvenirNextProMedium'; color:#C1D2D6; } .photographic-cta-form-container { display: flex; flex-direction: column; align-items: center; } .photographic-cta-container .hs-button { width:275px; height:58px; border-radius:35px; font-size:18px; color:white; font-family:'AvenirNextProBold'; margin-top:25px; border:0; outline:0; } .photographic-cta-container form { display: flex; flex-direction: column; align-items: center; } .photographic-cta-countdown-container { font-size:18px; font-family:'AvenirNextProBold'; line-height:18px; margin-top:12px; } } @container cta ((min-width: 350px) and (max-width:500px)) { .photographic-cta-container { padding-top:40px; padding-bottom:14px; display: flex; flex-direction: column; justify-content: space-between; } .photographic-cta-form-container { width:90%; margin-left:auto; margin-right:auto; } .hs_email { width:100%; } .photographic-cta-header { font-size:34px; font-family:'AvenirNextProHeavy'; color:white; text-align:center; width: 90%; max-width:387px; margin-left:auto; margin-right:auto; line-height:1.05; } .photographic-cta-container .hs-input[type="email"] { width:100%; height:60px; border-radius:8px; font-size:22px; font-family:'AvenirNextProMedium'; border:0; outline:0; background:white; padding-left:21px; } .photographic-cta-container .hs-input[type="email"]::placeholder { font-size:22px; font-family:'AvenirNextProMedium'; color:#C1D2D6; } .photographic-cta-form-container { display: flex; flex-direction: column; align-items: center; } .photographic-cta-container .hs-button { width:311px; height:66px; border-radius:35px; font-size:20px; color:white; font-family:'AvenirNextProBold'; margin-top:22px; border:0; outline:0; } .photographic-cta-container form { display: flex; flex-direction: column; align-items: center; } .photographic-cta-countdown-container { font-size:18px; font-family:'AvenirNextProBold'; line-height:18px; margin-top: 14px; margin-bottom: 12px; } .hbspt-form { width: 100%; } } @container cta ((min-width: 500px) and (max-width:570px)) { .photographic-cta-container { padding-top:40px; padding-bottom:14px; display: flex; flex-direction: column; justify-content: space-between; } .photographic-cta-form-container { width:90%; margin-left:auto; margin-right:auto; } .input { display:flex; justify-content: center; } .hs_email { width:100%; } .photographic-cta-header { font-size:34px; font-family:'AvenirNextProHeavy'; color:white; text-align:center; width: 90%; max-width:387px; margin-left:auto; margin-right:auto; line-height:1.05; } .photographic-cta-container .hs-input[type="email"] { width:420px; height:60px; border-radius:8px; font-size:22px; font-family:'AvenirNextProMedium'; border:0; outline:0; background:white; padding-left:21px; } .photographic-cta-container .hs-input[type="email"]::placeholder { font-size:22px; font-family:'AvenirNextProMedium'; color:#C1D2D6; } .photographic-cta-form-container { display: flex; flex-direction: column; align-items: center; } .photographic-cta-container .hs-button { width:311px; height:66px; border-radius:35px; font-size:20px; color:white; font-family:'AvenirNextProBold'; margin-top:22px; border:0; outline:0; } .photographic-cta-container form { display: flex; flex-direction: column; align-items: center; } .photographic-cta-countdown-container { font-size:18px; font-family:'AvenirNextProBold'; line-height:18px; margin-top: 14px; margin-bottom: 12px; } .hbspt-form { width: 100%; } } @container cta ((min-width: 570px) and (max-width:1010px)) { .photographic-cta-container { padding-top:40px; padding-bottom:14px; display: flex; flex-direction: column; justify-content: space-between; } .photographic-cta-form-container { width:90%; margin-left:auto; margin-right:auto; } .hs_email { width:100%; } .photographic-cta-header { font-size:34px; font-family:'AvenirNextProHeavy'; color:white; text-align:center; width: 545px; margin-left:auto; margin-right:auto; line-height:1.05; } .photographic-cta-container .hs-input[type="email"] { width:420px; height:60px; border-radius:8px; font-size:22px; font-family:'AvenirNextProMedium'; border:0; outline:0; background:white; margin-left:auto; margin-right:auto; padding-left:21px; } .input { width: fit-content; margin-left: auto; margin-right: auto; } .photographic-cta-container .hs-input[type="email"]::placeholder { font-size:22px; font-family:'AvenirNextProMedium'; color:#C1D2D6; } .photographic-cta-form-container { display: flex; flex-direction: column; align-items: center; } .photographic-cta-container .hs-button { width:311px; height:66px; border-radius:35px; font-size:20px; color:white; font-family:'AvenirNextProBold'; margin-top:22px; border:0; outline:0; } .photographic-cta-container form { display: flex; flex-direction: column; align-items: center; } .photographic-cta-countdown-container { font-size:18px; font-family:'AvenirNextProBold'; line-height:18px; margin-top: 14px; margin-bottom: 12px; } .hbspt-form { width: 100%; } } @container cta ((min-width: 1010px) and (max-width:1380px)) { .photographic-cta-countdown-container { width:fit-content; margin-left: auto; } .photographic-cta-container { display:flex; flex-direction: row; align-items: center; justify-content: space-between; padding-left:5%; padding-right:5%; } .photographic-cta-form-container { width:420px; margin-left:auto; } .hs-submit { width: 100%; display: flex; justify-content: flex-end; } .hs_email { width:100%; } .photographic-cta-header { font-size:34px; font-family:'AvenirNextProHeavy'; color:white; text-align:left; width: 425px; margin-right:auto; line-height:1.2; } .photographic-cta-container .hs-input[type="email"] { width:331px; height:60px; border-radius:8px; font-size:22px; font-family:'AvenirNextProMedium'; border:0; outline:0; background:white; margin-left:auto; padding-left:21px; } .input { width: fit-content; margin-left: auto; } .photographic-cta-container .hs-input[type="email"]::placeholder { font-size:22px; font-family:'AvenirNextProMedium'; color:#C1D2D6; } .photographic-cta-form-container { display: flex; flex-direction: column; align-items: center; } .photographic-cta-container .hs-button { width:311px; height:66px; border-radius:35px; font-size:20px; color:white; font-family:'AvenirNextProBold'; margin-top:22px; border:0; outline:0; } .photographic-cta-container form { display: flex; flex-direction: column; align-items: center; } .photographic-cta-countdown-container { font-size:18px; font-family:'AvenirNextProBold'; line-height:18px; margin-top: 14px; margin-bottom: 12px; } .hbspt-form { width: 100%; } } .photographic-cta-container .hs-button { padding: 0 !important; } @container cta ((min-width: 1010px)) { .hbspt-form { margin-top:60px !important; } } @container cta ((min-width: 1010px) and (max-width:1380px)) { .photographic-cta-header { width:380px !important; font-size:42px; } } @container cta ((min-width: 1380px) and (max-width:1500px)) { .photographic-cta-header { width:551px !important; font-size:48px; } } @container cta ((min-width: 1500px) and (max-width:1600px)) { .photographic-cta-header { width:594px !important; font-size:52px; } } @container cta (min-width: 1600px) { .photographic-cta-header { width:649px !important; font-size:56px; } } @container cta ((min-width: 1380px)) { .photographic-cta-countdown-container { width:fit-content; margin-left: auto; } .photographic-cta-container { display:flex; flex-direction: row; align-items: center; justify-content: space-between; padding-left:5%; padding-right:5%; } .photographic-cta-form-container { width:420px; margin-left:auto; } .hs-submit { width: 100%; display: flex; justify-content: flex-end; } .hs_email { width:100%; } .photographic-cta-header { font-family:'AvenirNextProHeavy'; color:white; text-align:left; width: 404px; margin-right:auto; line-height:1.2; } .photographic-cta-container .hs-input[type="email"] { width:420px; height:60px; border-radius:8px; font-size:22px; font-family:'AvenirNextProMedium'; border:0; outline:0; background:white; margin-left:auto; margin-right:auto; padding-left:21px; } .input { width: fit-content; margin-left: auto; margin-right: auto; } .photographic-cta-container .hs-input[type="email"]::placeholder { font-size:22px; font-family:'AvenirNextProMedium'; color:#C1D2D6; } .photographic-cta-form-container { display: flex; flex-direction: column; align-items: center; } .photographic-cta-container .hs-button { width:311px; height:66px; border-radius:35px; font-size:20px; color:white; font-family:'AvenirNextProBold'; margin-top:22px; border:0; outline:0; } .photographic-cta-container form { display: flex; flex-direction: column; align-items: center; } .photographic-cta-countdown-container { font-size:18px; font-family:'AvenirNextProBold'; line-height:18px; margin-top: 25px; } .hbspt-form { width: 100%; } } /* Height Definitions */ @container cta ((min-width: 240px) and (max-width:319px)) { .photographic-cta-container { height:520px; } } @container cta ((min-width: 320px) and (max-width:569px)) { .photographic-cta-container { height:580px; } } @container cta ((min-width: 570px) and (max-width:1009px)) { .photographic-cta-container { height:480px; } } @container cta ((min-width: 1010px) and (max-width:2000px)) { .photographic-cta-container { height:400px; } } /* Background Image */ .services-container { container-type: inline-size; container-name: wwp; } @media screen and (max-width:1200px) { .services-wrapper { width:90% !important; margin-left:auto !important; margin-right:auto !important; } } .services-wrapper { container-type: inline-size; container-name: wwpw; } @container wwpw (max-width:725px) { .services-container { flex-wrap:wrap; width:93% !important; margin-left:auto; margin-right:auto; row-gap:0.75rem; } } @container wwpw (max-width:450px) { .services-container { flex-wrap:wrap; width:93% !important; margin-left:auto; flex-direction:column; margin-right:auto; row-gap:1rem; } } @container wwpw (max-width:335px) { .services-container { row-gap:1.25rem !important; } } @container wwp ((min-width:100px) and (max-width:1000px)) { .point-point { min-width:190px; width:190px; font-size:18px; font-family:'AvenirNextProDemi'; line-height:18px; margin-left:10px; } .point-container:nth-of-type(2) { display:none; } .point-icon img { min-width:36px; min-height:36px; } } @container wwp ((min-width:100px) and (max-width:920px)) { .point-point { min-width:170px; width:170px; font-size:16px; font-family:'AvenirNextProDemi'; line-height:16px; margin-left:10px; } .point-container:nth-of-type(2) { display:none; } .point-icon img { min-width:28px; min-height:28px; } } @container wwp ((min-width:100px) and (max-width:800px)) { .point-point { min-width:150px; width:150px; font-size:14px; font-family:'AvenirNextProDemi'; line-height:14px; margin-left:10px; } .point-container:nth-of-type(2) { display:none; } .point-icon img { min-width:24px; min-height:24px; } } @container wwp ((min-width:100px) and (max-width:725px)) { .point-point { min-width:175px; width:175px; font-size:16px; font-family:'AvenirNextProDemi'; line-height:16px; margin-left:10px; } .point-container:nth-of-type(2) { display:none; } .point-icon img { width:32px; height:32px; } .services-container { flex-wrap:wrap; } .point-container { flex: 1 0 50%; align-items:flex-end; } } @container wwp ((min-width:100px) and (max-width:420px)) { .point-point { min-width:175px; width:175px; font-size:16px; font-family:'AvenirNextProDemi'; line-height:16px; margin-left:10px; } .point-container:nth-of-type(2) { display:flex; } .point-icon img { width:32px; height:32px; } .services-container { flex-wrap:wrap; } .point-container { flex: auto; align-items:flex-end; } } @container wwp ((min-width:100px) and (max-width:310px)) { .point-icon img { width:26px; height:26px; } .point-point { min-width: 150px; width: 150px; font-size: 14px; font-family: 'AvenirNextProDemi'; line-height: 16px; margin-left: 10px; } } @container wwp ((min-width:1000px) and (max-width:1360px)) { .point-container:nth-of-type(2) { display:none; } .point-container { width: auto; } .services-container { justify-content: space-between; width:75%; } .point-point { width:215px; min-width:215px; margin-left:10px; font-size:20px; font-family:'AvenirNextProDemi'; line-height:22px; } .point-icon img { min-width:40px; min-height:40px; } } @container wwp (min-width:1199px) { .point-point { width:215px; margin-left:10px; font-size:20px; font-family:'AvenirNextProDemi'; line-height:22px; } } .services-container { display:flex; width:100%; margin-left:auto; margin-right:auto; justify-content: space-between; } .photographic-cta-container-size { container-type: inline-size; container-name: cta; margin-top:36px; } @container cta (min-width: 1010px) { .photographic-cta-form-container { margin-top: 45px; } } @container cs ((min-width: 240px) and (max-width:299px)) { .cta-twoline { font-size:20px; font-family:'AvenirNextProBold'; line-height:1.1; width:90%; } .results-card { height: 400px; padding: 0; padding-top:1rem; } .results-button.hs-button { margin-top: 0; display:none; } .results-statistics { flex-direction:column; margin-bottom:0; row-gap:10px; width:60%; } .results-percentage { font-size:24px; font-family:'AvenirNextProBold'; } .results-result { font-size:8px; width:60%; } .arrow-container { height:22px; } .arrow-container svg { height:22px; width:19px; } } @container cs ((min-width: 300px) and (max-width:399px)) { .cta-twoline { font-size:24px; font-family:'AvenirNextProBold'; line-height:1.1; width:90%; } .results-card { height: 400px; padding: 0; padding-top:1rem; } .results-button.hs-button { margin-top: 0; display:none; } .results-statistics { flex-direction:row; margin-bottom:0; row-gap:2rem; width:90%; margin-top:2rem; } .odometer-inside { display: flex; flex-direction: row; } .results-statistic { flex:1 0 50%; } .results-percentage { font-size:30px; font-family:'AvenirNextProBold'; } .results-result { font-size:12px; width:90%; } .arrow-container { height:26px; } .arrow-container svg { height:26px; width:23px; } } @container cs ((min-width: 400px) and (max-width:599px)) { .cta-twoline { font-size:34px; font-family:'AvenirNextProBold'; line-height:1.1; width:90%; } .results-card { height: 400px; padding: 0; padding-top:1rem; } .results-button.hs-button { margin-top: 0; display:none; } .results-statistics { flex-direction:row; margin-bottom:0; row-gap:1rem; width:90%; } .odometer-inside { display: flex; flex-direction: row; } .results-statistic { flex:1 0 50%; } .results-percentage { font-size:36px; font-family:'AvenirNextProBold'; } .results-result { font-size:14px; width:80%; } .arrow-container { height:32px; } .arrow-container svg { height:32px; width:28px; } } @container cs ((min-width: 600px) and (max-width:699px)) { .cta-twoline { font-size:34px; font-family:'AvenirNextProBold'; line-height:1.1; width:480px; } .results-card { height: 320px; padding: 0; padding-top:1rem; } .results-button.hs-button { margin-top: 0; display:none; } .results-statistics { flex-direction:row; margin-bottom:0; margin-top:2rem; row-gap:1rem; width:98%; } .odometer-inside { display: flex; flex-direction: row; } .results-statistic { flex:1 0 25%; } .results-percentage { font-size:36px; font-family:'AvenirNextProBold'; } .results-result { font-size:14px; width:100%; } .arrow-container { height:32px; } .arrow-container svg { height:32px; width:28px; } } @container cta (max-width:2000px) { .success-message-text { font-size:32px; } } @container cta (max-width:850px) { .success-message-header { font-size:40px; } } @container cta (max-width:700px) { .success-message-header { font-size:36px; } } @container cta (max-width:625px) { .success-message-header { font-size:32px; } .success-message-text { font-size:26px; } } @container cta (min-width:851px) { .success-message-header { font-size: 48px; } } @container cs ((min-width: 700px) and (max-width:899px)) { .cta-twoline { font-size:38px; font-family:'AvenirNextProBold'; line-height:1.1; width:560px; } .results-card { height: 320px; padding: 0; padding-top:1rem; } .results-button.hs-button { margin-top: 0; display:none; } .results-statistics { flex-direction:row; margin-bottom:0; margin-top:2rem; row-gap:1rem; width:98%; } .odometer-inside { display: flex; flex-direction: row; } .results-statistic { flex:1 0 25%; } .results-percentage { font-size:38px; font-family:'AvenirNextProBold'; } .results-result { font-size:14px; width:150px; } .arrow-container { height:32px; } .arrow-container svg { height:32px; width:28px; } } .cta-twoline { text-align: center; } /* Background Image */ @container cs ((min-width: 900px) and (max-width:999px)) { .cta-twoline { font-size:38px; font-family:'AvenirNextProBold'; line-height:1.1; width:720px; } .results-card { height: 320px; padding: 0; padding-top:1rem; } .results-statistics { flex-direction:row; margin-bottom:0; margin-top:1rem; row-gap:1rem; width:98%; } .odometer-inside { display: flex; flex-direction: row; } .results-statistic { flex:1 0 25%; } .results-button.hs-button { width:176px; height:44px; display:flex; font-size:16px; padding:0; align-items: center; justify-content: center; margin-top:1rem; } .results-percentage { font-size:44px; font-family:'AvenirNextProBold'; } .results-result { font-size:16px; width:166px; } .arrow-container { height:35px; } .arrow-container svg { height:35px; width:30px; } } @container cs ((min-width: 1000px) and (max-width:1099px)) { .cta-twoline { font-size:38px; font-family:'AvenirNextProBold'; line-height:1.1; width:720px; } .results-card { height: 320px; padding: 0; padding-top:1rem; } .results-statistics { flex-direction:row; margin-bottom:0; margin-top:1rem; row-gap:1rem; width:98%; } .odometer-inside { display: flex; flex-direction: row; } .results-statistic { flex:1 0 25%; } .results-button.hs-button { width:176px; height:44px; font-size:16px; display:flex; padding:0; align-items: center; justify-content: center; margin-top:1rem; } .results-percentage { font-size:44px; font-family:'AvenirNextProBold'; } .results-result { font-size:16px; width:166px; } .arrow-container { height:35px; } .arrow-container svg { height:35px; width:30px; } } @container cs ((min-width: 1100px)) { .cta-twoline { font-size:48px; font-family:'AvenirNextProBold'; line-height:1.1; width:830px; } .results-card { height: 400px; padding: 0; padding-top:1rem; } .results-statistics { flex-direction:row; margin-bottom:0; margin-top:1rem; row-gap:1rem; width:100%; max-width:1100px; } .odometer-inside { display: flex; flex-direction: row; } .results-statistic { flex:1 0 24%; } .results-button.hs-button { width:208px; height:52px; font-size:18px; padding:0; display:flex; align-items: center; justify-content: center; margin-top:1rem; } .results-percentage { font-size:52px; font-family:'AvenirNextProBold'; } .results-result { font-size:18px; width:180px; } .arrow-container { height:45px; } .arrow-container svg { height:45px; width:39px; } } .cs-container-size { container-type: inline-size; container-name: cs; } /* success message */ .success-message { background:#B6C7CB; color:white; border-radius:15px; display:flex; flex-direction:column; } .checkmark-container, .success-message-header, .success-message-text { z-index:1000000000; } .checkmark-container { height: 60%; position: relative; top: -8%; left: 50%; transform: translateX(-50%); margin-bottom: 0; } .success-message-header { font-family: 'AvenirNextProHeavy'; line-height: 1.2; max-width: 500px; text-align: center; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } .success-message-text { font-family: 'AvenirNextProBold'; line-height: 1.2; max-width: 550px; margin-left: auto; width:90%; margin-right: auto; text-align: center; margin-top: 2rem; }