.comix-back{
    background-image: linear-gradient(rgba(232,0,0,0.8), rgba(0,0,0,0.8)), url(../img/cover.png);
    background-size: cover;
    width: 100%;
}
.text-white{
    color: #ffffff;
}
.bg-comix-default{
    background-color: #f70506!important;
}
.comix-text{
    color: #f70506;
}
.dark-comix-text{
    color: #343740;
}
.bg-comix-dark{
    background-color: #343740!important;
}
.btn-comix {
    color: #ffffff!important;
    background-color: #343740 ;
    border-color: #ffffff!important;
}
.btn-comix:focus,
.btn-comix.focus {
    color: #fff;
    background-color: #00B27E;
    border-color: #00e365;
}
.btn-comix:hover {
    color: #f70506!important;
    background-color: #343740!important;
    border-color: #f70506!important;
}
.btn-comix:active,
.btn-comix.active,
.open > .dropdown-toggle.btn-comix {
    color: #fff;
    background-color: #00B27E;
    border-color: #00CC90;
}
.btn-comix:active:hover,
.btn-comix.active:hover,
.open > .dropdown-toggle.btn-comix:hover,
.btn-comix:active:focus,
.btn-comix.active:focus,
.open > .dropdown-toggle.btn-comix:focus,
.btn-comix:active.focus,
.btn-comix.active.focus,
.open > .dropdown-toggle.btn-comix.focus {
    color: #fff;
    background-color: #00CC90;
    border-color: #00e365;
}
.btn-comix:active,
.btn-comix.active,
.open > .dropdown-toggle.btn-comix {
    background-image: none;
}
.btn-comix.disabled:hover,
.btn-comix[disabled]:hover,
fieldset[disabled] .btn-comix:hover,
.btn-comix.disabled:focus,
.btn-comix[disabled]:focus,
fieldset[disabled] .btn-comix:focus,
.btn-comix.disabled.focus,
.btn-comix[disabled].focus,
fieldset[disabled] .btn-comix.focus {
    background-color: #f70506 ;
    border-color: #00e3c4;
}
.btn-comix .badge {
    color: #f70506 ;
    background-color: #fff;
}
.btn-comix-outline {
    color: #343740;
    background-color: #ffffff ;
    border-color: #343740;
}
.btn-comix-outline:focus,
.btn-comix-outline.focus {
    color: #343740;
    background-color: #ffffff;
    border-color: #343740;
}
.btn-comix-outline:hover {
    color: #fff;
    background-color: #00B27E;
    border-color: #343740;
}
.btn-comix-outline:active,
.btn-comix-outline.active,
.open > .dropdown-toggle.btn-comix-outline {
    color: #fff;
    background-color: #00B27E;
    border-color: #343740;
}
.btn-comix-outline:active:hover,
.btn-comix-outline.active:hover,
.open > .dropdown-toggle.btn-comix-outline:hover,
.btn-comix-outline:active:focus,
.btn-comix-outline.active:focus,
.open > .dropdown-toggle.btn-comix-outline:focus,
.btn-comix-outline:active.focus,
.btn-comix-outline.active.focus,
.open > .dropdown-toggle.btn-comix-outline.focus {
    color: #fff;
    background-color: #00CC90;
    border-color: #343740;
}
.btn-comix-outline:active,
.btn-comix-outline.active,
.open > .dropdown-toggle.btn-comix-outline {
    background-image: none;
}
.btn-comix-outline.disabled:hover,
.btn-comix-outline[disabled]:hover,
fieldset[disabled] .btn-comix-outline:hover,
.btn-comix-outline.disabled:focus,
.btn-comix-outline[disabled]:focus,
fieldset[disabled] .btn-comix-outline:focus,
.btn-comix-outline.disabled.focus,
.btn-comix-outline[disabled].focus,
fieldset[disabled] .btn-comix-outline.focus {
    background-color: #f70506 ;
    border-color: #343740;
}
.btn-comix-outline .badge {
    color: #343740 ;
    background-color: #fff;
}
.padding-0{
    padding: 0px!important;
}
.comix-app-back{
    background-image: linear-gradient(rgba(0,227,158,0.1), rgba(0,227,158,0.2));
    background-size: cover;
}
.comix-dex-back{
    background-image: linear-gradient(rgba(0,227,158,0.2), rgba(0,227,158,0.3));
    background-size: cover;
}
.comix-oak-back{
    background-image: linear-gradient(rgba(0,227,158,0.3), rgba(0,227,158,0.4));
    background-size: cover;
}
.comix-pub-back{
    background-image: linear-gradient(rgba(0,227,158,0.4), rgba(0,227,158,0.5));
    background-size: cover;
}
.comix-art-back{
    background-image: linear-gradient(rgba(0,227,158,0.5), rgba(0,227,158,0.6));
    background-size: cover;
}
/*
.comix-border{
    border-color: #00e39e;
    border-width: medium;
    border-style: solid;
    cursor: pointer;
}
*/
.comix-app-back:hover{
    background-image: linear-gradient(rgba(0,227,158,0.7), rgba(0,227,158,0.7));
}
.comix-app-back:hover #app-support{
    color: #ffffff;
}
.comix-app-back:hover #app-white{
    color: #ffffff;
}
.comix-dex-back:hover{
    background-image: linear-gradient(rgba(0,227,158,0.7), rgba(0,227,158,0.7));
}
.comix-dex-back:hover #dex-support{
    color: #ffffff;
}
.comix-dex-back:hover #dex-white{
    color: #ffffff;
}
.comix-oak-back:hover{
    background-image: linear-gradient(rgba(0,227,158,0.7), rgba(0,227,158,0.7));
}
.comix-oak-back:hover #oak-support{
    color: #ffffff;
}
.comix-oak-back:hover #oak-white{
    color: #ffffff;
}
.comix-pub-back:hover{
    background-image: linear-gradient(rgba(0,227,158,0.7), rgba(0,227,158,0.7));
}
.comix-pub-back:hover #pub-support{
    color: #ffffff;
}
.comix-pub-back:hover #pub-white{
    color: #ffffff;
}
.comix-art-back:hover{
    background-image: linear-gradient(rgba(0,227,158,0.7), rgba(0,227,158,0.7));
}
.comix-art-back:hover #art-support{
    color: #ffffff;
}
.comix-art-back:hover #art-white{
    color: #ffffff;
}
.title-services{
    font-family: Dosis-SemiBold;
    font-size: 66px;
}
.title-support{
    font-family: Dosis-SemiBold;
    font-size: 18px;
    margin-top: 10px;
}
#back-to-top{
    color: #f70506;
    background-color: #343740;
}
.rounded-circle {
    border-radius: 50% !important;
}
.col-lg-12{
    width: 100%;
}
.border-check{
    border-color: #f70506!important;
}
.timeline-background-comix:before{
    height: 400px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 40px;
    width: 2px;
    margin-left: -1.5px;
    content: '';
    background-color: #f70506!important;
}
.story-not-yet{
    opacity: 0.6;
}
.border-radius5{
    border-radius: 5px;
}
.home-content{
    font-family: "Aveny-T-Web";
    text-transform: uppercase;
}
/*CSS PER SOVRASCRIVERE IL MAIN*/
.s-about{
    background-color: #ffffff!important;
}
.stats h5,h4,h6{
    color: #00e39e!important;
}
.stats__count{
    color: #343740!important;
}
.about__line{
    background-color: #00e39e!important;
}
.s-clients{
    background-color: #343740;
    padding: 1rem;
}
.s-clients h1,h2,h3{
    color: #ffffff!important;
}
.s-clients h1,h2,h3,h4,h5,h6{
    margin-top: 1.8rem;
}
.header-nav{
    background-color: #343740;
}
.back-to-comix{
    position: fixed;
    right: 38px;
    top: 24px;
    height: 42px;
    width: 42px;
    line-height: 42px;
    font-size: 1.3rem;
    text-transform: uppercase;
    letter-spacing: .3rem;
}
.dosis-text{
    font-family: "Dosis-Light";
}
.btn-back-to-comix {
    color: #ffffff!important;
    background-color: #343740 ;
    border-color: #ffffff!important;
    border-width: thin;
    border-style: solid;
    padding: 20px;
    display: inline-block;
    height: auto;
    font-size: 0px;
}
.btn-back-to-comix:hover {
    color: #fff!important;
    background-color: #00e39e!important;
    border-color: #00e39e!important;
}
.s-home{
    min-height: 5000px;
}
@media screen and (max-width: 600px) {
    .s-home{
        min-height: 2000px;
    }
    title-services{
        font-size: 54px;
        text-align: center!important;
    }
    .title-support{
        font-size: 14px;
        text-align: center!important;
    }
    #app-q{
        margin-right: 0px!important;
    }
    #app-q:after{
        content:"\a";
        white-space: pre;
    }
    #dex-q{
        margin-right: 0px!important;
    }
    #dex-q:after{
        content:"\a";
        white-space: pre;
    }
    #oak-q{
        margin-right: 0px!important;
    }
    #oak-q:after{
        content:"\a";
        white-space: pre;
    }
    #pub-q{
        margin-right: 0px!important;
    }
    #pub-q:after{
        content:"\a";
        white-space: pre;
    }
    #art-q{
        margin-right: 0px!important;
    }
    #art-q:after{
        content:"\a";
        white-space: pre;
    }
    .comix-border{
        border-color: #00e39e;
        border-width: thin;
        border-style: solid;
        cursor: pointer;
    }
    .back-to-comix{
        right: 25px;
    }
}