@font-face {
    font-family: Rubik;
    font-style: italic;
    font-weight: 300 900;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/rubik/v30/iJWEBXyIfDnIV7nEnXu61E_c5IhGzg.woff2) format("woff2");
    unicode-range: u+06??, u+0750-077f, u+0870-088e, u+0890-0891, u+0897-08e1, u+08e3-08ff, u+200c-200e, u+2010-2011, u+204f, u+2e41, u+fb50-fdff, u+fe70-fe74, u+fe76-fefc, u+102e0-102fb, u+10e60-10e7e, u+10ec2-10ec4, u+10efc-10eff, u+1ee00-1ee03, u+1ee05-1ee1f, u+1ee21-1ee22, u+1ee24, u+1ee27, u+1ee29-1ee32, u+1ee34-1ee37, u+1ee39, u+1ee3b, u+1ee42, u+1ee47, u+1ee49, u+1ee4b, u+1ee4d-1ee4f, u+1ee51-1ee52, u+1ee54, u+1ee57, u+1ee59, u+1ee5b, u+1ee5d, u+1ee5f, u+1ee61-1ee62, u+1ee64, u+1ee67-1ee6a, u+1ee6c-1ee72, u+1ee74-1ee77, u+1ee79-1ee7c, u+1ee7e, u+1ee80-1ee89, u+1ee8b-1ee9b, u+1eea1-1eea3, u+1eea5-1eea9, u+1eeab-1eebb, u+1eef0-1eef1
}

@font-face {
    font-family: Rubik;
    font-style: italic;
    font-weight: 300 900;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/rubik/v30/iJWEBXyIfDnIV7nEnXO61E_c5IhGzg.woff2) format("woff2");
    unicode-range: u+0460-052f, u+1c80-1c8a, u+20b4, u+2de0-2dff, u+a640-a69f, u+fe2e-fe2f
}

@font-face {
    font-family: Rubik;
    font-style: italic;
    font-weight: 300 900;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/rubik/v30/iJWEBXyIfDnIV7nEnXq61E_c5IhGzg.woff2) format("woff2");
    unicode-range: u+0301, u+0400-045f, u+0490-0491, u+04b0-04b1, u+2116
}

@font-face {
    font-family: Rubik;
    font-style: italic;
    font-weight: 300 900;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/rubik/v30/iJWEBXyIfDnIV7nEnXy61E_c5IhGzg.woff2) format("woff2");
    unicode-range: u+0307-0308, u+0590-05ff, u+200c-2010, u+20aa, u+25cc, u+fb1d-fb4f
}

@font-face {
    font-family: Rubik;
    font-style: italic;
    font-weight: 300 900;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/rubik/v30/iJWEBXyIfDnIV7nEnXC61E_c5IhGzg.woff2) format("woff2");
    unicode-range: u+0100-02ba, u+02bd-02c5, u+02c7-02cc, u+02ce-02d7, u+02dd-02ff, u+0304, u+0308, u+0329, u+1d00-1dbf, u+1e00-1e9f, u+1ef2-1eff, u+2020, u+20a0-20ab, u+20ad-20c0, u+2113, u+2c60-2c7f, u+a720-a7ff
}

@font-face {
    font-family: Rubik;
    font-style: italic;
    font-weight: 300 900;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/rubik/v30/iJWEBXyIfDnIV7nEnX661E_c5Ig.woff2) format("woff2");
    unicode-range: u+00??, u+0131, u+0152-0153, u+02bb-02bc, u+02c6, u+02da, u+02dc, u+0304, u+0308, u+0329, u+2000-206f, u+20ac, u+2122, u+2191, u+2193, u+2212, u+2215, u+feff, u+fffd
}

