.fl-animation,
.animation-navspinv,
.we-provide .snape23,
.featured__category-title + .row::before,
.first__screen--bg-img::after,
.home-card_icon-flex:after,
.svg45,
.decore-zigzag {
    animation: navspinv 3.4s infinite linear;
}



@keyframes navspinv {
    0% {
        transform: translate3d(0, -15%, 0);
    }

    50% {
        transform: translate3d(0, 15%, 0);
    }
    100% {
        transform: translate3d(0, -15%, 0);
    }
}




.featured__category::after,
.featured__category::before,
.we__offer h2::before,
.hand__picked::after,
.lay1 img,
.lay2 img,
.lay3 img,
.lay4 img,
.bg-svg12,
.bg-svg14,
.bg-svg10,
.bg-svg9 {
    animation: navspinv2 2.4s infinite linear;
}



@keyframes navspinv2 {
    0% {
        transform: translate3d(0, -1%, 0);
    }

    50% {
        transform: translate3d(0, 1%, 0);
    }

    100% {
        transform: translate3d(0, -1%, 0);
    }
}



.home-hero {
    background-image: url(img/s1-2.jpg);
    background-size: cover;
    background-attachment: fixed;
    position: relative;
}


.hero__screen-content {
    min-height: 800px;
    display: flex;
    align-items: center;
    color: #fff;
}


.header-sticky {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    padding: 0 5%;
}


.header-sticky.hh-dark * {
    color: #fff;
}


.home-hero:after {
    content: '';
    background: url(img/svg/curve-#fff.svg) no-repeat center;
    position: absolute;
    width: 753px;
    height: 455px;
    right: -307px;
    bottom: -81px;
}

.home-card_icon-flex:after {
    content: '';
    background: url(img/svg/object-orange.svg) no-repeat center;
    position: absolute;
    width: 85px;
    height: 48px;
    right: 0;
    bottom: 0;
}

.home-hero .first__screen-description {
    color: #fff;
}

.decore-zigzag {
    fill: none;
    stroke: #ffc248;
    stroke-miterlimit: 10;
    stroke-width: 6px;
}





.header-style-2 li a {
    color: #fff;
}

.header.header-style-2 .h-canvas {
    padding-right: 15px !important;
    background-color: rgba(255, 255, 255, 0.95);
    height: 90px;
    width: 100%;
    display: flex;
}

.box-navbar {
    padding-right: 15px !important;
    background-color: rgba(255, 255, 255, 0.95);
    height: 90px;
    width: 100%;
    display: flex;
}

.header.header-style-2 .navbar-light .navbar-toggler {
    background: #fff;
}

.header.header-style-2 .navbar-brand img {
    margin-right: 10px;
    max-width: 150px;
    margin: 0 auto;
}

html .header-style-2 .submit__listing {
    background-color: #2873de;
}


html .header-style-2 .link-reg .submit__listing span {
    background-color: #1e4378;
}


.#fff-color {
    color: #fff;
}

.home-card_icon-flex {
    overflow: hidden;
    padding-top: 100px;
    padding-bottom: 40px;
    position: relative;
}


.home-card_icon-flex .svg45 {
    width: 65px;
    height: 13px;
    position: absolute;
    right: 0;
    top: 160px;
}

.header.header-style-2 .navbar-brand {
    margin-right: 0;
    margin-left: 0;
    background: #2573DE;
    width: 100%;
    max-width: 202px;
    padding: 23px 14px;
    text-align: center;
}


.home-card_icon .ico-size {
    font-size: 48px;
    margin: 7px 15px 0 0;
}

.home-card_icon .icon-count {
    font-size: 34px;
    color: #e64646;
    font-family: inherit !important;
    width: 100%;
    display: inline-block;
    font-weight: 600;
    padding-top: 3px;
}

.home-card_icon {
    display: flex;
    padding-bottom: 15px;
    float: left;
    overflow: hidden;
    width: 215px;
}

.home-card_icon .icon-count-text {
    font-size: 14px;
    font-family: inherit !important;
}



/* Slider */
.slick-slider {
    position: relative;
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0;
}

.slick-list:focus {
    outline: none;
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.slick-track:before,
.slick-track:after {
    content: "";
    display: table;
}

.slick-track:after {
    clear: both;
}

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none;
}

.details-slider .slider__second .slick-slide {
    margin-right: 0 !important;
}

[dir="rtl"] .slick-slide {
    float: right;
}

.slick-slide img {
    display: block;
    max-width: 100%;
    height: auto;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
    display: none;
}

/*FIRST COLOR*/

.first-color {
    color: #de2929;
}

.first-bg-color {
    background-color: #de2929;
}


.first-bg-color,
.first-bg-color span {
    -webkit-transition: all .25s;
    transition: all .25s;
}


/*SECOND COLOR*/

.first-bg-color:hover,
.we__offer .link__template:hover {
    background-color: #00bff5 !important;
}

.first-bg-color:hover span,
.we__offer .link__template:hover span {
    background-color: #07a0cb !important;
}


/*FIRST COLOR*/

.first__screen-form button[type="submit"] span {
    background-color: #ab1212;
}

.first__screen_2 {
    margin-bottom: 150px !important;
}


.second-color {
    color: #00bff5;
}


.second-style .second-color {
    color: #5b91df;
}


.second-bg-color {
    background-color: #00bff5;
}

.second-style .second-bg-color {
    background-color: #2873de;
}


.second-style .hand__picked-item svg path {
    fill: #222;
}




.we__offer .link__template:hover {
    background-color: #00bff5;
}




.btn-hover-animate.second-bg-color:hover {
    background-color: #de2929;
}

.btn-hover-animate.second-bg-color:hover span {
    background-color: #c12525 !important;
}

.page-bg-color {
    background-color: #fafafa;
}

.footer-bg-color {
    background-color: #1f1f1f;
}

.#fff-bg-color {
    background-color: #fff;
}

.f0f0f0,
.canvas-color {
    background-color: #FAFAFA;
}

.section-subtitle,
.popular__listing-subtitle,
.reviews__subtitle {
    font-family: inherit;
    font-size: 15px;
    text-transform: capitalize;
    line-height: 1.2;
    margin-bottom: 10px;
    text-align: left;
    position: relative;
}



.section-title,
.popular__listing-title,
.reviews__title {
    font-size: 36px;
    font-family: inherit;
    color: #222222;
    font-weight: bold;
    line-height: 1.2;
    text-align: center;
    margin-bottom: 70px;
}

.icon-tr {
    content: '';
    background: url(img/png/icon-tr.png) no-repeat center;
    width: 29px;
    height: 29px;
    position: absolute;
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
    top: 0;
    left: 0;
}

.home-hero .icon-tr {
    position: relative;
    left: 63%;
}

.icon-dots,
.page-404 .img::before,
.page-register::after {
    content: '';
    background: url(img/svg/icon-dots.svg) no-repeat center;
    position: absolute;
    width: 113px;
    height: 106px;
}

.shape2-yellow,
.page-404 .img::after {
    content: '';
    background: url(img/png/shape2-yellow.png);
    width: 65px;
    height: 13px;
    display: block;
    position: absolute;
    z-index: -1;
}

.curve-404,
.page-404 .subtitle::before,
.page-register::before {
    content: '';
    background: url(img/png/curve-404-#fff.png) no-repeat center;
    position: absolute;
    width: 430px;
    height: 430px;
    z-index: 0;
}

.z-i-10 {
    z-index: 10;
}

.py-105 {
    padding: 60px 0;
}

.mb-105 {
    margin-bottom: 105px;
}


.mb-205 {
    margin-bottom: 205px;
}

.featured__category-link.second-bg-color span {
    background-color: #00a8d8;
}

@media screen and (min-width: 810px) {
    .mb-200 {
        padding-bottom: 200px;
    }

    .mb-60 {
        margin-bottom: 60px;
    }

    .mt-60 {
        margin-top: 60px;
    }

    .mt-30 {
        margin-top: 30px;
    }

    .py-105 {
        padding: 105px 0;
    }

    .py-75 {
        padding: 75px 0 150px;
    }

    .ml--20px {
        margin-left: -20px;
    }

    .mt-40 {
        margin-top: 40px;
    }

    .mb-45 {
        margin-bottom: 45px;
    }
}

html {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

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

ul[class],
ol[class] {
    padding: 0;
}

body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
ol,
li,
figure,
figcaption,
blockquote,
dl,
dd {
    margin: 0;
}

ul[class] {
    list-style: none;
}


input,
button,
textarea,
select {
    font: inherit;
}

a {
    text-decoration: none;
}

html,
body {
    height: 100%;
    font-family: 'IBM Plex Sans', sans-serif;
    font-size: 17px;
    color: #444444;
    font-weight: 400;
    color: #222222 !important;
    background-color: #ffffff;
    overflow-x: hidden;
    overflow-y: auto;
}

.wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: 100%;
    max-width: 1920px;
    width: 100%;
    margin: 0 auto;
}

.main {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
}

.footer {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}



.container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 15px;
}

.container__1620 {
    max-width: 1620px;
    width: 100%;
    margin: 0 auto;
    padding: 0;
}

.container__1575 {
    max-width: 1575px;
    width: 100%;
    margin: 0 auto;
    padding: 0 15px;
}

.container__1320 {
    max-width: 1320px;
    width: 100%;
    margin: 0 auto;
    padding: 0 15px;
}

.social li {
    margin-right: 12px;
    width: 32px;
    height: 32px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.social li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    -webkit-transition: all .5s;
    transition: all .5s;
    font-size: 40px;
}

.social li a i {
    color: #0cbcee;
    -webkit-transition: all .5s;
    transition: all .5s;
}


.social li a:hover i {
    color: #de2929;
}

input.form-control:focus {
    outline: none;
    border-color: transparent;
}


input.form-control {
    outline: none !important;
    border-radius: 0;
}

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


.header .h-canvas {
    padding-right: 0 !important;
}



.header .navbar {
    padding-top: 24px;
}

.header .navbar-brand {
    font-size: 42px;
    color: inherit;
    font-weight: 700;
    line-height: 1.2;
    margin-right: 48px;
    letter-spacing: -3px;
}

.header .navbar-brand img {
    margin-right: 10px;
}

.header.header-style-2 .navbar-brand img {
    margin-right: 10px;
    max-width: 150px;
}

.fl-header.fl-header-single.fl-header-type1 .link-reg {
    width: 45%;
    justify-content: end !important;
}

.header.header-style-2 .link-reg ul li i {
    font-size: 20px;
    position: relative;
    top: 2px;
    margin-right: 10px;
    color: #222;
}



.header .navbar .navbar-toggler:focus {
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.header .navbar-nav .nav-item {
    display: inline-block;
    text-align: center;
    margin: 0;
}

.header .navbar-nav .nav-item a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}


.header .navbar-nav .nav-item i {
    position: absolute;
    top: 14px;
    right: 6px;
    color: #222;
    font-size: 13px;
}



.header .navbar-nav .nav-link {
    font-size: 17px;
    font-family: inherit;
    color: inherit;
    line-height: 1.2;
    font-weight: 400;
    opacity: 0.95;
}

.header .navbar-nav .dropdown-menu {
    border: none;
    background: #fff;
}

.header .navbar-nav .dropdown-menu li {
    margin-bottom: 11px;
}

.header-home #dl-menu {
    color: #222222;
}

.header-home #dl-menu.dl-menuwrapper ul {
    background: transparent;
}


.header-style-2.header .navbar-nav .dropdown-menu {
    background: #fff !important;
    border-radius: 0;
}


.header-style-2.header .navbar-nav .dropdown-menu {
    margin-top: 36px;
}

.header-style-2.header .navbar-nav .dropdown-menu li {
    padding: 10px 20px;
    border-bottom: 1px solid #ddd;
    margin: 0;
}

.header-home #dl-menu.dl-menuwrapper ul li a {
    color: #222222 !important;
    font-weight: 400;
}

.header-home.header-style-2 #dl-menu.dl-menuwrapper ul li a {
    color: #222222 !important;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 13px;
    padding: 0;
}


.header-home #dl-menu.dl-menuwrapper ul.dl-menu {
    opacity: 1;
    pointer-events: auto;
    position: relative;
}

.header-page {
    border-bottom: 1px solid #eeeeee;
    background: #fff;
}

.header-page .navbar {
    padding: 0;
    margin: 0;
    height: 96px;
}

.header-page .navbar .dots-menu {
    background-color: #00a8d8;
    border-right: 1px solid #eeeeee;
    height: 96px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}



.menu-toggle {
    flex: 0 0 auto;
    width: 100px;
    height: 98px;
    border: 0;
    cursor: pointer;
    position: relative;
}

.hamburger,
.cross {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.hamburger span {
    display: block;
    width: 48px;
    height: 3px;
    margin-bottom: 9px;
    overflow: hidden;
    position: relative;
}

.hamburger span:last-child {
    margin: 0;
}

.hamburger span:before,
.hamburger span:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #fff;
    transform: translateX(-200%);
    transition: transform ease 300ms;
}

.hamburger span:after {
    transform: translateX(0);
}

.hamburger span:nth-child(2):before,
.hamburger span:nth-child(2):after {
    transition-delay: 75ms;
}

.hamburger span:last-child:before,
.hamburger span:last-child:after {
    transition-delay: 150ms;
}

.menu-toggle:hover .hamburger span:before {
    transform: translateX(0);
}

.menu-toggle:hover .hamburger span:after {
    transform: translateX(200%);
}

.menu-toggle.active .hamburger span:before {
    transform: translateX(100%);
}

.menu-toggle.active .hamburger span:after {
    transform: translateX(200%);
}

.cross span {
    display: block;
    width: 37px;
    height: 3px;
    background-color: #fff;
    transform: translateY(50%) rotate(45deg) scaleX(0);
    transition: transform ease 200ms;
}

.cross span:last-child {
    transform: translateY(-50%) rotate(-45deg) scaleX(0);
}

.menu-toggle.active .cross span {
    transition-delay: 450ms;
    transform: translateY(50%) rotate(45deg) scaleX(1);
}

.menu-toggle.active .cross span:last-child {
    transform: translateY(-50%) rotate(-45deg) scaleX(1);
}


.header-page .navbar .dots-menu {
    -webkit-transition: all .5s;
    transition: all .5s;
}


.header-page .navbar .dots-menu.is-open {
    background-color: rgb(222, 41, 41);
}

.header-page .navbar .dots-menu:hover {
    background-color: #f09e00;
}


.header-page .navbar .dots-menu a {
    background-color: transparent;
    padding: 25px 30px 22px 30px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 96px;
    height: 93px;
}



.header-page .navbar .nav-logo {
    border-right: 1px solid #eeeeee;
    height: 96px;
    padding: 0 50px;
}

.header-page .navbar .nav-logo a {
    margin-right: 0;
}

.header-page .navbar .nav-logo a img {
    margin-right: 0;
    max-width: -webkit-max-content;
    max-width: -moz-max-content;
    max-width: max-content;
    width: 172px;
}

.header-page .navbar-collapse {
    border-right: 1px solid #eeeeee;
    height: 96px;
}

.header-page .navbar-collapse .header-search {
    height: 96px;
    border-right: 1px solid #eeeeee;
    border-left: 1px solid #eeeeee;
    padding-left: 30px;
}

.header-page .navbar-collapse .header-search form button.btn {
    border: none;
}

.header-page .navbar-collapse .header-search form input {
    border: none;
    font-size: 17px;
    color: #222222;
    line-height: 1.2;
    text-align: left;
}

.header-page .navbar-collapse #dl-menu.dl-menuwrapper ul {
    background: transparent;
}

.header-page .navbar-collapse #dl-menu.dl-menuwrapper ul.dl-menu {
    pointer-events: all;
    background: transparent;
    position: relative;
    display: none;
}

.header-page .navbar-collapse #dl-menu.dl-menuwrapper ul.dl-menu li a {
    font-size: 22px;
    color: #222222;
    line-height: 1.2;
    text-align: left;
}

.header-page .navbar-collapse.show {
    height: 100%;
}

.header-page .navbar-collapse.show ul.navbar-nav {
    display: none;
}

.header-page .navbar-collapse.show #dl-menu.dl-menuwrapper ul.dl-menu {
    opacity: 1;
    display: block;
}



.header-page .navbar-nav li a.nav-link {
    font-size: 22px;
    color: #cccccc;
    line-height: 1.2;
    text-align: center;
    display: inline-block;
}

.header-page .navbar-nav li a.nav-link.active {
    font-size: 22px;
    color: #222222;
    line-height: 1.2;
    text-align: left;
}

.header-page .offcanvas-header {
    margin-left: auto;
}

.header-page .offcanvas-start .header-search {
    height: 96px;
    border-right: 1px solid #eeeeee;
    border-left: 1px solid #eeeeee;
    padding-left: 30px;
}

.header-page .offcanvas-start .header-search form button.btn {
    border: none;
}


.header-page .offcanvas-start .header-search form button.btn i {
    font-size: 34px;
}

.header-page .offcanvas-start .header-search form input {
    border: none;
    font-size: 17px;
    color: #222222;
    line-height: 1.2;
    text-align: left;
}


.header-page .offcanvas-start .header-search form input::placeholder {
    color: #cccccc;
}


html .offcanvas-start {
    border-right: 1px solid #eeeeee;
}

.header-page .offcanvas-start #dl-menu.dl-menuwrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.header-page .offcanvas-start #dl-menu.dl-menuwrapper ul {
    background: transparent;
    width: 100%;
}

.header-page .offcanvas-start #dl-menu.dl-menuwrapper ul.dl-menu {
    pointer-events: all;
    background: transparent;
    position: relative;
    display: none;
}

.header-page .offcanvas-start #dl-menu.dl-menuwrapper ul.dl-menu li a {
    font-size: 22px;
    color: #222222;
    line-height: 1.2;
    text-align: left;
}

.header-page .offcanvas-start.show {
    height: 100%;
}

.header-page .offcanvas-start.show ul.navbar-nav {
    display: none;
}

.header-page .offcanvas-start.show #dl-menu.dl-menuwrapper ul.dl-menu {
    opacity: 1;
    display: block;
}

.header-page .offcanvas-start .link-reg {
    max-width: 568px;
    width: 100%;
}

.header-page .offcanvas-start .link-reg ul {
    height: 96px;
}

.header-page .offcanvas-start .link-reg li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100px;
    border-right: 1px solid #eeeeee;
    margin-right: 0;
}

.header-page .offcanvas-start .link-reg svg {
    fill: #00a5d3;
}

.header-page .offcanvas-start .link-reg .user-area img {
    border-radius: 50%;
}


.hand__picked-brand img {
    max-width: 100%;
    height: auto;
}

.user-area {
    position: relative;
    padding: 20px 0;
}

.members-info_top:after {
    color: #ffffff;
    content: '';
    display: inline-block;
    width: 0;
    height: 0;
    vertical-align: middle;
    border-bottom: 8px solid #f4f4f4;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
    position: absolute;
    margin-left: -10px;
    top: -8px;
}


.user-area:hover .members-info_top {
    opacity: 1;
    z-index: 99;
}


.members-info_top ul {
    height: auto !important;
    margin: 0;
    padding: 0;
    width: 100%;
    text-align: center;
}





.members-info_top ul li {
    height: auto !important;
    margin: 0;
    padding: 0;
    width: 100% !important;
    text-align: left !important;
    border: 0 !important;
    padding-bottom: 12px;
    padding-top: 0;
    -webkit-box-align: left !important;
    -ms-flex-align: left !important;
    align-items: left !important;
    -webkit-box-pack: left !important;
    -ms-flex-pack: left !important;
    justify-content: left !important;
}


.members-info_top ul li i {
    font-size: 13px !important;
    margin-right: 10px;
}



.members-info_top:after:hover {
    opacity: 1;
}


.members-info_top {
    transition: all .4s;
    color: #222;
    position: absolute;
    top: 85px;
    border: 0;
    width: 100%;
    text-align: center;
    left: 27%;
    font-size: 14px;
    background: #f4f4f4;
    padding: 10px;
    line-height: 20px;
    border-radius: 0;
    opacity: 1;
    transition: all .4s;
    opacity: 0;
    border-top: 0;
    z-index: 9;
    box-shadow: 0 5px 12px rgb(0 0 0 / 15%);
    padding: 20px 20px 15px 20px;
    width: auto;
    z-index: -1;
}


.members-info_top li {
    margin-bottom: 3px;
    font-size: 12px;
}


.members-info_top li a:hover {
    opacity: 1 !important;
}


.members-info_top li a {
    display: inline-block;
    color: #222 !important;
    opacity: .8;
    font-size: 10px !important;
    text-transform: uppercase;
    line-height: 14px;
}



.header-page .user-data {
    min-width: 220px;
    position: relative;
    cursor: pointer;
}

.header-page .offcanvas-start .link-reg .user-area .user-data .name {
    font-size: 20px;
    color: #222222;
    font-weight: bold;
    line-height: 1.2;
}

.header-page .offcanvas-start .link-reg .user-area .user-data .role {
    font-size: 15px;
    color: #444444;
    line-height: 1.733;
    text-align: left;
}

.header-page .link-reg {
    max-width: 568px;
    width: 100%;
}

.header-page .link-reg ul {
    height: 96px;
}


.header-page .link-reg li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100px;
    border-right: 1px solid #eeeeee;
    margin-right: 0;
}

.header-page .link-reg svg {
    fill: #00a5d3;
}

.header-page .link-reg .user-area img {
    border-radius: 50%;
}

.header-page .link-reg .user-area .user-data .name {
    font-size: 20px;
    color: #222222;
    font-weight: bold;
    line-height: 1.2;
}

.header-page .link-reg .user-area .user-data .role {
    font-size: 15px;
    color: #444444;
    line-height: 1.733;
    text-align: left;
}

.navbar-light .navbar-nav .nav-link {
    color: inherit;
}

