/* reset CSS */



@keyframes cssload-spin {

    100% {

        -webkit-transform: rotate(360deg);

        transform: rotate(360deg);

        transform: rotate(360deg);

    }

}



@-webkit-keyframes cssload-spin {

    100% {

        -webkit-transform: rotate(360deg);

        transform: rotate(360deg);

    }

}



@font-face {

    font-family: 'Barlow R';

    src: url('../fonts/Barlow-Regular.ttf') format('truetype');

    font-weight: normal;

    font-style: normal;

}



@font-face {

    font-family: 'Barlow M';

    src: url('../fonts/Barlow-Medium.ttf') format('truetype');

    font-weight: normal;

    font-style: normal;

}



@font-face {

    font-family: 'Barlow S';

    src: url('../fonts/Barlow-SemiBold.ttf') format('truetype');

    font-weight: normal;

    font-style: normal;

}



* {

    padding: 0;

    margin: 0;

    outline: none !important;

}





html,

body {

    max-width: 100%;

    overflow-x: hidden;

}



body {

    margin: 0;

    font-family: 'Barlow R', sans-serif;

    color: #000 !important;

    font-weight: normal !important;

    font-size: 18px;

    line-height: 26px;

    -webkit-font-smoothing: antialiased !important;

    -moz-osx-font-smoothing: grayscale !important;

    text-rendering: optimizeLegibility !important;

    transition: all 0.3s ease-in-out;

}







/* ---------------------------  COLOR  ---------------------------*/



.bg-grey-l {

    background: #f8f8f8;

}



.text-red {

    color: #E52429 !important;

}



/* ---------------------------  TEXT  ---------------------------*/



p {

    font-family: 'Barlow R', sans-serif;

    font-size: 24px;

    line-height: 30px;

    color: #000000;

    margin-bottom: 0;

}



b,

strong,

.fat {

    font-family: 'Barlow M', sans-serif !important;

}



a {

    color: inherit;

    text-decoration: none;

    cursor: pointer !important;

    display: inline-block;

}



a.footer {

    font-family: 'Barlow S', sans-serif !important;

    font-size: 24px;

    line-height: 28px;

}



.regular {

    font-family: 'Barlow R', sans-serif !important;

}



.medium {

    font-family: 'Barlow M', sans-serif !important;

}



.semibold {

    font-family: 'Barlow S', sans-serif !important;

}



.text-line {

    position: relative;

    display: inline-block;

    padding-bottom: 3px;

    padding-left: 10px;

    font-family: 'Barlow M', sans-serif !important;

    color: #000;

    font-size: 24px;

    line-height: 30px;

    text-decoration: none;

}



.text-line::after {

    content: '';

    position: absolute;

    bottom: 0;

    left: 0;

    width: 25px;

    height: 1px;

    background-color: #000000;

}



.text-line.white {

    color: #fff;

}



.text-line.white::after {

    background-color: #fff;

}



.text-warning {

    font-family: 'Barlow M', sans-serif;

    font-size: 20px;

    line-height: 24px;

    text-transform: uppercase;

    color: #000 !important;

    padding: 10px 25px 10px 25px;

    border: 1px solid rgba(229, 36, 41, 0.2) !important;

    background: rgba(229, 36, 41, 0.1) !important;

    border-radius: 35px;

    text-align: center;

    display: inline-block;



}



.title-big {

    font-size: 60px;

    line-height: 70px;

    margin-bottom: 0;

}



.title-med {

    font-size: 36px;

    line-height: 40px;

    margin-bottom: 0;

}



.title-std {

    font-size: 28px;

    line-height: 32px;

    margin-bottom: 0;

}



.text-med {

    font-size: 22px;

    line-height: 26px;

    margin-bottom: 0;

}



.text-small {

    font-size: 16px;

    line-height: 20px;

    margin-bottom: 0;

}







/* --------------------------- MARGIN AND PADDING  ---------------------------*/



.mt-header {

    margin-top: 88px;

}



.pt-90 {

    padding-top: 90px;

}



.py-90 {

    padding-top: 90px;

    padding-bottom: 90px;

}



/* ---------------------------  ICON ---------------------------*/



.ico-big {

    height: 70px;

    width: auto;

}



.ico-std {

    height: 40px;

    width: auto;

}



.ico-small {

    height: 30px;

}



.ico-mini {

    height: 20px;

    width: auto;

}



/* ---------------------------  CUSTOM  ---------------------------*/



.container {

    max-width: 1600px;

}



.wrapper-1400 {

    max-width: 1400px;

}



.display-contents {

    display: contents !important;

}



.logo {

    height: 40px

}



.logo-footer {

    height: 75px;

    width: autoG;

}



.navbar a.nav-link {

    font-family: 'Barlow R', sans-serif;

    font-size: 18px;

    line-height: normal;

    color: #000000;

    padding-left: 25px !important;

    padding-right: 25px !important;

}



.navbar-toggler {

    border: 0;

}



.navbar-toggler:focus {

    text-decoration: none;

    outline: 0;

    box-shadow: none;

}



.header {

    height: 582px;

}



.maps {

    width: 100%;

    height: 700px;

}



.btn-red {

    font-family: 'Barlow M', sans-serif;

    font-size: 20px;

    line-height: 20px;

    color: #fff;

    background: #E52429;

    padding: 10px 25px 11px 25px;

    opacity: 0.15;

    transition: all 0.3s ease-in-out;

    border: 1px solid #E52429;

    border-radius: 26px;

}



.btn-red.active,

.btn-red:hover {

    opacity: 1;

}



.btn-red-out {

    font-family: 'Barlow S', sans-serif;

    font-size: 18px;

    line-height: 18px;

    color: #E52429;

    background: transparent;

    padding: 10px 25px 11px 25px;

    opacity: 1;

    transition: all 0.3s ease-in-out;

    border: 2px solid #E52429;

    border-radius: 26px;

    display: inline-block;

}



.link-box {

    border: 1px solid rgba(0, 0, 0, 0.2);

    padding: 15px 20px 15px 20px;

    border-radius: 10px;

    background: #fff;

}



.link-img {

    width: 40px;

}