/* BOOSTRAP CUSTOMIZATION
================================================== */
.fixed-top {
    z-index: 100;
}
a>code{
    color: #fff;
}

.navbar {
    margin-bottom: 0;
}

.navbar-default {
    background: none;
    border: none;
}
pre code{
    white-space: pre-wrap;
    background-color: transparent;
    border-radius: 0;
}
pre{
    display: block;
    padding: 9.5px;
    margin: 0 0 10px;
    font-size: 13px;
    color: #333;
    word-break: break-all;
    word-wrap: break-word;
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    border-radius: 4px;
    line-height: 1.42;
}
.page-content p {
    word-break: break-word;
}


.img-responsive{
    max-width: 100%;
    height: auto;
    vertical-align: top;
}
.w-20 {
    width: 20%!important;
}
.w-33 {
    width: 33%!important;
}
.w-40 {
    width: 40%!important;
}
.w-60 {
    width: 60%!important;
}

.gitter-open-chat-button{
    background-color: #8c2235;
    color: #fff;
    font-size: 0;
    width: 4rem;
    height: 4rem;
    padding: 0;
    border-radius: 50%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-transform: none;
    bottom: 1rem;
    right: 1rem;
    box-shadow: 7.3px 6.8px 23px 0 rgba(0, 0, 0, 0.08);
}

.gitter-open-chat-button:after{
    content: "Chat";
    font-size: 12px;
 }
.gitter-open-chat-button:before{
    content: "";
    display: inline-block;
    vertical-align: top;
    font-size: 22px;
    width: 1em;
    height: 1em;
    background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTguMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDM3MCAzNzAiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDM3MCAzNzA7IiB4bWw6c3BhY2U9InByZXNlcnZlIiB3aWR0aD0iMzJweCIgaGVpZ2h0PSIzMnB4Ij4KPHBhdGggZD0iTTMxNC44MzQsNTAuMjNDMjgwLjAyNCwyMC4wNDUsMjMzLjkxNSwzLjQyMywxODUsMy40MjNjLTQ4LjkxNSwwLTk1LjAyNCwxNi42MjItMTI5LjgzNCw0Ni44MDcgIEMxOS41OTMsODEuMDc3LDAsMTIyLjMxNywwLDE2Ni4zNTFjMCw0My4xMzIsMTkuMjI4LDg0LjA3Myw1My4yNjMsMTE0LjQ0MWMtMTUuNzc3LDI3LjM1NC00Mi4yNDYsNTMuMDA4LTQyLjU1MSw1My4zMDIgIGMtNS43NjQsNS41NDQtNy40MDgsMTQuMTE3LTQuMTA4LDIxLjRjMy4wNzksNi43ODksOS44MzIsMTEuMDgzLDE3LjE4OCwxMS4wODNjMC41MzksMCwxLjA4My0wLjAyMywxLjYyOC0wLjA3ICBjMy4xNjktMC4yNzMsNzYuNDM1LTYuODg3LDE0MC4wMTEtMzguMTM5YzYuNTE4LDAuNjA1LDEzLjA3OSwwLjkxMiwxOS41NywwLjkxMmM0OC45MTUsMCw5NS4wMjQtMTYuNjIzLDEyOS44MzQtNDYuODA3ICBDMzUwLjQwNywyNTEuNjI0LDM3MCwyMTAuMzg1LDM3MCwxNjYuMzUxQzM3MCwxMjIuMzE3LDM1MC40MDcsODEuMDc3LDMxNC44MzQsNTAuMjN6IE05MC42MTEsMTg1ICBjLTE1Ljc0MSwwLTI4LjU1MS0xMi44MDgtMjguNTUxLTI4LjU1MWMwLTE1Ljc0MiwxMi44MS0yOC41NSwyOC41NTEtMjguNTVjMTUuNzQ0LDAsMjguNTUxLDEyLjgwOCwyOC41NTEsMjguNTUgIEMxMTkuMTYyLDE3Mi4xOTIsMTA2LjM1NSwxODUsOTAuNjExLDE4NXogTTE4NSwxODVjLTE1Ljc0MiwwLTI4LjU1MS0xMi44MDgtMjguNTUxLTI4LjU1MWMwLTE1Ljc0MiwxMi44MDktMjguNTUsMjguNTUxLTI4LjU1ICBzMjguNTUxLDEyLjgwOCwyOC41NTEsMjguNTVDMjEzLjU1MSwxNzIuMTkyLDIwMC43NDIsMTg1LDE4NSwxODV6IE0yNzkuMzg5LDE4NWMtMTUuNzQ0LDAtMjguNTUxLTEyLjgwOC0yOC41NTEtMjguNTUxICBjMC0xNS43NDIsMTIuODA3LTI4LjU1LDI4LjU1MS0yOC41NWMxNS43NDEsMCwyOC41NTEsMTIuODA4LDI4LjU1MSwyOC41NUMzMDcuOTQsMTcyLjE5MiwyOTUuMTMsMTg1LDI3OS4zODksMTg1eiIgZmlsbD0iI0ZGRkZGRiIvPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8L3N2Zz4K);
    background-size: contain;
    margin-bottom: 3px;
 }