.dropdown-toggle::after {
    content: '';
    width: 9px;
    height: 6px;
    border: none;
    margin-left: 17px;
}

.link-reg ul li {
    list-style: none;
    margin-right: 17px;
}

.link-reg ul li a {
    font-size: 17px;
    font-family: inherit;
    color: inherit;
    line-height: 1.2;
}

.link-reg ul li i {
    font-size: 30px;
    color: #00a8d8;
    -webkit-transition: all .5s;
    transition: all .5s;

}


.ic-site-settings:hover a {
    -webkit-animation: spin 4s linear infinite;
    -moz-animation: spin 4s linear infinite;
    animation: spin 4s linear infinite;

}





.link-reg ul li a:hover,
.header-home #dl-menu.dl-menuwrapper ul li:hover a {
    color: #00a8d8;
}

.link-reg ul li.line__v {
    color: #cccccc;
}

.link-reg .submit__listing {
    margin-left: 30px;
    font-size: 17px;
    color: #fff;
    font-weight: 500;
    text-transform: uppercase;
    line-height: 1.2;
    padding-left: 0;
    height: 55px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
    position: relative;
    width: 254px;
    justify-content: flex-start;
    padding-left: 30px;
}




.link-reg .submit__listing span {
    background-color: #00a8d8;
    padding: 16px 18px;
    position: absolute;
    right: 0;
    height: 100%;
    width: 60px;
}



.link-reg .submit__listing span svg path {
    fill: #fff;
}

/*First screen HOME page*/
.first__screen {
    padding-top: 55px;
    margin-bottom: 114px;
    padding-left: 25px;
    padding-right: 25px;
}

.first__screen-content {
    padding-top: 80px;
    position: relative;
}

.first__screen-content .a {
    fill: none;
    stroke: #ffc248;
    stroke-miterlimit: 10;
    stroke-width: 6px;
}

.first__screen-content h1 {
    font-size: 50px;
    color: inherit;
    font-weight: bold;
    line-height: 60px;
    text-align: left;
    padding-top: 25px;
    margin-bottom: 20px;
    letter-spacing: -1.6px;
}

.first__screen-description {
    font-size: 20px;
    color: #666666;
    line-height: 1.6;
    margin-bottom: 30px;
    max-width: 505px;
}

#findTabContent .first__screen-form {
    border: 0;
    border-radius: 0;
    padding: 20px 30px;
}

#findTab .nav-link {
    border-radius: 0 !important;
    border: 0 !important;
    padding: 15px 25px;
    text-transform: uppercase;
    font-weight: 400;
    line-height: 28px;
    min-width: 127px;
    text-align: center;
    font-size: 16px;
    cursor: pointer;
}

#findTabContent .first__screen-form input {
    max-width: 35%;
    padding: 0;
    margin: 0;
    border: 0;
}


#findTabContent .form-input-midle {
    border-right: 1px solid #ddd;
    height: 33px;
    position: relative;
    top: 13px;
}




#findTab .active {
    background: #fff;
}


#findTab .active a {
    color: #222;
    font-weight: 500;
}


#findTab li {
    margin-right: 5px;
    background-color: #f2f2f2;
}


#findTab li a {
    color: #8a8a8a;
}


#findTab.nav-tabs {
    border-bottom: 0;
}

.first__screen-form {
    -webkit-transition: 200ms all cubic-bezier(0.4, 0, 0.2, 1);
    transition: 200ms all cubic-bezier(0.4, 0, 0.2, 1);
    border: 10px solid #f2f2f2;
    border-radius: 2px;
    position: relative;
    z-index: 11;
    padding: 10px;
    background-color: #fff;
    margin-bottom: 25px;
}


.icon_left_menu {
    border: 2px solid #222;
    width: 53px;
    height: 53px;
    border-radius: 100px;
    text-align: center;
    line-height: 49px;
    margin-right: 20px;
    font-size: 18px;
}


.first__screen-form:hover {
    border-color: #f0f0f0;
}





.first__screen-form .input-group {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}


.first__screen-form .dropdown-menu {
    border-radius: 0;
    border: 1px solid #ddd;
    width: 210px;
}



.first__screen-form input {
    font-size: 17px;
    color: #222222;
    line-height: 1.2;
    font-family: inherit;
    border: none;
    border-right: 1px solid #cccccc;
    max-width: 270px;
    width: 100%;

}

.first__screen-form .dropdown-toggle {
    border: none;
    opacity: 0.6;
    width: 205px;
    text-align: left;
}


.first__screen-form .dropdown-toggle::after {
    font-family: 'icomoon';
    content: "\eb06";
    width: 30px !important;
    height: 28px !important;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: 76px;
    opacity: 0.7;
    right: 10px;
    position: absolute;
}

.first__screen-form .dropdown-toggle:hover::after {
    opacity: 1;
}


.first__screen-form button[type="submit"] {
    border: none;
    top: 544px;
    height: 60px;
    font-size: 17px;
    font-family: inherit;
    color: #fff;
    font-weight: 500;
    text-transform: uppercase;
    line-height: 1.2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0;
    padding-left: 41px;
}

.svg45 {
    width: 65px;
    height: 13px;
}

#findTabContent .first-bg-color {
    background-color: #de2929 !important;
}

#findTabContent .first-bg-color span {
    background-color: #ab1212 !important;
}


#findTabContent .first-bg-color:hover {
    background-color: #ffc248 !important;
}

#findTabContent .first-bg-color:hover span {
    background-color: #f4af26 !important;
}



.first__screen-form button[type="submit"] span {
    background-color: #ab1212;
    height: 100%;
    width: 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-left: 41px;
    overflow: hidden;
}



.btn-hover-shadow:hover {
    -webkit-box-shadow: 0px 10px 19px -11px rgb(0 0 0 / 61%);
    box-shadow: 0px 10px 19px -11px rgb(0 0 0 / 61%);
}


.btn-hover-animate .btn-icon-span {
    position: relative;
    overflow: hidden;
    height: 100%;
    width: 100%;
}

.btn-hover-animate .fa {
    position: absolute;
    right: 50%;
    top: 50%;
    margin-right: -10px;
    margin-top: -10px;
    -webkit-transition: 200ms all cubic-bezier(0.4, 0, 0.2, 1);
    transition: 200ms all cubic-bezier(0.4, 0, 0.2, 1);
    color: #fff;
    font-size: 20px;
}


.btn-hover-animate:hover .fa-first {
    position: absolute;
    right: -110px;
}


.btn-hover-animate:hover .fa-second {
    right: 50%;
}


.btn-hover-animate .fa-second {
    right: -110px;
}


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

/* Common styles of menus */

.dl-menuwrapper {
    float: none;
    position: relative;
    -webkit-perspective: 1000px;
    perspective: 1000px;
    -webkit-perspective-origin: 50% 200%;
    perspective-origin: 50% 200%;
    padding: 0;
    z-index: 9;
}



.dl-menuwrapper button {
    background: #00bff5;
    border: none;
    width: 48px;
    height: 45px;
    text-indent: -900em;
    overflow: hidden;
    position: relative;
    cursor: pointer;
    outline: none;
}

.dl-menuwrapper button:hover,
.dl-menuwrapper button.dl-active,
.dl-menuwrapper ul {
    background: #ab1212;
}

.dl-menuwrapper button:after {
    content: '';
    position: absolute;
    width: 68%;
    height: 5px;
    background: #fff;
    top: 10px;
    left: 16%;
    box-shadow:
        0 10px 0 #fff,
        0 20px 0 #fff;
}

.dl-menuwrapper ul {
    padding: 0;
    list-style: none;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.dl-menuwrapper li {
    position: relative;
}

.dl-menuwrapper li a {
    display: block;
    position: relative;
    padding: 15px 20px;
    font-size: 16px;
    line-height: 20px;
    font-weight: 300;
    color: #fff;
    outline: none;
}

.no-touch .dl-menuwrapper li a:hover {
    background: rgba(255, 248, 213, 0.1);
}

.dl-menuwrapper li.dl-back > a {
    padding-left: 30px;
    background: #ab1212;
    color: #fff;
}

.dl-menuwrapper li.dl-back:after,
.dl-menuwrapper li > a:not(:only-child):after {
    position: absolute;
    top: 0;
    line-height: 50px;
    font-family: 'icomoon';
    speak: none;
    -webkit-font-smoothing: antialiased;
    content: "\eafb";
}

.dl-menuwrapper li.dl-back:after {
    left: 10px;
    color: #fff;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.dl-menuwrapper li > a:after {
    right: 10px;
    color: rgba(0, 0, 0, 0.15);
}

.dl-menuwrapper .dl-menu {
    margin: 5px 0 0 0;
    position: absolute;
    width: 100%;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    border: 1px solid #eee;
}

.dl-menuwrapper .dl-menu.dl-menu-toggle {
    transition: all 0.3s ease;
}

.dl-menuwrapper .dl-menu.dl-menuopen {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
}

/* Hide the inner submenus */
.dl-menuwrapper li .dl-submenu {
    display: none;
}

/* 
When a submenu is openend, we will hide all li siblings.
For that we give a class to the parent menu called "dl-subview".
We also hide the submenu link. 
The opened submenu will get the class "dl-subviewopen".
All this is done for any sub-level being entered.
*/
.dl-menu.dl-subview li,
.dl-menu.dl-subview li.dl-subviewopen > a,
.dl-menu.dl-subview li.dl-subview > a {
    display: none;
}

.dl-menu.dl-subview li.dl-subview,
.dl-menu.dl-subview li.dl-subview .dl-submenu,
.dl-menu.dl-subview li.dl-subviewopen,
.dl-menu.dl-subview li.dl-subviewopen > .dl-submenu,
.dl-menu.dl-subview li.dl-subviewopen > .dl-submenu > li {
    display: block;
}

/* Dynamically added submenu outside of the menu context */
.dl-menuwrapper > .dl-submenu {
    position: absolute;
    width: 100%;
    top: 50px;
    left: 0;
    margin: 0;
}

/* Animation classes for moving out and in */

.dl-menu.dl-animate-out-1 {
    -webkit-animation: MenuAnimOut1 0.4s;
    animation: MenuAnimOut1 0.4s;
}

.dl-menu.dl-animate-out-2 {
    -webkit-animation: MenuAnimOut2 0.3s ease-in-out;
    animation: MenuAnimOut2 0.3s ease-in-out;
}

.dl-menu.dl-animate-out-3 {
    -webkit-animation: MenuAnimOut3 0.4s ease;
    animation: MenuAnimOut3 0.4s ease;
}

.dl-menu.dl-animate-out-4 {
    -webkit-animation: MenuAnimOut4 0.4s ease;
    animation: MenuAnimOut4 0.4s ease;
}

.dl-menu.dl-animate-out-5 {
    -webkit-animation: MenuAnimOut5 0.4s ease;
    animation: MenuAnimOut5 0.4s ease;
}

@-webkit-keyframes MenuAnimOut1 {
    0% {}

    50% {
        -webkit-transform: translateZ(-250px) rotateY(30deg);
    }

    75% {
        -webkit-transform: translateZ(-372.5px) rotateY(15deg);
        opacity: .5;
    }

    100% {
        -webkit-transform: translateZ(-500px) rotateY(0deg);
        opacity: 0;
    }
}

@-webkit-keyframes MenuAnimOut2 {
    0% {}

    100% {
        -webkit-transform: translateX(-100%);
        opacity: 0;
    }
}

@-webkit-keyframes MenuAnimOut3 {
    0% {}

    100% {
        -webkit-transform: translateZ(300px);
        opacity: 0;
    }
}

@-webkit-keyframes MenuAnimOut4 {
    0% {}

    100% {
        -webkit-transform: translateZ(-300px);
        opacity: 0;
    }
}

@-webkit-keyframes MenuAnimOut5 {
    0% {}

    100% {
        -webkit-transform: translateY(40%);
        opacity: 0;
    }
}

@keyframes MenuAnimOut1 {
    0% {}

    50% {
        -webkit-transform: translateZ(-250px) rotateY(30deg);
        transform: translateZ(-250px) rotateY(30deg);
    }

    75% {
        -webkit-transform: translateZ(-372.5px) rotateY(15deg);
        transform: translateZ(-372.5px) rotateY(15deg);
        opacity: .5;
    }

    100% {
        -webkit-transform: translateZ(-500px) rotateY(0deg);
        transform: translateZ(-500px) rotateY(0deg);
        opacity: 0;
    }
}

@keyframes MenuAnimOut2 {
    0% {}

    100% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        opacity: 0;
    }
}

@keyframes MenuAnimOut3 {
    0% {}

    100% {
        -webkit-transform: translateZ(300px);
        transform: translateZ(300px);
        opacity: 0;
    }
}

@keyframes MenuAnimOut4 {
    0% {}

    100% {
        -webkit-transform: translateZ(-300px);
        transform: translateZ(-300px);
        opacity: 0;
    }
}

@keyframes MenuAnimOut5 {
    0% {}

    100% {
        -webkit-transform: translateY(40%);
        transform: translateY(40%);
        opacity: 0;
    }
}

.dl-menu.dl-animate-in-1 {
    -webkit-animation: MenuAnimIn1 0.3s;
    animation: MenuAnimIn1 0.3s;
}

.dl-menu.dl-animate-in-2 {
    -webkit-animation: MenuAnimIn2 0.3s ease-in-out;
    animation: MenuAnimIn2 0.3s ease-in-out;
}

.dl-menu.dl-animate-in-3 {
    -webkit-animation: MenuAnimIn3 0.4s ease;
    animation: MenuAnimIn3 0.4s ease;
}

.dl-menu.dl-animate-in-4 {
    -webkit-animation: MenuAnimIn4 0.4s ease;
    animation: MenuAnimIn4 0.4s ease;
}

.dl-menu.dl-animate-in-5 {
    -webkit-animation: MenuAnimIn5 0.4s ease;
    animation: MenuAnimIn5 0.4s ease;
}

@-webkit-keyframes MenuAnimIn1 {
    0% {
        -webkit-transform: translateZ(-500px) rotateY(0deg);
        opacity: 0;
    }

    20% {
        -webkit-transform: translateZ(-250px) rotateY(30deg);
        opacity: 0.5;
    }

    100% {
        -webkit-transform: translateZ(0px) rotateY(0deg);
        opacity: 1;
    }
}

@-webkit-keyframes MenuAnimIn2 {
    0% {
        -webkit-transform: translateX(-100%);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateX(0px);
        opacity: 1;
    }
}

@-webkit-keyframes MenuAnimIn3 {
    0% {
        -webkit-transform: translateZ(300px);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateZ(0px);
        opacity: 1;
    }
}

@-webkit-keyframes MenuAnimIn4 {
    0% {
        -webkit-transform: translateZ(-300px);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateZ(0px);
        opacity: 1;
    }
}

@-webkit-keyframes MenuAnimIn5 {
    0% {
        -webkit-transform: translateY(40%);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateY(0);
        opacity: 1;
    }
}

@keyframes MenuAnimIn1 {
    0% {
        -webkit-transform: translateZ(-500px) rotateY(0deg);
        transform: translateZ(-500px) rotateY(0deg);
        opacity: 0;
    }

    20% {
        -webkit-transform: translateZ(-250px) rotateY(30deg);
        transform: translateZ(-250px) rotateY(30deg);
        opacity: 0.5;
    }

    100% {
        -webkit-transform: translateZ(0px) rotateY(0deg);
        transform: translateZ(0px) rotateY(0deg);
        opacity: 1;
    }
}

@keyframes MenuAnimIn2 {
    0% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateX(0px);
        transform: translateX(0px);
        opacity: 1;
    }
}

@keyframes MenuAnimIn3 {
    0% {
        -webkit-transform: translateZ(300px);
        transform: translateZ(300px);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateZ(0px);
        transform: translateZ(0px);
        opacity: 1;
    }
}

@keyframes MenuAnimIn4 {
    0% {
        -webkit-transform: translateZ(-300px);
        transform: translateZ(-300px);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateZ(0px);
        transform: translateZ(0px);
        opacity: 1;
    }
}

