@import url(https://fonts.googleapis.com/css2?family=Cairo:wght@400;600;700&display=swap);
/* maven-pro-regular - latin */

@font-face {
    font-family: "Maven Pro";
    font-style: normal;
    font-weight: 400;
    src: url(/font/maven-pro-v22-latin-regular.eot?f753772552e92ad9aee37b8af4a34eb1);
    /* IE9 Compat Modes */
    src: local(""), url(/font/maven-pro-v22-latin-regular.eot?f753772552e92ad9aee37b8af4a34eb1) format("embedded-opentype"), url(/font/maven-pro-v22-latin-regular.woff2?3698e8fefeec5d037f72dbdaa5be3f13) format("woff2"), url(/font/maven-pro-v22-latin-regular.woff?1358f471f175854de2737e4688805e03) format("woff"), url(/font/maven-pro-v22-latin-regular.ttf?73a0c11e178f517d96172f8b9ec641dd) format("truetype"), url(/font/maven-pro-v22-latin-regular.svg?1f4159bc64454765383f84a8c192fe0a) format("svg");
    /* Legacy iOS */
}


/* maven-pro-500 - latin */

@font-face {
    font-family: "Maven Pro";
    font-style: normal;
    font-weight: 500;
    src: url(/font/maven-pro-v22-latin-500.eot?b6937c8622b12d602104236da07f0763);
    /* IE9 Compat Modes */
    src: local(""), url(/font/maven-pro-v22-latin-500.eot?b6937c8622b12d602104236da07f0763) format("embedded-opentype"), url(/font/maven-pro-v22-latin-500.woff2?e9e82e23052fd59f1029cc5a0710ac93) format("woff2"), url(/font/maven-pro-v22-latin-500.woff?003bcaa3bde0446e9d1379340af0ca67) format("woff"), url(/font/maven-pro-v22-latin-500.ttf?181125b7c5884eb1cad46d19751b4cba) format("truetype"), url(/font/maven-pro-v22-latin-500.svg?81d09b02bfd1c560a889f1ddbc9369e9) format("svg");
    /* Legacy iOS */
}


/* maven-pro-600 - latin */

@font-face {
    font-family: "Maven Pro";
    font-style: normal;
    font-weight: 600;
    src: url(/font/maven-pro-v22-latin-600.eot?6709f116e11051705ed81bfaaf071381);
    /* IE9 Compat Modes */
    src: local(""), url(/font/maven-pro-v22-latin-600.eot?6709f116e11051705ed81bfaaf071381) format("embedded-opentype"), url(/font/maven-pro-v22-latin-600.woff2?17b87edce0272bb5e637920f3ed5333a) format("woff2"), url(/font/maven-pro-v22-latin-600.woff?091abb20254539f2999294655e2d9f81) format("woff"), url(/font/maven-pro-v22-latin-600.ttf?e8a1e59ee4e5e155ae8911baf3fd5576) format("truetype"), url(/font/maven-pro-v22-latin-600.svg?fbe4fc0a008b428cd3cb678d734ab58d) format("svg");
    /* Legacy iOS */
}


/* maven-pro-700 - latin */

@font-face {
    font-family: "Maven Pro";
    font-style: normal;
    font-weight: 700;
    src: url(/font/maven-pro-v22-latin-700.eot?fc2611f7a1a86eff4921343b6eaaf0cd);
    /* IE9 Compat Modes */
    src: local(""), url(/font/maven-pro-v22-latin-700.eot?fc2611f7a1a86eff4921343b6eaaf0cd) format("embedded-opentype"), url(/font/maven-pro-v22-latin-700.woff2?1c61b6794449398025ea6bba3099e00b) format("woff2"), url(/font/maven-pro-v22-latin-700.woff?c6b4639fd8769c4ebfc09d0e696d29f0) format("woff"), url(/font/maven-pro-v22-latin-700.ttf?8b4f27027edbc8105415f4c63e1aed74) format("truetype"), url(/font/maven-pro-v22-latin-700.svg?a9e658df915d41511a25e70255b646e9) format("svg");
    /* Legacy iOS */
}


/* maven-pro-800 - latin */

@font-face {
    font-family: "Maven Pro";
    font-style: normal;
    font-weight: 800;
    src: url(/font/maven-pro-v22-latin-800.eot?2d749fed8ce6a3e2ffc9d19c11bdd4d7);
    /* IE9 Compat Modes */
    src: local(""), url(/font/maven-pro-v22-latin-800.eot?2d749fed8ce6a3e2ffc9d19c11bdd4d7) format("embedded-opentype"), url(/font/maven-pro-v22-latin-800.woff2?726121f5ccec3590ae8498480b0143ec) format("woff2"), url(/font/maven-pro-v22-latin-800.woff?27eda2c626fa97208b3372f493b173eb) format("woff"), url(/font/maven-pro-v22-latin-800.ttf?5224663db6c48456672066f998257f07) format("truetype"), url(/font/maven-pro-v22-latin-800.svg?c213d47bd205a1fe97e94379ef15d97b) format("svg");
    /* Legacy iOS */
}


/* maven-pro-900 - latin */

@font-face {
    font-family: "Maven Pro";
    font-style: normal;
    font-weight: 900;
    src: url(/font/maven-pro-v22-latin-900.eot?a18758c780ea1581eb62fcf44a7d3d26);
    /* IE9 Compat Modes */
    src: local(""), url(/font/maven-pro-v22-latin-900.eot?a18758c780ea1581eb62fcf44a7d3d26) format("embedded-opentype"), url(/font/maven-pro-v22-latin-900.woff2?b235267dab2e58f1d3a3511328c93671) format("woff2"), url(/font/maven-pro-v22-latin-900.woff?de1e5ac087215fe1eedc80b9c1e6cd75) format("woff"), url(/font/maven-pro-v22-latin-900.ttf?99c46d9758340c3de5a32f77dd2c4731) format("truetype"), url(/font/maven-pro-v22-latin-900.svg?0b03dfac1287dcf2634043ca7352b3d3) format("svg");
    /* Legacy iOS */
}

.cairoBold {
    font-family: "Cairo", Arial, Helvetica, sans-serif;
    font-weight: 700;
}

.cairoRegular {
    font-family: "Cairo", Arial, Helvetica, sans-serif;
    font-weight: 400;
}

body {
    background: #efeff0;
    font-family: "Cairo", Arial, Helvetica, sans-serif;
    font-weight: 400;
    color: #111111;
    font-size: 14px;
}

main {
    min-height: 90vh;
}

.ellipsis {
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
    border: 2px solid rgba(103, 98, 99, 0.3);
    box-shadow: none;
    outline: 0 none;
}


/*Nav*/

.topHeeader {
    background: #ecedf0;
    font-size: 11px;
    padding: 5px 100px;
}

.topHeeader img {
    vertical-align: middle;
    max-height: 15px;
}

.topHeeader a {
    color: #464142;
    text-decoration: none;
    font-family: "Cairo", Arial, Helvetica, sans-serif;
    font-weight: 600;
    display: inline;
}

.text-blue-darc {
    color: #29273d!important;
}

@media(max-width:800px) {
    nav .logo {
        max-width: 64px;
        width: 64px;
    }
    nav .navbar-toggler {
        font-size: 30px;
        border: 1px solid #fff;
        border-radius: 3px;
    }
    nav {
        background: #26273d;
        color: #fff;
    }
    nav .nav-item {
        padding: 0px 10px;
    }
    nav .nav-link {
        color: #fff!important;
        text-decoration: none;
        font-size: 18px;
    }
    nav .login {
        background: #135db1;
        color: #fff;
        border-radius: 3px;
        font-family: "Cairo", Arial, Helvetica, sans-serif;
        font-weight: 700;
        text-transform: uppercase;
    }
    nav .register {
        background: #135db1;
        color: #fff;
        border-radius: 3px;
        font-family: "Cairo", Arial, Helvetica, sans-serif;
        font-weight: 700;
        text-transform: uppercase;
    }
    nav .btn-localization {
        background: #fff;
        color: #135db1!important;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        border-radius: 3px;
        float: right;
    }
    nav .btn-localization .nav-link {
        background: #fff;
        color: #135db1!important;
        border-radius: 3px;
    }
    .nav-item.active .nav-link {
        color: #fff!important;
        text-decoration: underline;
        font-size: 18px;
        font-weight: bold;
    }
}

@media(min-width:801px) {
    nav .logo {
        max-width: 84px;
        width: 84px;
    }
    nav .navbar-toggler {
        font-size: 41px;
        border: 1px solid #fff;
        border-radius: 3px;
    }
    nav {
        background: #26273d;
        color: #fff;
    }
    nav .nav-item {
        padding: 0px 10px;
    }
    nav .nav-link {
        color: #fff!important;
        text-decoration: none;
    }
    .nav-item.active .nav-link {
        color: #fff!important;
        text-decoration: underline;
        font-weight: bold;
    }
    nav .login {
        background: #135db1;
        color: #fff;
        border-radius: 3px;
        font-family: "Cairo", Arial, Helvetica, sans-serif;
        font-weight: 700;
    }
    nav .register {
        background: #135db1;
        color: #fff;
        border-radius: 3px;
        font-family: "Cairo", Arial, Helvetica, sans-serif;
        font-weight: 700;
    }
    nav .btn-localization {
        background: #fff;
        color: #135db1!important;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        border-radius: 3px;
    }
    nav .btn-localization .nav-link {
        background: #fff;
        color: #135db1!important;
        border-radius: 3px;
    }
}


/*Footer*/

#myFooter {
    background: #135db1!important;
    color: white;
    padding-top: 60px;
    padding-bottom: 40px;
}

