/* Mixin
--------------------------------------------- */


/* Breakpoint
--------------------------------------------- */


/* Truncate
--------------------------------------------- */


/* Base
--------------------------------------------- */


/* Variables
--------------------------------------------- */


/** =============== Font ================= **/

@font-face {
    font-family: 'OpenSans';
    src: url("../fonts/OpenSans-ExtraBold.woff2") format("woff2"), url("../fonts/OpenSans-ExtraBold.woff") format("woff");
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'OpenSans';
    src: url("../fonts/OpenSans-Regular.woff2") format("woff2"), url("../fonts/OpenSans-Regular.woff") format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'OpenSans';
    src: url("../fonts/OpenSans-Light.woff2") format("woff2"), url("../fonts/OpenSans-Light.woff") format("woff");
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'OpenSans';
    src: url("../fonts/OpenSans-Bold.woff2") format("woff2"), url("../fonts/OpenSans-Bold.woff") format("woff");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'OpenSans';
    src: url("../fonts/OpenSans-SemiBold.woff2") format("woff2"), url("../fonts/OpenSans-SemiBold.woff") format("woff");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}


/** =============== Color ================= **/

:root {
    --primary-color: #1083C6;
    --secondary-color: #F7941D;
    --smoke: #f2f2f2;
    --grey: #333333;
    --light-grey-1: #4f4f4f;
    --light-grey-2: #828282;
}


/* Reset
--------------------------------------------- */


/** Reset CSS **/

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
sub,
sup,
tt,
var,
u,
i,
center,
dl,
dt,
dd,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}


/* HTML5 display-role reset for older browsers */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}

html {
    font-size: 62.5%;
    scroll-behavior: smooth;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

*,
*:before,
*:after {
    -webkit-box-sizing: inherit;
    -moz-box-sizing: inherit;
    box-sizing: inherit;
}

body {
    line-height: 1.5;
    font-size: 16px;
    font-family: OpenSans, sans-serif;
    font-weight: 400;
    color: #333;
}

blockquote,
q {
    quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

img {
    max-width: 100%;
    vertical-align: middle;
}

select,
button {
    cursor: pointer;
    outline: none;
}

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

svg,
svg path {
    -webkit-transition: fill .3s, stroke .3s;
    -o-transition: fill .3s, stroke .3s;
    transition: fill .3s, stroke .3s;
}

a {
    transition: color .3s, background-color .3s, border-color .3s;
}

input:focus {
    box-shadow: none;
    outline: none;
}

.container,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
    padding-left: 15px;
    padding-right: 15px;
}

@media only screen and (min-width: 1400px) {
    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
        max-width: 1200px;
    }
}


/* General
--------------------------------------------- */


/** General **/


/** TITLE **/

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

@media only screen and (max-width: 1023px) {
    .section-title {
        font-size: 30px;
    }
}

@media only screen and (max-width: 767px) {
    .section-title {
        font-size: 25px;
    }
}

@media only screen and (max-width: 424px) {
    .section-title {
        font-size: 23px;
    }
}

.page-banner {
    padding: 258px 0 167px 0;
}

@media only screen and (max-width: 1023px) {
    .page-banner {
        padding: 200px 0 160px 0;
    }
}

@media only screen and (max-width: 767px) {
    .page-banner {
        padding: 180px 0px 150px 0;
    }
}

.section-title--small {
    font-size: 20px;
}

.section-title-has-line:after {
    content: '';
    display: block;
    width: 36px;
    height: 2px;
    background-color: #A7C8E5;
    margin-top: 13px;
}

.section-title-has-line-center:after {
    margin: 13px auto 0 auto;
}

.swal2-styled,
.swal2-content {
    font-size: 16px !important;
}

.swal2-content {
    padding: 0 10px !important;
}

input[aria-invalid="true"]::placeholder,
select[aria-invalid="true"]::placeholder {
    color: red !important;
}

.no-scrollbar {
    /* Hide scrollbar for IE, Edge and Firefox */
    -ms-overflow-style: none;
    /* IE and Edge */
    scrollbar-width: none;
    /* Firefox */
}

.no-scrollbar::-webkit-scrollbar {
    display: none;
}

.social-share li a {
    width: 26px;
    height: 26px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    /* border: 1px solid var(--primary-color); */
    color: var(--primary-color);
    box-shadow: 0px 0px 9px 0px #acacac;
}

.social-share li a svg path {
    fill: currentColor;
}

.social-share li a:hover {
    color: #fff;
    background-color: var(--primary-color);
}


/** COMMENT **/

.plugin-comment {
    color: #5E5A5E;
    font-size: 18px;
}

.plugin-comment .comment-reply-title {
    font-size: 20px;
    color: #000;
    margin-bottom: 15px;
}

.plugin-comment label {
    margin-top: 10px;
}

.plugin-comment label.error {
    margin-top: 2px;
    color: red;
    font-style: italic;
    font-size: 13px;
}

.plugin-comment .comment-form-comment label:after {
    content: '*';
}

.plugin-comment input[type="text"],
.plugin-comment input[type="number"],
.plugin-comment input[type="email"],
.plugin-comment input[type="url"],
.plugin-comment textarea {
    width: 100%;
    border: none;
    border-bottom: 1px solid #C4C4C4;
    margin-top: 10px;
    outline: none;
    padding: 6px 10px;
}

.plugin-comment input[type="text"].error,
.plugin-comment input[type="number"].error,
.plugin-comment input[type="email"].error,
.plugin-comment input[type="url"].error,
.plugin-comment textarea.error {
    border-color: red;
}

.plugin-comment textarea {
    height: 120px;
}

.plugin-comment .comment-notes {
    margin-bottom: 15px;
}

.plugin-comment .comment-form-cookies-consent {
    display: flex;
    align-items: baseline;
}

.plugin-comment .comment-form-cookies-consent label {
    padding-left: 15px;
}

.plugin-comment .form-submit {
    margin-top: 20px;
}

.plugin-comment .form-submit input#submit {
    background-color: var(--secondary-color);
    color: #fff;
    padding: 8px 70px;
    border: none;
    outline: none;
}

.plugin-comment .form-submit input#submit:hover {
    background-color: var(--primary-color);
}

.plugin-comment .comment-list {
    list-style: none;
    padding-left: 0;
    padding: 15px;
    border: 1px solid #acacac;
    border-radius: 4px;
}

.comment-awaiting-moderation {
    font-size: 15px;
}

.plugin-comment .comment-list>.comment {
    margin-bottom: 15px;
}

.plugin-comment .comments-title {
    display: none;
}

.plugin-comment a {
    color: var(--primary-color);
}

.plugin-comment a:hover {
    color: var(--secondary-color);
}


/** Font **/

.font-semibold {
    font-weight: 600;
}

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


/** Text **/

.text-primary {
    color: var(--primary-color) !important;
}

.text-secondary {
    color: var(--secondary-color) !important;
}

.text-grey {
    color: var(--grey);
}

.text-white-smoke {
    color: var(--smoke);
}

.text-light-grey-1 {
    color: var(--light-grey-1);
}

.text-light-grey-2 {
    color: var(--light-grey-2);
}

.text-justify {
    text-align: justify;
}

.text-italic {
    font-style: italic;
}

.text-medium {
    font-size: 18px;
}


/** Background **/

.bg-center {
    background-position: center;
}

.bg-no-repeat {
    background-repeat: no-repeat;
}

.bg-cover {
    background-size: cover;
}

.bg-primary {
    background-color: var(--primary-color) !important;
}

@media only screen and (min-width: 1200px) {
    .bg-fixed {
        background-attachment: fixed;
    }
}

