* {
    outline: 0;
    box-sizing: border-box;
}


@font-face {
    font-family: font;
    src: local('Arial');
    unicode-range: U+0030-0039;
}
.font {
    font-family: font;
}

.follow-btn {
    border: none;
    background-color: transparent;
}
a {
    cursor: pointer;
}

body {
    font-family: font;
    overflow-x: hidden;
    direction: rtl;
    color: #000;
    text-align: right;
    background-color: #fff;
    position: relative;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
}



p {
    margin: 0;
}

form {
    padding: 0;
    margin: 0 auto;
    text-align: right;
    width: 100%;
}

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


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

button,
select,
input[type="submit"] {
    cursor: pointer
}

input,
button,
select,
select:focus,
select:active,
input:focus,
button:focus,
input:active,
button:active {
    outline: 0
}

/* owl carousel*/
.owl-stage-outer {
    display: block;
    position: relative;
}

.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next {
    display: inline-block;

}

.owl-carousel .owl-stage, .owl-carousel.owl-drag .owl-item{
    -ms-touch-action: auto;
    touch-action: auto;
}
.img-modal
{
    z-index: 999999999999;
}
.img-modal .modal-dialog
{
    margin-top: 6rem;
    max-width: 800px;
    max-height: 100%;
}
.post .img
{
    cursor: pointer;
}

/* owl carousel*/


/*classes*/

.gold {
    background-color: #0097a5;
}

/*classes*/


/*==============================//  HOME PAGE   //===================================*/
/*===========//  start header   //=============*/

header
{
    position: relative;
    z-index: 9;
}
.uploaded-image
{
    position: relative;
}
.uploaded-image i
{
    position: absolute;
    top: -6px;
    right: -10px;
    cursor: pointer;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #ffffff;
    color: #0097a5;
    font-size: 12px;
}
.my-profile .profile-links
{
    position: absolute;
    top: 100%;
    right: 65px;
    white-space: nowrap;
    background-color: #fff;
    padding: 5px 0;
    display: none;
}
.my-profile .profile-links::before
{
    content: '';
    position: absolute;
    top: 0;
    right: 10px;
    display: block;
    border: 5px solid transparent;
    border-bottom-color: #fff;
    transform: translateY(-100%);
}
.my-profile .profile-links a
{
    display: block;
    padding: 5px 15px;
    font-size: 14px;
    color: #0097a5;
}
.top-head .my-profile
{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    position: relative;
}
.top-head .my-profile .img
{
    width: 55px;
    height: 55px;
    border-radius: 50%;
    overflow: hidden;
    box-shadow: 0 0 5px rgba(255,255,255,.8);
    margin-left: 10px;
}
.top-head .my-profile .img img
{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.top-head .my-profile .tit
{
    color: #fff;
    cursor: pointer;
}
.features .down a {
    display: block;
    margin-bottom: 10px;
}
.swal2-container,
.gift-modal
{
    z-index: 9999999999999999999999999999999 !important;
}
.gift-modal .owl-nav-tit.owl-carousel .owl-nav
{
    display: none;
}
.gift-modal .title
{
    color: #0097a5;
    margin-top: 20px;
    margin-bottom: 0;
    font-size: 18px;
    height: auto;
    background: transparent;
}
.gift-modal .contnet
{
    color: #000;
    margin-bottom: 30px;
    font-size: 14px;
}
/*start top-head*/
.top-head
{
    position: relative;
    z-index: 1;
    background-color: #0097a5;
}

.top-head-inner {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    justify-content: space-between;
    padding: 12px 0;
}
.top-head-inner .right
{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
}
.top-head-inner .right .head-ico
{
    display: block !important;
    color: #fff;
    font-size: 22px;
    margin-right: 15px;
    position: relative;
}
.top-head-inner .right .head-ico span
{
    position: absolute;
    top: 3px;
    right: 0;
    transform: translateX(50%);
    background-color: #dc3545;
    color: #fff;
    font-size: 10px;
    padding: 2px 4px;
    border-radius: 5px;
}

.top-list a {
    display: block;
    padding-left: 15px;
    margin-left: 15px;
    position: relative;
    /* Old browsers */
    color: #fff;
    z-index: 1;
    position: relative;
}
.top-list li:last-child a
{
    padding: 0 !important;
    margin: 0 !important;
}

.top-list li:last-child a::before {
    display: none;
}

.top-list a::before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    width: 1px;
    height: 15px;
    transform: translateY(-50%);
    background-color: #fff;
}


.top-head .left {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
}

.lang {
    margin-right: 11px;
    position: relative;
    padding: 2px 7px;
    font-size: 16px;
    font-weight: bold;
    color: #0097a5;
    background-color: #fff;
    border-radius: 5px;
    text-transform: uppercase;
    font-family: 'Arial Black';
    transform: scale(1) translateY(0);
    transform-origin: bottom
}

.lang:hover {
    animation: vMove 1.8s infinite ease-in-out forwards;
}

@keyframes vMove {
    0% {
        transform: scale(1, 1) translateY(0)
    }

    25% {
        transform: scale(1, .9) translateY(0)
    }

    50% {
        transform: scale(1, 1) translateY(-4px)
    }

    75% {
        transform: scale(1, .9) translateY(0)
    }

    100% {
        transform: scale(1, 1) translateY(0)
    }


}

.lang::before {
    content: '';
    display: block;
    position: absolute;
    border: 5px solid transparent;
    border-top-color: #fff;
    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);
}
.mob-social
{
    background-color: #0097a5;
    padding: 10px 0;
    margin-bottom: 1px;
}
.mob-social .mob-social-inner
{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.social {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
}

.social a.voice-serv:hover
{
    border-color: #fff;
}
.social a.voice-serv
{
    width: 40px;
    height: 40px;
    border: 2px solid #000;
}
.social a:hover img
{
    filter: invert(1);
}
.social a img
{
    width: 30px;
    height: 30px;
}

.social a {
    display: block;
    color: #fff;
    width: 30px;
    height: 30px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    border: 1px solid #fff;
    flex-shrink: 0;
    margin: 0 5px;
    font-size: 14px;
    transition: 1s;
}

.social a:hover {
    transform: rotateY(360deg);
    color: #0097a5;
    border-color: #000;
    background-color: #000;
}
.social a.kayan-share
{
    width: auto;
    height: auto;
    transform: none !important;
    border-radius: 5px;
    padding: 5px 10px;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f4b4cf+52,4096ee+52,4096ee+52,9bd9f5+52 */
    background: #f4b4cf; /* Old browsers */
    background: -moz-linear-gradient(left,  #f4b4cf 52%, #4096ee 52%, #4096ee 52%, #9bd9f5 52%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  #f4b4cf 52%,#4096ee 52%,#4096ee 52%,#9bd9f5 52%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  #f4b4cf 52%,#4096ee 52%,#4096ee 52%,#9bd9f5 52%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4b4cf', endColorstr='#9bd9f5',GradientType=1 ); /* IE6-9 */
    border-color: #000;
    color: #000000;
    width: 120px; 
    height: 35px;
    background-image: url(../img/kayan-share.jpeg);
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
}
/*end top-head*/



/*start logo-head*/
.colors-select
{
    display: flex;
    align-items: center;
    justify-content: center;
}
.colors-select span
{
    display: block;
    width: 30px;
    height: 30px;
    margin: 0 5px;
    border: 1px solid transparent;
    border-radius: 50%;
    cursor: pointer;
    box-shadow: 0 0 5px rgba(0,0,0,.2);
}
.colors-select span.active
{
    transform: scale(1.3);
}
.head-btn {

}
.logo-head {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    justify-content: space-between;
    padding: 5px 0;
}

.logo-head .left {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
}

.logo-head .link.number {
    animation-delay: .2s
}
.logo-head .link {
    display: block;
    transform-origin: bottom;
    /*animation: vMove2 2.3s infinite ease-in-out forwards;*/
}

.logo-head .link:hover {
    animation-delay: 0;
}

.logo-head .more-btn {
    direction: ltr;
    padding-left: 0;
}
.logo-head .more-btn span {
    padding: 0 10px;
    background-color: #0097a5;
    color: #ffffff;
    height: 40px;
    margin-right: 7px;
    display: flex;
    align-items: center;
}

@keyframes vMove2 {
    0% {
        transform: scale(1) translateY(0);
    }

    20% {
        transform: scale(1.05, 0.9);
    }

    50% {
        transform: scale(0.95, 1.05) translateY(-10px);
    }

    75% {
        transform: scale(1, .95) translateY(0);
    }

    90% {
        transform: scale(1) translateY(0);
    }

    100% {
        transform: translateY(0);
    }

}

.logo-head .link .top {
    background-color: #0097a5;
    width: 140px;
    height: 50px;
    margin: 0 5px 5px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    justify-content: space-between;
    padding: 5px 10px;
    border-radius: 10px;
    line-height: 20px;
    position: relative;
    text-align: center;
}

.logo-head .link .top::before {
    content: '';
    display: block;
    position: absolute;
    border: 30px solid transparent;
    border-right-color: #0097a5;
    bottom: -30px;
    right: 15px;
    z-index: -1;
    transition: .3s;
}

.logo-head .link.number .top::before {
    right: auto;
    left: 15px;
    border-right-color: transparent;
    border-left-color: #0097a5;
}

.logo-head .link .top img {
    width: 35px;
    margin-right: 10px;
}

.logo-head .link .top .tit {
    color: #000;
}

.logo-head .link.number .top .tit {
    font-size: 23px;
    font-family: 'Arial';
    font-weight: 600;
}

.logo-head .link .content {
    color: #fff;
    display: block;
    text-align: left;
    padding-left: 40px;
    transition: .3s;
}

.logo-head .link:hover .content,
.logo-head .link.number:hover .content {
    color: #0097a5;
}

.logo-head .link.number .content {
    padding-right: 20px;
    text-align: right;
}

.logo-head .logo {
    width: 140px;
    display: block;
}

.logo-head .logo img {
    width: 100%;
}

/*end logo-head*/

/*start nav*/
.nav-container {
    z-index: 9;
    background-color: #0097a5;
    position: sticky;
    z-index: 9999999;
    top: 0;

}

.nav-container .user {
    display: block;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    overflow: hidden;
    margin-right: auto;
}

.nav-container .user img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.nav-container .acevity {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
}

.nav-container .acevity i {
    font-size: 30px;
    color: #fff;
    margin-left: 15px;
}

.nav-container.fixed {
    position: fixed;
    background-color: #fff;
    box-shadow: 0 0 5px rgba(0, 0, 0, .1)
}

.nav-container .logo img {
    height: 100%;
}

.back-btn
{
    /*position: fixed;*/
    /*z-index: 99;*/
    /*background-color: #0097a5;*/
    /*width: 50px;*/
    /*height: 50px;*/
    /*border-radius: 50%;*/
    /*display: flex;*/
    /*align-items: center;*/
    /*justify-content: center;*/
    /*color: #ffffff;*/
    /*bottom: 70px;*/
    /*left: 10px;*/
    /*box-shadow: 0 0 3px rgba(0,0,0,.3);*/
    color: #fff;
    font-size: 20px;
}

.main-nav {
    position: relative;
}

.tog-btn {
    display: none;
    height: 25px;
    width: 25px;
    position: relative;
    margin-right: 25px;
    cursor: pointer;
}

.tog-btn span {
    display: block;
    width: 100%;
    height: 2px;
    background-color: #000;
    position: absolute;
    left: 0;
    transition: .3s ease;
    transform-origin: center;

}

.tog-btn span:first-child {
    top: 10px;
}

.tog-btn span:last-child {
    top: 20px;
}

.tog-btn.active span:nth-child(2)
{
    opacity: 0;
}
.tog-btn.active span:first-child {
    transform: rotate(-45deg);
    top: 50%;
}

.tog-btn.active span:last-child {
    transform: rotate(225deg);
    top: 50%;
}

.main-nav .overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .5);
    transform: translateX(-100%);
    transition: .3s;
    z-index: 9999999;

}