#myFooter .logo {
    max-width: 100px;
    width: 100px;
}

#myFooter {
    background-color: #515151;
}

.myFooterBox img {
    padding-top: 7%;
}

.bottomMenu li:first-child {
    margin-bottom: 5px;
    font-weight: bold;
    font-family: "Maven Pro", "Arial Narrow", Arial, sans-serif;
    font-size: 18px;
    letter-spacing: 0.005rem;
}

.bottomMenu li {
    color: #FFF;
    font-weight: 400;
    list-style: none;
}

.nav-links li {
    margin-bottom: 3px;
}

.bottomMenu a {
    color: #fff;
    font-weight: 400;
    font-size: 14px;
    transition: all 0.5s ease-in-out;
}

.bottomMenu a:hover {
    text-decoration: none;
    color: #fff;
    padding-left: 5px;
    letter-spacing: 2px;
}

.topMenuSocialMedia {
    display: none;
    position: relative;
    color: #515151;
    text-align: center;
    width: 54%;
    margin: auto;
    height: 34%;
    padding-top: 60px;
}

.topMenuSocialMedia li {
    list-style: none;
}

.topMenuSocialMedia a {
    color: #515151;
}

.topMenuSocialMedia a:hover {
    color: #afaeb2;
    padding-left: 5px;
    text-decoration: none;
}

