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


/*====================================================================
25. Sidebar panel css
====================================================================*/


/*----- Input Radio Switch ----*/


/*----- Box BG Image ----*/


/*====================================================================
4. Color Setting css
====================================================================*/


/*====================================================================
3. Default Background css
====================================================================*/


/*==============*Text colors*==============*/

html::-webkit-scrollbar {
    width: 7px;
}

html::-webkit-scrollbar-track {
    background-color: white;
}

html::-webkit-scrollbar-thumb {
    background-color: #1270a6;
}

html::-webkit-scrollbar-thumb:hover {
    background-color: #0f4666;
    border-radius: 15px;
}

.list-text-white {
    color: white;
}

.list-text-white li,
.list-text-white a {
    color: var(--theme-white-color);
}


/*============ Background colors ===============*/

.bg-secondary {
    background-color: #343434 !important;
}


/*============ Border colors ===============*/


/*============ Mixed colors ===============*/


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


/*==========================================================
Flaticon sizes
==========================================================*/


/*=====================================
Layout positions
=====================================*/


/*==========================================================
General CSS Start
==========================================================*/

.social-icons {
    display: flex;
    align-items: center;
}

.social-icons a {
    display: inline-block;
    margin-right: 10px;
    width: 40px;
    height: 40px;
    background-color: #1270a6;
    border-radius: 50%;
    text-align: center;
    line-height: 40px;
    transition: all 0.3s ease-in-out;
}

.social-icons a:hover {
    transform: scale(1.1);
}

.social-icons a i {
    color: #fff;
    font-size: 20px;
    transition: all 0.3s ease-in-out;
}

.social-icons a:hover i {
    transform: rotateY(360deg);
}

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

.fas {
    color: #1270a6;
}


/*==================================================================
Top Header CSS
==================================================================*/

.top-header {
    line-height: 50px;
}

.top-header .dropdown-toggle::after {
    font-size: 20px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.top-contact li {
    float: left;
    margin-right: 20px;
}

.top-contact li svg {
    margin-right: 5px;
    font-size: 13px;
}

.list-text-white a.dropdown-item {
    line-height: 30px;
}


/*=====================================
Header Styles
=====================================*/


/*==================================================================
Jslider CSS
==================================================================*/


/*==========================================
Form Styles
===========================================*/


/*=====================================
Accordion Style
=====================================*/


/*=====================================
Contact Information Style
=====================================*/


/*=====================================
Post Comments
=====================================*/


/*=====================================
Owl Carusel
=====================================*/


/*=====================================
Tab Nav
=====================================*/


/*=====================================
Pricing Table Style
=====================================*/


/*=====================================
Thumbnails Block
=====================================*/


/*==========================================
Block List Styles
===========================================*/


/*==========================================
agent list view
===========================================*/


/*==========================================
Tables Style
===========================================*/


/*==========================================
fact-counter style
===========================================*/


/*==========================================
Progesss Bar
===========================================*/


/*==========================================
Sibe Bar Style
===========================================*/


/*==========================================
Map Style
===========================================*/


/*==========================================
Dashboard Style
===========================================*/


/*================================
2. Security page Header Section style
================================*/


/*==================================================
Case Study
===================================================*/


/*====================================================
Responsive Media Query CSS 
======================================================*/

@media screen and (min-width: 1400px) {}

@media (min-width: 992px) {
    .dropdown-menu .dropdown-toggle::after {
        border-top: 5px solid transparent;
        border-bottom: 5px solid transparent;
        border-left: 5px solid var(--theme-ordinary-color);
        position: absolute;
        right: 20px;
        top: 50%;
        transform: translateY(-50%);
    }
    .dropdown-menu .dropdown-toggle:hover::after {
        border-left: 5px solid var(--theme-primary-color);
    }
    /*-------annimation dropdown---------*/
    .navbar .navbar-nav>.active>a,
    .navbar .navbar-nav>.active:hover>a,
    .navbar .navbar-nav>.active>a:focus {
        background-color: transparent;
        -moz-transition: all 300ms ease-in-out 0s;
        -ms-transition: all 300ms ease-in-out 0s;
        -o-transition: all 300ms ease-in-out 0s;
        -webkit-transition: all 300ms ease-in-out 0s;
        transition: all 300ms ease-in-out 0s;
    }
    .navbar .navbar-nav li a,
    .navbar .navbar-nav li ul.dropdown-menu {
        -moz-transition: all 300ms ease-in-out 0s;
        -ms-transition: all 300ms ease-in-out 0s;
        -o-transition: all 300ms ease-in-out 0s;
        -webkit-transition: all 300ms ease-in-out 0s;
        transition: all 300ms ease-in-out 0s;
    }
    .navbar .navbar-nav li>ul.dropdown-menu {
        visibility: hidden;
        min-width: 180px;
        display: block;
        opacity: 0;
        -ms-transform: scale(0.9);
        -o-transform: scale(0.9);
        -webkit-transform: scale(0.9);
        -moz-transform: scale(0.9);
        transform: scale(0.9);
    }
    .navbar .navbar-nav li:hover>ul.dropdown-menu {
        visibility: visible;
        opacity: 1;
        -ms-transform: scale(1);
        -o-transform: scale(1);
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        transform: scale(1);
    }
    .navbar-nav .dropdown-menu ul {
        left: 100%;
        top: 0;
    }
    .navbar-expand-lg .navbar-nav .dropdown-menu .dropdown-menu {
        top: -10px;
    }
    #header.fixed-top {
        position: fixed !important;
        top: -1px;
        right: 0;
        left: 0;
        z-index: 99999;
        animation-duration: 1s;
        animation-name: menu-sticky;
        animation-timing-function: ease-in-out;
        margin: 0;
        box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2);
        border: none;
    }
    .fixed-top .top-header {
        display: none;
    }
    .fixed-top .nav-logo-with-bg .navbar-brand {
        padding: 10px 20px;
        margin-top: 0px;
    }
    .fixed-top .navbar-brand::before {
        display: none;
    }
    .header-2 .navbar-header {
        padding-top: 40px;
    }
    .header-1 .navbar-header {
        padding-bottom: 20px;
    }
    .header-1.fixed-top .navbar-header,
    .header-2.fixed-top .navbar-header {
        padding: 0;
    }
    .mega-menu-dropdown {
        position: static !important;
    }
    .mega-menu-dropdown .dropdown-menu.mega-menu>li {
        width: 25%;
        float: left;
        display: block;
    }
    .mega-menu {
        padding: 20px 15px;
        width: 100%;
    }
}