@font-face {
    font-family: Rubik;
    font-style: normal;
    font-weight: 300 900;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/rubik/v30/iJWKBXyIfDnIV7nErXyw023e1Ik.woff2) format("woff2");
    unicode-range: u+06??, u+0750-077f, u+0870-088e, u+0890-0891, u+0897-08e1, u+08e3-08ff, u+200c-200e, u+2010-2011, u+204f, u+2e41, u+fb50-fdff, u+fe70-fe74, u+fe76-fefc, u+102e0-102fb, u+10e60-10e7e, u+10ec2-10ec4, u+10efc-10eff, u+1ee00-1ee03, u+1ee05-1ee1f, u+1ee21-1ee22, u+1ee24, u+1ee27, u+1ee29-1ee32, u+1ee34-1ee37, u+1ee39, u+1ee3b, u+1ee42, u+1ee47, u+1ee49, u+1ee4b, u+1ee4d-1ee4f, u+1ee51-1ee52, u+1ee54, u+1ee57, u+1ee59, u+1ee5b, u+1ee5d, u+1ee5f, u+1ee61-1ee62, u+1ee64, u+1ee67-1ee6a, u+1ee6c-1ee72, u+1ee74-1ee77, u+1ee79-1ee7c, u+1ee7e, u+1ee80-1ee89, u+1ee8b-1ee9b, u+1eea1-1eea3, u+1eea5-1eea9, u+1eeab-1eebb, u+1eef0-1eef1
}

@font-face {
    font-family: Rubik;
    font-style: normal;
    font-weight: 300 900;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/rubik/v30/iJWKBXyIfDnIV7nMrXyw023e1Ik.woff2) format("woff2");
    unicode-range: u+0460-052f, u+1c80-1c8a, u+20b4, u+2de0-2dff, u+a640-a69f, u+fe2e-fe2f
}

@font-face {
    font-family: Rubik;
    font-style: normal;
    font-weight: 300 900;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/rubik/v30/iJWKBXyIfDnIV7nFrXyw023e1Ik.woff2) format("woff2");
    unicode-range: u+0301, u+0400-045f, u+0490-0491, u+04b0-04b1, u+2116
}

@font-face {
    font-family: Rubik;
    font-style: normal;
    font-weight: 300 900;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/rubik/v30/iJWKBXyIfDnIV7nDrXyw023e1Ik.woff2) format("woff2");
    unicode-range: u+0307-0308, u+0590-05ff, u+200c-2010, u+20aa, u+25cc, u+fb1d-fb4f
}

@font-face {
    font-family: Rubik;
    font-style: normal;
    font-weight: 300 900;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/rubik/v30/iJWKBXyIfDnIV7nPrXyw023e1Ik.woff2) format("woff2");
    unicode-range: u+0100-02ba, u+02bd-02c5, u+02c7-02cc, u+02ce-02d7, u+02dd-02ff, u+0304, u+0308, u+0329, u+1d00-1dbf, u+1e00-1e9f, u+1ef2-1eff, u+2020, u+20a0-20ab, u+20ad-20c0, u+2113, u+2c60-2c7f, u+a720-a7ff
}

@font-face {
    font-family: Rubik;
    font-style: normal;
    font-weight: 300 900;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/rubik/v30/iJWKBXyIfDnIV7nBrXyw023e.woff2) format("woff2");
    unicode-range: u+00??, u+0131, u+0152-0153, u+02bb-02bc, u+02c6, u+02da, u+02dc, u+0304, u+0308, u+0329, u+2000-206f, u+20ac, u+2122, u+2191, u+2193, u+2212, u+2215, u+feff, u+fffd
}

body {
    background: #fff;
    font-family: Poppins-Regular, sans-serif;
    overflow-x: hidden;
    background-size: 100% 100%
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 300;
    line-height: inherit;
    letter-spacing: -1px
}

h1 {
    color: #292929;
    font-size: 3em;
    margin-bottom: 30px
}

h2 {
    font: normal 43px/57px Poppins-Bold;
    letter-spacing: 0;
    color: #000d3b
}

h3 {
    color: #000;
    font-size: 1.5em;
    font-weight: 700;
    margin-bottom: 0
}

p {
    color: #757575;
    font-size: 14px;
    font-weight: 400;
    line-height: 25px
}

li,
ol,
ul {
    list-style: none
}

.i-ml-1 {
    margin-left: 1px !important
}

* {
    box-sizing: border-box
}

a {
    color: #252525;
    font-weight: 400;
    transition: .5s;
    text-decoration: none !important
}

.section-title {
    margin-bottom: 60px
}