.navbar-toggler {
    border: none;
}


/*Newsletter*/

@media(max-width:800px) {
    .newsLetterBox {
        background-color: #26273d;
        color: #fff;
    }
    .newsLetterBox h3 {
        font-weight: 700;
    }
    .newsLetterForm {
        width: 100%;
    }
    .newsLetterForm input[type=Text],
    .newsLetterForm input[type=email] {
        border: 1px solid #dfe3e4;
        background-color: #FFF;
        height: 50px;
        padding: 10px;
        border-radius: 1px;
        color: #515151;
        margin: 0;
        width: 75%;
        margin-right: 1%;
    }
    .newsLetterForm button {
        background-color: #135db1;
        border-radius: 1px;
        height: 50px;
        padding: 10px 80px 10px 80px;
        color: #fff;
        font-weight: 700;
        margin: 0;
        border: 0;
        transition: all 0.5s ease-in-out;
    }
    .newsLetterForm button:hover {
        background-color: #2dc1d8;
    }
    .newsLetterForm input[type=checkbox] {
        margin-top: 18px;
        width: 20px;
        height: 20px;
    }
}

@media(min-width:801px) {
    .newsLetterBox {
        padding: 25px;
        padding-left: 70px;
        background-color: #26273d;
        color: #fff;
    }
    .newsLetterBox h3 {
        font-weight: 700;
    }
    .newsLetterForm {
        width: 100%;
    }
    .newsLetterForm input[type=Text],
    .newsLetterForm input[type=email] {
        border: 1px solid #dfe3e4;
        background-color: #FFF;
        height: 50px;
        padding: 10px;
        border-radius: 1px;
        color: #515151;
        margin: 0;
        width: 75%;
        margin-right: 1%;
    }
    .newsLetterForm button {
        background-color: #135db1;
        border-radius: 1px;
        height: 50px;
        padding: 10px 80px 10px 80px;
        color: #fff;
        font-weight: 700;
        margin: 0;
        border: 0;
        transition: all 0.5s ease-in-out;
    }
    .newsLetterForm button:hover {
        background-color: #2dc1d8;
    }
    .newsLetterForm input[type=checkbox] {
        width: 20px;
        height: 20px;
    }
    .newsLetterForm label {
        vertical-align: sub;
    }
}