@keyframes MenuAnimIn5 {
    0% {
        -webkit-transform: translateY(40%);
        transform: translateY(40%);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-1 {
    -webkit-animation: SubMenuAnimIn1 0.4s ease;
    animation: SubMenuAnimIn1 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-2 {
    -webkit-animation: SubMenuAnimIn2 0.3s ease-in-out;
    animation: SubMenuAnimIn2 0.3s ease-in-out;
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-3 {
    -webkit-animation: SubMenuAnimIn3 0.4s ease;
    animation: SubMenuAnimIn3 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-4 {
    -webkit-animation: SubMenuAnimIn4 0.4s ease;
    animation: SubMenuAnimIn4 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-5 {
    -webkit-animation: SubMenuAnimIn5 0.4s ease;
    animation: SubMenuAnimIn5 0.4s ease;
}

@-webkit-keyframes SubMenuAnimIn1 {
    0% {
        -webkit-transform: translateX(50%);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateX(0px);
        opacity: 1;
    }
}

@-webkit-keyframes SubMenuAnimIn2 {
    0% {
        -webkit-transform: translateX(100%);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateX(0px);
        opacity: 1;
    }
}

@-webkit-keyframes SubMenuAnimIn3 {
    0% {
        -webkit-transform: translateZ(-300px);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateZ(0px);
        opacity: 1;
    }
}

@-webkit-keyframes SubMenuAnimIn4 {
    0% {
        -webkit-transform: translateZ(300px);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateZ(0px);
        opacity: 1;
    }
}

@-webkit-keyframes SubMenuAnimIn5 {
    0% {
        -webkit-transform: translateZ(-200px);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateZ(0);
        opacity: 1;
    }
}

@keyframes SubMenuAnimIn1 {
    0% {
        -webkit-transform: translateX(50%);
        transform: translateX(50%);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateX(0px);
        transform: translateX(0px);
        opacity: 1;
    }
}

@keyframes SubMenuAnimIn2 {
    0% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateX(0px);
        transform: translateX(0px);
        opacity: 1;
    }
}

@keyframes SubMenuAnimIn3 {
    0% {
        -webkit-transform: translateZ(-300px);
        transform: translateZ(-300px);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateZ(0px);
        transform: translateZ(0px);
        opacity: 1;
    }
}

@keyframes SubMenuAnimIn4 {
    0% {
        -webkit-transform: translateZ(300px);
        transform: translateZ(300px);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateZ(0px);
        transform: translateZ(0px);
        opacity: 1;
    }
}

@keyframes SubMenuAnimIn5 {
    0% {
        -webkit-transform: translateZ(-200px);
        transform: translateZ(-200px);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1;
    }
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-1 {
    -webkit-animation: SubMenuAnimOut1 0.4s ease;
    animation: SubMenuAnimOut1 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-2 {
    -webkit-animation: SubMenuAnimOut2 0.3s ease-in-out;
    animation: SubMenuAnimOut2 0.3s ease-in-out;
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-3 {
    -webkit-animation: SubMenuAnimOut3 0.4s ease;
    animation: SubMenuAnimOut3 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-4 {
    -webkit-animation: SubMenuAnimOut4 0.4s ease;
    animation: SubMenuAnimOut4 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-5 {
    -webkit-animation: SubMenuAnimOut5 0.4s ease;
    animation: SubMenuAnimOut5 0.4s ease;
}

@-webkit-keyframes SubMenuAnimOut1 {
    0% {
        -webkit-transform: translateX(0%);
        opacity: 1;
    }

    100% {
        -webkit-transform: translateX(50%);
        opacity: 0;
    }
}

@-webkit-keyframes SubMenuAnimOut2 {
    0% {
        -webkit-transform: translateX(0%);
        opacity: 1;
    }

    100% {
        -webkit-transform: translateX(100%);
        opacity: 0;
    }
}

@-webkit-keyframes SubMenuAnimOut3 {
    0% {
        -webkit-transform: translateZ(0px);
        opacity: 1;
    }

    100% {
        -webkit-transform: translateZ(-300px);
        opacity: 0;
    }
}

@-webkit-keyframes SubMenuAnimOut4 {
    0% {
        -webkit-transform: translateZ(0px);
        opacity: 1;
    }

    100% {
        -webkit-transform: translateZ(300px);
        opacity: 0;
    }
}

@-webkit-keyframes SubMenuAnimOut5 {
    0% {
        -webkit-transform: translateZ(0);
        opacity: 1;
    }

    100% {
        -webkit-transform: translateZ(-200px);
        opacity: 0;
    }
}

@keyframes SubMenuAnimOut1 {
    0% {
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
        opacity: 1;
    }

    100% {
        -webkit-transform: translateX(50%);
        transform: translateX(50%);
        opacity: 0;
    }
}

@keyframes SubMenuAnimOut2 {
    0% {
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
        opacity: 1;
    }

    100% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
        opacity: 0;
    }
}

@keyframes SubMenuAnimOut3 {
    0% {
        -webkit-transform: translateZ(0px);
        transform: translateZ(0px);
        opacity: 1;
    }

    100% {
        -webkit-transform: translateZ(-300px);
        transform: translateZ(-300px);
        opacity: 0;
    }
}

@keyframes SubMenuAnimOut4 {
    0% {
        -webkit-transform: translateZ(0px);
        transform: translateZ(0px);
        opacity: 1;
    }

    100% {
        -webkit-transform: translateZ(300px);
        transform: translateZ(300px);
        opacity: 0;
    }
}

@keyframes SubMenuAnimOut5 {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1;
    }

    100% {
        -webkit-transform: translateZ(-200px);
        transform: translateZ(-200px);
        opacity: 0;
    }
}

/* No JS Fallback */
.no-js .dl-menuwrapper .dl-menu {
    position: relative;
    opacity: 1;
    -webkit-transform: none;
    transform: none;
}

.no-js .dl-menuwrapper li .dl-submenu {
    display: block;
}

.no-js .dl-menuwrapper li.dl-back {
    display: none;
}

.no-js .dl-menuwrapper li > a:not(:only-child) {
    background: rgba(0, 0, 0, 0.1);
}

.no-js .dl-menuwrapper li > a:not(:only-child):after {
    content: '';
}

/* Colors for demos */

/* Demo 1 */
.demo-1 .dl-menuwrapper button {
    background: #c62860;
}

.demo-1 .dl-menuwrapper button:hover,
.demo-1 .dl-menuwrapper button.dl-active,
.demo-1 .dl-menuwrapper ul {
    background: #9e1847;
}

/* Demo 2 */
.demo-2 .dl-menuwrapper button {
    background: #e86814;
}

.demo-2 .dl-menuwrapper button:hover,
.demo-2 .dl-menuwrapper button.dl-active,
.demo-2 .dl-menuwrapper ul {
    background: #D35400;
}

/* Demo 3 */
.demo-3 .dl-menuwrapper button {
    background: #08cbc4;
}

.demo-3 .dl-menuwrapper button:hover,
.demo-3 .dl-menuwrapper button.dl-active,
.demo-3 .dl-menuwrapper ul {
    background: #00b4ae;
}

/* Demo 4 */
.demo-4 .dl-menuwrapper button {
    background: #90b912;
}

.demo-4 .dl-menuwrapper button:hover,
.demo-4 .dl-menuwrapper button.dl-active,
.demo-4 .dl-menuwrapper ul {
    background: #79a002;
}

/* Demo 5 */
.demo-5 .dl-menuwrapper button {
    background: #744783;
}

.demo-5 .dl-menuwrapper button:hover,
.demo-5 .dl-menuwrapper button.dl-active,
.demo-5 .dl-menuwrapper ul {
    background: #643771;
}



/* Component styles */



.first__screen-form button[type="submit"] {
    -webkit-transition: 200ms background cubic-bezier(0.4, 0, 0.2, 1);
    transition: 200ms background cubic-bezier(0.4, 0, 0.2, 1);

}






.ripple-obj {
    height: 100%;
    pointer-events: none;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    width: 100%;
    fill: #0c7cd5;
}

.ripple-obj use {
    opacity: 0;
}



.first__screen-form button[type="submit"] span i {
    font-size: 20px;
}

.first__screen-recent {
    font-size: 17px;
    font-family: inherit;
    color: #222222;
    line-height: 1.2;
}

.first__screen-recent b {
    font-size: 17px;
    font-family: inherit;
    color: #222222;
    font-weight: bold;
    line-height: 1.2;
}

.first__screen .layer1 {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 50px;
}

.first__screen .layer1 img {
    height: auto;
    max-width: 100%;
}


.first__screen .layer2 {
    text-align: right;
    position: relative;
    height: 100%;
}

.first__screen .layer2 .slide {
    max-width: 600px;
    width: 100%;
    border-left: 5px solid #222;
}


.first__screen .layer1:before {
    content: '';
    width: 10px;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: -10px;
    background-color: #e1e1e1;
}

.first__screen--bg-img {
    position: relative;
}

.first__screen--bg-img::after {
    content: none;
    position: absolute;
    bottom: 7px;
    right: 111px;
    background-image: url(img/png/icon-tr.png);
    background-repeat: no-repeat;
    width: 29px;
    height: 29px;
}


/*Second Screen Home*/

.hand__picked_2 {
    padding-bottom: 150px;
    background-color: #fff;
}


.hand__picked-item:hover .fl-cat-image,
.fl-cat-image_second {
    display: none;
}

.hand__picked-item:hover .fl-cat-image_second {
    display: block !important;
}


.hand__picked-item:hover .fl-cat-image.fl-cat-image_second {
    display: none;
}

.fl-cat-image,
.fl-cat-image_second {
    max-width: 58px;
    height: auto;
}

.fl-cat-image,
.fl-cat-image_second {
    max-width: 58px;
    height: auto;
}


html .nav-pills .nav-link {
    border-radius: 0.15rem;
}


.hand__picked {
    padding-bottom: 103px;
    position: relative;
}

.hand__picked::after {
    content: none;
    position: absolute;
    background-image: url(img/svg/curve-left.svg);
    left: 0;
    top: -25%;
    width: 500px;
    height: 445px;
    background-repeat: no-repeat;
    background-position: center;
}



.hand__picked-subtitle {
    font-size: 15px;
    text-transform: capitalize;
    font-family: inherit;
    line-height: 1.2;
    margin-bottom: 14px;
}

.hand__picked-title {
    font-size: 36px;
    font-family: inherit;
    color: #222222;
    font-weight: bold;
    line-height: 1.2;
    margin-bottom: 60px;
    -webkit-transition: all .5s;
    transition: all .5s;
}

.hand__picked-item {
    background-color: #f0f0f0;
    cursor: pointer;
    -webkit-transition: all .2s;
    transition: all .2;
    position: relative;
    z-index: 2;
    padding: 50px 20px;
}

.hand__picked-gap:hover .hand__picked-item--line {
    background-color: #fff;
}


.fl-icon-box {
    width: 75px;
    height: 110px;
    justify-content: center;
    display: flex;
    align-items: center;
}


.hand__picked-gap .fl-icon-box {
    width: 65px;
    height: 80px;
}

.hand__picked-gap .hand__picked-item--title {
    font-size: 18px;
}

.fl-icon-box svg {
    width: 100%;
    height: auto;
}

.col-w-padding {
    padding: 15px;
}

.hand__picked-item svg path {
    fill: #00a8d8;

}

.hand__picked-item--line {
    width: 1px;
    background-color: #cccccc;
    height: 20px;
    margin-bottom: 26px;
    margin-top: 36px;
}

.hand__picked-item--title {
    font-size: 22px;
    font-family: inherit;
    color: #222222;
    line-height: 1.2;
    text-align: center;
    margin-bottom: 10px;

}

.hand__picked-item p {
    font-size: 15px;
    font-family: inherit;
    color: #444444;
    line-height: 1.733;
    text-align: center;
}

.hand__picked-item.jobs {
    background-color: #fafafa;
}


.hand__picked-wrap {
    min-width: 171px;
}


.hand__picked-gap {
    padding: 0 15px;
}


.hand__picked-gap .hand__picked-item,
.hand__picked-gap .hand__picked-item.jobs {
    background-color: #fff;
    padding-top: 40px;
    padding-bottom: 30px;
    -webkit-box-shadow: 0px 5px 38.25px 6.75px rgb(0 0 0 / 9%);
    box-shadow: 0px 5px 38.25px 6.75px rgb(0 0 0 / 9%);
    -webkit-transition: all .3s;
    height: 240px;
}


.hand__picked-wrap:hover .hand__picked-item {
    background-color: #de2929;
    color: #fff;
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);

}

.hand__picked-wrap:hover p,
.hand__picked-wrap:hover h3 {
    color: #fff;

}

.hand__picked-wrap:hover svg path {
    fill: #fff;

}

.hand__picked-featured {
    font-size: 30px;
    font-family: inherit;
    color: #222222;
    font-weight: bold;
    line-height: 1.2;
    text-align: center;
    margin-bottom: 35px;
    position: relative;

}

.featured_section {
    position: relative;
}


.bg-svg7 {
    position: absolute;
    top: 120px;
    left: 0;
    width: 420px;
}


.bg-svg7 svg {
    max-width: 100%;
    height: auto;
}


.bg-svg8 {
    position: absolute;
    top: 0;
    left: 38px;
    width: 320px;
}

.bg-svg8 svg {
    max-width: 100%;
    height: auto;
}



.bg-svg9 {
    position: absolute;
    left: 51%;
    bottom: -63px;
}




.bg-svg12 {
    position: absolute;
    top: 0;
    left: 0;
    width: 120px;
}


.bg-svg10 {
    position: absolute;
    top: 34%;
    left: 0;
    width: 120px;
}


.bg-svg14 {
    position: absolute;
    top: 100px;
    right: 120px;
    width: 66px;
}


.bg-svg14 svg {
    max-width: 100%;
    height: auto;
}



.shape-1 {
    fill: #ffc248;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 auto;
    margin-top: 50px;
    margin-bottom: 50px;
}

/*-------Featured category-------------*/
.featured__category {
    position: relative;
}

.featured__category::before {
    position: absolute;
    content: none;
    background: url(img/svg/curve-left-bottom.svg) no-repeat center;
    width: 603px;
    height: 587px;
    left: 0;
    top: 65px;
    z-index: 0;
}

.featured__category::after {
    position: absolute;
    content: none;
    background: url(img/svg/curve-right-bottom.svg) no-repeat center;
    width: 603px;
    height: 587px;
    right: 0;
    bottom: 0;
    z-index: 0;
}

.featured__category-subtitle {
    font-size: 14px;
    font-family: inherit;
    color: #fff;
    text-transform: capitalize;
    line-height: 1.2;
    margin-bottom: 7px;
    opacity: 0.9;
    position: relative;
}

.featured__category-title {
    font-size: 48px;
    font-family: inherit;
    color: #fff;
    font-weight: bold;
    line-height: 1.2;
    text-align: center;
    margin-bottom: 70px;
}

.featured__category-title + .row {
    margin-bottom: 70px;
    z-index: 2;
    position: relative;
}

.featured__category-title + .row::before {
    content: none;
    position: absolute;
    background: url(img/png/icon-tr.png) no-repeat center;
    width: 29px;
    height: 29px;
    left: -124px;
    bottom: 0;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}


.featured__category_box {
    position: relative;
}

.featured__category_box a {
    position: relative;
    display: inline-block;
}


.featured__category_box a {
    -webkit-transition: all .5s;
    transition: all .5s;
}


.featured__category_box:hover h5 {
    opacity: 1;
}

.featured__category_box:hover .caption-info {
    bottom: 20px;
}

.caption-info {
    opacity: 1;
    position: absolute;
    bottom: 0px;
    left: 0;
    width: 100%;
    text-align: center;
    padding: 0;
    overflow: hidden;
    padding-top: 34px;
    -webkit-transition: all .5s;
    transition: all .5s;

}


.featured__category_box_style2 .caption-info {
    bottom: -20px;
}


.caption-decore {
    position: absolute;
    height: 17px;
    border: 1px solid #fff;
    left: 50%;
    top: 0;
    margin-left: -1px;
    z-index: 6;

}

.first-color .caption-decore {
    border-color: #de2929;
    opacity: 0.7;
}

.featured__category-subtitle .caption-decore,
.section-subtitle .caption-decore,
.popular__listing-subtitle .caption-decore,
.reviews__subtitle .caption-decore {
    top: -33px;
}


.featured__category_box h5 {
    color: #fff;
    font-weight: 400;
    z-index: 6;
    font-size: 18px;
    opacity: 0.95;
    text-transform: capitalize;
    width: 100%;
    text-align: center;
    position: relative;
    z-index: 4;
    padding-bottom: 10px;
    padding-left: 20px;
}


.featured__category_box.featured__category_box_style2 h5 {
    text-align: left;
    padding-left: 36px;
}

.featured__category_box.featured__category_box_style2 h6 {
    text-align: left;
    padding-left: 36px;
}


.featured__category_box h6 {
    color: #fff;
    font-weight: 400;
    z-index: 6;
    font-size: 12px;
    opacity: 0.85;
    text-transform: none;
    width: 100%;
    text-align: center;
    position: relative;
    z-index: 4;
    padding-bottom: 10px;
    bottom: -50px;
    -webkit-transition: all .5s;
    transition: all .5s;
    padding-left: 20px;
}


.featured__category_box:hover h6 {
    bottom: 0;
}

.featured__category_box a::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 50%;
    -webkit-transition: all .5s;
    transition: all .5s;
    background: -webkit-gradient(linear, left bottom, left top, from(black), to(rgba(0, 0, 0, 0)));
    background: linear-gradient(0deg, black 0%, rgba(0, 0, 0, 0) 100%);
    opacity: 0.75;
}

.featured__category_box_style2 .caption-decore {
    position: absolute;
    height: 0;
    border: 1px solid #fff;
    left: 20px;
    top: 46px;
    margin-left: -1px;
    z-index: 6;
    width: 8px;
    opacity: 0.9;
}



.featured__category_box:hover a {
    margin-top: -15px;
}

.featured__category_box img {
    width: 100%;
    min-width: 100%;
    height: auto;
}

.featured__category .link__template {
    max-width: 318px;
    width: 100%;
    height: 60px;
    color: #fff;
    text-transform: uppercase;
    font-size: 17px;
    font-family: inherit;
    font-weight: 500;
    background-color: #de2929;
    -webkit-transition: all .3s;
    transition: all .3s;
    border: none;
    margin: 0 auto;
}

.featured__category .link__template .text {
    width: 100%;
    text-align: center;
}

.featured__category .link__template span {
    display: block;
    width: 80px;
    background-color: #ab1212;
    height: 60px;
    overflow: hidden;
}

.featured__category .link__template span svg {
    fill: #fff;
}

.featured__category .link__template:hover {
    color: #fff;
    -webkit-box-shadow: 0px 10px 19px -11px rgba(0, 0, 0, 0.61);
    box-shadow: 0px 10px 19px -11px rgba(0, 0, 0, 0.61);
}

/*-----------Popular Listings Now ---------------*/
.popular__listing-title {
    position: relative;
}

.popular__listing-title::after {
    content: '';
    background: url(img/svg/icon-dots.svg) no-repeat center;
    position: absolute;
    right: 0;
    top: -25px;
    width: 113px;
    height: 106px;
}

.listing__products .nav-pills {
    margin-bottom: 40px;
}

.listing__products .nav-pills .nav-item {
    margin-right: 12px;
}

.listing__products .nav-pills .nav-link {
    font-size: 17px;
    font-family: inherit;
    color: #222222;
    text-align: center;
    margin-right: 10px;
    min-width: 85px;
}

.listing__products .nav-pills .nav-link.active {
    background-color: #de2929;
    color: #fff !important;
    position: relative;
    z-index: 12;
}


.listing__products .listing-card {
    display: block;
    position: relative;
    margin-bottom: 25px;
}

.listing__products .slick-slide .listing-card {
    padding: 0 10px;
}

.listing__products .listing-card .price {
    font-size: 25px;
    font-family: inherit;
    color: #00bff5;
    line-height: 1.2;
    text-align: left;
    margin-bottom: 5px;
    font-weight: 500;
    padding-top: 0;
}

.second-style .listing__products .listing-card .price {
    color: #de2929;
}



.listing__products .listing-card .data-item {
    margin-bottom: 0;
    justify-content: space-around !important;
    margin-left: -17px;
}

.listing__products .listing-card .data-item li {
    font-size: 14px;
    font-family: inherit;
    color: #222222;
    line-height: 3.429;
    position: relative;
    opacity: 0.8;
}

.listing__products .listing-card .data-item li i {
    font-size: 12px;
    text-align: left;
    width: 20px;
}

.listing__products .listing-card .data-item li i + :after {
    display: none;
}

.listing__products .listing-card .data-item li:not(:last-child):after {
    content: '';
    position: absolute;
    right: -17px;
    top: 14px;
    background-color: #cccccc;
    width: 1px;
    height: 20px;
    display: block;
}

.listing__products .listing-card__box {
    border-style: solid;
    border-width: 1px;
    border-color: #eeeeee;
    border-radius: 2px;
    background-color: #fff;
    -webkit-transition: all .3s;
    transition: all .3s;
    max-width: 380px;
    width: 100%;
    position: relative;
}

.listing-btn-action {
    display: flex;
    position: absolute;
    right: 25px;
    top: 25px;
    opacity: 0;
    -webkit-transition: all .3s;
    transition: all .3s;
    z-index: 3;
}

.listing__products .listing-card:not(.line-list) .listing-card__media .listing-btn-action {
    right: auto;
    top: 50%;
    left: 0;
    width: 100%;
    opacity: 0;
    text-align: center;
    justify-content: center;
}


.listing__products .listing-card:not(.line-list) .listing-card__media::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: all .5s;
    transition: all .5s;
    background: -webkit-gradient(linear, left bottom, left top, from(black), to(rgba(0, 0, 0, 0)));
    background: linear-gradient(0deg, black 0%, rgba(0, 0, 0, 0) 100%);
    opacity: 0;
}

.listing__products .listing-card .listing-card__box:hover .listing-card__media::after {
    opacity: 0.3;
}


.listing__products .listing-card .listing-card__box:hover .listing-btn-action {
    opacity: 1;
}

.listing-btn-action i {
    color: #222;
    font-size: 13px;
}

.listing-btn-ico:hover i {
    color: #fff;
}

.listing-btn-ico {
    margin-right: 11px;
    width: 36px;
    text-align: center;
    height: 36px;
    border-radius: 100px;
    line-height: 33px;
    background: #f2f7f9;
}


.listing-card__box_featured .listing-btn-ico {
    background-color: #fff;
    color: #00bff5;
}


.listing-btn-ico:hover,
.listing-btn-ico.active,
.listing-btn-action a[aria-expanded="true"] {
    background-color: #00bff5;
}


.listing-btn-ico.active i,
.listing-btn-action a[aria-expanded="true"] i {
    color: #fff;
}

.listing__products .listing-card__box:hover {
    -webkit-box-shadow: 0 0 20px 2.5px rgb(18 53 87 / 12%);
    box-shadow: 0 0 20px 2.5px rgb(18 53 87 / 12%);

}


.listing__products .listing-card__box:hover {
    -webkit-box-shadow: 0 0 20px 2.5px rgb(18 53 87 / 12%);
    box-shadow: 0 0 20px 2.5px rgb(18 53 87 / 12%);

}

.listing-card__box_active {
    border-color: #222 !important;
}


.listing-card__box_featured {
    background-color: #f2f7f9 !important;
}


.listing__products .listing-card__media {
    position: relative;
    margin-bottom: 34px;
}

.listing-card__media_relative {
    position: relative;
}


.listing-card__media img {
    max-width: 100%;
    height: auto;
    width: 100%;
}

.listing__products .listing-card__media .heart {
    display: none;
}

.listing__products .listing-card__media .heart {
    display: block;
    position: absolute;
    right: 25px;
    top: 25px;
}






.listing__products .listing-card__media .heart.active i {
    color: #de2929;
}

.listing__products .listing-card__bookmark {
    display: none;
}

.listing__products .listing-card__bookmark.active {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 13px;
    font-family: inherit;
    color: #fff;
    font-weight: 500;
    text-transform: uppercase;
    line-height: 3.692;
    background-color: #f09e00;
    width: 95px;
    height: 32px;
    border-radius: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;


}

.listing__products .listing-card__body {
    padding: 0 30px;
}

.listing__products .listing-card__body .title {
    margin-bottom: 15px;
    font-size: inherit;
}

.listing__products .listing-card__body .title a {
    font-size: 22px;
    font-family: inherit;
    color: #222222;
    font-weight: 600;
    line-height: 1.2;
    text-align: center;
    margin-bottom: 17px;
    text-transform: capitalize;
}


.listing__products .listing-card__body .title a:hover {
    text-decoration: underline;
}

.listing__products .ll-none .listing-card__body .title a {
    font-size: 20px;
}



.listing__products .listing-card__body .heart,
.listing__products .listing-card__body .body-text {
    display: none;
}

.listing__products .listing-card__info {
    border-radius: 2px;
    border-top: 1px solid #eee;
    padding: 22px 24px 20px;
}

.listing__products .listing-card__info .data_info {
    font-size: 14px;
    font-family: inherit;
    color: #222222;
    opacity: 0.8;
    text-align: right;
}

.data_info i {
    font-size: 16px;
    color: #f09e00;
    margin-right: 10px;
    position: relative;
    top: 1px;
}


.header-page .offcanvas-start .link-reg .user-area .user-data .role i {
    color: #00a8d8;
}

.listing-card__box:hover .data_info i {
    color: #de2929;
}

.listing-card__box .fa-heart {
    cursor: pointer;
}


.listing-btn-action a[aria-expanded="false"] i:last-child {
    display: none;
}

.listing-btn-action a[aria-expanded="true"] i:first-child {
    display: none;
}


.listing-tgl-button:not(.active) i:last-child {
    display: none;
}

.listing-tgl-button.active i:first-child {
    display: none;
}





/* ========================================================================
   Component: Tooltip
 ========================================================================== */
/*
 * 1. Hide by default
 * 2. Position
 * 3. Remove tooltip from document flow to keep the UIkit container from changing its size when injected into the document initially
 * 4. Dimensions
 * 5. Style
 */
.uk-tooltip {
    display: none;
    position: absolute;
    z-index: 1030;
    --uk-position-offset: 10px;
    --uk-position-viewport-offset: 10;
    top: 0;
    box-sizing: border-box;
    max-width: 200px;
    padding: 3px 6px;
    background: #00bff5;
    border-radius: 2px;
    color: #fff;
    font-size: 12px;
}




.listing__products .listing-card.line-list .uk-tooltip:after {
    color: #ffffff;
    content: '';
    display: inline-block;
    width: 0;
    height: 0;
    vertical-align: middle;
    border-top: 8px solid #00bff5;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
    position: absolute;
    margin-left: -10px;
    bottom: -7px;
    left: 51%;
}

/* Show */
.uk-tooltip.uk-active {
    display: block;
}

.listing__products .listing-card__info .data_info svg {
    margin-right: 3px;
}

.listing__products .listing-card__info .data_info span,
.listing__products .listing-card__info .data_info,
.listing__products .small-info,
.listing__products .small-info span {
    font-size: 12px;
    font-family: inherit;
    color: #878787;
    line-height: 33px;
    font-style: italic;
}

.listing__products .listing-card__info .data_info i {
    font-size: 12px;
    color: #878787;
    line-height: 33px;
}



.listing__products .listing-card.odd .listing-card .price {
    margin-bottom: 0;
}

.listing__products .listing-card.odd .listing-card__body {
    padding: 0 30px;
}

.data_info {
    margin-bottom: 20px;
    font-size: 14px;
}

.listing__products .listing-card.odd .listing-card__info {
    padding-top: 13px;
}

.listing__products .listing-card.odd .listing-card__info .data-item {
    margin-bottom: 3px;
}

.listing__products .listing-card.odd .listing-card__info .data_info span {
    line-height: 26px;
}

.listing__products .listing-card.line-list {
    width: 100%;
    margin: 0;
    margin-bottom: 40px;
}

.listing__products .listing-card.line-list .listing-card__box {
    max-width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.listing__products .listing-card.line-list .listing-card__media {
    margin-bottom: 0;
    min-width: 360px;
}

.col-lg-9 .listing__products .listing-card.line-list .listing-card__media {
    min-width: 320px;
}


.col-lg-9 .listing__products .listing-card.line-list .cat_media_bg {
    width: 320px;
}


.col-lg-9 .listing__products .listing-card.line-list .listing-card__body p {
    font-size: 15px;
}

.col-lg-9 .listing__products .listing-card__body .title a {
    font-size: 19px;
}


.col-lg-9 .listing__products .listing-card .listing-card__body .data_info {
    font-size: 14px;
}



.col-lg-9 .listing__products .data_info i {
    font-size: 13px;
    margin-right: 5px;
    position: relative;
    top: -1px;
}





.cat_media_bg {
    height: 100%;
    display: inline-block;
    width: 360px;
    background-size: cover;
    background-color: #eee;
}

.media_thumb1 {
    background-image: url(img/listing-1.jpg);
}

.media_thumb2 {
    background-image: url(img/listing-2.jpg);
}

.media_thumb3 {
    background-image: url(img/listing-3.jpg);
}

.media_thumb4 {
    background-image: url(img/listing-4.jpg);
}


.we__offer-content {
    padding: 150px 0 40px;
    margin: 0 -15px;
}



.listing__products .slide {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 1;
    -webkit-transition: opacity 1s;
    -moz-transition: opacity 1s;
    -o-transition: opacity 1s;
    transition: opacity 1s;
}

.listing__products .active {
    opacity: 1;
    z-index: 2;
}


::marker {
    display: none !important;
}


.listing__products .controls {
    display: none;
}

.listing__products .slide {
    font-size: 40px;
    padding: 40px;
    box-sizing: border-box;
    background: #333;
    color: #fff;
    background-size: cover;
}

.listing__products .slide:nth-of-type(1) {
    background-image: url(img/listing-1.jpg);
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}


.listing__products .slide:nth-of-type(2) {
    background-image: url(img/listing-2.jpg);
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat
}


.listing__products .slide:nth-of-type(3) {
    background-image: url(img/listing-3.jpg);
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat
}

.listing__products .slide:nth-of-type(4) {
    background-image: url(img/listing-4.jpg);
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat
}





.listing__products .listing-card.line-list .listing-card__box:hover .controls {
    opacity: 1;
}


.listing__products .controls {
    display: inline-block;
    position: relative;
    top: 0;
    right: 0.5rem;
    border: none;
    outline: none;
    font-size: 20px;
    cursor: pointer;
    border: 0;
    border-radius: 0;
    background: #fff;
    width: 37px;
    height: 37px;
    margin-left: 0;
    border: 0;
    opacity: 0;
    -webkit-transition: all .3s;
    transition: all .3s;
}


.listing__products .controls i {
    font-size: 15px;
}

.listing__products .controls#pause {
    display: none !important;
}

.listing__products #previous {
    position: absolute;
    right: 37px;
    top: auto;
    bottom: 0px;
}

.listing__products #next {
    position: absolute;
    right: 0px;
    top: auto;
    bottom: 0;
}

.listing__products .controls:hover,
.listing__products .controls:focus {
    background: #eee;
    color: #333;
}

.listing__products .buttons {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 10;
    font-size: 0px;
    width: 100%;
    text-align: center;
}

.listing__products .fancy {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    bottom: 0;
    left: -2rem;
    width: 7rem;
    height: 2rem;
    background: gold;
    color: #000;
    z-index: 3;
    transform: rotate(-45deg);
    border-radius: 1rem;
}



.listing__products .listing-card.line-list .listing-card__media a img {
    max-width: 360px;
    width: 360px;
    height: auto;
}


.listing__products .listing-card.line-list .listing-card__media .slide {
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}

.listing__products .listing-card.line-list .listing-card__media .heart {
    display: none;
}

.listing__products .listing-card.line-list .listing-card__middle {
    width: 100%;
    padding-top: 29px;
}

.listing__products .listing-card.line-list .listing-card__middle .listing-card__info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-top: 22px;
    padding-left: 42px;
    padding-right: 49px;
}

.listing__products .listing-card.line-list .listing-card__middle .listing-card__info .info-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.listing__products .listing-card.line-list .listing-card__middle .listing-card__info .price {
    width: 30%;
    text-align: end;
}

.listing__products .listing-card.line-list .listing-card__middle .listing-card__info.listing-card__info_custom .price {
    width: 100%;
    padding-top: 5px;
    margin-right: -25px;
    font-size: 15px;
    color: #00bff5;
    font-weight: 500;
    text-transform: uppercase;
}


.listing__products .listing-card.line-list .listing-card__middle .listing-card__info.listing-card__info_custom .price b {
    font-size: 20px;
    color: #00bff5;
    font-weight: 500;
    padding: 0 1px;
}


.listing__products .listing-card.line-list .listing-card__middle .listing-card__info .data-item {
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
}



.listing__products .listing-card .data-item.data-item_with-icon li:after {
    display: none;
}

.listing__products .listing-card.line-list .listing-card__middle .listing-card__info .data-item li {
    margin-right: 40px;
}

.listing__products .listing-card.line-list .listing-card__body {
    padding-left: 35px;
    padding-right: 35px;
}

.listing__products .listing-card.line-list .listing-card__body .body-text {
    margin-bottom: 24px;
    line-height: 1.8;
    font-size: 15px;
}

.listing__products .listing-card.line-list .listing-card__body .body-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.listing__products .listing-card.line-list .listing-card__body .heart,
.listing__products .listing-card.line-list .listing-card__body .body-text {
    display: block;
}





.layer2 .slide {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 1;
    -webkit-transition: opacity 1s;
    -moz-transition: opacity 1s;
    -o-transition: opacity 1s;
    transition: opacity 1s;
}

.layer2 .active {
    opacity: 1;
    z-index: 2;
}


::marker {
    display: none !important;
}


.layer2 .controls {
    display: none;
}

.layer2 .slide {
    font-size: 40px;
    padding: 40px;
    box-sizing: border-box;
    background: #333;
    color: #fff;
    background-size: cover;
}

.layer2 .slide:nth-of-type(1) {
    background-image: url(img/lay01.jpg);
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}


.layer2 .slide:nth-of-type(2) {
    background-image: url(img/lay02.jpg);
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat
}


.layer2 .slide:nth-of-type(3) {
    background-image: url(img/lay03.jpg);
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat
}


.lay1 {
    position: absolute;
    z-index: 99;
    left: -172px;
    top: 44px;
}


.lay1 small {
    font-size: 14px;
    position: relative;
    bottom: -13px;
}


.lay1 span {
    font-size: 35px;
    color: #f59265;
    display: inline-block;
    position: relative;
    top: 10px;
}


.lay2 {
    border: 0;
    position: absolute;
    z-index: 99;
    left: -227px;
    top: 207px;
    max-width: 211px;
}


.lay1 img,
.lay2 img,
.lay3 img,
.lay4 img {
    max-width: 100%;
    height: auto;
}

.lay3 {
    border: 0;
    position: absolute;
    z-index: 99;
    right: -64px;
    top: 0;
    max-width: 211px;
}


.lay4 {
    border: 0;
    position: absolute;
    z-index: 99;
    right: 10%;
    bottom: -66px;
    text-align: left;
    max-width: 362px;
}




.layer2 .listing-card.line-list .listing-card__box:hover .controls {
    opacity: 1;
}


.layer2 .controls {
    display: inline-block;
    position: relative;
    top: 0;
    right: 0.5rem;
    border: none;
    outline: none;
    font-size: 20px;
    cursor: pointer;
    border: 0;
    border-radius: 0;
    background: #fff;
    width: 37px;
    height: 37px;
    margin-left: 0;
    border: 0;
    opacity: 0;
    -webkit-transition: all .3s;
    transition: all .3s;
}


.layer2 .controls i {
    font-size: 15px;
}

.layer2 .controls#pause {
    display: none !important;
}

.layer2 #previous {
    position: absolute;
    right: 37px;
    top: auto;
    bottom: 0px;
}