.main-nav li
{
    position: relative;
}
.main-nav .nav-list {
    display: -ms-flexbox;
    display: flex;
}

.main-nav .nav-list .mynav-link {
    color: #000;
    padding: 15px 10px;
    display: block;
    font-size: 16px;
    line-height: 24px;
    transition: .5s ease;
    overflow: hidden;
    position: relative;
    height: 100%;
}

.main-nav .nav-list li.active .mynav-link,
.main-nav .nav-list li:hover .mynav-link {
    background-position: 100% 0;
    color: #0097a5;
}

.main-nav .nav-list > li::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    height: 0;
    width: 100%;
    background-color: #000;
    transition: .3s;
}

.main-nav .nav-list > li:hover::before {
    height: 100%;
}

.drop-mnu
{
    position: absolute;
    top: 100%;
    right: 0;
    min-width: 100%;
    background-color: #000;
    display: none;
}
.drop-mnu.nav-mnu .voice-li a::before
{
    transform: none !important;
    width: 30px;
    height: 30px;
    background-color: transparent;
    display: block;
    position: static;
    background-image: url(../img/voice.png);
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
}
.drop-mnu.nav-mnu a
{
    display: block;
    padding: 10px 18px;
    color: #fff;
    background-color: #0097a5;
    margin-bottom: 10px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    font-size: 14px;
    white-space: nowrap;
}
.logo-m
{
    position: relative;
    text-align: center;
    padding: 20px 0;
    border-bottom: 10px solid #000;
    padding-bottom: 40px;
    overflow: hidden;
}
.logo-m .apps {
    display: flex;
    align-items: center;
    justify-content: center;
}
.logo-m .apps img {
    height: 55px;
    width: auto;
}
.logo-m::before {
    content: '';
    position: absolute;
    display: block;
    border: 20px solid transparent;
    border-bottom-color: #000;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}
.logo-m a
{
    display: block;
}
.logo-m img
{
    width: 250px;
    max-width: 90%;
}
.drop-mnu.nav-mnu a::before
{
    content: '';
    display: block;
    width: 10px;
    height: 10px;
    background-color: #000;
    transform: rotate(45deg);
    margin-left: 10px;
    transition: .5s;
    flex-shrink: 0;
}
.drop-mnu.nav-mnu a:hover::before
{
    transform: rotate(405deg);
    margin-left: 20px;
}

/*end nav*/


/*===========//  end header   //=============*/

/*===========//  start posts page   //=============*/
.post-form .post-input
{
    width: 100%;
    height: 150px;
    resize: none;
    padding: 15px;
    border-radius: 5px;
    border: 1px solid #0097a5;
}
.post-form .btns
{
    display: flex;
    align-items: center;
}
.post-form .btns .button
{
    margin: 0;
    margin-right: 10px;
}
.post-form .btns i
{
    width: 42px;
    height: 42px;
    font-size: 20px;
    color: #ffffff;
    border-radius: 5px;
    background-color: #0097a5;
    border: 1px solid #0097a5;
    text-align: center;
    line-height: 40px;
    cursor: pointer;
}
.post-form .btns i:hover
{
    background-color: transparent;
}
.post-title
{
    color: #ffffff;
    margin-bottom: 20px;
    background-color: #0097a5;
    padding: 5px 15px;
    border-radius: 5px;
    font-size: 20px;
}
.post-form .imgs-uploader img
{
    width: 100%;
    margin-top: 20px;
    margin-bottom: 20px;
}
.posts
{
    padding-bottom: 30px;
}
.post-box
{
    margin-bottom: 30px;
}
.post-box .head
{
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}
.post-box .head img
{
    width: 50px;
    height: 50px;
    border-radius: 50%;
    object-fit: cover;
    margin-left: 20px;
}
.post-box .button
{
    height: 30px;
    line-height: 28px;
    padding: 0 20px;
}
.post-box p
{
    color: #000;
}
.post-box p.info-content
{
    margin-bottom: 10px;
    font-size: 15px;
}
.post-box .img
{
    width: 100%;
}
.comment
{
    margin-bottom: 20px;
    background-color: #0097a5;
    padding: 10px;
}
.comment .head
{
    margin-bottom: 7px;
    position: relative;
}
.comment .head .date
{
    position: absolute;
    top: 0;
    left: 0;
    color: #dddddd;
    font-size: 12px;
}
.comment .head img
{
    width: 40px;
    height: 40px;
}
.comment .head p
{
    font-size: 15px;
    color: #ffffff;
}
.comment .comment-content
{
    font-size: 13px;
    margin-right: 50px;
    color: #ffffff;
}
.comment-control
{
    display: flex;
    align-items: flex-end;
    margin-top: 20px;
    justify-content: space-between;
}
.comment-control textarea
{
    width: 70px;
    padding: 10px;
    resize: none;
    width: calc(100% - 70px);
    border-radius: 5px;
    border: 1px solid #0097a5;
}
.comment-control button
{
    width: 45px;
    height: 45px;
    font-size: 18px;
    border-radius: 5px;
    background-color: #0097a5;
    border: 1px solid #0097a5;
    line-height: 43px;
    text-align: center;
    color: #ffffff;
}
.like-box
{
    display: flex;
    align-items: center;
}
.like-box .like-count
{
    font-size: 15px;
    color: #000;
}
.like-btn
{
    font-size: 20px;
    width: 45px;
    height: 45px;
    line-height: 43px;
    text-align: center;
    border: 1px solid #0097a5;
    color: #0097a5;
    border-radius: 5px;
    display: block;
    margin: 15px 0;
    cursor: pointer;
    transition: .5s;
    margin-left: 10px;
}
.like-btn.liked
{
    background-color: #0097a5;
    color: #ffffff;
}
/*===========//  end posts page   //=============*/

.rate-modal form .more-btn
{
    margin-top: 20px;
    background-color: #000000;
    border: 1px solid #000;
    color: #0097a5;
}
.rate-modal form .more-btn:hover
{
    background-color: transparent;
    color: #000000;
}
.rate-modal form
{
    text-align: center;
}
.rate-modal .radio input:checked + .dot::before
{
    background-color: #000000;
}
.rate-modal .modal-content
{
    padding: 20px;
    border-right: 10px;
    background-color: #0097a5;
}
.rate-modal .modal-dialog
{
    max-width: 700px;
}
.rate-modal .profile-table .radio
{
    justify-content: center;
}
.rate-modal .profile-table .radio .dot
{
    border: 1px solid #000000;
    margin: 0;
}
.rate-modal .profile-table
{
    border: 1px solid #000000;
    color: #000000;
    margin: 0;
}
.rate-modal .profile-table th,
.rate-modal .profile-table td
{
    border-bottom: 1px solid #000000;
    border-left: 1px solid #000000;
}
.rate-modal .profile-table td:first-child
{
    max-width: 150px;
}

/*===========//  start main-slider   //=============*/

.main-slider
{
    overflow: hidden;
    position: relative;
    z-index: 1;
}
.main-slider .active
{
    perspective: 600px;
}
.main-slider .item
{
    overflow: hidden
}
.main-slider .img
{
    height: 345px;
    overflow: hidden;
}
.main-slider img
{
    width: 100%;
    height: 100%;
    object-fit: cover;

}
.main-slider .active img
{
    animation: zoomin 7s linear  1 ;
}
@keyframes zoomin {
    0% {
        transform: translate3d(0,0,0)
    }
    100% {
        transform: translate3d(0,0,50px)
    }
}


.main-slider .owl-nav
{
    height: 0;
}
.main-slider .owl-prev i,
.main-slider .owl-next i
{
    display: block;
    width: 35px;
    height: 80px;
    text-align: center;
    background-color: #0097a5;
    color: #fff;
    position: absolute;
    top: 50%;
    transition: all .5s ease;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    justify-content: center;
}
.main-slider .owl-next i
{
    left: 0;
    transform: translate(-100%, -50%);
    border-radius: 0 10px 10px 0
}
.main-slider .owl-prev i
{
    right: 0;
    transform: translate(100%, -50%);
    border-radius: 10px 0 0 10px;
}
.main-slider:hover .owl-next i,
.main-slider:hover .owl-prev i
{
    transform: translate(0, -50%)
}
.main-slider .info-btns
{
    position: absolute;
    bottom: 50px;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
}
/*.main-slider .info-btns*/
/*{*/
/*display: -webkit-flex;*/
/*display: -moz-flex;*/
/*display: -ms-flex;*/
/*display: -o-flex;*/
/*display: flex;*/
/*-ms-align-items: center;*/
/*align-items: center;*/
/*}*/
.main-slider .info-btns .slider-title
{
    color: #ffffff;
    font-size: 30px;
}
.main-slider .info-btns .slider-desc
{
    color: #ffffff;
    font-size: 22px;
}
.button
{
    display: block;
    padding: 17px 30px;
    color: #fff;
    background-color: #0097a5;
    border: 1px solid #0097a5;
    border-radius: 5px;
    transition: .3s ease-out;
    min-width: 150px;
    text-align: center;
}
.button:hover
{
    color: #fff;
    background-color: transparent;
    border-color: #fff;
}


/*===========//  end main-slider   //=============*/



/*===========//  start search-bar   //=============*/

.search-bar
{
    padding: 20px 0;
}
.search-bar .srch-inner
{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    justify-content: space-between;
}
.search-bar .img
{
    width: 95px;
    margin-left: 20px;
}
.search-bar .srch-input
{
    width: 430px;
    height: 55px;
    font-size: 22px;
    background-color: rgba(0,0,0,.75);
    padding: 0 15px;
    color: #fff;
    border-radius: 10px;
    border: 0;
    margin-left: 20px;
}
.search-bar .srch-input::placeholder
{
    color: #fff;
}
.search-bar .srch-select
{
    background-color: rgba(0,0,0,.75);
    padding: 10px 15px;
    font-size: 22px;
    color: #fff;
    -webkit-appearance: button;
    border-radius: 10px;
    padding-left: 45px;
    cursor: pointer;
    height: 55px;
    border: 0;
    outline: 0;
}
.search-bar .select
{
    margin-left: 20px;
}
.select
{
    position: relative;
}
.select select
{
    -webkit-appearance: none;
}
.select::before
{
    content: '\f078';
    font-family: 'Font Awesome 5 Free';
    display: block;
    position: absolute;
    top: 50%;
    left: 15px;
    font-weight: 600;
    color: #fff;
    transform: translateY(-50%);
}
.search-bar .srch-submit
{
    background-color: rgba(0,0,0,.75);
    width: 55px;
    height: 55px;
    font-size: 22px;
    color: #fff;
    border: 0;
    border-radius: 15px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

/*===========//  end search-bar   //=============*/



/*===========//  start services   //=============*/

.services
{
    padding-top: 20px;
    overflow: hidden;
}
.title
{
    position: relative;
    height: 5px;
    background-color: #0097a5;
    margin-bottom: 75px;
}
.title span
{
    position: absolute;
    top: 50%;
    right: 10%;
    transform: translateY(-50%);
    padding: 0 25px;
    background-color: #fff;
    color: #0097a5;
    font-size: 18px;
}
.services .col-12
{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
}

.serv-box
{
    text-align: center;
    padding: 35px 15px 18px;
    border: 2px solid #0097a5;
    border-radius: 10px;
    margin-bottom: 30px;
    width: 100%;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
    align-content: space-between;
    -ms-align-items: center;
    align-items: center;
    justify-content: space-between;
}
.serv-box .img
{
    width: 100px;
    max-width: 90%;
    margin-bottom: 15px;
}
.serv-box .tit
{
    font-size: 18px;
    color: #0097a5;
    margin-bottom: 5px;
}
.more-btn
{
    margin: auto;
    min-width: 90px;
    min-height: 40px;
    padding: 0 10px;
    border-radius: 5px;
    background-color: #fff;
    color: #0097a5;
    border: 1px solid #0097a5;
    display: -webkit-inline-flex;
    display: -moz-inline-flex;
    display: -ms-inline-flex;
    display: -o-inline-flex;
    display: inline-flex;
    -ms-align-items: center;
    align-items: center;
    justify-content: center;
    transition: .3s ease-out;
}
.more-btn:hover
{
    background-color: transparent;
    color: #fff;
    background-color: #0097a5;
}

/*===========//  end services   //=============*/



/*===========//  start features   //=============*/

.features
{
    padding-top: 20px;
    background-size: cover;
    background-attachment: fixed;
}
.features .img
{
    width: 300px;
    max-width: 90%;
}
.features .tit
{
    font-size: 40px;
    text-align: center;
    color: #fff;
    margin-bottom: 50px;
    margin-top: 30px;
}
.features .down
{
    text-align: center;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    margin-bottom: 30px;
}
.features .down .f-logo
{
    margin-left: 80px;
    width: 180px;
}
.features .col-md-4
{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-align-items: flex-end;
    align-items: flex-end;
    overflow: hidden;
}
.features .col-md-8
{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
    justify-content: center;
    -ms-align-items: center;
    align-items: center;
    overflow: hidden;
}

/*===========//  end features   //=============*/



/*===========//  start news   //=============*/

.news
{
    padding: 75px 0;
}
.news-box
{
    position: relative;
    border-radius: 15px;
    text-align: center;
    overflow: hidden;
    height: 360px;
}
.news-box .img
{
    width: 100%;
    height: 100%;
    transition: .5s ease-out;
    object-fit: cover
}
.news-box:hover .img
{
    transform: rotate(2deg) scale(1.05)
}
.news-box .info
{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding-bottom: 20px;
}
.news-box .info .up
{
    padding: 10px 20px;
    background-color: rgb(0 151 165 / 58%);
    border-radius: 10px;
    display: inline-block;
    margin-bottom: 20px;
}
.news-box .info .tit
{
    color: #fff;
    font-size: 30px;
}
.news-box .info .content
{
    font-size: 20px;
    color: #ffffff;
}

.owl-nav-tit.owl-carousel .owl-nav
{
    position: absolute;
    top: -75px;
    left: 10%;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    transform: translateY(-50%);
    background-color: #fff;
    padding: 0 20px;
}
.owl-nav-tit .owl-nav i
{
    display: block;
    color: #fff;
    width: 25px;
    height: 25px;
    font-size: 14px;
    line-height: 25px;
    text-align: center;
    border-radius: 50%;
    background-color: #0097a5;
    margin: 0 10px;
}

/*===========//  end news   //=============*/



/*===========//  start cust-feedback   //=============*/

.cust-feedback
{
    padding-top: 20px;
}
.cust-feedback .img
{
    min-width: 100%;
}
.cust-feedback .col-md-4
{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-align-items: flex-end;
    align-items: flex-end;
    overflow: hidden;
}
.cust-feedback .col-md-8
{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
    justify-content: center;
    -ms-align-items: center;
    align-items: center;
    overflow: hidden;
}
.cust-feedback .cust-slider
{
    width: 100%;
}
.cust-feedback .tit
{
    font-size: 60px;
    color: #fff;
    margin-bottom: 40px;
}
.cust-feedback .comnt
{
    background-size: 100% 100%;
    padding: 10px 20px;
    padding-left: 80px;
    font-size: 26px;
    text-align: center;
}
.cust-feedback .comnt-owner
{
    display: inline-block;
    margin-top: 16px;
    padding: 10px 30px;
    font-size: 23px;
    background-color: #f3e8dc;
    border-radius: 10px;
    position: relative;
    margin-bottom: 20px;
}
.cust-feedback .item
{
    text-align: center;
}
.cust-feedback .comnt-owner::before
{
    content: '';
    display: block;
    position: absolute;
    bottom: -20px;
    border: 20px solid transparent;
    border-right-color: #f3e8dc;
    right: 20px;
}
.cust-feedback .owl-carousel  .owl-nav
{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    justify-content: space-between;
    transform: translateY(-30px);
}

.cust-feedback .owl-nav i
{
    display: block;
    width: 25px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    border: 1px solid #fff;
    border-radius: 50%;
    color: #fff;
    transition: .3s ease-out;
}
.cust-feedback .owl-nav i:hover
{
    background-color: #000;
}


/*===========//  end cust-feedback   //=============*/



/*===========//  start pay   //=============*/

.pay
{
    padding-top: 75px;
    padding-bottom: 40px;
    overflow: hidden;
}
.pay-card
{
    text-align: center;
    margin-bottom: 30px;
    display: block;
}
.pay-card .img
{
    display: block;
    margin: auto;
    margin-bottom: 30px;
    width: 115px;
    height: 115px;
    border-radius: 50%;
    background-color: #262626;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    justify-content: center;
    padding: 20px;
    transition: .8s ease-out;
}
.pay-card:hover .img
{
    transform: rotateY(360deg);
}
.pay-card .img img
{
    width: 100%;
}
.pay-card .tit
{
    color: #0097a5;
    font-size: 20px;
    margin-bottom: 20px;
}
.pay-card .content
{
    color: #fff;
    font-size: 16px;
}

/*===========//  end pay   //=============*/



/*===========//  start news-letters   //=============*/

.news-letters.gifts-news
{
    padding-top: 20px;
    padding-bottom: 20px;
}
.news-letters
{
    text-align: center;
    padding-bottom: 20px;
    padding-top: 150px;
    background-attachment: fixed;
    background-size: cover;
    background-position: center;
}
.news-letters .tit
{
    color: #fff;
    font-size: 25px;
    margin-bottom: 30px;
}
.news-letters .content
{
    font-size: 18px;
    color: #fff;
    margin-bottom: 25px;
}
.news-letters form
{
    text-align: center;
}
.news-letters .news-input
{
    width: 350px;
    max-width: 100%;
    border: 0;
    outline: 0;
    height: 45px;
    color: #fff;
    background-color: #0097a5;
    text-align: center;
    font-size: 20px;
    border-radius: 10px;
    display: block;
    margin: auto;
    margin-bottom: 20px;
}
.news-letters .news-input::placeholder
{
    color: #fff;
}

/*===========//  end news-letters   //=============*/

/*===========//  start partners   //=============*/

.partners {
    padding: 50px 0;
}
.partners .item span {
    color: #ffffff;
    font-size: 18px;
    margin-top: 10px;
    display: block;
}
.white {
    color: #ffffff;
}

/*===========//  end partners   //=============*/



/*===========//  start brands   //=============*/

.news.brandas .item img
{
    max-height: 50px;
    width: auto;
    max-width: 100%;
}
.news.brandas .item
{
    height: 80px;
    background-color: #fff;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    justify-content: center;
    padding: 0 20px;
}

/*===========//  end brands   //=============*/



/*===========//  start footer   //=============*/

footer
{
    background-color: #0097a5;
    padding: 30px 0;
    position: relative;
    z-index: 99999;
}
.whats-list {
    position: absolute;
    bottom: calc(100% + 10px);
    right: 0;
    background: #0097a5;
    padding: 20px 0;
    right: 0;
    border-radius: 10px;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-45px) scale(.5);
    box-shadow: 0 0 3px rgba(0,0,0,.3);
    transition: .3s ease-out;
}
.whats-list::after
{
    content: '';
    position: absolute;
    bottom: 0;
    right: 30px;
    border: 10px solid transparent;
    border-top-color: #0097a5;
    transform: translateY(20px);
}
.whats-list::before
{
    content: '';
    position: absolute;
    bottom: 0;
    right: 30px;
    border: 10px solid transparent;
    border-top-color: rgba(0,0,0,.2);
    transform: translateY(21px);
}

.whats-list a:last-child
{
    margin-bottom: 0;
}
.whats-list a
{
    font-size: 16px;
    display: flex;
    align-items: center;
    color: #ffffff;
    padding: 0 10px;
    margin-bottom: 10px;
}
.whats-list a i
{
    margin-left: 10px;
}
.whats-list.active
{
    opacity: 1;
    visibility: visible;
    transform: none;
}
footer .foot-list li
{
    position: relative;
}
footer .foot-list
{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    justify-content: center;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
}
footer .foot-list > li > a
{
    display: block;
    color: #fff;
    padding:0 15px;
    border-left: 1px solid #fff;
}
footer .foot-list li:last-child a
{
    border: 0;
}

/*===========//  end footer   //=============*/



/*===========//  start copy   //=============*/

.copy
{
    padding-top: 22px;
    background-color: #0097a5;
    border-bottom: 10px solid #16131f;
    position: relative;
}
.copy::before
{
    content: '';
    position: absolute;
    display: block;
    border: 20px solid transparent;
    border-bottom-color: #000;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}
.copy p,
.copy a
{
    font-size: 17px;
    color: #fff;
}
.copy p
{
    margin-bottom: 22px;
}
.copy .copy-inner
{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    justify-content: center;
}

/*===========//  end copy   //=============*/



/*===========//  start modal   //=============*/


/* Start Modal */
.custom-modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 999;
    visibility: hidden;
    opacity: 0;
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    overflow: auto;
}

.custom-modal.show {
    z-index: 9999;
    visibility: visible;
    opacity: 1;
}

.custom-modal .overlay {
    position: absolute;
    width: 100%;
    height: 3px;
    top: 50%;
    left: 50%;
    background-color: rgba(255, 255, 255,.7);
    z-index: 99999;
    overflow: hidden;
    transform: translate(-50%, -50%);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}

.custom-modal.show .overlay {
    animation: over .3s 1 forwards linear;
    -webkit-animation: over .3s 1 forwards linear;
    position: fixed;
}

@keyframes over {
    0% {
        height: 0;
    }

    100% {
        height: 100%;
    }
}

.custom-modal .modal-card {
    width: 100%;
    min-height: 100vh;
    position: absolute;
    z-index: 999999;
    top: -100%;
    left: 0;
    border: 1px solid #ECECEC;
    transition: .2s;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -ms-transition: .2s;
    -o-transition: .2s;
    transform: translateY(-100%);
}

.custom-modal.show .modal-card {
    transform: none;
    transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition-delay: .2s;
    top: 0;
}

/* end Modal */

/*===========//  end modal   //=============*/



/*===========//  start reviews   //=============*/



.rating {
    display: flex;
    align-items: center;
    direction: ltr;
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 0;
}

.rating > input {
    display: none;
}

.rating > label:before {
    display: inline-block;
    content: "\f005";
    font-family: 'Font Awesome 5 Free';
    left: -100%;
    line-height: 20px;
    font-weight: 400;
    transition: .5s;
    cursor: pointer;
    font-weight: 900
}

.rating > label {
    color: #DFEDEB;
    display: inline-block;
    margin-bottom: 0;
    font-size: 21px;
    margin-right: 8px;
}

.rating > input:checked ~ label::before,
.rating:not(:checked) > label:hover::before,
.rating:not(:checked) > label:hover ~ label::before {
    content: "\f005";
    font-family: 'Font Awesome 5 Free';
    color: #0097a5;
    font-weight: 900;
}

.rating > input:checked + label:hover,
.rating > input:checked ~ label:hover,
.rating > label:hover ~ input:checked ~ label,
.rating > input:checked ~ label:hover ~ label {
    color: #0097a5;
    font-weight: 900;
}
.rate-view
{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    margin-bottom: 30px;
}
.rate-title
{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    justify-content: space-between;
}
.rate-title .more-btn
{
    margin-left: 0;
}
.rate-view i
{
    color: #9a9898;
    font-size: 24px;
    margin-left: 5px;
}
.rate-view i.active
{
    color: #0097a5;
}
.comnts-form
{
    padding-right: 107px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
}
.comnts-form .input
{
    margin-bottom: 0;
    width: 100%;
}
.comnts-form .input::placeholder
{
    color: #000;
}
.comnts-form .submit
{
    background-color: #0097a5;
    border: 1px solid #0097a5;
    border-radius: 5px;
    padding: 5px 20px;
    flex-shrink: 0;
    margin-right: 20px;
}
.review-content
{
    display: flex;
}
.reviews .solid-title
{
    margin-bottom: 30px;
}

.review-content .img {
    flex-shrink: 0;
    width: 87px;
    height: 87px;
    margin-left: 20px;
    border-radius: 50%;
    overflow: hidden;
}
.review-content .img img
{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.review-content .info
{
    background-color: #0097a5;
    padding: 20px;
    border-radius: 15px;
}

.review-content {
    position: relative;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    margin-bottom: 30px;
}

.review-content:last-child {
    margin-bottom: 0;
}

.review-content:last-child {
    padding-bottom: 0;
    border-bottom: none;
}

.review-content .img img {
    border: none;
}

.review-content .item-title {
    display: inline-block;
    margin-bottom: 16px;
}

.review-rating {
    display: flex;
    position: absolute;
    right: 0;
    top: 0;
}

.review-rating i {
    color: #DFEDEB;
    font-size: 21px;
    margin-right: 8px;
}

.review-rating i:nth-child(-n+2) {
    color: #00A11B;
}

.review-modal .modal-card .more-btn
{
    font-size: 16px;
}
.review-modal .modal-card .more-btn:hover
{
    border-color: #0097a5;
    color: #0097a5;
}
.review-modal .modal-card {
    width: 540px !important;
    max-width: 90%;
    left: 50% !important;
    top: 50% !important;
    padding: 30px;
    min-height: auto !important;
    transform: translate(-50%, -50%) !important;
    background-color: #fff;
}

.review-modal .button {
    display: flex;
    justify-content: center;
    float: right;
}

.rating.add-review-rating {
    position: relative;
    justify-content: flex-end;
    margin-bottom: 20px;
    height: 20px;
}

.review-modal .card-tit {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 30px;
}

.review-modal form {
    font-size: 0;
}

.review-modal textarea {
    width: 100%;
    height: 118px;
    padding: 20px;
    border: 1px solid rgba(0, 0, 0, 0.2);
    margin-bottom: 20px;
    font-size: 16px;
    line-height: 24px;

}

.review-modal textarea::placeholder {
    color: rgba(0, 0, 0, 0.2);
    font-size: 12px;
    line-height: 14px;
    text-transform: uppercase;
}


/*===========//  end reviews   //=============*/




/*======================//  start profile   //==========================*/

.signup-selectors {
    display: flex;
    justify-content: center;
    margin-bottom: 30px;
    text-align: center;
}
.signup-selectors .signup-select-box {
    padding: 30px 20px;
    color: #0097a5;
    width: 270px;
    border: 2px solid #0097a5;
    border-radius: 10px;
    margin: 0 10px 10px;
    font-size: 18px;
    cursor: pointer;
    position: relative;
}
.signup-selectors .signup-select-box .radio {
    position: absolute;
    top: 10px;
    right: 15px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 1px solid #0097a5;
    padding: 3px;
}
.signup-selectors .signup-select-box .radio::before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: #0097a5;
    opacity: 0;
    transition: .3s;
}
.signup-selectors .signup-select-box input:checked ~ .radio::before {
    opacity: 1;
}
.signup-selectors .signup-select-box i {
    display: block;
    font-size: 60px;
    margin-bottom: 20px;
    height: 60px;
}

.o-hidden {
    overflow: hidden;
}

@media (max-width: 425px) {
    .signup-selectors {
        flex-direction: column;
        align-items: center;
    }
}

.imageslist1
{
    display: flex;
    flex-wrap: wrap;
}
.imageslist1 div
{
    width: 150px;
    height: 200px;
    border-radius: 10px;
    margin-left: 15px;
    margin-bottom: 15px;
    box-shadow: 0 0 5px rgba(255,255,255,.5);
    overflow: hidden;
}
.imageslist1 div img
{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.add-container
{
    padding-bottom: 30px !important;
}
.profile
{
    padding: 65px 0;
}
.profile .more-btn.profile-send-msg
{
    margin-bottom: 30px;
    margin-top: 0;
}
.more-btn i
{
    margin-left: 10px;
}
.add-img
{
    border-radius: 15px;
    overflow: hidden;
    border: 5px solid #0097a5
}
.profile-form .label
{
    margin-left: 10px;
}
.reset-pass .input
{
    max-width: 300px !important;
}
.profile-form .img {
    width: 200px;
    height: 200px;
    border-radius: 50%;
    overflow: hidden;
    position: relative;
    cursor: pointer;
    display: block;
    margin: auto;
    margin-bottom: 30px;
}

.profile-form .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.profile-form .user-img-form {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .56);
    transition: .3s;
    opacity: 0;
    cursor: pointer;
}

.profile-form .user-img-form i {
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    transition: .3s;
    font-size: 22px;
}

.profile-form .img:hover .user-img-form {
    opacity: 1;
}

.profile-form .img:hover .user-img-form i {
    top: 50%;
}

.profile .p-tit,
.label
{
    font-size: 20px;
    color: #000;
}
.label
{
    margin-bottom: 10px;
}
.profile .p-tit
{
    text-align: center;
    margin-bottom: 30px;
}
.input-row
{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
}
.profile.more-btn
{
    color: #000;
}
.input.input-content
{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    justify-content: center;
}
.input
{
    display: block;
    width: 220px;
    height: 45px;
    border-radius: 10px;
    background-color: #fff;
    margin-bottom: 20px;
    border: 0;
    padding: 0 15px;
    border: 1px solid #0097a5;
}
textarea.input
{
    height: 100px;
    resize: none
}
.input-row .label,
.input-row .input
{
    margin-bottom: 0;
}

.profile .select::before
{
    color: #000;
}
.profile-form .more-btn
{
    margin-top: 20px;
}


/*box*/

.solid-title.m-bottom
{
    margin-bottom: 50px;
}
.box
{
    display: block;
    position: relative;
    max-width: 370px;
    margin: auto;
    margin-bottom: 45px;
    text-align: center;
}
.box .offer
{
    position: absolute;
    font-size: 16px;
    color: #000;
    top: 0;
    left: 20px;
    background-color: #0097a5;
    display: block;
    padding: 10px;
    border-radius: 0 0 10px 10px;
    z-index: 10;
}
.box.pack-check
{
    cursor: pointer;
    max-width: 100%;
}
.box.pack-check .img
{
    height: 370px !important;
}
.box.pack-check.gift-small .img
{
    height: 170px !important;
}
.box.pack-check i
{
    position: absolute;
    top: 20px;
    right: 20px;
    width: 35px;
    height: 35px;
    font-size: 18px;
    color: transparent;
    border: 1px solid #0097a5;
    line-height: 35px;
    text-align: center;
    border-radius: 5px;
    z-index: 9;
    background-color: rgba(0,0,0,.7);
}
.box.pack-check input:checked + i
{
    color: #0097a5;
}
.box.without-border .up
{
    border: 0;
}
.box .up
{
    display: block;
    border: 5px solid #0097a5;
    margin-bottom: 10px;
}
.box .img
{
    height: 275px;
    background-color: #16131f;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    justify-content: center;
    position: relative;
    overflow: hidden;
}
.box.without-border
{
    margin-bottom: 20px;
}
.box.without-border .up .img
{
    height: 175px;
    border-radius: 10px;
    overflow: hidden;
}
.box.without-border .up .img img
{
    width: 100%;
    height: 100%;
    object-fit: cover
}
.box .img::before,
.box .img::after
{
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    background-color: rgba(255,255,255,.3);
    transition: 1s ease-in-out
}
.box .img img
{
    max-width: 100%;
    max-height: 100%;
}
.box .img::before
{
    right: -100%;
}
.box .img::after
{
    left: -100%;
}
.box:hover .img::before
{
    right: 100%;
}
.box:hover .img::after
{
    left: 100%;
}
.box .content
{
    font-size: 15px;
    text-align: center;
    color: #fff;
    transition: .3s ease;
    padding: 20px 10px;
    display: block;
}
.box .price
{
    display: inline-block;
    padding: 5px 20px;
    border-radius: 10px;
    color: #fff;
    background-color: #0097a5;
    border: 1px solid #0097a5;
    transition: .3s ease-out;
    font-size: 28px;
}
.box:hover .price
{
    color: #0097a5;
    background-color: transparent;
}

/*box*/
.with-edite .box
{
    margin-bottom: 10px;
}

.with-edite
{
    margin-bottom: 30px;
}
.with-edite .edite
{
    display: -webkit-inline-flex;
    display: -moz-inline-flex;
    display: -ms-inline-flex;
    display: -o-inline-flex;
    display: inline-flex;
    display: compact;
    padding: 5px 20px;
    color: #fff;
    font-size: 20px;
    background-color: #16131f;
    border-radius: 10px;
}
.with-edite .edite a
{
    color: #fff;
}
.with-edite .edite span
{
    display: block;
    margin: 0 15px;
}

.profile-title
{
    background-color: #0097a5;
    text-align: center;
    padding: 25px 0 35px;
    margin-bottom: 60px;
    margin-top: 1px;
}
.profile-title .tit
{
    color: #fff;
    font-size: 45px;
}
.profile-title .content
{
    font-size: 24px;
    color: #ffffff;
}

.full-price
{
    display: -webkit-inline-flex;
    display: -moz-inline-flex;
    display: -ms-inline-flex;
    display: -o-inline-flex;
    display: inline-flex;
    display: compact;
    padding: 5px 20px;
    color: #fff;
    font-size: 20px;
    background-color: #16131f;
    border-radius: 10px;
    color: #fff;
}
.full-price span
{
    display: block;
    margin: 0 10px;
}

.full-price .hashed
{
    position: relative;
}
.full-price .hashed::before
{
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 40%;
    width: 2px;
    height: 40px;
    transform: rotate(45deg) translate(-100%, -65%);
    background-color: #0097a5;
    transform-origin: center;
}


.profile.profile-data
{
    padding-bottom: 0;
}
.profile .contact-info
{
    margin-top: 50px;
}
.profile .contact-info .solid-title
{
    margin-bottom: 30px;
}
.profile .contact-info .info
{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
}
.profile .contact-info .info .content
{
    color: #000;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    font-size: 24px;
    margin-left: 30px;
    margin-bottom: 20px;
}
.profile .contact-info .info .content i
{
    margin-left: 10px;
    color: #0097a5;
    display: block;
}
.profile .contact-info.profile-services .info .content.voice-serv-btn img
{
    filter: invert(1);
    width: 30px;
}
.profile .contact-info.profile-services .info .content
{
    padding: 15px 25px;
    border-radius: 10px;
    flex-grow: 1;
    background-color: #0097a5;
    color: #fff;
    text-align: center;
    display: block;
    font-size: 16px;
    border: 1px solid #0097a5;
    transition: .3s ease-out;
}
.profile .contact-info.profile-services .info .content:hover
{
    color: #fff;
    border-color: #fff;
    /*background-color: transparent;*/
}

.profile-table
{
    color: #0097a5;
    width: 100%;
    margin-bottom: 30px;
    margin-top: 30px;
    text-align: center;
    border-radius: 10px;
    overflow: hidden;
    border: 1px solid #0097a5;

}
.profile-table table
{
    width: 100%;
}
.profile-table th,
.profile-table td
{
    padding: 10px;
    border-bottom: 1px solid #0097a5;
    border-left: 1px solid #0097a5;
}
.profile-table th:last-child,
.profile-table td:last-child
{
    border-left: 0;
}
.profile-table tbody tr:last-child td
{
    border-bottom: 0;
}
.profile-table.offer-table td
{
    min-width: 65px;
}

.profile-table.offer-table
{
    overflow: auto;
}
.profile-table.offer-table tbody img
{
    width: 100px;
}

/*======================//  end profile   //==========================*/

/*===========================================// start messages */

.messages {
    padding: 50px 0;
}

.messages .msgs-side-container {
    padding: 20px;
    border: 1px solid #0097a5
}

.messages .msg-form-bar {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
}

.messages .msg-form-bar .img {
    width: 33px;
    height: 33px;
    margin-right: 20px;
    overflow: hidden;
}

.messages .msg-form-bar .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.messages .t-comnts-form {
    margin: 0;
    padding: 0;
}

.online {
    overflow: auto;
    max-height: 717px;

    border-bottom: 1px solid #ECECEC;
}
.online-title
{
    padding: 20px;
    background-color: #0097a5;
}

.online .online-head {
    background-color: #000;
    color: #fff;
    padding: 15px;
    margin-bottom: 0;
}

.online-box {
    padding: 15px;
    border-bottom: 1px solid #ECECEC;
    cursor: pointer;
    position: relative;
    background-color: #0097a5;
}

.online-box.readed {
    background-color: #0097a5a6;
}

.online-box::before {
    content: '';
    position: absolute;
    bottom: -1px;
    left: 0;
    display: block;
    width: 0;
    height: 2px;
    background-color: #000;
    transition: .3s ease-in
}
.online-box.active::before
{
    width: 100%;
}

.online-box:hover::before {
    width: 100%;
}

.online-box .up {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    padding-bottom: 10px;
}

.online-box .up .img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    position: relative;
    margin-left: 15px;
}