/*Register*/

#register-block .content {
    background: #ffffff;
    border-radius: 3px;
    border: #f0eced solid 1px;
    box-shadow: 6px 6px 10px -5px #e0e1e4;
}

.register-title label {
    color: #135db1;
    font-family: "Cairo", Arial, Helvetica, sans-serif;
    font-weight: 700;
    font-size: 28px;
    display: block;
}

#register-block form input,
#register-block form select {
    background: #f0eced;
    color: #453f41;
    font-family: "Cairo", Arial, Helvetica, sans-serif;
    font-weight: 700;
    font-size: 14px;
    border-radius: 3px;
    border: #f0eced solid 1px;
    box-shadow: 6px 6px 10px -5px #e0e1e4;
}

#register-block form .col-form-label {
    color: #939292;
    font-family: "Cairo", Arial, Helvetica, sans-serif;
    font-weight: 700;
    font-size: 12px;
}

#register-block form .btn {
    background: #26c898;
    font-family: "Cairo", Arial, Helvetica, sans-serif;
    font-weight: 700;
    font-size: 16px;
    color: #fff;
    width: 100%;
}


/*Login*/

#login-block .content {
    background: #ffffff;
    border-radius: 3px;
    border: #f0eced solid 1px;
    box-shadow: 6px 6px 10px -5px #e0e1e4;
}

.login-title label {
    color: #135db1;
    font-family: "Cairo", Arial, Helvetica, sans-serif;
    font-weight: 700;
    font-size: 28px;
    display: block;
}

#login-block form input,
#login-block form select {
    background: #f0eced;
    color: #453f41;
    font-family: "Cairo", Arial, Helvetica, sans-serif;
    font-weight: 600;
    border-radius: 3px;
    border: #f0eced solid 1px;
    box-shadow: 6px 6px 10px -5px #e0e1e4;
}

#login-block form .col-form-label {
    color: #939292;
    font-family: "Cairo", Arial, Helvetica, sans-serif;
    font-weight: 700;
    font-size: 12px;
}

#login-block form .btn {
    background: #26c898;
    font-family: "Cairo", Arial, Helvetica, sans-serif;
    font-weight: 700;
    font-size: 16px;
    color: #fff;
    width: 100%;
}


/*Contact*/

#contact-block .content {
    background: #ffffff;
    border-radius: 3px;
    border: #f0eced solid 1px;
    box-shadow: 6px 6px 10px -5px #e0e1e4;
}