.layer2 #next {
    position: absolute;
    right: 0px;
    top: auto;
    bottom: 0;
}

.layer2 .controls:hover,
.layer2 .controls:focus {
    background: #eee;
    color: #333;
}

.layer2 .buttons {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 10;
    font-size: 0px;
    width: 100%;
    text-align: center;
}

.layer2 .fancy {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    bottom: 0;
    left: -2rem;
    width: 7rem;
    height: 2rem;
    background: gold;
    color: #000;
    z-index: 3;
    transform: rotate(-45deg);
    border-radius: 1rem;
}



.layer2 .listing-card.line-list .listing-card__media a img {
    max-width: 360px;
    width: 360px;
    height: auto;
}

.layer2 .listing-card.line-list .listing-card__media .heart {
    display: none;
}

.layer2 .listing-card.line-list .listing-card__middle {
    width: 100%;
    padding-top: 29px;
}

.layer2 .listing-card.line-list .listing-card__middle .listing-card__info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-top: 22px;
    padding-left: 42px;
    padding-right: 49px;
}

.layer2 .listing-card.line-list .listing-card__middle .listing-card__info .info-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.layer2 .listing-card.line-list .listing-card__middle .listing-card__info .price {
    width: 30%;
    text-align: end;
}

.layer2 .listing-card.line-list .listing-card__middle .listing-card__info .data-item {
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
}



.layer2 .listing-card .data-item.data-item_with-icon li:after {
    display: none;
}

.layer2 .listing-card.line-list .listing-card__middle .listing-card__info .data-item li {
    margin-right: 40px;
}

.layer2 .listing-card.line-list .listing-card__body {
    padding-left: 35px;
    padding-right: 35px;
}

.layer2 .listing-card.line-list .listing-card__body .body-text {
    margin-bottom: 24px;
    line-height: 1.8;
    font-size: 15px;
    color: #666666;
}

.layer2 .listing-card.line-list .listing-card__body .body-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.layer2 .listing-card.line-list .listing-card__body .heart,
.layer2 .listing-card.line-list .listing-card__body .body-text {
    display: block;
}


.featured_section {
    background-color: #fdfaf3;
    padding-top: 115px;
    padding-bottom: 115px;
}


.popular__listing_2 {
    padding-bottom: 100px;
}

.after-ft-box {
    text-align: center;
    padding: 50px 50px 0 50px;
    max-width: 900px;
    margin: 0 auto;
}




.section-ads {
    padding-top: 110px;
    padding-bottom: 110px;
    position: relative;
}


.fl-category-single {
    position: relative;
    padding-left: 40px;
    padding-right: 40px;
    padding-bottom: 35px;
    padding-top: 70px;
    border: 1px #eee solid;
    margin: 0 15px;
    margin-bottom: 50px;
    background-color: #fff;
    z-index: 8;
}


.fl-category-single:hover .fl-icon-contain {
    background: #fdfaf3 !important;
}


.row.row-latest .fl-category-single {
    margin-bottom: 0px;
}


.fl-category-single a {
    display: flex;
    color: #222222;
    font-size: 15px;
    margin: 8px 0;
    width: 100%;
}


.fl-category-single a {
    display: flex;
    color: #222222;
    font-size: 15px;
    margin: 8px 0;
    width: 100%;
}