.section-btn {
    display: inline-block;
    background: #0096f7;
    border: 0;
    border-radius: 100px;
    color: #fff;
    cursor: pointer;
    font-size: inherit;
    font-weight: 400;
    padding: 15px 30px;
    transition: .5s
}

.text-lang {
    font-family: Rubik !important;
    margin-left: 34px;
    font-size: 16px !important;
    letter-spacing: 0;
    color: rgba(0, 0, 0, .9) !important
}

[data-locale] {
    animation: fadeOut 1s ease-in
}

.mobile-top-right {
    display: none
}

.custom-navbar {
    border: none;
    margin-bottom: 0;
    padding: 25px 0
}

.custom-navbar .nav-logo {
    height: 55px;
    display: flex;
    align-items: center
}

.custom-navbar .navbar-brand {
    width: 147px;
    height: 22px;
    background: url('/public/images/icon/logo.png') no-repeat;
}

.custom-navbar .navbar-nav.navbar-nav-first {
    margin-left: 6em
}

.custom-navbar .navbar-nav.navbar-right li a {
    padding-right: 0;
    padding-left: 2px
}

.custom-navbar .section-btn {
    padding: 15px;
    margin-left: 1.5em
}

.custom-navbar .nav li a,
.menuItem {
    font-size: 16px;
    font-family: Rubik;
    padding-right: 23px;
    padding-left: 23px;
    padding-top: 20px;
    color: #000;
    font-weight: 400
}

.menuItem {
    display: block
}

.custom-navbar .nav li.active>a {
    background-color: transparent;
    color: #0096f7 !important
}

.custom-navbar .navbar-toggle {
    border: none;
    padding-top: 10px
}

.main-menu li .sub-menu,
.navbar-right .sub-menu {
    position: absolute;
    width: 158px;
    padding-left: 0;
    background-color: #fff;
    opacity: 0;
    visibility: hidden;
    transition: all .5s;
    box-shadow: 0 1px 30px rgba(0, 0, 0, .1)
}

.navbar-right {
    display: flex;
    align-items: center
}

.navbar-right li {
    float: right
}

.navbar-right .sub-menu {
    padding: 10px 0 10px 25px;
    border-radius: 5px
}

.font-weight-bold {
    font-weight: 700 !important
}

#langLi .sub-menu li {
    display: block;
    padding: 5px 10px;
    width: 100%
}

#langLi .active {
    display: block
}

.down-arrow {
    display: inline-block;
    position: relative;
    width: 20px;
    height: 15px
}

.down-arrow:after {
    display: inline-block;
    content: " ";
    height: 9px;
    width: 9px;
    border-color: rgba(0, 0, 0, .9);
    border-style: solid;
    border-width: 0 2px 2px 0;
    transform: matrix(.71, .71, -.71, .71, 0, 0);
    transform-origin: center;
    transition: transform .3s;
    position: absolute;
    top: 50%;
    right: 5px;
    margin-top: -5px
}

.main-menu li .sub-menu li,
.navbar-right .sub-menu li {
    display: block;
    line-height: 20px;
    margin-left: 0;
    margin-bottom: 15px;
    padding-bottom: 15px;
    padding-left: 15px;
    padding-right: 15px
}

.main-menu li .sub-menu li:first-child,
.navbar-right li .sub-menu li:first-child {
    padding-top: 15px
}

.main-menu li .sub-menu li:last-child,
.navbar-right li .sub-menu li:last-child {
    margin-bottom: 0;
    border-bottom: none
}

.main-menu li .sub-menu li a,
.navbar-right .sub-menu li a {
    font-size: 13px;
    font-weight: 600;
    padding: 0;
    letter-spacing: .5px;
    border: none;
    transition: all .5s
}

.navbar-right .sub-menu li a {
    font-size: 16px;
    font-weight: 600;
    text-align: center
}

.login-btn {
    border-radius: 45px;
    background-color: transparent;
    border: 1px solid rgba(0, 0, 0, .9);
    color: rgba(0, 0, 0, .9)
}

.contact-btn,
.login-btn {
    padding: 10px 25px !important;
    font-size: 15px
}

