@font-face {
    font-family: 'Overpass-Thin';
    src: url("../fonts/Overpass-Thin.eot");
    src: url("../fonts/Overpass-Thin.eot?#iefix") format("embedded-opentype"), url("../fonts/Overpass-Thin.woff2") format("woff2"), url("../fonts/Overpass-Thin.woff") format("woff"), url("../fonts/Overpass-Thin.ttf") format("truetype");
    font-weight: 100;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Overpass-Bold';
    src: url("../fonts/Overpass-Bold.eot");
    src: url("../fonts/Overpass-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/Overpass-Bold.woff2") format("woff2"), url("../fonts/Overpass-Bold.woff") format("woff"), url("../fonts/Overpass-Bold.ttf") format("truetype");
    font-weight: bold;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Overpass-ExtraBold';
    src: url("../fonts/Overpass-ExtraBold.eot");
    src: url("../fonts/Overpass-ExtraBold.eot?#iefix") format("embedded-opentype"), url("../fonts/Overpass-ExtraBold.woff2") format("woff2"), url("../fonts/Overpass-ExtraBold.woff") format("woff"), url("../fonts/Overpass-ExtraBold.ttf") format("truetype");
    font-weight: bold;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Overpass-Light';
    src: url("../fonts/Overpass-Light.eot");
    src: url("../fonts/Overpass-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/Overpass-Light.woff2") format("woff2"), url("../fonts/Overpass-Light.woff") format("woff"), url("../fonts/Overpass-Light.ttf") format("truetype");
    font-weight: 300;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Overpass-ExtraLight';
    src: url("../fonts/Overpass-ExtraLight.eot");
    src: url("../fonts/Overpass-ExtraLight.eot?#iefix") format("embedded-opentype"), url("../fonts/Overpass-ExtraLight.woff2") format("woff2"), url("../fonts/Overpass-ExtraLight.woff") format("woff"), url("../fonts/Overpass-ExtraLight.ttf") format("truetype");
    font-weight: 200;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Overpass-Regular';
    src: url("../fonts/Overpass-Regular.eot");
    src: url("../fonts/Overpass-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/Overpass-Regular.woff2") format("woff2"), url("../fonts/Overpass-Regular.woff") format("woff"), url("../fonts/Overpass-Regular.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Overpass-SemiBold';
    src: url("../fonts/Overpass-SemiBold.eot");
    src: url("../fonts/Overpass-SemiBold.eot?#iefix") format("embedded-opentype"), url("../fonts/Overpass-SemiBold.woff2") format("woff2"), url("../fonts/Overpass-SemiBold.woff") format("woff"), url("../fonts/Overpass-SemiBold.ttf") format("truetype");
    font-weight: 600;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Northwell';
    src: url("../fonts/Northwell.eot");
    src: url("../fonts/Northwell.eot?#iefix") format("embedded-opentype"), url("../fonts/Northwell.woff2") format("woff2"), url("../fonts/Northwell.woff") format("woff"), url("../fonts/Northwell.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
    font-display: block
}

@font-face {
    font-family: 'icomoon';
    src: url("../fonts/icomoon.eot?tprcg1");
    src: url("../fonts/icomoon.eot?tprcg1#iefix") format("embedded-opentype"), url("../fonts/icomoon.ttf?tprcg1") format("truetype"), url("../fonts/icomoon.woff?tprcg1") format("woff"), url("../fonts/icomoon.svg?tprcg1#icomoon") format("svg");
    font-weight: normal;
    font-style: normal;
    font-display: block
}

[class^="icon-"],
[class*=" icon-"] {
    font-family: 'icomoon' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}
p{
    font-size: 16px;
    font-weight: 400;
    text-align: justify;
    color: #6d6d6d;
    margin: 0;
    line-height: 28px;
}
.icon-info {
    filter: brightness(0) invert(1);
    background: url(../images/info.svg) no-repeat center !important
}

.icon-ar-left:before {
    content: "\e905"
}

.icon-ar-right:before {
    content: "\e908"
}

.icon-whatshapp:before {
    content: "\e90b";
    color: #847770
}

.icon-download:before {
    content: "\e90c"
}

.icon-search:before {
    content: "\e900"
}

.icon-arrow-right:before {
    content: "\e901"
}

.icon-facebook:before {
    content: "\e902";
    color: #847770
}

.icon-instagram:before {
    content: "\e903";
    color: #847770
}

.icon-linkedin:before {
    content: "\e904";
    color: #847770
}

.icon-pinterest:before {
    content: "\e906";
    color: #847770
}

.icon-play:before {
    content: "\e907"
}

.icon-twitter:before {
    content: "\e909";
    color: #847770
}

.icon-youtube:before {
    content: "\e90a";
    color: #847770
}

header.header {
    transition: .3s;
    position: fixed;
    width: 100%;
    left: 0;
    z-index: 10;
    height: 110px
}

header.header .container-fluid {
    display: flex;
    align-items: center;
    height: 100%
}

header.header.fixed {
    transition: .4s
}

@media only screen and (max-width: 1023px) {
    header.header.fixed {
        background: #fff
    }
}

header.header.fixed i.bg {
    transition: .3s;
    box-shadow: 0 0 15px rgba(38, 38, 38, 0.25)
}

header.header.fixed .menu {
    border-color: #fff
}

@media only screen and (max-width: 1023px) {
    header.header .productSubMenu #nav-tabContents ul {
        flex-wrap: wrap;
        display: flex;
        width: 100%;
        justify-content: space-between
    }

    header.header .productSubMenu #nav-tabContents ul li {
        width: calc(100% / 2 - 3px)
    }

    header.header .productSubMenu #nav-tabContents ul li a {
        border: 1px solid #ddd;
        border-radius: 4px;
        justify-content: center;
        margin: 4px 3px;
        padding: 8px 0;
        font-size: 12px
    }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
    header.header .productSubMenu #nav-tabContents ul li {
        width: calc(100% / 3)
    }

    header.header .productSubMenu #nav-tabContents ul li a {
        margin: 5px
    }
}

header.header .productSubMenu nav {
    text-align: center;
    text-transform: uppercase
}

header.header .productSubMenu nav .nav-tabs {
    text-align: center;
    display: inline-block;
    margin: 0 auto;
    border: none
}

@media only screen and (max-width: 1023px) {
    header.header .productSubMenu nav .nav-tabs {
        white-space: nowrap;
        width: 100%;
        overflow: auto;
        padding-bottom: 15px
    }
}

header.header .productSubMenu nav .nav-tabs span {
    cursor: pointer;
    transition: .3s;
    background: none;
    border-radius: inherit;
    display: inline-block;
    border: none;
    margin: 0 2rem;
    font: 15px Overpass-Regular;
    color: #000;
    padding: 10px 0;
    opacity: .81;
    position: relative;
    letter-spacing: 0.5px;
    text-transform: uppercase
}

@media only screen and (max-width: 1023px) {
    header.header .productSubMenu nav .nav-tabs span {
        margin: 0 10px;
        padding: 0 0 10px 0;
        font-size: 18px
    }

    header.header .productSubMenu nav .nav-tabs span:first-child {
        margin-left: 0
    }

    header.header .productSubMenu nav .nav-tabs span:last-child {
        margin-right: 0
    }
}

header.header .productSubMenu nav .nav-tabs span:before {
    transition: .3s;
    content: "";
    background: #262626;
    display: block;
    position: absolute;
    bottom: 0;
    width: 0;
    height: 2px;
    left: 50%
}

header.header .productSubMenu nav .nav-tabs span:after {
    transition: .3s;
    content: "";
    background: #262626;
    display: block;
    position: absolute;
    bottom: 0;
    width: 0;
    height: 2px;
    right: 50%
}

header.header .productSubMenu nav .nav-tabs span.active {
    transition: .3s;
    opacity: 1
}

header.header .productSubMenu nav .nav-tabs span.active:before,
header.header .productSubMenu nav .nav-tabs span.active:after {
    transition: .3s;
    width: 50%
}
/* Hide the second logo by default */
    .logo.alt-logo {
        display: none;
    }

    /* When the header has the "fixed" class, show the alternate logo */
    .header.fixed .logo.fixed_hdr_logo {
        display: none;
    }

    .header.fixed .logo.alt-logo {
        display: block;
    }

@media only screen and (min-width: 1600px){
    header.header .menu ul.menuList>li {
        margin: 0 16px;
    }
}
@media only screen and (min-width: 1024px) {
    .right_arrow{
        display: none;
    }
    header.header .menuLeft {
        justify-content: flex-start
    }

    header.header .menuRight {
        justify-content: flex-end
    }

    header.header .menuLeft,
    header.header .menuRight {
        width: calc(100% / 2 - 125px);
        display: flex;
        padding-top: 10px
    }

    header.header .logo {
        width: 170px;
        height: 140px;
        position: relative;
        top: 25px;
    }

    header.fixed .logo {
        background: white;
        width: 170px;
        height: 117px;
        position: relative;
        top: 15px;
    }

    header.header .logo img{
        width: 75px;
    }

    header.header .logo a {
        display: block;
        margin: 0 auto;
        text-align: center
    }

    header.header .logo a picture {
        display: block
    }

    header.header .menu {
        display: flex;
        align-items: center;
        width: 100%;
        border-bottom: 1.5px solid rgba(38, 38, 38, 0.13);
        justify-content: space-between;
        height: 100%
    }

    header.header .menu .row {
        align-items: flex-end
    }

    header.header .menu ul.menuList {
        margin: 0;
        padding: 0
    }

    header.header .menu ul.menuList .back {
        display: none
    }

    header.header .menu ul.menuList>li {
        display: inline-block;
        list-style-type: none;
        position: relative;
        margin: 0 11px
    }
}