.bgc-unset {
    background-color: unset;
}


/** SPACING **/

.g-6,
.gy-6 {
    --bs-gutter-y: 3.5rem;
}

.g-6,
.gx-6 {
    --bs-gutter-x: 3.5rem;
}

.g-7,
.gy-7 {
    --bs-gutter-y: 4rem;
}

.g-7,
.gx-7 {
    --bs-gutter-x: 4rem;
}

@media only screen and (min-width: 1024px) {
    .g-lg-6,
    .gy-lg-6 {
        --bs-gutter-y: 3.5rem;
    }
    .g-lg-6,
    .gx-lg-6 {
        --bs-gutter-x: 3.5rem;
    }
    .g-lg-7,
    .gy-lg-7 {
        --bs-gutter-y: 4rem;
    }
    .g-lg-7,
    .gx-lg-7 {
        --bs-gutter-x: 4rem;
    }
}


/** Image **/

.img-block {
    position: relative;
    padding-bottom: 66.67%;
    display: block;
}

.img-block img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.img-1-1 {
    padding-bottom: 100%;
}

.img-center img {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.img-hover img {
    -webkit-transition: transform .5s;
    -o-transition: transform .5s;
    transition: transform .5s;
}

@media (hover) {
    .img-hover:hover img {
        transform: scale(1.2);
    }
}


/** Infinite loader **/

.page-load-status {
    display: none;
    margin-top: 20px;
}

.loader-ellips {
    font-size: 20px;
    position: relative;
    width: 4em;
    height: 1em;
    margin: 10px auto;
}

.see-more button:disabled,
.see-more button[disabled] {
    display: none;
}

.loader-ellips__dot {
    display: block;
    width: 1em;
    height: 1em;
    border-radius: 0.5em;
    background: var(--secondary-color);
    position: absolute;
    animation-duration: 0.5s;
    animation-timing-function: ease;
    animation-iteration-count: infinite;
}

.loader-ellips__dot:nth-child(1),
.loader-ellips__dot:nth-child(2) {
    left: 0;
}

.loader-ellips__dot:nth-child(3) {
    left: 1.5em;
}

.loader-ellips__dot:nth-child(4) {
    left: 3em;
}

@keyframes reveal {
    from {
        transform: scale(0.001);
    }
    to {
        transform: scale(1);
    }
}

@keyframes slide {
    to {
        transform: translateX(1.5em);
    }
}

.loader-ellips__dot:nth-child(1) {
    animation-name: reveal;
}

.loader-ellips__dot:nth-child(2),
.loader-ellips__dot:nth-child(3) {
    animation-name: slide;
}

.loader-ellips__dot:nth-child(4) {
    animation-name: reveal;
    animation-direction: reverse;
}


/** Back to top **/

.backToTop {
    z-index: 2222;
    bottom: 50px;
    right: -120%;
    background-color: var(--primary-color);
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    cursor: pointer;
    border: 1px solid #8d9e8b8c;
}

.backToTop svg path {
    stroke: #fff;
}

.backToTop:hover {
    background-color: var(--secondary-color);
}

.backToTop.show__backToTop {
    right: 10px;
}


/** Style for post **/

.ws-sgct blockquote {
    padding: 10px 20px;
    margin: 0 0 20px;
    border-left: 5px solid #918f8f;
}

.ws-sgct blockquote p {
    margin: 0 !important;
}

.ws-sgct code {
    background: rgba(0, 0, 0, 0.05);
    border-radius: 3px;
    font-size: 0.85rem;
    color: #e83e8c;
}

.ws-sgct p,
.ws-sgct table {
    margin: 0 0 15px;
    line-height: 1.6;
}

.ws-sgct table {
    border: 1px solid #ddd;
    margin-bottom: 30px;
}

.ws-sgct table>tbody>tr>td,
.ws-sgct table>tbody>tr>th,
.ws-sgct table>tfoot>tr>td,
.ws-sgct table>tfoot>tr>th,
.ws-sgct table>thead>tr>td,
.ws-sgct table>thead>tr>th {
    border: 1px solid #ddd;
    padding: 7px 10px;
}

.ws-sgct h6 {
    font-size: 18px;
}

.ws-sgct h5 {
    font-size: 20px;
}

.ws-sgct h4 {
    font-size: 22px;
}

.ws-sgct h3 {
    font-size: 24px;
}

.ws-sgct h2 {
    font-size: 26px;
}

.ws-sgct ul,
.ws-sgct ol {
    margin: 0 0 15px;
    padding-left: 25px;
    list-style: disc;
}

.ws-sgct ul li,
.ws-sgct ol li {
    line-height: 1.5;
    margin-bottom: 8px;
}

.ws-sgct ol {
    list-style: decimal;
}

.ws-sgct iframe {
    margin: auto;
}

.ws-sgct .syntaxhighlighter {
    padding: 10px 0;
}

.ws-sgct h2,
.ws-sgct h3,
.ws-sgct h4,
.ws-sgct h5,
.ws-sgct h6 {
    margin: 0 0 15px;
    font-weight: 500;
}


/* Components
--------------------------------------------- */


/* Button
--------------------------------------------- */

.button {
    padding: 17px 30px;
    border-radius: 4px;
    outline: none;
    display: inline-block;
}

@media screen and (max-width:1023px) {
    .button {
        padding: 13px 20px;
    }
}

.button--secondary {
    background-color: var(--secondary-color);
    color: #fff;
}

@media (hover) {
    .button--secondary:hover {
        background-color: var(--primary-color);
        color: #fff;
    }
}


/* Breadcrumb
--------------------------------------------- */


/** Breadcrumb **/

#breadcrumbs {
    color: #fff;
    font-size: 18px;
    margin-top: 10px;
}

#breadcrumbs a {
    color: #fff;
}

#breadcrumbs a:hover {
    color: var(--secondary-color);
}

#breadcrumbs .breadcrumb_last {
    font-weight: 600;
}

#breadcrumbs .breadcrumb-separate {
    display: inline-block;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background-color: #fff;
    margin-left: 5px;
    margin-right: 5px;
    -webkit-transform: translateY(-2px);
    -ms-transform: translateY(-2px);
    transform: translateY(-2px);
}


/* Menu mobile
--------------------------------------------- */


/** Menu Mobile **/

.menu-mobile {
    position: fixed;
    top: 0;
    left: 0;
    width: 80%;
    height: 100%;
    max-width: 320px;
    background-color: var(--primary-color);
    z-index: 5555;
    transform: translateX(-100%);
    transition: 0.5s;
    overflow-y: scroll;
    padding-bottom: 50px;
    display: none;
    padding-top: 40px;
}

.menu-mobile ul {
    list-style: none;
    padding-left: 0;
}

.menu-mobile ul li {
    position: relative;
    border-bottom: 1px solid #37aef36b;
}

.menu-mobile ul li a {
    color: #fff;
    font-size: 1.6rem;
    display: block;
    padding: 10px;
}

.menu-mobile ul li .li-plus {
    position: absolute;
    width: 45px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    display: block;
    top: 0;
    right: 0;
    color: #fff;
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
}

.menu-mobile ul li .li-plus:before,
.menu-mobile ul li .li-plus:after {
    position: absolute;
    content: "";
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(-90deg);
    background-color: #fff;
    transition: transform 0.4s ease-in-out, opacity 0.4s ease-in-out;
    -webkit-transform: translate(-50%, -50%) rotate(-90deg);
    -moz-transform: translate(-50%, -50%) rotate(-90deg);
    -ms-transform: translate(-50%, -50%) rotate(-90deg);
    -o-transform: translate(-50%, -50%) rotate(-90deg);
}

