@font-face {  
font-display:swap;
}

.text-center {
    text-align: center;
}
.text-left {
    text-align: left;
}
.text-right {
    text-align: right;
}
.dir-ltr {
    direction: ltr;
}
.valign {
    vertical-align: middle;
}
.valign-top {
    vertical-align: top;
}
.display-block {
    display: inline-block;
}
.display-flex {
    display: flex;
}
.gap2em {	
		gap: 2em;
	}
#middle.landing {
    width: 700px;
    margin-top: 0;
    padding: 25px 0px 20px;
}
.landing #content_wrap {
    width: 100%;
    margin-top: 0;
}
.landing .header-content {
    width: 710px;
}
.landing h1 {
    margin-bottom: 10px;
    font-size: 31px;
    color: #333;
}
.landing h2 {
    margin: 0 0 20px 0;
    font-size: 18px;
    line-height: 1.5;
    color: #333;
}
.landing .subtitle {
    font-size: 22px;
    color: #000;
    margin: 0 0 18px 0;
}
.landing #content_wrap p,
.landing #content_wrap p a,
.landing #content_wrap li,
.landing #content_wrap li a,
#form-content label {
    font-size: 16px;
    line-height: 1.75;
}
.landing #content_wrap .quote_block blockquote p {
    font-size: 17px;
    line-height: 1.55;
}
.landing .video-wrap {
    margin: 0;
}
.lp-downloadBtn {
    text-align: center;
}
.lp-downloadBtn a {
    width: 192px;
    font-size: 17px;
    padding: 3px 0;
    margin: 15px 0 10px;
}
.pdf,
.excell,
.rnd {
    background: url(../images/sprite.png) 0 -58px no-repeat;
    width: 25px;
    height: 24px;
    text-indent: -99999px;
    display: inline-block;
    margin: 3px 3px 3px 0;
}
.pdf {
    background: url(../images/sprite.png) -33px -58px no-repeat;
}
.rnd {
    background: url(../images/sprite.png) -64px -58px no-repeat;
}
.compbl_features .tag {
    padding: 2px 4px;
    background: rgb(255, 217, 66);
    font-size: 11px;
    margin: 0 3px;
}

/* Clearcheck  */

.landing-clearcheck #middle.landing {
    width: 100%;
}
.landing-clearcheck .header-content {
    width: 1000px;
}
.landing-clearcheck .row {
    float: none;
    max-width: 1000px;
    margin: 0 auto;
    /*min-height: 200px;*/
}
.lp-menu {
    list-style-type: none;
    margin: 39px 0 20px;
}
.lp-menu li {
    float: left;
    margin: 0 12px;
}
.lp-menu li a {
    font: 12pt/1.4 'Lato', sans-serif;
    padding-bottom: 3px;
}
.lp-menu li a:hover {
    color: #1754AE;
    border-bottom: 1px dotted #1754AE;
}

/* fixed header  */

.header-wrap {
    background: #fff;
}
.fixedNav {
    height: 68px;
    transition: all .2s;
}
.fixedNav .header-logo a {
    background-size: 70%;
    margin: 5px 0 0;
    background-position: left top;
}
.fixedNav .slogan {
    font-size: 11px;
    top: 41px;
    left: 64px;
}
.fixedNav .lp-menu {
    margin: 24px 0 20px;
}
.fixedNav .lp-menu li {
    margin: 0 23px 0 0 !important;
}
.fixedNav .lp-menu li a {
    font: 11.5pt/1.4 'Lato', sans-serif;
}

/* fixed header  */

