/* Revel - Real Estate HTML Template */

/************ TABLE OF CONTENTS ***************
1. Fonts
2. Reset
3. Global
4. Main Header Style / Two / Three
5. Mega Menu / Sticky Header / Mobile Menu
6. Banner Section / Two / Three
7. Property Search Section / Two / Three
8. About Section
9. Property Section / Two / Three
10. Property List View
11. Property Detail
12. Styled Pagination
13. Services Section
14. Popular Places Section
15. Features Properties
16. Modern Properties
17. Gallery Section
18. App Section
19. Why Choose Us
20. What We Do
21. Fun Facts Section
22. Agents Section / Two
23. Agent Detail
24. Pricing Section
25. Testimonial Section / Two
26. Call To Action
27. News Section / Two
28. Blog Sidebar
29. Blog Detail
30. Contact Page Section
31. Map Section
32. Clients Section
33. Main Footer / Style Two
34. Sidebar Page Container
35. Comments Area
36. Comment Form
37. Login Section
38. Error Section
**********************************************/

/*** 

====================================================================
			Fonts
====================================================================

 ***/

/* Google Fonts import removed — blocked in Iran and slows down the first paint. */

/*
font-family: 'Roboto', sans-serif;
font-family: 'Montserrat', sans-serif;
font-family: 'IRANSansWeb;
*/

@import url('flaticon.css');
@import url('fontawesome-all.css');
@import url('animate.css');
@import url('owl.css');
@import url('jquery-ui.css');
@import url('jquery.fancybox.min.css');


@font-face {
    font-family: 'IRANSansWeb';
    src: url('../fonts/IRANSansWeb.eot?-wwn5ej');
    src: url('../fonts/IRANSansWeb.eot?#iefix-wwn5ej') format('embedded-opentype'), url('../fonts/IRANSansWeb.woff2') format('woff');
    font-weight: normal;
    font-style: normal;
}
/*** 

====================================================================
	Reset
====================================================================

 ***/

* {
    margin: 0px;
    padding: 0px;
    border: none;
    outline: none;
    font-size: 100%;
}

/*** 

====================================================================
	Global Settings
====================================================================

 ***/

body {
    direction: rtl;
    text-align: right;
    font-size: 14px;
    color: #777777;
    line-height: 2em;
    font-weight: 400;
    background: #ffffff;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    font-family: 'IRANSansWeb', sans-serif;
}

a {
    text-decoration: none;
    cursor: pointer;
    color: #0e7490;
}

    a:hover,
    a:focus,
    a:visited {
        text-decoration: none;
        outline: none;
    }

h1, h2, h3, h4, h5, h6 {
    position: relative;
    font-weight: normal;
    margin: 0px;
    background: none;
    line-height: 1.2em;
    font-family: 'IRANSansWeb', sans-serif;
}

textarea {
    overflow: hidden;
    resize: none;
}

button {
    outline: none !important;
    cursor: pointer;
}

p, .text {
    font-size: 15px;
    line-height: 30px;
    font-weight: 400;
    color: #666666;
    margin: 0;
}

::-webkit-input-placeholder {
    color: inherit;
}

::-moz-input-placeholder {
    color: inherit;
}

::-ms-input-placeholder {
    color: inherit;
}

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

.page-wrapper {
    position: relative;
    margin: 0 auto;
    width: 100%;
    min-width: 300px;
    overflow: hidden;
    z-index: 99;
}

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

.theme-btn {
    display: inline-block;
    -webkit-transition: all 400ms ease;
    -moz-transition: all 400ms ease;
    -ms-transition: all 400ms ease;
    -o-transition: all 400ms ease;
    transition: all 400ms ease;
}

.centered {
    text-align: center !important;
}

/*Btn Style One*/

.btn-style-one {
    position: relative;
    font-size: 15px;
    line-height: 20px;
    color: #ffffff;
    padding: 15px 40px;
    font-weight: 500;
    text-transform: uppercase;
    background-color: #222222;
    overflow: hidden;
}

    .btn-style-one .btn-title {
        position: relative;
    }

    .btn-style-one:hover {
        color: #ffffff;
        -webkit-box-shadow: 0 10px 30px rgba(0,0,0,0.10);
        -moz-box-shadow: 0 10px 30px rgba(0,0,0,0.10);
        -ms-box-shadow: 0 10px 30px rgba(0,0,0,0.10);
        -o-box-shadow: 0 10px 30px rgba(0,0,0,0.10);
        box-shadow: 0 10px 30px rgba(0,0,0,0.10);
    }

    .btn-style-one:before {
        position: absolute;
        right: 0;
        top: 0;
        height: 100%;
        width: 100%;
        content: "";
        background-color: #0e7490;
        -webkit-transform: scale(0, 1);
        -ms-transform: scale(0, 1);
        transform: scale(0, 1);
        -webkit-transform-origin: top left;
        -ms-transform-origin: top left;
        transform-origin: top left;
        -webkit-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
        -moz-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
        -o-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
        transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000); /* easeInOutQuint */
        -webkit-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
        -moz-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
        -o-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
        transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000); /* easeInOutQuint */
    }

    .btn-style-one:hover:before {
        -webkit-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        transform: scale(1, 1);
        -webkit-transform-origin: bottom right;
        -ms-transform-origin: bottom right;
        transform-origin: bottom right;
    }

/*Btn Style Two*/

.btn-style-two {
    position: relative;
    font-size: 15px;
    line-height: 20px;
    color: #ffffff;
    padding: 15px 40px;
    font-weight: 500;
    text-transform: uppercase;
    background-color: #0e7490;
    overflow: hidden;
}

    .btn-style-two .btn-title {
        position: relative;
    }

    .btn-style-two:hover {
        color: #0e7490;
        -webkit-box-shadow: 0 10px 30px rgba(0,0,0,0.10);
        -moz-box-shadow: 0 10px 30px rgba(0,0,0,0.10);
        -ms-box-shadow: 0 10px 30px rgba(0,0,0,0.10);
        -o-box-shadow: 0 10px 30px rgba(0,0,0,0.10);
        box-shadow: 0 10px 30px rgba(0,0,0,0.10);
    }

    .btn-style-two:before {
        position: absolute;
        right: 0;
        top: 0;
        height: 100%;
        width: 100%;
        content: "";
        background-color: #ffffff;
        -webkit-transform: scale(0, 1);
        -ms-transform: scale(0, 1);
        transform: scale(0, 1);
        -webkit-transform-origin: top left;
        -ms-transform-origin: top left;
        transform-origin: top left;
        -webkit-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
        -moz-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
        -o-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
        transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000); /* easeInOutQuint */
        -webkit-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
        -moz-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
        -o-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
        transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000); /* easeInOutQuint */
    }

    .btn-style-two:hover:before {
        -webkit-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        transform: scale(1, 1);
        -webkit-transform-origin: bottom right;
        -ms-transform-origin: bottom right;
        transform-origin: bottom right;
    }

/*Btn Style Three*/

.btn-style-three {
    position: relative;
    font-size: 15px;
    line-height: 20px;
    color: #ffffff;
    padding: 15px 40px;
    font-weight: 500;
    text-transform: uppercase;
    background-color: #222222;
    overflow: hidden;
}

    .btn-style-three .btn-title {
        position: relative;
    }

    .btn-style-three:hover {
        color: #222222;
        -webkit-box-shadow: 0 10px 30px rgba(0,0,0,0.10);
        -moz-box-shadow: 0 10px 30px rgba(0,0,0,0.10);
        -ms-box-shadow: 0 10px 30px rgba(0,0,0,0.10);
        -o-box-shadow: 0 10px 30px rgba(0,0,0,0.10);
        box-shadow: 0 10px 30px rgba(0,0,0,0.10);
    }

    .btn-style-three:before {
        position: absolute;
        right: 0;
        top: 0;
        height: 100%;
        width: 100%;
        content: "";
        background-color: #ffffff;
        -webkit-transform: scale(0, 1);
        -ms-transform: scale(0, 1);
        transform: scale(0, 1);
        -webkit-transform-origin: top left;
        -ms-transform-origin: top left;
        transform-origin: top left;
        -webkit-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
        -moz-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
        -o-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
        transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000); /* easeInOutQuint */
        -webkit-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
        -moz-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
        -o-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
        transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000); /* easeInOutQuint */
    }

    .btn-style-three:hover:before {
        -webkit-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        transform: scale(1, 1);
        -webkit-transform-origin: bottom right;
        -ms-transform-origin: bottom right;
        transform-origin: bottom right;
    }

/*Btn Style Four*/

.btn-style-four {
    position: relative;
    font-size: 15px;
    line-height: 20px;
    color: #ffffff;
    padding: 13px 40px;
    font-weight: 500;
    text-transform: uppercase;
    background-color: transparent;
    border: 2px solid #ffffff;
    overflow: hidden;
}

    .btn-style-four .btn-title {
        position: relative;
    }

    .btn-style-four:hover {
        color: #0e7490;
        -webkit-box-shadow: 0 10px 30px rgba(0,0,0,0.10);
        -moz-box-shadow: 0 10px 30px rgba(0,0,0,0.10);
        -ms-box-shadow: 0 10px 30px rgba(0,0,0,0.10);
        -o-box-shadow: 0 10px 30px rgba(0,0,0,0.10);
        box-shadow: 0 10px 30px rgba(0,0,0,0.10);
    }

    .btn-style-four:before {
        position: absolute;
        left: 0;
        top: 0;
        height: 100%;
        width: 100%;
        content: "";
        background-color: #ffffff;
        -webkit-transform: scale(0, 1);
        -ms-transform: scale(0, 1);
        transform: scale(0, 1);
        -webkit-transform-origin: top right;
        -ms-transform-origin: top right;
        transform-origin: top right;
        -webkit-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
        -moz-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
        -o-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
        transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000); /* easeInOutQuint */
        -webkit-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
        -moz-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
        -o-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
        transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000); /* easeInOutQuint */
    }

    .btn-style-four:hover:before {
        -webkit-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        transform: scale(1, 1);
        -webkit-transform-origin: bottom left;
        -ms-transform-origin: bottom left;
        transform-origin: bottom left;
    }

/*Btn Style Five*/

.btn-style-five {
    position: relative;
    font-size: 15px;
    line-height: 20px;
    color: #222222;
    padding: 15px 40px;
    font-weight: 500;
    text-transform: uppercase;
    background-color: #ffffff;
    overflow: hidden;
}

    .btn-style-five .btn-title {
        position: relative;
    }

    .btn-style-five:hover {
        color: #ffffff;
        -webkit-box-shadow: 0 10px 30px rgba(0,0,0,0.10);
        -moz-box-shadow: 0 10px 30px rgba(0,0,0,0.10);
        -ms-box-shadow: 0 10px 30px rgba(0,0,0,0.10);
        -o-box-shadow: 0 10px 30px rgba(0,0,0,0.10);
        box-shadow: 0 10px 30px rgba(0,0,0,0.10);
    }

    .btn-style-five:before {
        position: absolute;
        left: 0;
        top: 0;
        height: 100%;
        width: 100%;
        content: "";
        background-color: #222222;
        -webkit-transform: scale(0, 1);
        -ms-transform: scale(0, 1);
        transform: scale(0, 1);
        -webkit-transform-origin: top right;
        -ms-transform-origin: top right;
        transform-origin: top right;
        -webkit-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
        -moz-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
        -o-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
        transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000); /* easeInOutQuint */
        -webkit-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
        -moz-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
        -o-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
        transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000); /* easeInOutQuint */
    }

    .btn-style-five:hover:before {
        -webkit-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        transform: scale(1, 1);
        -webkit-transform-origin: bottom left;
        -ms-transform-origin: bottom left;
        transform-origin: bottom left;
    }

.list-style-one {
    position: relative;
    display: block;
}

    .list-style-one li {
        position: relative;
        font-size: 15px;
        line-height: 26px;
        color: #666666;
        font-weight: 400;
        margin-bottom: 10px;
        padding-left: 35px;
    }

        .list-style-one li:before {
            position: absolute;
            left: 0;
            top: 0;
            font-size: 18px;
            line-height: 25px;
            color: #0e7490;
            font-weight: 400;
            font-family: "LineAwesome";
            content: "\f17d";
        }

.theme_color {
    color: #25262c;
}

.pull-right {
    float: right;
}

.pull-left {
    float: left;
}

.preloader {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 999999;
    background-color: #ffffff;
    background-position: center center;
    background-repeat: no-repeat;
    background-image: url(../images/icons/preloader.svg);
}

img {
    display: inline-block;
    max-width: 100%;
    height: auto;
    visibility: visible;
    transition: visibility 1s ease;
}

    img[data-src] {
        visibility: hidden;
    }

/*** 

====================================================================
	Scroll To Top style
====================================================================

***/

.scroll-to-top {
    position: fixed;
    left: 30px;
    bottom: 30px;
    width: 30px;
    height: 30px;
    color: #ffffff;
    font-size: 14px;
    line-height: 30px;
    text-align: center;
    z-index: 100;
    cursor: pointer;
    background: #222222;
    display: none;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}

    .scroll-to-top:hover {
        background: #ffffff;
        color: #222222;
    }

/*** 

====================================================================
	Main Header style
====================================================================

***/

.main-header {
    position: relative;
    width: 100%;
    z-index: 9999;
}

    .main-header .header-top {
        position: relative;
        background-color: #222222;
    }

    .main-header .top-right {
        position: relative;
        float: right;
    }

        .main-header .top-right .contact-list {
            position: relative;
            padding: 10px 0;
        }

            .main-header .top-right .contact-list li {
                position: relative;
                float: right;
                font-size: 14px;
                line-height: 20px;
                color: #ffffff;
                font-weight: 400;
                margin-left: 20px;
            }

                .main-header .top-right .contact-list li:last-child {
                    margin-left: 0;
                }

                .main-header .top-right .contact-list li i {
                    float: right;
                    font-size: 14px;
                    line-height: 20px;
                    margin-left: 5px;
                    color: #0e7490;
                }

                .main-header .top-right .contact-list li a {
                    color: #e9e8e9;
                    display: inline-block;
                    -webkit-transition: all 300ms ease;
                    -moz-transition: all 300ms ease;
                    -ms-transition: all 300ms ease;
                    -o-transition: all 300ms ease;
                    transition: all 300ms ease;
                }

                    .main-header .top-right .contact-list li a:hover {
                        color: #0e7490;
                    }

    .main-header .top-left {
        position: relative;
        float: left;
    }

        .main-header .top-left .social-icon-one {
            position: relative;
            float: right;
            padding: 10px 0;
        }

@media only screen and (max-width:690px) {
    .social-icon-one {
        display: none;
    }
}

@media only screen and (max-width:600px) {
    #contactbox {
        display: none;
    }
}

.login-signup-mob {
    border-radius: 8px;
    background-color: #0e7490;
    width: 140px;
    margin-right : 8px;
    text-align: center;
    background-color: #0e7490;
}

    .login-signup-mob:after {
        position: absolute;
        right: 48%;
        top: 0;
        font-size: 14px;
        line-height: 40px;
        color: #ffffff;
        opacity: .50;
        content: "|";
    }

.btn-ls-mob {
    position: relative;
    display: block;
    font-size: 12px;
    line-height: 20px;
    padding: 10px 0;
    color: #ffffff;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.btn-ls-box-mob {
    position: relative;
    float: right;
    width: 50%;
}

.social-icon-one li {
    position: relative;
    float: right;
    margin-right: 25px;
}

    .social-icon-one li:first-child {
        margin-right: 0;
    }

    .social-icon-one li a span {
        position: relative;
        display: block;
        font-size: 14px;
        line-height: 19px;
        color: #ffffff;
        -webkit-transition: all 300ms ease;
        -moz-transition: all 300ms ease;
        -ms-transition: all 300ms ease;
        -o-transition: all 300ms ease;
        transition: all 300ms ease;
    }

    .social-icon-one li a:hover span {
        color: #0e7490;
    }

.main-header .login-signup {
    position: relative;
    float: left;
    width: 270px;
    text-align: center;
    margin-right: 30px;
    background-color: #0e7490;
}

    .main-header .login-signup:after {
        position: absolute;
        left: 50%;
        top: 0;
        font-size: 14px;
        line-height: 40px;
        color: #ffffff;
        opacity: .50;
        content: "|";
    }

    .main-header .login-signup li {
        position: relative;
        float: right;
        width: 50%;
    }

        .main-header .login-signup li a {
            position: relative;
            display: block;
            font-size: 14px;
            line-height: 20px;
            padding: 10px 0;
            color: #ffffff;
            -webkit-transition: all 300ms ease;
            -moz-transition: all 300ms ease;
            -ms-transition: all 300ms ease;
            -o-transition: all 300ms ease;
            transition: all 300ms ease;
        }

            .main-header .login-signup li a:hover {
                color: #0e7490;
                background-color: #ffffff;
                opacity: 1;
            }

.main-header .login-signup2 {
    position: relative;
    float: left;
    width: 140px;
    text-align: center;
    margin-right: 20px;
    background-color: #0e7490;
}

    .main-header .login-signup2:after {
        position: absolute;
        left: 50%;
        top: 0;
        font-size: 14px;
        line-height: 40px;
        color: #ffffff;
        opacity: .50;
    }

    .main-header .login-signup2 li {
        position: relative;
        float: right;
        width: 100%;
    }

        .main-header .login-signup2 li a {
            position: relative;
            display: block;
            font-size: 14px;
            line-height: 20px;
            padding: 10px 0;
            color: #ffffff;
            -webkit-transition: all 300ms ease;
            -moz-transition: all 300ms ease;
            -ms-transition: all 300ms ease;
            -o-transition: all 300ms ease;
            transition: all 300ms ease;
        }

            .main-header .login-signup2 li a:hover {
                color: #0e7490;
                background-color: #ffffff;
                opacity: 1;
            }

/*=== Header Lower ===*/

.main-header .header-lower {
    position: relative;
}

    .main-header .header-lower .main-box {
        position: relative;
    }

    .main-header .header-lower .logo-box {
        position: relative;
        float: left;
    }

    .main-header .header-lower .logo {
        position: relative;
        padding: 25px 0px;
        -webkit-transition: all 300ms ease;
        -moz-transition: all 300ms ease;
        -ms-transition: all 300ms ease;
        -o-transition: all 300ms ease;
        transition: all 300ms ease;
    }

        .main-header .header-lower .logo img {
            position: relative;
            max-width: 100%;
            height: 60px;
        }

    .main-header .header-lower .nav-outer {
        float: left;
    }

.main-header .main-box {
    position: static;
    right: 0px;
    top: 0px;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    font-family: 'IRANSansWeb', sans-serif;
}

.main-header .nav-toggler button {
    position: relative;
    display: block;
    color: #444444;
    text-align: center;
    font-size: 24px;
    line-height: 34px;
    font-weight: normal;
    background: none;
}

.main-menu {
    position: static;
    float: right;
}

    .main-menu .navbar-header {
        display: none;
    }

    .main-menu .navbar-collapse {
        padding: 0px;
    }

    .main-menu .navigation {
        position: static;
        margin: 0px;
    }

        .main-menu .navigation > li {
            position: relative;
            float: right;
            padding: 0px 20px;
            -webkit-transition: all 300ms ease;
            -moz-transition: all 300ms ease;
            -ms-transition: all 300ms ease;
            -o-transition: all 300ms ease;
            transition: all 300ms ease;
        }

            .main-menu .navigation > li:hover:before {
                height: 100%;
            }

            .main-menu .navigation > li > a {
                position: relative;
                display: block;
                font-size: 16px;
                line-height: 30px;
                font-weight: 600;
                color: #252525;
                padding: 40px 0;
                opacity: 1;
                text-align: center;
                font-family: "IRANSansWeb", sans-serif;
                -webkit-transition: all 300ms ease;
                -moz-transition: all 300ms ease;
                -ms-transition: all 300ms ease;
                -o-transition: all 300ms ease;
                transition: all 300ms ease;
            }

            .main-menu .navigation > li.current > a,
            .main-menu .navigation > li:hover > a {
                color: #0e7490;
            }

            .main-menu .navigation > li > ul > li > ul > li.dropdown > a:after {
                font-family: 'LineAwesome';
                content: "\f112";
                position: absolute;
                right: 10px;
                top: 11px;
                width: 10px;
                height: 20px;
                display: block;
                color: #292929;
                line-height: 20px;
                font-size: 13px;
                font-weight: 400;
                text-align: center;
                z-index: 5;
            }

            .main-menu .navigation > li > ul > li > ul > li.dropdown:hover > a:after {
                color: #ffffff;
            }

            .main-menu .navigation > li > ul {
                position: absolute;
                right: 0px;
                top: 110%;
                width: 200px;
                padding: 0px 0px;
                z-index: 100;
                background-color: #ffffff;
                -webkit-transition: all 200ms linear;
                -moz-transition: all 200ms linear;
                -ms-transition: all 200ms linear;
                -o-transition: all 200ms linear;
                transition: all 200ms linear;
                opacity: 1;
                -webkit-box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
                -ms-box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
                -o-box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
                -moz-box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
                box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
            }

                .main-menu .navigation > li > ul.from-right {
                    left: auto;
                    right: 0px;
                }

                .main-menu .navigation > li > ul > li {
                    position: relative;
                    width: 100%;
                    border-bottom: 1px solid rgba(255,255,255,0.10);
                }

                    .main-menu .navigation > li > ul > li:last-child {
                        border-bottom: none;
                    }

                    .main-menu .navigation > li > ul > li > a {
                        position: relative;
                        display: block;
                        padding: 10px 20px;
                        line-height: 24px;
                        font-weight: 400;
                        font-size: 15px;
                        color: #222222;
                        text-align: right;
                        text-transform: capitalize;
                        border-right: 4px solid transparent;
                        -webkit-transition: all 500ms ease;
                        -moz-transition: all 500ms ease;
                        -ms-transition: all 500ms ease;
                        -o-transition: all 500ms ease;
                        transition: all 500ms ease;
                    }

                    .main-menu .navigation > li > ul > li:hover > a {
                        border-right: 4px solid #0e7490;
                        background: rgba(0,0,0,0.01);
                    }

                    .main-menu .navigation > li > ul > li.dropdown > a:after {
                        font-family: 'Font Awesome 5 Free';
                        content: "\f104";
                        position: absolute;
                        left: 15px;
                        top: 11px;
                        width: 10px;
                        height: 20px;
                        display: block;
                        line-height: 20px;
                        font-size: 16px;
                        color: #222222;
                        font-weight: 900;
                        text-align: center;
                        z-index: 5;
                    }

                    .main-menu .navigation > li > ul > li > ul {
                        position: absolute;
                        right: 110%;
                        top: 0%;
                        width: 200px;
                        padding: 0px 0px;
                        z-index: 100;
                        background: #ffffff;
                        -webkit-transition: all 200ms linear;
                        -moz-transition: all 200ms linear;
                        -ms-transition: all 200ms linear;
                        -o-transition: all 200ms linear;
                        transition: all 200ms linear;
                        -webkit-box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
                        -ms-box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
                        -o-box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
                        -moz-box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
                        box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
                    }

                        .main-menu .navigation > li > ul > li > ul > li {
                            position: relative;
                            width: 100%;
                            border-bottom: 1px solid rgba(255,255,255,0.10);
                        }

                            .main-menu .navigation > li > ul > li > ul > li:last-child {
                                border-bottom: none;
                            }

                            .main-menu .navigation > li > ul > li > ul > li > a {
                                position: relative;
                                display: block;
                                padding: 10px 20px;
                                line-height: 24px;
                                font-weight: 400;
                                font-size: 15px;
                                color: #222222;
                                text-align: right;
                                text-transform: capitalize;
                                border-right: 4px solid transparent;
                                transition: all 500ms ease;
                                -moz-transition: all 500ms ease;
                                -webkit-transition: all 500ms ease;
                                -ms-transition: all 500ms ease;
                                -o-transition: all 500ms ease;
                            }

                                .main-menu .navigation > li > ul > li > ul > li > a:hover {
                                    border-right: 4px solid #0e7490;
                                    background: rgba(0,0,0,0.01);
                                }

            .main-menu .navigation > li.dropdown:hover > ul {
                -webkit-transition: all 300ms linear;
                -moz-transition: all 300ms linear;
                -ms-transition: all 300ms linear;
                -o-transition: all 300ms linear;
                transition: all 300ms linear;
                visibility: visible;
                opacity: 1;
                top: 100%;
            }

        .main-menu .navigation li > ul > li.dropdown:hover > ul {
            visibility: visible;
            opacity: 1;
            top: 0;
            right: 100%;
            transition: all 500ms ease;
            -moz-transition: all 500ms ease;
            -webkit-transition: all 500ms ease;
            -ms-transition: all 500ms ease;
            -o-transition: all 500ms ease;
        }

    .main-menu .navbar-collapse > ul li.dropdown .dropdown-btn {
        position: absolute;
        right: 10px;
        top: 8px;
        width: 34px;
        height: 30px;
        border: 1px solid #ffffff;
        text-align: center;
        font-size: 16px;
        line-height: 30px;
        color: #ffffff;
        cursor: pointer;
        z-index: 5;
        display: none;
    }

.main-header .outer-box {
    position: relative;
    float: left;
    margin-right: 20px;
    padding: 30px 0;
}

    .main-header .outer-box .btn-box a {
        text-transform: unset;
        display: block;
        padding: 15px 30px;
        font-size: 14px;
        color: #ffffff;
        font-weight: 600;
    }

/*search box btn*/