.online-box .up .img img {
    width: 100%;
    height: 100%;
}

.online-box .up .online-circle {
    position: absolute;
    width: 10px;
    height: 10px;
    left: 0;
    top: 50%;
    border-radius: 50%;
    transform: translate(-50%, -50%);
    background-color: #A3A3A3;
    border: 1px solid #fff
}

.online-box.online-now .up .online-circle {
    background-color: #42B72A;
}

.online-box .up .date {
    font-size: 10px;
    text-transform: uppercase;
}

.online-box .info
{
    width: calc(100% - 65px);
}
.online-box .up .name {
    margin-bottom: 0;
    font-size: 14px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    justify-content: space-between;
}

.online-box .up .last-msg {
    font-size: 14px;
    color: rgba(0, 0, 0, .4);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}



.message-content {
    padding: 0;
    padding-bottom: 20px;
    height: 610px;
    overflow: auto
}

.msg-box {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-align-items: flex-start;
    align-items: flex-start;
    margin-bottom: 20px;
}

.msg-box.receive {
    direction: ltr
}

.msg-box .img-box {
    margin-left: 20px;
    text-align: center;
}

.msg-box.receive .img-box {
    margin-left: 0;
    margin-right: 20px;
    direction: ltr;
}

.msg-box .img {
    width: 50px;
    height: 50px;
    overflow: hidden;
    display: block;
    margin-bottom: 10px;
}