.menu-mobile ul li .li-plus:before {
    width: 11px;
    height: 2px;
}

.menu-mobile ul li .li-plus:after {
    width: 2px;
    height: 11px;
}

.menu-mobile ul li .clicked {
    transform: rotate(180deg);
}

.menu-mobile ul li .clicked.li-plus:before {
    display: none;
}

.menu-mobile ul li>ul {
    margin-top: 0;
    display: none;
}

.menu-mobile ul li>ul li {
    border: none;
    margin-bottom: 5px;
}

.menu-mobile ul li>ul li a {
    padding: 5px 5px 5px 25px;
}

.menu-mobile ul .current-menu-item>a {
    color: var(--secondary-color);
    font-weight: 600;
}

.menu-mobile ul .current-menu-parent ul {
    display: block;
}

.menu-mobile .menu-mobile-close {
    position: absolute;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    top: 0;
    right: 10px;
}

.menu-mobile .menu-mobile-close svg path {
    stroke: #fff;
}

.menu-mobile.menu-mobile-active {
    transform: translate(0);
    display: block;
}

.menu-mobile-search {
    background-color: #fff;
    box-shadow: 0px 5px 14px -8px rgba(0, 0, 0, 0.5);
    border-radius: 10px;
    display: flex;
    width: 88%;
    margin: 10px auto;
    padding-right: 10px;
}

.menu-mobile-search button {
    border-radius: 10px 0 0 10px;
    padding: 5px 8px 8px 8px;
    border: none;
    outline: none;
    background-color: transparent;
}

.menu-mobile-search input {
    border-radius: 10px 0 0 10px;
    flex: 1;
    border: none;
    outline: none;
    font-size: 13px;
    padding-left: 15px;
}

.overlay {
    position: fixed;
    visibility: hidden;
    opacity: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 5554;
    background: rgba(0, 0, 0, 0.5);
    -webkit-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;
}

.overlay.overlay-active {
    opacity: 1;
    visibility: visible;
}

.menu-mobile__account {
    border-bottom: 1px solid #ffffff5c;
    padding: 10px 19px !important;
    margin-bottom: 10px;
}

.menu-mobile__account a {
    padding-left: 0 !important;
}

.menu-mobile__account ul {
    display: block !important;
}

.menu-mobile__account svg {
    margin-right: 5px;
}

.menu-mobile__account svg path {
    fill: #fff;
}

.header__search-mobile-btn svg path {
    stroke: var(--primary-color);
}

.box-search_header {
    position: fixed;
    top: 30%;
    left: 50%;
    transition: 0.3s ease-in-out;
    animation: show_box_hd 0.5s forwards;
    text-align: center;
    z-index: 9999;
    display: none;
    padding: 20px;
    background: white;
    border-radius: 10px;
}

.box-search_header.active {
    display: block;
}

@keyframes show_box_hd {
    0% {
        opacity: 0;
        visibility: hidden;
        transform: translateX(-50%) scale(0.7);
    }
    100% {
        opacity: 1;
        visibility: visible;
        transform: translateX(-50%) scale(1);
    }
}

.box-search_header label {
    font-size: 35px;
    font-weight: 700;
    text-transform: capitalize;
    padding-bottom: 20px;
    color: var(--primary-color);
}

.box-search_header form {
    display: flex;
}

@media only screen and (max-width: 768px) {
    .box-search_header form {
        width: 80vw;
    }
}

.box-search_header form input {
    border: none;
    outline: none;
    width: 400px;
    height: 40px;
    padding-left: 10px;
    border: 1px solid #ccc;
    border-right: none;
}

@media only screen and (max-width: 768px) {
    .box-search_header form input {
        width: 100%;
    }
}

.box-search_header form button {
    width: 40px;
    background: var(--primary-color);
    border: none;
    outline: none;
    position: relative;
}