.contact-title label {
    color: #135db1;
    font-family: "Cairo", Arial, Helvetica, sans-serif;
    font-weight: 700;
    font-size: 28px;
    display: block;
}

.contact-title span {
    display: block;
}

#contact-block form input,
#contact-block form textarea,
#contact-block form select {
    background: #f0eced;
    color: #453f41;
    font-family: "Cairo", Arial, Helvetica, sans-serif;
    font-weight: 600;
    font-size: 14px;
    border-radius: 3px;
    border: #f0eced solid 1px;
    box-shadow: 6px 6px 10px -5px #e0e1e4;
}

#contact-block form .col-form-label {
    color: #939292;
    font-family: "Cairo", Arial, Helvetica, sans-serif;
    font-weight: 700;
    font-size: 12px;
}

#contact-block form .btn {
    background: #26c898;
    font-family: "Cairo", Arial, Helvetica, sans-serif;
    font-weight: 700;
    font-size: 16px;
    color: #fff;
    width: 100%;
}


/*Profile*/

#profile-block .content {
    background: #ffffff;
    border-radius: 3px;
    border: #f0eced solid 1px;
    box-shadow: 6px 6px 10px -5px #e0e1e4;
}

.profile-title label {
    color: #135db1;
    font-family: "Cairo", Arial, Helvetica, sans-serif;
    font-weight: 700;
    font-size: 28px;
    display: block;
}

#profile-block form input,
#profile-block form textarea,
#profile-block form select {
    background: #f0eced;
    color: #453f41;
    font-family: "Cairo", Arial, Helvetica, sans-serif;
    font-weight: 600;
    font-size: 14px;
    border-radius: 3px;
    border: #f0eced solid 1px;
    box-shadow: 6px 6px 10px -5px #e0e1e4;
}

#profile-block form .col-form-label {
    color: #939292;
    font-family: "Cairo", Arial, Helvetica, sans-serif;
    font-weight: 700;
    font-size: 12px;
}

#profile-block form .btn {
    background: #26c898;
    font-family: "Cairo", Arial, Helvetica, sans-serif;
    font-weight: 700;
    font-size: 16px;
    color: #fff;
    width: 100%;
}

.btn-edit {
    background: #135db1;
    color: #fff;
    border-radius: 3px;
    font-family: "Cairo", Arial, Helvetica, sans-serif;
    font-weight: 700;
    text-transform: uppercase;
}

.btn-edit:hover,
.btn-edit:focus {
    background: #135db1;
    color: #fff;
    border-radius: 3px;
    font-family: "Cairo", Arial, Helvetica, sans-serif;
    font-weight: 700;
    text-transform: uppercase;
}

.btn-green {
    background: #12d48d;
    color: #fff;
    border-radius: 3px;
    font-family: "Cairo", Arial, Helvetica, sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    box-shadow: 2px 5px 3px 0px #cccccc;
}

.btn-green:hover,
.btn-green:focus {
    background: #12d48d;
    color: #fff;
    border-radius: 3px;
    font-family: "Cairo", Arial, Helvetica, sans-serif;
    font-weight: 700;
    text-transform: uppercase;
}


/*services block*/

.services-block {
    background: #ecedf0;
    margin-top: 8%;
    margin-bottom: 8%;
}

.services-block .service {
    padding: 0 25px;
}

.services-block .service label {
    color: #26273d;
    height: 50px;
    font-size: 16px;
    display: block;
    font-family: "Cairo", Arial, Helvetica, sans-serif;
    font-weight: 700;
}

.services-block .service p {
    color: #857e80;
    font-size: 15px;
    display: block;
    font-family: cairoRegular, Arial, Helvetica, sans-serif;
    text-align: justify;
    line-height: 22px;
}

.services-block .service img {
    height: 90px;
    max-height: 90px;
}


/*Hom blogs block*/

.blog-block {
    margin-top: 8%;
    margin-bottom: 8%;
}