.main-header .search-box-outer {
    position: relative;
    float: right;
    padding: 20px 0;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.main-header .search-box-btn {
    position: relative;
    cursor: pointer;
    background: none;
    font-size: 16px;
    line-height: 30px;
    width: 30px;
    text-align: center;
    font-weight: 700;
    color: #ffffff;
    outline: none;
    background-color: transparent;
}

.main-header .show .search-box-btn .fa:before {
    content: "\f00d";
    font-size: 18px;
}

.dropdown-toggle::after {
    display: none;
}

.main-header .search-box-outer .dropdown-menu {
    top: 50px !important;
    left: 0 !important;
    right: auto !important;
    padding: 0px;
    width: 280px;
    border-radius: 0px;
    border-top: 3px solid #0e7490;
    -webkit-transform: translateX(0) !important;
    -moz-transform: translateX(0) !important;
    -ms-transform: translateX(0) !important;
    -o-transform: translateX(0) !important;
    transform: translateX(0) !important;
}

.main-header .search-panel .form-container {
    padding: 25px 20px;
}

.main-header .search-panel .form-group {
    position: relative;
    margin: 0px;
}

.main-header .search-panel input[type="text"],
.main-header .search-panel input[type="search"],
.main-header .search-panel input[type="password"],
.main-header .search-panel select {
    display: block;
    width: 100%;
    line-height: 24px;
    padding: 7px 40px 7px 15px;
    height: 40px;
    border: 1px solid #e0e0e0;
    background: #ffffff;
}

    .main-header .search-panel input:focus,
    .main-header .search-panel select:focus {
        border-color: #0e7490;
    }

.main-header .search-panel .search-btn {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 40px;
    height: 40px;
    text-align: center;
    color: #555555;
    font-size: 12px;
    background: none;
    cursor: pointer;
}

/*** 

====================================================================
	Header Style Two
====================================================================

***/

.header-style-two {
    position: relative;
}

    .header-style-two .header-top {
        background-color: #ffffff;
    }

    /*===  Header Upper ===*/

    .header-style-two .header-upper {
        position: relative;
        z-index: 99999;
    }

        .header-style-two .header-upper .logo-outer {
            position: relative;
            float: right;
            z-index: 25;
        }

    .header-style-two .logo-outer .logo {
        position: relative;
        padding: 30px 20px;
        background-color: #0e7490;
        margin-bottom: -50px;
    }

        .header-style-two .logo-outer .logo img {
            position: relative;
            display: inline-block;
            height: 100px;
        }

    .header-style-two .header-upper .upper-right {
        position: relative;
        float: left;
        padding: 25px 0;
    }

    .header-style-two .info-box {
        position: relative;
        float: right;
        padding-right: 70px;
        margin-left: 65px;
        min-height: 50px;
    }

        .header-style-two .info-box .icon-box {
            position: absolute;
            right: 0px;
            top: 0px;
            height: 50px;
            width: 50px;
            text-align: center;
            font-size: 24px;
            color: #0e7490;
            line-height: 48px;
            font-weight: 900;
            border: 1px solid #bbbbbb;
            -webkit-transition: all 300ms ease;
            -moz-transition: all 300ms ease;
            -ms-transition: all 300ms ease;
            -o-transition: all 300ms ease;
            transition: all 300ms ease;
        }

        .header-style-two .info-box li {
            position: relative;
            font-size: 14px;
            line-height: 25px;
            color: #666666;
            font-weight: 400;
            text-transform: capitalize;
        }

            .header-style-two .info-box li a {
                color: #666666;
                -webkit-transition: all 300ms ease;
                -moz-transition: all 300ms ease;
                -ms-transition: all 300ms ease;
                -o-transition: all 300ms ease;
                transition: all 300ms ease;
            }

                .header-style-two .info-box li a:hover {
                    color: #0e7490;
                }

        .header-style-two .info-box.btn-box {
            padding-right: 0;
            margin-left: 0;
        }

            .header-style-two .info-box.btn-box .theme-btn {
                font-size: 15px;
                text-transform: unset;
            }

    /*===  Header Upper ===*/

    .header-style-two .header-lower {
        position: relative;
        background-color: #222222;
    }

        .header-style-two .header-lower .main-box {
            padding-right: 200px;
        }

        .header-style-two .header-lower .nav-outer {
            float: left;
            width: 100%;
        }

    .header-style-two .main-menu .navigation > li {
        padding: 0;
        margin-left: 50px;
    }

        .header-style-two .main-menu .navigation > li > a {
            text-transform: uppercase;
            font-weight: 600;
            color: #ffffff;
            padding: 10px 0;
            line-height: 30px;
            font-size: 14px;
        }

        .header-style-two .main-menu .navigation > li.dropdown > a {
            padding-left: 15px;
        }

            .header-style-two .main-menu .navigation > li.dropdown > a:before {
                position: absolute;
                left: 0px;
                top: 10px;
                font-size: 14px;
                line-height: 30px;
                font-weight: 700;
                color: #ffffff;
                content: "\f107";
                font-family: "Font Awesome 5 Free";
                -webkit-transition: all 300ms ease;
                -moz-transition: all 300ms ease;
                -ms-transition: all 300ms ease;
                -o-transition: all 300ms ease;
                transition: all 300ms ease;
            }

        .header-style-two .main-menu .navigation > li:last-child {
            margin-left: 0;
            padding-left: 0;
        }

        .header-style-two .main-menu .navigation > li.dropdown:hover > a:before,
        .header-style-two .main-menu .navigation > li.current.dropdown > a:before,
        .header-style-two .main-menu .navigation > li:hover > a,
        .header-style-two .main-menu .navigation > li.current > a {
            color: #0e7490;
        }

    .header-style-two .outer-box {
        padding: 15px 0;
    }

/*** 

====================================================================
	Header Style Three
====================================================================

***/

.header-style-three {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
}

    .header-style-three .header-top {
        position: relative;
        background-color: #0e7490;
        z-index: 99999999;
    }

    .header-style-three .top-left .contact-list {
        padding: 15px 0;
    }

        .header-style-three .top-left .contact-list li i {
            color: #222222;
            margin-right: 10px;
        }

    .header-style-three .top-left .text {
        position: relative;
        float: right;
        font-size: 14px;
        line-height: 30px;
        color: #ffffff;
        font-weight: 400;
        padding: 10px 0;
    }

    .header-style-three .lang-box {
        position: relative;
        float: left;
    }

        .header-style-three .lang-box .language {
            position: relative;
            padding: 10px 0;
            margin-right: 20px;
            padding-right: 20px;
        }

            .header-style-three .lang-box .language:before {
                position: absolute;
                right: -3px;
                top: 10px;
                font-size: 14px;
                line-height: 30px;
                color: #ffffff;
                content: "|";
            }

    .header-style-three .language .dropdown-menu {
        top: 100% !important;
        left: 0px !important;
        right: auto !important;
        transform: none !important;
        border-radius: 0px;
        background-color: rgba(47,46,50,.90);
        border: none;
        padding: 0px;
        border-top: 3px solid #0e7490;
        margin-top: 0;
    }

.btn.focus, .btn:focus {
    box-shadow: none;
}

.main-header .language > a {
    width: auto !important;
    height: auto !important;
    font-size: 14px;
    line-height: 30px;
    color: #ffffff;
    font-weight: 400;
    background: none !important;
    text-transform: capitalize;
    display: block;
    border: 0px;
}

    .main-header .language > a .flag {
        position: relative;
        display: inline-block;
        height: 24px;
        width: 50px;
        background-image: url(../images/icons/flag.jpg);
        vertical-align: middle;
        margin-right: 8px;
    }

    .main-header .language > a .icon {
        margin-left: 3px;
        font-size: 12px;
    }

.main-header .language a:hover {
    background: none;
}

.main-header .language .dropdown-menu > li {
    padding-right: 0px !important;
    margin: 0px !important;
    padding: 0;
    float: none;
    display: block !important;
}

    .main-header .language .dropdown-menu > li:last-child {
        border-bottom: none;
    }

    .main-header .language .dropdown-menu > li > a {
        padding: 5px 10px !important;
        width: auto;
        height: auto;
        display: block;
        font-size: 14px;
        color: #ffffff;
        text-align: left;
        border-radius: 0px;
        border-left: 3px solid transparent;
        -webkit-transition: all 300ms ease;
        -ms-transition: all 300ms ease;
        -o-transition: all 300ms ease;
        -moz-transition: all 300ms ease;
        transition: all 300ms ease;
    }

        .main-header .language .dropdown-menu > li > a:hover {
            border-left: 3px solid #0e7490;
            background-color: rgba(255,255,255,.15);
        }

.header-style-three .main-menu .navigation > li {
    position: relative;
    float: none;
    display: inline-block;
    padding: 11px 0px;
    margin: 0 20px;
}

.header-style-three .navbar-toggler {
    color: #ffffff;
    border-color: #ffffff !important;
}

/*===  Header Upper ===*/

.header-style-three .header-upper {
    position: relative;
    z-index: 99999;
}

    .header-style-three .header-upper .logo-outer {
        position: absolute;
        float: right;
        z-index: 25;
    }

.header-style-three .logo-outer .logo {
    position: relative;
    padding: 60px 0;
}

    .header-style-three .logo-outer .logo img {
        position: relative;
        display: inline-block;
        height: 50px;
    }

.header-style-three .header-upper .upper-right {
    position: relative;
    margin-right: 400px;
    padding: 25px 0;
}

    .header-style-three .header-upper .upper-right:before {
        position: absolute;
        right: -140px;
        top: 0;
        height: 100%;
        width: 1000%;
        content: "";
        -webkit-transform: skew(-30deg);
        -moz-transform: skew(-30deg);
        -ms-transform: skew(-30deg);
        -o-transform: skew(-30deg);
        transform: skew(-30deg);
        background-color: rgba(0,0,0,0.70);
        border-bottom: 1px solid #3d3e3f;
    }

.header-style-three .info-box {
    position: relative;
    float: right;
    padding-right: 60px;
    margin-left: 80px;
    min-height: 50px;
}

    .header-style-three .info-box .icon-box {
        position: absolute;
        right: 0px;
        top: 0px;
        text-align: center;
        font-size: 38px;
        color: #0e7490;
        line-height: 40px;
        -webkit-transition: all 300ms ease;
        -moz-transition: all 300ms ease;
        -ms-transition: all 300ms ease;
        -o-transition: all 300ms ease;
        transition: all 300ms ease;
    }

    .header-style-three .info-box li {
        position: relative;
        font-size: 14px;
        line-height: 20px;
        color: #ffffff;
        font-weight: 400;
        text-transform: capitalize;
    }

        .header-style-three .info-box li strong {
            font-size: 18px;
            color: #ffffff;
            font-weight: 500;
            font-family: "IRANSansWeb", sans-serif;
        }

        .header-style-three .info-box li a {
            color: #ffffff;
            -webkit-transition: all 300ms ease;
            -moz-transition: all 300ms ease;
            -ms-transition: all 300ms ease;
            -o-transition: all 300ms ease;
            transition: all 300ms ease;
        }

            .header-style-three .info-box li a:hover {
                color: #0e7490;
            }

    .header-style-three .info-box.btn-box {
        padding-right: 0;
        margin-left: 0;
        float: left;
    }

        .header-style-three .info-box.btn-box a {
            display: block;
            line-height: 20px;
            padding: 10px 30px;
            font-weight: 600;
        }

.header-style-three .header-lower .main-box {
    position: relative;
    margin-right: 400px;
}

.header-style-three .header-lower .nav-outer {
    position: relative;
    float: left;
    width: 100%;
}

    .header-style-three .header-lower .nav-outer:before {
        position: absolute;
        right: -90px;
        top: 0;
        height: 100%;
        width: 1000%;
        content: "";
        -webkit-transform: skew(-30deg);
        -moz-transform: skew(-30deg);
        -ms-transform: skew(-30deg);
        -o-transform: skew(-30deg);
        transform: skew(-30deg);
        background-color: rgba(0,0,0,0.70);
    }

.header-style-three .main-menu .navigation > li {
    padding: 0;
    margin: 0;
    margin-right: 40px;
}

    .header-style-three .main-menu .navigation > li > a {
        font-size: 16px;
        padding: 20px 0;
        color: #ffffff;
    }

.header-style-three .outer-box {
    padding: 0;
    margin: 0;
}

.header-style-three .search-box-outer {
    padding-right: 30px;
    margin-right: 0px;
}

    .header-style-three .search-box-outer:before {
        position: absolute;
        right: 0;
        top: 20px;
        font-size: 16px;
        line-height: 30px;
        color: #ffffff;
        content: "|";
    }

/************************ Mega Menu ***************************/

.main-menu .navigation > li.has-mega-menu {
    position: static;
}

.main-menu .navigation > li > .mega-menu {
    position: absolute;
    left: 0px;
    right: 0;
    margin: auto;
    width: 100%;
    max-width: 1170px;
    background: #ffffff;
    padding: 35px 30px;
    top: 100%;
    z-index: 100;
    opacity: 0;
    -webkit-transform: scaleY(0);
    -moz-transform: scaleY(0);
    -ms-transform: scaleY(0);
    -o-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: top;
    -moz-transform-origin: top;
    -ms-transform-origin: top;
    -o-transform-origin: top;
    transform-origin: top;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    -webkit-box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
    -ms-box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
    -o-box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
    -moz-box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
    box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
}

.main-menu .navigation > li:hover > .mega-menu {
    opacity: 1;
    visibility: visible;
    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -o-transform: scaleY(1);
    transform: scaleY(1);
}

.main-menu .navigation > li > .mega-menu .mega-menu-bar {
    position: relative;
}

.main-menu .navigation > li .mega-menu-bar ul {
    border: 1px solid rgba(0,0,0,0.05);
}

.main-menu .navigation > li .mega-menu-bar h3 {
    position: relative;
    color: #222222;
    font-size: 18px;
    font-weight: 500;
    padding: 10px 20px;
    background-color: rgba(0,0,0,0.02);
}

.main-menu .navigation > li .mega-menu-bar > ul {
    position: relative;
}

.main-menu .navigation > li .mega-menu-bar .column > ul > li {
    position: relative;
    width: 100%;
    border-bottom: 1px solid rgba(0,0,0,0.03);
    text-transform: capitalize;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}

.main-menu .navigation > li .mega-menu-bar .column {
    position: relative;
    margin-bottom: 10px;
}

    .main-menu .navigation > li .mega-menu-bar .column > ul > li:last-child {
        border: none;
    }

    .main-menu .navigation > li .mega-menu-bar .column > ul > li > a {
        position: relative;
        display: block;
        padding: 10px 20px;
        line-height: 24px;
        font-weight: 400;
        font-size: 15px;
        color: #222222;
        text-align: right;
        text-transform: capitalize;
        border-right: 4px solid transparent;
        transition: all 500ms ease;
        -moz-transition: all 500ms ease;
        -webkit-transition: all 500ms ease;
        -ms-transition: all 500ms ease;
        -o-transition: all 500ms ease;
    }

        .main-menu .navigation > li .mega-menu-bar .column > ul > li > a:hover {
            border-right: 4px solid #0e7490;
            background: rgba(0,0,0,0.01);
        }

/*** 

====================================================================
		Sticky Header
====================================================================

***/

.sticky-header {
    position: fixed;
    visibility: hidden;
    opacity: 0;
    left: 0px;
    top: 0px;
    width: 100%;
    padding: 0px 0px;
    z-index: 99999;
    background: #ffffff;
    box-shadow: 0 0 20px rgba(0,0,0,.05);
}

.fixed-header .sticky-header {
    opacity: 1;
    z-index: 9999;
    visibility: visible;
}

    .fixed-header .sticky-header .logo {
        padding: 10px 0;
    }

.sticky-header .logo img {
    height: 50px;
}


.sticky-header .main-menu .navigation > li {
    margin-left: 40px;
    padding: 0 !important;
    margin-right: 0;
    background-color: transparent;
}

    .sticky-header .main-menu .navigation > li > a:before,
    .sticky-header .main-menu .navigation > li:after {
        display: none;
    }

    .sticky-header .main-menu .navigation > li > a {
        padding: 20px 0px !important;
        color: #222222;
        font-size: 16px;
        text-transform: unset;
        -webkit-transition: all 300ms ease;
        -moz-transition: all 300ms ease;
        -ms-transition: all 300ms ease;
        -o-transition: all 300ms ease;
        transition: all 300ms ease;
    }

    .sticky-header .main-menu .navigation > li:hover > a,
    .sticky-header .main-menu .navigation > li.current > a,
    .sticky-header .main-menu .navigation > li.current-menu-item > a {
        opacity: 1;
        color: #0e7490;
        background-color: #ffffff;
    }

    .sticky-header .main-menu .navigation > li:before,
    .sticky-header .main-menu .navigation > li.dropdown > a:after {
        display: none;
    }

    .sticky-header .main-menu .navigation > li.dropdown:hover > ul {
        margin-top: 0;
    }

.sticky-header .auto-container {
    max-width: 1200px;
}

/*** 

====================================================================
			Mobile Menu
====================================================================

***/

.nav-outer .mobile-nav-toggler {
    position: relative;
    float: left;
    font-size: 40px;
    line-height: 50px;
    cursor: pointer;
    color: #0e7490;
    display: none;
}

.mobile-menu {
    position: fixed;
    right: 0;
    left: 0;
    top: 0;
    max-width: 100%;
    height: 100%;
    margin: 0 auto;
    overflow-y: auto;
    opacity: 0;
    visibility: hidden;
    z-index: 999999999;
}

    .mobile-menu .nav-logo {
        position: relative;
        padding: 20px 20px;
        text-align: right;
    }

        .mobile-menu .nav-logo img {
            max-width: 200px;
        }

    .mobile-menu .menu-box {
        position: relative;
        left: 0px;
        top: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        overflow-y: auto;
        background: #ffffff;
        padding: 0px 0px;
        z-index: 5;
        opacity: 0;
        visibility: hidden;
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -ms-transform: scale(0);
        -o-transform: scale(0);
        transform: scale(0);
        -webkit-transform-origin: top right;
        -moz-transform-origin: top right;
        -ms-transform-origin: top right;
        -o-transform-origin: top right;
        transform-origin: top right;
        -webkit-transition: all 200ms ease;
        -moz-transition: all 200ms ease;
        -ms-transition: all 200ms ease;
        -o-transition: all 200ms ease;
        transition: all 200ms ease;
    }

    .mobile-menu .close-btn {
        position: absolute;
        left: 20px;
        top: 30px;
        line-height: 30px;
        width: 30px;
        text-align: center;
        font-size: 12px;
        color: #ffffff;
        background-color: #0e7490;
        cursor: pointer;
        z-index: 10;
        -webkit-transform: translateY(-50px);
        -moz-transform: translateY(-50px);
        -ms-transform: translateY(-50px);
        -o-transform: translateY(-50px);
        transform: translateY(-50px);
    }

.mobile-menu-visible .mobile-menu .close-btn {
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}

.mobile-menu .close-btn:hover {
    opacity: 0.50;
}

.mobile-menu .navigation {
    position: relative;
    display: block;
    padding: 0 20px;
}

    .mobile-menu .navigation > li {
        position: relative;
        display: block;
        margin-bottom: 10px;
    }

        .mobile-menu .navigation > li > a {
            font-weight: 500;
            box-shadow: 0 0 6px rgba(0,0,0,0.05);
        }

    .mobile-menu .navigation li > a {
        position: relative;
        display: block;
        line-height: 20px;
        padding: 10px 20px;
        font-size: 16px;
        color: #404040;
        text-transform: capitalize;
    }

    .mobile-menu .navigation li:hover > a,
    .mobile-menu .navigation li.current > a {
        color: #0e7490;
    }

    .mobile-menu .navigation li.dropdown .dropdown-btn {
        position: absolute;
        left: 0px;
        top: 0px;
        width: 40px;
        height: 40px;
        text-align: center;
        font-size: 12px;
        line-height: 40px;
        border-right: 1px solid #fafafa;
        color: #222222;
        cursor: pointer;
        z-index: 5;
        -webkit-transition: all 300ms ease;
        -moz-transition: all 300ms ease;
        -ms-transition: all 300ms ease;
        -o-transition: all 300ms ease;
        transition: all 300ms ease;
    }

        .mobile-menu .navigation li.dropdown .dropdown-btn.active .fa:before {
            display: inline-block;
            position: relative;
            content: "\f068";
            -webkit-transform: rotate(180deg);
            -moz-transform: rotate(180deg);
            -ms-transform: rotate(180deg);
            -o-transform: rotate(180deg);
            transform: rotate(180deg);
            -webkit-transition: all 300ms ease;
            -moz-transition: all 300ms ease;
            -ms-transition: all 300ms ease;
            -o-transition: all 300ms ease;
            transition: all 300ms ease;
        }

    .mobile-menu .mega-menu,
    .mobile-menu .navigation li > ul,
    .mobile-menu .navigation li > ul > li > ul {
        display: none;
    }

        .mobile-menu .mega-menu h3 {
            display: none;
        }

.mobile-menu .column {
    width: 100%;
    flex: none;
    max-width: 100%;
}

/*** 

====================================================================
		Section Title
====================================================================

***/

.sec-title {
    position: relative;
    margin-bottom: 70px;
}

    .sec-title .devider {
        position: relative;
        display: inline-block;
        width: 100px;
        padding-top: 18px;
        margin-bottom: 10px;
    }

        .sec-title .devider:before,
        .sec-title .devider:after {
            position: absolute;
            left: 0;
            bottom: 0;
            border-bottom: 3px solid #92c700;
            width: 35px;
            content: "";
        }

        .sec-title .devider:after {
            left: auto;
            right: 0;
        }

        .sec-title .devider span {
            position: absolute;
            left: 37px;
            top: 3px;
            height: 25px;
            width: 25px;
            border-top: 3px solid #92c700;
            border-left: 3px solid #92c700;
            content: "";
            -webkit-transform: rotate(45deg);
            -moz-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            -o-transform: rotate(45deg);
            transform: rotate(45deg);
        }

            .sec-title .devider span:before {
                position: absolute;
                left: 8px;
                bottom: 9px;
                height: 5px;
                width: 5px;
                background-color: #222222;
                content: "";
                -webkit-transform: rotate(45deg);
                -moz-transform: rotate(45deg);
                -ms-transform: rotate(45deg);
                -o-transform: rotate(45deg);
                transform: rotate(45deg);
            }

    .sec-title h2 {
        position: relative;
        display: block;
        font-size: 36px;
        line-height: 1.2em;
        color: #1a1d1f;
        font-weight: 700;
    }

    .sec-title .text {
        position: relative;
        font-size: 18px;
        line-height: 29px;
        color: #555555;
        font-weight: 500;
        margin-top: 18px;
    }

    .sec-title.light .text,
    .sec-title.light h2 {
        color: #ffffff;
    }

    .sec-title.light .devider span:before {
        background-color: #ffffff;
    }

/*** 

====================================================================
	Page Title
====================================================================

***/

.page-title {
    position: relative;
    text-align: center;
    padding: 0px;
    height: 20px;
    max-height: 20px;
    line-height: 20px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

    .page-title:before {
        position: absolute;
        content: '';
        left: 0px;
        top: 0px;
        width: 100%;
        height: 100%;
        display: block;
        background-color: rgba(0,0,0,0.80);
    }

    .page-title .auto-container {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-wrap: nowrap;
        gap: 0px 16px;
        height: 100%;
    }

    .page-title h1 {
        position: relative;
        color: #ffffff;
        font-size: 12px;
        line-height: 20px;
        font-weight: 600;
        padding: 0px 0px 0px 10px;
        margin: 0px;
    }

        .page-title h1:before {
            position: absolute;
            left: 0px;
            top: 50%;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
            height: 12px;
            width: 3px;
            border-radius: 2px;
            background-color: #0e7490;
            content: "";
        }

        .page-title h1:after {
            display: none;
        }

.page-breadcrumb {
    position: relative;
    margin-top: 0px;
}

    .page-breadcrumb li {
        position: relative;
        display: inline-block;
        margin-left: 4px;
        padding-left: 10px;
        color: #0e7490;
        font-size: 12px;
        line-height: 20px;
        font-weight: 400;
        text-transform: capitalize;
    }

        .page-breadcrumb li:after {
            position: absolute;
            content: "\f104";
            left: -2px;
            top: 0px;
            color: #0e7490;
            font-size: 10px;
            font-weight: 900;
            font-family: 'Font Awesome 5 Free';
        }

        .page-breadcrumb li:last-child::after {
            display: none;
        }

        .page-breadcrumb li:last-child {
            padding-left: 0px;
            margin-left: 0px;
        }

        .page-breadcrumb li a {
            color: #ffffff;
            font-weight: 500;
            text-transform: capitalize;
            transition: all 0.3s ease;
            -moz-transition: all 0.3s ease;
            -webkit-transition: all 0.3s ease;
            -ms-transition: all 0.3s ease;
            -o-transition: all 0.3s ease;
        }

            .page-breadcrumb li a:hover {
                color: #0e7490;
            }

.play-now {
    position: relative;
    display: inline-block;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

    .play-now .icon {
        position: relative;
        height: 70px;
        width: 70px;
        text-align: center;
        line-height: 70px;
        background-color: #ffffff;
        color: #0e7490;
        z-index: 1;
        font-size: 18px;
        display: block;
        padding-left: 5px;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        -o-border-radius: 50%;
        border-radius: 50%;
        -webkit-box-shadow: 0 5px 10px 0 rgba(255, 255, 255, .3);
        -moz-box-shadow: 0 5px 10px 0 rgba(255, 255, 255, .3);
        -ms-box-shadow: 0 5px 10px 0 rgba(255, 255, 255, .3);
        -o-box-shadow: 0 5px 10px 0 rgba(255, 255, 255, .3);
        box-shadow: 0 5px 10px 0 rgba(255, 255, 255, .3);
        -webkit-transform-origin: center;
        transform-origin: center;
    }

    .play-now .ripple,
    .play-now .ripple:before,
    .play-now .ripple:after {
        position: absolute;
        top: 50%;
        left: 50%;
        height: 70px;
        width: 70px;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        -o-border-radius: 50%;
        border-radius: 50%;
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
        -ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
        -o-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
        box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
        -webkit-animation: ripple 3s infinite;
        -moz-animation: ripple 3s infinite;
        -ms-animation: ripple 3s infinite;
        -o-animation: ripple 3s infinite;
        animation: ripple 3s infinite;
    }

        .play-now .ripple:before {
            -webkit-animation-delay: .9s;
            -moz-animation-delay: .9s;
            -ms-animation-delay: .9s;
            -o-animation-delay: .9s;
            animation-delay: .9s;
            content: "";
            position: absolute;
        }

        .play-now .ripple:after {
            -webkit-animation-delay: .6s;
            -moz-animation-delay: .6s;
            -ms-animation-delay: .6s;
            -o-animation-delay: .6s;
            animation-delay: .6s;
            content: "";
            position: absolute;
        }

@-webkit-keyframes ripple {
    70% {
        box-shadow: 0 0 0 70px rgba(255, 255, 255, 0);
    }

    100% {
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    }
}

@keyframes ripple {
    70% {
        box-shadow: 0 0 0 70px rgba(255, 255, 255, 0);
    }

    100% {
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    }
}
/*** 

====================================================================
			Banner Section
====================================================================

***/

.banner-section {
    direction: ltr;
    position: relative;
}

.banner-carousel {
    position: relative;
}

.banner-section .slide-item {
    position: relative;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: 190px 0 190px;
}

    .banner-section .slide-item:before {
        position: absolute;
        left: 0;
        top: 0;
        height: 100%;
        width: 100%;
        background-color: #000000;
        opacity: .70;
        content: "";
    }

.banner-section .content-box {
    position: relative;
    text-align: center;
}

    .banner-section .content-box .price {
        position: relative;
        display: inline-block;
        font-size: 36px;
        line-height: 1em;
        color: #0e7490;
        font-weight: 700;
        font-family: 'IRANSansWeb', sans-serif;
        margin-bottom: 35px;
        opacity: 0;
        -webkit-transition: all 300ms ease;
        -moz-transition: all 300ms ease;
        -ms-transition: all 300ms ease;
        -o-transition: all 300ms ease;
        transition: all 300ms ease;
        -webkit-transform: translateY(70px);
        -moz-transform: translateY(70px);
        -ms-transform: translateY(70px);
        -o-transform: translateY(70px);
        transform: translateY(70px);
    }

        .banner-section .content-box .price small {
            font-weight: 700;
            font-size: 18px;
        }

.banner-section .active .content-box .price {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition-delay: 200ms;
    -moz-transition-delay: 200ms;
    -ms-transition-delay: 200ms;
    -o-transition-delay: 200ms;
    transition-delay: 200ms;
}

.banner-section .content-box h2 {
    position: relative;
    display: block;
    font-size: 42px;
    line-height: 1.2em;
    color: #ffffff;
    font-weight: 700;
    margin-bottom: 30px;
    opacity: 0;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    -webkit-transform: translateY(70px);
    -moz-transform: translateY(70px);
    -ms-transform: translateY(70px);
    -o-transform: translateY(70px);
    transform: translateY(70px);
}

.banner-section .active .content-box h2 {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition-delay: 400ms;
    -moz-transition-delay: 400ms;
    -ms-transition-delay: 400ms;
    -o-transition-delay: 400ms;
    transition-delay: 400ms;
}

.banner-section .content-box .property-info {
    position: relative;
    margin-bottom: 15px;
    opacity: 0;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    -webkit-transform: translateY(70px);
    -moz-transform: translateY(70px);
    -ms-transform: translateY(70px);
    -o-transform: translateY(70px);
    transform: translateY(70px);
}

.banner-section .active .content-box .property-info {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition-delay: 600ms;
    -moz-transition-delay: 600ms;
    -ms-transition-delay: 6600ms;
    -o-transition-delay: 600ms;
    transition-delay: 600ms;
}

.banner-section .content-box .property-info li {
    position: relative;
    display: inline-block;
    padding-left: 50px;
    font-size: 14px;
    color: #ffffff;
    font-weight: 400;
    text-align: left;
    margin: 0 25px 25px;
}

    .banner-section .content-box .property-info li .icon {
        position: absolute;
        left: 0;
        top: 0;
        font-size: 36px;
        line-height: 1em;
        color: #0e7490;
    }

    .banner-section .content-box .property-info li strong {
        display: block;
        font-size: 24px;
        line-height: 1.2em;
        color: #ffffff;
        font-weight: 700;
        margin-bottom: 0px;
    }

    .banner-section .content-box .property-info li p {
        display: block;
        font-size: 14px;
        color: #ffffff;
        font-weight: 400;
    }

.banner-section .content-box .address {
    position: relative;
    display: block;
    font-size: 16px;
    color: #ffffff;
    font-weight: 400;
    margin-bottom: 30px;
    opacity: 0;
    -webkit-transform: translateY(70px);
    -moz-transform: translateY(70px);
    -ms-transform: translateY(70px);
    -o-transform: translateY(70px);
    transform: translateY(70px);
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.banner-section .active .content-box .address {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition-delay: 800ms;
    -moz-transition-delay: 800ms;
    -ms-transition-delay: 800ms;
    -o-transition-delay: 800ms;
    transition-delay: 800ms;
}

.banner-section .content-box .address .icon {
    color: #0e7490;
    margin-left: 20px;
}

.banner-section .content-box .btn-box {
    position: relative;
    padding: 15px 40px;
    font-size: 15px;
    font-weight: 700;
    line-height: 30px;
    opacity: 0;
    -webkit-transform: translateY(70px);
    -moz-transform: translateY(70px);
    -ms-transform: translateY(70px);
    -o-transform: translateY(70px);
    transform: translateY(70px);
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.banner-section .active .content-box .btn-box {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition-delay: 1000ms;
    -moz-transition-delay: 1000ms;
    -ms-transition-delay: 1000ms;
    -o-transition-delay: 1000ms;
    transition-delay: 1000ms;
}

    .banner-section .active .content-box .btn-box a {
        font-weight: 600;
    }

.banner-section .owl-dots {
    display: none;
}

.banner-section .owl-nav {
    position: absolute;
    top: 50%;
    width: 100%;
    z-index: 9999;
}

.banner-section .owl-next,
.banner-section .owl-prev {
    position: absolute;
    left: 0;
    top: -50px;
    height: 120px;
    width: 30px;
    line-height: 120px;
    text-align: center;
    font-size: 24px;
    color: #ffffff;
    background-color: rgba(255,255,255,0.10);
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.banner-section .owl-next {
    left: auto;
    right: 0;
}

    .banner-section .owl-next:hover,
    .banner-section .owl-prev:hover {
        background-color: #ffffff;
        color: #0e7490;
    }

/*** 

====================================================================
		Banner Section Two
====================================================================

***/

.banner-section-two {
    position: relative;
}

    .banner-section-two .slide-item {
        position: relative;
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        overflow: hidden;
        padding: 200px 0 250px;
    }

        .banner-section-two .slide-item:before {
            position: absolute;
            left: 0;
            top: 0;
            height: 100%;
            width: 100%;
            background-color: #000000;
            opacity: .70;
            content: "";
        }

    .banner-section-two .content-box {
        position: relative;
    }

    .banner-section-two .left-content {
        position: relative;
        text-align: left;
        float: left;
        padding: 50px 0;
        width: 470px;
        transform-origin: left;
        opacity: 0;
        -webkit-transform: scaleX(0);
        -moz-transform: scaleX(0);
        -ms-transform: scaleX(0);
        -o-transform: scaleX(0);
        transform: scaleX(0);
        -webkit-transition: all 300ms ease;
        -moz-transition: all 300ms ease;
        -ms-transition: all 300ms ease;
        -o-transition: all 300ms ease;
        transition: all 300ms ease;
    }

    .banner-section-two .active .left-content {
        -webkit-transform: scaleX(1);
        -moz-transform: scaleX(1);
        -ms-transform: scaleX(1);
        -o-transform: scaleX(1);
        transform: scaleX(1);
        -webkit-transition-delay: 200ms;
        -moz-transition-delay: 200ms;
        -ms-transition-delay: 200ms;
        -o-transition-delay: 200ms;
        transition-delay: 200ms;
        opacity: 1;
    }

    .banner-section-two .right-content:before {
        position: absolute;
        top: 0;
        left: -70px;
        height: 100%;
        width: 1000%;
        content: "";
        opacity: .50;
        -webkit-transform: skew(-20deg);
        -moz-transform: skew(-20deg);
        -ms-transform: skew(-20deg);
        -o-transform: skew(-20deg);
        transform: skew(-20deg);
        background-color: #000000;
    }

    .banner-section-two .status {
        position: relative;
        display: inline-block;
        background-color: #6f6c68;
        font-size: 18px;
        line-height: 30px;
        color: #ffffff;
        font-weight: 700;
        text-transform: uppercase;
        padding: 0px 20px;
        margin-bottom: 30px;
        top: 70px;
        opacity: 0;
        -webkit-transform: skew(-20deg);
        -moz-transform: skew(-20deg);
        -ms-transform: skew(-20deg);
        -o-transform: skew(-20deg);
        transform: skew(-20deg);
        -webkit-transition: all 300ms ease;
        -moz-transition: all 300ms ease;
        -ms-transition: all 300ms ease;
        -o-transition: all 300ms ease;
        transition: all 300ms ease;
    }

    .banner-section-two .active .status {
        top: 0;
        opacity: 1;
        -webkit-transition-delay: 400ms;
        -moz-transition-delay: 400ms;
        -ms-transition-delay: 400ms;
        -o-transition-delay: 400ms;
        transition-delay: 400ms;
    }

    .banner-section-two .status span {
        position: relative;
        display: block;
        -webkit-transform: skew(20deg);
        -moz-transform: skew(20deg);
        -ms-transform: skew(20deg);
        -o-transform: skew(20deg);
        transform: skew(20deg);
    }

    .banner-section-two .content-box h2 {
        position: relative;
        display: block;
        font-size: 48px;
        line-height: 1.2em;
        color: #ffffff;
        font-weight: 600;
        margin-bottom: 30px;
        opacity: 0;
        -webkit-transform: translateY(70px);
        -moz-transform: translateY(70px);
        -ms-transform: translateY(70px);
        -o-transform: translateY(70px);
        transform: translateY(70px);
        -webkit-transition: all 300ms ease;
        -moz-transition: all 300ms ease;
        -ms-transition: all 300ms ease;
        -o-transition: all 300ms ease;
        transition: all 300ms ease;
    }

    .banner-section-two .active h2 {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
        -webkit-transition-delay: 600ms;
        -moz-transition-delay: 600ms;
        -ms-transition-delay: 600ms;
        -o-transition-delay: 600ms;
        transition-delay: 600ms;
    }

    .banner-section-two .content-box .text {
        position: relative;
        display: block;
        font-size: 16px;
        line-height: 30px;
        color: #ffffff;
        font-weight: 400;
        margin-bottom: 35px;
        opacity: 0;
        -webkit-transform: translateY(70px);
        -moz-transform: translateY(70px);
        -ms-transform: translateY(70px);
        -o-transform: translateY(70px);
        transform: translateY(70px);
        -webkit-transition: all 300ms ease;
        -moz-transition: all 300ms ease;
        -ms-transition: all 300ms ease;
        -o-transition: all 300ms ease;
        transition: all 300ms ease;
    }

    .banner-section-two .active .text {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
        -webkit-transition-delay: 800ms;
        -moz-transition-delay: 800ms;
        -ms-transition-delay: 800ms;
        -o-transition-delay: 800ms;
        transition-delay: 800ms;
    }

    .banner-section-two .content-box .btn-box a {
        position: relative;
        padding: 10px 40px;
        font-size: 18px;
        font-weight: 700;
        line-height: 30px;
        text-transform: uppercase;
        opacity: 0;
        -webkit-transform: translateY(70px);
        -moz-transform: translateY(70px);
        -ms-transform: translateY(70px);
        -o-transform: translateY(70px);
        transform: translateY(70px);
        -webkit-transition: all 300ms ease;
        -moz-transition: all 300ms ease;
        -ms-transition: all 300ms ease;
        -o-transition: all 300ms ease;
        transition: all 300ms ease;
    }

    .banner-section-two .active .btn-box a {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
        -webkit-transition-delay: 1000ms;
        -moz-transition-delay: 1000ms;
        -ms-transition-delay: 1000ms;
        -o-transition-delay: 1000ms;
        transition-delay: 1000ms;
    }

    .banner-section-two .right-content {
        position: relative;
        float: right;
        text-align: right;
        padding-top: 80px;
    }

    .banner-section-two .content-box .tag {
        position: relative;
        display: block;
        font-size: 18px;
        line-height: 30px;
        color: #ffffff;
        text-transform: uppercase;
        margin-bottom: 20px;
    }

    .banner-section-two .content-box .price {
        position: relative;
        display: block;
        font-size: 48px;
        line-height: 1em;
        color: #0e7490;
        font-weight: 600;
        font-family: 'IRANSansWeb', sans-serif;
        margin-bottom: 23px;
    }

    .banner-section-two .content-box .avail {
        position: relative;
        display: block;
        font-size: 18px;
        color: #fefefe;
        font-weight: 700;
        margin-bottom: 30px;
    }

    .banner-section-two .owl-nav {
        position: absolute;
        top: 50%;
        left: 0;
        right: 0;
        max-width: 1170px;
        width: 100%;
        margin: 0 auto;
        text-align: right;
        margin-top: 40px;
    }

    .banner-section-two .owl-next,
    .banner-section-two .owl-prev {
        position: relative;
        float: left;
        display: inline-block;
        height: 40px;
        width: 60px;
        margin-right: 15px;
        border: 1px solid #333333;
        background-color: #ffffff;
        color: #333333;
        font-size: 20px;
        line-height: 38px;
        text-align: center;
        -webkit-transition: all 300ms ease;
        -moz-transition: all 300ms ease;
        -ms-transition: all 300ms ease;
        -o-transition: all 300ms ease;
        transition: all 300ms ease;
    }

        .banner-section-two .owl-next:hover,
        .banner-section-two .owl-prev:hover {
            background-color: #0e7490;
            color: #ffffff;
        }

/*** 

====================================================================
		Property Search Section
====================================================================

***/

.property-search-section {
    position: relative;
    background-color: #0e7490;
}

.tabs-box {
    position: relative;
}

    .tabs-box .tab {
        display: none;
    }

        .tabs-box .tab.active-tab {
            display: block;
        }

.property-search-tabs {
    position: relative;
    padding: 80px 0 50px;
}

    .property-search-tabs .tab-buttons {
        position: absolute;
        right: 0;
        top: -50px;
        z-index: 999;
    }

        .property-search-tabs .tab-buttons .tab-btn {
            position: relative;
            float: right;
            font-size: 14px;
            line-height: 30px;
            color: #222222;
            font-weight: 700;
            text-transform: uppercase;
            padding: 10px;
            min-width: 80px;
            text-align: center;
            background-color: #ffffff;
            cursor: pointer;
            -webkit-transition: all 300ms ease;
            -moz-transition: all 300ms ease;
            -ms-transition: all 300ms ease;
            -o-transition: all 300ms ease;
            transition: all 300ms ease;
        }

            .property-search-tabs .tab-buttons .tab-btn.active-btn {
                background-color: #0e7490;
                color: #ffffff;
            }

.property-search-form {
    position: relative;
}

    .property-search-form .form-group {
        position: relative;
        display: block;
        width: 100%;
        margin-bottom: 30px;
    }

        .property-search-form .form-group .form-group {
            margin-bottom: 0;
        }

        .property-search-form .ui-selectmenu-button.ui-button,
        .property-search-form .form-group input,
        .property-search-form .form-group select,
        .property-search-form .form-group textarea {
            position: relative;
            display: block;
            width: 100%;
            height: 60px;
            font-size: 14px;
            color: #666666;
            line-height: 30px;
            font-weight: 400;
            padding: 15px 30px;
            background: #ffffff;
            -webkit-transition: all 300ms ease;
            -ms-transition: all 300ms ease;
            -o-transition: all 300ms ease;
            -moz-transition: all 300ms ease;
            transition: all 300ms ease;
        }

            .property-search-form .form-group input:focus,
            .property-search-form .form-group select:focus,
            .property-search-form .form-group textarea:focus {
                box-shadow: 0 0 20px rgba(0,0,0,0.30);
            }

            .property-search-form .form-group input[type="submit"],
            .property-search-form .form-group button {
                position: relative;
                display: block;
                width: 100%;
                font-size: 13px;
                padding: 14px 15px;
                line-height: 20px;
            }

    .property-search-form .ui-button .ui-icon {
        background: none;
        position: absolute;
        top: 0px;
        left: 0px;
        text-indent: 0px;
        color: #dddddd;
        height: 50px;
        width: 50px;
    }

        .property-search-form .ui-button .ui-icon:before {
            font-family: 'Font Awesome 5 Free';
            content: "\f0d7";
            font-weight: 900;
            position: absolute;
            right: 0px;
            top: 0;
            height: 60px;
            width: 60px;
            line-height: 60px;
            display: block;
            color: #222222;
            font-size: 14px;
            text-align: center;
            z-index: 5;
        }

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active, .ui-button:active,
.ui-button.ui-state-active:hover {
    background-color: #0e7490;
    border-color: #0e7490;
}

.ui-menu .ui-menu-item {
    font-size: 14px;
    font-weight: 400;
    color: #333333;
    border: 0;
    height: 40px;
    border-bottom: 1px solid #dddddd;
}

    .ui-menu .ui-menu-item:last-child {
        border: none;
    }

.ui-menu .ui-menu-item-wrapper {
    position: relative;
    display: block;
    padding: 8px 25px;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
}

.property-search-form .range-slider-one {
    position: relative;
}

    .property-search-form .range-slider-one .title {
        float: right;
        color: #222222;
        font-size: 14px;
        font-weight: 400;
        line-height: 30px;
        margin-left: 5px;
    }

    .property-search-form .range-slider-one .input {
        position: relative;
        float: right;
        max-height: 80px;
        margin-bottom: 5px;
    }

        .property-search-form .range-slider-one .input input {
            background: none;
            color: #222222;
            font-size: 14px;
            font-weight: 400;
            line-height: 30px;
            border: 0;
            padding: 0;
            height: auto;
        }

    .property-search-form .range-slider-one .ui-widget.ui-widget-content {
        position: relative;
        left: 0;
        top: 0;
        height: 2px;
        border: none;
        float: left;
        width: 100%;
        margin-bottom: 10px;
        background: #1a1d1f;
    }

    .property-search-form .range-slider-one .ui-slider .ui-slider-range {
        top: 0px;
        height: 2px;
        background: #ffffff;
    }

    .property-search-form .range-slider-one .ui-state-default,
    .property-search-form .range-slider-one .ui-widget-content .ui-state-default {
        top: -4px;
        width: 10px;
        height: 10px;
        z-index: 99;
        background: #ffffff;
        border: 0;
        cursor: pointer;
    }

/*** 

====================================================================
	Property Search Section Style Two
====================================================================

***/

.property-search-section.style-two {
    position: relative;
    background-color: #f5f5f5;
    margin-top: -50px;
    z-index: 99;
}

.property-search-form-two {
    position: relative;
    display: block;
    background-color: #ffffff;
    top: -50px;
    box-shadow: 0 0 20px rgba(0,0,0,0.20);
}

    .property-search-form-two .form-inner {
        position: relative;
        padding: 40px 40px 25px;
    }

    .property-search-form-two .title {
        position: relative;
        background-color: #0e7490;
        padding: 10px 30px;
        text-align: center;
    }

    .property-search-form-two h5 {
        position: relative;
        display: block;
        font-size: 16px;
        line-height: 30px;
        color: #ffffff;
        font-weight: 600;
        text-transform: uppercase;
    }

    .property-search-form-two .form-group label {
        position: relative;
        display: block;
        font-size: 14px;
        line-height: 24px;
        color: #222222;
        font-weight: 500;
        text-transform: capitalize;
    }

    .property-search-form-two .form-group {
        position: relative;
        display: block;
        width: 100%;
        margin-bottom: 25px;
    }

        .property-search-form-two .ui-selectmenu-button.ui-button,
        .property-search-form-two .form-group input,
        .property-search-form-two .form-group select,
        .property-search-form-two .form-group textarea {
            position: relative;
            display: block;
            width: 100%;
            height: 40px;
            font-size: 14px;
            color: #777777;
            line-height: 26px;
            font-weight: 400;
            padding: 5px 20px;
            background: #ffffff;
            border: 2px solid #ebebeb;
            -webkit-transition: all 300ms ease;
            -ms-transition: all 300ms ease;
            -o-transition: all 300ms ease;
            -moz-transition: all 300ms ease;
            transition: all 300ms ease;
        }

            .property-search-form-two .form-group input:focus,
            .property-search-form-two .form-group select:focus,
            .property-search-form-two .form-group textarea:focus {
                box-shadow: 0 0 20px rgba(0,0,0,0.30);
            }

            .property-search-form-two .form-group input[type="submit"],
            .property-search-form-two .form-group button {
                position: relative;
                display: inline-block;
                font-size: 12px;
                padding: 10px 35px;
                line-height: 20px;
                margin-top: 25px;
                margin-bottom: 0;
            }

    .property-search-form-two .ui-button .ui-icon {
        background: none;
        position: absolute;
        top: 0px;
        left: 0px;
        text-indent: 0px;
        color: #dddddd;
        height: 40px;
        width: 40px;
    }

        .property-search-form-two .ui-button .ui-icon:before {
            font-family: 'Font Awesome 5 Free';
            content: "\f107";
            font-weight: 900;
            position: absolute;
            right: 0px;
            top: 0;
            height: 40px;
            width: 40px;
            line-height: 40px;
            display: block;
            color: #222222;
            font-size: 14px;
            text-align: center;
            z-index: 5;
        }

        .property-search-form-two .ui-button .ui-icon:after {
            position: absolute;
            right: 0;
            top: 3px;
            line-height: 30px;
            font-size: 14px;
            color: #777777;
            font-weight: 400;
            content: "|";
        }

/*** 

====================================================================
		Property Search Section Three
====================================================================

***/

.property-search-section-three {
    position: relative;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: 480px 0 300px;
}

    .property-search-section-three .content-box {
        position: relative;
        text-align: center;
    }

        .property-search-section-three .content-box .title-box {
            position: relative;
            margin-bottom: 65px;
        }

        .property-search-section-three .content-box h2 {
            position: relative;
            display: block;
            font-size: 48px;
            color: #ffffff;
            line-height: 1.2em;
            font-weight: 600;
            margin-bottom: 95px;
        }

            .property-search-section-three .content-box h2 span {
                color: #0e7490;
            }

        .property-search-section-three .content-box h4 {
            position: relative;
            font-size: 24px;
            line-height: 1.2em;
            color: #ffffff;
            font-weight: 400;
            margin-bottom: 20px;
        }

.property-search-form.style-three:before {
    position: absolute;
    right: -10px;
    top: -10px;
    left: -10px;
    bottom: -10px;
    content: "";
    background-color: rgba(255,255,255,0.50);
}

.property-search-form.style-three .form-group {
    border-left: 1px solid #dddddd;
    margin-bottom: 0;
}

    .property-search-form.style-three .form-group:first-child,
    .property-search-form.style-three .form-group:last-child {
        border-left: 0;
    }

    .property-search-form.style-three .ui-selectmenu-button.ui-button,
    .property-search-form.style-three .form-group input,
    .property-search-form.style-three .form-group select,
    .property-search-form.style-three .form-group textarea {
        position: relative;
        display: block;
        width: 100%;
        height: 70px;
        font-size: 14px;
        color: #666666;
        line-height: 20px;
        font-weight: 400;
        padding: 25px 30px 25px 30px;
        background: #ffffff;
        border: 0;
        border-radius: 0;
        -webkit-transition: all 300ms ease;
        -ms-transition: all 300ms ease;
        -o-transition: all 300ms ease;
        -moz-transition: all 300ms ease;
        transition: all 300ms ease;
    }

        .property-search-form.style-three .form-group input[type="submit"],
        .property-search-form.style-three .form-group button {
            position: relative;
            display: block;
            width: 100%;
            font-size: 16px;
            font-weight: 600;
            padding: 20px 15px;
            line-height: 30px;
            margin-top: 0;
        }

.property-search-form.style-three .ui-button .ui-icon {
    background: none;
    position: absolute;
    top: 0px;
    left: 10px;
    text-indent: 0px;
    color: #dddddd;
    height: 70px;
    width: 40px;
}

    .property-search-form.style-three .ui-button .ui-icon:before {
        font-family: 'Font Awesome 5 Free';
        content: "\f107";
        font-weight: 900;
        position: absolute;
        right: 0px;
        top: 0;
        height: 70px;
        width: 40px;
        line-height: 70px;
        display: block;
        color: #666666;
        font-size: 14px;
        z-index: 5;
    }

/*** 

====================================================================
		About Section
====================================================================

***/

.about-section {
    position: relative;
    padding: 120px 0 70px;
}

    .about-section .sec-title {
        margin-bottom: 20px;
    }

    .about-section .content-column {
        position: relative;
        margin-bottom: 50px;
    }

        .about-section .content-column .inner-column {
            position: relative;
            padding-left: 70px;
        }

        .about-section .content-column .text-box {
            position: relative;
            margin-bottom: 50px;
        }

            .about-section .content-column .text-box p {
                position: relative;
                margin-bottom: 20px;
            }

    .about-section .about-block {
        position: relative;
        margin-bottom: 35px;
    }

        .about-section .about-block:last-child {
            margin-bottom: 0;
        }

        .about-section .about-block .inner {
            position: relative;
            padding-top: 20px;
            padding-left: 40px;
            padding-right: 90px;
        }

        .about-section .about-block .icon {
            position: absolute;
            right: 0;
            top: 0;
            height: 70px;
            width: 70px;
            font-size: 40px;
            border-radius: 35px 35px 15px 35px;
            text-align: center;
            line-height: 70px;
            color: #ffffff;
            background-color: #0e7490;
        }

        .about-section .about-block h4 {
            position: relative;
            display: block;
            font-size: 20px;
            line-height: 1.2em;
            color: #222222;
            font-weight: 600;
            margin-bottom: 15px;
        }

        .about-section .about-block .text {
            position: relative;
            display: block;
        }

    .about-section .feature-column {
        position: relative;
        margin-bottom: 50px;
    }

        .about-section .feature-column .title-block {
            position: relative;
            text-align: center;
        }

            .about-section .feature-column .title-block h3 {
                font-size: 24px;
                line-height: 1.4em;
                color: #ffffff;
                font-weight: 600;
            }

        .about-section .feature-column .inner-column {
            position: relative;
            margin-right: -30px;
            background-repeat: no-repeat;
            background-position: center;
            background-size: cover;
        }

    .about-section .feature-block {
        position: relative;
    }

        .about-section .title-block .inner-box,
        .about-section .feature-block .inner-box {
            position: relative;
            padding: 75px 15px;
            text-align: center;
            background-color: rgba(0,0,0,0.50);
        }

    .about-section .title-block .inner-box {
        position: absolute;
        height: 100%;
        padding-top: 120px;
        width: 100%;
    }

    .about-section .feature-block:nth-child(even) .inner-box {
        background-color: rgba(0,0,0,0.80);
    }

    .about-section .feature-block .icon {
        position: relative;
        display: block;
        font-size: 64px;
        line-height: 1em;
        color: #0e7490;
        margin-bottom: 18px;
        -webkit-transition: all 300ms ease;
        -moz-transition: all 300ms ease;
        -ms-transition: all 300ms ease;
        -o-transition: all 300ms ease;
        transition: all 300ms ease;
    }

    .about-section .feature-block .inner-box:hover .icon {
        animation: 1s flipInY;
    }

    .about-section .feature-block h4 {
        position: relative;
        display: block;
        font-size: 18px;
        line-height: 1.2em;
        color: #ffffff;
        font-weight: 600;
        text-transform: uppercase;
        margin-bottom: 4px;
    }

        .about-section .feature-block h4 a {
            color: #ffffff;
            display: inline-block;
            -webkit-transition: all 300ms ease;
            -moz-transition: all 300ms ease;
            -ms-transition: all 300ms ease;
            -o-transition: all 300ms ease;
            transition: all 300ms ease;
        }

            .about-section .feature-block h4 a:hover {
                color: #0e7490;
            }

    .about-section .feature-block .text {
        position: relative;
        display: block;
        font-weight: 600;
        color: #bbbbbb;
    }

/*** 

====================================================================
		Property Section
====================================================================

***/

.property-section {
    position: relative;
    padding: 120px 0 120px;
}

.property-block {
    position: relative;
}

.property-carousel .property-block {
    -webkit-transform: scale(.6);
    -moz-transform: scale(.6);
    -ms-transform: scale(.6);
    -o-transform: scale(.6);
    transform: scale(.6);
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.property-carousel .active .property-block {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.property-block .inner-box {
    position: relative;
}

.property-block .image-box {
    position: relative;
    overflow: hidden;
}

    .property-block .image-box .image {
        position: relative;
        background-color: #222222;
        margin: 0;
    }

        .property-block .image-box .image a {
            position: relative;
            display: block;
            z-index: 9;
        }

        .property-block .image-box .image img {
            display: block;
            width: 100%;
            -webkit-transition: all 300ms ease;
            -moz-transition: all 300ms ease;
            -ms-transition: all 300ms ease;
            -o-transition: all 300ms ease;
            transition: all 300ms ease;
        }

.property-block .inner-box:hover .image img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
    opacity: .80;
}

.property-block .image-box .for {
    position: absolute;
    right: 0;
    top: 20px;
    font-size: 14px;
    line-height: 30px;
    color: #ffffff;
    font-weight: 700;
    text-transform: uppercase;
    padding: 0 15px;
    z-index: 9;
    background-color: #222222;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.property-block .inner-box:hover .image-box .for {
    background-color: #0e7490;
}

.property-block .lower-content {
    position: relative;
    padding: 20px 20px;
    background-color: #222222;
    border: 1px solid #333333;
    border-top: 0;
}

.property-block .property-info {
    position: relative;
    margin-bottom: 8px;
}

    .property-block .property-info li {
        position: relative;
        float: right;
        padding-right: 25px;
        font-size: 14px;
        color: #ffffff;
        line-height: 30px;
        cursor: default;
        margin-left: 14px;
        margin-bottom: 10px;
    }

        .property-block .property-info li:last-child {
            margin-left: 0;
        }

        .property-block .property-info li .icon {
            position: absolute;
            right: 0;
            top: 0;
            font-size: 16px;
            color: #0e7490;
            line-height: 30px;
        }

.property-block h3 {
    position: relative;
    display: block;
    font-size: 22px;
    line-height: 1.2em;
    color: #ffffff;
    font-weight: 700;
    margin-bottom: 15px;
}

    .property-block h3 a {
        color: #ffffff;
        -webkit-transition: all 300ms ease;
        -moz-transition: all 300ms ease;
        -ms-transition: all 300ms ease;
        -o-transition: all 300ms ease;
        transition: all 300ms ease;
    }

        .property-block h3 a:hover {
            color: #0e7490;
        }

.property-block .text {
    position: relative;
    color: #ffffff;
    padding-bottom: 25px;
    border-bottom: 1px solid #555555;
    margin-bottom: 20px;
}

.property-block .property-price {
    position: relative;
}

.property-block .location {
    position: relative;
    float: right;
    font-size: 15px;
    line-height: 30px;
    color: #ffffff;
    font-weight: 400;
    padding-right: 30px;
}

    .property-block .location .icon {
        position: absolute;
        right: 0;
        top: 0;
        font-size: 18px;
        line-height: 30px;
        color: #0e7490;
        font-size: 18px;
    }

.property-block .property-price .price {
    position: relative;
    float: left;
    font-size: 20px;
    line-height: 30px;
    color: #0e7490;
    font-weight: 600;
    font-family: "IRANSansWeb", sans-serif;
}

.property-carousel .owl-nav {
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
}

.property-carousel .owl-next,
.property-carousel .owl-prev {
    position: absolute;
    top: 0;
    left: -70px;
    height: 40px;
    width: 40px;
    background-color: #0e7490;
    color: #ffffff;
    font-size: 16px;
    line-height: 40px;
    border-radius: 50%;
    text-align: center;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.property-carousel .owl-next {
    left: auto;
    right: -70px;
}

    .property-carousel .owl-next:hover,
    .property-carousel .owl-prev:hover {
        background-color: #ffffff;
        color: #0e7490;
    }

/*** 

====================================================================
		Property Section Two
====================================================================

***/

.property-section-two {
    position: relative;
    padding: 70px 0 90px;
    background-color: #f5f5f5;
}

.property-block-two {
    position: relative;
    margin-bottom: 30px;
}

    .property-block-two .inner-box {
        position: relative;
        -webkit-transition: all 300ms ease;
        -moz-transition: all 300ms ease;
        -ms-transition: all 300ms ease;
        -o-transition: all 300ms ease;
        transition: all 300ms ease;
        border: 1px solid #dddddd;
    }

        .property-block-two .inner-box:hover {
            box-shadow: 0 0 30px rgba(0,0,0,0.10);
        }

    .property-block-two .image-box {
        position: relative;
        overflow: hidden;
    }

        .property-block-two .image-box .image {
            position: relative;
            /*background-color: #222222;*/
            margin: 0;
            border: 1px solid #dddddd;
        }

            .property-block-two .image-box .image a {
                position: relative;
                display: block;
                z-index: 9;
            }

            .property-block-two .image-box .image img {
                display: block;
                width: auto;
                height: 100%;
                min-height: 249px;
                max-height: 249px;
                -webkit-transition: all 300ms ease;
                -moz-transition: all 300ms ease;
                -ms-transition: all 300ms ease;
                -o-transition: all 300ms ease;
                transition: all 300ms ease;
                margin: 0 auto;
            }

    .property-block-two .inner-box:hover .image img {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1);
        opacity: .80;
    }

    .property-block-two .image-box .for {
        position: absolute;
        right: 0;
        top: 20px;
        font-size: 14px;
        line-height: 30px;
        color: #ffffff;
        font-weight: 700;
        text-transform: uppercase;
        padding: 0 15px;
        z-index: 9;
        background-color: #222222;
        -webkit-transition: all 300ms ease;
        -moz-transition: all 300ms ease;
        -ms-transition: all 300ms ease;
        -o-transition: all 300ms ease;
        transition: all 300ms ease;
    }

    .property-block-two .inner-box:hover .image-box .for {
        background-color: #0e7490;
    }

    .property-block-two .lower-content {
        position: relative;
        background-color: #ffffff;
        padding: 30px 25px 0;
        border: 1px solid #dddddd;
        border-top: 0;
    }

    .property-block-two .property-info {
        position: relative;
        border-bottom: 1px solid #dddddd;
        margin-bottom: 15px;
    }

        .property-block-two .property-info li {
            position: relative;
            float: right;
            padding-right: 30px;
            font-size: 12px;
            color: #666666;
            line-height: 30px;
            cursor: default;
            margin-left: 20px;
            margin-bottom: 10px;
        }

            .property-block-two .property-info li:last-child {
                margin-left: 0;
            }

            .property-block-two .property-info li .icon {
                position: absolute;
                right: 0;
                top: 0;
                font-size: 18px;
                color: #0e7490;
                line-height: 30px;
            }

    .property-block-two h3 {
        position: relative;
        display: block;
        font-size: 20px;
        line-height: 1.2em;
        color: #000000;
        font-weight: 600;
        margin-bottom: 15px;
    }

        .property-block-two h3 a {
            color: #000000;
            -webkit-transition: all 300ms ease;
            -moz-transition: all 300ms ease;
            -ms-transition: all 300ms ease;
            -o-transition: all 300ms ease;
            transition: all 300ms ease;
        }

            .property-block-two h3 a:hover {
                color: #0e7490;
            }

    .property-block-two .text {
        position: relative;
        color: #666666;
        padding-bottom: 15px;
    }

    .property-block-two .property-price {
        position: relative;
        padding: 15px 25px;
        border: 1px solid #dddddd;
        border-top: 0;
        background-color: #ffffff;
    }

    .property-block-two .location {
        position: relative;
        float: right;
        font-size: 14px;
        line-height: 30px;
        color: #666666;
        font-weight: 400;
        padding-right: 30px;
    }

        .property-block-two .location .icon {
            position: absolute;
            right: 0;
            top: 0;
            font-size: 18px;
            line-height: 30px;
            color: #0e7490;
            font-size: 18px;
        }

    .property-block-two .property-price .price {
        position: relative;
        float: left;
        font-size: 20px;
        line-height: 30px;
        color: #0e7490;
        font-weight: 500;
        font-family: "IRANSansWeb", sans-serif;
    }

/*** 

====================================================================
		Property Section Three
====================================================================

***/

.property-section-three {
    position: relative;
    padding: 120px 0 60px;
}

    /*=== Mixitup Gallery ===*/

    .property-section-three .filters {
        text-align: left;
        padding-top: 100px;
    }

        .property-section-three .filters .filter-tabs {
            position: relative;
            display: inline-block;
        }

        .property-section-three .filters li {
            position: relative;
            display: inline-block;
            line-height: 30px;
            font-size: 14px;
            color: #222222;
            cursor: pointer;
            font-weight: 600;
            margin-right: 30px;
            font-family: "IRANSansWeb", sans-serif;
            -webkit-transition: all 300ms ease;
            -moz-transition: all 300ms ease;
            -ms-transition: all 300ms ease;
            -o-transition: all 300ms ease;
            transition: all 300ms ease;
        }

            .property-section-three .filters li:first-child {
                margin-right: 0;
            }

        .property-section-three .filters .filter.active {
            color: #0e7490;
        }

    .property-section-three .property-block-two.mix {
        display: none;
        margin-bottom: 60px;
    }

    .property-section-three.alternate {
        padding: 120px 0;
    }

        .property-section-three.alternate .filters {
            padding-top: 0;
            text-align: center;
            margin-bottom: 70px;
        }

/*** 

====================================================================
		Property List View
====================================================================

***/

.property-list-view {
    position: relative;
}

    .property-list-view .property-block-two .inner-box:after {
        display: table;
        clear: both;
        content: "";
    }

    .property-list-view .property-block-two .image-box {
        float: right;
        width: 50%;
    }

    .property-list-view .property-block-two .property-price,
    .property-list-view .property-block-two .lower-content {
        float: left;
        width: 50%;
    }

    .property-list-view .property-block-two .lower-content {
        padding: 40px 30px 0;
        border: 1px solid #dddddd;
    }

    .property-list-view .property-block-two .property-info {
        margin-bottom: 23px;
    }

    .property-list-view .styled-pagination {
        margin-top: 120px;
    }

/*** 

====================================================================
		Property Detail
====================================================================

***/

.property-info-box {
    position: relative;
    margin-bottom: 50px;
}

    .property-info-box .about-property {
        position: relative;
        margin-bottom: 40px;
    }

        .property-info-box .about-property h2 {
            position: relative;
            display: block;
            font-size: 32px;
            line-height: 1.2em;
            color: #000000;
            font-weight: 600;
            margin-bottom: 25px;
        }

    .property-info-box .property-info {
        position: relative;
    }

        .property-info-box .property-info li {
            position: relative;
            float: right;
            margin-left: 25px;
            padding-right: 45px;
            font-size: 16px;
            line-height: 30px;
            color: #666666;
            cursor: default;
            font-weight: 400;
        }

            .property-info-box .property-info li i {
                position: absolute;
                right: 0;
                top: 0;
                font-size: 24px;
                color: #0e7490;
                line-height: 30px;
            }

    .property-info-box .price-column {
        position: relative;
        text-align: left;
        padding-top: 20px;
        margin-bottom: 50px;
    }

        .property-info-box .price-column .price {
            position: relative;
            display: block;
            font-size: 36px;
            line-height: 1em;
            color: #0e7490;
            font-weight: 600;
            font-family: "IRANSansWeb", sans-serif;
            margin-bottom: 20px;
        }

        .property-info-box .price-column .location {
            position: relative;
            display: block;
            font-size: 18px;
            line-height: 1.2em;
            color: #666666;
            font-weight: 400;
        }

            .property-info-box .price-column .location .icon {
                display: inline-block;
                margin-left: 5px;
                font-size: 20px;
                line-height: 1.2em;
                color: #222222;
            }

    .property-info-box .image-box {
        position: relative;
    }

        .property-info-box .image-box .image {
            position: relative;
            margin-bottom: 0;
        }

            .property-info-box .image-box .image img {
                display: block;
                width: 100%;
            }

        .property-info-box .image-box .status {
            position: absolute;
            left: 0;
            top: 30px;
            font-size: 18px;
            line-height: 30px;
            color: #ffffff;
            font-weight: 600;
            text-transform: uppercase;
            padding: 5px 20px;
            background-color: #0e7490;
            margin-bottom: 20px;
            font-family: "IRANSansWeb", sans-serif;
        }

.property-detail {
    position: relative;
}

    .property-detail h3 {
        position: relative;
        display: block;
        font-size: 30px;
        line-height: 1.2em;
        color: #222222;
        font-weight: 600;
        margin-bottom: 25px;
    }

    .property-detail p {
        position: relative;
        font-size: 15px;
        line-height: 30px;
        margin-bottom: 30px;
    }

    .property-detail h4 {
        position: relative;
        font-size: 20px;
        line-height: 1.2em;
        color: #222222;
        font-weight: 600;
        margin-bottom: 25px;
    }

    .property-detail .table-outer {
        position: relative;
        margin-bottom: 40px;
    }

    .property-detail .info-table {
        position: relative;
        width: 100%;
        border: 1px solid #eeeeee;
    }

        .property-detail .info-table td {
            position: relative;
            font-size: 14px;
            line-height: 30px;
            color: #666666;
            font-weight: 400;
            padding: 15px 25px;
        }

            .property-detail .info-table td strong {
                float: right;
                width: 150px;
                font-weight: 700;
                font-size: 14px;
                color: #333333;
            }

            .property-detail .info-table td a {
                color: #666666;
                -webkit-transition: all 300ms ease;
                -moz-transition: all 300ms ease;
                -ms-transition: all 300ms ease;
                -o-transition: all 300ms ease;
                transition: all 300ms ease;
            }

                .property-detail .info-table td a:hover {
                    color: #0e7490;
                }

        .property-detail .info-table tr:nth-child(even) {
            background-color: #eeeeee;
        }

    .property-detail .features-list {
        position: relative;
        margin-bottom: 50px;
        border-top: 1px solid #eeeeee;
        border-left: 1px solid #eeeeee;
    }

        .property-detail .features-list li {
            position: relative;
            float: right;
            width: 25%;
            font-size: 14px;
            line-height: 28px;
            color: #666666;
            font-weight: 400;
            padding: 10px 20px;
            padding-right: 45px;
            border-right: 1px solid #eeeeee;
            border-bottom: 1px solid #eeeeee;
            cursor: default;
            -webkit-transition: all 300ms ease;
            -moz-transition: all 300ms ease;
            -ms-transition: all 300ms ease;
            -o-transition: all 300ms ease;
            transition: all 300ms ease;
        }

            .property-detail .features-list li:before {
                position: absolute;
                right: 20px;
                top: 10px;
                font-size: 14px;
                line-height: 28px;
                color: #0e7490;
                content: "\f104";
                font-weight: 900;
                font-family: "Font Awesome 5 Free";
            }

            .property-detail .features-list li:hover {
                box-shadow: 0 0 10px rgba(0,0,0,0.10);
            }

    .property-detail .floor-plans {
        position: relative;
        margin-bottom: 50px;
        border: 1px solid #eeeeee;
    }

    .property-detail .floor-info {
        position: relative;
        border-bottom: 1px solid #eeeeee;
    }

        .property-detail .floor-info li.title {
            position: relative;
            float: right;
            font-size: 14px;
            font-weight: 500;
            text-transform: uppercase;
        }

        .property-detail .floor-info li {
            position: relative;
            float: left;
            margin: 0 30px;
            font-size: 14px;
            line-height: 28px;
            color: #666666;
            font-weight: 400;
            padding: 10px 0;
        }

    .property-detail .floor-plans .text {
        position: relative;
        padding: 30px 30px;
    }

    .property-detail .floor-plans .floor-image {
        position: relative;
        text-align: center;
        margin-bottom: 50px;
    }

        .property-detail .floor-plans .floor-image .image {
            position: relative;
            margin-bottom: 0;
        }

.video-box {
    position: relative;
    margin-bottom: 50px;
}

    .video-box .image {
        position: relative;
        margin-bottom: 0;
    }

        .video-box .image:before {
            position: absolute;
            left: 0;
            top: 0;
            height: 100%;
            width: 100%;
            background-color: #000000;
            opacity: .50;
            content: "";
        }

        .video-box .image img {
            display: block;
            margin-bottom: 0;
        }

    .video-box .content-box {
        position: absolute;
        top: 50%;
        left: 0;
        width: 100%;
        text-align: center;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
    }

        .video-box .content-box .play-now {
            margin-bottom: 40px;
        }

        .video-box .content-box h4 {
            position: relative;
            font-size: 18px;
            line-height: 1.1em;
            color: #ffffff;
            font-weight: 500;
            text-transform: unset;
            margin-bottom: 0;
        }

.property-detail .map-outer {
    position: relative;
    margin-bottom: 50px;
}

.property-detail .map-canvas {
    height: 250px;
}

.property-detail .review-area {
    position: relative;
}

.about-agent-widget {
    position: relative;
}

    .about-agent-widget .widget-content {
        position: relative;
        padding: 30px;
        border: 1px solid #dddddd;
    }

    .about-agent-widget .image-box {
        position: relative;
    }

        .about-agent-widget .image-box .image {
            position: relative;
            margin-bottom: 0;
        }

            .about-agent-widget .image-box .image img {
                display: block;
                width: 100%;
            }

    .about-agent-widget .info-box {
        position: relative;
        padding: 30px 0 0;
    }

    .about-agent-widget .name {
        position: relative;
        display: block;
        font-size: 24px;
        line-height: 1.2em;
        color: #222222;
        font-weight: 500;
        text-transform: uppercase;
    }

    .about-agent-widget .designation {
        position: relative;
        display: block;
        font-size: 15px;
        line-height: 30px;
        color: #0e7490;
        font-weight: 400;
        margin-bottom: 25px;
    }

    .about-agent-widget .contact-info {
        position: relative;
    }

        .about-agent-widget .contact-info li {
            position: relative;
            font-size: 14px;
            line-height: 26px;
            color: #666666;
            font-weight: 400;
            margin-bottom: 10px;
        }

            .about-agent-widget .contact-info li strong {
                position: relative;
                display: inline-block;
                font-size: 14px;
                color: #222222;
                font-weight: 400;
                min-width: 75px;
            }

            .about-agent-widget .contact-info li a {
                color: #666666;
                display: inline-block;
                -webkit-transition: all 300ms ease;
                -moz-transition: all 300ms ease;
                -ms-transition: all 300ms ease;
                -o-transition: all 300ms ease;
                transition: all 300ms ease;
            }

                .about-agent-widget .contact-info li a:hover {
                    color: #0e7490;
                }

    .about-agent-widget .social-links {
        position: relative;
        margin-bottom: 30px;
    }

        .about-agent-widget .social-links strong {
            position: relative;
            display: inline-block;
            font-size: 14px;
            color: #222222;
            font-weight: 400;
            min-width: 75px;
        }

        .about-agent-widget .social-links a {
            position: relative;
            display: inline-block;
            font-size: 14px;
            line-height: 26px;
            color: #666666;
            font-weight: 400;
            margin-right: 20px;
            -webkit-transition: all 300ms ease;
            -moz-transition: all 300ms ease;
            -ms-transition: all 300ms ease;
            -o-transition: all 300ms ease;
            transition: all 300ms ease;
        }

            .about-agent-widget .social-links a:hover {
            }

    .about-agent-widget .btn-box {
        position: relative;
    }

        .about-agent-widget .btn-box a {
            display: block;
            width: 100%;
            margin-bottom: 10px;
            text-align: center;
            font-size: 16px;
            font-weight: 600;
        }

/*=====================
 	Reviews Area
 ======================*/

.review-area {
    position: relative;
}

    .review-area .reviews-container h3 {
        font-size: 20px;
        line-height: 1.2em;
        color: #222222;
        font-weight: 600;
        margin-bottom: 30px;
    }

    .review-area .reviews-container {
        position: relative;
        border-bottom: 1px solid #cccccc;
        margin-bottom: 55px;
    }

    .review-area .review-box {
        position: relative;
        margin-bottom: 40px;
        padding-right: 130px;
        padding-top: 10px;
    }

        .review-area .review-box.reply {
            margin-right: 130px;
        }

        .review-area .review-box .thumb-box {
            position: absolute;
            right: 0;
            top: 0;
            margin-bottom: 20px;
            width: 100px;
            overflow: hidden;
        }

            .review-area .review-box .thumb-box .thumb {
                position: relative;
                margin-bottom: 0;
            }

                .review-area .review-box .thumb-box .thumb img {
                    width: 100%;
                    border-radius: 50px;
                    color: #ffffff;
                    height: auto;
                }

            .review-area .review-box .thumb-box .reply-btn {
                position: relative;
                display: block;
                font-size: 13px;
                line-height: 27px;
                text-align: center;
                font-weight: 700;
                color: #ffffff;
                text-transform: uppercase;
                background-color: #0e7490;
                border-radius: 50px;
                -webkit-transition: all 300ms ease;
                -moz-transition: all 300ms ease;
                -ms-transition: all 300ms ease;
                -o-transition: all 300ms ease;
                transition: all 300ms ease;
            }

                .review-area .review-box .thumb-box .reply-btn:hover {
                    background-color: #222222;
                }

        .review-area .review-box .content-box {
            position: relative;
        }

        .review-area .review-box .name {
            position: relative;
            display: block;
            font-size: 18px;
            line-height: 28px;
            color: #222222;
            font-weight: 600;
            font-family: 'IRANSansWeb', sans-serif;
            margin-bottom: 8px;
        }

        .review-area .review-box .date {
            font-size: 12px;
            line-height: 28px;
            color: #0e7490;
            font-weight: 400;
            margin-bottom: 5px;
        }

            .review-area .review-box .date i {
                margin-left: 3px;
                font-size: 14px;
                color: #0e7490;
                vertical-align: middle;
            }

        .review-area .review-box .text {
            font-size: 14px;
            line-height: 28px;
            color: #777777;
            font-weight: 400;
        }

        .review-area .review-box .rating {
            position: absolute;
            left: 0;
            top: 0;
            font-size: 14px;
            line-height: 1.2em;
            color: #0e7490;
            font-weight: 400;
        }

            .review-area .review-box .rating span {
                margin: 0 2px;
            }

            .review-area .review-box .rating a {
                -webkit-transition: all 300ms ease;
                -moz-transition: all 300ms ease;
                -ms-transition: all 300ms ease;
                -o-transition: all 300ms ease;
                transition: all 300ms ease;
            }

                .review-area .review-box .rating a:hover {
                    color: #0e7490;
                }

/*** 

====================================================================
		Review Comment Form
====================================================================

***/

.review-comment-form {
    position: relative;
}

    .review-comment-form h3 {
        font-size: 20px;
    }

    .review-comment-form .form-group {
        position: relative;
        display: block;
        width: 100%;
        margin-bottom: 25px;
    }

        .review-comment-form .form-group:last-child {
            margin-bottom: 0;
        }

    .review-comment-form input[type="text"],
    .review-comment-form input[type="email"],
    .review-comment-form input[type="password"],
    .review-comment-form input[type="url"],
    .review-comment-form input[type="tel"],
    .review-comment-form select,
    .review-comment-form textarea {
        position: relative;
        display: block;
        width: 100%;
        font-size: 14px;
        color: #222222;
        font-weight: 400;
        line-height: 20px;
        padding: 10px 25px;
        background-color: #ffffff;
        border: 1px solid #cccccc;
        height: 44px;
        -webkit-transition: all 300ms ease;
        -moz-transition: all 300ms ease;
        -ms-transition: all 300ms ease;
        -o-transition: all 300ms ease;
        transition: all 300ms ease;
    }

    .review-comment-form .form-group textarea {
        height: 160px;
        resize: none;
    }

        .review-comment-form .form-group input:focus,
        .review-comment-form .form-group textarea:focus {
            border-color: #0e7490;
        }

    .review-comment-form .form-group input[type="submit"],
    .review-comment-form button {
        position: relative;
        text-transform: capitalize;
        line-height: 30px;
        padding: 10px 35px;
        font-size: 16px;
    }

    .review-comment-form button {
        float: left;
    }

    .review-comment-form .form-group .rating-box {
        position: relative;
        padding: 10px 0;
    }

        .review-comment-form .form-group .rating-box .text {
            position: relative;
            display: inline-block;
            font-size: 16px;
            color: #222222;
            line-height: 30px;
            font-weight: 400;
        }

        .review-comment-form .form-group .rating-box .rating {
            position: relative;
            display: inline-block;
            font-size: 12px;
            line-height: 30px;
            color: #222222;
        }

            .review-comment-form .form-group .rating-box .rating a:hover {
                color: #222222;
            }

/*** 

====================================================================
		Styled Pagination
====================================================================

***/

.styled-pagination {
    position: relative;
    display: block;
    width: 100%;
}

    .styled-pagination ul {
        position: relative;
        width: 100%;
    }

    .styled-pagination li {
        position: relative;
        display: inline-block;
        margin: 0 0 8px;
        margin-left: 12px;
    }

        .styled-pagination li:last-child {
            margin-right: 0;
        }

        .styled-pagination li a {
            position: relative;
            display: block;
            height: 40px;
            width: 40px;
            text-align: center;
            line-height: 38px;
            font-weight: 400;
            font-size: 14px;
            color: #666666;
            border-radius: 50%;
            border: 1px solid #cccccc;
            -webkit-transition: all 300ms ease;
            -ms-transition: all 300ms ease;
            -o-transition: all 300ms ease;
            -moz-transition: all 300ms ease;
            transition: all 300ms ease;
        }

            .styled-pagination li a:hover,
            .styled-pagination li.active a {
                color: #ffffff;
                border-color: #0e7490;
                background: #0e7490;
            }

        .styled-pagination li.next-post a,
        .styled-pagination li.prev-post a {
            width: auto;
            padding: 0 20px;
            background-color: #dddddd;
            color: #222222;
            border-radius: 30px 0 0 30px;
        }

        .styled-pagination li.prev-post a {
            border-radius: 0 30px 30px 0;
        }

            .styled-pagination li.next-post a:hover,
            .styled-pagination li.prev-post a:hover {
                background-color: #222222;
                color: #ffffff;
            }

/*** 

====================================================================
		Services Section
====================================================================

***/

.services-section {
    position: relative;
    padding: 120px 0 70px;
}

    .services-section .image-column {
        position: relative;
        margin-bottom: 50px;
    }

        .services-section .image-column .image-box {
            position: relative;
            text-align: center;
        }

        .services-section .image-column .image {
            position: relative;
            margin-bottom: 0;
            display: inline-block;
            z-index: 9;
            border: 10px solid #ffffff;
            box-shadow: 0 0 30px rgba(0,0,0,0.10);
        }

        .services-section .image-column .image-box .image:before {
            position: absolute;
            top: -40px;
            right: -40px;
            height: 100%;
            width: 100%;
            background-image: url(../images/icons/pattern.png);
            content: "";
            z-index: -1;
        }

        .services-section .image-column .image img {
            display: block;
            width: 100%;
        }

    .services-section .service-column {
        position: relative;
    }

        .services-section .service-column .inner-column {
            position: relative;
            padding-top: 30px;
        }

.service-block {
    position: relative;
    margin-bottom: 30px;
}

    .service-block .inner-box {
        position: relative;
        background: #ffffff;
        border: 1px solid #dddddd;
        padding: 30px;
        padding-right: 100px;
        -webkit-transition: all 300ms ease;
        -moz-transition: all 300ms ease;
        -ms-transition: all 300ms ease;
        -o-transition: all 300ms ease;
        transition: all 300ms ease;
    }

        .service-block .inner-box:hover {
            box-shadow: 0 0 30px rgba(0,0,0,0.05);
        }


    .service-block .icon {
        position: absolute;
        right: 30px;
        top: 30px;
        font-size: 50px;
        line-height: 1em;
        color: #bbbbbb;
        margin-bottom: 20px;
        -webkit-transition: all 300ms ease;
        -moz-transition: all 300ms ease;
        -ms-transition: all 300ms ease;
        -o-transition: all 300ms ease;
        transition: all 300ms ease;
    }

    .service-block .inner-box:hover .icon {
        color: #0e7490;
    }

    .service-block h4 {
        position: relative;
        display: block;
        font-size: 20px;
        line-height: 1.1em;
        color: #1a1d1f;
        font-weight: 600;
        margin-bottom: 10px;
    }

        .service-block h4 a {
            color: #1a1d1f;
            display: inline-block;
            -webkit-transition: all 300ms ease;
            -moz-transition: all 300ms ease;
            -ms-transition: all 300ms ease;
            -o-transition: all 300ms ease;
            transition: all 300ms ease;
        }

    .service-block .inner-box:hover h4 a {
        color: #0e7490;
    }

    .service-block .text {
        position: relative;
        font-size: 15px;
        line-height: 25px;
        color: #666666;
    }

/*.right-column .service-block{
	position: relative;
}

.right-column .service-block .inner-box{
	padding-left: 110px;
	padding-right: 0;
	text-align: left;
}

.right-column .service-block .icon{
	right: auto;
	left: 5px;
}*/

/*** 

====================================================================
		Popular Places Section
====================================================================

***/

.popular-places-section {
    position: relative;
    padding: 120px 0 90px;
}

    .popular-places-section .masonry-items-container {
        position: relative;
        margin: 0 -15px;
    }

    .popular-places-section .small-item {
        width: 33.3333333%;
    }

    .popular-places-section .medium-item {
        width: 50%;
    }

    .popular-places-section .large-item {
        width: 66.666666%;
    }

.popular-item {
    position: relative;
    float: left;
    padding: 0 15px;
    margin-bottom: 30px;
}

    .popular-item .inner-box {
        position: relative;
    }

    .popular-item .image-box {
        position: relative;
        overflow: hidden;
    }

    .popular-item .image {
        position: relative;
        overflow: hidden;
        margin-bottom: 0;
    }

        .popular-item .image img {
            display: block;
            width: 100%;
            height: auto;
        }

    .popular-item .caption-box {
        position: absolute;
        right: 0;
        bottom: 30px;
        padding: 15px 30px;
        background-color: rgba(0,0,0,0.80);
    }

        .popular-item .caption-box:before {
            position: absolute;
            top: 0;
            right: 100%;
            border-left: 50px solid transparent;
            border-bottom: 90px solid rgba(0,0,0,0.80);
            content: "";
        }

        .popular-item .caption-box h4 {
            position: relative;
            display: block;
            font-size: 24px;
            line-height: 30px;
            color: #ffffff;
            font-weight: 700;
            text-transform: uppercase;
        }

        .popular-item .caption-box span {
            display: block;
            font-size: 14px;
            line-height: 30px;
            color: #ffffff;
            font-weight: 500;
        }

    .popular-item .overlay-box {
        position: absolute;
        left: 0;
        top: 0;
        height: 100%;
        width: 100%;
        background-color: #0e7490;
        opacity: 0;
        transform: scale(.4);
        -webkit-transition: all 500ms ease;
        -moz-transition: all 500ms ease;
        -ms-transition: all 500ms ease;
        -o-transition: all 500ms ease;
        transition: all 500ms ease;
    }

    .popular-item .image-box:hover .overlay-box {
        opacity: 1;
        transform: scale(1);
    }

    .popular-item .overlay-box .info-box {
        position: absolute;
        left: 0;
        width: 100%;
        top: 50%;
        text-align: center;
        transform: translateY(-50%);
    }

        .popular-item .overlay-box .info-box h4 {
            position: relative;
            display: block;
            font-size: 24px;
            line-height: 30px;
            color: #222222;
            font-weight: 700;
            text-transform: uppercase;
        }

        .popular-item .overlay-box .info-box .properties {
            display: block;
            font-size: 14px;
            line-height: 30px;
            color: #222222;
            font-weight: 500;
            margin-bottom: 20px;
        }

        .popular-item .overlay-box .info-box .images-btn {
            position: relative;
            display: inline-block;
            font-size: 14px;
            background-color: #222222;
            color: #ffffff;
            line-height: 42px;
            padding: 4px 35px;
            padding-left: 4px;
            text-align: right;
            border-radius: 30px;
            -webkit-transition: all 300ms ease;
            -moz-transition: all 300ms ease;
            -ms-transition: all 300ms ease;
            -o-transition: all 300ms ease;
            transition: all 300ms ease;
        }

            .popular-item .overlay-box .info-box .images-btn:hover {
                box-shadow: 0 20px 30px rgba(0,0,0,0.20);
            }

            .popular-item .overlay-box .info-box .images-btn .fa {
                position: relative;
                display: inline-block;
                margin-bottom: -2px;
                height: 42px;
                width: 42px;
                background-color: #ffffff;
                font-size: 14px;
                line-height: 42px;
                color: #222222;
                border-radius: 50%;
                margin-right: 20px;
                text-align: center;
            }

/*** 

====================================================================
		Features Properties
====================================================================

***/

.features-properties {
    position: relative;
    padding: 120px 0px;
    background-color: #0e7490;
}

    .features-properties:before {
        position: absolute;
        content: '';
        left: 0px;
        top: 0px;
        width: 100%;
        height: 100%;
        display: block;
        background-image: url(../images/icons/pattern-4.jpg);
        opacity: .10;
    }

    .features-properties .sec-title .devider:before,
    .features-properties .sec-title .devider:after,
    .features-properties .sec-title .devider span {
        border-color: #ffffff;
    }

.property-tab {
    position: relative;
}

    .property-tab .tabs-header {
        position: relative;
    }

    .property-tab .p-tab-btn {
        position: relative;
        display: block;
        cursor: pointer;
        font-size: 16px;
        color: #ffffff;
        font-weight: 600;
        line-height: 30px;
        padding: 15px 30px;
        background-color: #222222;
        border-bottom: 1px solid #363636;
        text-transform: uppercase;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }

        .property-tab .p-tab-btn:after {
            position: absolute;
            content: '\f0d9';
            left: 30px;
            top: 15px;
            font-size: 16px;
            line-height: 30px;
            color: #ffffff;
            font-family: "Font Awesome 5 Free";
        }

        .property-tab .p-tab-btn:hover,
        .property-tab .p-tab-btn.active-btn {
            color: #222222;
            background-color: #ffffff;
        }

            .property-tab .p-tab-btn:hover:after,
            .property-tab .p-tab-btn.active-btn:after {
                color: #222222;
            }

    .property-tab .tab-btns-box .btn-box {
        position: relative;
        margin-top: 45px;
    }

        .property-tab .tab-btns-box .btn-box a {
            display: block;
            width: 100%;
            font-size: 16px;
            font-weight: 700;
            text-align: center;
            padding: 15px 30px;
            line-height: 30px;
            text-transform: capitalize;
        }

    .property-tab .p-tabs-content {
        position: relative;
        display: block;
    }

    .property-tab .p-tab {
        position: absolute;
        left: 0px;
        top: 0px;
        width: 100%;
        height: auto;
        visibility: hidden;
    }

        .property-tab .p-tab .property-block-three {
            -webkit-transform: scaleX(0.50);
            -moz-transform: scaleX(0.50);
            -ms-transform: scaleX(0.50);
            -o-transform: scaleX(0.50);
            transform: scale(0.50);
            -webkit-transition: all 0.7s ease;
            -moz-transition: all 0.7s ease;
            -ms-transition: all 0.7s ease;
            -o-transition: all 0.7s ease;
            transition: all 0.7s ease;
            opacity: 0;
        }

        .property-tab .p-tab.active-tab .property-block-three {
            -webkit-transform: scaleX(1);
            -moz-transform: scaleX(1);
            -ms-transform: scaleX(1);
            -o-transform: scaleX(1);
            transform: scaleX(1);
            opacity: 1;
        }

        .property-tab .p-tab.active-tab {
            position: relative;
            visibility: visible;
            z-index: 5;
        }

.property-block-three {
    position: relative;
}

    .property-block-three .inner-box {
        position: relative;
        display: block;
        border-bottom: 1px solid #ffffff;
    }

    .property-block-three .image-box {
        position: relative;
        margin-bottom: 0;
    }

        .property-block-three .image-box img {
            position: relative;
            width: 100%;
            display: block;
        }

    .property-block-three .lower-content {
        position: relative;
        padding: 20px 20px 15px;
        background-color: #ffffff;
    }

        .property-block-three .lower-content .left-column {
            position: relative;
            float: left;
        }

        .property-block-three .lower-content h3 {
            position: relative;
            display: block;
            font-size: 24px;
            line-height: 1.2em;
            color: #222222;
            font-weight: 600;
            margin-bottom: 20px;
        }

            .property-block-three .lower-content h3 a {
                color: #222222;
                display: inline-block;
                -webkit-transition: all 300ms ease;
                -moz-transition: all 300ms ease;
                -ms-transition: all 300ms ease;
                -o-transition: all 300ms ease;
                transition: all 300ms ease;
            }

                .property-block-three .lower-content h3 a:hover {
                    color: #0e7490;
                }

    .property-block-three .property-info {
        position: relative;
    }

        .property-block-three .property-info li {
            position: relative;
            float: right;
            padding-right: 25px;
            font-size: 14px;
            color: #222222;
            line-height: 30px;
            cursor: default;
            margin-left: 20px;
            margin-bottom: 5px;
        }

            .property-block-three .property-info li:last-child {
                margin-right: 0;
            }

            .property-block-three .property-info li .icon {
                position: absolute;
                right: 0;
                top: 0;
                font-size: 14px;
                color: #0e7490;
                line-height: 30px;
            }

    .property-block-three .right-column {
        position: relative;
        float: right;
        text-align: right;
    }

    .property-block-three .status {
        position: relative;
        display: inline-block;
        font-size: 16px;
        line-height: 30px;
        color: #ffffff;
        font-weight: 700;
        text-transform: uppercase;
        padding: 0 20px;
        background-color: #222222;
        margin-bottom: 20px;
    }

        .property-block-three .status:before {
            position: absolute;
            top: 0;
            right: 100%;
            border-left: 10px solid transparent;
            border-top: 30px solid #222222;
            /*	content: "";*/
        }

    .property-block-three .price {
        position: relative;
        display: block;
        font-size: 18px;
        line-height: 30px;
        color: #222222;
        font-weight: 600;
        font-family: "IRANSansWeb", sans-serif;
    }

        .property-block-three .price span {
            font-size: 14px;
            color: #222222;
            font-weight: 500;
        }

.property-tab .single-item-carousel {
    padding-bottom: 35px;
}

.property-tab .owl-nav {
    display: none;
}

.property-tab .owl-dots {
    position: absolute;
    left: 0;
    bottom: -15px;
    width: 100%;
    text-align: center;
}

.property-tab .owl-dot {
    position: relative;
    display: inline-block;
    height: 4px;
    width: 20px;
    margin: 0 4px;
    background-color: #ffffff;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

    .property-tab .owl-dot.active,
    .property-tab .owl-dot:hover {
        background-color: #222222;
    }

/*** 

====================================================================
		Modern Properties
====================================================================

***/

.modern-properties {
    position: relative;
    padding: 120px 0;
    background-color: #f5f5f5;
}

    .modern-properties .single-item-carousel {
        position: relative;
    }

.modern-property .image-column {
    position: relative;
    margin-bottom: 50px;
}

    .modern-property .image-column .inner-column {
        position: relative;
        padding-right: 35px;
        padding-bottom: 35px;
    }

        .modern-property .image-column .inner-column:before {
            position: absolute;
            right: 0;
            bottom: 0;
            height: 450px;
            width: 520px;
            background-image: url(../images/icons/pattern-6.jpg);
            background-repeat: repeat;
            background-position: left bottom;
            content: "";
        }

.modern-property .image-box {
    position: relative;
}

    .modern-property .image-box .image {
        position: relative;
        margin-bottom: 0;
    }

    .modern-property .image-box img {
        display: block;
        width: 100%;
    }

    .modern-property .image-box .property-options {
        position: absolute;
        right: 0;
        bottom: 0;
        width: 100%;
        padding: 0 30px 20px;
    }

.modern-property .property-options li {
    position: relative;
    float: left;
    margin-bottom: 10px;
    margin-right: 15px;
}

    .modern-property .property-options li:before {
        position: absolute;
        left: 0;
        top: 0;
        font-size: 10px;
        line-height: 25px;
        padding: 0 15px;
        border-radius: 3px;
        color: #ffffff;
        background-color: rgba(0,0,0,0.70);
        content: attr(data-tooltip);
        text-transform: uppercase;
        opacity: 0;
        -webkit-transition: all 300ms ease;
        -moz-transition: all 300ms ease;
        -ms-transition: all 300ms ease;
        -o-transition: all 300ms ease;
        transition: all 300ms ease;
    }

    .modern-property .property-options li:hover:before {
        top: -38px;
        opacity: 1;
    }

    .modern-property .property-options li:after {
        position: absolute;
        left: 8px;
        top: 0;
        border-left: 7px solid transparent;
        border-right: 7px solid transparent;
        border-top: 7px solid rgba(0,0,0,0.70);
        content: "";
        opacity: 0;
        -webkit-transition: all 300ms ease;
        -moz-transition: all 300ms ease;
        -ms-transition: all 300ms ease;
        -o-transition: all 300ms ease;
        transition: all 300ms ease;
    }

    .modern-property .property-options li:hover:after {
        top: -13px;
        opacity: 1;
    }

    .modern-property .property-options li:first-child {
        margin-right: 0;
        float: right;
    }

    .modern-property .property-options li:nth-child(2) {
        float: right;
    }

    .modern-property .property-options li a {
        position: relative;
        display: block;
        height: 40px;
        width: 40px;
        text-align: center;
        line-height: 40px;
        font-size: 16px;
        color: #ffffff;
        border-radius: 5px;
        background-color: #000000;
        -webkit-transition: all 300ms ease;
        -moz-transition: all 300ms ease;
        -ms-transition: all 300ms ease;
        -o-transition: all 300ms ease;
        transition: all 300ms ease;
    }

    .modern-property .property-options li:hover a {
        background-color: #0e7490;
    }

.modern-property .content-column {
    position: relative;
}

    .modern-property .content-column .inner-column {
        position: relative;
        padding-right: 30px;
    }

.modern-property .status {
    position: relative;
    display: inline-block;
    font-size: 14px;
    line-height: 30px;
    color: #ffffff;
    font-weight: 700;
    text-transform: uppercase;
    padding: 0 15px;
    background-color: #0e7490;
    margin-bottom: 20px;
}

    .modern-property .status:before {
        position: absolute;
        top: 0;
        right: 100%;
        border-left: 10px solid transparent;
        border-bottom: 30px solid #0e7490;
        content: "";
    }

.modern-property h3 {
    position: relative;
    display: block;
    font-size: 30px;
    line-height: 1.2em;
    color: #222222;
    font-weight: 700;
    margin-bottom: 15px;
}

.modern-property .location {
    position: relative;
    font-size: 16px;
    line-height: 30px;
    color: #666666;
    font-weight: 400;
    padding-right: 35px;
    margin-bottom: 30px;
}

    .modern-property .location .icon {
        position: absolute;
        right: 0;
        top: 0;
        font-size: 24px;
        line-height: 30px;
        color: #0e7490;
    }

.modern-property .text {
    position: relative;
    padding-bottom: 40px;
    border-bottom: 1px solid #d7d7d7;
    margin-bottom: 40px;
}

.modern-property .property-info {
    position: relative;
}

    .modern-property .property-info li {
        position: relative;
        float: right;
        width: 25%;
        margin-bottom: 30px;
        padding: 0 15px;
        font-size: 14px;
        line-height: 24px;
        color: #000000;
        text-align: center;
    }

        .modern-property .property-info li .icon {
            display: block;
            font-size: 42px;
            color: #0e7490;
            line-height: 1em;
            margin-bottom: 0px;
        }

        .modern-property .property-info li:before {
            position: absolute;
            left: 0;
            top: 15px;
            height: 60px;
            border-left: 1px solid #d7d7d7;
            content: "";
        }

.modern-properties .owl-nav {
    display: none;
}

.modern-properties .owl-dots {
    position: relative;
    text-align: center;
    margin-top: 20px;
}

.modern-properties .owl-dot {
    position: relative;
    display: inline-block;
    height: 4px;
    width: 27px;
    margin: 0 7px;
    background-color: #a1a1a1;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

    .modern-properties .owl-dot:hover,
    .modern-properties .owl-dot.active {
        background-color: #0e7490;
    }

/*** 

====================================================================
		Gallery Section
====================================================================

***/

.gallery-section {
    position: relative;
    padding: 120px 0;
}

    .gallery-section .filters {
        position: relative;
        margin-bottom: 60px;
    }

        .gallery-section .filters .filter-tabs {
            position: relative;
            text-align: center;
        }

        .gallery-section .filters li {
            position: relative;
            display: inline-block;
            line-height: 30px;
            font-size: 14px;
            color: #333333;
            cursor: pointer;
            font-weight: 600;
            margin-right: 30px;
            text-transform: uppercase;
            font-family: "IRANSansWeb", sans-serif;
            -webkit-transition: all 300ms ease;
            -moz-transition: all 300ms ease;
            -ms-transition: all 300ms ease;
            -o-transition: all 300ms ease;
            transition: all 300ms ease;
        }

            .gallery-section .filters li:first-child {
                margin-right: 0;
            }

            .gallery-section .filters li.active,
            .gallery-section .filters li:hover {
                color: #0e7490;
                text-decoration: underline;
            }

.gallery-item {
    position: relative;
    margin-bottom: 30px;
}

    .gallery-item .image-box {
        position: relative;
    }

        .gallery-item .image-box .image {
            position: relative;
            margin-bottom: 0;
        }

        .gallery-item .image-box img {
            display: block;
            width: 100%;
            height: auto;
        }

    .gallery-item .overlay-box {
        position: absolute;
        left: 0;
        top: 0;
        height: 100%;
        width: 100%;
        background-color: rgba(34,34,34,0.70);
        opacity: 0;
        visibility: hidden;
        -webkit-transform: scale(.5);
        -moz-transform: scale(.5);
        -ms-transform: scale(.5);
        -o-transform: scale(.5);
        transform: scale(.5);
        -webkit-transition: all 300ms ease;
        -moz-transition: all 300ms ease;
        -ms-transition: all 300ms ease;
        -o-transition: all 300ms ease;
        transition: all 300ms ease;
    }

        .gallery-item .overlay-box .inner {
            position: absolute;
            left: 0;
            top: 50%;
            width: 100%;
            text-align: center;
            -webkit-transform: translateY(-50%);
            -moz-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            -o-transform: translateY(-50%);
            transform: translateY(-50%);
        }

        .gallery-item .overlay-box .link {
            position: relative;
            display: inline-block;
            height: 40px;
            width: 40px;
            background-color: #0e7490;
            text-align: center;
            line-height: 40px;
            font-size: 14px;
            color: #ffffff;
            margin-bottom: 25px;
        }

    .gallery-item .image-box:hover .overlay-box {
        opacity: 1;
        visibility: visible;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }

    .gallery-item .overlay-box h5 {
        position: relative;
        display: block;
        font-size: 20px;
        line-height: 1em;
        color: #ffffff;
        font-weight: 500;
        margin-bottom: 20px;
    }

    .gallery-item .overlay-box .tag {
        position: relative;
        display: block;
        font-size: 14px;
        line-height: 24px;
        color: #ffffff;
        font-weight: 400;
    }

.gallery-section .styled-pagination {
    margin-top: 70px;
}

/*** 

====================================================================
		App Section
====================================================================

***/

.app-section {
    position: relative;
    background-color: #f5f5f5;
    padding: 90px 0;
    z-index: 9;
}

    .app-section:before {
        position: absolute;
        left: 0;
        top: 0;
        height: 100%;
        width: 100%;
        background-image: url(../images/icons/pattern-8.jpg);
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        content: "";
    }

    .app-section .image-column {
        position: relative;
    }

        .app-section .image-column .inner-column {
            position: relative;
            text-align: center;
        }

        .app-section .image-column .image-box {
            position: relative;
        }

    .app-section .image {
        position: relative;
        margin-bottom: 0;
    }

        .app-section .image img {
            display: inline-block;
            max-width: 100%;
            height: auto;
        }

    .app-section .content-column {
        position: relative;
        margin-bottom: 50px;
    }

        .app-section .content-column .inner-column {
            position: relative;
            padding-top: 80px;
        }

        .app-section .content-column .sec-title {
            margin-bottom: 30px;
        }

        .app-section .content-column .text-box {
            font-size: 14px;
            margin-bottom: 30px;
        }

    .app-section .link-box {
        position: relative;
    }

        .app-section .link-box a {
            position: relative;
            display: inline-block;
            margin-left: 25px;
            margin-bottom: 10px;
            -webkit-transition: all 300ms ease;
            -moz-transition: all 300ms ease;
            -ms-transition: all 300ms ease;
            -o-transition: all 300ms ease;
            transition: all 300ms ease;
        }

            .app-section .link-box a:hover {
                -webkit-box-shadow: 0 10px 25px rgba(0,0,0,0.30);
                -moz-box-shadow: 0 10px 25px rgba(0,0,0,0.30);
                -ms-box-shadow: 0 10px 25px rgba(0,0,0,0.30);
                -o-box-shadow: 0 10px 25px rgba(0,0,0,0.30);
                box-shadow: 0 10px 25px rgba(0,0,0,0.30);
            }

/*** 

====================================================================
		Why Choose Us
====================================================================

***/

.why-choose-us {
    position: relative;
    padding: 120px 0;
}

    .why-choose-us .info-column {
        position: relative;
    }

        .why-choose-us .info-column .inner-column {
            position: relative;
            padding: 35px 0 0;
        }

        .why-choose-us .info-column .sec-title {
            margin-bottom: 30px;
        }

        .why-choose-us .info-column .text-box {
            position: relative;
            margin-bottom: 65px;
        }

            .why-choose-us .info-column .text-box p {
                position: relative;
                margin-bottom: 20px;
            }

.feature-block-two {
    position: relative;
    margin-bottom: 50px;
}

    .feature-block-two .inner-box {
        position: relative;
        padding-right: 60px;
    }

        .feature-block-two .inner-box .icon {
            position: absolute;
            right: 0;
            top: 0;
            font-size: 38px;
            line-height: 1em;
            color: #999999;
            -webkit-transition: all 300ms ease;
            -moz-transition: all 300ms ease;
            -ms-transition: all 300ms ease;
            -o-transition: all 300ms ease;
            transition: all 300ms ease;
        }

        .feature-block-two .inner-box:hover .icon {
            -webkit-animation: flipInY 1s;
            -moz-animation: flipInY 1s;
            -ms-animation: flipInY 1s;
            -o-animation: flipInY 1s;
            animation: flipInY 1s;
            color: #0e7490;
        }

    .feature-block-two h4 {
        position: relative;
        display: block;
        font-size: 16px;
        line-height: 1.2em;
        color: #222222;
        font-weight: 600;
        margin-bottom: 3px;
    }

        .feature-block-two h4 a {
            color: #222222;
            -webkit-transition: all 300ms ease;
            -moz-transition: all 300ms ease;
            -ms-transition: all 300ms ease;
            -o-transition: all 300ms ease;
            transition: all 300ms ease;
        }

            .feature-block-two h4 a:hover {
                color: #0e7490;
            }

        .feature-block-two h4 .text {
            position: relative;
            font-size: 15px;
            line-height: 24px;
        }

.why-choose-us .image-column {
    position: relative;
}

    .why-choose-us .image-column .image-box {
        position: relative;
        padding-right: 60px;
        padding-left: 40px;
    }

        .why-choose-us .image-column .image-box:before {
            position: absolute;
            left: 0;
            top: 45px;
            bottom: 45px;
            width: 100px;
            background-image: url(../images/icons/pattern.png);
            content: "";
        }

        .why-choose-us .image-column .image-box .image {
            position: relative;
            margin-bottom: 0;
        }

        .why-choose-us .image-column .image-box img {
            display: block;
            width: 100%;
        }

.why-choose-us .image-box .contact-info {
    position: absolute;
    right: 0;
    bottom: 65px;
    background-color: #0e7490;
    min-height: 60px;
    padding-right: 60px;
    text-align: center;
}

    .why-choose-us .image-box .contact-info:before {
        position: absolute;
        top: 0;
        right: 100%;
        border-left: 20px solid transparent;
        border-bottom: 60px solid #0e7490;
        content: "";
    }

    .why-choose-us .image-box .contact-info .icon {
        position: absolute;
        right: 0;
        top: 0;
        height: 60px;
        width: 60px;
        background-color: #222222;
        color: #ffffff;
        text-align: center;
        line-height: 60px;
        font-size: 20px;
    }

    .why-choose-us .image-box .contact-info .number {
        position: relative;
        display: block;
        font-size: 18px;
        line-height: 30px;
        color: #ffffff;
        font-weight: 500;
        padding: 15px 25px;
        letter-spacing: 0.05em;
        -webkit-transition: all 300ms ease;
        -moz-transition: all 300ms ease;
        -ms-transition: all 300ms ease;
        -o-transition: all 300ms ease;
        transition: all 300ms ease;
    }

        .why-choose-us .image-box .contact-info .number:hover {
            color: #222222;
        }

/*** 

====================================================================
		What We Do
====================================================================

***/

.what-we-do {
    position: relative;
    padding: 120px 0 70px;
}

    .what-we-do .sec-title {
        margin-bottom: 50px;
    }

    .what-we-do .features-column {
        position: relative;
    }

.feature-block-three {
    position: relative;
    margin-bottom: 50px;
}

    .feature-block-three .inner-box {
        position: relative;
        padding-right: 65px;
    }

        .feature-block-three .inner-box .icon {
            position: absolute;
            right: 0;
            top: 0;
            font-size: 48px;
            line-height: 1em;
            color: #0e7490;
            -webkit-transition: all 300ms ease;
            -moz-transition: all 300ms ease;
            -ms-transition: all 300ms ease;
            -o-transition: all 300ms ease;
            transition: all 300ms ease;
        }

        .feature-block-three .inner-box:hover .icon {
            animation: flipInY 1s;
        }

    .feature-block-three h3 {
        position: relative;
        display: block;
        font-size: 20px;
        line-height: 1.2em;
        color: #222222;
        font-weight: 600;
        margin-bottom: 14px;
    }

        .feature-block-three h3 a {
            color: #222222;
            -webkit-transition: all 300ms ease;
            -moz-transition: all 300ms ease;
            -ms-transition: all 300ms ease;
            -o-transition: all 300ms ease;
            transition: all 300ms ease;
        }

            .feature-block-three h3 a:hover {
                color: #0e7490;
            }

    .feature-block-three .text {
        position: relative;
        font-size: 15px;
        line-height: 30px;
        color: #666666;
    }

.what-we-do .image-column {
    position: relative;
}

    .what-we-do .image-column .image-box {
        position: relative;
        margin-top: -130px;
    }

    .what-we-do .image-column .image {
        position: absolute;
        left: 0;
        top: 0;
        height: 220px;
        width: 220px;
        border-radius: 50%;
        overflow: hidden;
        border: 2px solid #ffffff;
        box-shadow: 0 0 20px rgba(0,0,0,0.20);
    }

    .what-we-do .image-column .image-2 {
        left: auto;
        right: 0;
    }

    .what-we-do .image-column .image-3 {
        right: 0;
        margin: 0 auto;
        top: 150px;
    }

    .what-we-do .image-column .image figcaption {
        position: absolute;
        left: 0;
        top: 0;
        height: 100%;
        width: 100%;
        text-align: center;
        background-color: rgba(0,0,0,0.80);
        padding: 70px 20px 0;
    }

        .what-we-do .image-column .image figcaption .icon {
            display: block;
            font-size: 36px;
            line-height: 1em;
            color: #0e7490;
            font-weight: 400;
            margin-bottom: 10px;
        }

        .what-we-do .image-column .image figcaption h4 {
            position: relative;
            display: block;
            font-size: 16px;
            line-height: 24px;
            color: #ffffff;
            font-weight: 700;
            text-transform: uppercase;
        }

/***

====================================================================
			Fun Facts Section
====================================================================

***/

.fun-facts-section {
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    background-color: #222222;
    padding: 105px 0 55px;
}

    .fun-facts-section:before {
        position: absolute;
        left: 0;
        top: 0;
        height: 250px;
        width: 100%;
        background-image: url(../images/icons/pattern-5.png);
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        content: "";
    }

.fun-facts {
    position: relative;
    font-family: "IRANSansWeb", sans-serif;
}

.fun-facts-section .column {
    position: relative;
    margin-bottom: 50px;
}

    .fun-facts-section .column .content {
        position: relative;
        padding-right: 75px;
    }

    .fun-facts-section .column .icon-box {
        position: absolute;
        right: 0px;
        top: 10px;
        font-size: 48px;
        line-height: 1em;
        color: #0e7490;
        -webkit-transition: all 300ms ease;
        -moz-transition: all 300ms ease;
        -ms-transition: all 300ms ease;
        -o-transition: all 300ms ease;
        transition: all 300ms ease;
    }

    .fun-facts-section .column .content:hover .icon-box {
        animation: fadeInUp 1s;
    }

.fun-facts-section .count-outer {
    position: relative;
    font-size: 48px;
    font-weight: 600;
    line-height: 1em;
    color: #ffffff;
}

    .fun-facts-section .count-outer .count-text {
        font-size: 48px;
        font-weight: 600;
        line-height: 1em;
        color: #ffffff;
    }

.fun-facts-section .column .counter-title {
    position: relative;
    font-size: 18px;
    line-height: 30px;
    font-weight: 500;
    color: #ffffff;
    margin-top: 10px;
}

/*** 

====================================================================
		Agents Section
====================================================================

***/

.agents-section {
    position: relative;
    background-color: #f5f5f5;
    padding: 120px 0 80px;
}

    .agents-section .sec-title {
        margin-bottom: 50px;
    }

.agents-carousel {
    position: relative;
}

.agent-block {
    position: relative;
    margin-bottom: 40px;
}

    .agent-block .inner-box {
        position: relative;
        padding-top: 30px;
        padding-right: 30px;
    }

        .agent-block .inner-box:before {
            position: absolute;
            height: 100%;
            right: 0;
            top: 0;
            left: 70px;
            border: 1px solid #959595;
            content: "";
            -webkit-transition: all 300ms ease;
            -moz-transition: all 300ms ease;
            -ms-transition: all 300ms ease;
            -o-transition: all 300ms ease;
            transition: all 300ms ease;
        }

        .agent-block .inner-box:hover:before {
            border: 2px solid #0e7490;
            left: 120px;
        }

    .agent-block .image-box {
        position: relative;
    }

        .agent-block .image-box .image {
            position: relative;
            overflow: hidden;
            margin: 0;
        }

            .agent-block .image-box .image img {
                display: block;
                width: 100%;
                height: auto;
                -webkit-transition: all 300ms ease;
                -moz-transition: all 300ms ease;
                -ms-transition: all 300ms ease;
                -o-transition: all 300ms ease;
                transition: all 300ms ease;
            }

    .agent-block .inner-box:hover .image-box .image img {
        transform: scale(1.1);
    }

    .agent-block .info-box {
        position: relative;
        padding: 35px 0;
    }

        .agent-block .info-box .name {
            position: relative;
            display: block;
            font-size: 18px;
            line-height: 24px;
            color: #333333;
            font-weight: 700;
        }

            .agent-block .info-box .name a {
                color: #333333;
                display: inline-block;
                -webkit-transition: all 300ms ease;
                -moz-transition: all 300ms ease;
                -ms-transition: all 300ms ease;
                -o-transition: all 300ms ease;
                transition: all 300ms ease;
            }

        .agent-block .info-box .designation {
            position: relative;
            display: inline-block;
            font-size: 15px;
            line-height: 30px;
            color: #666666;
            font-weight: 400;
        }

    .agent-block .social-links {
        position: absolute;
        left: 20px;
        top: 25px;
        width: 84px;
        margin: -5px;
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -ms-transform: scale(0);
        -o-transform: scale(0);
        transform: scale(0);
        -webkit-transition: all 300ms ease;
        -moz-transition: all 300ms ease;
        -ms-transition: all 300ms ease;
        -o-transition: all 300ms ease;
        transition: all 300ms ease;
    }

    .agent-block .inner-box:hover .social-links {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }

    .agent-block .social-links li {
        position: relative;
        float: left;
        padding: 0 5px;
        margin-bottom: 10px;
    }

        .agent-block .social-links li a i {
            position: relative;
            display: block;
            width: 32px;
            height: 32px;
            border: 1px solid #eeeeee;
            font-size: 16px;
            line-height: 30px;
            background-color: #ffffff;
            text-align: center;
            -webkit-transition: all 300ms ease;
            -moz-transition: all 300ms ease;
            -ms-transition: all 300ms ease;
            -o-transition: all 300ms ease;
            transition: all 300ms ease;
        }

        .agent-block .social-links li a:hover i {
            color: #ffffff;
        }

.agents-section .owl-nav {
    position: absolute;
    left: 0;
    top: -100px;
}

.agents-section .owl-next,
.agents-section .owl-prev {
    position: relative;
    display: inline-block;
    height: 40px;
    width: 40px;
    margin-right: 15px;
    border: 1px solid #333333;
    background-color: #ffffff;
    color: #333333;
    font-size: 16px;
    line-height: 38px;
    border-radius: 50%;
    text-align: center;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

    .agents-section .owl-next:hover,
    .agents-section .owl-prev:hover {
        background-color: #0e7490;
        color: #ffffff;
    }

.agents-section.alternate {
    background-color: #ffffff;
    padding: 120px 0 50px;
}

    .agents-section.alternate .agent-block {
        position: relative;
        margin-bottom: 70px;
    }

/***

==================================================================
		Agents Section Two
==================================================================

***/

.agents-section-two {
    position: relative;
    padding: 120px 0px;
    background-color: #0e7490;
}

    .agents-section-two:before {
        position: absolute;
        content: '';
        left: 0px;
        top: 0px;
        width: 100%;
        height: 100%;
        display: block;
        background-image: url(../images/icons/pattern-4.jpg);
        opacity: .10;
    }

    .agents-section-two .sec-title {
        margin-bottom: 50px;
    }

        .agents-section-two .sec-title .devider:before,
        .agents-section-two .sec-title .devider:after,
        .agents-section-two .sec-title .devider span {
            border-color: #ffffff;
        }

        .agents-section-two .sec-title .text {
            color: #ffffff;
        }

    .agents-section-two .carousel-outer {
        margin: 0 -15px;
    }

.agent-block-two {
    direction: rtl;
    position: relative;
    padding: 15px;
}

    .agent-block-two .image-column {
        position: relative;
        z-index: 9;
    }

    .agent-block-two .image-box {
        position: relative;
        padding: 0 40px 40px;
    }

        .agent-block-two .image-box .image {
            position: relative;
            margin-bottom: 0;
            opacity: 0;
            -webkit-transform: translateX(50px);
            -moz-transform: translateX(50px);
            -ms-transform: translateX(50px);
            -o-transform: translateX(50px);
            transform: translateX(50px);
            -webkit-transition: all 500ms ease;
            -moz-transition: all 500ms ease;
            -ms-transition: all 500ms ease;
            -o-transition: all 500ms ease;
            transition: all 500ms ease;
        }

        .agent-block-two .image-box:before {
            position: absolute;
            left: 0px;
            top: 100px;
            right: 40px;
            bottom: 0;
            background-image: url(../images/icons/pattern-7.png);
            background-repeat: repeat;
            background-position: right top;
            content: "";
            opacity: .50;
        }

.active .agent-block-two .image-box .image {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition-delay: 300ms;
    -moz-transition-delay: 300ms;
    -ms-transition-delay: 300ms;
    -o-transition-delay: 300ms;
    transition-delay: 300ms;
}

.agent-block-two .image-box img {
    display: block;
    width: 100%;
}

.agent-block-two .content-column {
    position: relative;
}

    .agent-block-two .content-column .inner-column {
        position: relative;
        background-color: #ffffff;
        padding: 45px 45px 40px;
        padding-left: 150px;
        margin-left: -150px;
        margin-top: 60px;
        box-shadow: 0 0 15px rgba(0,0,0,0.10);
        opacity: 0;
        -webkit-transform: translateX(-50px);
        -moz-transform: translateX(-50px);
        -ms-transform: translateX(-50px);
        -o-transform: translateX(-50px);
        transform: translateX(-50px);
        -webkit-transition: all 500ms ease;
        -moz-transition: all 500ms ease;
        -ms-transition: all 500ms ease;
        -o-transition: all 500ms ease;
        transition: all 500ms ease;
    }

.active .agent-block-two .content-column .inner-column {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
}

.agent-block-two .name {
    position: relative;
    font-size: 24px;
    line-height: 1em;
    color: #333333;
    font-weight: 700;
    margin-bottom: 10px;
}

.agent-block-two .designation {
    display: block;
    font-size: 14px;
    line-height: 30px;
    color: #777777;
    margin-bottom: 20px;
}

.agent-block-two .text {
    position: relative;
    margin-bottom: 30px;
}

.agent-block-two .contact-info {
    position: relative;
    margin-bottom: 35px;
}

    .agent-block-two .contact-info li {
        position: relative;
        display: block;
        padding-right: 30px;
        font-size: 14px;
        line-height: 26px;
        color: #777777;
        font-weight: 400;
        margin-bottom: 10px;
    }

        .agent-block-two .contact-info li .icon {
            position: absolute;
            right: 0;
            top: 0;
            font-size: 14px;
            line-height: 24px;
            color: #8bbc08;
        }

        .agent-block-two .contact-info li a {
            display: inline-block;
            color: #777777;
            -webkit-transition: all 300ms ease;
            -moz-transition: all 300ms ease;
            -ms-transition: all 300ms ease;
            -o-transition: all 300ms ease;
            transition: all 300ms ease;
        }

            .agent-block-two .contact-info li a:hover {
                color: #222222;
            }

.agent-block-two .follow-us {
    position: relative;
    float: right;
}

    .agent-block-two .follow-us li.title {
        position: relative;
        font-size: 14px;
        line-height: 30px;
        color: #222222;
        font-weight: 600;
        margin-left: 25px;
    }

    .agent-block-two .follow-us li {
        position: relative;
        float: right;
        margin-left: 10px;
    }

        .agent-block-two .follow-us li a span {
            position: relative;
            display: block;
            height: 30px;
            width: 30px;
            text-align: center;
            line-height: 28px;
            border: 1px solid #dddddd;
            font-size: 14px;
            -webkit-transition: all 300ms ease;
            -moz-transition: all 300ms ease;
            -ms-transition: all 300ms ease;
            -o-transition: all 300ms ease;
            transition: all 300ms ease;
        }

        .agent-block-two .follow-us li a:hover {
            color: #ffffff;
        }

.agent-block-two .btn-box {
    position: relative;
    float: left;
    margin-top: -20px;
}

    .agent-block-two .btn-box a {
        font-weight: 700;
    }

.agents-section-two .owl-nav {
    position: absolute;
    left: 50%;
    top: 50px;
    margin-left: -145px;
}

.agents-section-two .owl-next,
.agents-section-two .owl-prev {
    position: relative;
    display: inline-block;
    height: 40px;
    width: 90px;
    text-align: center;
    line-height: 38px;
    border: 1px solid #dddddd;
    font-size: 14px;
    color: #0e7490;
    background-color: #ffffff;
    text-transform: uppercase;
    margin-left: 25px;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

    .agents-section-two .owl-next:hover,
    .agents-section-two .owl-prev:hover {
        background-color: #222222;
        color: #ffffff;
        border-color: #222222;
    }

.agents-section-two.alternate {
    background-color: #ffffff;
}

    .agents-section-two.alternate:before {
        display: none;
    }

    .agents-section-two.alternate .agent-block-two .content-column .inner-column {
        margin-left: -70px;
        padding-left: 70px;
    }

    .agents-section-two.alternate .sec-title .devider:before,
    .agents-section-two.alternate .sec-title .devider:after,
    .agents-section-two.alternate .sec-title .devider span {
        border-color: #222222;
    }

/*** 

====================================================================
		Agent Detail
====================================================================

***/

.agent-detail {
    position: relative;
    padding: 120px 0 90px;
}

    .agent-detail .sec-title h2 {
        font-size: 30px;
    }

    .agent-detail .upper-box {
        position: relative;
        margin-bottom: 40px;
    }

        .agent-detail .upper-box .image-column {
            position: relative;
            margin-bottom: 50px;
        }

        .agent-detail .upper-box .info-column {
            position: relative;
        }

            .agent-detail .upper-box .info-column .inner-column {
                position: relative;
            }

            .agent-detail .upper-box .info-column h3 {
                position: relative;
                font-size: 30px;
                line-height: 1em;
                color: #222222;
                font-weight: 600;
                margin-bottom: 25px;
            }

            .agent-detail .upper-box .info-column p {
                position: relative;
                font-size: 15px;
                line-height: 26px;
                color: #666666;
                margin-bottom: 24px;
            }

    .agent-detail .agent-info {
        position: relative;
        width: 100%;
    }

        .agent-detail .agent-info td {
            position: relative;
            font-size: 14px;
            line-height: 30px;
            color: #666666;
            font-weight: 400;
            padding: 15px 25px;
            border: 1px solid #eeeeee;
        }

            .agent-detail .agent-info td strong {
                float: right;
                width: 40%;
                font-weight: 700;
                font-size: 14px;
                color: #333333;
            }

            .agent-detail .agent-info td a {
                color: #666666;
                -webkit-transition: all 300ms ease;
                -moz-transition: all 300ms ease;
                -ms-transition: all 300ms ease;
                -o-transition: all 300ms ease;
                transition: all 300ms ease;
            }

                .agent-detail .agent-info td a:hover {
                    color: #0e7490;
                }

        .agent-detail .agent-info tr:nth-child(even) {
            background-color: #eeeeee;
        }

.agent-form {
    position: relative;
    padding: 35px 35px 15px;
    box-shadow: 0 0 20px rgba(0,0,0,0.10);
}

    .agent-form.style-two {
        border: 1px solid #dddddd;
        box-shadow: none;
    }

    .agent-form h3 {
        font-size: 18px;
        line-height: 1.2em;
        color: #222222;
        font-weight: 700;
        text-transform: uppercase;
        margin-bottom: 25px;
    }

    .agent-form .form-group {
        position: relative;
        margin-bottom: 20px;
    }

        .agent-form .form-group input[type="text"],
        .agent-form .form-group input[type="email"],
        .agent-form .form-group input[type="url"],
        .agent-form .form-group textarea,
        .agent-form .form-group select {
            position: relative;
            display: block;
            width: 100%;
            font-size: 14px;
            color: #666666;
            line-height: 28px;
            padding: 15px 24px;
            border: 1px solid transparent;
            background-color: #f5f5f5;
            font-weight: 400;
            height: 50px;
            -webkit-transition: all 300ms ease;
            -moz-transition: all 300ms ease;
            -ms-transition: all 300ms ease;
            -o-transition: all 300ms ease;
            transition: all 300ms ease;
        }

            .agent-form .form-group input:focus,
            .agent-form .form-group select:focus,
            .agent-form .form-group textarea:focus {
                box-shadow: 0 0 10px rgba(0,0,0,0.10);
            }

        .agent-form .form-group textarea {
            height: 150px;
            resize: none;
        }

        .agent-form .form-group button {
            text-transform: uppercase;
            font-weight: 600;
            width: 100%;
        }

.instalment-widget {
    position: relative;
}

    .instalment-widget h3 {
        font-size: 18px;
        line-height: 1.2em;
        color: #222222;
        font-weight: 700;
        text-transform: uppercase;
        margin-bottom: 25px;
    }

    .instalment-widget .instalment-info {
        position: relative;
    }

        .instalment-widget .instalment-info li {
            position: relative;
            padding: 10px 0;
            padding-right: 75px;
            font-size: 16px;
            line-height: 30px;
            color: #333333;
            font-weight: 400;
            margin-bottom: 20px;
            border: 1px solid #d7d7d7;
        }

            .instalment-widget .instalment-info li .icon {
                position: absolute;
                right: 0;
                top: 0;
                height: 50px;
                width: 50px;
                text-align: center;
                line-height: 50px;
                font-size: 18px;
                color: #222222;
                background-color: #d7d7d7;
            }

    .instalment-widget .btn-box {
        margin-top: 40px;
    }

        .instalment-widget .btn-box a {
            position: relative;
            text-transform: uppercase;
            font-weight: 700;
        }

/*** 

====================================================================
		Pricing Section
====================================================================

***/

.pricing-section {
    position: relative;
    padding: 120px 0 90px;
}

.pricing-table {
    position: relative;
    margin-bottom: 30px;
}

    .pricing-table .inner-box {
        position: relative;
        text-align: center;
        border: 1px solid #eeeeee;
        padding-bottom: 30px;
        box-shadow: 0 0 30px rgba(0,0,0,0.10);
        -webkit-transition: all 300ms ease;
        -moz-transition: all 300ms ease;
        -ms-transition: all 300ms ease;
        -o-transition: all 300ms ease;
        transition: all 300ms ease;
    }

    .pricing-table .title {
        position: relative;
        display: block;
        font-size: 16px;
        line-height: 30px;
        color: #222222;
        font-weight: 600;
        font-family: "IRANSansWeb", sans-serif;
        padding: 8px 15px;
        text-transform: uppercase;
    }

    .pricing-table .price-box {
        position: relative;
        padding: 20px 0;
        background-color: #0e7490;
        -webkit-transition: all 500ms ease;
        -moz-transition: all 500ms ease;
        -ms-transition: all 500ms ease;
        -o-transition: all 500ms ease;
        transition: all 500ms ease;
    }

    .pricing-table .inner-box:hover .price-box {
        background-color: #222222;
    }

    .pricing-table .price {
        position: relative;
        font-size: 54px;
        line-height: 60px;
        color: #ffffff;
        font-weight: 600;
        font-family: "IRANSansWeb", sans-serif;
    }

        .pricing-table .price span {
            position: relative;
            display: inline-block;
            font-size: 36px;
            line-height: 40px;
            color: #ffffff;
            font-weight: 500;
            font-family: "IRANSansWeb", sans-serif;
            margin-right: 5px;
            top: -20px;
            -webkit-transition: all 300ms ease;
            -moz-transition: all 300ms ease;
            -ms-transition: all 300ms ease;
            -o-transition: all 300ms ease;
            transition: all 300ms ease;
        }

        .pricing-table .price sub {
            font-size: 18px;
            font-weight: 600;
            bottom: 0px;
        }

    .pricing-table .table-content {
        position: relative;
        text-align: center;
    }

        .pricing-table .table-content ul {
            position: relative;
            padding-top: 15px;
            margin-bottom: 15px;
        }

            .pricing-table .table-content ul li {
                position: relative;
                font-size: 15px;
                line-height: 30px;
                color: #666666;
                font-weight: 400;
                padding: 10px 15px;
            }

                .pricing-table .table-content ul li:nth-child(even) {
                    background-color: #f8f8f8;
                }

    .pricing-table .table-footer {
        position: relative;
    }

        .pricing-table .table-footer a {
            position: relative;
            font-weight: 700;
        }

/***

==================================================================
		Testimonial Section
==================================================================

***/

.testimonial-section {
    position: relative;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: 120px 0;
}

    .testimonial-section.alternate {
        background-color: #f5f5f5;
    }

.testimonial-carousel {
    position: relative;
}

.testimonial-block {
    position: relative;
}

    .testimonial-block .inner-box {
        position: relative;
        padding-top: 50px;
        padding-right: 240px;
    }

    .testimonial-block .image-box {
        position: absolute;
        right: 0;
        top: 0;
    }

        .testimonial-block .image-box:before {
            position: absolute;
            right: 30px;
            top: 40px;
            height: 100%;
            width: 100%;
            background-color: #ebebeb;
            content: "";
        }

        .testimonial-block .image-box .image {
            position: relative;
            margin: 0;
            width: 170px;
            height: auto;
        }

    .testimonial-block .content-box {
        position: relative;
    }

        .testimonial-block .content-box .designation {
            display: block;
            font-size: 14px;
            line-height: 20px;
            color: #0e7490;
            font-weight: 700;
            margin-bottom: 15px;
        }

        .testimonial-block .content-box .name {
            position: relative;
            font-size: 18px;
            line-height: 1em;
            color: #333333;
            font-weight: 700;
            margin-bottom: 30px;
        }

        .testimonial-block .content-box .text {
            display: block;
            margin-bottom: 15px;
        }

        .testimonial-block .content-box .rating {
            position: relative;
        }

            .testimonial-block .content-box .rating span {
                position: relative;
                display: inline-block;
                font-size: 14px;
                line-height: 20px;
                color: #0e7490;
            }

.testimonial-section .testimonial-carousel {
    direction: ltr;
    position: relative;
    padding-bottom: 60px;
}

.testimonial-section .owl-nav {
    display: none;
}

.testimonial-section .owl-dots {
    position: absolute;
    left: 0;
    bottom: -10px;
    width: 100%;
    text-align: center;
}

.testimonial-section .owl-dot {
    position: relative;
    display: inline-block;
    height: 6px;
    width: 6px;
    background-color: #0e7490;
    margin: 0 4px;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

    .testimonial-section .owl-dot.active {
        width: 30px;
        background-color: #333333;
    }

    .testimonial-section .owl-dot:hover {
        background-color: #333333;
    }

/***

==================================================================
		Testimonial Section Two
==================================================================

***/

.testimonial-section-two {
    position: relative;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: 120px 0;
}

.testimonial-block-two {
    position: relative;
}

    .testimonial-block-two .inner-box {
        position: relative;
        padding-left: 70px;
    }

    .testimonial-block-two .info-box {
        position: relative;
        padding-right: 130px;
        padding-top: 5px;
        margin-bottom: 35px;
    }

    .testimonial-block-two .thumb {
        position: absolute;
        right: 0;
        top: 0;
        width: 100px;
    }

        .testimonial-block-two .thumb img {
            display: block;
            width: 100%;
        }

    .testimonial-block-two .name {
        position: relative;
        font-size: 20px;
        line-height: 1.2em;
        color: #0e7490;
        font-weight: 600;
        margin-bottom: 10px;
    }

    .testimonial-block-two .designation {
        display: block;
        font-size: 16px;
        line-height: 24px;
        color: #666666;
        font-weight: 400;
        margin-bottom: 10px;
    }

    .testimonial-block-two .rating {
        position: relative;
    }

        .testimonial-block-two .rating span {
            position: relative;
            display: inline-block;
            font-size: 16px;
            line-height: 20px;
            color: #fce100;
        }

    .testimonial-block-two .text {
        display: block;
        padding-bottom: 50px;
        border-bottom: 1px solid #dddddd;
        margin-bottom: 20px;
    }

    .testimonial-block-two .icon {
        position: absolute;
        left: 150px;
        bottom: -18px;
        height: 40px;
        width: 40px;
        text-align: center;
        font-size: 20px;
        line-height: 40px;
        color: #777777;
        background-color: #e2e2e2;
        border-radius: 50%;
    }

.testimonial-section-two .testimonial-carousel {
    position: relative;
    padding-bottom: 100px;
}

.testimonial-section-two .owl-nav {
    display: none;
}

.testimonial-section-two .owl-dots {
    position: absolute;
    bottom: -20px;
    left: 0;
    width: 100%;
    text-align: center;
}

.testimonial-section-two .owl-dot {
    position: relative;
    display: inline-block;
    height: 10px;
    width: 10px;
    margin: 0 4px;
    background-color: #e2e2e2;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

    .testimonial-section-two .owl-dot:hover,
    .testimonial-section-two .owl-dot.active {
        background-color: #0e7490;
    }

/*** 

====================================================================
		Call To Action
====================================================================

***/

.call-to-action {
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 120px 0 110px;
}

    .call-to-action:before {
        position: absolute;
        left: 0;
        top: 0;
        height: 100%;
        width: 100%;
        background-color: #000000;
        content: "";
        opacity: 0.85;
    }

    .call-to-action .sec-title {
        margin-bottom: 40px;
    }

        .call-to-action .sec-title .text {
            font-size: 18px;
            margin-top: 0;
            margin-bottom: 30px;
        }

        .call-to-action .sec-title h2 {
            font-size: 48px;
            line-height: 1em;
        }

    .call-to-action .btn-box {
        text-align: center;
    }

        .call-to-action .btn-box a {
            margin: 0 10px 10px;
            text-transform: capitalize;
        }

/*** 

====================================================================
		News Section
====================================================================

***/

.news-section {
    position: relative;
    padding: 120px 0 80px;
}

    .news-section .inner-container {
        position: relative;
        max-width: 1000px;
        margin: 0 auto;
    }

.news-block {
    position: relative;
    padding: 0 15px;
    margin-bottom: 40px;
}

    .news-block .inner-box {
        position: relative;
        padding-bottom: 45px;
        padding-left: 70px;
    }

    .news-block .image-box {
        position: relative;
    }

        .news-block .image-box .image {
            position: relative;
            margin-bottom: 0;
            overflow: hidden;
            background-color: #222222;
        }

            .news-block .image-box .image img {
                display: block;
                width: 100%;
                height: auto;
                -webkit-transition: all 300ms ease;
                -moz-transition: all 300ms ease;
                -ms-transition: all 300ms ease;
                -o-transition: all 300ms ease;
                transition: all 300ms ease;
            }

    .news-block .inner-box:hover .image-box .image img {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1);
        opacity: .7;
    }

    .news-block .lower-content {
        position: absolute;
        bottom: 0;
        right: 60px;
        left: 0px;
        margin-right: 60px;
        margin-top: -45px;
        padding: 30px 30px;
        background-color: #ffffff;
        box-shadow: 0px 0px 15px rgba(0,0,0,0.10);
        -webkit-transition: all 300ms ease;
        -moz-transition: all 300ms ease;
        -ms-transition: all 300ms ease;
        -o-transition: all 300ms ease;
        transition: all 300ms ease;
        z-index: 9;
    }

    .news-block .inner-box:hover .lower-content {
        background-color: #333333;
    }

    .news-block .lower-content .post-date {
        position: relative;
        display: block;
        font-size: 16px;
        line-height: 1.2em;
        color: #666666;
        font-weight: 500;
        margin-bottom: 10px;
        -webkit-transition: all 300ms ease;
        -moz-transition: all 300ms ease;
        -ms-transition: all 300ms ease;
        -o-transition: all 300ms ease;
        transition: all 300ms ease;
    }

    .news-block .inner-box:hover .post-date {
        color: #ffffff;
    }

    .news-block .lower-content h3 {
        position: relative;
        display: block;
        font-size: 24px;
        line-height: 36px;
        color: #333333;
        font-weight: 700;
    }

        .news-block .lower-content h3 a {
            color: #333333;
            -webkit-transition: all 300ms ease;
            -moz-transition: all 300ms ease;
            -ms-transition: all 300ms ease;
            -o-transition: all 300ms ease;
            transition: all 300ms ease;
        }

    .news-block .inner-box:hover .lower-content h3 a {
        color: #ffffff;
    }

.news-section .owl-nav {
    position: absolute;
    left: 0;
    top: 175px;
    width: 100%;
}

.news-section .owl-next,
.news-section .owl-prev {
    position: absolute;
    left: -70px;
    top: 0;
    height: 40px;
    width: 40px;
    border: 1px solid #333333;
    background-color: #ffffff;
    color: #333333;
    font-size: 16px;
    line-height: 38px;
    border-radius: 50%;
    text-align: center;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.news-section .owl-next {
    left: auto;
    right: -70px;
}

    .news-section .owl-next:hover,
    .news-section .owl-prev:hover {
        background-color: #0e7490;
        color: #ffffff;
    }

/*** 

====================================================================
		News Section Two
====================================================================

***/

.news-section-two {
    position: relative;
    padding: 120px 0 90px;
}

.news-block-two {
    position: relative;
    margin-bottom: 30px;
}

    .news-block-two .inner-box {
        position: relative;
        -webkit-transition: all 300ms ease;
        -moz-transition: all 300ms ease;
        -ms-transition: all 300ms ease;
        -o-transition: all 300ms ease;
        transition: all 300ms ease;
    }

        .news-block-two .inner-box:hover {
            box-shadow: 0 0 20px rgba(0,0,0,0.10);
        }

    .news-block-two .image-box {
        position: relative;
    }

        .news-block-two .image-box .overlay-box {
            position: absolute;
            left: 0;
            top: 0;
            height: 100%;
            width: 100%;
            background-color: rgba(0,0,0,0.50);
            opacity: 0;
            visibility: hidden;
            -webkit-transform: scale(.5);
            -moz-transform: scale(.5);
            -ms-transform: scale(.5);
            -o-transform: scale(.5);
            transform: scale(.5);
            -webkit-transition: all 300ms ease;
            -moz-transition: all 300ms ease;
            -ms-transition: all 300ms ease;
            -o-transition: all 300ms ease;
            transition: all 300ms ease;
        }

            .news-block-two .image-box .overlay-box a {
                position: absolute;
                left: 50%;
                top: 50%;
                height: 40px;
                width: 40px;
                background-color: #0e7490;
                text-align: center;
                line-height: 40px;
                font-size: 16px;
                margin-top: -20px;
                margin-left: -20px;
                color: #ffffff;
            }

    .news-block-two .inner-box:hover .image-box .overlay-box {
        opacity: 1;
        visibility: visible;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }

    .news-block-two .image-box .image {
        position: relative;
        margin-bottom: 0;
        overflow: hidden;
    }

        .news-block-two .image-box .image img {
            display: block;
            width: 100%;
            height: auto;
            -webkit-transition: all 300ms ease;
            -moz-transition: all 300ms ease;
            -ms-transition: all 300ms ease;
            -o-transition: all 300ms ease;
            transition: all 300ms ease;
        }

    .news-block-two .inner-box:hover .image-box .image a img {
        -webkit-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -ms-transform: scale(1.2);
        -o-transform: scale(1.2);
        transform: scale(1.2);
    }

    .news-block-two .lower-content {
        position: relative;
        padding: 20px 20px 10px;
        border: 1px solid #dddddd;
        z-index: 9;
    }

        .news-block-two .lower-content h3 {
            position: relative;
            display: block;
            font-size: 20px;
            line-height: 1.3em;
            color: #333333;
            font-weight: 600;
            margin-bottom: 10px;
        }

            .news-block-two .lower-content h3 a {
                color: #333333;
                -webkit-transition: all 300ms ease;
                -moz-transition: all 300ms ease;
                -ms-transition: all 300ms ease;
                -o-transition: all 300ms ease;
                transition: all 300ms ease;
            }

                .news-block-two .lower-content h3 a:hover {
                    color: #0e7490;
                }

        .news-block-two .lower-content .post-info {
            position: relative;
        }

            .news-block-two .lower-content .post-info:after {
                content: "";
                display: table;
                clear: both;
            }

            .news-block-two .lower-content .post-info li {
                position: relative;
                float: right;
                padding-left: 15px;
                margin-left: 15px;
                font-size: 16px;
                line-height: 30px;
                color: #666666;
                font-weight: 400;
                margin-bottom: 10px;
                -webkit-transition: all 300ms ease;
                -moz-transition: all 300ms ease;
                -ms-transition: all 300ms ease;
                -o-transition: all 300ms ease;
                transition: all 300ms ease;
            }

                .news-block-two .lower-content .post-info li:before {
                    position: absolute;
                    left: 0;
                    top: 0;
                    font-size: 16px;
                    line-height: 30px;
                    color: #666666;
                    font-weight: 400;
                    content: "|";
                }

                .news-block-two .lower-content .post-info li:last-child:before {
                    display: none;
                }

/*** 

====================================================================
		Blog Sidebar
====================================================================

***/

.blog-sidebar {
    position: relative;
}

    .blog-sidebar .news-block-two {
        margin-bottom: 50px;
    }

        .blog-sidebar .news-block-two .lower-content {
            padding-top: 35px;
            padding-bottom: 30px;
            border-bottom: 1px solid #bbbbbb;
        }

            .blog-sidebar .news-block-two .lower-content h3 {
                font-size: 24px;
            }

.news-block-two .lower-content .post-info {
    margin-bottom: 5px;
}

/*** 

====================================================================
		Blog Detail
====================================================================

***/

.blog-detail {
    position: relative;
}

    .blog-detail .news-block-two {
        margin-bottom: 20px;
    }

        .blog-detail .news-block-two .inner-box:hover {
            box-shadow: none;
        }

        .blog-detail .news-block-two .lower-content {
            padding: 0;
            padding-top: 35px;
            padding-bottom: 0px;
            border: 0;
        }

            .blog-detail .news-block-two .lower-content h3 {
                font-size: 24px;
            }

            .blog-detail .news-block-two .lower-content .post-info {
                margin-bottom: 5px;
            }

    .blog-detail h4 {
        position: relative;
        display: block;
        font-size: 20px;
        line-height: 1.2em;
        color: #333333;
        font-weight: 600;
        margin-bottom: 20px;
    }

    .blog-detail p {
        position: relative;
        display: block;
        font-size: 15px;
        line-height: 28px;
        color: #777777;
        font-weight: 400;
        margin-bottom: 28px;
    }

    .blog-detail blockquote {
        position: relative;
        display: block;
        font-size: 15px;
        line-height: 28px;
        color: #1a1d1f;
        font-weight: 700;
        margin-right: 40px;
        padding-right: 25px;
        border-right: 2px solid #0e7490;
        margin-bottom: 45px;
    }

    .blog-detail .lower-content h4 {
        font-size: 20px;
    }

    .blog-detail .two-column {
        position: relative;
        margin-bottom: 10px;
    }

        .blog-detail .two-column .text-column,
        .blog-detail .two-column .image-column {
            margin-bottom: 28px;
        }

            .blog-detail .two-column .image-column .image {
                margin-bottom: 0;
            }

                .blog-detail .two-column .image-column .image img {
                    display: block;
                    width: 100%;
                    height: auto;
                }

        .blog-detail .two-column .text-column {
            padding-top: 20px;
        }

    /*post share options*/

    .blog-detail .post-share-options {
        position: relative;
        padding: 25px 0;
        border-top: 1px solid #dddddd;
        margin-bottom: 25px;
    }

        .blog-detail .post-share-options .icon {
            position: relative;
            float: right;
            margin-left: 30px;
            font-size: 20px;
            color: #1a1d1f;
            line-height: 30px;
        }

        .blog-detail .post-share-options .tags {
            position: relative;
            float: left;
        }

            .blog-detail .post-share-options .tags li {
                position: relative;
                display: inline-block;
            }

            .blog-detail .post-share-options .tags a {
                position: relative;
                font-size: 16px;
                font-weight: 400;
                line-height: 30px;
                color: #666666;
                -webkit-transition: all 300ms ease;
                -moz-transition: all 300ms ease;
                -ms-transition: all 300ms ease;
                -o-transition: all 300ms ease;
                transition: all 300ms ease;
            }

                .blog-detail .post-share-options .tags a:hover {
                    color: #0e7490;
                }

        .blog-detail .post-share-options .social-icon {
            position: relative;
            float: left;
        }

            .blog-detail .post-share-options .social-icon li {
                position: relative;
                float: left;
                margin-left: 15px;
            }

                .blog-detail .post-share-options .social-icon li:first-child {
                    margin-left: 0;
                }

                .blog-detail .post-share-options .social-icon li a i {
                    position: relative;
                    display: block;
                    font-size: 14px;
                    line-height: 28px;
                    width: 30px;
                    height: 30px;
                    border: 1px solid #eeeeee;
                    text-align: center;
                    -webkit-transition: all 300ms ease;
                    -moz-transition: all 300ms ease;
                    -ms-transition: all 300ms ease;
                    -o-transition: all 300ms ease;
                    transition: all 300ms ease;
                }

                .blog-detail .post-share-options .social-icon li a:hover i {
                    color: #ffffff;
                }

/* post-controls */

.blog-post-controls {
    position: relative;
    text-align: left;
    padding: 40px 40px;
    border: 1px solid #dddddd;
    margin-bottom: 50px;
}

    .blog-post-controls .inner {
        position: relative;
    }

    .blog-post-controls:before {
        position: absolute;
        left: 50%;
        top: 0;
        height: 100%;
        border-right: 1px solid #dddddd;
        content: "";
    }

    .blog-post-controls .thumb {
        position: absolute;
        left: 0;
        top: 0;
    }

    .blog-post-controls .title {
        position: relative;
        display: block;
        font-size: 14px;
        line-height: 24px;
        color: #777777;
        font-weight: 400;
    }

    .blog-post-controls h5 {
        position: relative;
        display: inline-block;
        font-size: 16px;
        line-height: 24px;
        color: #222222;
        font-weight: 700;
        max-width: 230px;
    }

        .blog-post-controls h5 a {
            display: inline-block;
            color: #222222;
            -webkit-transition: all 300ms ease;
            -moz-transition: all 300ms ease;
            -ms-transition: all 300ms ease;
            -o-transition: all 300ms ease;
            transition: all 300ms ease;
        }

            .blog-post-controls h5 a:hover {
                color: #0e7490;
            }

    .blog-post-controls .prev-post {
        position: relative;
        float: left;
        width: 50%;
        padding-left: 100px;
        padding-right: 70px;
    }

    .blog-post-controls .next-post {
        position: relative;
        float: right;
        width: 50%;
        text-align: right;
        padding-right: 100px;
        padding-left: 70px;
    }

        .blog-post-controls .next-post .thumb {
            left: auto;
            right: 0;
        }

/*** 

====================================================================
		Contact Page Section
====================================================================

***/

.contact-page-section {
    position: relative;
    padding: 120px 0;
}

    .contact-page-section .outer-box {
        position: relative;
        padding: 70px 0 50px;
    }

        .contact-page-section .outer-box:before {
            position: absolute;
            right: 100px;
            top: 0;
            left: 0;
            height: 100%;
            box-shadow: 0 0 21px rgba(0,0,0,0.18);
            content: "";
        }

    .contact-page-section .contact-column {
        position: relative;
    }

        .contact-page-section .contact-column .inner-column {
            position: relative;
            background-color: #0e7490;
            padding: 45px 35px;
            margin-right: -30px;
        }

        .contact-page-section .contact-column h2 {
            position: relative;
            display: block;
            font-size: 36px;
            line-height: 1em;
            color: #ffffff;
            font-weight: 700;
            margin-bottom: 50px;
        }

    .contact-page-section .contact-info {
        position: relative;
    }

        .contact-page-section .contact-info li {
            position: relative;
            padding-right: 45px;
            margin-bottom: 35px;
        }

            .contact-page-section .contact-info li p {
                font-size: 18px;
                line-height: 36px;
                color: #ffffff;
                font-weight: 400;
            }

                .contact-page-section .contact-info li p a {
                    color: #ffffff;
                }

                    .contact-page-section .contact-info li p a:hover {
                        color: #ffffff;
                        text-decoration: underline;
                    }

            .contact-page-section .contact-info li .icon {
                position: absolute;
                right: 0;
                top: 0px;
                font-size: 18px;
                line-height: 36px;
                color: #222222;
            }

            .contact-page-section .contact-info li a {
                color: #ffffff;
                -webkit-transition: all 300ms ease;
                -moz-transition: all 300ms ease;
                -ms-transition: all 300ms ease;
                -o-transition: all 300ms ease;
                transition: all 300ms ease;
            }

                .contact-page-section .contact-info li a:hover {
                    color: #222222;
                }

    .contact-page-section .form-column {
        position: relative;
    }

        .contact-page-section .form-column .inner-column {
            position: relative;
            padding: 0 100px;
        }

        .contact-page-section .form-column .title {
            position: relative;
            margin-bottom: 50px;
        }

            .contact-page-section .form-column .title h2 {
                position: relative;
                display: block;
                font-size: 36px;
                line-height: 1em;
                color: #0e7490;
                font-weight: 700;
                margin-bottom: 10px;
            }

            .contact-page-section .form-column .title .text {
                font-size: 20px;
                line-height: 1.2em;
                color: #777777;
                font-weight: 600;
            }

.contact-form {
    position: relative;
}

    .contact-form .row {
        margin: 0 -10px;
    }

    .contact-form .form-group {
        position: relative;
        padding: 0 10px;
        margin-bottom: 20px;
    }

        .contact-form .form-group input[type="text"],
        .contact-form .form-group input[type="email"],
        .contact-form .form-group input[type="url"],
        .contact-form .form-group textarea,
        .contact-form .form-group select {
            position: relative;
            display: block;
            width: 100%;
            font-size: 14px;
            color: #777777;
            line-height: 28px;
            padding: 15px 20px;
            border: 1px solid transparent;
            background-color: #f5f5f5;
            font-weight: 400;
            height: 50px;
            -webkit-transition: all 300ms ease;
            -moz-transition: all 300ms ease;
            -ms-transition: all 300ms ease;
            -o-transition: all 300ms ease;
            transition: all 300ms ease;
        }

            .contact-form .form-group input:focus,
            .contact-form .form-group select:focus,
            .contact-form .form-group textarea:focus {
                box-shadow: 0 0 10px rgba(0,0,0,0.10);
            }

        .contact-form .form-group textarea {
            height: 185px;
            resize: none;
        }

        .contact-form .form-group button {
            margin-top: 10px;
            text-transform: capitalize;
            font-size: 18px;
        }

    .contact-form input.error:focus,
    .contact-form select.error:focus,
    .contact-form textarea.error:focus {
        border-color: #ff0000;
    }

    .contact-form label.error {
        display: block;
        font-weight: 500;
        font-size: 13px;
        text-transform: capitalize;
        line-height: 24px;
        color: #ff0000;
        padding-top: 7px;
    }

.social-icon-four {
    position: relative;
}

    .social-icon-four li {
        position: relative;
        display: inline-block;
        margin-left: 15px;
    }

        .social-icon-four li:first-child {
            margin-left: 0;
        }

        .social-icon-four li.title {
            position: relative;
            font-size: 20px;
            line-height: 30px;
            color: #ffffff;
            font-weight: 500;
            font-family: "IRANSansWeb", sans-serif;
            margin-left: 20px;
        }

        .social-icon-four li a {
            position: relative;
            display: block;
            font-size: 20px;
            line-height: 30px;
            color: #ffffff;
            -webkit-transition: all 300ms ease;
            -moz-transition: all 300ms ease;
            -ms-transition: all 300ms ease;
            -o-transition: all 300ms ease;
            transition: all 300ms ease;
        }

            .social-icon-four li a:hover {
                color: #222222;
            }

/*** 

====================================================================
		Map Section
====================================================================

***/

.map-section {
    position: relative;
    display: block;
    padding-bottom: 120px;
}

.map-area {
    position: relative;
}

.map-data {
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.8em;
}

    .map-data a {
        display: block;
    }

    .map-data h6 {
        font-size: 16px;
        font-weight: 700;
        text-align: center;
        margin-bottom: 5px;
        color: #121212;
    }

.map-canvas {
    height: 590px;
    background-color: #a3ccff;
}

/*** 

====================================================================
		Clients Section
====================================================================

***/

.clients-section {
    position: relative;
    padding: 80px 0;
    background-color: #fafafa;
}

    .clients-section .sponsors-outer {
        direction: ltr;
        position: relative;
    }

        .clients-section .sponsors-outer .owl-dots,
        .clients-section .sponsors-outer .owl-nav {
            display: none;
        }

        .clients-section .sponsors-outer .image-box {
            position: relative;
            text-align: center;
            margin-bottom: 0;
            -webkit-transition: all 300ms ease;
            -ms-transition: all 300ms ease;
            -o-transition: all 300ms ease;
            -moz-transition: all 300ms ease;
            transition: all 300ms ease;
        }

            .clients-section .sponsors-outer .image-box img {
                max-width: 100%;
                width: auto;
                display: inline-block;
                opacity: 1;
                -webkit-transition: all 300ms ease;
                -moz-transition: all 300ms ease;
                -ms-transition: all 300ms ease;
                -o-transition: all 300ms ease;
                transition: all 300ms ease;
            }

            .clients-section .sponsors-outer .image-box:hover img {
                opacity: .70;
            }

/***

==================================================================
				Main Footer
==================================================================

***/

.main-footer {
    position: relative;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: 120px 0 0;
}

    .main-footer:before {
        position: absolute;
        left: 0;
        top: 0;
        height: 100%;
        width: 100%;
        background: #000000;
        opacity: 0.70;
        content: "";
    }

    .main-footer .upper-box {
        position: relative;
    }

    .main-footer .upper-column {
        position: relative;
        margin-bottom: 60px;
    }

        .main-footer .upper-column h2 {
            position: relative;
            font-size: 24px;
            color: #ffffff;
            font-weight: 700;
            text-transform: uppercase;
        }

    .main-footer .footer-logo {
        position: relative;
    }

        .main-footer .footer-logo .image {
            position: relative;
            margin-bottom: 0;
        }

            .main-footer .footer-logo .image a {
                position: relative;
                display: block;
            }

            .main-footer .footer-logo .image img {
                display: inline-block;
                max-width: 100%;
                height: 60px;
            }

    /*=== Subscribe Form ===*/

    .main-footer .subscribe-form {
        position: relative;
    }

        .main-footer .subscribe-form .form-group {
            position: relative;
            margin: 0px;
            padding-left: 160px;
        }

            .main-footer .subscribe-form .form-group input[type="text"],
            .main-footer .subscribe-form .form-group input[type="email"] {
                position: relative;
                display: block;
                font-size: 14px;
                color: #666666;
                line-height: 20px;
                padding: 15px 20px;
                height: 50px;
                width: 100%;
                border: 1px solid transparent;
                background-color: #ffffff;
                -webkit-transition: all 500ms ease;
                -moz-transition: all 500ms ease;
                -ms-transition: all 500ms ease;
                -o-transition: all 500ms ease;
                transition: all 500ms ease;
            }

::-webkit-input-placeholder {
    color: #666666;
}

::-moz-input-placeholder {
    color: #666666;
}

::-ms-input-placeholder {
    color: #666666;
}

.main-footer .subscribe-form .form-group input:focus {
    border-color: #0e7490;
}

.main-footer .subscribe-form .form-group input[type="submit"],
.main-footer .subscribe-form .form-group button {
    position: absolute;
    left: 0;
    top: 0;
    min-width: 160px;
}

/*=== Social Icon Two ===*/

.main-footer .upper-box .social-links {
    position: relative;
}

.social-icon-two {
    position: relative;
    display: block;
    text-align: right;
    padding-top: 10px;
}

    .social-icon-two li {
        position: relative;
        display: inline-block;
        margin-left: 25px;
    }

        .social-icon-two li:first-child {
            margin-left: 0;
        }

        .social-icon-two li a span {
            position: relative;
            display: block;
            font-size: 24px;
            line-height: 30px;
            color: #ffffff;
            -webkit-transition: all 300ms ease;
            -moz-transition: all 300ms ease;
            -ms-transition: all 300ms ease;
            -o-transition: all 300ms ease;
            transition: all 300ms ease;
        }

        .social-icon-two li a:hover span {
            color: #0e7490;
        }

/*=== Widgets Section ===*/

.main-footer .widgets-section {
    position: relative;
    padding: 95px 0 40px;
    border-top: 1px solid #666666;
}

.main-footer .footer-column {
    position: relative;
}

.main-footer .footer-widget {
    position: relative;
    margin-bottom: 40px;
}

.main-footer .footer-column .widget-title {
    position: relative;
    font-size: 18px;
    font-weight: 600;
    color: #ffffff;
    line-height: 24px;
    margin-bottom: 36px;
    padding-bottom: 20px;
}

    .main-footer .footer-column .widget-title:before {
        position: absolute;
        right: 0;
        bottom: 0;
        height: 1px;
        width: 60px;
        background-color: #ffffff;
        content: "";
    }

    .main-footer .footer-column .widget-title:after {
        position: absolute;
        right: 0;
        bottom: 0;
        height: 2px;
        width: 20px;
        background-color: #0e7490;
        content: "";
    }

/*=== Contact Widget ===*/

.contact-widget {
    position: relative;
}

.main-footer .contact-list {
    position: relative;
    margin-bottom: 30px;
}

    .main-footer .contact-list li {
        position: relative;
        font-size: 14px;
        line-height: 36px;
        color: #ffffff;
        font-weight: 400;
        padding-right: 30px;
    }

        .main-footer .contact-list li:first-child {
            margin-bottom: 30px;
        }

        .main-footer .contact-list li span {
            position: absolute;
            right: 0;
            top: 0;
            font-size: 14px;
            line-height: 36px;
            color: #0e7490;
        }

        .main-footer .contact-list li a {
            color: #ffffff;
            -webkit-transition: all 200ms ease;
            -moz-transition: all 200ms ease;
            -ms-transition: all 200ms ease;
            -o-transition: all 200ms ease;
            transition: all 200ms ease;
        }

            .main-footer .contact-list li a:hover {
                color: #0e7490;
            }

/*=== Cities Widget ===*/

.main-footer .cities-widget {
    position: relative;
}

    .main-footer .cities-widget .list li {
        float: right;
        width: 50%;
    }

.main-footer .list {
    position: relative;
}

    .main-footer .list li {
        position: relative;
        display: block;
        padding-left: 10px;
        font-size: 14px;
        line-height: 36px;
        color: #ffffff;
        font-weight: 400;
        padding-right: 20px;
    }

        .main-footer .list li:before {
            position: absolute;
            right: -3px;
            top: 0;
            font-size: 16px;
            line-height: 36px;
            color: #0e7490;
            font-weight: 900;
            content: "\f104";
            font-family: "Font Awesome 5 Free";
        }

        .main-footer .list li a {
            display: block;
            color: #ffffff;
            -webkit-transition: all 200ms ease;
            -moz-transition: all 200ms ease;
            -ms-transition: all 200ms ease;
            -o-transition: all 200ms ease;
            transition: all 200ms ease;
        }

            .main-footer .list li a:hover {
                color: #0e7490;
            }

/*=== Popular Posts ===*/

.popular-posts {
    position: relative;
}

    .popular-posts .post {
        position: relative;
        min-height: 70px;
        padding-right: 130px;
        margin-bottom: 15px;
    }

        .popular-posts .post:last-child {
            margin-bottom: 0;
        }

        .popular-posts .post .thumb {
            position: absolute;
            right: 0;
            top: 0;
            height: 70px;
            width: 100px;
            overflow: hidden;
        }

            .popular-posts .post .thumb a {
                display: block;
            }

            .popular-posts .post .thumb img {
                display: block;
                width: 100%;
                height: auto;
            }

        .popular-posts .post h4 {
            position: relative;
            font-size: 16px;
            color: #ffffff;
            line-height: 24px;
            font-weight: 600;
            margin-bottom: 3px;
        }

            .popular-posts .post h4 a {
                color: #ffffff;
                -webkit-transition: all 300ms ease;
                -moz-transition: all 300ms ease;
                -ms-transition: all 300ms ease;
                -o-transition: all 300ms ease;
                transition: all 300ms ease;
            }

                .popular-posts .post h4 a:hover {
                    color: #0e7490;
                }

        .popular-posts .post .date {
            position: relative;
            display: block;
            font-size: 14px;
            line-height: 24px;
            color: #bbbbbb;
        }

/*=== Footer Bottom ===*/

.main-footer .footer-bottom {
    position: relative;
}

    .main-footer .footer-bottom .inner-container {
        position: relative;
        border-top: 1px solid #666666;
    }

    .main-footer .footer-bottom .copyright-text {
        position: relative;
        float: right;
        padding: 35px 0;
    }

        .main-footer .footer-bottom .copyright-text p {
            position: relative;
            line-height: 30px;
            font-size: 14px;
            color: #ffffff;
            font-weight: 400;
        }

        .main-footer .footer-bottom .copyright-text a {
            color: #ffffff;
            -webkit-transition: all 300ms ease;
            -moz-transition: all 300ms ease;
            -ms-transition: all 300ms ease;
            -o-transition: all 300ms ease;
            transition: all 300ms ease;
        }

            .main-footer .footer-bottom .copyright-text a:hover {
                text-decoration: underline;
            }

    .main-footer .footer-bottom .footer-nav {
        position: relative;
        float: left;
    }

        .main-footer .footer-bottom .footer-nav ul {
            position: relative;
            padding: 40px 0;
        }

            .main-footer .footer-bottom .footer-nav ul li {
                position: relative;
                float: right;
                margin-right: 40px;
            }

                .main-footer .footer-bottom .footer-nav ul li:first-child {
                    margin-right: 0px;
                }

                .main-footer .footer-bottom .footer-nav ul li a {
                    position: relative;
                    display: block;
                    font-size: 14px;
                    line-height: 25px;
                    color: #ffffff;
                    font-weight: 400;
                    -webkit-transition: all 300ms ease;
                    -moz-transition: all 300ms ease;
                    -ms-transition: all 300ms ease;
                    -o-transition: all 300ms ease;
                    transition: all 300ms ease;
                }

                    .main-footer .footer-bottom .footer-nav ul li a:hover {
                        color: #0e7490;
                    }

.main-footer.style-two {
    padding-top: 0;
}

    .main-footer.style-two .widgets-section {
        border-top: 0;
    }

    .main-footer.style-two .subscribe-form .text {
        position: relative;
        display: block;
        font-size: 14px;
        line-height: 24px;
        color: #dddddd;
        font-weight: 400;
        margin-bottom: 20px;
    }

    .main-footer.style-two .subscribe-form .form-group {
        padding-right: 0;
    }

        .main-footer.style-two .subscribe-form .form-group input[type="text"],
        .main-footer.style-two .subscribe-form .form-group input[type="email"] {
            display: block;
            width: 100%;
            height: 45px;
            line-height: 25px;
            padding: 10px 20px;
        }

        .main-footer.style-two .subscribe-form .form-group input[type="submit"],
        .main-footer.style-two .subscribe-form .form-group button {
            position: relative;
            display: inline-block;
            left: 0;
            top: 0;
            margin-top: 12px;
            padding: 10px 35px;
            line-height: 23px;
            min-width: auto;
        }

    .main-footer.style-two .footer-bottom {
        background-color: #252525 !important;
    }

        .main-footer.style-two .footer-bottom .inner-container {
            border-top: 0;
        }

        .main-footer.style-two .footer-bottom .copyright-text {
            padding: 15px 0;
        }

        .main-footer.style-two .footer-bottom .footer-nav ul {
            padding: 17px 0;
        }

/***

==================================================================
			Sidebar Page Container
==================================================================

***/

.sidebar-page-container {
    position: relative;
    padding: 120px 0 70px;
}

    .sidebar-page-container .sidebar-side,
    .sidebar-page-container .content-side {
        position: relative;
        margin-bottom: 50px;
    }

    .sidebar-page-container.left-sidebar .content-side {
        order: 12;
    }

.sidebar-widget {
    position: relative;
    background-color: #ffffff;
    margin-bottom: 60px;
}

.sidebar-side .sidebar-widget:last-child {
    margin-bottom: 0;
}

.sidebar-page-container .sidebar-title {
    position: relative;
    background-color: #f5f5f5;
    padding: 15px 35px;
}

    .sidebar-page-container .sidebar-title h2 {
        position: relative;
        display: block;
        font-size: 18px;
        line-height: 30px;
        color: #222222;
        font-weight: 600;
    }

.sidebar .property-search-form .form-group {
    margin-bottom: 20px;
}

/* Sort By */
.sidebar .sort-by {
    position: relative;
    box-shadow: none;
}

    .sidebar .sort-by .ui-selectmenu-button.ui-button {
        position: relative;
        display: block;
        width: 100%;
        height: 60px;
        font-size: 16px;
        color: #777777;
        line-height: 30px;
        font-weight: 400;
        padding: 14px 25px;
        background: #ffffff;
        border: 1px solid #cccccc;
        -webkit-transition: all 300ms ease;
        -ms-transition: all 300ms ease;
        -o-transition: all 300ms ease;
        -moz-transition: all 300ms ease;
        transition: all 300ms ease;
    }

    .sidebar .sort-by .ui-button .ui-icon {
        background: none;
        position: absolute;
        top: 0px;
        left: 0px;
        text-indent: 0px;
        color: #dddddd;
        height: 60px;
        width: 60px;
    }

        .sidebar .sort-by .ui-button .ui-icon:before {
            font-family: 'Font Awesome 5 Free';
            content: "\f107";
            font-weight: 900;
            position: absolute;
            right: 0px;
            top: 0;
            height: 60px;
            width: 60px;
            line-height: 58px;
            display: block;
            color: #1a1d1f;
            font-size: 12px;
            text-align: center;
            z-index: 5;
        }

/*=== Social Links Widget ===*/
.sidebar .social-links-widget {
    position: relative;
}

    .sidebar .social-links-widget .widget-content {
        padding: 30px 30px 20px;
        border: 1px solid #dddddd;
    }

.social-icon-three {
    position: relative;
    display: block;
}

    .social-icon-three li {
        position: relative;
        display: inline-block;
        margin-left: 5px;
        margin-bottom: 8px;
    }

        .social-icon-three li:last-child {
            margin-left: 0;
        }

        .social-icon-three li a span {
            position: relative;
            display: block;
            font-size: 20px;
            line-height: 48px;
            height: 50px;
            width: 50px;
            text-align: center;
            border: 1px solid #eeeeee;
            -webkit-transition: all 300ms ease;
            -moz-transition: all 300ms ease;
            -ms-transition: all 300ms ease;
            -o-transition: all 300ms ease;
            transition: all 300ms ease;
        }

/*=== Search Properties ===*/
.sidebar .search-properties {
    position: relative;
}

.sidebar .property-search-form.style-four form {
    padding: 30px 30px 10px;
    border: 1px solid #dddddd;
}

.property-search-form.style-four .ui-selectmenu-button.ui-button,
.property-search-form.style-four .form-group input,
.property-search-form.style-four .form-group select,
.property-search-form.style-four .form-group textarea {
    border: 1px solid #dddddd;
    font-size: 14px;
    line-height: 28px;
    color: #666666;
    font-weight: 500;
    padding: 10px 30px;
    height: 50px;
}

.property-search-form.style-four .ui-button .ui-icon:before {
    content: "\f107";
    height: 50px;
    width: 50px;
    line-height: 50px;
    color: #0e7490;
}

.property-search-form.style-four .range-slider-one label {
    position: relative;
    display: block;
    font-size: 16px;
    line-height: 1.2em;
    color: #777777;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 25px;
}

.property-search-form.style-four .range-slider-one {
    position: relative;
}

    .property-search-form.style-four .range-slider-one .title {
        float: right;
        color: #777777;
        font-size: 14px;
        font-weight: 400;
    }

    .property-search-form.style-four .range-slider-one .input {
        position: relative;
        float: left;
        max-height: 80px;
    }

        .property-search-form.style-four .range-slider-one .input input {
            background: none;
            color: #777777;
            font-size: 14px;
            font-weight: 400;
            width: auto;
            text-align: left;
            border: 0;
            padding: 0;
            height: auto;
        }

    .property-search-form.style-four .range-slider-one .ui-widget.ui-widget-content {
        height: 3px;
        border: none;
        margin-top: 20px;
        margin-bottom: 10px;
        background: #cfcfcf;
    }

    .property-search-form.style-four .range-slider-one .ui-slider .ui-slider-range {
        top: 0px;
        height: 4px;
        background: #0e7490;
    }

    .property-search-form.style-four .range-slider-one .ui-state-default,
    .property-search-form.style-four .range-slider-one .ui-widget-content .ui-state-default {
        top: -6px;
        width: 16px;
        height: 16px;
        z-index: 99;
        background: #222222;
        border: 2px solid #222222;
        cursor: pointer;
        border-radius: 10px;
    }

.property-search-form .form-group input[type="submit"],
.property-search-form .form-group button {
    font-size: 16px;
    font-weight: 600;
}

/*=== Agent Widget ===*/

.agent-widget {
    position: relative;
}

    .agent-widget .widget-content {
        position: relative;
        padding: 25px 25px;
    }

    .agent-widget .image-box {
        position: relative;
    }

        .agent-widget .image-box .image {
            position: relative;
            margin-bottom: 0;
            background-color: #f5f5f5;
        }

            .agent-widget .image-box .image img {
                display: block;
                width: 100%;
                height: auto;
            }

    .agent-widget .info-box {
        position: relative;
        padding: 35px 0 0;
    }

        .agent-widget .info-box .name {
            position: relative;
            display: block;
            font-size: 24px;
            line-height: 1em;
            color: #222222;
            font-weight: 700;
        }

        .agent-widget .info-box .designation {
            position: relative;
            display: block;
            font-size: 15px;
            line-height: 24px;
            color: #0e7490;
            font-weight: 400;
            margin-bottom: 20px;
        }

    .agent-widget .contact-info {
        position: relative;
        display: block;
    }

        .agent-widget .contact-info li {
            position: relative;
            display: block;
            font-size: 14px;
            line-height: 26px;
            margin-bottom: 10px;
        }

            .agent-widget .contact-info li strong {
                position: relative;
                float: left;
                min-width: 85px;
                font-weight: 700;
                color: #222222;
            }

    .agent-widget .follow-us {
        position: relative;
        margin-bottom: 30px;
    }

    .agent-widget .social-links li.link {
        position: relative;
        font-size: 14px;
        line-height: 26px;
        color: #222222;
        font-weight: 700;
        min-width: 85px;
    }

    .agent-widget .social-links li {
        position: relative;
        display: inline-block;
        font-size: 18px;
        line-height: 24px;
        color: #0e7490;
        margin-right: 10px;
    }

        .agent-widget .social-links li a {
            color: #0e7490;
            -webkit-transition: all 300ms ease;
            -moz-transition: all 300ms ease;
            -ms-transition: all 300ms ease;
            -o-transition: all 300ms ease;
            transition: all 300ms ease;
        }

            .agent-widget .social-links li a:hover {
                color: #222222;
            }

    .agent-widget .btn-box {
        position: relative;
    }

        .agent-widget .btn-box a {
            display: block;
            width: 100%;
            text-align: center;
            margin-bottom: 10px;
        }

/*=== Agent Form Widget ===*/

.agent-from-widget {
    position: relative;
}

    .agent-from-widget .widget-content {
        position: relative;
        padding: 30px 30px;
    }

    .agent-from-widget .form-group {
        position: relative;
        margin-bottom: 20px;
    }

        .agent-from-widget .form-group:last-child {
            margin-bottom: 0;
        }

    .agent-from-widget input[type="text"],
    .agent-from-widget input[type="email"],
    .agent-from-widget input[type="password"],
    .agent-from-widget input[type="url"],
    .agent-from-widget input[type="tel"],
    .agent-from-widget select,
    .agent-from-widget textarea {
        position: relative;
        display: block;
        width: 100%;
        font-size: 14px;
        color: #777777;
        font-weight: 400;
        line-height: 20px;
        padding: 14px 25px;
        background-color: #ffffff;
        border: 1px solid #ebebeb;
        height: 50px;
        -webkit-transition: all 300ms ease;
        -ms-transition: all 300ms ease;
        -o-transition: all 300ms ease;
        -moz-transition: all 300ms ease;
        transition: all 300ms ease;
    }

    .agent-from-widget .form-group textarea {
        height: 240px;
        resize: none;
        margin-bottom: 10px;
    }

        .agent-from-widget .form-group input:focus,
        .agent-from-widget .form-group textarea:focus {
            border-color: #0e7490;
        }

    .agent-from-widget .form-group input[type="submit"],
    .agent-from-widget button {
        position: relative;
        text-transform: capitalize;
        line-height: 30px;
        padding: 10px 35px;
        font-size: 16px;
        display: block;
        width: 100%;
    }

/*=== Categories ===*/

.category-list {
    position: relative;
    display: block;
}

    .category-list li {
        position: relative;
        border: 1px solid #dddddd;
        border-bottom: 0;
    }

        .category-list li:last-child {
            border: 1px solid #dddddd;
        }

        .category-list li a {
            position: relative;
            display: block;
            font-size: 14px;
            color: #666666;
            font-weight: 500;
            line-height: 28px;
            padding: 15px 30px;
            -webkit-transition: all 200ms ease;
            -moz-transition: all 200ms ease;
            -ms-transition: all 200ms ease;
            -o-transition: all 200ms ease;
            transition: all 200ms ease;
        }

            .category-list li a span {
                float: left;
                font-size: 14px;
                margin-left: 20px;
                color: #666666;
                -webkit-transition: all 200ms ease;
                -moz-transition: all 200ms ease;
                -ms-transition: all 200ms ease;
                -o-transition: all 200ms ease;
                transition: all 200ms ease;
            }

            .category-list li a:hover {
                color: #ffffff;
                background: #0e7490;
            }

                .category-list li a:hover:before {
                    color: #ffffff;
                }

                .category-list li a:hover span {
                    color: #ffffff;
                }

/*=== Latest News ===*/
.latest-news {
    position: relative;
}

    .latest-news .sidebar-title {
        position: relative;
        margin-bottom: 30px;
    }

    .latest-news .post {
        position: relative;
        padding-right: 130px;
        margin-bottom: 30px;
        padding-top: 10px;
        min-height: 100px;
    }

    .latest-news .post-thumb {
        position: absolute;
        right: 0;
        top: 0;
        height: 100px;
        width: 100px;
        margin-bottom: 20px;
    }

        .latest-news .post-thumb img {
            position: relative;
            display: block;
            width: 100%;
        }

    .latest-news .post h3 {
        position: relative;
        font-size: 16px;
        line-height: 24px;
        color: #222222;
        font-weight: 600;
        margin-bottom: 7px;
    }

        .latest-news .post h3 a {
            color: #222222;
            display: inline-block;
            -webkit-transition: all 300ms ease;
            -moz-transition: all 300ms ease;
            -ms-transition: all 300ms ease;
            -o-transition: all 300ms ease;
            transition: all 300ms ease;
        }

    .latest-news .post:hover h3 a {
        color: #0e7490;
    }

    .latest-news .post .post-info {
        position: relative;
        font-size: 14px;
        line-height: 24px;
        color: #666666;
        font-weight: 400;
    }

/*=== Recent Properties ===*/

.recent-properties {
    position: relative;
}

    .recent-properties .widget-content {
        padding: 30px 30px 30px;
        border: 1px solid #dddddd;
    }

    .recent-properties .post {
        position: relative;
        padding-right: 140px;
        margin-bottom: 30px;
        min-height: 90px;
    }

        .recent-properties .post:last-child {
            margin-bottom: 0;
        }

    .recent-properties .post-thumb {
        position: absolute;
        right: 0;
        top: 0;
        width: 120px;
        margin-bottom: 10px;
    }

        .recent-properties .post-thumb .status {
            position: absolute;
            left: 10px;
            top: 10px;
            padding: 0 8px;
            font-size: 12px;
            line-height: 20px;
            color: #ffffff;
            font-weight: 400;
            background-color: #0e7490;
            text-transform: capitalize;
        }

            .recent-properties .post-thumb .status.hot {
                background-color: #ff0000;
            }

        .recent-properties .post-thumb img {
            position: relative;
            display: block;
            width: 100%;
        }

    .recent-properties .post .location {
        position: relative;
        display: block;
        font-size: 14px;
        line-height: 24px;
        color: #0e7490;
        font-weight: 400;
        margin-bottom: 3px;
    }

    .recent-properties .post h3 {
        position: relative;
        font-size: 18px;
        line-height: 1.2em;
        color: #222222;
        font-weight: 600;
        margin-bottom: 13px;
    }

        .recent-properties .post h3 a {
            color: #222222;
            -webkit-transition: all 300ms ease;
            -moz-transition: all 300ms ease;
            -ms-transition: all 300ms ease;
            -o-transition: all 300ms ease;
            transition: all 300ms ease;
        }

    .recent-properties .post:hover h3 a {
        color: #0e7490;
    }

    .recent-properties .post .price {
        position: relative;
        font-size: 14px;
        line-height: 24px;
        color: #777777;
        font-weight: 400;
    }

/*=== Tags ===*/

.tag-list {
    position: relative;
    display: block;
}

.tags .sidebar-title {
    margin-bottom: 30px;
}

.tag-list li {
    position: relative;
    float: right;
    margin-bottom: 15px;
    margin-left: 15px;
}

    .tag-list li a {
        position: relative;
        display: block;
        font-size: 16px;
        color: #666666;
        line-height: 20px;
        padding: 15px 25px;
        font-weight: 400;
        text-align: center;
        background-color: #eeeeee;
        -webkit-transition: all 300ms ease;
        -moz-transition: all 300ms ease;
        -ms-transition: all 300ms ease;
        -o-transition: all 300ms ease;
        transition: all 300ms ease;
    }

        .tag-list li a:hover {
            background-color: #0e7490;
            color: #ffffff;
        }

/*=== Search Box ===*/

.sidebar .search-box .form-group input[type="text"],
.sidebar .search-box .form-group input[type="search"] {
    position: relative;
    display: block;
    font-size: 14px;
    color: #777777;
    line-height: 28px;
    padding: 15px 25px;
    padding-left: 60px;
    height: 60px;
    width: 100%;
    border: 1px solid #dddddd;
    background-color: #ffffff;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}

.sidebar .search-box .form-group input:focus {
    border-color: #0e7490;
}

.sidebar .search-box .form-group button {
    position: absolute;
    left: 0;
    top: 0;
    width: 60px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    display: block;
    font-size: 16px;
    background-color: transparent;
    color: #0e7490;
    font-weight: normal;
}

/*** 

====================================================================
			Comments Area
====================================================================

 ***/

.group-title {
    position: relative;
    margin-bottom: 50px;
}

    .group-title h3 {
        position: relative;
        display: block;
        font-size: 24px;
        line-height: 1.2em;
        color: #333333;
        font-weight: 600;
        text-transform: uppercase;
    }

.comments-area {
    position: relative;
    margin-top: 90px;
    margin-bottom: 70px;
}

    .comments-area .comment-box {
        position: relative;
        margin-bottom: 60px;
        -webkit-transition: all 300ms ease;
        -ms-transition: all 300ms ease;
        -o-transition: all 300ms ease;
        -moz-transition: all 300ms ease;
        transition: all 300ms ease;
    }

        .comments-area .comment-box.reply-comment {
            margin-right: 130px;
        }

        .comments-area .comment-box:last-child {
            border: 0px;
            padding-bottom: 0px;
            margin-bottom: 0;
        }

    .comments-area .comment {
        position: relative;
        font-size: 14px;
        padding: 30px 160px 0px 0px;
        min-height: 140px;
    }

        .comments-area .comment .comment-inner {
            position: relative;
        }

        .comments-area .comment .comment-reply {
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            margin: 0 auto;
            color: #ffffff;
            font-size: 14px;
            line-height: 24px;
            padding: 5px 20px;
            font-weight: 500;
            text-align: center;
            background-color: #0e7490;
            width: 80px;
            -webkit-transition: all 300ms ease;
            -ms-transition: all 300ms ease;
            -o-transition: all 300ms ease;
            -moz-transition: all 300ms ease;
            transition: all 300ms ease;
        }

            .comments-area .comment .comment-reply:hover {
                color: #ffffff;
                background: #222222;
            }

    .comments-area .comment-box .author-thumb {
        position: absolute;
        right: 0px;
        top: 0px;
        width: 120px;
        overflow: hidden;
        margin-bottom: 20px;
        padding-bottom: 15px;
    }

        .comments-area .comment-box .author-thumb img {
            display: block;
            width: 100%;
            border: 2px solid #e1e1e1;
        }

    .comments-area .comment-info {
        font-size: 20px;
        color: #222222;
        line-height: 1.2em;
        font-weight: 500;
        text-transform: uppercase;
        margin-bottom: 15px;
    }

        .comments-area .comment-info .comment-time {
            position: relative;
            font-size: 13px;
            color: #0e7490;
            margin-right: 25px;
            font-weight: 400;
            text-transform: uppercase;
            display: inline-block;
        }

    .comments-area .comment .comment-inner .rating {
        position: relative;
        font-size: 18px;
        color: #ffb200;
    }

    .comments-area .comment-box .text {
        font-size: 14px;
        line-height: 24px;
    }

/*** 

====================================================================
	Comment Form
====================================================================

 ***/

.comment-form {
    position: relative;
}

    .comment-form .row {
        margin: 0 -10px;
    }

    .comment-form .form-group {
        position: relative;
        padding: 0 10px;
        margin-bottom: 20px;
    }

        .comment-form .form-group:last-child {
            margin-bottom: 0;
        }

    .comment-form input,
    .comment-form select,
    .comment-form textarea {
        position: relative;
        display: block;
        width: 100%;
        font-size: 15px;
        color: #222222;
        font-weight: 400;
        line-height: 20px;
        padding: 13px 22px;
        height: 50px;
        background-color: #ffffff;
        border: 2px solid #dddddd;
        -webkit-transition: all 300ms ease;
        -ms-transition: all 300ms ease;
        -o-transition: all 300ms ease;
        -moz-transition: all 300ms ease;
        transition: all 300ms ease;
    }

    .comment-form .form-group textarea {
        height: 180px;
        resize: none;
        padding: 20px 22px;
        margin-bottom: 20px;
    }

        .comment-form .form-group input:focus,
        .comment-form .form-group textarea:focus {
            border-color: #0e7490;
        }

    .comment-form button {
        position: relative;
        padding: 8px 30px;
        font-weight: 600;
        font-size: 14px;
        line-height: 30px;
        text-transform: uppercase;
    }

/*** 

====================================================================
		Login Section
====================================================================

***/

.login-section {
    position: relative;
    padding: 120px 0px 50px;
}

    .login-section .column {
        position: relative;
        margin-bottom: 70px;
    }

    .login-section h2 {
        position: relative;
        color: #ffffff;
        font-size: 28px;
        font-weight: 600;
        line-height: 1.2em;
        margin-bottom: 25px;
    }

.login-form {
    position: relative;
    margin-bottom: 40px;
    padding: 30px 40px 25px;
    background-color: #0e7490;
    max-width: 500px;
    margin: 0 auto;
}

    .login-form .form-group {
        position: relative;
        margin-bottom: 20px;
    }

        .login-form .form-group label {
            position: relative;
            top: -1px;
            color: #ffffff;
            font-weight: 400;
            font-size: 16px;
        }

        .login-form .form-group input[type="text"],
        .login-form .form-group input[type="password"],
        .login-form .form-group input[type="tel"],
        .login-form .form-group input[type="email"] {
            position: relative;
            display: block;
            width: 100%;
            line-height: 30px;
            padding: 10px 20px;
            height: 50px;
            color: #aaaaaa;
            font-size: 14px;
            background-color: #ffffff;
            -webkit-transition: all 300ms ease;
            -ms-transition: all 300ms ease;
            -o-transition: all 300ms ease;
            -moz-transition: all 300ms ease;
            transition: all 300ms ease;
        }

            .login-form .form-group input[type="text"]:focus,
            .login-form .form-group input[type="password"]:focus,
            .login-form .form-group input[type="tel"]:focus,
            .login-form .form-group input[type="email"]:focus,
            .login-form .form-group select:focus,
            .login-form .form-group textarea:focus {
                border-color: #0e7490;
                color: #000000;
            }

    .login-form button {
        top: 0px;
        margin-top: 0px;
        font-size: 16px;
        font-weight: 700;
        padding: 10px 36px;
        line-height: 25px;
        color: #ffffff;
        text-transform: uppercase;
        width: 100%;
    }

    .login-form .psw {
        position: relative;
        color: #ffffff;
        font-size: 16px;
        -webkit-transition: all 300ms ease;
        -moz-transition: all 300ms ease;
        -ms-transition: all 300ms ease;
        -o-transition: all 300ms ease;
        transition: all 300ms ease;
    }

        .login-form .psw:hover {
            text-decoration: underline;
            color: #ffffff;
        }

/*** 

====================================================================
	Error Section
====================================================================

***/

.error-section {
    position: relative;
    text-align: center;
    padding: 200px 0px 150px;
}

    .error-section .sec-title {
        margin-bottom: 20px;
    }

        .error-section .sec-title .float-text {
            top: 0px;
        }

        .error-section .sec-title h1 {
            position: relative;
            display: inline-block;
            font-size: 200px;
            line-height: 1em;
            color: #0e7490;
            font-weight: 700;
            font-family: 'Montserrat', sans-serif;
        }

            .error-section .sec-title h1 span {
                color: #222222;
            }

    .error-section h3 {
        font-size: 24px;
        line-height: 1.2em;
        padding: 0;
        margin: 0;
        font-weight: 400;
        color: #222222;
        margin-bottom: 50px;
    }

    .error-section .text {
        font-size: 30px;
        line-height: 1.2em;
        color: #222222;
        font-weight: 700;
        margin-bottom: 35px;
    }

    .error-section .theme-btn {
        border-radius: 5px;
        font-size: 16px;
        font-weight: 700;
        text-transform: uppercase;
        margin: 0 3px;
    }

/*=========================================================
			Social icon Colored
=========================================================*/

.social-icon-colored .fa-adn {
    color: #504e54;
}

.social-icon-colored .fa-apple {
    color: #aeb5c5;
}

.social-icon-colored .fa-android {
    color: #A5C63B;
}

.social-icon-colored .fa-bitbucket, .social-icon-colored .fa-bitbucket-square {
    color: #003366;
}

.social-icon-colored .fa-bitcoin, .social-icon-colored .fa-btc {
    color: #F7931A;
}

.social-icon-colored .fa-css3 {
    color: #1572B7;
}

.social-icon-colored .fa-dribbble {
    color: #F46899;
}

.social-icon-colored .fa-dropbox {
    color: #018BD3;
}

.social-icon-colored .fa-facebook, .social-icon-colored .fa-facebook-f, .social-icon-colored .fa-facebook-square {
    color: #3C599F;
}

.social-icon-colored .fa-flickr {
    color: #FF0084;
}

.social-icon-colored .fa-foursquare {
    color: #0086BE;
}

.social-icon-colored .fa-github, .social-icon-colored .fa-github-alt, .social-icon-colored .fa-github-square {
    color: #070709;
}

.social-icon-colored .fa-google-plus, .social-icon-colored .fa-google-plus-g, .social-icon-colored .fa-google-plus-square {
    color: #CF3D2E;
}

.social-icon-colored .fa-html5 {
    color: #E54D26;
}

.social-icon-colored .fa-instagram {
    color: #A1755C;
}

.social-icon-colored .fa-linkedin, .social-icon-colored .fa-linkedin-in, .social-icon-colored .fa-linkedin-square {
    color: #0085AE;
}

.social-icon-colored .fa-linux {
    color: #FBC002;
    color: #333;
}

.social-icon-colored .fa-maxcdn {
    color: #F6AE1C;
}

.social-icon-colored .fa-pagelines {
    color: #241E20;
    color: #3984EA;
}

.social-icon-colored .fa-pinterest, .social-icon-colored .fa-pinterest-square {
    color: #CC2127;
}

.social-icon-colored .fa-renren {
    color: #025DAC;
}

.social-icon-colored .fa-skype {
    color: #01AEF2;
}

.social-icon-colored .fa-stack-exchange {
    color: #245590;
}

.social-icon-colored .fa-stack-overflow {
    color: #FF7300;
}

.social-icon-colored .fa-trello {
    color: #265A7F;
}

.social-icon-colored .fa-tumblr, .social-icon-colored .fa-tumblr-square {
    color: #314E6C;
}

.social-icon-colored .fa-twitter, .social-icon-colored .fa-twitter-square {
    color: #32CCFE;
}

.social-icon-colored .fa-vimeo-square {
    color: #229ACC;
}

.social-icon-colored .fa-vk {
    color: #375474;
}

.social-icon-colored .fa-weibo {
    color: #D72B2B;
}

.social-icon-colored .fa-windows {
    color: #12B6F3;
}

.social-icon-colored .fa-xing, .social-icon-colored .fa-xing-square {
    color: #00555C;
}

.social-icon-colored .fa-youtube, .social-icon-colored .fa-youtube-play, .social-icon-colored .fa-youtube-square {
    color: #C52F30;
}

/*Social icon Colored*/
.social-icon-colored li a:hover .fa-adn {
    background-color: #504e54;
}

.social-icon-colored li a:hover .fa-apple {
    background-color: #aeb5c5;
}

.social-icon-colored li a:hover .fa-android {
    background-color: #A5C63B;
}

.social-icon-colored li a:hover .fa-bitbucket, .social-icon-colored li a:hover .fa-bitbucket-square {
    background-color: #003366;
}

.social-icon-colored li a:hover .fa-bitcoin, .social-icon-colored li a:hover .fa-btc {
    background-color: #F7931A;
}

.social-icon-colored li a:hover .fa-css3 {
    background-color: #1572B7;
}

.social-icon-colored li a:hover .fa-dribbble {
    background-color: #F46899;
}

.social-icon-colored li a:hover .fa-dropbox {
    background-color: #018BD3;
}

.social-icon-colored li a:hover .fa-facebook, .social-icon-colored li a:hover .fa-facebook-f, .social-icon-colored li a:hover .fa-facebook-square {
    background-color: #3C599F;
}

.social-icon-colored li a:hover .fa-flickr {
    background-color: #FF0084;
}

.social-icon-colored li a:hover .fa-foursquare {
    background-color: #0086BE;
}

.social-icon-colored li a:hover .fa-github, .social-icon-colored li a:hover .fa-github-alt, .social-icon-colored li a:hover .fa-github-square {
    background-color: #070709;
}

.social-icon-colored li a:hover .fa-google-plus, .social-icon-colored li a:hover .fa-google-plus-g, .social-icon-colored li a:hover .fa-google-plus-square {
    background-color: #CF3D2E;
}

.social-icon-colored li a:hover .fa-html5 {
    background-color: #E54D26;
}

.social-icon-colored li a:hover .fa-instagram {
    background-color: #A1755C;
}

.social-icon-colored li a:hover .fa-linkedin, .social-icon-colored li a:hover .fa-linkedin-in, .social-icon-colored li a:hover .fa-linkedin-square {
    background-color: #0085AE;
}

.social-icon-colored li a:hover .fa-linux {
    background-color: #FBC002;
    color: #333;
}

.social-icon-colored li a:hover .fa-maxcdn {
    background-color: #F6AE1C;
}

.social-icon-colored li a:hover .fa-pagelines {
    background-color: #241E20;
    color: #3984EA;
}

.social-icon-colored li a:hover .fa-pinterest, .social-icon-colored li a:hover .fa-pinterest-square {
    background-color: #CC2127;
}

.social-icon-colored li a:hover .fa-renren {
    background-color: #025DAC;
}

.social-icon-colored li a:hover .fa-skype {
    background-color: #01AEF2;
}

.social-icon-colored li a:hover .fa-stack-exchange {
    background-color: #245590;
}

.social-icon-colored li a:hover .fa-stack-overflow {
    background-color: #FF7300;
}

.social-icon-colored li a:hover .fa-trello {
    background-color: #265A7F;
}

.social-icon-colored li a:hover .fa-tumblr, .social-icon-colored li a:hover .fa-tumblr-square {
    background-color: #314E6C;
}

.social-icon-colored li a:hover .fa-twitter, .social-icon-colored li a:hover .fa-twitter-square {
    background-color: #32CCFE;
}

.social-icon-colored li a:hover .fa-vimeo-square {
    background-color: #229ACC;
}

.social-icon-colored li a:hover .fa-vk {
    background-color: #375474;
}

.social-icon-colored li a:hover .fa-weibo {
    background-color: #D72B2B;
}

.social-icon-colored li a:hover .fa-windows {
    background-color: #12B6F3;
}

.social-icon-colored li a:hover .fa-xing, .social-icon-colored li a:hover .fa-xing-square {
    background-color: #00555C;
}

.social-icon-colored li a:hover .fa-youtube, .social-icon-colored li a:hover .fa-youtube-play, .social-icon-colored li a:hover .fa-youtube-square {
    background-color: #C52F30;
}

.social-icon-colored li a:hover .fab {
    color: #ffffff;
}

.head-section {
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
}

.question-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
}

.desc-container {
    background: rgb(255, 255, 255);
    width: 80%;
    padding: 30px 50px;
    margin: 0 auto;
    margin-top: 30px;
    box-shadow: 0 0 10px rgba(0,0,0,0.10);
    margin-bottom: 30px;
}
.property-block h3 a {
    color: #ffffff !important;
}