.box-search_header form button svg {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.box-search_header form button svg path {
    stroke: #fff;
}

.box-search_header .search-close {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.box-search_header .search-close svg path {
    stroke: var(--primary-color);
}


/* Pagination
--------------------------------------------- */


/** Pagination **/

.hazo-pagination {
    padding: 40px 0;
}

.hazo-pagination ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    width: 100%;
    list-style: none;
}

.hazo-pagination ul li {
    margin: 0 3px;
    font-weight: 500;
    font-size: 1.8rem;
    min-width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.hazo-pagination ul li:hover {
    border-color: var(--secondary-color);
}

.hazo-pagination ul li a {
    color: #687188;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 100%;
    border-radius: 4px;
}

.hazo-pagination ul li a:hover {
    color: #fff;
    background-color: var(--secondary-color);
}

.hazo-pagination ul li svg {
    height: 15px;
}

.hazo-pagination ul li svg path {
    stroke: #cdcecd;
}

.hazo-pagination ul li:hover svg path {
    stroke: #fff;
}

.hazo-pagination ul .pagination-arrow svg path {
    stroke: var(--primary-color);
}

.hazo-pagination ul .active a {
    color: #fff;
    background-color: var(--secondary-color);
}


/* Header
--------------------------------------------- */

.header__top {
    font-size: 14px;
    padding: 9px 64px;
}

@media only screen and (max-width: 1199px) {
    .header__top {
        padding: 9px 30px;
    }
}

.header__top ul li a:hover {
    color: var(--secondary-color);
}

.header__top ul li a svg {
    color: currentColor;
}

.header__top-left li {
    color: rgba(242, 242, 242, 0.7);
}

.header__top-left li:not(:last-child) {
    margin-right: 21px;
}

.header__top-left li svg {
    color: #fff;
    margin-right: 8px;
}

.header__top-left li a {
    color: currentColor;
}

.header__top-social li:not(:last-child) {
    margin-right: 15px;
}

.header__top-social li a {
    color: #fff;
}

.header__logo {
    max-width: 93px;
}

.header__logo-sticky {
    display: none;
}

.header__menu {
    width: 66%;
    flex: 0 0 auto;
}

.header__menu ul li a {
    font-weight: 600;
    color: #fff;
}

.header__bottom {
    padding: 10px 64px;
    border-bottom: 1px solid rgba(196, 196, 196, 0.3);
    top: 100%;
    left: 0;
    width: 100%;
    -webkit-transition: background-color .3s;
    -o-transition: background-color .3s;
    transition: background-color .3s;
}

@media only screen and (max-width: 1365px) {
    .header__bottom {
        padding: 7px 30px;
    }
}

@media only screen and (max-width: 1023px) {
    .header__bottom {
        padding: 7px 15px;
    }
}

.header__bottom-phone svg {
    margin-right: 10px;
}

.header__bottom-phone:hover {
    color: var(--secondary-color) !important;
}

.header__bottom-right {
    font-size: 24px;
}

@media only screen and (max-width: 1600px) {
    .header__bottom-right {
        font-size: 19px;
    }
}

.header__menu {
    padding-left: 8%;
}

@media only screen and (max-width: 1439px) {
    .header__menu {
        padding-left: 8%;
    }
}

.header__menu ul {
    list-style: none;
    padding-left: 0;
}

.header__menu ul li {
    margin-right: 40px;
    position: relative;
}

@media only screen and (max-width: 1365px) {
    .header__menu ul li {
        margin-right: 25px;
    }
}

.header__menu ul li a {
    display: inline-block;
    padding: 5px 0;
}

.header__menu ul li:hover>a {
    color: var(--secondary-color) !important;
}

.header__menu ul li.menu-item-has-children>a:after {
    margin-left: 4px;
    content: url("data:image/svg+xml,%3Csvg width='8' height='7' viewBox='0 0 8 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='0.5' d='M8 0H0L4 7L8 0Z' fill='%23F2F2F2'/%3E%3C/svg%3E%0A");
}

.header__menu ul li ul {
    position: absolute;
    top: 100%;
    left: 0;
    background-color: #fff;
    min-width: 200px;
    max-width: 300px;
    display: block;
    z-index: 999;
    border-radius: 3px;
    overflow: hidden;
    box-shadow: 0px 1px 8px 1px #00000038;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
}

.header__menu ul li ul li {
    margin-right: 0;
}

.header__menu ul li ul li:not(:last-child) {
    border-bottom: 1px solid #dfdfdf;
}

.header__menu ul li ul li a {
    color: #333;
    display: block;
    padding: 7px 15px;
}

.header__menu ul li ul li a:hover {
    background-color: var(--secondary-color);
    color: #fff !important;
}

.header__menu ul li:hover ul {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
    visibility: visible;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

.header__menu ul .current-menu-parent>a,
.header__menu ul .current-menu-item>a {
    color: var(--secondary-color) !important;
}

.header__menu ul .current-menu-parent.menu-item-has-children>a:after,
.header__menu ul .current-menu-item.menu-item-has-children>a:after {
    content: url("data:image/svg+xml,%3Csvg width='8' height='7' viewBox='0 0 8 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='0.5' d='M8 0H0L4 7L8 0Z' fill='%23F7941D'/%3E%3C/svg%3E%0A") !important;
}

.header__menu ul .current-menu-parent li ul li a::after {
    display: none;
}

.header__language {
    margin-left: 56px;
}

@media only screen and (max-width: 1439px) {
    .header__language {
        margin-left: 30px;
    }
}

.header__language li {
    width: 40px;
    height: 40px;
    border: 1px solid;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.header__language li:not(:last-child) {
    margin-right: 20px;
}

.header__language li:not(:last-child):after {
    content: '';
    width: 1px;
    height: 23px;
    background-color: rgba(242, 242, 242, 0.5);
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: -11px;
}

.header__language li:nth-child(odd) {
    color: var(--secondary-color);
}

.header__language li:nth-child(odd) a {
    background-color: var(--secondary-color);
}

.header__language li:nth-child(even) {
    color: #DB3328;
}

.header__language li:nth-child(even) a {
    background-color: #DB3328;
}

.header__language li:hover {
    color: var(--primary-color);
}

.header__language li:hover a {
    background-color: var(--primary-color);
}

.header__language li a {
    font-size: 12px;
    font-weight: 700;
    color: #fff;
    padding: 0 5px;
    border-radius: 4px;
    text-transform: uppercase;
}

.header__bars {
    color: #fff;
}

.header.active .header__bottom {
    background-color: #fff;
    box-shadow: 0 3px 5px 0 #0000000f;
}

.header.active .header__bottom-phone {
    color: var(--grey) !important;
}

.header.active .header__bottom-phone:hover {
    color: var(--secondary-color) !important;
}

.header.active .header__bottom-phone svg path {
    fill: var(--grey);
}

.header.active .header__menu ul li a {
    color: var(--grey);
}

.header.active .header__menu ul li.menu-item-has-children>a:after {
    content: url("data:image/svg+xml,%3Csvg width='8' height='7' viewBox='0 0 8 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='0.5' d='M8 0H0L4 7L8 0Z' fill='%23333'/%3E%3C/svg%3E%0A");
}

.header.active .header__bars {
    color: var(--primary-color);
}

.header.active .has-logo-2 {
    display: none;
}

.header.active .header__logo-sticky {
    display: block;
}


/* Home
--------------------------------------------- */


/** HOME BANNER **/

.home-banner .flickity-page-dots {
    bottom: 42px;
}

.home-banner .flickity-page-dots .dot {
    width: 85px;
    height: 8px;
    border-radius: unset;
    background-color: #fff;
}

.home-banner__image {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    height: 868px;
}

@media only screen and (max-width: 1199px) {
    .home-banner__image {
        height: 600px;
    }
}

@media screen and (max-width:1023px) {
    .home-banner .flickity-page-dots .dot {
        width: 45px;
        height: 4px;
    }
}

.home-banner__image:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
}

.home-banner__image img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.home-banner-inner {
    width: 100%;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 50px 0;
}

.home-banner__content {
    width: 56%;
}

@media only screen and (max-width: 1199px) {
    .home-banner__content {
        width: 75%;
    }
}

@media only screen and (max-width: 767px) {
    .home-banner__content {
        width: 100%;
    }
}

.home-banner__title {
    font-size: 50px;
    margin-bottom: 18px;
    line-height: 1.3;
}

.home-banner__desc {
    margin-bottom: 30px;
}

.home-banner__link {
    padding: 17px 88px;
}

@media only screen and (max-width: 1600px) {
    .home-banner__title {
        font-size: 40px;
    }
    .home-banner__link {
        padding: 10px 60px;
    }
    .home-banner__desc {
        display: -webkit-box !important;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 5 !important;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}

@media only screen and (max-width: 767px) {
    .home-banner__title {
        font-size: 25px;
    }
}


/** HOME INTRO **/

.home-intro {
    background: linear-gradient(180deg, var(--primary-color) 70%, #f0f4f7 30%);
}

.home-intro__left img {
    height: 100%;
    width: 100%;
}

.home-intro__right {
    padding: 47px 38% 47px 85px;
}

@media only screen and (max-width: 1600px) {
    .home-intro__right {
        padding-right: 23%;
    }
}

@media only screen and (max-width: 1199px) {
    .home-intro__right {
        padding: 50px 40px;
    }
    .home-intro {
        background: linear-gradient(180deg, var(--primary-color) 85%, #f0f4f7 15%);
    }
    .home-intro__left {
        position: relative;
        padding-bottom: 50%;
    }
}

@media only screen and (max-width: 1023px) {
    .home-intro__right {
        padding: 30px;
    }
    .home-intro__left img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
}

.home-intro__title {
    margin-bottom: 24px;
}

.home-intro-target__content {
    padding: 26px 22px 16px 22px;
    background-color: #C7EAFB;
    margin-bottom: 43px;
    font-weight: 600;
}

.home-intro-target__content:before {
    content: url("data:image/svg+xml,%3Csvg width='17' height='23' viewBox='0 0 17 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.000192195 23L17 -4.21162e-07L2.01072e-06 -1.90735e-06L0.000192195 23Z' fill='%23C7EAFB'/%3E%3C/svg%3E%0A");
    position: absolute;
    top: 100%;
    left: 0;
}

.home-intro-target__title {
    margin-bottom: 8px;
}


/** HOME REASON **/

.home-reason {
    padding: 289px 0 141px 0;
}

@media only screen and (max-width: 1199px) {
    .home-reason {
        padding: 122px 0 72px 0;
    }
}

@media only screen and (max-width: 767px) {
    .home-reason {
        padding: 55px 0;
    }
}

.home-reason-bg {
    right: 0;
    top: -80px;
    height: 100%;
    pointer-events: none;
}

.home-reason-bg img {
    width: 100%;
    height: 100%;
}

@media only screen and (max-width: 767px) {
    .home-reason-bg {
        opacity: 0.5;
    }
}

.home-reason-list {
    margin-top: 73px;
}

@media only screen and (max-width: 1023px) {
    .home-reason-list {
        margin-top: 45px;
    }
}

.home-reason-item__icon {
    width: 108px;
    height: 108px;
    background-color: var(--secondary-color);
    border: 8px solid var(--smoke);
    box-shadow: 0px 4px 50px rgba(0, 0, 0, 0.15);
}

.home-reason-item__title {
    margin-top: 20px;
}

.home-reason-item__desc {
    margin-top: 15px;
}

@media only screen and (max-width: 767px) {
    .home-reason-item__icon {
        width: 87px;
        height: 87px;
        border-width: 4px;
    }
    .home-reason-item__title {
        font-size: 15px;
    }
    .home-reason-item__desc {
        font-size: 14px;
        margin-top: 8px;
    }
}


/** HOME SERVICES **/

.home-services {
    padding: 70px 0 0 0;
    overflow: hidden;
}

@media only screen and (max-width: 1199px) {
    .home-services {
        padding: 50px 0;
    }
}

.home-services:before {
    content: url(../images/img-7.png);
    position: absolute;
    left: 0;
    top: 144px;
}

.home-services:after {
    content: url(../images/img-8.png);
    position: absolute;
    right: 0;
    top: 0;
}

.home-services-list {
    margin-top: 60px;
}

@media only screen and (max-width: 767px) {
    .home-services-list {
        margin-top: 30px;
        padding-left: 10px;
        padding-right: 10px;
    }
}

.home-services-list:after {
    content: 'flickity';
    display: none;
}

@media screen and (min-width: 1200px) {
    .home-services-list {
        /* disable Flickity for large devices */
        display: flex;
        flex-wrap: wrap;
    }
    .home-services-list:after {
        content: '';
    }
}

.home-services .flickity-page-dots .dot {
    background-color: var(--secondary-color);
    opacity: 0.7;
}

.home-services .flickity-page-dots .dot.is-selected {
    opacity: 1;
}

.home-service-item-wrapper .img-block {
    padding-bottom: 64%;
}

.home-service-item-wrapper .service-item__content {
    width: 66%;
}

@media only screen and (max-width: 1600px) {
    .home-service-item-wrapper .service-item__content {
        width: 90%;
    }
}

@media only screen and (max-width: 1023px) {
    .home-service-item-wrapper {
        padding: 0 15px;
    }
    .home-service-item-wrapper .service-item__content {
        width: 100%;
    }
}


/** HOME NEWS **/

.home-news {
    padding: 69px 0 0 0;
}

@media only screen and (max-width: 767px) {
    .home-news {
        padding: 40px 0 10px 0;
    }
}

.home-news-inner {
    margin-top: 60px;
}

@media only screen and (max-width: 767px) {
    .home-news-inner {
        margin-top: 30px;
    }
}

.home-news-item {
    padding-bottom: 16px;
    border-bottom: 1px solid #E0E0E0;
    margin-bottom: 16px;
    line-height: 1.35;
}

.home-news-item__time {
    margin-bottom: 7px;
    font-size: 14px;
}

.home-news-item__time:before {
    -webkit-transform: translateY(2px);
    -ms-transform: translateY(2px);
    transform: translateY(2px);
    margin-right: 8px;
    content: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.66667 5.83333V2.5M13.3333 5.83333V2.5M5.83333 9.16667H14.1667M4.16667 17.5H15.8333C16.2754 17.5 16.6993 17.3244 17.0118 17.0118C17.3244 16.6993 17.5 16.2754 17.5 15.8333V5.83333C17.5 5.39131 17.3244 4.96738 17.0118 4.65482C16.6993 4.34226 16.2754 4.16667 15.8333 4.16667H4.16667C3.72464 4.16667 3.30072 4.34226 2.98816 4.65482C2.67559 4.96738 2.5 5.39131 2.5 5.83333V15.8333C2.5 16.2754 2.67559 16.6993 2.98816 17.0118C3.30072 17.3244 3.72464 17.5 4.16667 17.5Z' stroke='%23828282' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.home-news-item__title {
    margin-bottom: 5px;
}

.home-news-item__title a {
    color: var(--grey);
}

@media (hover) {
    .home-news-item__title a:hover {
        color: var(--secondary-color);
    }
}

@media only screen and (max-width: 767px) {
    .home-news-item__title {
        font-size: 16px;
    }
    .home-news-item__desc {
        font-size: 15px;
    }
}

.home-news-link {
    padding: 9px 92px;
}

@media only screen and (max-width: 767px) {
    .home-news-link {
        padding: 9px 50px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        position: relative;
    }
}

.home-news-item--big {
    margin-bottom: 0;
}

@media only screen and (min-width: 768px) {
    .home-news-item--big {
        padding-bottom: 0;
        border: none;
    }
}

.home-news-item--big .home-news-item__time {
    padding: 9px 18px;
    background-color: rgba(255, 255, 255, 0.8);
    z-index: 99;
    left: 0;
    top: 8px;
    width: 170px;
}

.home-news-item--big .home-news-item__image {
    padding-bottom: 64%;
    margin-bottom: 20px;
}

@media only screen and (max-width: 767px) {
    .home-news-item--big .home-news-item__title,
    .home-news-item--big .home-news-item__desc {
        text-align: left !important;
    }
}


/** CONTACT **/

.contact {
    padding: 40px 0;
}

@media only screen and (max-width: 1023px) {
    .contact {
        background-color: var(--primary-color);
    }
}

.contact-bg {
    width: 100%;
    height: 100%;
    right: 0;
    top: 0;
    display: flex;
    justify-content: flex-end;
}

@media only screen and (min-width: 1024px) {
    .contact-bg:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        background: linear-gradient(90.71deg, #1083C6 30.75%, rgba(16, 131, 198, 0) 137.21%);
        height: 100%;
        z-index: 99;
    }
}

.contact-bg img {
    width: 70%;
    height: 100%;
    object-fit: cover;
    opacity: .5;
}

.contact-inner {
    z-index: 1000;
}

.contact-inner .contact-form br,
.contact-inner .contact-form label {
    display: none;
}

.contact-content__title {
    font-size: 18px;
}

.contact-content__info {
    margin-top: 24px;
}

.contact-content__info li {
    color: #fff;
    margin-bottom: 12px;
}

.contact-content__info li a {
    color: currentColor;
}

.contact-content__info li a:hover {
    color: var(--secondary-color);
}

.contact-content__info li .icon {
    width: 25px;
    height: 25px;
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    margin-right: 8px;
}

.contact-map {
    position: relative;
    padding-bottom: 40%;
}

@media only screen and (max-width: 1023px) {
    .contact-map {
        padding-bottom: 80%;
    }
}

.contact-map iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.contact-form-wrapper {
    background-color: #fff;
    padding: 40px 75px;
}

@media only screen and (max-width: 1023px) {
    .contact-form-wrapper {
        padding: 30px;
    }
}

.about-history {
    padding: 60px 0;
}

@media only screen and (max-width: 767px) {
    .about-history {
        padding: 30px 0;
    }
}

.about-history__image {
    padding-bottom: 75%;
}

.about-history__image:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 93%;
    height: 93%;
    border: 1px solid #ffdc00;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}


/** ABOUT VISION **/

.about-vision {
    padding: 60px 0;
}

.about-vision-item__title {
    margin-bottom: 10px;
}

.about-vision-item__title:after {
    margin-top: 4px;
}

.about-vision-item__desc {
    font-size: 18px;
}


/** ABOUT CONTENT **/

.about-team {
    padding: 60px 0;
}

@media only screen and (max-width: 767px) {
    .about-team {
        padding: 40px 0;
    }
}

.about-team-content {
    margin-top: 40px;
}

.about-team-list {
    margin-left: -15px;
    margin-right: -15px;
}

.about-team-item {
    padding-bottom: 131%;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

.about-team-item__image {
    top: 0;
    left: 0;
}

.about-team-item__image:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 60%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #1083C6 100%);
    z-index: 99;
}

.about-team-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    -webkit-transition: .8s ease-in-out;
    -o-transition: .8s ease-in-out;
    transition: .8s ease-in-out;
}

.about-team-item:hover .about-team-item__name,
.about-team-item:hover .about-team-item__position {
    color: var(--secondary-color);
}

.about-team-item-inner {
    top: 0;
    left: 0;
    padding: 30px 15px;
    z-index: 100;
}

.about-team-item__name {
    font-size: 20px;
}

.about-team-item__position {
    font-size: 14px;
}

.about-team-item__social li {
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    margin: 0 8px;
}

@media only screen and (min-width: 1024px) {
    .about-team-item__social li {
        -webkit-transform: translateY(10px);
        -ms-transform: translateY(10px);
        transform: translateY(10px);
        opacity: 0;
        visibility: hidden;
    }
}

.about-team-item__social li a {
    width: 24px;
    height: 24px;
    border: 1px solid #fff;
    color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.about-team-item__social li a:hover {
    background-color: var(--secondary-color);
    border-color: var(--secondary-color);
}

.about-team-item__social li a svg {
    width: 60%;
    height: 60%;
}

@media (hover) {
    .about-team-item:hover .about-team-item__social li {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
        visibility: visible;
    }
    .about-team-item:hover .about-team-item__image img {
        -webkit-transform: scale(1.2);
        -ms-transform: scale(1.2);
        transform: scale(1.2);
    }
}


/** ABOUT BRANCH **/

.about-branch {
    background: linear-gradient(180deg, #F0F4F7 0%, rgba(240, 244, 247, 0) 100%);
    padding: 60px 0;
}

@media only screen and (max-width: 767px) {
    .about-branch {
        padding: 40px 0;
    }
}

.about-branch-item__image {
    padding-bottom: 77%;
}

.about-branch-item__image img {
    -webkit-transition: .8s ease-in-out;
    -o-transition: .8s ease-in-out;
    transition: .8s ease-in-out;
}

.about-branch-item__content {
    background-color: #C7EAFB;
    padding: 10px 15px;
    -webkit-transition: color .3s;
    -o-transition: color .3s;
    transition: color .3s;
}

.about-branch-item:hover .about-branch-item__content {
    color: var(--primary-color) !important;
}


/** CONTACT **/

.about-contact {
    padding: 10px 0 90px 0;
}

.about-contact-inner {
    z-index: 99;
    background-color: #fff;
    margin: 0 auto;
    box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.15);
    padding: 70px 118px;
}

@media only screen and (min-width: 1024px) {
    .about-contact-inner {
        width: 834px;
    }
}

@media only screen and (max-width: 1023px) {
    .about-contact-inner {
        padding: 70px;
    }
}

@media only screen and (max-width: 767px) {
    .about-contact-inner {
        padding: 50px 25px;
    }
}

.about-contact-desc {
    margin-top: 15px;
}

.about-contact-form {
    margin-top: 30px;
}

.about-contact-image {
    bottom: 0;
    left: 0;
}

.contact-form .form-group {
    margin-bottom: 17px;
}

.contact-form .form-group label {
    color: var(--light-grey-1);
    margin-bottom: 8px;
}

.contact-form .form-group input,
.contact-form .form-group select,
.contact-form .form-group textarea {
    padding: 9.5px 20px;
    height: auto;
    border: 1px solid #c4c4c4;
    width: 100%;
    outline: none;
}

.contact-form .form-group textarea {
    height: 135px;
}

.contact-form button {
    width: 100%;
    display: block;
    border: none;
    outline: none;
    border-radius: unset;
    text-transform: uppercase;
    font-size: 14px;
    padding: 8px 10px;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

.about-contact-form input:focus,
.about-contact-form textarea:focus {
    border-color: var(--secondary-color);
}

.about-contact-form input ::-webkit-input-placeholder,
.about-contact-form textarea ::-webkit-input-placeholder {
    /* WebKit browsers */
    color: transparent;
}

.about-contact-form input :-moz-placeholder,
.about-contact-form textarea :-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: transparent;
}

.about-contact-form input ::-moz-placeholder,
.about-contact-form textarea ::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: transparent;
}

.about-contact-form input :-ms-input-placeholder,
.about-contact-form textarea :-ms-input-placeholder {
    /* Internet Explorer 10+ */
    color: transparent;
}

.about-contact-form input::placeholder,
.about-contact-form textarea::placeholder {
    color: transparent;
}

.about-contact-form input::-webkit-input-placeholder,
.about-contact-form textarea::-webkit-input-placeholder {
    /* WebKit browsers */
    color: transparent;
}

.about-contact-form input:-moz-placeholder,
.about-contact-form textarea:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: transparent;
}

.about-contact-form input::-moz-placeholder,
.about-contact-form textarea::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: transparent;
}

.about-contact-form input::-ms-input-placeholder,
.about-contact-form textarea::-ms-input-placeholder {
    /* Internet Explorer 10+ */
    color: transparent;
}

.about-contact-form input::placeholder,
.about-contact-form textarea::placeholder {
    color: transparent;
}


/** NEWS **/

.news {
    padding: 60px 0 40px 0;
}

.news-item {
    border: 1px solid #878787;
    height: 100%;
}

.news-item__img {
    margin: -1px;
    padding-bottom: 77%;
}

.news-item__content {
    padding: 11px 20px 20px 20px;
}

@media only screen and (max-width: 767px) {
    .news-item__content {
        padding: 10px;
    }
}

.news-item__date {
    font-size: 14px;
}

.news-item__date:before {
    margin-right: 5px;
    content: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.66667 5.83333V2.5M13.3333 5.83333V2.5M5.83333 9.16667H14.1667M4.16667 17.5H15.8333C16.2754 17.5 16.6993 17.3244 17.0118 17.0118C17.3244 16.6993 17.5 16.2754 17.5 15.8333V5.83333C17.5 5.39131 17.3244 4.96738 17.0118 4.65482C16.6993 4.34226 16.2754 4.16667 15.8333 4.16667H4.16667C3.72464 4.16667 3.30072 4.34226 2.98816 4.65482C2.67559 4.96738 2.5 5.39131 2.5 5.83333V15.8333C2.5 16.2754 2.67559 16.6993 2.98816 17.0118C3.30072 17.3244 3.72464 17.5 4.16667 17.5Z' stroke='%23828282' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    display: inline-block;
    -webkit-transform: translateY(4px);
    -ms-transform: translateY(4px);
    transform: translateY(4px);
}

.news-item__title {
    display: -webkit-box !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2 !important;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 18px;
    font-weight: 600;
    margin-top: 10px;
}

.news-item__title a {
    color: var(--grey);
}

@media (hover) {
    .news-item__title a:hover {
        color: var(--secondary-color);
    }
}

@media only screen and (max-width: 767px) {
    .news-item__title {
        font-size: 14px;
    }
}

.news-item__desc {
    margin-top: 15px;
}

.news-item--big .news-item {
    display: flex;
    flex-wrap: wrap;
}

@media only screen and (max-width: 767px) {
    .news-item--big .news-item {
        flex-direction: column;
    }
}

.news-item--big .news-item .news-item__img {
    width: 61%;
    flex: 0 0 auto;
    padding-bottom: 51%;
}

@media only screen and (max-width: 767px) {
    .news-item--big .news-item .news-item__img {
        width: 100%;
        padding-bottom: 77%;
    }
}

.news-item--big .news-item .news-item__content {
    width: 39%;
    flex: 0 0 auto;
    padding: 30px 15px 30px 30px;
}

@media only screen and (max-width: 767px) {
    .news-item--big .news-item .news-item__content {
        width: 100%;
        padding: 10px;
    }
}

.news-item--big .news-item .news-item__title {
    -webkit-line-clamp: 3 !important;
}

@media only screen and (max-width: 767px) {
    .news-item--big .news-item .news-item__title {
        -webkit-line-clamp: 2 !important;
    }
}

.news-item--big .news-item .news-item__desc {
    display: -webkit-box !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 6 !important;
    overflow: hidden;
    text-overflow: ellipsis;
}

@media only screen and (max-width: 767px) {
    .news-item--big .news-item .news-item__desc {
        display: none !important;
    }
}


/** SINGLE NEWS **/

.news-detail__main {
    margin: 40px 0;
}

@media only screen and (max-width: 767px) {
    .content-heading__title {
        font-size: 23px;
    }
}

.news-detail__image {
    padding-bottom: 58%;
}

@media (max-width: 576px) {
    .news-detail__main {
        margin: 50px 0;
    }
}

.detail__content-body {
    border-top: 0.5px solid #c4c4c4;
    margin-bottom: 20px;
    padding-top: 12px;
}

.detail__content-body .comment-author {
    padding: 10px 0 20px 0;
    display: flex;
    flex-wrap: wrap;
}

.detail__content-body .comment-author .item {
    margin-right: 70px;
    color: #7b7875;
}

@media only screen and (max-width: 767px) {
    .detail__content-body .comment-author .item {
        margin-right: 15px;
        font-size: 13px;
    }
}

.detail__content-body .comment-author .item a {
    color: currentColor;
}

.detail__content-body .comment-author .item svg {
    margin-right: 6px;
    -webkit-transform: translateY(-2px);
    -ms-transform: translateY(-2px);
    transform: translateY(-2px);
    display: inline-block;
}

@media (max-width: 576px) {
    .detail__content-body .comment-author .item {
        margin-bottom: 20px;
    }
}

.detail__content-footer {
    border-top: 0.5px solid #c4c4c4;
}

.detail__content-footer .news-share {
    display: flex;
    margin: 30px 0;
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 33px;
    color: #5e5a5e;
}

.detail__content-footer .news-share ul {
    margin-left: 20px;
}

.detail__content-footer .news-share ul li {
    margin-right: 15px;
}

.sidebar__search input {
    border: none;
    box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.15);
    padding: 15px 20px;
    color: #7b7875;
    width: 100%;
    position: relative;
    font-size: 18px;
}

.sidebar__search button {
    position: absolute;
    right: 0;
    top: 0;
    width: 85px;
    height: 100%;
    background: var(--secondary-color);
    outline: none;
    border: none;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

.sidebar__search button:hover {
    background-color: var(--primary-color);
}

.news__lastest {
    margin-top: 40px;
    padding: 30px 16px;
    border: 0.5px solid #7b7875;
}

.news__sidebar-heading {
    font-size: 22px;
    margin-bottom: 20px;
    padding-left: 13px;
}

.news__lastest .news__lastest-item {
    border-bottom: 0.5px solid #c4c4c4;
    padding: 13px 5px 13px 13px;
    color: #000;
}

.news__lastest .news__lastest-item-image {
    width: 100px;
    height: 100px;
    flex: 0 0 auto;
}

.news__lastest .news__lastest-item-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.news__lastest .news__lastest-item .content {
    width: calc(100% - 100px);
    flex: 0 0 auto;
    padding-left: 21px;
}

.news__lastest .news__lastest-item .content .news__lastest-title {
    margin-top: 8px;
    display: -webkit-box !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3 !important;
    overflow: hidden;
    text-overflow: ellipsis;
}

.news__lastest .news__lastest-item .content .news__lastest-title:hover {
    color: var(--primary-color);
}

.news__lastest .news__lastest-item .content .date {
    font-size: 14px;
}

.news__lastest .news__lastest-item:last-child {
    border-bottom: none;
}

.service-head {
    padding: 60px 0 20px 0;
}

@media only screen and (max-width: 1023px) {
    .service-head {
        padding: 40px 0 0 0;
    }
}

.service-head__title {
    margin-bottom: 15px;
    padding-left: 15px;
    line-height: 1.3;
    position: relative;
}

.service-head__title:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 2px;
    background-color: var(--secondary-color);
    display: block;
    height: 85%;
}

.service-head__desc {
    font-size: 18px;
    color: var(--light-grey-1);
}

.service-head__content {
    color: var(--light-grey-1);
}

.service-main {
    padding: 40px 0 40px 0;
}


/** SERVICES ITEM **/

.service-item__image {
    padding-bottom: 111%;
}

.service-item__image:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #1083C6 100%);
}

@media only screen and (max-width: 1199px) {
    .service-item__image:before {
        opacity: 0.9;
    }
}

.service-item__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    -webkit-transition: .8s ease-in-out;
    -o-transition: .8s ease-in-out;
    transition: .8s ease-in-out;
}