.msg-box .img img {
    width: 100%;
    height: 100%;
}

.msg-box .date {
    font-size: 12px;
    font-weight: bold;
    white-space: nowrap;
    color: #0097a5;
}

.msg-box .msg-content {
    padding: 20px;
    max-width: 40%;
    font-size: 16px;
    background-color: #0097a5;
    position: relative;
}

.msg-box.receive .msg-content {
    background-color: #000;
    color: #fff;
    direction: ltr;
    box-shadow: 0 0 6px rgba(255,255,255,.2);
    border: 1px solid #0097a5;
}

.mob-msg-head {
    display: none;
    -ms-align-items: center;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 30px;
    border-bottom: 1px solid #ddd;
}

.mob-msg-head .name {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
}



.t-comments .container {
    background-color: #fff;
    overflow: hidden;
}

.t-comnts-form {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    padding: 20px 0;
    margin: 0 50px;
    width: 100%;
}

.t-comnts-form .t-comnt-input::placeholder
{
    color: #0097a5;
}
.t-comnts-form .t-comnt-input {
    width: 100%;
    background-color: transparent;
    /*	height: 16px;*/
    margin-right: 0;
    padding: 10px 15px;
    resize: none;
    font-size: 14px;
    overflow: hidden;
    border-color: #0097a5;
    color: #0097a5;
    height: 45px;
}