@media screen and (min-width: 1400px) {
    .preview-gallery {
        padding-left: 120px;
        padding-right: 120px;
    }
}

@media screen and (max-width: 1500px) {
    .featured-thumb.list2 .author {
        display: none !important;
    }
}

@media screen and (max-width: 1700px) {
    .featured-thumb.list2 .image-area {
        width: 50%;
    }
}

@media screen and (max-width: 1199px) {
    .nav-logo-with-bg .navbar-brand {
        padding: 15px 5px;
    }
    .nav-logo-with-bg .navbar-brand::before {
        border-left: 80px solid transparent;
        border-right: 80px solid transparent;
    }
    .thumbnail-two .content {
        padding: 25px 30px 0px 30px;
    }
    .thumbnail-two .content p {
        font-size: 14px;
    }
    .profile-list .profile-data {
        width: 65%;
    }
    .profile-list .profile-data p {
        display: none;
    }
    .property_list_widget li h6 {
        margin-bottom: 0;
        font-size: 15px;
    }
    .featured-thumb.list .author {
        display: none !important;
    }
    .comming-soon .right-content {
        transform: translate(0, 0);
        top: 0;
        left: 0;
        padding: 50px;
        width: 100%;
    }
    .time-count span {
        padding-right: 40px;
    }
    .comming-soon {
        background: none;
    }
}

@media screen and (max-width: 991px) {
    .fixed-top {
        position: static;
    }
    .hover-border-white-nav .navbar-nav .nav-link.active,
    .hover-border-white-nav .navbar-nav .nav-link:hover,
    .hover-border-white-nav .navbar-nav .nav-link:focus {
        border-color: transparent;
        color: var(--theme-secondary-color);
    }
    .mt-md-50 {
        margin-top: 50px;
    }
    .sub-title.w-60 {
        width: 100%;
    }
    .top-header {
        display: none;
    }

    /* .display-lolya{
        display: none;
    }
    .top-header{
        font-size: 12px;
    } */
    
    .nav-on-banner {
        position: static !important;
        background-color: var(--theme-secondary-color);
    }
    .logo-hide .navbar-brand {
        display: block;
    }
    .navbar {
        padding: 5px 0px;
    }
    .overlay-secondary-half::before {
        width: 100%;
    }
    .owl-nav {
        display: none;
    }
    .nav-logo-with-bg .navbar-brand {
        margin-top: 0;
    }
    .nav-logo-with-bg .navbar-brand::before {
        display: none;
    }
    .nav-logo-with-bg .navbar-brand {
        padding: 5px;
    }
    .main-nav {
        padding: 5px 0;
    }
    .dropdown-menu {
        border: none;
        padding-left: 15px;
    }
    .dropdown-menu .dropdown-item:hover,
    .dropdown-menu .dropdown-item.active {
        background-color: transparent;
    }
    .navbar .navbar-toggler {
        color: var(--theme-white-color);
        background-color: var(--theme-gray-color);
    }
    .navbar-light .navbar-nav .nav-link {
        padding: 12px 15px;
        margin-right: 2px;
        font-size: 15px;
        border-radius: 3px;
    }
    .navbar-light .navbar-nav .nav-item {
        margin-bottom: 3px;
    }
    .navbar-nav .dropdown-toggle:after {
        float: right;
        margin-top: 9px;
        margin-right: 15px;
    }
    .navbar-collapse {
        margin-top: 10px;
    }
    .formicon .checkbox-collapse {
        margin-top: 25px;
        display: block;
    }
    .left-arrow::before,
    .left-arrow::after {
        display: none;
    }
    .profile-list .profile-data {
        width: 80%;
    }
    .featured-thumb.list .image-area img {
        height: 100%;
    }
    .dashboard-panel .message-list .title a {
        display: block;
    }
    .contact-info {
        border-right: none;
    }
    .compare-list-properties {
        overflow-x: scroll;
        display: block;
    }
    .comming-soon .xy-center {
        position: inherit;
    }
    .comming-soon .left-content {
        display: none;
    }
    .comming-soon .primary-half::after {
        width: 100%;
        height: 100%;
        border-radius: 30px;
        top: 0;
        left: 0;
    }
}