.gitter-open-chat-button.is-collapsed{
    transform: translateY(150%);
}



.gitter-open-chat-button:focus,
.gitter-open-chat-button:hover{
    background-color: #7b1e2f;
}
.footer__like{
    width: 1.1em;
    height: 1.1em;
    fill: currentColor;
    fill: #b92d46;
}
.socialNetwork__icon{
    width: 1em;
    height: 1em;
    fill: #fff;
    border: 3px solid #9a253a;
    padding: 8px;
    font-size: 2.9rem;
    border-radius: 50%;
    margin: 0 0.1em;
    transition: all 0.3s ease-in-out;
}
.socialNetwork__icon:hover{
    /*border-color: #fff;*/
    fill: #9a253a;
}
.bs-docs-footer{
    background-color: #333333;
    color: rgba(255, 255, 255, 0.5);
    padding: 1.5rem;
}

.bs-docs-footer a,
.bs-docs-footer a:link,
.bs-docs-footer a:visited{
    color: #fff;
    /*text-decoration: underline;*/
}

.iubenda-ibadge{
    margin: 0.6rem 0.2rem 0;
}
.iubenda-black{
    background: #9b253a;
}

.header{
    padding: 4rem 0;
}
.header__desc{
    font-size: 1.2rem;
    text-align: center;
    color: #c5c5c5;
    margin: 1rem 0 1.5rem;
}
.header__title{
    font-size: 2.2rem;
    line-height: 1.3;
    font-weight: bold;
    text-align: center;
    color: #9b253a;
    margin-bottom: 2rem;
}
.header .btn{
    margin-bottom: 1.8rem;
}

.call-to-action{
    padding-bottom: 1rem;

}
.call-to-action__icon{
    position: absolute;
    right: 1rem;
    bottom: 1rem;
    width: 130px;
    height: 130px;
    opacity: 0.12;
}
.call-to-action__title{
    color: inherit;
}
.call-to-action__desc{
    color: inherit;
    opacity: 0.6;
    margin: 0 0 1rem;
}
.call-to-action__item{
    padding: 2rem 4rem 2rem 3rem;
    color: #353535;
    position: relative;
    box-shadow: 7.3px 6.8px 23px 0 rgba(0, 0, 0, 0.08);
}
.call-to-action__first{
    border-radius: 1rem 0 0 1rem;

}
.call-to-action__second{
    background: #9b253a;
    color: #fff;
    border-radius: 0 1rem 1rem 0;
}
.chart{
    padding: 0 1rem 3rem;
}

.nav.nav-tabs {
    margin-bottom: 2rem;
}

.btn:active, .btn.active {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.container .jumbotron {
    border-radius: 0;
}

.jumbotron {
    font-size: 16px;
}

.jumbotron h1 {
    text-align: left;
}

/*forms*/
.form-control {
    -webkit-box-shadow: none;
    box-shadow: none
}

.has-error div {
    padding: 5px;
    margin-bottom: 20px;
    display: block;
}

#dockerPullChart {
    max-width: 800px;
    max-height: 400px;
    margin-left: auto;
    margin-right: auto;
}

.table.middle tbody tr td {
    font-size: 1.1em;
    vertical-align: middle;
}

table.ts {
    border-collapse: separate;
    border-spacing: 0.5em 1em;
}

code {
    color: white;
    background-color: steelblue;
}

.table.middle code {
    font-size: 0.9em;
}

/*tabs*/

/** expand the link to fill the whole tab **/
.panel-title a {
    display: block;
    padding: 10px 15px;
    margin: -10px -15px;
    outline: none;
}