@media only screen and (min-width: 1024px) and (min-width: 1024px) and (max-width: 1150px) {
    header.header .menu ul.menuList>li {
        margin: 0 3px
    }
}

@media only screen and (min-width: 1024px) and (min-width: 1151px) and (max-width: 1220px) {
    header.header .menu ul.menuList>li {
        margin: 0 0.5rem
    }
}

@media only screen and (min-width: 1024px) {
    header.header .menu ul.menuList>li .sub {
        transition: .4s;
        position: absolute;
        width: 100%;
        left: 0;
        top: 82px;
        pointer-events: none;
        opacity: 0;
        visibility: hidden;
        z-index: 0;
        padding: 35px 0 50px 0;
        box-shadow: 0 8px 8px rgba(38, 38, 38, 0.1);
        background: #fff;
        min-width: 250px
    }

    header.header .menu ul.menuList>li .sub:before {
        content: '';
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        transform: translateX(-100%);
        width: 100vw;
        background-color: #fff;
        box-shadow: -8px 8px 8px rgba(38, 38, 38, 0.1)
    }

    header.header .menu ul.menuList>li .sub:after {
        content: '';
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        transform: translateX(100%);
        width: 100vw;
        background-color: #fff;
        box-shadow: 8px 8px 8px rgba(38, 38, 38, 0.1)
    }

    header.header .menu ul.menuList>li .sub li {
        list-style-type: none
    }

    header.header .menu ul.menuList>li .sub li a {
        transition: .3s;
        font: 14px Overpass-Regular;
        text-decoration: none;
        color: #262626;
        display: block;
        padding: 3px 0;
        opacity: 1;
        text-transform: uppercase;
        letter-spacing: 0.5px;
    }

    header.header .menu ul.menuList>li .sub li a:hover {
        transition: .3s;
        opacity: .74;
        padding-left: 7px
    }

    header.header .menu ul.menuList>li:first-child {
        margin-left: 0
    }

    header.header .menu ul.menuList>li.active a:after {
        transition: .3s;
        width: 100%;
        left: 0
    }

    header.header .menu ul.menuList>li.open a:after {
        transition: .3s;
        width: 100%;
        left: 0
    }

    header.header .menu ul.menuList>li.open .sub,
    header.header .menu ul.menuList>li.open .productSubMenu {
        transition: .4s;
        opacity: 1;
        visibility: inherit;
        pointer-events: inherit
    }

    header.header .menu ul.menuList>li.productLi {
        position: inherit
    }

    header.header .menu ul.menuList>li.productLi>a:hover:before {
        transition: .3s;
        transform: rotate(45deg)
    }

    header.header .menu ul.menuList>li.productLi>a:before {
        transition: .3s;
        content: "";
        background: url(../images/menuIcon.svg) left center no-repeat;
        margin-right: 12px;
        width: 20px;
        display: inline-block;
        height: 20px;
        margin-bottom: -4px
    }

    header.header .menu ul.menuList>li .productSubMenu {
        background: #fff;
        transition: .4s;
        position: absolute;
        width: 100%;
        left: 0;
        top: 96px;
        pointer-events: none;
        opacity: 0;
        visibility: hidden;
        z-index: 0;
        box-shadow: 0 8px 8px rgba(38, 38, 38, 0.1)
    }

    header.header .menu ul.menuList>li .productSubMenu .all {
        max-width: 1470px;
        margin: 0 auto;
        padding: 60px 0
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1285px) and (min-width: 1024px) {
    header.header .menu ul.menuList>li .productSubMenu .all {
        padding: 40px 0
    }
}

@media only screen and (min-width: 1024px) and (max-height: 640px) and (min-width: 1200px) {
    header.header .menu ul.menuList>li .productSubMenu .all {
        padding: 40px 0
    }
}

@media only screen and (min-width: 1024px) {
    header.header .menu ul.menuList>li .productSubMenu .tab-pane nav span {
        margin: 0 1rem;
        text-transform: capitalize
    }

    header.header .menu ul.menuList>li .productSubMenu .tab-pane .tab-content {
        /* margin: 2rem 0 0 0; */
        min-height: inherit;
        padding: 0 3rem
    }

    header.header .menu ul.menuList>li .productSubMenu .tab-pane .tab-content ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center
    }

    header.header .menu ul.menuList>li .productSubMenu .tab-pane .tab-content ul li {
        width: calc(100% / 9 - 10px);
        margin: 5px;
        text-align: center;
        border-radius: 4px;
        overflow: hidden
    }

    header.header .menu ul.menuList>li .productSubMenu .tab-pane .tab-content ul li a {
        transition: .3s;
        font: 13px/14px Overpass-Regular;
        padding: 11px;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        width: 100%
    }

    header.header .menu ul.menuList>li .productSubMenu .tab-pane .tab-content ul li a:hover {
        transition: .3s;
    }

    header.header .menu ul.menuList>li .productSubMenu .tab-content {
        margin: 3rem 0;
        display: inline-block;
        width: 100%
    }
}

@media only screen and (min-width: 1024px) and (max-height: 625px) and (min-width: 1024px) {
    header.header .menu ul.menuList>li .productSubMenu .tab-content {
        margin: 2.5rem 0
    }
}

@media only screen and (min-width: 1024px) {
    header.header .menu ul.menuList>li .productSubMenu .tab-content ul {
        padding: 0;
        margin: 0;
        text-align: center
    }

    header.header .menu ul.menuList>li .productSubMenu .tab-content ul li {
        margin: .5rem 0.6rem;
        width: 132px;
        display: inline-flex
    }
}

@media only screen and (min-width: 1024px) and (min-width: 1024px) and (max-width: 1285px) {
    header.header .menu ul.menuList>li .productSubMenu .tab-content ul li {
        width: 6rem
    }
}

