/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on June 9, 2017 */
@font-face {
    font-family: "tt_squaresblack";
    src: url("../assets/fonts/ttsquares-black-webfont.woff2") format("woff2"),
        url("../assets/fonts/ttsquares-black-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "tt_squaresbold";
    src: url("../assets/fonts/ttsquares-bold-webfont.woff2") format("woff2"),
        url("../assets/fonts/ttsquares-bold-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "tt_squareslight";
    src: url("../assets/fonts/ttsquares-light-webfont.woff2") format("woff2"),
        url("../assets/fonts/ttsquares-light-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "tt_squaresregular";
    src: url("../assets/fonts/ttsquares-regular-webfont.woff2") format("woff2"),
        url("../assets/fonts/ttsquares-regular-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "DINPro-Light";
    font-style: normal;
    font-weight: normal;
    src: local("DINPro-Light"), url("../assets/fonts/DINPro-Light_13935.woff") format("woff");
}
body {
    max-width: 1500px;
    font-family: "tt_squaresregular";
    font-size: 18px;
    color: #ffffff;
    overflow-x: hidden;
    margin: 0 auto;
    background-color: #000000;
    background-image: url("../assets/images/bg-body.png");
}
img {
    max-width: 100%;
}
h1,
h2,
h3,
h4,
h5 {
    font-family: "tt_squaresblack";
}
p {
    font-size: 22px;
}
@media (max-width: 768px) {
    p {
        font-size: 20px;
    }
}
.text-color1 {
    color: #ed1c2c;
}
.text-color2 {
    color: #af1f2a;
}
.font1_semi {
    font-family: "acer_focosemibold";
}
.font1_black,
.fw-black {
    font-family: "tt_squaresblack";
}
.font1_light,
.fw-light {
    font-family: "tt_squareslight";
}
.font1_bold,
.fw-bold {
    font-family: "tt_squaresbold";
}
.font1_regular,
.fw-regular {
    font-family: "tt_squaresregular";
}
.font-size-xxxSmall {
    font-size: 10px !important;
}
.font-size-xxSmall {
    font-size: 10px !important;
}
.font-size-xSmall {
    font-size: 12px !important;
}
.font-size-small {
    font-size: 14px !important;
}
.font-size-regular {
    font-size: 18px !important;
}
.font-size-medium {
    font-size: 25px !important;
}
.font-size-large {
    font-size: 32px !important;
}
.font-size-xLarge {
    font-size: 42px !important;
}
.font-size-xxLarge {
    font-size: 55px !important;
}
.font-size-xxxLarge {
    font-size: 65px !important;
}
@media (min-width: 768px) {
    .font-size-md-xxxSmall {
        font-size: 10px !important;
    }
    .font-size-md-xxSmall {
        font-size: 10px !important;
    }
    .font-size-md-xSmall {
        font-size: 12px !important;
    }
    .font-size-md-small {
        font-size: 14px !important;
    }
    .font-size-md-regular {
        font-size: 18px !important;
    }
    .font-size-md-medium {
        font-size: 25px !important;
    }
    .font-size-md-large {
        font-size: 32px !important;
    }
    .font-size-md-xLarge {
        font-size: 42px !important;
    }
    .font-size-md-xxLarge {
        font-size: 55px !important;
    }
    .font-size-md-xxxLarge {
        font-size: 65px !important;
    }
}
@media (min-width: 992px) {
    .font-size-lg-xxxSmall {
        font-size: 10px !important;
    }
    .font-size-lg-xxSmall {
        font-size: 10px !important;
    }
    .font-size-lg-xSmall {
        font-size: 12px !important;
    }
    .font-size-lg-small {
        font-size: 14px !important;
    }
    .font-size-lg-regular {
        font-size: 18px !important;
    }
    .font-size-lg-medium {
        font-size: 25px !important;
    }
    .font-size-lg-large {
        font-size: 32px !important;
    }
    .font-size-lg-xLarge {
        font-size: 42px !important;
    }
    .font-size-lg-xxLarge {
        font-size: 55px !important;
    }
    .font-size-lg-xxxLarge {
        font-size: 65px !important;
    }
}
@media (min-width: 1200px) {
    .font-size-xl-xxxSmall {
        font-size: 10px !important;
    }
    .font-size-xl-xxSmall {
        font-size: 10px !important;
    }
    .font-size-xl-xSmall {
        font-size: 12px !important;
    }
    .font-size-xl-small {
        font-size: 14px !important;
    }
    .font-size-xl-regular {
        font-size: 18px !important;
    }
    .font-size-xl-medium {
        font-size: 25px !important;
    }
    .font-size-xl-large {
        font-size: 32px !important;
    }
    .font-size-xl-xLarge {
        font-size: 42px !important;
    }
    .font-size-xl-xxLarge {
        font-size: 55px !important;
    }
    .font-size-xl-xxxLarge {
        font-size: 65px !important;
    }
}
hr {
    background: #ed1c2c;
    height: 5px;
    width: 150px;
}
hr.outline {
    background: transparent;
    border: 1px solid #ed1c2c;
}
#hero {
    background: url("../assets/images/bg-hero.jpg") center top no-repeat;
    background-size: cover;
}
#hero ul.feature-list {
    list-style: none;
}
@media (min-width: 768px) {
    #hero ul.feature-list li {
        border-right: 1px solid #ed1c2c;
    }
}
@media (min-width: 768px) {
    #hero ul.feature-list li:last-child {
        border-right: none;
    }
}
#hero .intro {
    padding-top: 80px;
}
@media (min-width: 768px) {
    #hero .intro {
        padding-top: 60px;
    }
}
@media (min-width: 992px) {
    #hero .intro {
        padding-top: 120px;
    }
}
@media (min-width: 1200px) {
    #hero .intro {
        padding-top: 140px;
    }
}
#heading {
    background: linear-gradient(to bottom, transparent 90%, #000),
        url("../assets/images/bg-heading.jpg") center top no-repeat;
    background-size: cover;
}
@media (min-width: 992px) {
    #heading {
        padding-top: 10rem;
    }
}