.fl-places-categories-title {
    font-size: 18px;
    font-weight: 600;
    color: #222;
    display: block;
    background-image: linear-gradient(to right, #333 10%, rgba(255, 255, 255, 0) 0%);
    background-position: bottom;
    background-size: 10px 1px;
    background-repeat: repeat-x;
    padding-bottom: 15px;
    position: relative;
    margin-bottom: 8px;
    width: 100%;
}

.fl-cat-row .fl-category-single a {
    display: flex;
    color: #222222;
    font-size: 15px;
    margin: 8px 0;
    width: 100%;
}

.fl-places-categories .fl-cat-row .fl-category-single .fl-icon-contain svg {
    position: absolute;
    bottom: 0;
    top: 0;
    margin: auto;
    left: 0;
    right: 0;
    fill: #fc4c59;
    transition: all .3s;
}

.fl-places-categories .fl-cat-row .fl-category-single .fl-icon-contain {
    width: 80px;
    height: 80px;
    border: 2px #e8e0f5 solid;
    border-radius: 10px;
    display: block;
    position: absolute;
    transition: all .3s;
    top: -25px;
    background: #fff;
}

.fl-icon-contain svg {
    width: 76px;
    padding: 20px;
    height: 78px;
}

.fl-icon-contain svg {
    position: absolute;
    bottom: 0;
    top: 0;
    margin: auto;
    left: 0;
    right: 0;
    fill: #fc4c59;
    transition: all .3s;
}

.fl-icon-contain {
    width: 80px;
    height: 80px;
    border: 1px #eee solid;
    border-radius: 10px;
    display: block;
    position: absolute;
    transition: all .3s;
    top: -25px;
    background: #fff;
}


.fl-cat-post-count {
    text-align: right;
    flex: auto;
    position: relative;
}



.container__ads {
    max-width: 1500px;
    margin: 0 auto;
    padding-top: 30px;
}


/*---------------------Slick--------------------*/
.article-slider__arrowRight,
.article-slider__arrowLeft {
    position: absolute;
    bottom: -15%;
    width: 60px;
    height: 60px;
    border: 1px solid #eee;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: transparent;
    z-index: 100;
    -webkit-transition: all .3s;
    transition: all .3s;
    background-color: #fff;
}

.article-slider__arrowRight:hover,
.article-slider__arrowLeft:hover {
    fill: #fff;
    background-color: #de2929;
    border-color: #de2929;
}

.article-slider__arrowLeft {
    left: 50%;
    margin-left: -70px;
}

.article-slider__arrowRight {
    right: 50%;
    margin-right: -70px;
}

/*--------------------We Offer--------------------*/
.we__offer {
    background: url(img/we__offer.jpg) no-repeat top left;
    height: 100%;
    height: 520px;
    display: block;
    align-items: center;
}


.we__offer2 {
    background: url(img/2150169939.jpg) no-repeat top left;
    background-position: center right;
    background-size: cover;
}

.we__offer.we__offer2 h2 {
    font-size: 40px;
    margin-top: 0;
    margin-bottom: 25px;
    line-height: 51px;
}


.we-offer-desc {
    max-width: 70%;
    margin-bottom: 25px;
}

.we-offer-desc p {
    font-size: 15px !important;
    line-height: 27px !important;
}




.we__offer h2 {
    font-size: 40px;
    color: #fff;
    font-weight: 500;
    position: relative;
    margin-top: -15px;
    line-height: 51px;
}

.we__offer h2::before {
    content: '';
    background: url(img/svg/icon-dots.svg) no-repeat center;
    position: absolute;
    left: -226px;
    top: 3px;
    width: 113px;
    height: 106px;
}

.we__offer p {
    font-size: 15px;
    color: #fff;
    line-height: 3.429;
    text-align: right;
    opacity: 0.9;
    padding-right: 60px;
    font-style: italic;
}


.col-a-right {
    justify-content: right;
    display: flex;
    flex-direction: column;
    text-align: right;
    align-items: end;
}



.we__offer-item svg {
    margin-bottom: 37px;
}

.we__offer-item .title {
    font-size: 22px;
    color: #222222;
    font-weight: bold;
    line-height: 1.2;
    text-align: left;
    margin-bottom: 10px;
}

.we__offer-item p {
    font-size: 16px;
    color: #444444;
    line-height: 26px;
    margin: 0;
    padding: 0;
    text-align: left;
    opacity: 0.8;
}


.we__offer-card_icon {
    position: relative;
    margin-bottom: 16px;
}


.we__offer-card_icon i {
    font-size: 48px;
    display: inline-block;
}

.we__offer-card {
    min-width: 380px;
    height: 320px;
    padding: 52px;
    border-radius: 2px;
    background-color: #fff;
    -webkit-box-shadow: 0px 5px 38.25px 6.75px rgba(0, 0, 0, 0.09);
    box-shadow: 0px 5px 38.25px 6.75px rgba(0, 0, 0, 0.09);
    -webkit-transition: all .3s;
    transition: all .3s;
    z-index: 9;
    position: relative;
}


.we__offer-card:hover {
    -webkit-box-shadow: 0px 5px 38.25px 6.75px rgba(0, 0, 0, 0.19);
    box-shadow: 0px 5px 38.25px 6.75px rgba(0, 0, 0, 0.19);
}

.we__offer-card:not(:last-child) {
    border-right: 1px solid #ddd;
}

.we__offer .link__template {
    max-width: 300px;
    width: 100%;
    height: 60px;
    color: #fff;
    text-transform: uppercase;
    font-size: 17px;
    font-family: inherit;
    font-weight: 500;
    background-color: #de2929;
    -webkit-transition: all .3s;
    transition: all .3s;
    border: none;
    margin: 0;
}

.we__offer .link__template .text {
    width: 100%;
    text-align: center;
}

.we__offer .link__template span {
    display: block;
    width: 80px;
    background-color: #ab1212;
    height: 60px;
}

.we__offer .link__template span svg {
    fill: #fff;
}

.we__offer .link__template:hover {
    color: #fff;
    -webkit-box-shadow: 0px 10px 19px -11px rgba(0, 0, 0, 0.61);
    box-shadow: 0px 10px 19px -11px rgba(0, 0, 0, 0.61);
}


.we__offer.we__offer2 p {
    text-align: left;
}


.we__offer.we__offer2 .link__template {
    margin: 0;
}


/*-------------------Reviews By Customers------------------------*/
.reviews {
    padding-top: 105px;
    position: relative;
}

.reviews__title {
    position: relative;
}

.reviews__title .shape-1 {
    margin: 0;
    position: absolute;
    left: 13%;
    top: 0;
}

.reviews__slider {
    margin-bottom: 40px;
}

.reviews__slider .item {
    padding: 45px 60px;
    border-radius: 2px;
    background-color: #fff;
    -webkit-box-shadow: 0px 7px 19px 1px rgba(7, 48, 61, 0.07);
    box-shadow: 0px 7px 19px 1px rgba(7, 48, 61, 0.07);
    margin: 15px 20px 30px 20px;
    background-color: #fff;
}


.reviews__slider .item:hover {
    -webkit-box-shadow: 0px 7px 19px 1px rgba(7, 48, 61, 0.095);
    box-shadow: 0px 7px 19px 1px rgba(7, 48, 61, 0.095);
}

.reviews__slider .rounded-start {
    border-radius: 100px !important;
}


.item-card .icon-quote {
    font-size: 55px;
    margin-bottom: 14px;
    display: inline-block;
}

.reviews__slider .item-card svg {
    margin-bottom: 32px;
}

.reviews__slider .item-card .fl-text {
    font-size: 15px;
    color: #444444;
    line-height: 28px;
    text-align: left;
    margin-bottom: 30px;
    position: relative;
}

.reviews__slider .item-card .card-title {
    font-size: 17px;
    color: #222222;
    font-weight: bold;
    line-height: 1.2;
    text-align: left;
}

.reviews__slider .item-card .card-text {
    margin-bottom: 6px;
    font-size: 14px;
    color: #444444;
    text-align: left;
}

.reviews__slider .item-card .card-body {
    padding-top: 0;
}


.card-body-review-star {
    margin-top: -7px;
}

.reviews__slider .slick-dots {
    padding-top: 70px;
    position: relative;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.card-body-review-star i {
    font-size: 12px;
    color: #878787;
    opacity: 0.4;
}

.card-body-review-star .fa.fa-star-active {
    color: orange;
}

.reviews__slider .slick-dots li button::before {
    content: '';
    width: 15px;
    height: 3px;
    background-color: #cccccc;
}

.reviews__slider .slick-dots li.slick-active button::before {
    content: '';
    color: #de2929;
    background-color: #de2929;
    width: 25px;
    height: 7px;
}

/*------------Slider Dots Reviews--------------------*/
.slider-dots {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 40px;
}

.slider-dots-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.slider-dots-box .slick-active button:before {
    height: 10px;
    background-color: #de2929;
}

.slider-dots button {
    width: 30px;
    height: 20px;
    display: block;
    border: 0;
    background-color: transparent;
    margin: 0 6px;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0;
    -webkit-transition: .3s all;
    transition: .3s all;
    position: relative;
    z-index: 0;
    font-size: 0;
}

.slider-dots button::before {
    content: "";
    display: block;
    z-index: 2;
    width: 30px;
    height: 2px;
    display: block;
    border: 0;
    background-color: #dbdbdb;
    -webkit-transition: .3s all;
    transition: .3s all;
}

.aside-slider__second {
    padding: 20px 60px;
}

.aside-slider__second .me-3.slick-current {
    border-color: #00bff5;
}


.aside-slider__second .me-3 {
    border: 6px solid #fff;
    margin-right: 5px !important;
}

/*--------------------Page---------------------------*/
.page-404 {
    padding-top: 120px;
    padding-bottom: 150px;
    padding-left: 15px;
    padding-right: 15px;
}

.page-404 .img {
    position: relative;
    margin-bottom: 70px;
    z-index: 7;
}

.page-404 .img::before {
    left: 10%;
    top: 40%;
}

.page-404 .img::after {
    right: 200px;
    left: unset;
    top: 129px;
}

.page-404 .img p {
    content: '';
    position: absolute;
    font-size: 36px;
    color: #0cbcee;
    font-weight: bold;
    line-height: 1.056;
    top: 60%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.page-404 .subtitle {
    font-size: 36px;
    color: #222222;
    line-height: 1.4;
    text-align: center;
    margin-bottom: 70px;
    position: relative;
    z-index: 5;
}

.page-404 .subtitle + a {
    margin-bottom: 100px;
}

.page-404 .subtitle::before {
    bottom: 0;
    left: 0;
    z-index: -1;
}

.page-404 .link__template {
    max-width: 300px;
    width: 100%;
    height: 60px;
    color: #fff;
    text-transform: uppercase;
    font-size: 17px;
    font-family: inherit;
    font-weight: 700;
    background-color: #de2929;
    -webkit-transition: all .3s;
    transition: all .3s;
    border: none;
    margin: 0 auto;
}

.page-404 .link__template .text {
    width: 100%;
    text-align: center;
}

.page-404 .link__template span {
    display: block;
    width: 80px;
    background-color: #ab1212;
    height: 60px;
}

.page-404 .link__template span svg {
    fill: #fff;
}

.page-404 .link__template:hover {
    color: #fff;
    -webkit-box-shadow: 0px 10px 19px -11px rgba(0, 0, 0, 0.61);
    box-shadow: 0px 10px 19px -11px rgba(0, 0, 0, 0.61);
}

.page-register {
    padding-top: 85px;
    padding-bottom: 85px;
    position: relative;
}

.page-register.page-register contac {
    padding-bottom: 0;
}

.page-register::after {
    top: 56px;
    left: 169px;
}

.page-register::before {
    top: 150px;
    left: -70px;
}

.box-form {
    max-width: 658px;
    width: 100%;
    margin: 0 auto 100px;
    background-color: #f0f0f0;
    padding: 50px;
    border-radius: 2px;
}

.box-form .featured__category-link {
    padding-left: 40px;
    margin: 0;
    margin-right: auto;
}

.box-form .form .form-title {
    font-size: 30px;
    color: #222222;
    font-weight: 600;
    line-height: 1.267;
    text-align: left;
    margin-bottom: 70px;
    position: relative;
    padding-bottom: 6px;
}


.box-form .form .form-title:after {
    font-family: 'icomoon';
    position: absolute;
    content: "\eac7";
    transform: rotate(88deg);
    left: 36px;
    bottom: -27px;
    width: 30px;
    height: 10px;
    display: block;
    padding-top: 15px;
    padding-bottom: 5px;
    font-size: 37px;
    color: #ffc248;
}


.contact-content .title:after {
    font-family: 'icomoon';
    position: absolute;
    content: "\eac7";
    transform: rotate(88deg);
    left: 36px;
    bottom: -27px;
    width: 30px;
    height: 10px;
    display: block;
    padding-top: 15px;
    padding-bottom: 5px;
    font-size: 37px;
    color: #ffc248;
}




.page-register .box-form .form label {
    font-size: 17px;
    color: #444444;
    text-align: left;
    margin-bottom: 15px;
}

.page-register .box-form .form input {
    height: 64px;
    border: none;
    margin-bottom: 36px;
    padding-left: 25px;
}

.page-register .box-form .form input ~ div {
    margin-bottom: 42px;
}

.page-register .box-form .form input ~ div:last-of-type {
    margin-bottom: 45;
}

.page-register .box-form .form input ~ div label {
    margin-bottom: 0;
}

.page-register .box-form .form input ~ div label:not(:last-child) {
    margin-right: 45px;
}

.page-register .box-form .form input ~ div input {
    height: auto;
    margin-bottom: 0;
    margin-right: 10px;
}

.page-register .box-form .form input ~ div a {
    color: #525252;
    text-decoration: underline;
}

.page-register .box-form .form input ~ div a:hover {
    text-decoration: none;
}



.page-register .box-form .form input ~ div:not(:last-child) label {
    margin-right: 10px;
}

.page-register .box-form .form .link__template {
    max-width: 100%;
    width: 100%;
    height: 60px;
    color: #fff;
    text-transform: uppercase;
    font-size: 17px;
    font-family: inherit;
    font-weight: 500;
    background-color: #de2929;
    -webkit-transition: all .3s;
    transition: all .3s;
    border: none;
    margin-bottom: 25px;
    padding-right: 0;
}

.page-register .box-form .form .link__template .text {
    width: 100%;
    text-align: center;
    font-style: normal;
}

.page-register .box-form .form .link__template span {
    display: block;
    width: 80px;
    background-color: #ab1212;
    height: 60px;
}

.page-register .box-form .form .link__template span svg {
    fill: #fff;
}

.page-register .box-form .form .link__template:hover {
    color: #fff;
    -webkit-box-shadow: 0px 10px 19px -11px rgba(0, 0, 0, 0.61);
    box-shadow: 0px 10px 19px -11px rgba(0, 0, 0, 0.61);
}

.page-register .box-form .form .link__template.second-bg-color {
    max-width: 100%;
    width: 100%;
    height: 60px;
    color: #fff;
    text-transform: uppercase;
    font-size: 17px;
    font-family: inherit;
    font-weight: 700;
    background-color: #0cbcee;
    -webkit-transition: all .3s;
    transition: all .3s;
    border: none;
}

.page-register .box-form .form .link__template.second-bg-color .text {
    width: 100%;
    text-align: center;
}

.page-register .box-form .form .link__template.second-bg-color span {
    display: block;
    width: 80px;
    background-color: #00a8d8;
    height: 60px;
}

.page-register .box-form .form .link__template.second-bg-color span svg {
    fill: #fff;
}

.page-register .box-form .form .link__template.second-bg-color:hover {
    color: #fff;
    -webkit-box-shadow: 0px 10px 19px -11px rgba(0, 0, 0, 0.61);
    box-shadow: 0px 10px 19px -11px rgba(0, 0, 0, 0.61);
}

.contact-content {
    padding-top: 50px;
    position: relative;
    z-index: 7;
}

.contact-content .title {
    font-size: 36px;
    color: #222222;
    font-weight: bold;
    line-height: 1.056;
    text-align: left;
    margin-bottom: 50px;
    position: relative;
}

.contact-content .text {
    font-size: 17px;
    color: #444444;
    line-height: 2;
    text-align: left;
    border-bottom: 1px solid #eee;
    padding-bottom: 35px;
    margin-bottom: 35px;
    position: relative;
    z-index: 6;
}

.contact-content .data_info {
    font-size: 20px;
    color: #222222;
    font-weight: bold;
    line-height: 1.6;
    text-align: left;
    margin-bottom: 30px;
}

.contact-content .phone {
    font-size: 30px;
    color: #de2929;
    font-weight: 500;
    line-height: 1.2;
    text-align: left;
    margin-bottom: 15px;
    margin-top: 15px;
}

.page-register.contact .contact-content .phone i {
    margin-right: 10px;
}

.page-register.contact .contact-content .email {
    font-size: 20px;
    color: #222222;
    line-height: 1.2;
    text-align: left;
    margin-bottom: 35px;
}

.page-register.contact form .name {
    padding-left: 20px;
    width: 100%;
}

.page-register.contact form .email {
    padding-left: 20px;
    height: 64px !important;
    margin-right: 0 !important;
}

.page-register.contact form .phone {
    padding-left: 20px;
    height: 64px !important;
    margin-right: 0 !important;
}

.page-register.contact form textarea {
    padding: 25px 25px;
    border: none;
    margin-bottom: 30px;
}

.section-about {
    padding-top: 125px;
    padding-bottom: 115px;
}

.section-custom-color.section-about {
    padding-bottom: 85px !important;
    padding-top: 115px !important;
    position: relative;
}


.section-why-choose {
    padding-top: 110px;
    padding-bottom: 110px;

}

.fl-icon-list {
    border-bottom: 1px solid #eee;
    display: flex;
    padding-bottom: 30px;
    margin-bottom: 30px;
    margin-right: 25px;
}

.fl-icon-list-box {
    padding-right: 20px;
    padding-top: 0px;
}


.fl-icon-list-box .fl-icon {
    font-size: 66px;
}

.fl-icon-list svg {
    fill: #00a8d8;
    width: 78px;

}


.fl-icon-list-info {
    text-align: left;
}

.fl-icon-list-info h4 {
    text-align: left;
    font-size: 20px;
    padding-bottom: 10px;
}

.fl-icon-list-info {
    font-size: 14px;
}

.section-about .content {
    padding-left: 20px;
}


.we-provide .picture img {
    padding-right: 20px;
    max-width: 100%;
    height: auto;
}

.title {
    font-size: 36px;
    color: #222222;
    font-weight: bold;
    line-height: 1.222;
    text-align: left;
    margin-bottom: 25px;
}

.subtitle {
    margin-bottom: 17px;
    font-size: 20px;
    color: #222222;
    line-height: 1.6;
    text-align: left;
    font-weight: 500;
    margin-bottom: 17px;
}

.section-about .content p:last-of-type {
    margin-bottom: 10px;
}

.info-about .content .link__template {
    max-width: 290px;
    width: 100%;
    height: 60px;
    color: #fff;
    text-transform: uppercase;
    font-size: 17px;
    font-family: inherit;
    font-weight: 700;
    background-color: #de2929;
    -webkit-transition: all .3s;
    transition: all .3s;
    border: none;
    margin: 0;
}

.info-about .content .link__template .text {
    width: 100%;
    text-align: center;
}

.info-about .content .link__template span {
    display: block;
    width: 80px;
    background-color: #ab1212;
    height: 60px;
}

.info-about .content .link__template span svg {
    fill: #fff;
}

.info-about .content .link__template:hover {
    color: #fff;
    -webkit-box-shadow: 0 0 20px 2.5px rgb(18 53 87 / 12%);
    box-shadow: 0 0 20px 2.5px rgb(18 53 87 / 12%);
}

.info-about.box-count {
    width: 300px;
    height: 300px;
    margin: 0 auto;
    background: #f6f6f6;
    -webkit-transition: all .3s;
    transition: all .3s;
}



.info-about.box-count:hover {
    -webkit-box-shadow: 0px 10px 19px -11px rgba(0, 0, 0, 0.61);
    box-shadow: 0px 10px 19px -11px rgba(0, 0, 0, 0.61);
}

.info-about.box-count.odd {
    background: #F0F0F0 !important;
}

.row-info-about {
    padding-top: 60px;
}


.info-about .box-count.f0f0f0 {
    background-color: #F0F0F0 !important;
}

.info-about.box-count .counter {
    font-size: 80px;
    font-family: "Smooch";
    color: #0cbcee;
    line-height: 1.2;
}

.info-about.box-count .counter + span {
    margin: 0;
    margin-bottom: 20px;
    max-width: 15px;
}

.info-about.box-count .counter ~ p {
    font-size: 13px;
    color: #222222;
    font-weight: 500;
    text-transform: uppercase;
}

.page-single section.content > img {
    margin-bottom: 45px;
}


.aside-sticky {
    position: sticky;
    top: 0;
    padding-bottom: 170px;
}


.fl_blog_section {
    padding-top: 115px;
    padding-bottom: 180px;
    background-color: #fdfaf3 !important;
    position: relative;
    overflow: hidden;
}



.fl-post-shadow {
    width: 100%;
    bottom: 0;
    position: absolute;
    left: 0;
    color: #fff;
    padding: 75px 160px 35px 40px;
}

.fl-post-link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


.fl-post-shadow h6 a {
    color: #fff;
    font-size: 24px;
    position: relative;
    z-index: 6;
    line-height: 37px;
}


.fl-post-shadow h6:hover a {
    text-decoration: underline;
}


.fl-post-shadow ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.fl-post-shadow ul li {
    color: #fff;
    display: inline-block;
    padding-right: 16px;
    padding-bottom: 8px;
    position: relative;
    z-index: 6;
}




.fl-post-shadow:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: all .5s;
    transition: all .5s;
    background: -webkit-gradient(linear, left bottom, left top, from(black), to(rgba(0, 0, 0, 0)));
    background: linear-gradient(0deg, black 0%, rgba(0, 0, 0, 0) 100%);
    opacity: 0.75;
}


.fl-post-shadow ul li a {
    color: #fff;
}

.fl-post-shadow:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}


.fl-post {
    background-color: #eee;
    height: 400px;
    width: 100%;
    background-size: cover;
    position: relative;
    margin-bottom: 50px;
}

#post1_media {
    background-image: url(img/post1_media.jpg);
}

#post2_media {
    background-image: url(img/post2_media.jpg);
}


.post-fl .post-fl-image img {
    height: auto;
    width: 100%;
    margin: 0 !important;
    padding: 0 !important;
}

.post-fl .rounded-circle {
    border-radius: 50% !important;
    margin-right: 15px;
    margin-top: -10px;
}

.post-fl .title {
    font-size: 27px;
    line-height: 38px;
    margin-top: 0;
    font-weight: 600;
}


.post-fl a {
    color: #222;
    -webkit-transition: all .3s;
    transition: all .3s;
}


.content-post-gap a:hover {
    color: #e64646;
}


.post-fl .title {
    font-size: 30px;
    color: #222222;
    font-weight: 600;
    margin-bottom: 12px;
    margin-top: 0;
}



.post-fl.post-grid h3 {
    font-size: 24px;
    color: #222222;
    font-weight: bold;
    margin-bottom: 10px;
    margin-top: 5px;
}

.post-fl.post-grid .title a {
    font-size: 22px;
    line-height: 1.5;
    display: inline-block;
}



.post-fl .title a {
    color: #222222;
    -webkit-transition: all .3s;
    transition: all .3s;
}



.post-fl .title:hover a {
    color: #e64646;
}

.content-meta {
    border-bottom: 1px solid #eee;
    margin-bottom: 25px;
    padding-top: 0;
    margin-top: 0px;
}

.post-fl.post-grid .content-meta {
    padding-top: 0;
    margin-top: -10px;
}

.content-meta ul li {
    margin-right: 5px;
}

.content-meta ul li i {
    margin-right: 9px;
    color: #e64646;
    font-size: 17px;
    margin-top: -2px;
    margin-left: 0;
}

.content-meta ul li a {
    padding-left: 3px;
    font-size: 14px;
    color: #444444;
    -webkit-transition: all .3s;
    transition: all .3s;
    font-weight: 500;
    padding-right: 15px;
}

.content-meta ul li a:hover {
    text-decoration: underline;
}

.content-tag ul {
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-left: 0;
    padding-bottom: 0;
    border-top: 1px solid #eee;
    padding-top: 35px;
    margin-top: 35px;
}

.content-tag ul li {
    margin-right: 12px;
    margin-bottom: 0;
    overflow: hidden;
    height: 50px;
    padding-top: 10px;
}

.content-tag ul li a {
    border-radius: 100px;
    background-color: #E4F8FF;
    padding: 11px 22px;
    font-size: 14px;
    color: #222222 !important;
    opacity: 1;
    -webkit-transition: all .3s;
    transition: all .3s;
}

.content-tag ul li a:hover {
    background-color: #de2929;
    color: #fff !important;
}

.post-fl {
    margin-bottom: 25px;
}

.page-single section.content p {
    color: #444444;
    font-size: inherit;
    margin-bottom: 20px;
    line-height: 1.8;
}

.post-fl h3 {
    font-size: 24px;
    color: #222222;
    font-weight: bold;
    margin-bottom: 10px;
    margin-top: 15px;
}

.continue-reading {
    font-size: 19px;
    color: #202020;
    font-weight: 500;
    -webkit-transition: all .3s;
    transition: all .3s;
    position: relative;
}




.continue-reading i {
    color: #e64646;
    position: relative;
    top: 5px;
    margin-left: 4px;
    font-size: 24px;
    transition: all .3s;
}





.continue-reading:hover i {
    margin-left: 8px;
    color: #e64646;
}




.continue-reading svg {
    fill: #ff5e14;
    margin-right: 16px;
}

.continue-reading:hover {
    color: #e64646;
}

.content-blog .navigation.pagination .nav-links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.content-blog .navigation.pagination .nav-links .page-numbers {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-right: 15px;
    width: 50px;
    height: 50px;
    background-color: #fff;
    border-radius: 50%;
    font-size: 18px;
    color: #444444;
    -webkit-transition: all .3s;
    transition: all .3s;
}

.content-blog .navigation.pagination .nav-links .page-numbers:hover {
    background-color: #ffc248;
    color: #fff;
}

.content-blog .navigation.pagination .nav-links .page-numbers.current {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: #ffc248;
    color: #fff;
    font-size: 18px;
}


/* ========================================================================
   Component: Modal
 ========================================================================== */
/*
 * 1. Hide by default
 * 2. Set position
 * 3. Allow scrolling for the modal dialog
 * 4. Horizontal padding
 * 5. Mask the background page
 * 6. Fade-in transition
 */
.uk-modal {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1010;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    padding: 15px 15px;
    background: rgba(0, 0, 0, 0.6);
    opacity: 0;
    transition: opacity 0.15s linear;
}

/* Phone landscape and bigger */
@media (min-width: 640px) {
    .uk-modal {
        padding: 50px 30px;
    }
}

/* Tablet landscape and bigger */
@media (min-width: 960px) {
    .uk-modal {
        padding-left: 40px;
        padding-right: 40px;
    }
}

/*
 * Open
 */
.uk-modal.uk-open {
    opacity: 1;
}

/* Page
 ========================================================================== */
/*
 * Prevent scrollbars
 */
.uk-modal-page {
    overflow: hidden;
}



.listing-top-info {
    padding-top: 20px;
}


.listing-top-info .input-group {
    margin-bottom: 25px;
}

.listing-top-info .listing-row-latest .input-group {
    margin-bottom: 0;
}


.listing-top-info .dropdown-menu.show {
    width: 100%;
}


.form-select {
    border-color: #eee;
}

.form-select:hover {
    border-color: #222;
}

.listing-top-info .input-group .btn {
    border: 1px solid #eee;
    width: 100%;
    text-align: left;
}

.listing-top-info .input-group .btn:hover {
    border-color: #222;
}


.page-card {
    padding-top: 30px;
    margin-bottom: 0;
    padding-bottom: 130px;
}



.aside.map {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    background: red !important;
}

.aside__map {
    height: 100%;
}

#map-canvas {
    height: 100% !important;
}

.page-card h2.title {
    font-size: 22px;
    font-weight: 600;
}

.details-slider {
    margin-bottom: 25px;
}


.iteam-desc-gap {
    padding: 50px;
    background-color: #fff;
    border: 1px solid #eee;
    margin-bottom: 35px;
}


.iteam-desc-gap section {
    border-bottom: 1px solid #eee;
    padding-bottom: 30px;
    margin-bottom: 40px;
}


.iteam-desc-gap section.details-map {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: 0;
}

.details-brief p {
    font-size: 15px;
    margin-bottom: 10px;
    line-height: 23px;
}


.details-brief {
    font-size: 15px;
    line-height: 23px;
}

.listing-details h3.title {
    font-size: 22px;
    color: #222222;
    font-weight: 600;
    margin-left: 10px;
}

.listing-details section.details-slider .title {
    font-size: 30px;
    color: #222222;
    font-weight: 700;
    margin-bottom: 40px;
}

.listing-details section.details-slider .slider__top {
    margin: 0 auto;
    width: 100%;
    display: block;
}

.listing-details section.details-slider .slider__top img {
    width: 100%;
    margin-bottom: 0px;
}

.listing-details section.details-content .items .item svg {
    margin-bottom: 12px;
    height: 55px;
}

.listing-details section.details-content .items .item .text {
    color: #444444;
}

.listing-details section.details-content .items .item:not(:last-of-type) {
    border-right: 1px solid #eee;
    padding-top: 0;
}

.details-map iframe {
    width: 100% !important;
    min-height: 300px;
}

.items-features {
    padding-top: 20px;
}

.listing-details section.details-intro_video {
    position: relative;
}

.listing-details section.details-intro_video img {
    position: relative;
    max-width: 100%;
    height: auto;
}

.listing-details section.details-intro_video a {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, 50%);
    transform: translate(-50%, 50%);
}

.listing-details section.details-contact ul {
    list-style: none;
    padding-left: 0;
    margin-bottom: 35px;
}

.listing-details section.details-contact ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 10px;
}

.listing-details section.details-contact ul li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #444444;
    font-weight: 500;
}

.listing-details section.details-contact ul li span {
    margin-right: 15px;
    width: 40px;
    height: 40px;
    background-color: #ebebeb;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.listing-details section.details-contact ul.social li {
    width: 40px;
    height: 40px;
    margin-right: 10px;
}

.listing-details section.details-contact ul.social li a {
    background-color: #ebebeb;
    color: #222222;
}

.content-gap {
    padding: 30px;
    background-color: #fff;
    border: 1px solid #eee;
    border-top: 0;
}

.content-post-gap {
    padding: 40px;
    background-color: #fff;
    border: 1px solid #eee;
    border-top: 0;
    margin-bottom: 50px;
}


.comment-gap {
    padding: 50px;
    background-color: #fff;
    border: 1px solid #eee;
    margin-bottom: 75px;
}



.aside-wrap {
    background-color: #fff;
    overflow: scroll;
}

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

.aside ul li {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 13px;
}



li.check {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 13px;
}

.check:before {
    display: block;
    margin-right: 10px;
    font-size: 18px;
    color: #2873de;
    font-family: "Font Awesome 6 Free";
    content: "\f058";
}


.aside .title {
    font-size: 20px;
    color: #222222;
    font-weight: 600;
    position: relative;
    margin-bottom: 52px;
}

.aside .title::after {
    font-family: 'icomoon';
    position: absolute;
    content: "\eac7";
    transform: rotate(88deg);
    left: 21px;
    bottom: -27px;
    width: 30px;
    height: 10px;
    display: block;
    padding-top: 15px;
    padding-bottom: 5px;
    font-size: 28px;
    color: #ffc248;
}

.aside__search form {
    background-color: #fff;
    -webkit-box-shadow: 0px 7px 19px 1px rgba(7, 48, 61, 0.07);
    box-shadow: 0px 7px 19px 1px rgba(7, 48, 61, 0.07);
    padding: 5px;
    height: 70px;
    margin-bottom: 32px;
}