.panel-default > .panel-heading {
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

.panel-default {
    border: none;
}

.navbar-default .navbar-toggle {
    margin-top: 22px;
}

/*** MEDIA QUERIES ***/

@media (max-width: 767px) {
}

@media (min-width: 768px) {
}

@media (min-width: 992px) {
}

@media (min-width: 1200px) {
}

/*** END MEDIA QUERIES ***/

/* END BOOSTRAP CUSTOMIZATION
================================================== */

/* NEKO CSS FRAMEWORK
================================================== */

.iconRounded {
    border-radius: 50%;
    width: 40px;
    height: 40px;
    display: block;
    text-align: center;
    padding-top: 11px;

}

.iconRounded:before {
    margin: auto;
    text-align: center;
}

.iconBig {
    font-size: 50px;
}

.iconBig.iconRounded {
    width: 112px;
    height: 112px;
    padding-top: 29px;
    border-width: 4px;
}

.boxFeature {
    margin-bottom: 33px;
}

/* v2 */
.boxFeature-2 {
    text-align: center;
}

.boxFeature-2 i {
    margin-bottom: 22px;
    display: block;
}

.boxFeature-2 p {
    font-size: 12px;
}

.boxContent {
    padding: 22px;
}


/*** MEDIA QUERIES ***/

@media (max-width: 767px) {
}

@media (min-width: 768px) {
    .isotopeItem .iconBig {
        font-size: 33px;
    }

    .isotopeItem .iconBig.iconRounded {
        width: 80px;
        height: 80px;
        padding-top: 18px;
    }

    .isotopeItem .iconLinks a span {
        font-size: 10px;
    }
}

@media (min-width: 992px) {
    .iconBig, .isotopeItem .iconBig {
        font-size: 66px;
    }

    .iconBig.iconRounded, .isotopeItem .iconBig.iconRounded {
        width: 125px;
        height: 125px;
        padding-top: 28px;
    }

    .isotopeItem .iconLinks a span {
        font-size: 12px;
    }
}

@media (min-width: 1200px) {
}

/*** END MEDIA QUERIES ***/
/* NEKO CSS FRAMEWORK
================================================== */

/* TYPOGRAPHY
================================================== */

body {
    font-size: 16px;
    line-height: 1.375;
    font-family: Arial, Helvetica, sans-serif;
    -webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
    -webkit-text-size-adjust: 100%;
    margin: 0;
    padding: 4rem 0 0;
    font-family: 'Open Sans', sans-serif;
}

h1, h2, h3, h4, h5, h6, legend {
    margin: 0;
    font-weight: 400;
    font-family: 'Open Sans', sans-serif;
}

h1 {
    font-size: 44px;
    line-height: 1.2;
    font-weight: 400;
    font-style: normal;
    text-align: center;
    text-transform: capitalize;
    position: relative;
    letter-spacing: 0.1em;
    margin-bottom: 17px;
}

h1.noSubtitle {
    margin-bottom: 90px;
}

.bigTitle, h1.bigTitle, h2.bigTitle, h3.bigTitle {
    font-weight: 800;
    font-size: 5em;
    line-height: 1.2;
    text-transform: uppercase;
    padding: 0.5em 0;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2);
}

.paralaxText h2 {
    font-size: 3.21em;
    font-weight: 800;
    line-height: 1.5em;
    text-transform: uppercase;
    padding: 0.5em 0;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2);
}

.paralaxText blockquote {
    font-size: 33px;
    line-height: 1.2;
    margin-bottom: 0;
    font-weight: 300;
    font-family: 'Open Sans', sans-serif;
    padding-left: 0;
    border: none;
    text-transform: uppercase;
    text-align: center;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2);
    letter-spacing: 0.1em;
}

h2 {
    font-size: 24px;
    line-height: 1.2;
    font-weight: 500;
    font-style: normal;
    padding: 0;
    margin-bottom: 17px;

}
.jumbotron{
    background-color: #eee;
}
h2.subTitle {
    font-size: 24px;
    line-height: 1.2;
    font-weight: 300;
    font-style: normal;
    padding: 0;
    margin-bottom: 90px;
    text-align: center;
}

h2.subTitle:after, h1.noSubtitle:after {
    display: block;
    height: 1px;
    width: 100px;
    content: '';
    bottom: -37px;
    position: absolute;
    margin-left: -50px;
    left: 50%;
}

/* remove the underline on H1 when not needed */
h1.bigTitle:after, .boxWrapper h1:after, .pricingBloc h1:after, .team h1:after, .iconBoxV3 h1:after, #sliderWrapper h1:after, .fullwidthbanner-container h1:after, .camera_caption h1:after, .caption h1:after, .bulle h1:after, .iconBoxV2 .iconBox-body h1:after {
    content: none
}

h3, legend {
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 14px;
    font-weight: 600;
    letter-spacing: -0.06em;
}

h4 {
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 6px;
    /*font-style: bold;*/
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 300;
}

h5 {
    font-style: normal;
    font-weight: 300;
    font-size: 1.116em;
    line-height: 1.5714em;
    margin-bottom: 0.916em;
}

h6 {
    font-weight: 300;
    font-style: italic;
    margin-bottom: 2em;
    font-size: 1em;
    line-height: 1.2;
}

h1 small, h2 small, h3 small, h4 small {
    text-transform: none;
    font-size: 0.5em;
    font-weight: 400;
    color: inherit;
}

p, ul {
    margin-top: 0;
    margin-bottom: 12px;
}

strong {
    font-weight: bold
}

small, aside {
}

li {
    line-height: inherit;
}

a:link, a:visited {
    text-decoration: none;
    font-family: 'Open Sans', sans-serif;
}

a:hover, a:active {
    text-decoration: underline;
}

ul.iconsList li a:hover {
    text-decoration: none;
}

a.readMore {
    display: block;
    margin-top: 0.75em;
    font-style: italic;
}

blockquote {
    font-size: 22px;
    line-height: 33px;
    margin-bottom: 0;
    font-weight: 300;
    font-family: 'Open Sans', sans-serif;
    padding: 0;
    border: none;
    text-align: left;
}

blockquote p {
    font-size: inherit;
}

blockquote small {
    font-size: 50%;
    display: inline;
}

blockquote:before {
    content: '\e928';
    font-family: 'custom-icons';
    margin-right: 0.5em;
}