.service-item__content {
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    padding: 25px;
    color: #fff;
    -webkit-transition: color .3s;
    -o-transition: color .3s;
    transition: color .3s;
    z-index: 99;
    width: 100%;
}

@media only screen and (max-width: 1199px) {
    .service-item__content {
        width: 80%;
        padding: 20px 10px;
    }
}

@media (hover) {
    .service-item:hover .service-item__image img {
        -webkit-transform: scale(1.2);
        -ms-transform: scale(1.2);
        transform: scale(1.2);
    }
    .service-item:hover .service-item__content {
        color: var(--secondary-color);
    }
}

.service-item__name {
    font-size: 22px;
    margin-bottom: 10px;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    justify-content: center;
}

.service-item__name span {
    display: -webkit-box !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2 !important;
    overflow: hidden;
    text-overflow: ellipsis;
}

@media only screen and (max-width: 1199px) {
    .service-item__name {
        font-size: 20px;
    }
}

@media only screen and (max-width: 767px) {
    .service-item__name {
        font-size: 13px;
        height: auto !important;
    }
}

.service-item__desc {
    display: -webkit-box !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2 !important;
    overflow: hidden;
    text-overflow: ellipsis;
}

@media only screen and (max-width: 767px) {
    .service-item__desc {
        font-size: 13px;
    }
}