#form-content,
.section-btn {
    border-top: 1px solid #B8B8B8;
    border-bottom: 1px solid #B8B8B8;
    padding: 20px 0;
    margin: 26px 0 0;
    text-align: center;
}
#returnmessageone {
    position: relative;
    color: rgb(47, 158, 34);
    font-size: 14px;
    line-height: 1.4;
    text-align: center;
}
#returnmessagetwo {
    position: relative;
    color: rgb(47, 158, 34);
    font-size: 14px;
    line-height: 1.4;
    text-align: center;
}
#returnmessagethree {
    position: relative;
    color: rgb(47, 158, 34);
    font-size: 14px;
    line-height: 1.4;
    text-align: center;
}
#form-content label {
    font: 17px 'Lato', sans-serif;
}
.full-form#form-content label {
    font: 16px 'Lato', sans-serif;
    display: inline-block;
    width: 228px;
    margin: 7px 0;
}
.your_info {
    font: 17px 'Lato', sans-serif;
}
.full-form#form-content {
    text-align: left;
}
#form-content input[type=text],
#form-content textarea {
    width: 250px;
    margin: 0 5px;
}
#form-content .button,
.fixedNav .bt_nav {
    border: 0;
    margin: 3px 0;
    font-size: 12pt;
    width: 76px;
    line-height: 1.3;
    padding: 4px 0;
    background: #ffa500;
    /* Old browsers */
    background: -moz-linear-gradient(top, #ffa500 1%, #f7a000 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #ffa500), color-stop(100%, #f7a000));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffa500 1%, #f7a000 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffa500 1%, #f7a000 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ffa500 1%, #f7a000 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #ffa500 1%, #f7a000 100%);
    /* W3C */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffa500', endColorstr='#f7a000', GradientType=0);
    /* IE6-9 */
    cursor: pointer;
    border: 1px solid #EC9003;
}
.screen-wrap {
    background: #E9F3F7;
    padding: 36px 0;
    text-align: center;
    position: relative;
}
.section-border {
    border-top: 1px solid #ccc;
}
.screen {
    margin: 0 auto;
    background: url('/lp/img/screen.jpg') no-repeat center;
    height: 433px;
    width: 723px;
}
.screen-wrap img:before {
    border-top: 1px solid #fff;
    content: '';
}
.how-wrap {
    background: #F0F0F0;
}
.quote-square img {
    border-radius: 0 !important;
}
.offering {
    border-bottom: 1px solid #ccc;
}
.why,
.customers,
.how,
.offering,
.section-item,
.section-form,
.section-gap {
    position: relative;
    padding: 36px 0;
}
.why span,
.customers span#customers,
.how span,
.row #overview,
.offering span,
.section-item span,
.section-form span,
section span[id] {
    position: absolute;
    top: -100px;
}
#returnmessage span {
    position: static;
    color: red;
}
#returnmessage,
.returnmessage {
    text-align: center;
    color: #fff;
    background: #09a50f;
    padding: 0.5em 1em;
    width: fit-content;
    margin: 1em auto;
}
#returnmessage:empty,
.returnmessage:empty {
    display: none;
}
.section-form {
    padding: 10px 0;
}
.partners .lp-menu li {
    margin: 0 33px 0 0;
}
.lp-menu#eclipse li {
    margin: 0 31px 0 0;
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}
.header-wrap {
    border-bottom: 1px solid #DDD;
    box-shadow: none;
}
.partner-nav {
    top: 0;
    background: #F7F7F7;
    height: 52px;
}
.fixedNav {
    height: 56px;
    z-index: 55;
}
.partner-nav .header-logo {
    display: none;
}
.partner-nav .lp-menu {
    margin: 15px auto 12px;
}
.partners .fixedNav .header-logo {
    display: block;
    width: 165px;
}
.fixedNav .lp-menu {
    margin: 18px auto 20px;
    position: relative;
}
.fixedNav .header-logo a {
    background: url(/lp/img/logo-black.svg) left top no-repeat;
    background-size: 65%;
    margin: 4px 0 0 0;
}
.fixedNav .bt_nav,
.fixedNav .bt_nav:hover,
#form-content .bt_orange {
    color: #fff;
    border-radius: 3px;
    padding: 3px 9px 4px;
    display: inline-block !important;
    text-align: center;
    margin: -4px 0 0 0;
    width: auto;
    height: auto;
    text-decoration: none;
}
.f-logos img {
    margin: 8px 23px 4px 23px;
    vertical-align: middle;
}
.landing .lp-downloadBtn a,
.btn-quote {
    margin: 10px 0;
    background: #ffa500;
    /* Old browsers */
    background: -moz-linear-gradient(top, #ffa500 1%, #f7a000 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #ffa500), color-stop(100%, #f7a000));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffa500 1%, #f7a000 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffa500 1%, #f7a000 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ffa500 1%, #f7a000 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #ffa500 1%, #f7a000 100%);
    /* W3C */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffa500', endColorstr='#f7a000', GradientType=0);
    /* IE6-9 */
    cursor: pointer;
    border: 1px solid #F98D1D;
}

/*  get quote button on clearcheck service*/

.quote {
    text-align: center;
}
.btn-quote {
    color: #fff;
    font-size: 25px;
    padding: 9px 35px;
    margin: 10px auto;
    border-radius: 3px;
    box-shadow: 0px 1px 3px 0px rgba(2, 2, 2, 0.3);
    font-family: 'Lato', sans-serif;
    /*text-transform: uppercase;*/
}
.landing #content_wrap li {
    padding-left: 19px;
    background: transparent url(../../images/icon_square.gif) no-repeat scroll left 10px;
    /*background:none;*/
}
.landing #content_wrap ol li {
    background: none;
}
.faq-q {
    font-weight: 600;
    font-size: 16px !important;
}
#content_wrap iframe {
    margin: 20px auto 10px;
    display: block;
}