blockquote:after {
    content: '\e929';
    font-family: 'custom-icons';
    margin-left: 0.5em;
}

.quoteRow blockquote:before, .quoteRow blockquote:after {
    content: none;
}

hr {
    padding: 0;
    margin: 3em 0 3em 0;
}

.hero-unit blockquote {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-style: italic;
}

/*** MEDIA QUERIES ***/

@media (max-width: 767px) {
}

@media (min-width: 768px) {
    .paralaxText blockquote {
        font-size: 44px;
        line-height: 1.2;
    }
}

@media (min-width: 992px) {
}

@media (min-width: 1200px) {
}

/*** END MEDIA QUERIES ***/
/*#flexHome h1 {*/
/*font*/
/*}*/

/* END TYPOGRAPHY
================================================== */
/* GENERAL
================================================== */
.slice {
    padding: 1rem 0;
}

/*** buttons ***/
.btn {
    text-transform: capitalize;
    padding: 15px 20px;
    font-size: 18px;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;

    padding: 1.1em 3em;
    background-color: #9b253a;
    font-size: 0.75rem;
    font-weight: 600;
    line-height: 1.3;
    letter-spacing: 2.4px;
    text-align: center;
    color: #ffffff;
    text-transform: uppercase;
    border-radius: 10rem;
    font-family: 'Open Sans', sans-serif;
}
.btn:hover,
.btn:focus,
.btn:active{
    background-color: #8c2235;
    color: rgba(255, 255, 255, 0.5);
}
.btn-o{
    color: #9c283c;
    border: solid 3px #9b253a;
    background: none;
}
.btn-o-white{
    color: #fff;
    border: solid 3px #fff;
    background: none;
}


.btn-lg {
    padding: 1.8em 5.5em;
    /*font-size: 1.3rem;*/
}

.btn-sm {
    padding: 4px 11px;
    font-size: 12px;
    border-radius: 4px;
    letter-spacing: 0.03em;
    text-transform: none;
    font-weight: 600;
}

.btn-xs {
    padding: 4px 7px;
    font-size: 10px;
    border-radius: 4px;
}

.btn-link {
    text-transform: none;
    text-shadow: none;
    padding: 0;
    background: none;
    color: #9b253a;
}
.btn-link:hover,
.btn-link:focus,
.btn-link:active{
    background: none;
    color: #9b253a;
}

.btn i {
    margin-right: 0.5em;
}

/*** call to actioon ***/

.ctaBox {
    padding: 33px 11px;
}

.ctaBoxFullwidth {
    padding: 0;
}

.ctaBox a {
    margin-top: 22px;
}

.ctaBox h1 {
    font-size: 22px;
    line-height: 33px;
    margin-bottom: 0;
    font-weight: 300;
    font-family: 'Open Sans', sans-serif;
    padding: 0;
    border: none;
    text-align: left;
    letter-spacing: normal;
    text-transform: none;
}

/*** MEDIA QUERIES ***/

@media (max-width: 767px) {
    .btn-lg {
        padding: 1em 3.5em;
    }
}

@media (min-width: 768px) {
    .slice {
        padding: 1rem 0 7rem;
    }
}

@media (min-width: 992px) {

    .ctaBox a {
        float: right;
        margin-top: 0;
    }
}

@media (min-width: 1200px) {
}

/*** END MEDIA QUERIES ***/

/* END GENERAL
================================================== */

/* PARALLAX STUFF
================================================== */
#paralaxSlice1, #paralaxSlice2, #paralaxSlice4, #paralaxSlice5, #paralaxSlice6, #paralaxSlice7, #paralaxSlice8, #paralaxSlice9, #paralaxSlice10, #paralaxSlice11, #paralaxSlice12, #homeFullScreen {
    width: 100%;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-size: cover;
    background-position: top center;
}

.maskParent {
    position: relative;
    height: 100%;
    width: 100%
}

.paralaxText {
    padding-top: 66px;
    padding-bottom: 66px;
    text-align: center;
    position: relative;

}

.paralaxMask {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    background: rgba(0, 0, 0, 0.15);
}

/*** MEDIA QUERIES ***/

@media (max-width: 767px) {
}

@media (min-width: 768px) {
}

@media (min-width: 992px) {
}

@media (min-width: 1200px) {

    #paralaxSlice1, #paralaxSlice2, #paralaxSlice3, #paralaxSlice4, #paralaxSlice5, #homeFullScreen {
        background-attachment: fixed;
        background-position: 50% 0;
        background-size: cover;
    }

}

/*** END MEDIA QUERIES ***/

/* END PARALLAX STUFF
================================================== */

/* HEADER
================================================== */
#mainHeader #manifestoHeader {
    background: #eee;
}

.navbar-brand {
    padding: 0;
}
.navbar-brand h2{
    margin: 0;
    color: #fff;
    font-size: 18px;
    letter-spacing: 3.8px;
}

.fixedHeader {
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999;
}

.fixedHeader #mainMenu li a {
    padding-bottom: 0.5em;
    padding-top: 0.5em;
}