/** SERVICE DETAILE **/

.service-detail {
    padding: 60px 0px 40px 0;
}


/** SERVICES SIDEBAR **/

.our__service {
    margin-bottom: 30px;
    background: var(--primary-color);
    padding: 0 13px 30px 13px;
}

.our__service-title {
    font-weight: 500;
    font-size: 22px;
    line-height: 38px;
    color: #ffffff;
    padding: 28px 18px 18px 18px;
}

.our__service .our__service-list li a {
    padding: 15px 18px;
    display: block;
    font-style: normal;
    font-weight: 300;
    line-height: 22px;
    color: #ffffff;
}

.our__service .our__service-list li a:hover {
    background: rgba(255, 255, 255, 0.16);
}

.our__service .our__service-list li a.active {
    background: rgba(255, 255, 255, 0.16);
}

.sidebar-form {
    box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.15);
    padding: 40px;
}

@media only screen and (max-width: 767px) {
    .sidebar-form {
        padding: 30px;
    }
}

.sidebar-form__title {
    font-size: 22px;
    font-weight: 700;
    color: var(--primary-color);
    margin-bottom: 10px;
}

.sidebar-form__desc {
    color: #5E5A5E;
    margin-bottom: 20px;
}

.gallery-page {
    padding: 40px 0;
}