.t-comnts-form .t-comnt-submit {
    background-color: transparent;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    text-transform: uppercase;
    font-size: 14px;
    color: #0097a5;
    border: 1px solid #0097a5
}

.t-comnts-form .t-comnt-submit span {
    color: #0097a5;
}

.t-comnts-form .t-comnt-submit i {
    font-size: 16px;
    margin-right: 10px;
}

/*======================//  end messages   //==========================*/



/*======================//  start notification   //==========================*/

.notification
{
    padding-top: 30px;
    padding-bottom: 50px;
}
.notification-row
{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-align-items: flex-start;
    align-items: flex-start;
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #0097a5;
}
.notification-row .img
{
    width: 80px;
    height: 80px;
    border-radius: 50%;
    overflow: hidden;
    margin-left: 20px;
}
.notification-row .img img
{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.notification-row .tit
{
    color: #0097a5;
    margin-bottom: 10px;
    font-size: 18px;
}
.notification-row .content
{
    color: #0097a5;
    font-size: 14px;
}
.notification-row .info
{
    position: relative;
    width: calc(100% - 100px);
}
.notification-row .date
{
    color: #0097a5;
    position: absolute;
    font-size: 14px;
    top: 0;
    left: 0;
}

/*======================//  end notification   //==========================*/


/*======================//  start item-details   //==========================*/

.item-details
{
    padding-top: 50px;
}
.item-details .details-info .tit
{
    color: #0097a5;
    font-size: 32px;
    margin-bottom: 28px;
}
.item-details .details-info .sub-tit,
.item-details .details-info .info-tit
{
    color: #fff;
    font-size: 19px;
    margin-bottom: 20px;
}
.item-details .details-info .sub-tit
{
    margin-bottom: 30px;
}
.item-details .details-info .content
{
    padding: 20px;
    margin-bottom: 20px;
    color: #fff;
    font-size: 16px;
    background-color: #0097a5;
    border-radius: 10px;
}
.desc-font
{
    padding: 20px;
    margin-bottom: 20px;
    color: #fff;
    font-size: 16px;
    background-color: #0097a5;
    border-radius: 10px;
}
.post
{
    padding-bottom: 30px;
}
.post .white
{
    padding: 20px;
    margin-bottom: 20px;
    color: #fff;
    font-size: 16px;
    background-color: #816d33;
    border-radius: 10px;
}
.post .desc-font
{
    margin-bottom: 30px;
}
.post .img
{
    width: 100%;
    border: 5px solid #0097a5;
}
.post .more-btn
{
    margin-bottom: 30px;
}

.item-details .details-info .details-row
{
    padding: 5px 20px;
    margin-bottom: 20px;
    color: #fff;
    font-size: 20px;
    background-color: #0097a5;
    border-radius: 10px;
}
.item-details .details-info .social
{
    padding: 5px 20px;
    margin-bottom: 20px;
    justify-content: center;
    font-size: 20px;
    background-color: #0097a5;
    border-radius: 10px;
}

.profile-sugests
{
    margin-top: 40px;
    padding-bottom: 20px;
}
.profile-sugests iframe
{
    width: 100%;
    margin-bottom: 30px;
    min-height: 400px;
}
.profile-sugests .slider-tit
{
    color: #fff;
    font-size: 19px;
    margin-bottom: 20px;
}

.suggest-slid .tit
{
    color: #0097a5;
    text-align: center;
    margin-top: 10px;
}
.suggest-slid .suggest-item
{
    display: block;
}
.suggest-slid .suggest-item .img
{
    border-radius: 15px;
    overflow: hidden;
}
.side-arrows.owl-carousel .owl-nav
{
    display: block;
}
.side-arrows.owl-carousel .owl-nav i
{
    color: #0097a5;
}
.side-arrows.owl-carousel .owl-nav .owl-prev
{
    position: absolute;
    top: calc(50% - 13px);
    right: -20px;
    transform: translateY(-50%)
}
.side-arrows.owl-carousel .owl-nav .owl-next
{
    position: absolute;
    top: calc(50% - 13px);
    left: -20px;
    transform: translateY(-50%)
}
.radio-row
{
    margin-bottom: 20px;
}

/*======================//  end item-details   //==========================*/



/*======================//  start terms   //==========================*/

.terms
{
    padding: 0 0 20px;
}
.terms img
{
    max-width: 100%;
}
.term-tit
{
    padding: 10px 10px;
    background-color: #0097a5;
    color: #fff;
    border-right: 5px solid #4a4c57;
    font-size: 20px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    margin-bottom: 20px;
    border-radius: 10px;
}
.term-tit i
{
    display: block;
    color: #fff;
    margin-left: 10px;
}
.term-content
{
    padding: 30px;
    font-size: 12px;
    background-color: #fff;
    margin-bottom: 30px;
    border-radius: 10px;
}

/*======================//  end terms   //==========================*/



/*======================//  start .log-forms   //==========================*/

.remember
{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    justify-content: space-between;
    padding-right: 120px;
}
.remember a
{
    color: #0097a5;
    font-size: 16px
}
.log-forms .input
{
    width: 350px;
    max-width: 100%;
    appearance: none;
}
.logo-login img
{
    display: block;
    min-width: 50%;
    margin: auto;
    margin-bottom: 50px;
}
.solid-title
{
    margin-top: 50px;
    font-size: 30px;
    color: #000;
    position: relative;
}
.solid-title::after
{
    content: '';
    display: block;
    height: 5px;
    width: 70px;
    background-color: #0097a5;
}
.logo-login .data-tit
{
    color: #000;
    margin-bottom: 20px;
}
.login .label
{
    flex-shrink: 0;
}
.login .input
{
    width: 420px;
}

/*======================//  end .log-forms   //==========================*/



/*======================//  start pachage page   //==========================*/

.ui-widget.ui-widget-content
{
    background-color: #000;
    border: 0;
    box-shadow: 0 0 10px rgba(255,255,255,.2)
}
.ui-widget-header
{
    background-color: #0097a5;
    color: #fff;
}
.ui-datepicker th
{
    color: #fff;
}
.ui-state-default, .ui-widget-content .ui-state-default
{
    background-color: #0097a5;
    color: #fff;
    text-align: center;
}

a:not([href]):not([tabindex])
{
    cursor: pointer;
}
a:not([href]):not([tabindex])::before
{
    content: '\f054';
    font-family: 'Font Awesome 5 Free';
    position: absolute;
    font-weight: 900;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}
.ui-datepicker .ui-datepicker-prev::before
{
    content: '\f053' !important;
}

.radio,
.check
{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    color: #000;
    cursor: pointer;
}
.radio .dot
{
    display: block;
    margin-left: 10px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 1px solid #0097a5;
    position: relative;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}
.radio .dot::before
{
    content: '';
    width: 8px;
    height: 8px;
    border-radius: 50%;
}
.radio input:checked + .dot::before
{
    background-color: #0097a5;
}

.check i
{
    width: 20px;
    height: 20px;
    font-size: 10px;
    color: transparent;
    border: 1px solid #0097a5;
    line-height: 20px;
    text-align: center;
    border-radius: 5px;
    z-index: 9;
    margin-left: 10px;
    flex-shrink: 0;
}
.check input:checked + i
{
    color: #0097a5;
}
.pack-form .check
{
    margin-bottom: 20px;
}
.pack-form
{
    padding-bottom: 30px;
}

.tap-content .tap-box
{
    display: none;
}
.tap-content .tap-box.active
{
    display: block;
}

.main-file .input,
.upload-file-mult .input
{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    font-size: 18px;
    cursor: pointer;
}
.main-file .input i,
.upload-file-mult .input i
{
    margin-left: 10px;
}

.forms-container
{
    padding-bottom: 30px;
}
.forms-container .select::before
{
    color: #000;
}

.file-images
{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
}
.file-images .img
{
    width: 100px;
    height: 100px;
    border-radius: 15px;
    overflow: hidden;
    margin-left: 10px;
}
.file-images .img img
{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/*======================//  end pachage page   //==========================*/



/*======================//  start shops page   //==========================*/


.shop-box
{
    padding: 5px 20px;
    margin-bottom: 20px;
    color: #fff;
    font-size: 18px;
    background-color: #0097a5;
    display: block;
    font-size: 14px;
}
.shop-box:hover
{
    color: #fff;
}
.cat .solid-title
{
    margin-bottom: 50px;
}
.discount-filter
{
    margin-bottom: 50px;
}
.discount-filter .tit
{
    color: #fff;
    text-align: center;
    font-size: 22px;
    margin-bottom: 15px;
}
.discount-filter .select-row
{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
}
.discount-filter .select-row .select
{
    margin-left: 15px;
    width: 100%;
}
.discount-filter .select-row .select select
{
    margin-bottom: 0;
}
.discount-filter .select-row .submit
{
    flex-shrink: 0;
}


/*======================//  end shops page   //==========================*/



/*======================//  start pay-way   //==========================*/

.pay-way
{
    padding-bottom: 50px;
}
.pay-box
{
    background-color: #fff;
    padding: 20px;
    border-radius: 15px;
}
.pay-box .img
{
    height: 100px;
    max-width: 90%;
    display: block;
    margin: auto;
    margin-bottom: 20px;
}
.pay-box .img .content
{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
}
.pay-way .row
{
    justify-content: center;
}

/*======================//  end pay-way   //==========================*/



/*======================//  start features   //==========================*/

.feature-box
{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-align-items: flex-start;
    align-items: flex-start;
}
.feature-box .img
{
    width: 150px;
    height: 150px;
    border-radius: 10px;
    overflow: hidden;
    border: 5px solid #0097a5;
    flex-shrink: 0;
    margin-left: 20px;
}
.feature-box .img img
{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.feature-box:nth-child(even)
{
    padding-right: 50px;
}

.collapse-container .collapse-btn
{
    border-width: 0;
    border-right-width: 5px
}

.collapse-container-top,
.collapse-container-top * {
    overflow: hidden;
}

.collapse-btn {
    position: relative;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    justify-content: space-between;
}

.collapse-container .collapse-body
{
    display: none;
}
.collapse-btn span {
    display: block;
    width: 13px;
    height: 13px;
    position: relative;
}

.collapse-btn span::before,
.collapse-btn span::after {
    content: '';
    position: absolute;
    display: block;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 1px;
    background-color: #000;
    transition: .3s;
}

.collapse-btn span::after {
    transform: translate(-50%, -50%) rotate(90deg);
}

.collapse-btn.open span::after {
    transform: translate(-50%, -50%) rotate(180deg);
}

.transfer-services .row
{
    -webkit-flex-wrap: wrap-reverse;
    -moz-flex-wrap: wrap-reverse;
    -ms-flex-wrap: wrap-reverse;
    -o-flex-wrap: wrap-reverse;
    flex-wrap: wrap-reverse;
    justify-content: center;
}
.ui-timepicker-container a:not([href]):not([tabindex])::before
{
    display: none;
}
.ui-timepicker-container
{
    z-index: 999999;
}
.ui-widget.ui-widget-content
{
    background-color: #fff;
}
.hint
{
    color: #0097a5;
    font-size: 12px;
    display: block;
    margin-top: -10px;
    margin-bottom: 20px;
    opacity: .7
}

/*======================//  end features   //==========================*/

.nav-logo
{
    display: none;
}



@media(min-width: 992px) {

    .nav-logo
    {
        display: none;
    }
    .sticy-nav .nav-logo
    {
        display: block;
        width: 60px;
    }
    .sticy-nav.main-nav
    {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        -ms-align-items: center;
        align-items: center;
        justify-content: space-between;
    }
    .sticy-nav.main-nav .nav-list .mynav-link
    {
        padding-top: 25px;
        padding-bottom: 25px;
    }
}
@media(max-width: 992px) {

    body
    {
        padding-bottom: 48px;
    }
    .copy
    {
        border-bottom-color: #000;
    }
    .top-head-inner .social
    {
        display: none;
    }
    .top-head
    {
        position: sticky;
        top: 0;
        z-index: 999;
        /*background-color: red;*/
    }
    /*    nav*/
    .header::before {
        content: '';
        display: none;
    }

    .header .head-content .img img {
        width: 70%;
        margin: auto;
        margin-top: 23px;
    }

    .nav-container {
        justify-content: space-between;
    }

    .header .head-content {
        padding-top: 80px;
        padding-bottom: 30px;
    }

    .nav-container .logo {
        width: 100px;
    }

    .tog-btn {
        display: inline-block;
        margin: 0;
        margin-right: 15px;
    }

    .main-nav .nav-list {
        position: fixed;
        top: 0;
        right: 0;
        background-color: #0097a5;
        width: 250px;
        text-align: center;
        height: 100%;
        justify-content: flex-start;
        -ms-align-items: flex-start;
        align-items: flex-start;
        align-content: flex-start;
        padding-top: 30px;
        transform: translateX(100%);
        transition: .5s ease;
        -ms-flex-direction: column;
        flex-direction: column;
        z-index: 999999999999;
    }

    .main-nav.sec-nav .nav-list {
        justify-content: flex-start;
    }

    .main-nav .nav-list > li::before
    {
        display: none;
    }
    .main-nav .nav-list > li
    {
        width: 100%;
    }
    .main-nav .nav-list > li .drop-btn-arrow
    {
        color: #000;
        transition: .3s;
        font-size: 14px;
        position: absolute;
        top: 7px;
        left: 20px;
    }
    .drop-mnu.nav-mnu a
    {
        color: #000;
    }
    .main-nav .nav-list > li .drop-btn-arrow.active
    {
        transform: rotate(180deg)
    }
    .main-nav .nav-list .mynav-link {
        border-bottom: 1px solid rgba(255,255,255,.5);
        display: block;
        margin-bottom: 10px;
        height: auto;
        padding: 0 20px 10px;
        font-size: 14px;
        text-align: right;
        color: #000;
    }
    .drop-mnu.nav-mnu
    {
        position: static;
        background-color: transparent;
    }
    .drop-mnu.nav-mnu a
    {
        margin-bottom: 0;
        border-bottom: 1px solid rgba(0,0,0,.2);
        margin-bottom: 10px;
        font-size: 14px
    }

    .main-nav.show-nav .nav-list {
        padding-top: 20px;
    }

    .main-nav.show-nav ul,
    .main-nav.show-nav .overlay {
        transform: none
    }
    .logo-head .link
    {
        transform: scale(.8) !important;
        transform-origin: left center
    }
    .logo-head .logo
    {
        width: 85px;
    }



    .logo-head .link .top .tit
    {
        font-size: 12px;
        line-height: 12px;
    }
    .logo-head .link.number .top .tit {
        font-size: 16px
    }
    .logo-head .link .top img
    {
        width: 25px;
    }
    .logo-head .link .top
    {
        width: 100px;
        height: 30px;
    }

    .logo-head .link .content{
        font-size: 12px
    }
    .logo-head .link .top::before
    {
        border-width: 20px;
        bottom: -20px;
    }
    .logo-head .link .content
    {
        padding-left: 30px;
    }

    /*main-slider*/

    .main-slider .owl-prev i, .main-slider .owl-next i
    {
        transform: translateY(-50%)!important
    }

    /*main-slider*/


    /*search-bar*/

    .search-bar .srch-input,
    .search-bar .srch-select
    {
        font-size: 16px;
    }

    /*search-bar*/


    /*features*/

    .features .tit
    {
        font-size: 30px;
        margin-bottom: 20px;
    }

    .features .col-md-8
    {
        order: -1;
    }
    .features .down
    {
        margin-bottom: 50px;
    }

    /*features*/
    footer {
        background-color: #0097a5;
        position: fixed;
        z-index: 99;
        bottom: 0;
        left: 0;
        width: 100%;
        /*overflow: hidden;*/
        padding: 12px 0;
    }
    footer.footer
    {
        position: static;
        background: #0097a5;
    }
    footer.footer .foot-list
    {
        flex-wrap: wrap;
    }
    .logo-m .apps img {
        height: 40px;
    }
}

@media(max-width: 768px) {
    .notification-row .date
    {
        top: auto;
        bottom: 0;
    }
    .profile-table.offer-table th
    {
        text-align: right;
    }
    .box.pack-check .img
    {
        height: auto !important;
    }

    footer .foot-list > li > a
    {
        padding: 0 9px;
    }
    .main-slider .img
    {
        height: 300px;
    }
    .top-list a
    {
        font-size: 14px;
    }
    .top-head .lang
    {
        margin-right: 10px;
    }
    .main-slider .info-btns{
        width: 80%;
    }

    .side-arrows.owl-carousel .owl-nav i
    {
        display: none;
    }
    .online
    {
        margin-bottom: 30px;
    }
    .online .online-body
    {
        display: none;
    }
    .msg-box .msg-content
    {
        width: 100%;
        max-width: 100%;
    }
    .add-img
    {
        margin-bottom: 30px;
    }
    .search-bar .img
    {
        display: none;
    }
    .copy .copy-inner
    {
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        -o-flex-direction: column;
        flex-direction: column;
        text-align: center;
    }
    .copy::before
    {
        display: none;
    }

    .news-letters
    {
        padding-top: 20px;
    }

    .cust-feedback .img
    {
        display: none;
    }

    .cust-feedback .tit
    {
        font-size: 30px;
    }
    .cust-feedback .comnt
    {
        font-size: 16px;
    }
    .cust-feedback .comnt-owner
    {
        font-size: 14px;
    }


    .news-box .info .tit
    {
        font-size: 22px;
    }
    .news-box .info .content
    {
        font-size: 18px;
    }
    .features .tit
    {
        font-size: 24px;
    }


    footer .foot-list
    {
        flex-wrap: nowrap;
        /*overflow: auto;*/
        /*justify-content: flex-start;*/
    }
    footer .foot-list li
    {
        flex-shrink: 0;
        white-space: nowrap;
    }
    footer .foot-list li a
    {
        color: #000;
        font-size: 14px;
    }
    .copy p
    {
        font-size: 14px;
    }

    .input-row
    {
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        -o-flex-direction: column;
        flex-direction: column;
        -ms-align-items: flex-start;
        align-items: flex-start;
    }
    .input-row .input,
    .input-row .select
    {
        width: 100%;
    }
    .input-row .label
    {
        margin-bottom: 10px;
    }

    .profile
    {
        padding: 30px 0;
    }


    .profile-form .img
    {
        width: 100px;
        height: 100px;
    }

    .profile-form .img .user-img-form
    {
        opacity: 1;
    }
    .profile-form .img .user-img-form i
    {
        top: 50%;
    }

    .profile-title .tit
    {
        font-size: 30px;
    }
    .profile-title .content
    {
        font-size: 18px;
    }

    .profile-sugests iframe
    {
        margin-top: 30px;
    }


    .login .col-12:last-child
    {
        order: -1;
    }
    .logo-login img
    {
        margin-top: 30px;
        max-width: 40%;
        min-width: 40%;
    }
    .remember
    {
        padding-right: 0;
    }


    .feature-box .img
    {
        width: 100px;
        height: 100px;
    }
    .feature-box .img img
    {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .feature-box:nth-child(even)
    {
        padding-right: 0;
    }


    .discount-filter .select-row
    {
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        -o-flex-direction: column;
        flex-direction: column;
    }
    .discount-filter .select-row .select
    {
        margin-bottom: 10px;
    }
}
@media(max-width: 576px) {
    .search-bar .srch-input,
    .search-bar .srch-select
    {
        font-size: 12px;
    }
    .news-box
    {
        height: 200px;
    }
}
@media(max-width: 425px) {
    .search-bar .srch-inner
    {
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        -o-flex-direction: column;
        flex-direction: column;
    }
    .search-bar .srch-inner > *
    {
        width: 100%;
        margin-left: 0;
        margin-bottom: 10px;
    }
    .search-bar .srch-inner .srch-select
    {
        width: 100%;
    }
    .search-bar .srch-inner .srch-submit
    {
        margin-bottom: 0;
    }
    .features .down .f-logo
    {
        display: none;
    }
    .forms-container .row
    {
        margin-right: 0;
        margin-left: 0;
    }
    .logo-head .link .top img
    {
        display: none;
    }
    .logo-head .link .top
    {
        width: auto;
        white-space: nowrap;
    }
    .logo-head .link .content
    {
        padding-left: 10px;
    }
    .logo-head .link.number .content
    {
        padding-left: 10px;
    padding-right: 0;
    }
}