.fixedHeader .nav-brand {
    margin-top: 0.6em;
    width: 100px;
}
.header__github{
    max-width: 149px;
    width: 11%;
    position: absolute;
    top: 0;
    right: 0;
    border: 0;
    z-index: 1;
    clip-path: polygon(100% 0, 0 0, 100% 100%);
}
.header__github img{
    width: 100%;
}

/*** MEDIA QUERIES ***/

@media (max-width: 767px) {
    body {
        padding-top: 66px;
    }
}

@media (min-width: 768px) {
}

@media (min-width: 992px) {
}

@media (min-width: 1200px) {
}

/*** END MEDIA QUERIES ***/

/* END HEADER
================================================== */

/* MAIN MENU
================================================== */

.navbar{
    padding: 0;
    height: 4rem;
}
.navbar-toggler{
    margin: 10px 0 10px auto;
    color: #fff;
    border-color: #fff;
    font-size: 26px;
}
.navbar-nav > li > a {
    display: block;
    font-size: 1em;
    font-weight: 300;
    margin: 0;
    vertical-align: middle;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    padding: 4px 5px 3px;
    color: #777;
    font-size: 12px;
    letter-spacing: 2.4px;
    border-bottom: 1px solid rgba(255, 255, 255, 0);
    color: #ddc0c0;
    margin-left: 15px;
}

.navbar-nav > li > a i {
    font-size: 16px;
    text-align: center;
    padding: 20px 0 10px 0;
    color: #ccc;
}

.navbar-nav > li > a:hover i, .navbar-nav > li.active > a i {
    color: #fff;
}

#mainHeader #manifestoHeader .pull-right {
    float: none !important;
}

/*** MEDIA QUERIES ***/

@media (max-width: 767px) {
    .header{
        padding: 2rem 0;
    }
    .header .img-responsive{
        width: 150px;
    }
    .header__desc{
        font-size: 1rem;
        margin: 0.5rem 0;
    }
    .header__title{
        font-size: 1.5rem;
        margin-bottom: 1rem;
    }
    .navbar-nav > li > a{
        display: inline-block;
    }
    .navbar-collapse{
        position: absolute;
        top: 100%;
        left: -15px;
        right: -15px;
        background: #9b253a;
        padding: 1rem 0;
        border-top: 1px solid rgba(255, 255, 255, 0.2);
        box-shadow: 0 6px 9px 0 rgba(0, 0, 0, 0.34);
    }
}

@media (min-width: 768px) {
    .navbar-nav > li > a i {
        display: block;
    }

    .navbar-nav > li > a {
        /* padding-top: 0; */
        /* padding-bottom: 0; */
        /* height: 4rem; */
    }

    #mainHeader #manifestoHeader .pull-right {
        float: right !important;
    }
}

@media (min-width: 992px) {
}

@media (min-width: 1200px) {
}

/*** END MEDIA QUERIES ***/

/* END MAIN MENU
================================================== */
/* HOME
================================================== */
body#fullScreen {
    padding-top: 0
}

body#fullScreen #mainHeader #manifestoHeader {
    display: none;
}

#home {
    padding-top: 44px;
}

#mapWrapper {
    height: 350px;
}

#homeFullScreen {
    background-image: url('../images/theme-pics/big-city.jpg');
    /*background-image: url('../images/theme-pics/paralax-1.jpg');*/
    height: 100%;
    display: table;
}

#homeFullScreen .maskParent {
    display: table;
}

#fullScreenSliderWrapper {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    text-align: center;
    margin: auto;
}

.btn.homeBtn {
    position: relative;
    background: rgba(255, 255, 255, 0.25);
}

#logoBig img {
    width: 300px;
    margin: auto;
    position: relative
}

#homeFullScreen #flexHome {
    margin: 0;
}

#homeFullScreen #flexHome h1, #homeFullScreen #flexHome .flex-control-nav {
    text-align: center;
    margin-bottom: 44px;
}

#homeFullScreen .flexslider .slides > li {
    height: 80px;
}

/*** MEDIA QUERIES ***/

@media (max-width: 767px) {
    #homeFullScreen #flexHome h1 {
        font-size: 22px;
    }

    #logoBig {
        padding: 0 11px;
    }
}

@media (min-width: 768px) {
    #home {
        padding-top: 70px;
    }

}

@media (min-width: 992px) {
}

@media (min-width: 1200px) {
}

/*** END MEDIA QUERIES ***/

/* END HOME
================================================== */
/* NEWS
================================================== */
.newsText {
    padding: 20px 20px 25px 20px;
    margin-bottom: 22px;
    border-radius: 10px;
    background-color: #ffffff;
    box-shadow: 7.3px 6.8px 23px 0 rgba(0, 0, 0, 0.08);
}

.newsText__icon{
    font-size: 6rem;
    height: 1em;
    width: 1em;
    margin: 1rem auto 2rem;
}
.newsText__icon svg{
    width: 100%;
    height: 100%;
}