@media screen and (max-width: 767px) {
    .w-sm-100 {
        width: 100% !important;
    }
    .mb-sm-50 {
        margin-bottom: 50px;
    }
    .mt-sm-50 {
        margin-top: 50px;
    }
    .mb-sm-20 {
        margin-bottom: 20px;
    }
    .mt-sm-20 {
        margin-top: 20px;
    }
    .text-sm-left {
        text-align: left !important;
    }
    .living-list.pr-4 {
        padding: 0 30px !important;
    }
    .mr-minus-sm-0 {
        margin-right: 0;
    }
    .price-upper {
        position: inherit;
        margin: 0;
        transform: scale(1);
    }
    .profile-list {
        display: block !important;
    }
    .profile-list .profile-data {
        width: 100%;
    }
    .profile-list .profile-data p {
        display: block;
    }
    .view-category {
        display: none;
    }
    form.subscribe {
        margin-top: 20px;
    }
    .profile-details .profile-data {
        padding-left: 24px;
    }
    .featured-thumb.list {
        display: inline-block;
    }
    .featured-thumb.list .image-area {
        width: 100%;
    }
    .featured-thumb.list .featured-thumb-data {
        width: 100%;
    }
    .featured-thumb.list .author {
        display: inline-block !important;
    }
    .page-banner .page-name {
        float: left !important;
        margin-top: 15px !important;
    }
    .message-list img {
        width: 100%;
        margin-bottom: 15px;
    }
    .message-list li {
        background-color: #fff;
        margin-bottom: 10px;
    }
    .message-list li .message-action {
        opacity: 1;
    }
    .price-table1.py-80 {
        padding: 0;
    }
    .pricing-table.active {
        margin-top: 0;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
        z-index: 9999;
    }
    .timeline-item .circle {
        float: inherit !important;
        margin-bottom: 30px;
    }
    .timeline-item .timeline-info {
        padding-left: 30px;
    }
}

@media screen and (max-width: 575px) {
    .mt-xs-20 {
        margin-top: 20px;
    }
    .mb-xs-15 {
        margin-bottom: 15px;
    }
    .d-xs-block {
        display: block;
    }
    .w-xl-100 {
        width: 100% !important;
    }
    .angle-shape::after {
        height: 800px;
        transform: rotate(0deg);
    }
    .pagination .page-item .page-link {
        padding: 0 8px;
        line-height: 35px;
    }
    .copyright {
        line-height: 40px;
        padding: 15px 0;
    }
    .copyright .line-menu {
        float: left !important;
    }
    .featured-thumb.list .quantity li {
        padding-bottom: 10px;
    }
    .dashboard-panel {
        padding: 60px 15px;
    }
    .dashboard-panel .post-comments>li:nth-child(2n) {
        padding-left: 0px;
    }
    .dashboard-panel .post-comments .avata {
        margin: 0 20px 20px 0;
    }
    .dashboard-panel .recent-properties h5 {
        display: inherit;
        margin-top: 20px;
    }
    .dashboard-panel .recent-properties img {
        width: 100%;
    }
    .dashboard-panel .recent-properties .btn {
        position: absolute;
        top: 10px;
        right: 25px;
    }
    .items-list .property-info h5 {
        margin-top: 10px;
    }
    .dashboard-panel .submit-form .radio-check {
        float: left;
        margin-top: 5px;
    }
    .dashboard-panel .submit-form .align-self-center {
        display: block;
    }
    .important-facts .inner-title {
        width: 100%;
    }
    .error-text {
        width: 100%;
    }
    .comming-soon .bg-shape {
        display: none;
    }
}