.aside__search form input {
    border: none;
    width: 100%;
    font-size: 17px;
    color: #222222;
    text-transform: uppercase;
    padding-left: 32px;
}

.aside__search form button {
    background-color: #e64646;
    border: none;
    border-radius: none;
    width: 70px;
    height: 60px;
    -webkit-transition: all .3s;
    transition: all .3s;
}

.aside__search form button:hover {
    background-color: #ffc248;
}


.aside__search form button i {
    color: #fff;
    font-size: 24px;
    position: relative;
    top: 2px;
}

.aside__search form button svg {
    fill: #fff;
}

.aside__categories,
.aside__pop-posts,
.aside__box {
    border: 1px solid #eee;
    border-radius: 2px;
    background-color: #fff;
    padding: 38px;
    padding-left: 41px;
    margin-bottom: 45px;
}

.aside__categories ul li,
.aside__pop-posts ul li,
.aside__box ul li {
    margin-bottom: 15px;
    -webkit-transition: all .3s;
    transition: all .3s;
}

.aside__categories ul li:hover,
.aside__pop-posts ul li:hover {
    text-decoration: none;
}


.aside__categories ul li:hover a,
.aside__pop-posts ul li:hover a {
    color: #e64646;
}


.aside__box .input-group {
    margin-bottom: 15px;
}



.card-title a:hover {
    color: #e64646;
}

.aside__categories ul li a,
.aside__pop-posts ul li a {
    font-size: 16px;
    line-height: 21px;
    color: #444444;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
}

.aside__categories ul li a span,
.aside__pop-posts ul li a span {
    position: relative;
    top: -6px;
    border-radius: 15px;
    background-color: #E4F8FF;
    width: 30px;
    height: 30px;
    font-size: 14px;
    color: #444444;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-decoration: none !important;
}

.aside__categories ul li::before {
    content: none;
}

.aside__pop-posts {
    padding-top: 32px;
}

.aside__pop-posts .title {
    margin-bottom: 20px;
}

.aside__pop-posts ul {
    padding-top: 35px;
}

.aside__pop-posts ul li:not(:last-of-type) {
    border-bottom: 1px solid #eee;
    padding-bottom: 21px;
}

.aside__pop-posts ul li {
    margin-bottom: 20px;
}

.aside__pop-posts ul li a img {
    margin-right: 25px;
}

.aside__pop-posts ul li a .card-title {
    font-size: 16px;
    color: #222222;
    font-weight: 500;
    margin-bottom: 6px;
    line-height: 22px;
}

.aside__pop-posts ul li a .data_info svg {
    margin-right: 8px;
}

.aside__pop-posts ul li::before {
    content: none;
}


.aside__pop-posts img {
    margin-right: 21px;
    margin-top: 4px;
    min-width: 75px;
    height: auto;
}


.aside__pop-posts .data_info i,
.aside__pop-posts .fl-date i {
    font-size: 15px;
    color: #e64646;
    margin-right: 10px;
    position: relative;
    top: 5px;
}



.fl-date {
    font-size: 13px;
    line-height: 25px;
}


.aside__author {
    margin: 0 auto 25px;
    background: #fff;
    padding: 40px;
}

.aside-wrap {
    padding: 30px 30px 130px 30px;
}


.aside__author a {
    color: #7a7a7a;
    padding-bottom: 10px;
    margin-bottom: 0 !important;
    font-size: 14px;
}

.aside__author img {
    width: 63px;
    height: 63px;
    border-radius: 100px;
}

.aside__author .name {
    color: #222;
    font-weight: 500;
    padding-top: 9px;
}

.aside__author .time {
    color: #7a7a7a;
    padding-bottom: 10px;
    font-size: 13px;
}

.aside__author > a {
    color: #444444;
}

.aside__author .link__template {
    max-width: 260px;
    width: 100%;
    height: 60px;
    color: #fff;
    text-transform: uppercase;
    font-size: 17px;
    font-family: inherit;
    font-weight: 500;
    background-color: #00bff5;
    -webkit-transition: all .3s;
    transition: all .3s;
    border: none;
    margin: 0;
    margin-right: auto;
    margin-bottom: 60px;
    padding-bottom: 0;
}

.aside__author .email {
    padding-bottom: 10px;
}

.aside__author .link__template .text {
    width: 100%;
    text-align: center;
}

.fl-author-contact-contain .fl-author-contact {
    padding-bottom: 15px;
    display: inline-block;
}

.fl-author-contact-contain .fl-author-contact i {
    background-color: #E4F8FF;
    padding: 10px;
    border-radius: 100px;
    margin-right: 12px;
}


.fl-author-contact-contain {
    padding: 5px 0 12px 0;
}

.iframe-map {
    border: 0;
    width: 100%;
    height: 500px;
}

.aside__author .link__template span {
    display: block;
    width: 80px;
    background-color: #00a8d8;
    height: 60px;
    margin-top: 0px;
}

.aside__author .link__template span svg {
    fill: #fff;
}

.aside__author .link__template:hover {
    color: #fff;
    -webkit-box-shadow: 0px 10px 19px -11px rgba(0, 0, 0, 0.61);
    box-shadow: 0px 10px 19px -11px rgba(0, 0, 0, 0.61);
}

.aside__hours-work {
    margin: 0 auto 25px;
    background: #fff;
    padding: 40px;
}


.aside__hours-work tr td {
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
}

.aside__hours-work .title {
    margin-bottom: 50px;
}

.aside__hours-work .now-open {
    font-size: 19px;
    color: #222222;
    background-color: #f2f7f9;
    height: 74px;
    margin-bottom: 30px;
}


.aside__hours-work .now-open span {
    padding-right: 5px;
}

.aside__hours-work .show__all .uk-button {
    display: inline-block;
    font-size: 19px;
    color: #222222;
    border: 2px solid #f2f7f9;
    height: 74px;
    width: 100%;
    padding: 21px;
    -webkit-transition: all .3s;
    transition: all .3s;
}


.aside__hours-work .show__all .uk-button:hover {
    border-color: #222;
}

.aside__hours-work .show__all > a {
    font-size: 15px;
    color: #7a7a7a;
    text-align: center;
    display: block;
    margin-bottom: 0px;
}


.aside__hours-work .show__all > a:hover {
    color: #222;
}

.aside__hours-work .show__all > a ~ .collapse {
    margin-bottom: 20px;
}

.aside__hours-work .show__all table {
    border-collapse: unset;
    border-spacing: 0 20px;
}

.aside__hours-work .show__all table tr td:last-child {
    text-align: end;
}

.aside__slider {
    margin-bottom: 15px;
}






.aside__content {
    margin: 0 auto;
    border-bottom: 1px solid #eee;
    margin-bottom: 35px;
    padding: 0 0px;
}

.aside__content .title {
    font-size: 26px;
    color: #222222;
    font-weight: bold;
    margin-bottom: 15px;
}

.aside__content .title::after {
    content: none;
}

.aside__content .data_info {
    margin-bottom: 25px;
}

.aside__content .station {
    background-color: #f2f7f9;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 25px;
}


.aside__content .station > div {
    margin-bottom: 5px;
}

.aside.map {
    padding-left: 0;
}

.aside.map__map {
    max-width: 640px;
    width: 100%;
    position: relative;
}

/* Page
 ========================================================================== */
/*
 * Prevent scrollbars
 */
.uk-modal-page {
    overflow: hidden;
}

/* Dialog
 ========================================================================== */
/*
 * 1. Create position context for spinner and close button
 * 2. Dimensions
 * 3. `!important` is needed to overwrite `uk-width-auto`. See `#modal-media-image` in tests
 * 4. Style
 * 5. Slide-in transition
 */
.uk-modal-dialog {
    /* 1 */
    position: relative;
    /* 2 */
    box-sizing: border-box;
    margin: 0 auto;
    width: 600px;
    /* 3 */
    max-width: 100% !important;
    /* 4 */
    background: #fff;
    /* 5 */
    opacity: 0;
    transform: translateY(-100px);
    transition: 0.3s linear;
    transition-property: opacity, transform;
}



/*
 * Open
 */
.uk-open > .uk-modal-dialog {
    opacity: 1;
    transform: translateY(0);
}

/* Size modifier
 ========================================================================== */
/*
 * Container size
 * Take the same size as the Container component
 */
.uk-modal-container .uk-modal-dialog {
    width: 1200px;
}

/*
 * Full size
 * 1. Remove padding and background from modal
 * 2. Reset all default declarations from modal dialog
 */
/* 1 */
.uk-modal-full {
    padding: 0;
    background: none;
}

/* 2 */
.uk-modal-full .uk-modal-dialog {
    margin: 0;
    width: 100%;
    max-width: 100%;
    transform: translateY(0);
}

/* Sections
 ========================================================================== */
.uk-modal-body {
    display: flow-root;
    padding: 20px 20px;
    overflow: auto;
}

.uk-modal-header {
    display: flow-root;
    padding: 10px 20px;
    background: #fff;
    border-bottom: 1px solid #e5e5e5;
}

.uk-modal-footer {
    display: flow-root;
    padding: 10px 20px;
    background: #fff;
    border-top: 1px solid #e5e5e5;
}

/* Phone landscape and bigger */
@media (min-width: 640px) {
    .uk-modal-body {
        padding: 30px 30px;
    }

    .uk-modal-header {
        padding: 15px 30px;
    }

    .uk-modal-footer {
        padding: 15px 30px;
    }
}

/*
 * Remove margin from the last-child
 */
.uk-modal-body > :last-child,
.uk-modal-header > :last-child,
.uk-modal-footer > :last-child {
    margin-bottom: 0;
}

/* Title
 ========================================================================== */
.uk-modal-title {
    font-size: 24px;
    line-height: 1.3;
}

/* Close
 * Adopts `uk-close`
 ========================================================================== */
[class*='uk-modal-close-'] {
    position: absolute;
    z-index: 1010;
    top: 10px;
    right: 10px;
    padding: 5px;
}

.uk-modal-body td,
.uk-modal-body th {
    padding: 10px 0;
    border-bottom: 1px dashed #ddd;
}

[class*='uk-modal-close-'] {
    position: absolute;
    z-index: 1010;
    top: 10px;
    right: 10px;
    padding: 5px;
    border: 0;
    width: 35px;
    height: 35px;
}

/*
 * Remove margin from adjacent element
 */
[class*='uk-modal-close-']:first-child + * {
    margin-top: 0;
}



/*-----Template-----------------*/


.breadcrumbs-minimal {
    background-color: #f7f7f7;
    margin-bottom: 0;
    padding: 18px;
    border-bottom: 1px solid #eee;
    font-size: 13px;
}

.breadcrumbs-filter {
    background-color: #f6f6f6;
    margin-bottom: 0;
    padding: 18px;
    border-bottom: 1px solid #eee;
    font-size: 13px;
}

.breadcrumbs-minimal .breadcrumbs-divider {
    color: #222;
    font-size: 12px !important;
}

.breadcrumbs-minimal a {
    color: #222;
}

.breadcrumbs {
    height: 340px;
    background: url(img/blog-g.jpg) no-repeat left top;
    border-bottom: 4px solid #de2929;
}

.breadcrumbs ul {
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
}

.breadcrumbs ul li {
    font-size: 18px;
    color: #fafafa;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.breadcrumbs-divider {
    color: #fff;
    padding: 0 10px;
    font-size: 15px !important;
}

.breadcrumbs ul li a {
    font-size: 18px;
    color: #00bff5;
}

.breadcrumbs .title {
    font-size: 60px;
    color: #fafafa;
    font-weight: bold;
    margin-bottom: 20px;
    position: relative;
}



.link__template {
    max-width: 300px;
    width: 100%;
    height: 60px;
    color: #fff;
    text-transform: uppercase;
    font-size: 17px;
    font-family: inherit;
    font-weight: 700;
    background-color: #de2929;
    -webkit-transition: all .3s;
    transition: all .3s;
    border: none;
    margin: 0 auto;
    margin-bottom: 100px;
    align-items: center !important;
}

.link__template .text {
    width: 100%;
    text-align: center;
}

.link__template span {
    display: block;
    width: 80px;
    background-color: #ab1212;
    height: 60px;
}

.link__template span svg {
    fill: #fff;
}

.link__template:hover {
    color: #fff;
    -webkit-box-shadow: 0px 10px 19px -11px rgba(0, 0, 0, 0.61);
    box-shadow: 0px 10px 19px -11px rgba(0, 0, 0, 0.61);
}

.box__banner {
    max-width: 360px;
    margin: 50px auto 0;
    height: 615px;
    position: relative;
    background: url(img/png/banner.png) no-repeat top center;
    background-size: cover;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 0 30px;
    font-family: inherit;
}

.box__banner .title {
    text-align: center;
    font-size: 30px;
    color: #222222;
    font-weight: bold;
    margin-bottom: 15px;
}

.box__banner p.text {
    font-size: 22px;
    color: #222222;
    line-height: 1.455;
    text-align: center;
    margin-bottom: 32px;
}

.box__banner .link__template {
    max-width: 241px;
    width: 100%;
    height: 60px;
    color: #fff;
    text-transform: uppercase;
    font-size: 17px;
    font-family: inherit;
    font-weight: 700;
    background-color: #de2929;
    -webkit-transition: all .3s;
    transition: all .3s;
    border: none;
    margin-bottom: 47px;
    cursor: pointer;
}

.box__banner .link__template .text {
    width: 100%;
    text-align: center;
}

.box__banner .link__template span {
    display: block;
    width: 80px;
    background-color: #ab1212;
    height: 60px;
}

.box__banner .link__template span svg {
    fill: #fff;
}

.box__banner .link__template:hover {
    color: #fff;
    -webkit-box-shadow: 0px 10px 19px -11px rgba(0, 0, 0, 0.61);
    box-shadow: 0px 10px 19px -11px rgba(0, 0, 0, 0.61);
}



.post-comments .add-reviews {
    color: #de2929;
    font-weight: bold;
    -webkit-transition: all .3s;
    transition: all .3s;
    text-decoration: none;
}

.post-comments .add-reviews:hover {
    text-decoration: underline;
}

.post-comments .your-rating {
    width: 300px;
    height: 65px;
    background-color: #e1f4f9;
    border-radius: 40px;
    margin-bottom: 45px;
}

.post-comments .title {
    font-size: 22px;
    color: #222222;
    font-weight: bold;
    position: relative;
    margin-left: 20px;
    margin-bottom: 45px;
}

.listing-details h3.title {
    position: relative;
}

.listing-details h3.title:before {
    font-family: 'icomoon';
    content: "\eb98";
    color: #ffc248;
    transform: rotate(-180deg);
    display: block;
    width: 30px;
    height: 30px;
    font-size: 23px;
    float: left;
    margin-right: 15px;
    margin-left: -10px;
    top: -2px;
    position: relative;
}


.post-comments .title:before {
    font-family: 'icomoon';
    content: "\eb98";
    color: #ffc248;
    transform: rotate(-180deg);
    display: block;
    width: 30px;
    height: 30px;
    font-size: 23px;
    float: left;
    margin-right: 15px;
    margin-left: -10px;
    top: -2px;
    position: relative;
}


.post-comments .comment-list {
    list-style: none;
    border-bottom: 1px solid #eee;
    margin-bottom: 70px;
}



.post-comments .comment:odd {
    background: red;
}


.comment-content {
    background: #FAFAFA;
    position: relative;
    padding: 25px;
}


.comment-content:before {
    display: block;
    content: "";
    background: #FAFAFA;
    width: 20px;
    height: 20px;
    position: absolute;
    top: -6px;
    left: 20px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.comment-odd .comment-content:before {
    top: -6px;
    left: auto;
    right: 145px;
}



comment .post-comments .comment-author img {
    margin-right: 17px;
}

.post-comments .comment-metadata b {
    margin-right: 16px;
}

.post-comments .comment-metadata b a {
    font-size: 18px;
    color: #222222;
}

.post-comments .comment-metadata b .day {
    font-size: 12px;
    color: #444444;
}

.post-comments .comment-content p {
    font-size: 16px;
    color: #444444;
}




.post-comments .form-comment form textarea,
.post-comments .form-comment form input[type="text"],
.post-comments .form-comment form input[type="email"],
.post-comments .form-comment form input[type="text"] {
    border: 1px solid #eee;
    background: #FAFAFA;
    padding-left: 25px;
    margin-bottom: 22px;
    -webkit-transition: all .3s;
    transition: all .3s;
}

.post-comments .form-comment form textarea:hover,
.post-comments .form-comment form input[type="text"]:hover,
.post-comments .form-comment form input[type="email"]:hover,
.post-comments .form-comment form input[type="text"]:hover {
    border-color: #222;
}

.post-comments .form-comment form input[type="text"],
.post-comments .form-comment form input[type="email"] {
    height: 60px;
}


.post-comments .form-comment form input[type="radio"] {
    margin-right: 10px;
}

.post-comments .form-comment form textarea {
    padding-top: 30px;
}

.post-comments .form-comment form button.link__template {
    max-width: 300px;
    width: 100%;
    height: 60px;
    color: #fff;
    text-transform: uppercase;
    font-size: 17px;
    font-family: inherit;
    font-weight: 700;
    background-color: #de2929;
    -webkit-transition: all .3s;
    transition: all .3s;
    border: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-right: 0;
    padding-left: 0;
    margin: 0;
    margin-bottom: 0px;
    margin-right: auto;
}

.post-comments .form-comment form button.link__template .text {
    width: 100%;
    text-align: center;
    font-style: normal;
}

.post-comments .form-comment form button.link__template span {
    display: block;
    width: 80px;
    background-color: #ab1212;
    height: 60px;
}

.post-comments .form-comment form button.link__template span svg {
    fill: #fff;
}

.post-comments .form-comment form button.link__template:hover {
    color: #fff;
    -webkit-box-shadow: 0px 10px 19px -11px rgba(0, 0, 0, 0.61);
    box-shadow: 0px 10px 19px -11px rgba(0, 0, 0, 0.61);
}

.left__menu .offcanvas {
    -webkit-transition: -webkit-transform .5s ease-in-out;
    transition: -webkit-transform .5s ease-in-out;
    transition: transform .5s ease-in-out;
    transition: transform .5s ease-in-out, -webkit-transform .5s ease-in-out;
}

.left__menu .offcanvas-start {
    top: 98px;
    width: 375px;
}

.left__menu .offcanvas-body {
    padding-top: 60px;
    padding-left: 15px;
}

.left__menu .offcanvas-body ul {
    list-style: none;
    padding-left: 2.3rem;
}

.left__menu .offcanvas-body ul li {
    margin-bottom: 25px;

}

.icon_left_menu {
    -webkit-transition: -webkit-transform .5s ease-in-out;
    transition: -webkit-transform .5s ease-in-out;
    transition: transform .5s ease-in-out;
    transition: transform .5s ease-in-out, -webkit-transform .5s ease-in-out;
}

.left__menu .offcanvas-body ul li:hover .icon_left_menu {
    transform: scale(1.1);
}


.left__menu .offcanvas-body ul li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 22px;
    color: #222222;
    -webkit-transition: all .3s;
    transition: all .3s;
}

.left__menu .offcanvas-body ul li a:hover,
.left__menu .offcanvas-body ul li.active-link a {
    color: #00a8d8;
}


.left__menu .offcanvas-body ul li a:hover .icon_left_menu,
.left__menu .offcanvas-body ul li.active-link a .icon_left_menu {
    border-color: #00a8d8;
    background: #00a8d8;
    color: #fff;
}


.left__menu .offcanvas-body ul li svg {
    margin-right: 40px;
}


.buttons-list__grid i {
    font-size: 20px;
    color: #cccccc;
    ;
}

.buttons-list__grid i.fa-grip {
    position: relative;
    top: 2px;
    left: 2px;
}


.buttons-list__grid .filter__active i,
.buttons-list__grid a:hover i {
    color: #222;
}


.buttons-list__grid .filter__active i,
.buttons-list__grid a:hover i {
    opacity: 1;
}

.buttons-list__grid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.buttons-list__grid .grid,
.buttons-list__grid .list {
    border: none;
}

.buttons-list__grid .list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background: transparent;
    margin: 0 15px 0 5px;
}

.buttons-list__grid a {
    -webkit-transition: all .5s;
    transition: all .5s;
}

.buttons-list__grid .list.filter__active,
.buttons-list__grid .grid.filter__active,
.buttons-list__grid .list.filter__active,
.buttons-list__grid a:hover {
    border-color: #222 !important;
}

.buttons-list__grid .list,
.buttons-list__grid .grid {
    border: 2px solid #cccccc;
    background: #fff;
    padding: 8px;
    margin: 0 4px;
    display: inline-block;
    height: 41px;
    color: #222;
    width: 40px;
}

.buttons-list__grid .list span {
    display: block;
    border: 2px solid #dbdbdb;
    width: 25px;
    height: 7px;
    margin-bottom: 2px;
    border-radius: 3px;
}

.buttons-list__grid .list.filter__active span {
    border-color: rgb(222, 41, 41);
}


.buttons-list__grid .grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
}

.buttons-list__grid .grid span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 12px;
    height: 12px;
    border-radius: 2px;
    background-color: #dbdbdb;
    margin-bottom: 2px;
    border-radius: 3px;
}

.buttons-list__grid .grid span:nth-child(odd) {
    margin-right: 2px;
}

.buttons-list__grid .filter__active span {
    background-color: rgb(222, 41, 41);
}

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




.fl-shape1 {
    font-size: 27px;
    color: #ffc248;
}


.fl-shape1 i {
    font-size: 45px;
    color: #ffc248;
}


.fl-shape2 {
    font-size: 27px;
    color: #ffc248;
}


.footer .fl-shape1 {
    display: block;
    right: 2%;
    top: 30%;
    position: absolute;
    font-size: 27px;
    color: #ffc248;
}


