@font-face {
font-family: 'CeraGR';
src: url('fonts/CeraGR-Regular.eot');
src: url('fonts/CeraGR-Regular.eot?#iefix') format('embedded-opentype'),
    url('fonts/CeraGR-Regular.woff2') format('woff2'),
    url('fonts/CeraGR-Regular.woff') format('woff'),
    url('fonts/CeraGR-Regular.ttf') format('truetype'),
    url('fonts/CeraGR-Regular.svg#CeraGR-Regular') format('svg');
font-weight: normal;
font-style: normal;
font-display: swap;
}

@font-face {
    font-family: "CeraGR";
    src: url("fonts/CeraGR-Medium.eot");
    src: url("fonts/CeraGR-Medium.eot?#iefix") format("embedded-opentype"), url("fonts/CeraGR-Medium.woff2") format("woff2"), url("fonts/CeraGR-Medium.woff") format("woff"), url("fonts/CeraGR-Medium.ttf") format("truetype"), url("fonts/CeraGR-Medium.svg#CeraGR-Medium") format("svg");
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: "CeraGR";
    src: url("fonts/CeraGR-Bold.eot");
    src: url("fonts/CeraGR-Bold.eot?#iefix") format("embedded-opentype"), url("fonts/CeraGR-Bold.woff2") format("woff2"), url("fonts/CeraGR-Bold.woff") format("woff"), url("fonts/CeraGR-Bold.ttf") format("truetype"), url("fonts/CeraGR-Bold.svg#CeraGR-Bold") format("svg");
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: "CeraGR";
    src: url("fonts/CeraGR-Black.eot");
    src: url("fonts/CeraGR-Black.eot?#iefix") format("embedded-opentype"), url("fonts/CeraGR-Black.woff2") format("woff2"), url("fonts/CeraGR-Black.woff") format("woff"), url("fonts/CeraGR-Black.ttf") format("truetype"), url("fonts/CeraGR-Black.svg#CeraGR-Black") format("svg");
    font-weight: 900;
    font-style: normal;
}

html {
  scroll-behavior: smooth;
}

html,body {
    font-size: 22px;
    overflow-x: hidden;
    font-family: 'CeraGR';
    color: #7c7c7c;
    line-height: 33px;
    font-weight: 500;
}

.header-links a {
    color: #323232;
}
.hover-gray:hover {
    color: #7c7c7c;
}
.header-links {
    color: #323232;
}

.header-links a:hover {
    color: #b71f55;
}
.font-16  {
    font-size: 16px;
}
.font-24 {
    font-size: 24px;
}

.font-36  {
    font-size: 36px;
}

.font-30  {
    font-size: 30px;
}

.color-red {
    color: #b71f55;
}
.hover-red:hover {
    color: #b71f55;
}
.bg-red {
    background-color: #b71f55;
}
.left-0 {
    left: 0;
}
.color-black {
    color: #000;
}
.bg-black {
    background-color: #000;
}
.bg-white {
    background-color: white;
}
.font-48 {
    font-size: 48px;
} 
.color-white {
    color: white;
} 
.bg-cover-center {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.font-weight-medium {
    font-weight: 500;
}

.font-weight-black {
    font-weight: 900;
}

.carousel-item {
    height: 740px;
}


.slider-content {
    color: white;
    font-size: 55px;
    font-weight: 900;
    line-height: 60px;
    left: 0;
    width: 100%;
    top: 50%;
    transform: translateY(-50%);
}

.slider-content span {
    max-width: 300px;
    display: block;
}

.block {
    height: 340px;
}

.section-feature {
    height: 500px;
    border-bottom: 20px solid #b71f55;;
}

form label {
    font-size: 16px;
    margin-bottom: 10px;
    line-height: normal;
}

.form-control {
    background-color: #a5a5a5;
    border-radius: 0;
    max-width: 360px;
}

.btn-submit {
    background-color: #b71f55;
    color: white;
}

.btn-submit:hover {
    background-color: white;
    color: #b71f55;
}

.contact-list i {
    top: 7px;
}

a {
    transition: 0.3s all;

}
a:hover {
    text-decoration: none;
}

footer {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#292929+0,040405+100 */
    background: rgb(41,41,41); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(41,41,41,1) 0%, rgba(4,4,5,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(41,41,41,1) 0%,rgba(4,4,5,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(41,41,41,1) 0%,rgba(4,4,5,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#292929', endColorstr='#040405',GradientType=0 ); /* IE6-9 */

}

.carousel-indicators li {
    border-radius: 50%;
    width: 10px;
    height: 10px;
}


@media (max-width: 767px) {
    .contact-list li {
        padding-left: 0 !important;
    }
    .contact-list i {
        position: static !important;
        margin-right: 10px;
    }
    .section-feature {
        position: relative;
    }
    .section-feature:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: rgba(0,0,0,0.6);
    }
    .slider-content span {
        max-width: 300px;
        margin-left: auto;
        margin-right: auto;
    }
}