.gallery-image-inner {
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    grid-gap: 30px;
}

@media only screen and (max-width: 1023px) {
    .gallery-image-inner {
        grid-template-columns: 1fr 1fr 1fr;
        grid-gap: 20px;
    }
}

@media only screen and (max-width: 767px) {
    .gallery-image-inner {
        grid-template-columns: 1fr 1fr;
        grid-gap: 10px;
    }
}

.gallery-video-item__image img {
    -webkit-transition: .8s ease-in-out;
    -o-transition: .8s ease-in-out;
    transition: .8s ease-in-out;
}

.gallery-video-item__image:before {
    content: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='30' cy='30' r='30' fill='black' fill-opacity='0.8'/%3E%3Cpath d='M40.2332 29.6074C40.9653 29.9773 40.9653 31.0227 40.2332 31.3926L25.4509 38.8603C24.7858 39.1963 24 38.7129 24 37.9677V23.0323C24 22.2871 24.7858 21.8037 25.4509 22.1397L40.2332 29.6074Z' fill='white'/%3E%3C/svg%3E%0A");
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    display: block;
    z-index: 99;
}

.gallery-video-item__image:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 90;
}

.gallery-video-item:hover .gallery-video-item__image img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.gallery-video-item__title {
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 20px 30px;
    font-weight: 700;
    color: #fff;
    z-index: 199;
    -webkit-transition: color .3s;
    -o-transition: color .3s;
    transition: color .3s;
}

