@font-face {
    font-family: 'Gilroy Regular';
    src: url('fonts/Gilroy-Regular.eot');
    src: url('fonts/Gilroy-Regular.eot?#iefix') format('embedded-opentype'),
    url('fonts/Gilroy-Regular.woff') format('woff'),
    url('fonts/Gilroy-Regular.ttf') format('truetype');
    /* font-weight: normal; */
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Gilroy Medium';
    src: url('fonts/Gilroy-Medium.eot');
    src: url('fonts/Gilroy-Medium.eot?#iefix') format('embedded-opentype'),
    url('fonts/Gilroy-Medium.woff') format('woff'),
    url('fonts/Gilroy-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'Gilroy Bold';
    src: url('fonts/Gilroy-Bold.eot');
    src: url('fonts/Gilroy-Bold.eot?#iefix') format('embedded-opentype'),
    url('fonts/Gilroy-Bold.woff') format('woff'),
    url('fonts/Gilroy-Bold.ttf') format('truetype');
    /* font-weight: 600; */
    font-weight: bold;

    font-style: normal;
}
* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}
img {
    display: block;
    max-width: 100%;
}
a { text-decoration: none }
a:hover { text-decoration: none}
body {
    /* font-family: 'Gilroy Regular'; */
    font-family: 'Gilroy Medium';
    /* font-size: 18px; */
    font-size: 16px;
}
.wrapper {
    /* box-shadow: inset 0 0 0 3px blue; */
    /* background-color: blue; */
}

.fw-4 { font-weight: 400 }
.fw-5 { font-weight: 500 }
.fw-6 { font-weight: 600 }
.fs-24 { font-size: 24px; }
.mb-1 { margin-bottom: 10px }
.mb-2 { margin-bottom: 20px }
.mb-3 { margin-bottom: 30px }
.mb-4 { margin-bottom: 40px }
.mb-5 { margin-bottom: 50px }
.mr-1 { margin-right: 10px }
.mr-2 { margin-right: 20px }
.mr-3 { margin-right: 30px }
.color-gray-1 { color: #93a7ad }
.color-blue-1 { color: #009ac0 !important}

.position-relative { position: relative }

.container {
    max-width: 1130px;
    padding: 0 20px;
    margin: auto;
    /* box-shadow: inset 0 0 0 1px green; */
}

.header {
    /* box-shadow: inset 0 0 0 1px orange; */
    border-bottom: 1px solid #c2d4e3;
    /* background-color: #fff; */
    /* margin-bottom: 50px; */
}
.header-inner {
    /* box-shadow: inset 0 0 0 1px blue; */
    padding: 15px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.header-logo {
    width: 150px;
}
.header-menu {
    /* box-shadow: inset 0 0 0 1px blue; */
    display: flex;
    flex: 1 1 auto;
    align-items: center;
    justify-content: center;
    padding: 0 30px;
}
.header-menu-link {
    text-decoration: none;
    color: #668791 !important;
    font-size: 20px;
    margin: 0 20px;
    border-bottom: 1px solid #a7c1c9;
}
.header-menu-link:hover {
    color: #000 !important;
}

.section {
    padding: 60px 0;
    border-bottom: 1px solid #c2d4e3;
}
.section-blue {
    background-color: #f6fdff;
}
.section-title {
    font-size: 30px;
    font-weight: 600;
    margin-bottom: 40px;
}

.footer {
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px 0;
}
.footer img {
    display: inline-block !important;
}
.footer a {
    text-align: center;
} 
.footer-logo {
    width: 100px;
}

.btn {
    padding: 17px 46px;
    border-radius: 8px;
    display: inline-block;
    cursor: pointer;
    text-decoration: none;
    font-size: 18px;
    /* font-weight: 500; */
    transition: all 0.2s;
}
.btn-blue {
    background-color: #009ac0;
    color: #fff !important;
}
.btn:hover {
    opacity: 0.8;
}

.breads {
    /* box-shadow: 0 0 0 1px red; */
    font-size: 30px;
    font-weight: 600;
    margin-bottom: 40px;
}
.breads-item {
    color: #000 !important;
    font-size: 30px;
    font-weight: 600;
}
.breads-item:hover {
    color: #009ac0 !important;
}

.breadcrumps {
    /* box-shadow: 0 0 0 1px red; */
    display: flex;
    align-items: center;
    margin-bottom: 30px;
    font-size: 20px;
}
.breadcrumps-arrow {
    margin: 0 9px;
    /* color: #009cc2; */
    /* color: #afbfcd; */
    color: #93a7ad;
}