.blogs-block {
    margin-top: 8%;
    margin-bottom: 8%;
}

.blog-block .content {
    background: #fff;
    box-shadow: 2px 5px 3px 0px #cccccc;
}

.blog-block .img-block {
    width: 100%;
    min-width: 100%;
    height: 306px;
    transition: all 0.5s ease-in-out;
}

.blog-block label {
    color: #135db1;
    font-size: 20px;
    font-family: "Cairo", Arial, Helvetica, sans-serif;
    font-weight: 700;
}

.blog-block label a {
    color: #135db1;
    font-size: 22px;
    font-family: "Cairo", Arial, Helvetica, sans-serif;
    font-weight: 700;
}

.blog-block p {
    color: #857e80;
    font-size: 14px;
    font-weight: 400;
    font-family: "Cairo", Arial, Helvetica, sans-serif;
}

.blog-details-block {
    margin-top: 8%;
    margin-bottom: 8%;
}

.blog-details-block .content {}

.blog-details-block .img-block {
    width: 100%;
    min-width: 100%;
    height: 306px;
    transition: all 0.5s ease-in-out;
}

.blog-details-block label {
    color: #135db1;
    font-size: 24px;
    font-family: "Cairo", Arial, Helvetica, sans-serif;
    font-weight: 700;
}

.blog-details-block p {
    color: #857e80;
    font-size: 14px;
    font-weight: 400;
    font-family: "Cairo", Arial, Helvetica, sans-serif;
}

.blogs-block .content {
    background: #fff;
    box-shadow: 2px 5px 3px 0px #cccccc;
}

.blogs-block .img-block {
    width: 100%;
    min-width: 100%;
    height: 225px;
    transition: all 0.5s ease-in-out;
}

.blogs-block label {
    color: #135db1;
    font-size: 16px;
    font-family: "Cairo", Arial, Helvetica, sans-serif;
    font-weight: 700;
}

.blogs-block p {
    color: #857e80;
    font-size: 14px;
    font-weight: 400;
    font-family: "Cairo", Arial, Helvetica, sans-serif;
}

.blogs-block .btn {
    background: #26273d;
    color: #fff;
    font-family: "Cairo", Arial, Helvetica, sans-serif;
    font-weight: 700;
    font-size: 16px;
    border-radius: 1px;
    box-shadow: 2px 5px 3px 0px #cccccc;
    text-decoration: none;
}

.blogs-block .btn:hover,
.blogs-block .btn:focus {
    background: #26273d;
    color: #fff;
    font-family: "Cairo", Arial, Helvetica, sans-serif;
    font-weight: 700;
    font-size: 16px;
    box-shadow: 2px 5px 3px 0px #cccccc;
    text-decoration: none;
}


/*home search*/

.home-search-form {
    margin-bottom: 8%;
    background-image: url('/images/pexels-jacob-morch.webp');
    background-position: center;
    background-size: cover;
    min-height: 100vh;
}

@media(max-width:800px) {
    .home-search-form .content {
        padding-bottom: .5rem!important;
        padding-top: .5rem!important;
    }
    .home-search-form .form-title label small {
        font-size: 16px;
        color: #686989;
    }
}

@media(min-width:801px) {
    .home-search-form .content {
        padding-top: 50px;
        padding-bottom: 50px;
        /*height: 540px;*/
    }
}

.home-search-form .form-title {
    background: #26273c;
    color: #fff;
}

.home-search-form .form-title label {
    font-size: 24px;
    font-family: cairoRegular, Arial, Helvetica, sans-serif;
}

.home-search-form .form-title label small {
    color: #686989;
}

.home-search-form .form-inputs .step-title-label {
    color: #29273d;
    font-size: 20px;
}

.home-search-form .form-inputs {
    background: #dedff3;
    box-shadow: 6px 6px 10px -5px #e0e1e4;
    /*height: 400px;*/
}