.footer .fl-shape2 {
    position: absolute;
    z-index: 7;
    left: 89px;
    top: 68px;
    font-size: 27px;
    color: #ffc248;
}



.footer {
    width: 100%;
    position: relative;
    margin-top: 0;
}

.footer-email {
    width: 100%;
    background-color: #00a5d3;
    position: relative;
    overflow: hidden;
    padding: 36px;
}


.second-style .footer-email {
    background-color: #2873de;
}


.second-style .footer-email .form-email form input {
    border-color: #5b91df;
}


.footer-email::after {
    content: '';
    background: url(img/svg/curve-email.svg) no-repeat center;
    width: 100%;
    height: 584px;
    position: absolute;
    top: -235px;
    left: 0;
}

.footer-email .email-text h2 {
    font-size: 40px;
    font-family: inherit;
    color: #fff;
    font-weight: 500;
    line-height: 1.3;
    position: relative;
    margin-top: -13px;
}

.footer-email .email-text h2::before {
    top: 10px;
    left: -90px;
}

.footer-email .form-email form {
    width: 100%;
    position: relative;
    z-index: 100;
}

.footer-email .form-email form input {
    padding: 29px;
    font-size: 17px;
    font-family: inherit;
    color: #222222;
    line-height: 1.2;
    border: 10px solid #4eb6d3;
}

.footer-email .form-email form button {
    position: absolute;
    right: 0;
    right: 10px;
    height: 79px;
    top: 10px;
    width: 80px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: none;
    padding: 0;
}

.footer-email .form-email form button:hover span {
    background-color: #ffc248 !important;
}

.footer-middle {
    position: relative;
}

.footer-middle .column-first {
    margin-right: 30px;
}

.footer-middle .column-first .logo-footer {
    margin-bottom: 30px;
    padding-top: 15px;
}


.footer-middle .column-first .logo-footer img {
    max-width: 100%;
    height: auto;
}

.footer-middle .column-first .text {
    font-size: 14px;
    color: #fff;
    line-height: 1.765;
    text-align: left;
    margin-bottom: 20px;
    font-weight: 300;
    opacity: 0.8;
}


.footer-middle .column-first i {
    margin-right: 6px;
    font-size: 22px;
    color: #ffc248;
}

.footer-middle .column-first .phone {
    font-size: 20px;
    color: #fff;
    line-height: 1.273;
    text-align: left;
    margin-bottom: 25px;
    display: inline-block;
}

.footer-middle .column-second ul li:first-child {
    margin-top: -15px;
}

.footer-middle .column-second ul li {
    position: relative;
    -webkit-transition: all .7s;
    transition: all .7s;
    border-bottom: 1px dashed #4a4a4a;
    padding: 10px 0;
    margin-right: 20%;
    overflow: hidden;
}

.footer-middle .column-second ul li a {
    font-size: 17px;
    color: #fff;
    line-height: 1.882;
    text-align: left;
    -webkit-transition: all .5s;
    transition: all .5s;
    margin: 0;
    padding: 0;
}

.footer-middle .column-second ul li a:hover {
    opacity: 0.8;
}

.footer-middle .column-second ul li:after {
    font-family: 'icomoon';
    content: "\eae0";
    position: absolute;
    width: 12px;
    height: 12px;
    display: block;
    left: -100px;
    top: 14px;
    -webkit-transition: all .2s;
    transition: all .5s;
    color: #de2929;
}

.footer-middle .column-second ul li:hover::after {
    left: 0;
}

.footer-middle .column-second ul li:hover a {
    padding-left: 25px;
}

.footer-middle .column-three ul li {
    border-bottom: 1px dashed #4a4a4a;
    margin-bottom: 17px;
    padding-bottom: 7px;
}

.footer-middle .column-three .card-content .data_info {
    font-size: 14px;
    color: #fff;
    line-height: 7px;
    text-align: left;
    margin-bottom: 14px;
    opacity: 0.8;
}

.footer-middle .column-three .card-list img {
    border-radius: 2px;
    margin-right: 20px;
    width: 75px;
    height: auto;
}

.footer-middle .column-three .card-title {
    font-size: 16px;
    color: #fff;
    font-weight: 500;
    line-height: 1.2;
    text-align: left;
    margin-bottom: 7px;
    margin-top: -3px;
}


.fl-commnet-name {
    color: #222;
    font-weight: bold;
}


.comment-metadata .day {
    padding-top: 6px;
    font-size: 14px;
    opacity: 0.7;
}


.comment-author {
    margin-right: 13px;
    margin-top: -7px;
}


.comment.comment-odd .d-flex {
    justify-content: end;
}



.footer-middle .data_info i {
    font-size: 17px;
    color: #fff;
    margin-right: 5px;
    position: relative;
    top: -1px;
}

.footer-middle .column-three .card-price {
    font-size: 18px;
    color: #de2929;
    line-height: 1.2;
    text-align: left;
    margin-bottom: 8px;
    opacity: 1;
}

.footer-middle .title {
    font-size: 22px;
    color: #fff;
    font-weight: 500;
    line-height: 2.8;
    text-align: left;
    position: relative;
    margin-bottom: 40px;

}

.footer-middle .title::before {
    content: '';
    background-color: #00bff5;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 40px;
    height: 1px;
    z-index: 26;
}

.footer-bottom {
    text-align: center;
    min-height: 120px;
    background-color: #151515;
    width: 100%;
    margin-top: 0;
}

.footer-bottom p {
    font-size: 16px;
    color: rgba(255, 255, 255, 0.7);
    line-height: 1.875;
    text-align: center;
}

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

.footer-bottom ul li a {
    font-size: 16px;
    color: rgba(255, 255, 255, 0.9);
    line-height: 3.063;
    text-align: left;
}


.footer-bottom ul li a:hover {
    text-decoration: underline;
}


.footer-email .btn-hover-animate .fa {
    right: 30px;
    top: 30px;
    font-size: 20px;
}




.footer-email .btn-hover-animate .fa-second {
    right: -110px;
}



.footer-email .btn-hover-animate .fa {
    right: 30px;
    margin: 0;
}


.footer-email .btn-hover-animate:hover .fa-first {
    position: absolute;
    right: -110px;
}


.footer-email .btn-hover-animate:hover .fa-second {
    right: 30px;
}


.footer-email .btn-hover-animate .fa-second {
    right: -110px;
}



.image-caption {
    position: absolute;
    bottom: 31px;
    padding: 20px;
    background: #fff;
    left: -15px;
    -webkit-box-shadow: 0 0 20px 2.5px rgb(18 53 87 / 12%);
    box-shadow: 0 0 20px 2.5px rgb(18 53 87 / 12%);
    width: 215px;
    height: 109px;
    padding: 22px 22px 22px 26px;
}


.image-caption .ico-size {
    color: #222;
}


.image-caption span {
    font-weight: 500;
}


.image-caption .counter {
    color: #e64646;
    font-weight: bold;
    font-size: 35px;
}


.we-provide .picture {
    position: relative;
    display: inline-block;
}


.we-provide .snape23 {
    position: absolute;
    top: 41px;
    right: -37px;
    margin: 0;
}

.we-provide .check-list {
    padding-top: 25px;
}




/*-------------------------Media------------------*/
@media screen and (min-width: 1200px) {
    .header-home #dl-menu {
        width: auto;
        max-width: 100%;
    }

    .header-home #dl-menu .dl-menu {
        display: none;
    }

    .header-home #dl-menu li.dl-back:after,
    .header-home #dl-menu li > a:not(:only-child):after {
        content: '';
        position: initial;
    }
}

@media screen and (min-width: 1025px) {
    #navbarNavDropdown {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }

    .offcanvas {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }
}

@media screen and (min-width: 810px) {

    .footer-email {
        max-width: 1425px;
        position: relative;
        top: 0;
        left: 0;
        padding: 70px 126px;
        padding-left: 178px;
        margin-top: -120px;
        display: inline-block;
    }

    .aside__content .station {
        margin-bottom: 25px;
    }
}

@media screen and (min-width: 768px) {



    .hand__picked {
        padding-bottom: 50px;
    }

    .popular__listing-title::after {
        display: none;
    }


    html .footer-email .email-text h2 {
        font-size: 37px;
        line-height: 1.3;
        padding-bottom: 20px;
        position: relative;
        top: 7px;
        z-index: 77;
    }

    html .reviews__slider .item-card .card-body {
        padding-top: 2px;
        margin-left: 14px;
        padding-left: 0;
    }

    html .listing__products .nav-pills .nav-item {
        margin-right: 0;
        margin-bottom: 10px;
    }


    .first__screen-form {
        width: 764px;
    }

    .first__screen--bg-img::after {
        content: '';
    }

    .hand__picked::after {
        content: '';
    }

    .featured__category {
        padding: 125px 0 105px;
        position: relative;
    }





    .featured__category::after {
        position: absolute;
        content: '';
        background: url(img/svg/curve-right-bottom.svg) no-repeat center;
        width: 603px;
        height: 587px;
        right: 0;
        bottom: 0;
        z-index: 0;
    }

    .featured__category-title {
        font-size: 42px;
        font-family: inherit;
        color: #fff;
        font-weight: bold;
        line-height: 1.2;
        text-align: center;
        margin-bottom: 70px;
    }

    .featured__category-title + .row {
        margin-bottom: 70px;
        z-index: 2;
        position: relative;
    }

    .featured__category-title + .row::before {
        content: '';
        position: absolute;
        background: url(img/png/icon-tr.png) no-repeat center;
        width: 29px;
        height: 29px;
        left: -124px;
        bottom: 0;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
    }



    .reviews2 {
        padding-top: 240px;
        padding-bottom: 190px;
        background-color: #f6f6f6;
    }


    .reviews.reviews-rental {
        padding-top: 105px;
        background-color: #f6f6f6;
        padding-bottom: 160px;
    }



    .reviews.reviews2 {
        padding-top: 225px;
    }




    .footer-middle {
        position: relative;
        padding: 50px;
    }



    .footer-middle .column-first {
        margin-right: 30px;
        position: relative;
    }

    .footer-middle .column-first::before {
        content: '';
        background: url(img/png/icon-dots-footer.png) no-repeat center;
        width: 78px;
        height: 76px;
        left: -29%;
        position: absolute;
        bottom: 18%;
    }
}



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




    html .header-sticky {
        padding: 0 1%;
    }

    html .header-style-2 .submit__listing {
        display: none;
    }



}

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




    .listing__products .listing-card .data-item li:not(:last-child):after {
        right: -17px;
    }
}

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

    .lay1 img,
    .lay2 img,
    .lay3 img,
    .lay4 img {
        display: none;
    }


    .listing__products .listing-card__info .data_info {
        text-align: left;
    }



    .breadcrumbs {
        padding-left: 50px;
    }


    .footer-email::after {
        display: none;
    }

    html .footer-email .email-text h2 {
        font-size: 30px;
        top: 13px;
    }


    html .reviews.reviews2 {
        padding-top: 100px;
    }

    .first__screen-content {
        padding-top: 40px;
    }

    .first__screen-description {
        font-size: 17px;
    }

    .first__screen--bg-img::after {
        display: none;
    }

    .fl-header.fl-header-single.fl-header-type1 .link-reg {
        width: 30%;
    }

    html .fl-header.fl-header-single.fl-header-type1 .fl-mega-menu.nav-menu {
        width: 45%;
    }


    .we__offer h2 {
        font-size: 30px;
        margin-top: -17px;
        line-height: 45px;
    }

    .we__offer {
        padding: 40px;
        height: auto;
        background-size: cover;
    }



    html .first__screen-content h1 {
        font-size: 37px;
        line-height: 51px;
    }


    .home-card_icon-flex {
        padding-top: 150px;
    }


    .decore-zigzag {
        display: none;
    }


    .hero__screen-content {
        min-height: auto;
        display: flex;
        align-items: center;
        padding: 50px;
    }


    .reviews__slider .item {
        padding: 20px 35px;
    }

    .listing__products .listing-card__body .title a {
        font-size: 18px;
    }


    .header-home #dl-menu .navbar-nav {
        display: none;
    }

    .header-home .offcanvas-header {
        width: 100%;
    }
}




@media (min-width: 1000px) and (max-width: 1160px) {

    .aside__hours-work .now-open {
        font-size: 15px;
    }


    html .aside__hours-work {
        padding: 0;
    }


    .listing__products .listing-card.line-list .listing-card__middle .listing-card__info .data-item li:last-child {
        display: none !important;
    }


    html .listing__products .listing-card.line-list .listing-card__middle .listing-card__info .data-item li {
        margin-right: 30px;
    }

}

@media (min-width: 768px) and (max-width: 1000px) {

    .listing__products .listing-card__media {
        max-width: 360px;
    }

}



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






    .page-register .box-form {
        margin-top: 75px;
    }

    .contact-content {
        max-width: 658px;
        width: 100%;
        margin: 0 auto;
    }


    .fl-shape1,
    .fl-shape2 {
        display: none !important;
    }

    .col-a-right {
        justify-content: center;
        flex-direction: column;
        text-align: center;
        align-items: center;
    }


    .we__offer p {
        padding-right: 0;
    }




    html .footer-email {
        margin-top: 0px;
        padding: 70px !important;

    }



    .shape-footer1,
    .shape-footer2 {
        display: none !important;
    }


    .aside__content .station {
        margin-bottom: 25px;
    }

    .aside-wrap {
        padding: 30px 30px 30px 30px;
        max-width: 600px;
        margin: 0 auto;
    }


    .we-offer-desc {
        max-width: 480px;
        text-align: center;
        margin: 0 auto 30px;
    }

    .we__offer.we__offer2 p {
        text-align: center;
    }


    .we__offer.we__offer2 .link__template {
        text-align: center;
        margin: 0 auto;
    }



    html .we__offer-card {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }


    html .we__offer-card {
        min-width: auto;
        height: auto;
    }


    .featured__category_box a {
        width: 100%;
    }


    .fl-icon-box {
        width: 50px;
        height: 50px;
    }


    .hand__picked-item--title {
        font-size: 18px;
    }

    .hand__picked-item p {
        font-size: 13px;
    }


    .we__offer h2 {
        font-size: 34px;
        line-height: 51px;
        text-align: center;
        max-width: 500px;
        margin: 0 auto 25px;
    }


    .home-hero:after {
        display: none;
    }


    html .reviews__slider .item-card .card-body {
        padding-top: 17px;
        margin-left: 0;
        padding-left: 0;
    }



    html .home-card_icon-flex {
        padding-top: 15px;
    }



    .listing__products .listing-card.line-list .listing-card__middle .listing-card__info .price {
        text-align: left;
    }


    html .featured__category-title + .row {
        margin-bottom: 40px;
    }


    html .featured__category-title {
        margin-bottom: 60px;
        font-size: 33px;
    }

    .popular__listing-title,
    .section-about .content .title {
        font-size: 28px !important;
    }

    .listing__products .nav-pills .nav-link {
        margin-right: 0px;
        min-width: 100%;
    }


    .popular__listing-title::after {
        display: none;
    }





    .we-provide .snape23 {
        display: none;
    }

    .header-page .navbar {
        height: 100%;
    }

    .header-page .navbar .nav-logo {
        border-right: none;
    }

    .header-page .link-reg {
        max-width: 100%;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .navbar-light .navbar-toggler {
        margin-right: 15px;
    }

    .page-register::before {
        content: none;
    }

    .section-about .content {
        padding: 20px;
    }

    .section-about .content .title {
        font-size: 36px;
        color: #222222;
        font-weight: bold;
        line-height: 1.222;
        text-align: left;
    }

    .page-card {
        margin-bottom: 0;
    }



    .listing__products .listing-card .data-item li:not(:last-child):after {
        right: -18px;
    }

    .page-register:after {
        display: none !important;
    }



}

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


    .first__screen_2 #all_slides {
        display: none;
    }


    html .aside {
        padding-left: 0;
        max-width: 480px;
        margin: 0 auto;
        padding-right: 0;
    }


    html .aside-sticky {
        padding-bottom: 25px;
    }


    html .col-lg-9 .listing__products .listing-card.line-list .cat_media_bg {
        width: 100%;
    }


    .iteam-desc-gap {
        max-width: 750px;
        margin: 0 auto 50px;
    }


    .contact-content .title {
        font-size: 28px;
    }

    .contact-content .text {
        font-size: 14px;
    }


    .contact-content {
        padding-top: 0;
    }


    html .post-fl .title,
    html .post-fl .title a {
        font-size: 24px;
        line-height: 29px;
    }

    .post-fl {
        max-width: 750px;
        margin: 0 auto 25px;
    }

    .aside {
        padding-left: 10px;
        max-width: 750px;
        margin: 0 auto;
    }


    .mb-205 {
        margin-bottom: 70px;
    }

    .m-login a span {
        display: none;
    }



    .breadcrumbs .title {
        text-align: left;
    }



    .breadcrumbs .title {
        font-size: 41px;
    }

    .page-404 .subtitle {
        font-size: 27px;
        color: #222222;
        line-height: 1.4;
        text-align: center;
        margin-bottom: 30px;
        position: relative;
        z-index: 5;
    }


    .footer-middle .column-three .card-list img {
        display: none !important;
    }


    .featured__category_box {
        position: relative;
        max-width: 320px;
        margin: 0 auto;
    }

    html .hand__picked-wrap {
        min-width: 228px;
        max-width: 100%;
        margin: 3%;
    }

    .reviews__slider .card-body {
        padding-top: 15px !important;
        padding-left: 0 !important;
    }


    .first__screen-form .dropdown-toggle {
        width: 100% !important;
    }

    html .hero__screen-content {
        width: 100%;
        padding: 50px;
    }


    html #findTab li {
        margin-right: 0;
        background-color: #f2f2f2;
        width: 25%;

    }

    .hero__screen-content {
        position: relative;
        top: 0;
    }


    html .section-about {
        padding-top: 25px;
        padding-bottom: 25px;
    }

    html .row-info-about {
        padding-top: 37px;
    }


    html .home-card_icon-flex {
        padding-top: 25px;
        padding-bottom: 20px;
    }


    html .svg45 {
        top: 51px;
        display: none;
    }


    html .home-hero:after {
        display: none;
    }

    html .header.header-style-2 .navbar-brand {
        margin-right: 0;
        margin-left: -10px;
    }


    .header.header-style-2 .navbar-light .navbar-toggler {
        margin-right: -10px;
    }



    .header-home #dl-menu {
        display: inline-block;
        margin: 0 auto;
    }

    .hand__picked-subtitle,
    .featured__category-subtitle,
    .section-subtitle,
    .popular__listing-subtitle,
    .reviews__subtitle {
        font-size: 11px;
    }

    .hand__picked-title,
    html .featured__category-title,
    .hand__picked-featured,
    .popular__listing-title {
        margin-bottom: 30px;
        font-size: 28px;
    }


    html .first__screen {
        margin-bottom: 54px !important;
    }


    html .popular__listing_2 {
        padding-bottom: 60px;
    }


    html .section-why-choose {
        padding-bottom: 60px;
    }


    html .fl_blog_section {
        padding-bottom: 60px;
    }



    .section-ads {
        padding-bottom: 50px;
    }


    .hand__picked-item {
        margin: 0;
    }

    html .we__offer-card {
        min-width: auto;
        height: auto !important;
        padding: 30px !important;
        max-width: 500px;
        margin: 0 auto 20px;
    }

    html .we__offer-item p {
        text-align: center;
        max-width: 400px;
    }


    .we__offer-item p {
        text-align: center;
        max-width: 500px;
    }

    .listing__products .listing-card .data-item li:not(:last-child):after {
        right: -24px;
    }

    .listing__products .listing-card.ll-none {
        width: 50%;
        margin: 0;
        margin-bottom: 20px;
    }

    .listing__products .listing-card.line-list .listing-card__middle .listing-card__info {
        padding-right: 0;
    }

    .listing__products .listing-card.line-list .listing-card__middle .listing-card__info .info-wrapper {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }

    .box-form {
        margin-top: 60px !important;
    }

    .page-404 {
        padding-bottom: 15px;
    }

    .page-404 .img img {
        width: 100%;
        height: auto;
    }

    .page-404 .img p {
        font-size: 19px;
    }

    .page-register {
        padding-bottom: 75px;
        padding: 15px;
    }

    .reviews__title .shape-1 {
        left: 0;
        display: none;
    }


    .first__screen {
        padding-top: 0;
    }

    .first__screen-content h1 {
        font-size: 53px;
        text-align: center;
        line-height: 1.1;
    }

    .first__screen-description {
        text-align: center;
        max-width: 100%;
    }

    .first__screen-recent {
        margin-bottom: 1rem;
    }

    .first__screen-recent p {
        text-align: center;
    }

    .first__screen-form input {
        max-width: 100%;
        width: 100% !important;
        border-right: none;
        border-bottom: 1px solid #cccccc;
        margin-bottom: 1rem;
    }


    .first__screen-form .btn.dropdown-toggle {
        border-bottom: 1px solid #cccccc;
        font-size: 17px;
        color: #222222;
    }



    .first__screen-form .dropdown-toggle::after {
        width: 100%;
        height: 0;
    }

    .first__screen-form button[type="submit"] {
        margin: 1rem auto 0 !important;
    }

    .first__screen-form .input-group {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .first__screen-form .dropdown-menu.dropdown-menu-end.show {
        width: 100%;
    }

    .link-reg {
        width: 100%;
        margin-top: 25px;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        bottom: 20px;
        margin-left: -20px;
        border-top: 1px solid #ddd;
        padding-top: 30px;
        background: #fff;
        bottom: 0;
        padding-bottom: 30px;
    }

    .link-reg ul {
        margin: 0 auto;
        margin-bottom: 3rem;
    }

    .link-reg ul li:first-of-type {
        border-left: 0;
    }

    .listing__products .listing-card {
        margin: 0 7px;
    }

    .we__offer {
        height: auto;
    }

    .we__offer h2 {
        font-size: 28px !important;
        text-align: center;
        margin-bottom: 30px;
        line-height: 33px;
    }

    .we__offer-content {
        padding: 60px 0 40px;
        margin: 0;
    }




    .we__offer-card {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .footer-email .email-text h3 {
        text-align: center;
        margin-bottom: 20px;
    }

    .footer-middle {
        padding: 36px;
    }

    .footer-bottom {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .footer-bottom p {
        text-align: center;
    }
}

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

    .listing-details section.details-content .items .text {
        text-align: center;
    }


    .listing-details section.details-slider .title {
        font-size: 25px !important;
    }


    html .content-post-gap {
        padding: 30px 40px 40px 30px;
    }


    .post-fl {
        margin-bottom: 0;
    }

    .page-single section.content p {
        font-size: 14px;
    }


    .we-provide .picture img {
        padding-right: 0;
        max-width: 100%;
        height: auto;
    }



    .footer-email {
        padding: 60px;
    }

    .listing__products .nav-pills .nav-item {
        width: 100%;
        margin-right: 0;
        margin-bottom: 10px;
        text-align: center;
    }



    html #findTab li {
        width: 100%;
        margin-bottom: 0;
        border-bottom: 1px solid #ddd;
    }



    html .reviews__slider .item-card .card-body {
        padding-top: 15px;
        padding-left: 0;
    }


    html .we__offer.we__offer2 h2 {
        font-size: 26px !important;
        line-height: 30px;
    }


    html .hero__screen-content {
        padding: 50px 0px;
    }


    .listing__products .listing-card__box {
        margin: 0 auto;
    }

    .popular__listing-title {
        margin-bottom: 30px;
    }


    .reviews__title {
        font-size: 29px !important;
        margin-bottom: 31px;
    }

    .header-page .link-reg ul {
        width: 100%;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .header-page .link-reg ul li {
        width: 100%;
    }

    .header-page .link-reg ul li:last-child {
        border-right: none;
    }

    .header-page .link-reg .user-area {
        margin: 0 auto;
        padding: 15px 0;
    }

    .header-page .navbar .nav-logo {
        padding: 0;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .header-page .navbar .header-search {
        border-right: none;
    }

    .page-404 {
        padding-bottom: 0;
    }

    .page-404 .img {
        margin-bottom: 50px;
    }

    .page-404 .img p {
        font-size: 16px;
    }

    .page-404 .subtitle {
        font-size: 28px;
        margin-bottom: 50px;
    }

    .page-register .box-form {
        padding: 40px 15px;
    }

    .page-register::after {
        content: none;
    }

    .popular__listing-title::after {
        top: 50px;
    }

    h1,
    h2 {
        font-size: 35px !important;
    }


    .footer-email h2 {
        font-size: 27px !important;
        margin-bottom: 10px;
    }

    .we__offer-card {
        min-width: 100%;
        padding: 15px;
    }



    .hand__picked-brand img {
        width: 90%;
    }

    .page-card .listing__products .listing-card.ll-none {
        width: 100%;
    }

    .page-card .listing__products .listing-card.line-list .listing-card__box {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding-top: 15px;
    }

    .page-card .listing__products .listing-card.line-list .listing-card__box .listing-card__media {
        margin: 0 auto;
    }

    .page-card .listing__products .listing-card.line-list .listing-card__box .listing-card__media a img {
        width: 100%;
    }

    .footer-middle {
        padding: 15px 0;
    }

    .footer-email {
        padding: 50px 30px;
    }
}

@media screen and (max-width: 375px) {
    .article-slider__arrowLeft {
        left: 33%;
    }

    .article-slider__arrowRight {
        right: 13%;
    }

    .listing__products .listing-card .data-item li:not(:last-child):after {
        right: -14px;
    }

    .page-404 {
        padding-bottom: 0;
    }

    .page-404 .img p {
        font-size: 12px;
    }

    .section-about .box-count {
        width: 100%;
    }
}

@media screen and (max-width: 321px) {
    .navbar-light .navbar-toggler {
        margin-left: auto;
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
    }

    .header .navbar-brand {
        margin-right: 0;
    }

    .header .navbar-brand img {
        margin-right: 0;
    }

    .header .navbar-brand .nav-logo {
        margin: 0 auto;
    }

    .header .navbar-brand .dots-menu {
        -webkit-box-ordinal-group: -1;
        -ms-flex-order: -2;
        order: -2;
        height: 96px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        background-color: #fafafa;
    }
}






.place-hide {
    display: none;
}

#map-canvas,
#side-bar {
    height: 900px;
    width: 600px;
    background-color: #ccc;
}


.gg-maps-rout img {
    width: 100%;
    height: auto;
}



/* ======= PRELOADER ========== */
.preloaderjs .spinner {
    display: none !important;
}

.preloaderjs#page-preloader {
    background: rgba(46, 46, 46, 0.99) !important;
}