.newsText h2 {
    font-size: 19px;
    text-align: center;
    color: #333333;
    font-weight: 600;
}
.newsText h4 {
    font-size: 14px;
    line-height: 1.67;
    text-align: left;
    color: #666666;
}

.date {
    font-size: 12px;
    line-height: 1.2;
    font-style: italic;
}

.newsText p {
    font-size: 12px;
}

/* END NEWS
================================================== */

/* FOOTER
================================================== */

footer {
    padding: 44px 0;
    font-size: 15px;
}

#footerLogo {
    margin-bottom: 22px;
}

#footerRights {
    padding: 22px;
    font-size: 12px;
}

@media (min-width: 768px) {
    .footerWidget {
        float: right;
    }
}

/* END FOOTER
================================================== */

/* SLIDERS
================================================== */
/*** flex ***/
#flexHome {
    background: transparent;
    margin-top: 0;
}

#flexHome .flex-control-nav {
    text-align: left;
    margin-bottom: -44px;

}

#flexHome h1 {
    margin-bottom: 11px;
    font-weight: 300;
    font-size: 32px;
    line-height: 1.2;
    text-transform: uppercase;
    padding: 0;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2);
    width: 100%;
    text-align: left;
    display: inline-block;
}

#flexHome h1:after {
    content: ''
}

#flexHome h2 {
    text-align: left;
    display: inline-block;
}

.flexslider .slides > li {
    height: 110px;
}

.flex-control-nav {
    position: static;
    margin-top: 22px;
}

.flex-control-nav li {
    margin-left: 0;
    margin-right: 11px;
}

.flex-control-nav {
    display: none;
}

/** OWL SLIDER **/
.owl-buttons {
}

.owl-theme .owl-controls .owl-buttons div {
    position: absolute;
    top: 42%;
    background: none;
    font-family: 'custom-icons';
    font-size: 3em;
    text-align: center;
    color: #fff;

}

.owl-next {
    right: 0;
}

.owl-prev {
    left: 0;
}

.owl-next:before {
    content: '\e766';
}

.owl-prev:before {
    content: '\e765';
}

.owl-theme .owl-controls {
    margin-top: 22px;
}

/*** MEDIA QUERIES ***/
@media (max-width: 400px) {
    h1 {
        font-size: 30px;
        line-height: 1.3;
        letter-spacing: 0.01em;
    }
    .flexslider .slides > li {
        height: 120px;
    }

    #homeFullScreen .flexslider .slides > li {
        height: 60px;
    }

    #flexHome h2 {
        font-size: 12px;
    }
    .btn-docs{
        display: table;
        margin: 0 auto 10px;
        padding: 10px 15px;
    }
    col[style="width: 50%"]{
        display: none;
    }
}

@media (min-width: 768px) {

    #flexHome h1 {
        font-size: 40px;
    }

    #flexHome {
        margin-top: 44px;
    }

    .flex-control-nav {
        display: block;
    }

    .flexslider .slides > li {
        height: 160px;
    }

    #homeFullScreen .flexslider .slides > li {
        height: 80px;
    }
}

@media (min-width: 992px) {
    .newsText {
        min-height: 100%;
        margin-bottom: 0;
    }
    #flexHome h1 {
        font-size: 50px;
    }

    #flexHome {
        margin-top: 66px;
    }

    .flexslider .slides > li {
        height: 200px;
    }

    #homeFullScreen .flexslider .slides > li {
        height: 100px;
    }
}

@media (min-width: 1200px) {
    #flexHome h1 {
        font-size: 80px;
    }

    #flexHome {
        margin-top: 88px;
    }

    .flexslider .slides > li {
        height: 250px;
    }

}

/*** END MEDIA QUERIES ***/

/* PORTFOLIO
================================================== */
nav#filter {
    margin-bottom: 22px;
}

nav#filter li {
    display: inline-block;
    list-style: none;
}

.isotopeItem {
    margin-bottom: 22px;
}

.isotopeItem .boxContent {
    margin-top: 22px;
    padding: 0;
}

header#project {
    padding: 22px 0;
}

#project h1 {
    text-align: left;
}

#pageslide {
    display: none;
    position: fixed;
    top: 0;
    height: 100%;
    z-index: 9999;
    width: 100%;
    background-color: #fff;
    color: #000;
    box-shadow: none;
    padding: 0;
}

#slidingSheetWrapper .stage {
    width: 100%;
    height: auto;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    position: relative;
}

#slidingSheetWrapper .content {

    width: 100%;
}

/* END PORTFOLIO
================================================== */

/* FORM
================================================== */
#verifyImg {
    margin-bottom: 11px;
}

/*** MEDIA QUERIES ***/

@media (max-width: 767px) {
}

@media (min-width: 768px) {
}

@media (min-width: 992px) {
}

@media (min-width: 1200px) {
    input#verify {
        margin-top: 0;
    }
}

/*** END MEDIA QUERIES ***/

/* END FORM
================================================== */

/* MISCELANIOUS
================================================== */

/* Preloader one page */
#preloader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10000; /* makes sure it stays on top */
    background: white;
    text-align: center;
}