.home-search-form .form-inputs input,
.home-search-form .form-inputs select {
    background: #f0eced;
    color: #453f41;
    font-family: "Cairo", Arial, Helvetica, sans-serif;
    font-weight: 600;
    font-size: 16px;
    border: #f0eced solid 1px;
    border-radius: 1px;
}

.home-search-form .form-inputs label {
    color: #939292;
    font-family: "Cairo", Arial, Helvetica, sans-serif;
    font-weight: 700;
    font-size: 14px;
}

.home-search-form .form-inputs .btn.user-type-btn {
    background: #fff!important;
    border-radius: 8px!important;
    color: #29273d!important;
    text-align: center!important;
    box-shadow: 6px 6px 10px -5px rgba(38, 39, 60, 0.3);
}

.home-search-form .form-inputs .btn {
    background: #135db1;
    color: #fff;
    border-radius: 2px;
    font-family: "Cairo", Arial, Helvetica, sans-serif;
    font-weight: 700;
}

.info-list label {
    font-size: 1.3rem;
    color: #26273d;
    font-family: "Cairo", Arial, Helvetica, sans-serif;
    font-weight: 400;
    margin-right: 15px;
    border-bottom: 1px solid black;
    width: 90%;
}

.vehicle-price {
    font-size: 1.5rem!important;
    color: #26273d!important;
    font-family: "Cairo", Arial, Helvetica, sans-serif;
    font-weight: 400;
}

.blogs-block .title {
    color: #135db1;
    font-size: 22px!important;
    font-family: "Cairo", Arial, Helvetica, sans-serif;
    font-weight: 700;
}

.bg-none {
    background: none!important;
}

svg {
    width: 15px;
    height: 15px;
}

.clearfix {
    text-align: center;
    margin-top: 3rem;
}

.clearfix p {
    display: none;
    margin-top: 1rem;
    margin-bottom: 1rem;
}

.clearfix nav>:first-child {
    display: none;
}

#login-block form textarea {
    background: #f0eced;
    color: #453f41;
    font-family: "Cairo", Arial, Helvetica, sans-serif;
    font-weight: 600;
    font-size: 14px;
    border-radius: 3px;
    border: #f0eced solid 1px;
    box-shadow: 6px 6px 10px -5px #e0e1e4;
}

.damage-row {
    border: 1px solid #939292;
    border-radius: 5px;
}

.delete-damage-row {
    color: #fff;
    border-radius: 16px;
    padding: 3px 5px;
    background-color: #dc3545!important;
    position: absolute;
    right: 1px;
    cursor: pointer;
    z-index: 10;
}

#login-block form .input-group-append {
    color: #453f41;
    border: none;
    background: #f0eced;
}

#login-block form .input-group-append .input-group-text {
    color: #453f41;
    font-weight: bold;
    border: none;
    background: #f0eced;
}

#snackbar {
    visibility: hidden;
    width: 90%;
    margin-left: 5%;
    background-color: #4b5366;
    color: #fff;
    text-align: center;
    border-radius: 2px;
    padding: 16px;
    position: fixed;
    z-index: 1;
    left: 0;
    bottom: 30px;
}

#snackbar.show {
    visibility: visible;
    -webkit-animation: fadein 0.5s, fadeout 0.5s 3.5s;
    animation: fadein 0.5s, fadeout 0.5s 3.5s;
}


/* Animations to fade the snackbar in and out */

@-webkit-keyframes fadein {
    from {
        bottom: 0;
        opacity: 0;
    }
    to {
        bottom: 30px;
        opacity: 1;
    }
}

@keyframes fadein {
    from {
        bottom: 0;
        opacity: 0;
    }
    to {
        bottom: 30px;
        opacity: 1;
    }
}

@-webkit-keyframes fadeout {
    from {
        bottom: 30px;
        opacity: 1;
    }
    to {
        bottom: 0;
        opacity: 0;
    }
}

@keyframes fadeout {
    from {
        bottom: 30px;
        opacity: 1;
    }
    to {
        bottom: 0;
        opacity: 0;
    }
}