@media only screen and (min-width: 1024px) {
    header.header .menu ul.menuList>li .productSubMenu .tab-content ul li picture {
        display: flex;
        align-items: center;
        height: 132px;
        width: 132px;
        border-radius: 50%;
        overflow: hidden;
        transform: translateZ(0)
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1285px) and (min-width: 1024px) {
    header.header .menu ul.menuList>li .productSubMenu .tab-content ul li picture {
        height: 6rem;
        width: 6rem
    }
}

@media only screen and (min-width: 1024px) {
    header.header .menu ul.menuList>li .productSubMenu .tab-content ul li picture img {
        transition: .3s;
        width: 100%;
        height: 100%;
        object-fit: cover;
        transform: translateZ(0)
    }

    header.header .menu ul.menuList>li .productSubMenu .tab-content ul li a {
        padding: 0;
        text-decoration: none;
        color: #262626
    }

    header.header .menu ul.menuList>li .productSubMenu .tab-content ul li a:hover picture img {
        transition: .3s;
        transform: scale(1.1)
    }

    header.header .menu ul.menuList>li .productSubMenu .tab-content ul li span {
        margin-top: 10px;
        display: block;
        color: #666;
        text-transform: uppercase;
        text-align: center;
        font: 15px/20px Overpass-Regular
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1285px) and (min-width: 1151px) {
    header.header .menu ul.menuList>li .productSubMenu .tab-content ul li span {
        font-size: 14px
    }
}

@media only screen and (min-width: 1024px) and (min-width: 1024px) and (max-width: 1150px) {
    header.header .menu ul.menuList>li .productSubMenu .tab-content ul li span {
        font-size: 13px
    }
}

@media only screen and (min-width: 1024px) {
    header.header .menu ul.menuList>li>a {
        transition: .3s;
        text-decoration: none;
        color: #262626;
        font: 15px Overpass-Regular;
        letter-spacing: 0.5px;
        padding: 25px 0;
        display: block;
        text-transform: uppercase;
        position: relative
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1285px) and (min-width: 1151px) {
    header.header .menu ul.menuList>li>a {
        font-size: 14px
    }
}

@media only screen and (min-width: 1024px) and (min-width: 1024px) and (max-width: 1150px) {
    header.header .menu ul.menuList>li>a {
        font-size: 13px
    }
}

@media only screen and (min-width: 1024px) {
    header.header .menu ul.menuList>li>a:after {
        transition: .3s;
        content: "";
        background: #262626;
        display: block;
        position: absolute;
        bottom: 0;
        width: 0;
        height: 2px;
        left: 50%
    }
}

header.header .otherRight {
    display: flex;
    align-items: center
}

header.header .lang {
    position: relative
}

@media only screen and (max-width: 1023px) {
    header.header .lang {
        float: right
    }
}

header.header .lang ul {
    position: absolute;
    top: 25px;
    display: none;
    padding: 0;
    right: 0;
    width: calc(100% - 10px);
    text-align: center
}

header.header .lang ul li {
    width: 100%;
    list-style-type: none;
    border-bottom: 1px solid #756a64
}

header.header .lang ul li:last-child {
    border-bottom: none
}

header.header .lang ul li a {
    transition: .2s;
    padding: 5px 10px;
    letter-spacing: 0;
    background: #847770;
    font-size: 14px;
    color: #fff !important;
    text-decoration: none;
    display: block
}

header.header .lang ul li a:hover {
    transition: .2s;
    background: #dedede;
    color: #262626 !important
}

header.header .lang span {
    padding-left: 30px;
    transition: .3s;
    font: 15px Overpass-Regular;
    color: #262626;
    cursor: pointer;
    position: relative
}

@media only screen and (max-width: 1285px) and (min-width: 1151px) {
    header.header .lang span {
        font-size: 14px
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1150px) {
    header.header .lang span {
        font-size: 13px
    }
}

header.header .lang span:before {
    transition: .3s;
    content: "";
    display: block;
    background: #262626;
    width: 1px;
    height: 9px;
    position: absolute;
    right: 30px;
    top: 50%;
    transform: rotate(-45deg) translateY(-50%);
    margin-top: -1px
}

header.header .lang span:after {
    transition: .3s;
    content: "";
    display: block;
    background: #262626;
    width: 1px;
    height: 9px;
    position: absolute;
    right: 30px;
    top: 50%;
    transform: rotate(45deg) translateY(-50%);
    margin-top: -1px
}

header.header .search {
    margin-left: 20px
}

@media only screen and (min-width: 1024px) and (max-width: 1150px) {
    header.header .search {
        margin-left: 15px
    }
}

@media only screen and (max-width: 320px) {
    header.header .search {
        margin-left: 10px !important
    }
}

@media only screen and (max-width: 1023px) {
    header.header .search {
        float: right;
        margin-left: 15px
    }
}

header.header .search span {
    transition: .3s;
    font: 15px Overpass-Regular;
    color: #262626;
    position: relative;
    cursor: pointer;
    display: flex;
    align-items: center
}

@media only screen and (max-width: 1285px) and (min-width: 1151px) {
    header.header .search span {
        font-size: 14px
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1150px) {
    header.header .search span {
        font-size: 13px
    }
}

header.header .search span small {
    font: 15px Overpass-Regular;
    color: #262626;
    padding-right: 10px;
    display: block;
    margin-top: -1px
}

@media only screen and (max-width: 1285px) and (min-width: 1151px) {
    header.header .search span small {
        font-size: 14px
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1150px) {
    header.header .search span small {
        font-size: 13px
    }
}

@media only screen and (max-width: 767px) {
    header.header .search span small {
        display: none
    }
}

header.header .search span i {
    font-weight: 600;
    font-size: 23px;
    width: 21px;
    margin-top: -2px
}

header.header .search span i.icon-close {
    margin-top: -3px
}

@media only screen and (max-width: 767px) {
    header.header .search span i {
        font-size: 21px
    }
}

header.header .search span i.icon-close:before {
    content: "";
    width: 1px;
    height: 30px;
    display: block;
    position: absolute;
    right: 10px;
    transform: rotate(-45deg);
    background: #262626;
    margin-top: -13px
}

header.header .search span i.icon-close:after {
    content: "";
    width: 1px;
    height: 30px;
    display: block;
    position: absolute;
    right: 10px;
    transform: rotate(45deg);
    background: #262626;
    margin-top: -13px
}

.miniButtonMenu {
    padding: 10px 0
}

.miniButtonMenu ul {
    text-align: center;
    width: 100%;
    padding: 0;
    margin: 0
}

.miniButtonMenu ul li {
    display: inline-block;
    list-style-type: none;
    margin: 0 0.5rem
}

@media only screen and (max-width: 1023px) {
    .miniButtonMenu ul li {
        margin: 15px 0
    }
}

.miniButtonMenu ul li a {
    transition: .3s;
    border: 1px solid rgba(0, 0, 0, 0.13);
    font: 12px Overpass-Regular;
    color: #262626;
    letter-spacing: 1px;
    border-radius: 5px;
    padding: 5px 20px;
    text-decoration: none
}

.miniButtonMenu ul li a:hover {
    transition: .3s;
    background: #e4e4e4
}

.searchBar {
    transition: .4s;
    position: absolute;
    background: #fff;
    width: 100%;
    padding: 80px 0;
    pointer-events: none;
    opacity: 0;
    visibility: hidden;
    box-shadow: 0 8px 8px rgba(38, 38, 38, 0.1);
    z-index: 0;
    margin-top: -2px;
    height: calc(100vh - 105px)
}

@media only screen and (max-width: 767px) {
    .searchBar {
        padding: 40px 0;
        height: calc(100vh - 80px)
    }
}

.searchBar .container-fluid {
    display: block !important
}

.searchBar.active {
    transition: .4s;
    pointer-events: inherit;
    opacity: 1;
    visibility: inherit
}

.searchBar .miniButtonMenu {
    position: absolute;
    bottom: 50px;
    left: 0;
    width: 100%;
    margin: 0
}

.searchBar .forms {
    width: 100%;
    max-width: 750px;
    margin: 0 auto
}

.searchBar .forms .inputBar {
    position: relative
}

.searchBar .forms .inputBar label {
    font: 15px Overpass-Regular;
    color: #363636;
    width: 100%;
    letter-spacing: 2px;
    margin-bottom: 10px
}

.searchBar .forms .inputBar input {
    border: none;
    border-radius: 0;
    border-bottom: 2px solid #262626;
    padding: 0 55px 0 0;
    height: 45px;
    outline: 0;
    box-shadow: inherit;
    font: 15px Overpass-Regular;
    color: #262626;
    letter-spacing: 1px
}

.searchBar .forms .submit {
    position: absolute;
    right: 0;
    bottom: 9px
}

.searchBar .forms .submit button {
    background: none;
    border: none;
    color: #262626
}

.searchBar .forms .submit button i {
    font-size: 23px;
    font-weight: 600;
    padding: 3px 0;
    display: block
}

.navbarBtn {
    transition: .3s;
    width: 36px;
    position: absolute;
    left: 25px;
    top: 30px
}

.navbarBtn.open span {
    width: 100% !important
}

.navbarBtn.open span:first-child {
    transform: translate(0, 11px) rotate(45deg)
}

.navbarBtn.open span:nth-child(2) {
    opacity: 0
}

.navbarBtn.open span:last-child {
    transform: translate(0, -9px) rotate(-45deg)
}

.navbarBtn span {
    transition: .3s;
    display: block;
    width: 100%;
    height: 2px;
    background: #262626
}

.navbarBtn span:first-child {
    width: 27px
}

.navbarBtn span:nth-child(2) {
    margin: 8px 0;
    width: 32px
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
    header .otherRight {
        position: fixed;
        top: 30px;
        right: 40px
    }

    header .navbarBtn {
        left: 40px;
        display: block !important
    }
}

@media only screen and (max-width: 767px) {
    .otherRight {
        position: fixed;
        right: 25px;
        top: 30px
    }
}

@media only screen and (max-width: 1023px) {
    header {
        height: 85px !important;
        background: #fff;
        border-bottom: 1.5px solid rgba(38, 38, 38, 0.13)
    }

    header.fixed {
        box-shadow: 0 0 15px rgba(38, 38, 38, 0.25)
    }

    header.open,
    header.fixed1 {
        background: #fff
    }

    .menu {
        transition: .3s;
        display: inline-block;
        width: 100%;
        align-items: center;
        justify-content: space-between;
        border: none !important;
        position: fixed;
        top: 85px;
        left: -100%;
        padding: 30px 25px;
        height: calc(100vh - 80px);
        background: white;
        overflow: auto
    }

    .menu .submenu,
    .menu .sub {
        transition: .3s;
        position: fixed;
        left: 100%;
        top: 85px;
        padding: 30px 25px;
        background: #fff;
        width: 100%;
        height: calc(100% - 80px);
        overflow: auto
    }

    .menu .submenu .tab-content ul,
    .menu .sub .tab-content ul {
        padding: 0
    }

    .menu .submenu .tab-content ul li a,
    .menu .sub .tab-content ul li a {
        display: flex;
        align-items: center
    }

    .menu .submenu .tab-content ul li a span,
    .menu .sub .tab-content ul li a span {
        margin-left: 20px
    }

    .menu .submenu .tab-content ul li picture,
    .menu .sub .tab-content ul li picture {
        display: flex;
        align-items: center;
        height: 72px;
        width: 72px;
        border-radius: 50%;
        overflow: hidden
    }

    .menu .submenu .tab-content ul li picture img,
    .menu .sub .tab-content ul li picture img {
        transition: .3s;
        width: 100%;
        height: 100%;
        object-fit: cover
    }

    .menu.active {
        transition: .3s;
        left: 0
    }

    .menu.active .menuList {
        transition: .3s;
        opacity: 1;
        pointer-events: initial
    }

    .logo {
        position: fixed;
        top: 15px;
        right: 20px;
    }

    .logo img {
        width: 75px;
        height: auto;
    }
}

@media only screen and (max-width: 1023px) and (max-width: 325px) {
    .logo {
        right: 20px;
        top: 20px
    }
}

@media only screen and (max-width: 1023px) {
    .logo a {
        display: block;
        width: 100px
    }
}

@media only screen and (max-width: 1023px) and (max-width: 325px) {
    .logo a {
        width: 100px
    }
}

@media only screen and (max-width: 1023px) {

    .menuLeft,
    .menuRight {
        width: 100%
    }

    .menuLeft .menuList,
    .menuRight .menuList {
        transition: .3s;
        padding: 0;
        margin: 0;
        opacity: 0;
        pointer-events: none
    }

    .menuLeft .menuList li,
    .menuRight .menuList li {
        display: block;
        width: 100%;
        list-style-type: none
    }

    .menuLeft .menuList li.back,
    .menuLeft .menuList li i.back,
    .menuRight .menuList li.back,
    .menuRight .menuList li i.back {
        font-style: normal;
        font-size: 30px;
        line-height: 40px;
        display: block;
        margin-bottom: 10px
    }

    .menuLeft .menuList li.actives .submenu,
    .menuLeft .menuList li.actives .sub,
    .menuRight .menuList li.actives .submenu,
    .menuRight .menuList li.actives .sub {
        transition: .3s;
        left: 0
    }

    .menuLeft .menuList li a,
    .menuRight .menuList li a {
        color: #262626;
        font: 18px Overpass-Regular;
        display: block;
        padding: 5px 0;
        letter-spacing: 1px;
        text-decoration: none;
        text-transform: uppercase;
        background: none !important
    }

    .menuLeft .menuList li .submenu ul,
    .menuRight .menuList li .submenu ul {
        display: block
    }
}

i.bg {
    content: "";
    background: #fff;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: -1
}

@media only screen and (max-width: 1023px) {
    i.bg {
        display: none
    }
}

.results {
    position: sticky;
    top: 0;
    background: #fff;
    padding: 0 0 5px 0;
    z-index: 1;
    letter-spacing: 1px;
    font: 15px Overpass-Regular
}

.searchList {
    margin-top: 15px;
    border: none !important;
    overflow: auto;
    max-height: calc(100vh - 400px)
}

@media only screen and (max-width: 767px) {
    .searchList {
        max-height: calc(100vh - 340px)
    }
}

.searchList::-webkit-scrollbar-track {
    background-color: transparent;
    border: 1px solid #ebebeb
}

.searchList::-webkit-scrollbar {
    width: 10px;
    background-color: transparent
}

.searchList::-webkit-scrollbar-thumb {
    background-color: #E2E2E2;
    border: 1px solid #ebebeb
}

.searchList a {
    display: flex;
    align-items: center;
    margin: 10px 0;
    text-decoration: none;
    color: #363636;
    text-transform: uppercase
}

.searchList a:hover .images img {
    transition: .3s;
    transform: scale(1.1)
}

.searchList .images {
    width: 116px;
    height: 72px;
    float: left;
    overflow: hidden
}

.searchList .images img {
    transition: .3s
}

.searchList .text {
    width: calc(100% - 116px);
    padding-left: 20px;
    font: 16px Overpass-Regular;
    color: #363636
}

@font-face {
    font-family: 'EurostarBlackExtended';
    src: url("../fonts/EurostarBlackExtended.eot");
    src: url("../fonts/EurostarBlackExtended.eot?#iefix") format("embedded-opentype"), url("../fonts/EurostarBlackExtended.woff2") format("woff2"), url("../fonts/EurostarBlackExtended.woff") format("woff"), url("../fonts/EurostarBlackExtended.ttf") format("truetype");
    font-weight: 900;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'EurostarBlack';
    src: url("../fonts/EurostarBlack.eot");
    src: url("../fonts/EurostarBlack.eot?#iefix") format("embedded-opentype"), url("../fonts/EurostarBlack.woff2") format("woff2"), url("../fonts/EurostarBlack.woff") format("woff"), url("../fonts/EurostarBlack.ttf") format("truetype");
    font-weight: 900;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'EurostarRegularExtended';
    src: url("../fonts/EurostarRegularExtended.eot");
    src: url("../fonts/EurostarRegularExtended.eot?#iefix") format("embedded-opentype"), url("../fonts/EurostarRegularExtended.woff2") format("woff2"), url("../fonts/EurostarRegularExtended.woff") format("woff"), url("../fonts/EurostarRegularExtended.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Overpass-Thin';
    src: url("../fonts/Overpass-Thin.eot");
    src: url("../fonts/Overpass-Thin.eot?#iefix") format("embedded-opentype"), url("../fonts/Overpass-Thin.woff2") format("woff2"), url("../fonts/Overpass-Thin.woff") format("woff"), url("../fonts/Overpass-Thin.ttf") format("truetype");
    font-weight: 100;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Overpass-Bold';
    src: url("../fonts/Overpass-Bold.eot");
    src: url("../fonts/Overpass-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/Overpass-Bold.woff2") format("woff2"), url("../fonts/Overpass-Bold.woff") format("woff"), url("../fonts/Overpass-Bold.ttf") format("truetype");
    font-weight: bold;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Overpass-ExtraBold';
    src: url("../fonts/Overpass-ExtraBold.eot");
    src: url("../fonts/Overpass-ExtraBold.eot?#iefix") format("embedded-opentype"), url("../fonts/Overpass-ExtraBold.woff2") format("woff2"), url("../fonts/Overpass-ExtraBold.woff") format("woff"), url("../fonts/Overpass-ExtraBold.ttf") format("truetype");
    font-weight: bold;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Overpass-Light';
    src: url("../fonts/Overpass-Light.eot");
    src: url("../fonts/Overpass-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/Overpass-Light.woff2") format("woff2"), url("../fonts/Overpass-Light.woff") format("woff"), url("../fonts/Overpass-Light.ttf") format("truetype");
    font-weight: 300;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Overpass-ExtraLight';
    src: url("../fonts/Overpass-ExtraLight.eot");
    src: url("../fonts/Overpass-ExtraLight.eot?#iefix") format("embedded-opentype"), url("../fonts/Overpass-ExtraLight.woff2") format("woff2"), url("../fonts/Overpass-ExtraLight.woff") format("woff"), url("../fonts/Overpass-ExtraLight.ttf") format("truetype");
    font-weight: 200;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Overpass-Regular';
    src: url("../fonts/Overpass-Regular.eot");
    src: url("../fonts/Overpass-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/Overpass-Regular.woff2") format("woff2"), url("../fonts/Overpass-Regular.woff") format("woff"), url("../fonts/Overpass-Regular.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Overpass-SemiBold';
    src: url("../fonts/Overpass-SemiBold.eot");
    src: url("../fonts/Overpass-SemiBold.eot?#iefix") format("embedded-opentype"), url("../fonts/Overpass-SemiBold.woff2") format("woff2"), url("../fonts/Overpass-SemiBold.woff") format("woff"), url("../fonts/Overpass-SemiBold.ttf") format("truetype");
    font-weight: 600;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Northwell';
    src: url("../fonts/Northwell.eot");
    src: url("../fonts/Northwell.eot?#iefix") format("embedded-opentype"), url("../fonts/Northwell.woff2") format("woff2"), url("../fonts/Northwell.woff") format("woff"), url("../fonts/Northwell.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
    font-display: block
}

@font-face {
    font-family: 'icomoon';
    src: url("../fonts/icomoon.eot?tprcg1");
    src: url("../fonts/icomoon.eot?tprcg1#iefix") format("embedded-opentype"), url("../fonts/icomoon.ttf?tprcg1") format("truetype"), url("../fonts/icomoon.woff?tprcg1") format("woff"), url("../fonts/icomoon.svg?tprcg1#icomoon") format("svg");
    font-weight: normal;
    font-style: normal;
    font-display: block
}

[class^="icon-"],
[class*=" icon-"] {
    font-family: 'icomoon' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-info {
    filter: brightness(0) invert(1);
    background: url(../images/info.svg) no-repeat center !important
}

.icon-ar-left:before {
    content: "\e905"
}

.icon-ar-right:before {
    content: "\e908"
}

.icon-whatshapp:before {
    content: "\e90b";
    color: #847770
}

.icon-download:before {
    content: "\e90c"
}

.icon-search:before {
    content: "\e900"
}

.icon-arrow-right:before {
    content: "\e901"
}

.icon-facebook:before {
    content: "\e902";
    color: #847770
}

.icon-instagram:before {
    content: "\e903";
    color: #847770
}

.icon-linkedin:before {
    content: "\e904";
    color: #847770
}

.icon-pinterest:before {
    content: "\e906";
    color: #847770
}

.icon-play:before {
    content: "\e907"
}

.icon-twitter:before {
    content: "\e909";
    color: #847770
}

.icon-youtube:before {
    content: "\e90a";
    color: #847770
}

footer.footer {
    margin-top: 120px;
    display: inline-block;
    width: 100%
}

footer.footer .alert {
    padding: 10px !important;
    margin: 5px 0 !important
}

footer.footer .alert ul li {
    font-size: 13px !important
}

@media only screen and (max-width: 992px) {
    footer.footer {
        margin-top: 80px
    }
}
.foot_title{
    margin-bottom: 20px;
    font-size: 26px;
}
footer.footer .copyright{
    display: flex;
    align-items: center;
    justify-content: center;
    border-top: 1px solid #e8e8e8;
    padding: 20px 0;
    color: #363636;
}
footer.footer .copyright p{
    font-size: 17px;
}

@media only screen and (max-width: 992px) {
    footer.footer .copyright {
        padding: 18px 0;
        display: inline-block;
        width: 100%;
        text-align: center
    }
}

footer.footer .copyright span {
    opacity: .51
}

footer.footer .copyright a {
    transition: .3s;
    color: #6d6d6d;
    text-decoration: none
}

footer.footer .copyright a:hover {
    transition: .3s;
    color: #e22630;
}

footer.footer .footerMenu {
    border-top: 1px solid #e8e8e8;
    padding: 45px 0
}

@media only screen and (max-width: 992px) {
    footer.footer .footerMenu .col-md-4 {
        width: 100%;
        text-align: center
    }
}

@media only screen and (max-width: 992px) {
    footer.footer .footerMenu {
        padding: 25px 0;
        display: inline-block;
        width: 100%
    }
}

footer.footer .footerMenu .flogo img {
    width: 85px;
}

footer.footer .footerMenu .leftFooter ul {
    padding: 0;
    margin: 50px 0 0 0
}

footer.footer .footerMenu .leftFooter ul li {
    list-style-type: none
}

@media only screen and (max-width: 992px) {
    footer.footer .footerMenu .in-menu {
        margin-top: 0
    }
}

footer.footer .footerMenu .in-menu ul {
    padding: 0;
    margin: 0
}
.foot_add p{
    line-height: 27px;
}

footer.footer .footerMenu .in-menu ul li {
    list-style-type: none;
    font: 16px Overpass-Regular;
    color: #363636;
    margin-bottom: 8px;
}

footer.footer .footerMenu .in-menu ul li a {
    transition: .3s;
    text-decoration: none;
    font-size: 17px;
    color: #6d6d6d;
    display: inline-block;
}

footer.footer .footerMenu .in-menu ul li a:hover {
    transition: .3s;
    opacity: 1;
    padding-left: 7px;
    color: #e22630;
}

footer.footer .footerMenu .in-menu ul li ul {
    margin: 5px 0 10px 0
}

footer.footer .footerMenu .in-menu ul li ul li a {
    font: 14px Overpass-Regular;
    color: #363636;
    opacity: .74;
    padding: 0
}

footer.footer .footerMenu .social span {
    display: block;
    font: 16px Overpass-Regular;
    color: #363636
}

footer.footer .footerMenu .social small {
    display: block;
    font: 14px Overpass-Regular;
    color: #363636;
    opacity: .74;
    margin-top: 5px
}

footer.footer .footerMenu .social ul {
    margin-top: 15px
}

footer.footer .footerMenu .social ul li {
    display: inline-block;
    margin-right: 20px
}

footer.footer .footerMenu .social ul li:last-child {
    margin-right: 0
}

footer.footer .footerMenu .social ul li a {
    transition: .2s;
    display: block;
    position: relative;
    top: 0;
    padding: 0 !important
}

footer.footer .footerMenu .social ul li a:hover {
    transition: .2s;
    opacity: .7
}

footer.footer .footerMenu .social ul li a i {
    display: block;
    font-size: 21px
}

footer.footer .footerMenu .social ul li a i.icon-facebook,
footer.footer .footerMenu .social ul li a i.icon-linkedin,
footer.footer .footerMenu .social ul li a i.icon-pinterest,
footer.footer .footerMenu .social ul li a i.icon-instagram {
    font-size: 23px
}

footer.footer .footerMenu .social ul li a i.icon-twitter {
    background: url(../images/x-logo.svg) center no-repeat;
    width: 23px;
    height: 23px
}

footer.footer .footerMenu .social ul li a i.icon-twitter:before {
    display: none
}

footer.footer .footerMenu .ebulletin {
    margin-top: 55px
}

@media only screen and (max-width: 992px) {
    footer.footer .footerMenu .ebulletin {
        max-width: 500px;
        display: block;
        margin: 25px auto 0 auto
    }
}

footer.footer .footerMenu .ebulletin span {
    display: block;
    font: 16px Overpass-Regular;
    color: #363636
}

footer.footer .footerMenu .ebulletin small {
    display: block;
    font: 14px Overpass-Regular;
    color: #363636;
    opacity: .74;
    margin-top: 5px
}

footer.footer .footerMenu .ebulletin form .all {
    margin-top: 15px;
    position: relative;
    border: 1px solid #C2C2C2;
    border-radius: 5px;
    overflow: hidden
}

footer.footer .footerMenu .ebulletin form input[type="email"],
footer.footer .footerMenu .ebulletin form input[type="text"] {
    border: none;
    height: 40px;
    padding: 0 140px 0 15px;
    width: calc(100%);
    font: 14px Overpass-Regular;
    color: #363636;
    outline: 0;
    opacity: .74
}

footer.footer .footerMenu .ebulletin form .submit {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%
}

footer.footer .footerMenu .ebulletin form .submit input,
footer.footer .footerMenu .ebulletin form .submit button {
    transition: .3s;
    cursor: pointer;
    background: none;
    border: none;
    height: 100%;
    border-radius: 0;
    padding: 0 22px;
    font: 16px Overpass-Regular;
    color: #363636;
    text-transform: uppercase;
    border-left: 1px solid #C2C2C2;
    background: #fff
}

footer.footer .footerMenu .ebulletin form .submit input:hover,
footer.footer .footerMenu .ebulletin form .submit button:hover {
    transition: .3s;
    background: #707070;
    color: #fff
}

footer.footer .footerMenu .ebulletin form .formGroup .form-check {
    display: flex;
    align-items: center;
    padding: 0 0 0 30px;
    position: relative;
    margin: 15px 0 0 0
}

footer.footer .footerMenu .ebulletin form .formGroup .form-check input[type=checkbox] {
    transition: .3s;
    cursor: pointer;
    font-size: 15px;
    -webkit-appearance: none;
    width: 19px;
    height: 19px;
    border: 1px solid #848484;
    outline: 0;
    min-width: 19px;
    border-radius: 0;
    margin: 0;
    position: absolute;
    left: 0;
    top: 4px;
    box-shadow: none
}

footer.footer .footerMenu .ebulletin form .formGroup .form-check input[type=checkbox]:checked {
    transition: .3s;
    background-color: #707070
}

footer.footer .footerMenu .ebulletin form .formGroup .form-check label {
    font: 14px Overpass-Regular;
    color: #363636;
    opacity: .74;
    cursor: pointer
}

footer.footer .footerMenu .ebulletin form .formGroup .form-check label a {
    color: #363636
}

@font-face {
    font-family: 'EurostarBlackExtended';
    src: url("../fonts/EurostarBlackExtended.eot");
    src: url("../fonts/EurostarBlackExtended.eot?#iefix") format("embedded-opentype"), url("../fonts/EurostarBlackExtended.woff2") format("woff2"), url("../fonts/EurostarBlackExtended.woff") format("woff"), url("../fonts/EurostarBlackExtended.ttf") format("truetype");
    font-weight: 900;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'EurostarBlack';
    src: url("../fonts/EurostarBlack.eot");
    src: url("../fonts/EurostarBlack.eot?#iefix") format("embedded-opentype"), url("../fonts/EurostarBlack.woff2") format("woff2"), url("../fonts/EurostarBlack.woff") format("woff"), url("../fonts/EurostarBlack.ttf") format("truetype");
    font-weight: 900;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'EurostarRegularExtended';
    src: url("../fonts/EurostarRegularExtended.eot");
    src: url("../fonts/EurostarRegularExtended.eot?#iefix") format("embedded-opentype"), url("../fonts/EurostarRegularExtended.woff2") format("woff2"), url("../fonts/EurostarRegularExtended.woff") format("woff"), url("../fonts/EurostarRegularExtended.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Overpass-Thin';
    src: url("../fonts/Overpass-Thin.eot");
    src: url("../fonts/Overpass-Thin.eot?#iefix") format("embedded-opentype"), url("../fonts/Overpass-Thin.woff2") format("woff2"), url("../fonts/Overpass-Thin.woff") format("woff"), url("../fonts/Overpass-Thin.ttf") format("truetype");
    font-weight: 100;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Overpass-Bold';
    src: url("../fonts/Overpass-Bold.eot");
    src: url("../fonts/Overpass-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/Overpass-Bold.woff2") format("woff2"), url("../fonts/Overpass-Bold.woff") format("woff"), url("../fonts/Overpass-Bold.ttf") format("truetype");
    font-weight: bold;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Overpass-ExtraBold';
    src: url("../fonts/Overpass-ExtraBold.eot");
    src: url("../fonts/Overpass-ExtraBold.eot?#iefix") format("embedded-opentype"), url("../fonts/Overpass-ExtraBold.woff2") format("woff2"), url("../fonts/Overpass-ExtraBold.woff") format("woff"), url("../fonts/Overpass-ExtraBold.ttf") format("truetype");
    font-weight: bold;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Overpass-Light';
    src: url("../fonts/Overpass-Light.eot");
    src: url("../fonts/Overpass-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/Overpass-Light.woff2") format("woff2"), url("../fonts/Overpass-Light.woff") format("woff"), url("../fonts/Overpass-Light.ttf") format("truetype");
    font-weight: 300;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Overpass-ExtraLight';
    src: url("../fonts/Overpass-ExtraLight.eot");
    src: url("../fonts/Overpass-ExtraLight.eot?#iefix") format("embedded-opentype"), url("../fonts/Overpass-ExtraLight.woff2") format("woff2"), url("../fonts/Overpass-ExtraLight.woff") format("woff"), url("../fonts/Overpass-ExtraLight.ttf") format("truetype");
    font-weight: 200;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Overpass-Regular';
    src: url("../fonts/Overpass-Regular.eot");
    src: url("../fonts/Overpass-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/Overpass-Regular.woff2") format("woff2"), url("../fonts/Overpass-Regular.woff") format("woff"), url("../fonts/Overpass-Regular.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Overpass-SemiBold';
    src: url("../fonts/Overpass-SemiBold.eot");
    src: url("../fonts/Overpass-SemiBold.eot?#iefix") format("embedded-opentype"), url("../fonts/Overpass-SemiBold.woff2") format("woff2"), url("../fonts/Overpass-SemiBold.woff") format("woff"), url("../fonts/Overpass-SemiBold.ttf") format("truetype");
    font-weight: 600;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Northwell';
    src: url("../fonts/Northwell.eot");
    src: url("../fonts/Northwell.eot?#iefix") format("embedded-opentype"), url("../fonts/Northwell.woff2") format("woff2"), url("../fonts/Northwell.woff") format("woff"), url("../fonts/Northwell.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
    font-display: block
}

@font-face {
    font-family: 'icomoon';
    src: url("../fonts/icomoon.eot?tprcg1");
    src: url("../fonts/icomoon.eot?tprcg1#iefix") format("embedded-opentype"), url("../fonts/icomoon.ttf?tprcg1") format("truetype"), url("../fonts/icomoon.woff?tprcg1") format("woff"), url("../fonts/icomoon.svg?tprcg1#icomoon") format("svg");
    font-weight: normal;
    font-style: normal;
    font-display: block
}

[class^="icon-"],
[class*=" icon-"] {
    font-family: 'icomoon' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-info {
    filter: brightness(0) invert(1);
    background: url(../images/info.svg) no-repeat center !important
}

.icon-ar-left:before {
    content: "\e905"
}

.icon-ar-right:before {
    content: "\e908"
}

.icon-whatshapp:before {
    content: "\e90b";
    color: #847770
}

.icon-download:before {
    content: "\e90c"
}

.icon-search:before {
    content: "\e900"
}

.icon-arrow-right:before {
    content: "\e901"
}

.icon-facebook:before {
    content: "\e902";
    color: #847770
}

.icon-instagram:before {
    content: "\e903";
    color: #847770
}

.icon-linkedin:before {
    content: "\e904";
    color: #847770
}

.icon-pinterest:before {
    content: "\e906";
    color: #847770
}

.icon-play:before {
    content: "\e907"
}

.icon-twitter:before {
    content: "\e909";
    color: #847770
}

.icon-youtube:before {
    content: "\e90a";
    color: #847770
}

@keyframes fadein {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-moz-keyframes fadein {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes fadein {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-o-keyframes fadein {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

*::-moz-selection {
    background: #847770;
    color: #fff
}

*::selection {
    background: #847770;
    color: #fff
}

*::-moz-selection {
    background: #847770;
    color: #fff
}

@media only screen and (max-width: 1400px) {
    .container-fluid {
        padding: 0 40px
    }
}

@media only screen and (max-width: 767px) {
    .container-fluid {
        padding: 0 25px
    }
}

img {
    max-width: 100%
}

html {
    scroll-behavior: smooth
}

body {
    font-family: Overpass-Light;
    color: #363636;
    overflow-x: hidden;
    position: relative
}

p a:hover {
    transition: .3s;
    opacity: .6
}

.more {
    margin-top: 1.2rem;
    display: inline-flex;
    align-items: center;
    font: 14px Overpass-Light;
    color: #363636;
    text-transform: uppercase
}

.more:hover {
    transition: .3s;

}

.more:hover i {
    transition: .3s;
    left: 10px
}

.more a {
    transition: .3s;
    font: 14px Overpass-Light;
    text-decoration: none;
    color: #363636;
    display: inline-flex;
    align-items: center
}

.more a:hover {
    transition: .3s;

}

.more a:hover i {
    transition: .3s;
    left: 10px
}

.more i {
    transition: .3s;
    position: relative;
    left: 0;
    font-size: 27px;
    margin-left: 20px;
    display: inline-block;
    top: 2px
}

.breadcrumb {
    padding: 12px 0;
    margin: 0
}

@media only screen and (max-width: 768px) {
    .breadcrumb {
        padding: 0
    }
}

.breadcrumb ul {
    padding: 0;
    margin: 0
}

@media only screen and (max-width: 768px) {
    .breadcrumb ul {
        white-space: nowrap;
        width: 100%;
        overflow: auto;
        display: flex
    }
}

.breadcrumb ul li {
    transition: .3s;
    float: left;
    color: #818181;
    font: 11px Overpass-Regular;
    text-transform: uppercase;
    list-style-type: none;
    position: relative;
    padding-right: 17px;
    margin-right: 7px;
    letter-spacing: 1px
}

@media only screen and (max-width: 768px) {
    .breadcrumb ul li {
        padding: 8px 17px 8px 0
    }
}

.breadcrumb ul li:hover {
    transition: .3s;
    opacity: .5
}

.breadcrumb ul li:last-child {
    padding-right: 0;
    margin-right: 0
}

.breadcrumb ul li:last-child:before,
.breadcrumb ul li:last-child:after {
    display: none
}

.breadcrumb ul li:before {
    transition: .3s;
    content: "";
    display: block;
    background: #818181;
    width: 1px;
    height: 6px;
    position: absolute;
    right: 2px;
    top: 50%;
    transform: rotate(-139deg) translateY(-50%);
    margin-top: -5px
}

.breadcrumb ul li:after {
    transition: .3s;
    content: "";
    display: block;
    background: #818181;
    width: 1px;
    height: 6px;
    position: absolute;
    right: 2px;
    top: 50%;
    transform: rotate(-44deg) translateY(-50%);
    margin-top: -4px
}

.breadcrumb ul li a {
    color: #818181;
    display: inline-block;
    text-decoration: none
}

.loader {
    text-align: center;
    display: block;
    margin: 0 auto;
    background: url(../images/proloader.gif) no-repeat;
    width: 80px;
    height: 80px;
    background-size: cover
}

.lazy.contain {
    object-fit: contain !important;
    width: auto !important;
    height: auto !important
}

.col-2-5 {
    width: 235px;
    margin-right: 30px
}

@media only screen and (max-width: 1023px) {
    .col-2-5 {
        width: 100%;
        display: none
    }
}

.col-8-5 {
    width: calc(100% - 265px)
}

@media only screen and (max-width: 1023px) {
    .col-8-5 {
        width: 100%
    }
}

.pagination {
    justify-content: center;
    margin: 1rem 0 0 0
}

.pagination li {
    margin: 0 5px
}

.pagination li.disabled {
    opacity: .5
}

.pagination li.prev a:before {
    transition: .3s;
    content: "";
    display: block;
    background: #262626;
    width: 1px;
    height: 9px;
    position: absolute;
    left: 7px;
    top: 50%;
    transform: rotate(45deg) translateY(-50%);
    margin-top: -4px
}

.pagination li.prev a:after {
    transition: .3s;
    content: "";
    display: block;
    background: #262626;
    width: 1px;
    height: 9px;
    position: absolute;
    left: 7px;
    top: 50%;
    transform: rotate(128deg) translateY(-50%);
    margin-top: -4px
}

.pagination li.next a:before {
    transition: .3s;
    content: "";
    display: block;
    background: #262626;
    width: 1px;
    height: 8px;
    position: absolute;
    right: 7px;
    top: 50%;
    transform: rotate(-45deg) translateY(-50%);
    margin-top: -4px
}

.pagination li.next a:after {
    transition: .3s;
    content: "";
    display: block;
    background: #262626;
    width: 1px;
    height: 8px;
    position: absolute;
    right: 7px;
    top: 50%;
    transform: rotate(-128deg) translateY(-50%);
    margin-top: -4px
}

.pagination li.active a {
    background: #EFEFEF !important
}

.pagination li a {
    font: 12px Overpass-Regular;
    color: #363636 !important;
    border: 1px solid #C2C2C2 !important;
    border-radius: 4px;
    padding: 3px;
    outline: 0;
    box-shadow: initial;
    width: 25px;
    height: 25px;
    text-align: center
}

.fancybox-thumbs__list a:before {
    border: 4px solid #363636 !important
}

.back a {
    transition: .3s;
    text-decoration: none;
    color: #363636;
    text-transform: uppercase;
    font-size: 14px;
    display: flex;
    align-items: center
}

.back a:hover {
    transition: .3s;
    color: #847770;
    opacity: .7
}

.back a i {
    font-size: 25px;
    margin-right: 10px;
    transform: rotate(180deg);
    position: relative;
    top: -1px
}

.note i {
    display: block;
    font-size: 14px;
    color: #ad0000;
    line-height: 20px
}

.slick-disabled {
    opacity: .5;
    cursor: default !important
}

li.clear {
    transition: .3s;
    padding: 3px 10px 2px 10px !important;
    cursor: pointer !important
}

li.clear:hover {
    transition: .3s;
    background: #dedede !important;
    color: #262626 !important
}

.infoBtn {
    transition: .3s;
    width: 18px;
    height: 18px;
    display: inline-flex;
    text-align: center;
    text-decoration: none;
    align-items: center;
    justify-content: center;
    margin-left: 5px;
    position: relative;
    top: 1px;
    border-radius: 50%;
    background: #847770
}

.infoBtn:hover {
    transition: .3s;
    background: #26262d
}

.infoBtn i {
    width: 12px !important;
    height: 12px !important;
    border: none !important;
    position: initial !important;
    border-radius: 0 !important
}

.iti__country.iti__highlight {
    margin-bottom: 0 !important
}

.iti__country {
    margin: 0 !important
}

.iti--separate-dial-code .iti__selected-dial-code {
    font-family: Overpass-Regular !important;
    font-size: 14px
}

.rightEditBoxes label {
    position: relative
}

.rightEditBoxes .form-group button {
    right: 12px !important
}

.rightEditBoxes .form-group button:hover i {
    filter: brightness(0) invert(1)
}

.seoAnalysisBox i.fas.fa-save {
    background: url(../images/save.svg) no-repeat center;
    width: 100%;
    height: 100%
}

.modal a {
    opacity: 1 !important
}

.mcPopupClose {
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1
}

.mcPopupClose span {
    transform: initial !important;
    padding: 0 !important;
    font-size: 25px !important;
    position: relative;
    width: initial !important;
    height: initial !important;
    line-height: 25px
}

.mcPopup .modal-dialog .modal-content .modal-body img {
    width: auto !important;
    height: auto !important
}

@font-face {
    font-family: 'EurostarBlackExtended';
    src: url("../fonts/EurostarBlackExtended.eot");
    src: url("../fonts/EurostarBlackExtended.eot?#iefix") format("embedded-opentype"), url("../fonts/EurostarBlackExtended.woff2") format("woff2"), url("../fonts/EurostarBlackExtended.woff") format("woff"), url("../fonts/EurostarBlackExtended.ttf") format("truetype");
    font-weight: 900;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'EurostarBlack';
    src: url("../fonts/EurostarBlack.eot");
    src: url("../fonts/EurostarBlack.eot?#iefix") format("embedded-opentype"), url("../fonts/EurostarBlack.woff2") format("woff2"), url("../fonts/EurostarBlack.woff") format("woff"), url("../fonts/EurostarBlack.ttf") format("truetype");
    font-weight: 900;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'EurostarRegularExtended';
    src: url("../fonts/EurostarRegularExtended.eot");
    src: url("../fonts/EurostarRegularExtended.eot?#iefix") format("embedded-opentype"), url("../fonts/EurostarRegularExtended.woff2") format("woff2"), url("../fonts/EurostarRegularExtended.woff") format("woff"), url("../fonts/EurostarRegularExtended.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Overpass-Thin';
    src: url("../fonts/Overpass-Thin.eot");
    src: url("../fonts/Overpass-Thin.eot?#iefix") format("embedded-opentype"), url("../fonts/Overpass-Thin.woff2") format("woff2"), url("../fonts/Overpass-Thin.woff") format("woff"), url("../fonts/Overpass-Thin.ttf") format("truetype");
    font-weight: 100;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Overpass-Bold';
    src: url("../fonts/Overpass-Bold.eot");
    src: url("../fonts/Overpass-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/Overpass-Bold.woff2") format("woff2"), url("../fonts/Overpass-Bold.woff") format("woff"), url("../fonts/Overpass-Bold.ttf") format("truetype");
    font-weight: bold;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Overpass-ExtraBold';
    src: url("../fonts/Overpass-ExtraBold.eot");
    src: url("../fonts/Overpass-ExtraBold.eot?#iefix") format("embedded-opentype"), url("../fonts/Overpass-ExtraBold.woff2") format("woff2"), url("../fonts/Overpass-ExtraBold.woff") format("woff"), url("../fonts/Overpass-ExtraBold.ttf") format("truetype");
    font-weight: bold;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Overpass-Light';
    src: url("../fonts/Overpass-Light.eot");
    src: url("../fonts/Overpass-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/Overpass-Light.woff2") format("woff2"), url("../fonts/Overpass-Light.woff") format("woff"), url("../fonts/Overpass-Light.ttf") format("truetype");
    font-weight: 300;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Overpass-ExtraLight';
    src: url("../fonts/Overpass-ExtraLight.eot");
    src: url("../fonts/Overpass-ExtraLight.eot?#iefix") format("embedded-opentype"), url("../fonts/Overpass-ExtraLight.woff2") format("woff2"), url("../fonts/Overpass-ExtraLight.woff") format("woff"), url("../fonts/Overpass-ExtraLight.ttf") format("truetype");
    font-weight: 200;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Overpass-Regular';
    src: url("../fonts/Overpass-Regular.eot");
    src: url("../fonts/Overpass-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/Overpass-Regular.woff2") format("woff2"), url("../fonts/Overpass-Regular.woff") format("woff"), url("../fonts/Overpass-Regular.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Overpass-SemiBold';
    src: url("../fonts/Overpass-SemiBold.eot");
    src: url("../fonts/Overpass-SemiBold.eot?#iefix") format("embedded-opentype"), url("../fonts/Overpass-SemiBold.woff2") format("woff2"), url("../fonts/Overpass-SemiBold.woff") format("woff"), url("../fonts/Overpass-SemiBold.ttf") format("truetype");
    font-weight: 600;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Northwell';
    src: url("../fonts/Northwell.eot");
    src: url("../fonts/Northwell.eot?#iefix") format("embedded-opentype"), url("../fonts/Northwell.woff2") format("woff2"), url("../fonts/Northwell.woff") format("woff"), url("../fonts/Northwell.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
    font-display: block
}

@font-face {
    font-family: 'icomoon';
    src: url("../fonts/icomoon.eot?tprcg1");
    src: url("../fonts/icomoon.eot?tprcg1#iefix") format("embedded-opentype"), url("../fonts/icomoon.ttf?tprcg1") format("truetype"), url("../fonts/icomoon.woff?tprcg1") format("woff"), url("../fonts/icomoon.svg?tprcg1#icomoon") format("svg");
    font-weight: normal;
    font-style: normal;
    font-display: block
}

[class^="icon-"],
[class*=" icon-"] {
    font-family: 'icomoon' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-info {
    filter: brightness(0) invert(1);
    background: url(../images/info.svg) no-repeat center !important
}

.icon-ar-left:before {
    content: "\e905"
}

.icon-ar-right:before {
    content: "\e908"
}

.icon-whatshapp:before {
    content: "\e90b";
    color: #847770
}

.icon-download:before {
    content: "\e90c"
}

.icon-search:before {
    content: "\e900"
}

.icon-arrow-right:before {
    content: "\e901"
}

.icon-facebook:before {
    content: "\e902";
    color: #847770
}

.icon-instagram:before {
    content: "\e903";
    color: #847770
}

.icon-linkedin:before {
    content: "\e904";
    color: #847770
}

.icon-pinterest:before {
    content: "\e906";
    color: #847770
}

.icon-play:before {
    content: "\e907"
}

.icon-twitter:before {
    content: "\e909";
    color: #847770
}

.icon-youtube:before {
    content: "\e90a";
    color: #847770
}

#kvkkModal table {
    width: 100% !important;
    border: none;
    margin: 0 0 1.3rem 0
}

#kvkkModal table strong,
#kvkkModal table b {
    font-family: Overpass-SemiBold
}

#kvkkModal table th,
#kvkkModal table td {
    border: 1px solid rgba(0, 0, 0, 0.13);
    font-family: Overpass-Regular;
    padding: 6px 15px;
    font-size: 14px;
    line-height: 21px
}

#kvkkModal table th a,
#kvkkModal table td a {
    transition: .3s;
    color: #6E6E6E !important
}

#kvkkModal table th a:hover,
#kvkkModal table td a:hover {
    transition: .3s;
    opacity: .6
}

.modalType {
    transition: .3s;
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 10;
    display: flex;
    align-items: center;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    top: 0;
    left: 0;
    padding: 0 20px
}

.modalType.smallModal .mcmodal {
    max-width: 780px
}

.modalType.smallModal .mcmodal .modalContent {
    max-height: 50vh
}

.modalType.active {
    transition: .3s;
    visibility: inherit;
    pointer-events: auto;
    opacity: 1
}

.modalType .modalbg {
    position: fixed;
    background: #363636;
    width: 100%;
    height: 100%;
    opacity: .61;
    z-index: -1;
    left: 0;
    top: 0
}

.modalType .mcmodal {
    height: auto;
    margin: 50px auto;
    font-size: 15px;
    line-height: 28px;
    padding: 0;
    background: #fff;
    width: 100%;
    max-width: 1050px
}

.modalType .mcmodal .modalTitle {
    padding: 15px 0;
    margin: 0 30px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.13);
    position: relative;
    font: 16px/20px Overpass-Regular;
    color: #262626;
    text-transform: uppercase;
    letter-spacing: 1px
}

.modalType .mcmodal .modalTitle h2 {
    margin: 0;
    font: 16px Overpass-Regular;
    color: #262626;
    text-transform: uppercase;
    letter-spacing: 1px;
    line-height: 20px
}

.modalType .mcmodal .modalTitle .buttonCloses {
    width: 25px;
    height: 30px;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    cursor: pointer;
    z-index: 11
}

.modalType .mcmodal .modalTitle .buttonCloses:hover:before {
    transition: .3s;
    transform: rotate(-135deg)
}

.modalType .mcmodal .modalTitle .buttonCloses:hover:after {
    transition: .3s;
    transform: rotate(135deg)
}

.modalType .mcmodal .modalTitle .buttonCloses:before {
    transition: .3s;
    content: "";
    width: 1px;
    height: 30px;
    display: block;
    position: absolute;
    right: 10px;
    transform: rotate(-45deg);
    background: #262626
}

.modalType .mcmodal .modalTitle .buttonCloses:after {
    transition: .3s;
    content: "";
    width: 1px;
    height: 30px;
    display: block;
    position: absolute;
    right: 10px;
    transform: rotate(45deg);
    background: #262626
}

.modalType .mcmodal .modalContent {
    padding: 30px;
    max-height: 80vh;
    overflow: auto
}

.modalType .mcmodal .modalContent p {
    font-size: 14px;
    line-height: 23px;
    margin-bottom: 1.3rem
}

.modalType .mcmodal .modalContent p strong,
.modalType .mcmodal .modalContent p b {
    font-family: Overpass-SemiBold
}

.modalType .mcmodal .modalContent ol li,
.modalType .mcmodal .modalContent ul li {
    font-size: 14px;
    line-height: 23px;
    margin-bottom: 5px
}

.modalType .mcmodal .modalContent ol li a,
.modalType .mcmodal .modalContent ul li a {
    transition: .3s;
    color: #6E6E6E !important;
    text-decoration: none !important
}

.modalType .mcmodal .modalContent ol li a:hover,
.modalType .mcmodal .modalContent ul li a:hover {
    transition: .3s;
    opacity: .6
}

#mc-com---nb {
    display:none !important;
    font-family: 'Overpass-Regular';
    left: 50%;
    transform: translateX(-50%);
    bottom: 50px;
    background: #fff;
    width: 100%;
    max-width: 945px;
    position: fixed;
    right: initial;
    box-shadow: 0 9px 24px rgba(0, 0, 0, .15)
}

#mc-com---nb * {
    outline: none !important
}

#mc-com---nb * focus {
    box-shadow: initial !important
}

.mc-com---palette-dark .cc-cp-foot-save {
    padding: 0 30px;
    font-size: 11px !important;
    margin: 0 !important;
    white-space: nowrap !important;
    height: 43px !important;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 40px;
    color: #000 !important
}

.mc-com---pc-dialog .cc-pc-head-title,
.mc-com---pc-dialog .cc-pc-head-lang {
    padding: 0 !important;
    min-height: initial !important
}

.mc-com---pc-dialog .cc-pc-head-close {
    padding: 0;
    background: #fff;
    border-color: #c8c8c8 !important;
    font-size: 22px;
    line-height: 15px;
    border: none !important
}

.mc-com---palette-dark .cc-cp-body {
    border-radius: 30px;
    overflow: hidden;
    margin: 0 28px;
    border: 1px solid #c8c8c8;
    background: #fff !important
}

.mc-com---palette-dark .cc-pc-container {
    background: #fff !important
}

.mc-com---palette-dark .cc-pc-head-lang select {
    box-shadow: initial !important;
    border: none !important
}

.mc-com---palette-dark .cc-cp-body-tabs {
    background: #f3f3f3 !important
}

.mc-com---palette-dark .cc-cp-body-tabs-item-link:focus {
    box-shadow: initial !important
}

.mc-com---pc-dialog .cc-cp-body-tabs-item {
    border: 1px solid #c8c8c8 !important;
    border-left: 0 !important;
    border-top: 0 !important;
    background: #fff !important
}

.mc-com---pc-dialog .cc-cp-body-tabs-item:last-child {
    border-bottom: none !important
}

.mc-com---pc-dialog .cc-pc-head {
    padding: 25px 35px;
    background: #fff !important;
    border: none !important
}

.mc-com---pc-dialog .cc-pc-head-title-headline {
    font-size: 12px !important;
    color: #000 !important;
    margin: 0 !important
}

.mc-com---pc-dialog .cc-cp-body-content-entry-text,
.mc-com---pc-dialog .cc-cp-body-content-entry-title,
.cc-cp-body-content p {
    font-size: 12px !important;
    color: #000 !important
}

.mc-com---pc-dialog .cc-cp-body-content-entry ol li,
.mc-com---pc-dialog .cc-cp-body-content-entry ul li {
    font-size: 12px !important;
    color: #000 !important
}

.mc-com---pc-dialog .cc-cp-body-content-entry ol,
.mc-com---pc-dialog .cc-cp-body-content-entry ul {
    margin-bottom: .5rem
}

.mc-com---palette-dark .cc-cp-body-content-entry a {
    color: #000 !important;
    text-decoration: underline !important
}

.mc-com---pc-dialog .cc-cp-body-tabs-item-link {
    line-height: 14px !important;
    text-decoration: none !important;
    padding: 15px 25px !important;
    color: #000 !important
}

.mc-com---palette-dark .cc-cp-body-tabs-item[active=true] {
    background: #f3f3f3 !important
}

.mc-com---palette-dark .cc-cp-body-content {
    color: #000 !important;
    border-radius: 20px !important;
    border-bottom-left-radius: 0 !important;
    border-top-left-radius: 0 !important;
    background: #f3f3f3 !important;
    width: 100% !important
}

.mc-com---pc-dialog input[type=checkbox].cc-custom-checkbox+label:before {
    border: 1px solid #c8c8c8;
    width: 42px !important;
    height: 23px !important
}

.mc-com---pc-dialog input[type=checkbox].cc-custom-checkbox+label:after {
    width: 19px !important;
    height: 19px !important;
    margin: 2px 3px !important;
    background: #c8c8c8 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.mc-com---pc-dialog input[type=checkbox].cc-custom-checkbox:checked+label:after {
    margin-left: 20px !important;
    background: #847770 !important
}

.mc-com---pc-dialog input[type=checkbox].cc-custom-checkbox:checked+label:before {
    background: #fff !important
}

.mc-com---pc-dialog .cc-cp-body-content-entry[active=true] {
    display: block !important
}

.mc-com---pc-dialog .cc-cp-body-content-entry {
    overflow: auto;
    max-height: 225px;
    outline: none
}

.mc-com---palette-dark .cc-nb-text a:focus,
.mc-com---palette-dark .cc-cp-body-content-entry a:focus {
    outline: none !important;
    box-shadow: initial !important
}

@media(max-width:767px) {
    .cc-nb-main-container {
        display: inline-block !important;
        width: 100%;
        padding: 10px 20px !important
    }

    .cc-nb-buttons-container {
        padding-left: 0 !important
    }

    .cc-cp-foot-button {
        width: 100%;
        display: flex;
        justify-content: center
    }

    .mc-com---pc-dialog .cc-pc-head-close {
        position: absolute;
        right: 40px;
        top: 28px
    }
}

@media(min-width:768px) {
    .cc-nb-main-container {
        padding: 20px 40px !important;
        display: flex !important
    }
}

@media(min-width:1024px) {
    .mc-com---is-visible {
        display: flex !important;
        align-items: center
    }

    .mc-com---pc-dialog {
        margin: 0 auto !important
    }
}

.mc-com---pc-dialog {
    border-radius: 38px;
    overflow: hidden
}

.cc-nb-buttons-container {
    padding-left: 1rem
}

.cc-nb-buttons-container button {
    font-family: Overpass-Bold !important;
    font-weight: normal !important;
    text-transform: uppercase !important;
    width: 100%;
    font-size: 11px !important;
    margin: 0 !important;
    white-space: nowrap !important;
    height: 43px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 40px !important;
    color: #000 !important;
    padding: .5rem 2rem !important
}

.mc-com---reset p {
    margin-bottom: .5rem !important
}

.mc-com---nb .cc-nb-text {
    margin-bottom: .5rem !important
}

.mc-com---palette-dark .cc-nb-text a {
    color: #000 !important;
    text-decoration: none !important
}

@media(min-width:768px) {
    .cc-nb-buttons-container {
        display: flex !important;
        align-items: center;
        justify-content: space-between
    }
}

@media(max-width:767px) {
    #mc-com---nb {
        width: 100%;
        left: 0;
        border-radius: 0;
        bottom: 0;
        max-width: 100% !important;
        transform: initial !important;
        padding: 5px 15px
    }

    .cc-nb-buttons-container {
        display: inline-block !important;
        width: 100%
    }
}

.cc-nb-main-container {
    align-items: center
}

.mc-com---palette-dark .cc-nb-title {
    font-size: 18px !important;
    color: #000
}

.mc-com---palette-dark .cc-nb-text {
    font-size: 11px !important;
    color: #000 !important
}

.cc-cp-foot-byline {
    display: none !important
}

.mc-com---palette-dark .cc-nb-changep {
    color: #847770 !important;
    background-color: transparent !important;
    border: 1px solid #c8c8c8 !important;
    box-shadow: initial !important
}

.mc-com---pc-dialog .cc-cp-foot {
    justify-content: flex-end !important;
    padding: 18px 35px;
    background: #fff !important;
    border: none !important
}

.mc-com---palette-dark .cc-pc-head-lang select option {
    display: none
}

.mc-com---pc-dialog input[type=checkbox].cc-custom-checkbox+label {
    font-size: 12px;
    padding: 3px 0 0 50px
}

.mc-com---palette-dark .cc-nb-okagree,
.mc-com---palette-dark .cc-cp-foot-save {
    background-color: #847770 !important
}

.mc-com---palette-dark .cc-nb-reject {
    background-color: #847770 !important;
    color: white !important;
    text-transform: uppercase;
}

.cc-cp-body-content table {
    max-height: 150px;
    overflow-y: auto;
    display: block;
    overflow-x: hidden;
    border-collapse: collapse;
    border: 1px solid #3e3d3d;
    width: 100%
}

.cc-cp-body-content table::-webkit-scrollbar {
    width: 7px
}

.cc-cp-body-content table::-webkit-scrollbar-track {
    background: #f1f1f1
}

.cc-cp-body-content table::-webkit-scrollbar-thumb {
    background: #000
}

.cc-cp-body-content table::-webkit-scrollbar-thumb:hover {
    background: #555
}

.cc-cp-body-content td {
    font-size: 12px
}

.cc-cp-body-content td,
.cc-cp-body-content th {
    padding: 10px 20px;
    border-bottom: 1px solid #3e3d3d;
    vertical-align: top
}

.cc-nb-title-container {
    display: none !important
}

.cc-nb-text-container {
    padding: .5rem 0
}

.mc-com---palette-dark .cc-pc-head-lang select {
    display: none
}

.mc-com---palette-dark .cc-pc-head-lang select option[value=tr] {
    display: block !important
}

.mc-com---nb .cc-nb-okagree,
.mc-com---nb .cc-nb-reject,
.mc-com---nb .cc-nb-changep {
    font-family: 'Overpass-Regular'
}

.mc-com---palette-dark .cc-cp-foot-save {
    color: white !important;
}

.mc-com---palette-dark .cc-nb-okagree {
    color: white !important;
}

.textBox h1{
    font-family: "EurostarRegularExtended";
    letter-spacing: 6px;
    margin-bottom: 16px;
}

/* Social icon */
.social_links ul {
    display: flex;
    gap: 16px;
    list-style: none;
}

.social_links ul li a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border-radius: 50%;

    color: #e22630; /* Brand red/pink */
    font-size: 16px;
    transition: all 0.3s ease;
    border: 1px solid #e22630;
}

.social_links ul li a:hover {
    background-color: #e22630;
    color: #fff;
    transform: scale(1.1);
}


.footer-group-company.white-theme {
    background: #ffffff;
    padding: 40px 30px;
    border-radius: 12px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.05);
    text-align: center;
    max-width: 800px;
    margin: 0 auto;
}

.footer-group-desc {
    font-size: 17px;
    line-height: 1.8;
    margin-bottom: 30px;
    font-weight: 400;
}

.footer-group-desc .highlight-sky {
    font-weight: 600;
}

.footer-group-desc .highlight-green {
    color: #e22630;
    font-weight: 600;
}

.footer-brand-wrapper {
    display: flex;
    gap: 40px;
    flex-wrap: wrap;
}

.footer-brand-item img {
    max-height: 45px;
    transition: transform 0.3s ease;
}

.footer-brand-item img:hover {
    transform: scale(1.05);
}