/* Renewal page  */

.renewal-main {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ddf6fd+100,1e5799+100 */
    background: #ffffff;
    /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 20%, #ddf6fd 100%, #1e5799 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #ffffff), color-stop(100%, #ddf6fd), color-stop(100%, #1e5799));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffffff 20%, #ddf6fd 100%, #1e5799 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffffff 20%, #ddf6fd 100%, #1e5799 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ffffff 20%, #ddf6fd 100%, #1e5799 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #ffffff 20%, #ddf6fd 100%, #1e5799 100%);
    /* W3C */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#1e5799', GradientType=0);
    /* IE6-9 */
    height: 270px;
    padding: 0 0 20px 0;
}
.renewal-main .row {
    background: transparent url(/lp/img/renewal-img1.gif) no-repeat 19px bottom;
    height: 319px;
}
.renew-proposal {
    margin: 2em auto !important;
}
.main-text {
    width: 44%;
    padding: 2% 7%;
    text-align: left;
}
.main-text h2 {
    font: 19px/1.5 'Lato', sans-serif;
}
.landing #content_wrap .main-text p {
    font: 17px/1.3 'Lato', sans-serif;
}
.landing #content_wrap .main-text p span {
    font: bold 17px/1.6 'Lato', sans-serif;
    display: inline-block;
}
.proposal-item {
    width: 31%;
    float: left;
    margin: 0 2% 3% 0;
    padding: 0 0.6em 0 0;
    border-right: 1px dotted #888;
    height: 163px;
}
.last {
    margin: 0;
    padding: 0;
    border: 0;
}
.proposal-item h3,
.proposal-item h3 a {
    font: bold 13pt/1.5 'Lato', sans-serif;
    margin: 0 0 9px 0;
}
span#annotate,
span#comp_BL,
span#clearcheck {
    display: block;
    float: left;
    height: 72px;
    margin-top: 2px;
    margin-right: 13px;
    width: 60px;
    background-size: cover !important;
}
span#annotate {
    background: url(/images/logos.png) no-repeat scroll left 0 transparent;
}
span#comp_BL {
    background: url(/images/logos.png) no-repeat scroll -62px 0 transparent;
}
span#clearcheck {
    background: url(/images/logos.png) no-repeat scroll -125px 0 transparent;
}

/*  Projects page  */

.projects-history .subtitle {
    color: #333;
}
.projects {
    margin: 40px 0;
}
.projects .project-item {
    margin: 40px auto;
}
.how-wrap .project-item {
    padding: 25px 0;
}
.project-item h3,
.projects-history .subtitle {
    font: bold 13pt/1.7 'Lato', sans-serif;
    margin: 8px 0;
}
.img-gallery4 {
    display: inline-block;
    text-align: center;
    margin: 15px 10px 0;
    width: 20%;
}
.img-gallery4 img {
    border: 1px solid #999;
    box-shadow: 0px 4px 5px -2px #999;
}
.img-gallery4 span {
    width: 100%;
    display: inline-block;
}
.img-gallery {
    display: inline-block;
    text-align: center;
    margin: 25px 10px 0;
    width: 29%;
}
.img-gallery img {
    border: 1px solid #d6d6d6;
    box-shadow: 0px 4px 5px -2px #999;
}
.img-gallery span {
    width: 100%;
    display: inline-block;
}

/*  ROI calculator  */

.form-calc h2.subtitle {
    margin: 0;
}
.form-calc h3 {
    font: normal 13pt/1.7 'Lato', sans-serif;
    margin: 6px 0 15px 0;
}
.form-calc p {
    margin: 12px 0 13px;
}

/* v-bullets list  */

#content_wrap ul.v-list {
    margin: 0.5em 0em 1em 0em;
}
#content_wrap ul.v-list li {
    background: transparent url(/images/v-icon.png) no-repeat scroll left 10px !important;
    padding-left: 27px;
    margin: 0.3em 0;
}
.alm_email_boxes li {
    list-style: none;
}
.alm_email_boxes li input {
    position: relative;
    top: 2px;
}
li .breaks {
    padding: 0 10px;
}

/* News */