#page-preloader {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #2e2e2e;
    z-index: 100500;
}

#page-preloader .spinner {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 100px;
    height: 100px;
    margin-top: -50px;
    margin-left: -50px;
    border: 3px solid transparent;
    border-top-color: #00bff5;
    border-radius: 50%;
    z-index: 1001;
    -webkit-animation: spin 2.5s infinite linear;
    animation: spin 2.5s infinite linear;
}

#page-preloader .spinner:before,
#page-preloader .spinner:after {
    position: absolute;
    border-radius: 50%;
    content: '';
}

#page-preloader .spinner:before {
    top: 5px;
    right: 5px;
    bottom: 5px;
    left: 5px;
    border: 3px solid transparent;
    border-top-color: #de2929;
    -webkit-animation: spin 2s infinite linear;
    animation: spin 2s infinite linear;
}

#page-preloader .spinner:after {
    top: 15px;
    right: 15px;
    bottom: 15px;
    left: 15px;
    border: 3px solid transparent;
    border-top-color: #efa96b;
    -webkit-animation: spin 1s infinite linear;
    animation: spin 1s infinite linear;
}




@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}



/*FL HEADER*/




.dots-menu {
    background-color: #00a8d8;
    border-right: 1px solid #eeeeee;
    height: 96px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.fl-header {
    background: #fff;
    border-bottom: 1px solid #eeeeee;
    display: flex;
    height: 96px;
}


.fl-header .nav-logo {
    border-right: 1px solid #eeeeee;
    padding: 27px 50px;
    height: 96px;
}


.fl-header .header-search button.btn i {
    font-size: 34px;
}



.fl-header .header-search input {
    border: none;
    font-size: 17px;
    color: #222222;
    line-height: 1.2;
    text-align: left;
    outline: none;
    min-width: 350px;
    font-style: italic;
}


.fl-header .header-page .offcanvas-start .link-reg li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100px;
    border-right: 1px solid #eeeeee;
    margin-right: 0;
}

.fl-header .header-page .offcanvas-start .link-reg ul {
    height: 96px;
}

.fl-header.link-reg ul li a {
    font-size: 17px;
    font-family: inherit;
    color: inherit;
    line-height: 1.2;
}


.fl-header .link-reg li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100px;
    border-left: 1px solid #eeeeee;
    margin-right: 0;
    height: 96px;
}

.fl-header .link-reg .user-area .user-data .name {
    font-size: 20px;
    color: #222222;
    font-weight: bold;
    line-height: 1.2;
}

.fl-header .user-data {
    min-width: 220px;
    position: relative;
    cursor: pointer;
}

.fl-header .user-area {
    position: relative;
    padding: 20px 30px;
    border-left: 1px solid #eeeeee;
    height: 96px;
}


.fl-header .nav-logo img {
    min-width: 160px;
    height: auto;
}


.fl-nav {
    border-right: 1px solid #eeeeee;
    height: 100%;
    padding: 0 50px;
    width: 100%;
    text-align: center;
    display: flex;
    justify-content: center;
}



.fl-nav li {
    display: inline-block;
    text-align: center;
    margin: 0;
}

.fl-nav ul {
    flex-direction: row;
}

.fl-nav .navbar-nav li a.active {
    color: #222;
}

.fl-nav .navbar-nav li a {
    position: relative;
    padding: 36px 12px;
    font-size: 19px !important;
    color: #cccccc;
    line-height: 1.2;
    text-align: center;
    display: inline-block;
    font-size: 19px;
}

.fl-nav-wrapper .dots-menu:hover {
    background-color: #f09e00;
}

.fl-nav-wrapper .dots-menu.is-open {
    background-color: rgb(222, 41, 41);
}

.m-login {
    color: #222;
    position: absolute;
    right: 19px;
    top: 29px;
}


.m-login i {
    margin-right: 10px;
}


.m-login a {
    color: #222;
    font-size: 20px;
}

.m-login span {
    position: relative;
    top: -3px;
    font-size: 16px;
    text-transform: uppercase;
}

.mobile-toggle {
    font-size: 1.25rem;
    line-height: 1;
    background-color: #00a8d8;
    border: 1px solid transparent;
    border-radius: 0;
    transition: box-shadow .15s ease-in-out;
    display: none;
    width: 109px;
    float: right;
}


.fl-header .user-data {
    font-size: 16px;
}

.fl-mobile-nav {
    background: #fff;
    width: 100%;
}


.mobile-logo-img {
    float: none;
    padding: 0;
    padding-top: 0;
    padding-left: 22px;
    padding-right: 10px;
    position: absolute;
    top: 0;
    left: 50%;
    height: 76px;
    width: 200px;
    display: flex;
    text-align: center;
    margin-left: -100px;
    align-items: center;
}

.mobile-logo-img img {
    width: 100%;
    height: auto;
    margin: 0 auto;
}

.mobile-toggle {
    float: right;
}

.fl-mobile-nav {
    display: none;
}

.mobile-toggle .menu-toggle {
    flex: 0 0 auto;
    width: 102px;
    height: 76px;
    border: 0;
    cursor: pointer;
    position: relative;
}


.listing__products .listing-card.line-list .listing-card__middle .listing-card__info {
    padding-top: 10px;
    padding-bottom: 10px;
}

.listing__products .listing-card__box {
    margin: 0 auto;
}

.listing-top-text {
    font-size: 17px;
    font-weight: 400;
    padding-top: 2px;
    font-style: italic;
}

.listing-top-text strong {
    font-weight: 600;
}

.listing-top-info {
    background: #fff;
    padding: 17px 23px;
    border: 1px solid #eee;
    margin-bottom: 25px;
}

.fl-gray-color {
    background-color: #FAFAFA !important;
}



.dl-menuwrapper li {
    background: #fff;
    border-bottom: 1px solid #eee;
}

.dl-menuwrapper li a {
    color: #222;
    font-weight: 500;
    text-transform: uppercase;
}


.fl-header.fl-header-single .nav-logo {
    background: #2573DE;
    padding: 27px 30px;
}


.fl-header-type1.fl-header.fl-header-single .nav-logo {
    padding: 21px 30px 27px 0px;
}



.fl-header-type1.fl-header.fl-header-single .nav-logo {
    background: #fff;
}


.fl-header.fl-header-single .link-reg li {
    border: 0;
    padding: 0 10px;
    margin: 0;
    width: auto;
}

.fl-header.fl-header-single .link-reg ul li i {
    font-size: 19px;
    margin-right: 10px;
    color: #222;
    position: relative;
    top: 2px;
}


.fl-header.fl-header-single {
    width: 90%;
    margin: 0 5%;
    position: absolute;
    top: 25px;
}


.fl-header.fl-header-single.fl-header-type1 {
    width: 100%;
    margin: 0;
    position: relative;
    border: 0 !important;
    padding-right: 25px;
    padding-left: 25px;
}

.fl-header.fl-header-single.fl-header-type1 .nav-logo {
    border-right: 0;
    width: 15%;
}

.fl-header.fl-header-single.fl-header-type1 .fl-mega-menu ul li a {
    text-transform: none;
    font-size: 17px;
    font-weight: 400;
}



.fl-header.fl-header-single.fl-header-type1 .fl-mega-menu.nav-menu {
    width: 40%;
}

.fl-header.fl-header-single.fl-header-type1 .ink-reg {
    width: 45%;
}



.fl-header.fl-header-single {
    justify-content: space-between;
    padding-right: 25px !important;
}


.fl--header .nav-menu li a {
    font-size: 16px;
    font-weight: 500;
}

.fl-mega-menu ul li.menu-item-depth-0.has-submenu {
    padding-right: 11px;
}

.fl-mega-menu ul li {
    padding: 0;
    margin: 0 12.5px;
    position: relative;
    display: inline-block;
}


.fl-mega-menu ul li a {
    color: #222;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 500;
    transition: .3s ease-in-out;
}


.fl-mega-menu ul li:hover > a,
.fl-header.fl-header-single .link-reg li:hover i {
    color: #00a8d8;
}

.fl-header.fl-header-single .link-reg li {
    border: 0;
    padding: 0 10px;
    margin: 0;
    width: auto;
}

.fl-mega-menu ul .sub-nav {
    z-index: 999;
    display: flex;
    position: absolute;
    width: inherit;
    left: -20px;
    top: 10px;
    visibility: hidden;
    opacity: 0;
    transform: translateY(30px);
    transition: .3s ease-in-out;
    background: #f6f6f6;
    width: 257px;
    padding: 20px;
}

.fl-mega-menu.nav-menu {
    padding: 36px 0;
}

.fl-mega-menu ul .sub-nav li {
    display: inline-block;
    width: 100%;
    padding-bottom: 5px;
}


.fl-mega-menu ul li:hover > .sub-nav {
    visibility: visible;
    opacity: 1;
}


.fl-mega-menu ul .sub-nav:before {
    content: '';
    position: absolute;
    border: 10px solid transparent;
    border-bottom: 11px solid #f6f6f6;
    opacity: 1;
    top: -21px;
    left: -170px;
    right: 0;
    width: fit-content;
    margin: auto;
    transition: all .3s ease-in-out;
}


.fl-mega-menu ul li.has-submenu > a:after {
    content: "\f107";
    display: inline-block;
    width: 0;
    height: 0;
    vertical-align: middle;
    font: normal normal normal 15px/1 FontAwesome;
    position: relative;
    margin-left: 6px;
    bottom: 6px;
    transform: translateY(-50%);
    font-weight: 900;
    font-size: 11px;
}



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

    .first__screen-content h1 {
        font-size: 37px;
        line-height: 48px;
        margin-bottom: 15px;
    }



    .listing__products .listing-card.line-list .listing-card__media {
        min-width: 220px;
    }

    .listing__products .cat_media_bg {
        max-width: 270px;
        width: 100%;
    }


    .fl-header .link-reg .user-area .user-data .name {
        font-size: 17px;
    }

    .fl-header .nav-logo img {
        min-width: 120px;
    }

    .fl-header .nav-logo,
    .fl-nav {
        padding-right: 20px;
        padding-left: 20px;
    }

    .fl-header .user-data {
        font-size: 14px;
    }

    .listing__products .ll-none .listing-card__body .title a {
        font-size: 18px;
    }

    .listing__products .listing-card .listing-card__body .data_info {
        margin-bottom: 20px;
        font-size: 13px;
    }

    .data_info i {
        font-size: 12px;
    }


}

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


    .link-reg .submit__listing {
        margin-left: 30px;
        height: 55px;
        width: 212px;
        padding-left: 27px;
        font-size: 13px;
    }

    .listing__products .listing-card .price {
        font-size: 19px;
    }


    .fl-nav-filter {
        display: none;
    }

    .we__offer2 {
        background-position: -395px 0;
    }


}


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

    .link-reg .submit__listing {
        display: none;
    }


    .hand__picked::after {
        display: none;
    }


    html .we__offer.we__offer2 h2 {
        font-size: 32px;
        line-height: 44px;
    }

    .we__offer2 {
        background-position: -395px 0;
        padding: 50px;
        height: 452px;
        width: 100%;
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }

    .we__offer-content {
        margin-bottom: 0;
        padding-top: 50px;
    }

    .we__offer-card {
        min-width: auto;
    }


    .we__offer-item .title {
        font-size: 18px;
    }

    .we__offer-item p {
        font-size: 14px;
    }

    .we__offer-card {
        min-width: auto;
        height: 290px;
        padding: 40px;
    }




    .link-reg .reg-text {
        display: none !important;
    }



    .footer-middle .column-first .text {
        font-size: 13px;
    }

}


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

    .details-slider {
        padding-top: 50px;
    }




    .breadcrumbs {
        margin-bottom: 80px;
        margin-top: 0;
        padding: 34px;
        text-align: left;
        height: 200px;
    }

    .padding-top-m {
        padding-top: 55px;
    }




    .breadcrumbs .title {
        font-size: 40px;
    }



    .hand__picked-wrap {
        min-width: auto;
        margin: 3% auto;
    }


    html .first__screen-content h1 {
        font-size: 28px;
        line-height: 38px;
    }


    html .first__screen-description {
        font-size: 14px;
    }


    .we__offer-content {
        margin-bottom: 0;
        padding: 20px 0 20px;
    }



    .first__screen-form input {
        max-width: 250px;
    }




    .we__offer2 {
        background-position: 0 0;
    }


    .page-404 .img::before,
    .page-404 .img::after {
        display: none;
    }

    html .footer-email .email-text h2 {
        font-size: 28px !important;
        margin-bottom: 30px;
        line-height: 40px;
    }

    .listing__products .listing-card .data-item {
        margin-bottom: 0;
    }


    .page-card {
        padding-top: 40px;
        padding-bottom: 30px;
    }


    .listing__products .cat_media_bg {
        max-width: 100%;
        width: 100%;
    }




    .listing__products .listing-card.line-list .listing-card__media,
    .listing__products .cat_media_bg {
        min-height: 300px;
        width: 100%;
        min-width: auto;
    }


    html .page-card h2.title {
        font-size: 19px !important;
        width: 100%;
        display: inline-block;
        text-align: center;
        padding-bottom: 20px;
        margin-bottom: 0 !important;
    }

    .buttons-list__grid {
        margin: 0 auto !important;
    }

    html .listing-top-info {
        padding-top: 20px;
        text-align: center;
        display: flex !important;
        justify-content: left !important;
        margin-bottom: 35px;
    }

    .fl-mobile-nav {
        display: block;
        border-bottom: 1px solid #eeeeee;
        width: 100%;
        padding: 15px;
        position: relative;
        top: 0;
        background: #fff;
        z-index: 99;
        margin-bottom: 0;

    }

    .fl-header {
        display: none !important;
    }

    .fl-header .user-area,
    .link-reg {
        display: none !important;
    }


    .header-search {
        display: none !important;
    }

    .nav-icons {
        display: none !important;
    }


    .mobile-toggle {
        display: block !important;
    }

    .link-dots {
        display: none;
    }

}




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

    .listing-details section.details-content .items .item:not(:last-of-type) {
        border-right: 0;
        padding-top: 0;
    }


    html .iteam-desc-gap section {
        padding-bottom: 0;
    }


    .listing-details section.details-content .items .item {
        margin-bottom: 30px;
    }

    .padding-top-m {
        padding-top: 55px;
    }

    .comment-gap {
        max-width: 750px;
        margin: 0 auto 45px;
    }


    html .hand__picked {
        padding-bottom: 50px;
    }


    html .first__screen-content h1 {
        font-size: 34px !important;
        line-height: 48px !important;
    }

    .first__screen .layer1 {
        display: none;
    }


    .first__screen-content {
        padding-top: 50px;
        max-width: 600px;
        margin: 0 auto;
    }

    .first__screen-content .first__screen-form input {
        max-width: 100%;
    }

    .first__screen-form {
        padding: 30px;
    }


    .hero__screen-content {
        width: 80%;
    }

    #findTabContent .first__screen-form input {
        max-width: 100%;
        color: #222222;
        background-color: #f2f2f2;
        padding: 10px 20px;
    }

    #findTabContent .form-input-midle {
        display: none;
    }

    .first__screen-form .btn.dropdown-toggle {
        border: 0;
        font-size: 17px;
        color: #222222;
        background-color: #f2f2f2;
        padding: 10px 20px;
        margin: 10px 0;
    }


    #findTabContent .first__screen-form {
        border: 0;
        border-radius: 0;
        padding: 50px 30px 20px 30px;
    }


    .we__offer2 {
        background-position: 0 0;
    }



    .listing__products .listing-card__media {
        margin-bottom: 15px;
    }



    .footer-middle .title {
        margin-top: 25px;
    }


    html .footer-bottom {
        padding: 20px 20px 0 20px;
        margin-top: 0;
    }

    html .footer-middle {
        position: relative;
        padding: 30px;
    }

    html .listing__products .listing-card.ll-none {
        width: 100%;
    }


    .listing__products .listing-card.line-list .listing-card__body {
        padding-left: 20px;
        padding-right: 20px;
    }

    .listing__products .listing-card__info .data_info span,
    .listing__products .listing-card__info .data_info,
    .listing__products .small-info,
    .listing__products .small-info span {
        text-align: left;
    }


    .listing__products .listing-card.line-list .listing-card__middle .listing-card__info {
        padding-top: 5px;
        padding-left: 24px;
        padding-right: 24px;
    }

    .page-card .listing__products .listing-card.line-list .listing-card__box {
        padding-top: 0;
    }

    .listing__products .listing-card__body .title a {
        font-size: 20px;
    }

    .listing__products .listing-card .listing-card__body .data_info {
        font-size: 13px;
    }


    .listing__products .listing-card.line-list .listing-card__body p {
        font-size: 14px;
    }

    .data_info i {
        font-size: 12px;
        margin-right: 8px;
    }

    .listing__products {
        max-width: 480px;
        margin: 0 auto;
    }


    html .listing__products .listing-card.line-list .listing-card__box,
    html .listing__products .listing-card__media {
        flex-direction: column;
    }

}


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

    .m-login {
        display: none;
    }

    .mobile-logo-img img {
        width: 100%;
        height: auto;
        max-width: 120px;
        margin: 0 auto;
    }

}