#status {
    width: 100%;
    height: 100px;
    position: absolute;
    left: 0; /* centers the loading animation horizontally one the screen */
    top: 50%; /* centers the loading animation vertically one the screen */

    margin-top: -100px; /* is width and height divided by two */
    text-align: center;
    padding-top: 15px;
    text-transform: uppercase;
    border-radius: 11px;
}

#status img {
    margin-bottom: 22px;
}

/*** hover images ***/
.imgHover article {
    position: relative;
}

.mask {
    position: absolute;
    top: 0;
    left: 15px;
    background: rgba(79, 175, 194, 1);
    /*width:100%;*/
    display: none;
    z-index: 0;
}

.iconLinks {
    display: none;
    position: relative;
}

.iconLinks a {
    display: inline-block;
    text-decoration: none;

}

.iconLinks a:hover i {
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

.iconLinks a span {
    position: relative;
    top: -30px;
    font-size: 16px;
    text-align: center;
    width: 100%;
    display: block;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: normal;

}

.mediaHover {
    text-align: center;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;

}

.ie8 .mask {
    bacground: white;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}

ul.socialNetwork {
    padding: 0;
    display: block;
}

ul.socialNetwork li {
    display: inline-block;
    list-style-type: none;
}

/*** pricing table ***/
.pricingBloc {
    text-align: center;
    margin-top: 22px;
}

.pricingBloc ul {
    list-style-type: none;
    margin: 0;
    padding: 0 1.5em;
}

.pricingBloc ul li {
    padding: 1.5em 0
}

.pricingBloc h2 {
    font-size: 14px;
    margin-bottom: 0;
    padding: 11px;
    font-weight: 300;
}

.pricingBloc h3 {
    font-size: 44px;
    font-weight: 400;
    display: block;
    padding: 22px;
    margin-bottom: 0;
}

.pricingBloc h3 span {
    font-size: 14px;
    font-weight: 300;
    margin: 11px 0 0 0;
    display: block;
    letter-spacing: normal;
}

.pricingBloc p {
    margin-bottom: 0;
    padding: 1.5em
}

.pricingBloc.focusPlan {
    margin-top: 0;
}

.pricingBloc.focusPlan h3 {
    padding: 1.25em;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2);
}

/*** end pricing table ***/

/*** responsive video ***/
.videoWrapper {
    position: relative;
    padding-bottom: 54%;
    padding-top: 25px;
    height: 0;
}

.videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

p.credits {
    padding: 1.5em;
    margin-bottom: 1.5em
}

/*** end responsive video ***/

.sharrre .button {
    float: left;
    width: 60px;
}

/** Coming soon **/
body#comingSoon {
    padding-top: 0;
    background: #4B4A4A
}

#comingSoon .bgComingSoon {
    text-align: center;
}

#comingSoon h1 {
    color: #eee;
}

.comingSoonLogo {
    margin: 22px auto
}

.bgComingSoon {
    padding-top: 10%;
    padding-bottom: 10%;
}

.countdown_amount {
    display: block;
    font-size: 44px;
    padding-top: 60px;
    line-height: 0;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    color: #333;
}

.countdown_section {
    display: inline-block;
    width: 150px;
    height: 150px;
    margin: 10px;
    border-radius: 50%;
    border: 3px solid #eee;
    text-align: center
}

#defaultCountdown {
    text-align: center;
}

.logoImg {
    height: 200px;
    width: 200px;
    border: 2px solid #eee;
}

/*** MEDIA QUERIES ***/

@media (max-width: 767px) {
}

@media (min-width: 768px) {

}

@media (min-width: 992px) {
    #defaultCountdown {
        margin-top: 70px;
    }
}

@media (min-width: 1200px) {
}

/*** END MEDIA QUERIES ***/

/* END MISCELANIOUS
================================================== */

/* PRESENTATION
================================================== */

.presentationBox {
    min-height: 300px;
    font-size: 1.3em;
}

.font15em, blockquote.font15em {
    font-size: 1.5em;
}

.font12em, blockquote.font12em {
    font-size: 1.2em;
}

.reddish {
    color: #9b253a;
}

/* END PRESENTATION
================================================== */
.examples{
    background-color: #9b253a;
    color: #fff;
    margin-bottom: 6rem;
}

.examples .nav-tabs .nav-link{
    border-radius: 0;
}
.examples .nav-item .nav-link,
.examples .nav-link{
    background: #fff;
    color: #9b253a;
    padding: 1rem 1rem;
    border: none;
}
.examples .nav-item.show .nav-link,
.examples .nav-link.active{
    background-color: #9b253a;
    color: #fff;
}
.examples__title{
    font-size: 1.6rem;
    color: #ffffff;
}
.examples__desc{
    font-size: 1rem;
    color: #cb99a2;
    margin: 1rem 0 1.5rem;
}