@media only screen and (min-width: 768px) {
    .gallery-video-item__title {
        font-size: 18px;
    }
}

@media only screen and (max-width: 767px) {
    .gallery-video-item__title {
        padding: 15px;
        display: -webkit-box !important;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2 !important;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}

.gallery-video-item:hover .gallery-video-item__title {
    color: var(--secondary-color);
}

.gallery-video-item img {
    width: 100%;
    height: 100%;
}

@media only screen and (min-width: 1024px) {
    .gallery-video-item:nth-child(1) {
        grid-column: 1/3;
        grid-row: 1/3;
    }
}


/* Sidebar
--------------------------------------------- */


/** Sidebar **/

.sidebar__item {
    box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.25);
    border-radius: 8px;
    overflow: hidden;
}

.sidebar__item-head {
    padding: 15px 16px;
    background-color: var(--secondary-color);
    font-weight: 600;
    color: #fff;
    font-size: 21px;
}

.sidebar__item ul {
    list-style: none;
    padding-left: 0;
    margin: 0;
}

@media only screen and (max-width: 1023px) {
    .sidebar__item ul {
        display: none;
    }
}

.sidebar__item ul li:not(:last-child) {
    border-bottom: 1px solid #E8E8E8;
}

.sidebar__item ul li a {
    display: block;
    padding: 10px 12px;
    color: #333;
    font-weight: 500;
}

@media (hover) {
    .sidebar__item ul li a:hover {
        color: var(--secondary-color);
    }
}

.sidebar__news-list {
    padding-bottom: 37.5px;
}

.sidebar__news-item {
    padding: 16px;
    border-bottom: 1px solid #E8E8E8;
}

.sidebar__news-item .item__image {
    width: 70px;
    flex: 0 0 auto;
    padding-bottom: 14.06%;
}

.sidebar__news-item .item__title {
    width: calc(100% - 70px);
    flex: 0 0 auto;
    padding-left: 8px;
    font-weight: 500;
    display: -webkit-box !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2 !important;
    overflow: hidden;
    text-overflow: ellipsis;
}

.sidebar__news-item .item__title a {
    color: #333;
}

@media (hover) {
    .sidebar__news-item:hover .item__title a {
        color: var(--secondary-color);
    }
}


/** Sidebar Product **/

.sidebar-product {
    padding: 40px 0;
}

.sidebar-product .sidebar__item-head {
    font-size: 18px;
    padding: 10px 15px;
}

.sidebar__item-toggle-btn {
    width: 20px;
    height: 20px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

.sidebar__item-toggle-btn:after {
    content: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 1V11M1 6L11 6' stroke='%23fff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.sidebar__item-toggle-btn.clicked:after {
    content: url("data:image/svg+xml,%3Csvg width='12' height='10' viewBox='0 0 12 2' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L11 1' stroke='%23fff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

@media only screen and (max-width: 1023px) {
    .sidebar-product {
        position: fixed;
        width: 85%;
        max-width: 350px;
        top: 0;
        left: -100%;
        height: 100vh;
        background-color: #fff;
        z-index: 5555;
        padding-top: 0;
        -webkit-transition: .3s;
        -o-transition: .3s;
        transition: .3s;
    }
    .sidebar-product.active {
        left: 0;
    }
    .sidebar-product .sidebar__item {
        box-shadow: unset;
        border: 1px solid var(--lightgrey);
    }
    .sidebar-product .sidebar__item-head {
        font-size: 16px;
    }
    .sidebar-product .sidebar-product__list {
        padding: 10px 15px;
        overflow: auto;
        height: 100%;
    }
}

.sidebar-product__head-mobile {
    padding: 15px;
    color: #fff;
    background-color: var(--secondary-color);
    font-size: 18px;
    margin-bottom: 10px;
}

.sidebar-product__close {
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 0;
}

.sidebar-product__close svg path {
    stroke: #fff;
}


/* Footer
--------------------------------------------- */


/** IMAGE **/

.image-footer:before {
    content: '';
    background: linear-gradient(180deg, #FFFFFF 0%, rgba(255, 255, 255, 0));
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.footer__top {
    padding: 50px 0 30px 0;
    border-bottom: 1px solid var(--smoke);
}

.footer__logo {
    margin-bottom: 15px;
}

.footer__title {
    font-size: 18px;
    margin-bottom: 12px;
}

.footer__bottom {
    padding: 20px 0;
    font-size: 14px;
}

@media only screen and (max-width: 767px) {
    .footer__bottom {
        text-align: center;
    }
}

.footer__social li:not(:first-child) {
    margin-left: 16px;
}

.footer__social li a {
    color: var(--light-grey-1);
}

.footer__social li a:hover {
    color: var(--secondary-color);
}

.footer__menu-title {
    font-size: 18px;
    margin-bottom: 20px;
}

@media only screen and (max-width: 767px) {
    .footer__menu-title {
        margin-bottom: 10px;
    }
}

.footer__menu ul li {
    margin-bottom: 10px;
}

.footer__menu ul li a {
    color: var(--light-grey-1);
}

.footer__menu ul li a:hover {
    color: var(--secondary-color);
}

.comment-metadata {
    margin: 10px 0;
    font-size: 14px;
    color: #333;
}

.comment-metadata a {
    color: currentColor;
}

.plugin-comment .comment-author a {
    color: var(--primary-color);
}

.plugin-comment .comment-content {
    margin: 10px 0;
}

.hz-flickity-button {}

.hz-flickity-button .flickity-button {
    background-color: #fff;
    width: 40px;
    height: 40px;
    border: 1px solid #6E6E6E;
}

.hz-flickity-button .flickity-button svg {
    width: 35%;
    height: 40%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.hz-flickity-button .flickity-button.previous {
    left: -5%;
}

.hz-flickity-button .flickity-button.next {
    right: -5%;
}

.gallery-image__list {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    grid-gap: 30px;
}

.gallery-image__list .gallery-image-item:first-child {
    grid-column: 1/3;
    grid-row: 1/3;
}

.gallery-image-count {
    display: none;
}

@media screen and (max-width:1023px) {
    .gallery-image__list {
        grid-gap: 10px;
    }
    .gallery-page .flickity-button {
        display: none;
    }
}

.gallery-page .flickity-page-dots {
    position: relative;
    bottom: unset;
    margin-top: 10px;
}

.gallery-page .flickity-page-dots .dot {
    background-color: var(--secondary-color);
}

@media screen and (min-width:1024px) {
    .gallery-page .flickity-page-dots {
        display: none;
    }
}


/*# sourceMappingURL=style.css.map */