@media (min-width: 768px) {
    #technologies .title {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 90px;
    }
}
.bordered-title {
    position: relative;
}
.bordered-title h2 {
    margin-bottom: 0;
}
.bordered-title::after {
    content: "";
    background: #ed1c2c;
    width: 80%;
    height: 3px;
    display: inline-block;
}
@media (min-width: 992px) {
    .bordered-title.bordered-extended::after {
        width: calc(80% + 40px);
        margin-left: -40px;
    }
}
.bordered-list li {
    border: 1px solid #ed1c2c;
}
.stars-bg {
    background: url("../assets/images/stars-bg.jpg") center top repeat-y;
}
#specs {
    background: url("../assets/images/stars-bg.jpg") center repeat;
    margin-top: 3rem;
}
#specs .specs-header-bg {
    background: url("../assets/images/specs-bg.png"), center 30px no-repeat;
}
#specs hr {
    background: #af1f2a;
    width: 120px;
}
#specs img {
    margin-bottom: -70px;
}

#specs .specs-board {
    background-color: #000;
    border: 2px solid #af1f2a;
    max-width: 95%;
    margin: 0 auto;
}
#specs ul li {
    border-bottom: 1px solid #6f6f6f;
    padding: 15px 10px;
    text-align: center;
}
@media (min-width: 992px) {
    #specs .specs-board {
        max-width: 80%;
    }
    #specs ul li {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 25px 25px;
    }
}
#specs ul li .title {
    color: #af1f2a;
    display: block;
    font-family: "tt_squaresbold";
}
@media (min-width: 992px) {
    #specs ul li .title {
        width: 200px;
        text-align: left;
    }
}
#specs ul li .desc {
    display: block;
}
@media (min-width: 992px) {
    #specs ul li .desc {
        text-align: left;
        width: calc(100% - 260px);
    }
}
#specs ul li:last-child {
    border-bottom: 0;
}
#footer {
    background: #ed1c2c;
}
#footer span {
    line-height: 1;
}