.bd-toc{
    position: -webkit-sticky;
    position: sticky;
    top: 4rem;
    height: calc(100vh - 4rem);
    z-index: 10;
    overflow-y: auto;
    border-left: 1px solid #e8e8e8;
    background-color: #fcfcfc;
    padding: 15px 15px 15px 5px;
}
.bd-toc ul{
    padding-left: 10px;
    list-style: none;
    font-size: 14px;
    line-height: 1.4;
}
.bd-toc li{
    padding: 0.2em 0;
}
.bd-toc a{
    color: #666;
}

@media (min-width: 768px) {
    .bd-sidebar{
        position: -webkit-sticky;
        position: sticky;
        top: 4rem;
        height: calc(100vh - 4rem);
        z-index: 10;
        border-right: 1px solid #e8e8e8;
        padding: 0;
    }
    .bd-sidebar__menu{
        height: calc(100vh - 10rem);
        overflow-y: auto;
        display: block;
    }
}

.bd-sidebar__toggle{
    margin-left: auto;
}

.bd-sidebar__search{
    /*height: 6rem;*/
    margin-bottom: 0.3rem;
    position: relative;
}
.bd-sidebar__input{
    height: 2rem;
    padding: 0 2.5rem 0 0.8rem;
    font-size: 14px;
}
.bd-sidebar__submit{
    position: absolute;
    right: 0;
    top: 0;
    height: 2rem;
    width: 2.3rem;
    padding: 0;
    border: none;
    box-shadow: none;
    text-transform: none;
    background: none;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    opacity: 0.5;
    transition: all 0.3s ease-in-out;
}
.bd-sidebar__submit:hover{
    opacity: 1;
}

.bd-sidebar__head{
    height: 6rem;
    padding: 0.8rem 15px 0;
    border-bottom: 1px solid #e8e8e8;
}
.bd-sidebar__menu{
    padding: 15px 10px 15px 15px;
    font-size: 14px;
    font-weight: 300;
    line-height: 1.3;
    text-align: left;
    color: #666666;
}
.bd-sidebar__menu h2{
    font-size: 1em;
    color: #000000;
    font-weight: 600;
    line-height: 1.3;
    margin: 0 0 0.5rem;
}
.bd-sidebar__menu ul{
    padding-left: 0.5rem;
    list-style: none;
}
.bd-sidebar__menu li{
    padding: 0.2em 0;
}
.bd-sidebar__menu a{
    color: #333333;
}


.docs-head{
    border-bottom: 1px solid #e8e8e8;
    min-height: 5rem;
    padding-bottom: 1rem;
    margin-bottom: 1rem;
    position: relative;
    z-index: 2;
}
.docs-head h1{
    font-size: 1.4rem;
    text-align: left;
    font-weight: 600;
}

.docs-head .btn:not(.docs-head__btn){
    padding: 0.6rem 2rem;
    letter-spacing: 0.05rem;
    text-transform: none;
    font-size: 1rem;
}

.docs-head__btn{
    width: 3.2rem;
    height: 2.7rem;
    padding: 0;
    border-radius: 1rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    margin-right: 0.5rem;
}
.docs-head__btn svg{
    fill: #fff;
}


.bd-content>h2[id],
.bd-content>h3[id],
.bd-content>h4[id]{
    margin-top: 1em;
    color: steelblue;
}


.bd-content>h2[id]::before,
.bd-content>h3[id]::before,
.bd-content>h4[id]::before{
    display: block;
    height: 5rem;
    margin-top: -5rem;
    visibility: hidden;
    content: "";
}



/*.bd-content>h2[id]::after,*/
/*.bd-content>h3[id]::after,*/
/*.bd-content>h4[id]::after{*/
    /*content: "#";*/
    /*color: #9b253a;*/
    /*margin-left: 0.25em;*/
/*}*/



@media (max-width: 991px) {
    .docs-head{
        display: block !important;
    }
    .docs-head h1{
        margin-bottom: 1rem !important;
    }
}
@media (max-width: 767px) {
    .gitter-open-chat-button{
        display: none;
    }

    .call-to-action__title{
        font-size: 1.2rem;
    }
    .btn{
        letter-spacing: 0.04em;
        padding-left: 2rem;
        padding-right: 2rem;
    }
    .btn-link{
        padding: 0;
    }
    .docs-head__btn{
        padding-left: 0;
        padding-right: 0;
    }
    .newsText__icon{
        font-size: 4rem;
        margin-top: 0;
        margin-bottom: 1rem;
    }
    .call-to-action__item{
        border-radius: 1rem;
        box-shadow: 0 0 23px 0 rgba(0, 0, 0, 0.08);
        padding: 2rem;
    }
    .docs-head .btn:not(.docs-head__btn){
        display: none;
    }
    .bd-sidebar{
        margin-bottom: 1.5rem;
    }
    .bd-sidebar__submit,
    .bd-sidebar__input{
        height: 2.5rem;
    }
    .bd-sidebar__head{
        height: auto;
        padding: 1rem 0 0.5rem;
    }
    .docs-head{
        padding-bottom: 0.5rem;
        min-height: 3rem;
    }
    .bd-sidebar__menu{
        border-bottom: 1px solid #e8e8e8;
    }
}