.contact-btn {
    border-radius: 45px;
    background: rgba(0, 0, 0, .9)
}

.main-menu>li>i {
    width: 0;
    height: 4px;
    background-color: #23a6f0;
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    transition: .7s
}

@media (min-width:768px) {
    .custom-navbar {
        border-bottom: 0;
        background: 0 0
    }
}

.menu-active a {
    color: #000 !important;
    font-weight: 600 !important
}

footer {
    position: relative;
    padding-top: 80px;
    padding-bottom: 60px;
    color: #000
}

footer h3 {
    font-size: 22px !important;
    line-height: 50px;
    letter-spacing: 0;
    color: #000d3b
}

.footer-link {
    margin: 0;
    padding: 0
}

.footer-link li {
    display: block;
    list-style: none;
    margin: 5px 10px 5px 0;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: .2px
}

.footer-link li a,
footer p,
footer span {
    font-family: Poppins-Regular;
    font-size: 16px;
    font-weight: 400;
    font-stretch: normal;
    line-height: 30px;
    margin-bottom: 10px !important;
    letter-spacing: 0;
    color: #000d3b
}

.copyright-text p {
    font-size: 14px
}

.footer-info p {
    margin-right: 4em
}

.footer-bottom {
    margin-top: 5em;
    padding-top: 3em
}

.social-icon {
    position: relative;
    padding: 0;
    margin: 10px auto 0
}

.social-icon li {
    display: inline-block;
    list-style: none
}

.social-icon li a {
    color: #23a6f0;
    font-size: 20px;
    text-decoration: none;
    position: relative;
    margin: 5px 10px;
    width: 20px;
    height: 20px
}

.social-tg-qr {
    position: absolute;
    right: 100px;
    bottom: 45px;
    transition: all .5s
}

.social-d-none {
    display: none !important
}

#mobileMenu {
    display: none
}

@media screen and (max-width:1170px) {
    .custom-navbar .navbar-nav.navbar-nav-first {
        margin-left: inherit
    }

    .mb-sm-2 {
        margin-bottom: 2rem
    }
}

#footerNew {
    position: relative;
    padding-top: 80px;
    padding-bottom: 60px;
    background: rgba(0, 0, 0, .9);
    color: #fff
}

#footerNew .footer-thumb {
    position: relative;
    z-index: 9999
}

#footerNew .footer-info {
    text-align: left;
    min-width: 330px
}

#footerNew .logo-img {
    width: 135.74px;
    height: 32px;
    margin-bottom: 10px
}

#footerNew h3 {
    font-size: 22px !important;
    line-height: 50px;
    letter-spacing: 0;
    color: #fff;
    margin-top: -8px
}

#footerNew .footer-link {
    margin: 0;
    padding: 0
}

#footerNew .footer-link li {
    display: block;
    list-style: none;
    margin: 5px 10px 5px 0;
    font: normal 600 14px/24px Rubik;
    letter-spacing: .2px;
    color: #fff
}

.v-visible {
    font-family: Rubik !important
}

#footerNew .footer-link li a,
#footerNew p,
#footerNew span {
    font: 400 normal 16px/30px Rubik;
    margin-bottom: 10px !important;
    letter-spacing: 0;
    color: hsla(0, 0%, 100%, .65)
}

#footerNew .copyright-text p {
    font-size: 14px
}

#footerNew .footer-info p {
    margin-right: 4em
}

#footerNew .location-text {
    font: 400 12px/18px Rubik;
    color: hsla(0, 0%, 100%, .65);
    margin-right: 0 !important;
    text-align: left;
    margin-top: 14px;
    margin-bottom: 24px !important
}

#footerNew .footer-bottom {
    margin-top: 0;
    padding-top: 35px
}

#footerNew .social-icon li a {
    display: inline-block;
    width: 36px;
    height: 36px;
    margin: 0 12px 0 0
}

#footerNew .social-icon .icon-el,
#footerNew .social-icon .icon-fb,
#footerNew .social-icon .icon-ig,
#footerNew .social-icon .icon-in,
#footerNew .social-icon .icon-tg,
#footerNew .social-icon .icon-tw {
    background-repeat: no-repeat;
    background-size: 100% 100%
}