.realted-posts {
    display: flex;
    flex-wrap: wrap;
}
.related-item {
    width: calc(100% * (1/4) - 10px - 1px);
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    padding: 0 20px 15px 0;
    flex-grow: 1;
    max-width: 25%;
}
.related-item a:first-of-type {
    background-position: center;
    height: 135px;
    display: block;
    border: 1px solid #e4e4e4;
    background-repeat: no-repeat;
    background-size: cover;
}
.related-item a:first-of-type.related-item-default {
    background-image: url(/images/logo-gitlab-item.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.related-item:hover a {}
.related-item h3 {
    font: 17px/1.5 'Lato', sans-serif;
    margin: 1em 0;
}

/* features table on LP */

.gitlab-features td {
    padding-top: 10px;
    padding-bottom: 10px;
}
.gitlab-features td.feature_v img {
    vertical-align: middle;
}
.compbl_features th:first-child,
.gitlab-features th:first-child {
    text-align: left;
    width: 38%;
}
.compbl_features th {
    text-align: center;
    padding: 7px 8px;
}
.compbl_features th h3 {
    font-size: 18px;
}
.compbl_features th span {
    font-size: 14px;
}
.button {
    font-family: 'Lato', sans-serif;
    background: rgb(50, 160, 213);
    color: #fff;
    padding: 0.3em 0.6em;
    display: inline-block;
    border-radius: 3px;
    margin: 0.4em 0;
    line-height: 1.3rem;
    box-sizing: border-box;
}
a.button:hover {
    text-decoration: none;
    background: rgb(26, 133, 185);
}
.lang-detect-box .button {
    padding: 0.2em 0.8em 0.3em 0.8em;
    margin: 0 10px;
    display: inline-block;
}
.icon-play {
    background: url('../img/play-icon.png') no-repeat center;
    height: 20px;
    width: 20px;
    display: inline-block;
}
.button.btn-header {
    margin: -4px 0 0 0;
    padding-bottom: 6px;
}
a.button.btn-header:hover {
    text-decoration: none;
    color: #fff;
}

/* Fixed table head */

.fixed {
    top: 36px;
    position: fixed;
    width: 100%;
    max-width: 1000px;
    display: none;
    border: none;
    border-left: 1px solid #ccc;
    z-index: 1;
}
.scrollMore {
    margin-top: 600px;
}
.up {
    cursor: pointer;
}

/* Table tooltip */

.tooltip {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black;
}
.tooltip .tooltiptext {
    visibility: hidden;
    width: 17em;
    background-color: #333;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 10px 14px;
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 33%;
    top: auto;
    margin-left: -60px;
    opacity: 0;
    transition: opacity 0.3s;
    font-size: 0.9em;
}
.tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}
.tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}

/* Promo banner */

.promo-banner {
    padding: 5px 10px;
    background-color: #ffd556;
    font-size: 16px;
    text-align: center;
    line-height: 1.2;
}
.promo-banner > a {
    color: #000;
    text-decoration: underline;
}
.animated,
.animated a {
    transition: all .2s linear;
}
.animated {
    animation-duration: 1s;
    animation-fill-mode: both;
}

/* Language detect box */

.lang-detect-box {
    width: 100%;
    padding: 11px 0;
    background-color: #e7f3f7;
    /*border:1px solid #ddd;
		box-sizing:border-box;		
		margin: 10px auto 0;*/
    position: relative;
	transform: translate(0, 0);
}
.lang-detect-box .close {
    /*position: absolute;
		top: -8px;
		right: -10px;*/
    float: right;
    margin: 4px 20px 0 0;
}

.banner-slideUp {
  animation: slideUp 0.5s forwards;
 -webkit-animation: slideUp 0.5s forwards;
  -moz-animation: slideUp .5s forwards;
}

@-moz-keyframes slideUp{
	0%{transform: translate(0, 0);height:50px;opacity:1}
	100%{transform: translate(0, -50px);height:0px;opacity:1}
}
@-webkit-keyframes slideUp{
	0%{transform: translate(0, 0);height:50px;opacity:1}
	100%{transform: translate(0, -50px);height:0px;opacity:1}
	}
@-o-keyframes slideUp{
	0%{transform: translate(0, 0);height:50px;opacity:1}
	100%{transform: translate(0, -50px);height:0px;opacity:1}
	}
@keyframes slideUp{
	0%{transform: translate(0, 0);height:50px;opacity:1}
	100%{transform: translate(0, -50px);height:0px;opacity:1}
	}
/* Mobile */	
@media screen and (max-width: 650px) {
	.display-flex-m {
    display: block;
}
}

@media all and (max-width:567px) {
    .breaks {
        display: block;
    }
    #form-content input#submit {
        margin-top: 10px;
    }
    .alm_email_boxes li {
        text-align: left;
    }
    .fixed {
        width: auto;
        max-width: 100%;
    }
}