@charset "UTF-8";
/*------------------------------------------------------------------
[Master Stylesheet]

Project:  DAFAK.COM.TR
Version:	1.0
Last change:	13/03/02017 [Add Define a table of contents Link]
Assigned to:	Ngo Dang Truong
Primary use:	Company
-------------------------------------------------------------------*/
/*------------------------------------------------------------------
[LAYOUT]

* body
    + Header / header
	+ Page Content / .page-content .name-page
        + Section Layouts / section .name-section
        ...
	+ Footer / footer

-------------------------------------------------------------------*/
/*------------------------------------------------------------------
# [Color codes]

# Text Color (text): #666666
# Text Color Deep (Text, title): #333333
# Primary Color(Navbar, Link):  #178c95
# Accent Color(Link:Hover): #f39c12

------------------------------------------------------------------*/
/*------------------------------------------------------------------
[Typography]

Body copy:		14px/1.6 'Open Sans', Arial, Helvetica, sans-serif;
Heading Section:	36px/1.6 'Open Sans', Arial, Helvetica, sans-serif;
Input, textarea:	14px/1.6 'Open Sans', Arial, Helvetica, sans-serif;
Title:	18px/1.6 'Open Sans', Arial, Helvetica, sans-serif;

Notes:	decreasing heading by 0.4em with every subsequent heading level
-------------------------------------------------------------------*/
/*==========================================================
	                  1. COMPONENTS
==========================================================*/
/**
Background
 */
.bg-parallax-style-1 {
    background-size: cover;
    position: relative;
}

    .bg-parallax-style-1 .overlay {
        z-index: 0;
        width: 100%;
        height: 100%;
        background: rgba(1, 119, 215, 0.8);
        position: absolute;
        top: 0;
        left: 0;
    }

/**
BASE STYLE
 */
body {
    font: 14px/1.6 "Open Sans", Arial, Helvetica, sans-serif;
    color: #666666;
    overflow-x: hidden !important;
}

.heading-section {
    font-size: 36px;
    color: #178c95;
}

.bold {
    font-weight: 700;
}

/**
  a, button
 */
*:focus {
    outline: none;
}

a {
    text-decoration: none !important;
}

a, button {
    -webkit-transition: all 0.3s !important;
    transition: all 0.3s !important;
}

@media (min-width: 1200px) {
    .container {
        width: 1200px;
    }
}

.vimeo {
    margin: 0;
    position: relative;
    padding-bottom: 71.25%;
    padding-top: 0;
    height: 0;
    overflow: hidden;
}

    .vimeo a {
        display: block;
        position: relative;
    }

        .vimeo a img {
            max-width: 100%;
        }

    .vimeo .btn-play {
        position: absolute;
        top: 50%;
        left: 50%;
        margin: -32px 0 0 -32px;
    }

    .vimeo iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

/**
Breadcrumb
 */
.au-breadcrumb {
    list-style: none;
    padding: 0;
    margin: 0;
}

    .au-breadcrumb:after {
        content: "";
        display: table;
        clear: both;
    }

    .au-breadcrumb .au-breadcrumb-item {
        float: left;
    }

        .au-breadcrumb .au-breadcrumb-item.active a {
            pointer-events: none;
            cursor: default;
        }

        .au-breadcrumb .au-breadcrumb-item a {
            font-size: 14px;
            color: #555555;
        }

            .au-breadcrumb .au-breadcrumb-item a:hover {
                color: #178c95;
            }

        .au-breadcrumb .au-breadcrumb-item:after {
            font-family: "FontAwesome";
            content: '\f105';
            margin: 0 5px;
        }

        .au-breadcrumb .au-breadcrumb-item:last-child:after {
            content: '';
            display: none;
        }

/**
Button
 */
.au-btn {
    border: none;
    border-radius: 3px;
    padding: 15px 30px;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
}

.au-btn-sm {
    padding: 10px 25px;
}

.au-btn-md {
    padding: 15px 35px;
}

.au-btn-lg {
    padding: 15px 40px;
}

.au-btn-orange {
    background-color: #f39c12;
    color: #fff;
    text-transform: none;
}

    .au-btn-orange:hover {
        background: #c87f0a;
        color: #fff;
    }

.au-btn-white {
    background-color: #fff;
    color: #3498db;
}

    .au-btn-white:hover {
        background: #015ba4;
        color: #fff;
    }

.au-btn-blue {
    background: #3498db;
    color: #fff;
}

    .au-btn-blue:hover {
        background: #015ba4 !important;
        color: #fff;
    }

.btn-social {
    line-height: 40px;
    width: 40px;
    text-align: center;
    color: #fff;
    font-size: 15px;
    border-radius: 3px;
    margin-left: 5px;
}

    .btn-social:hover {
        color: #fff;
        box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
    }

    .btn-social.facebook {
        background: #3b5998;
    }

    .btn-social.twitter {
        background: #00aced;
    }

    .btn-social.linkedin {
        background: #007bb6;
    }

/**
Form Input
 */
.au-form-control {
    border: none;
    padding: 13px;
}

.au-form-radius {
    border-radius: 3px;
}

.au-form-border {
    border: 1px solid #cccccc;
}

/**
Helper Class
 */
.show {
    visibility: visible !important;
}

.hidden {
    visibility: hidden !important;
}

.w-50 {
    width: 50%;
}

@media (max-width: 991px) {
    .w-sm-100 {
        width: 100%;
    }
}

@media (min-width: 1200px) {
    .hidden-desktop-up {
        display: none;
    }
}

@media (max-width: 767px) {
    .hidden-sm-tablet {
        display: none;
    }
}

@media (max-width: 991px) {
    .hidden-sm-tablet {
        display: none;
    }
}

@media (max-width: 1199px) {
    .hidden-lg-tablet {
        display: none;
    }
}

@media (max-width: 479px) {
    .hidden-md-phone {
        display: none;
    }
}

@media (max-width: 319px) {
    .hidden-sm-phone {
        display: none;
    }
}

/**
Pagination
 */
.pagination-list {
    display: inline-block;
    margin: 0;
    padding: 0;
}

    .pagination-list li {
        float: left;
        width: 36px;
        height: 36px;
        border-radius: 50px;
        display: table;
        border: 1px solid #e5e5e5;
        text-align: center;
        margin: 0 7px;
    }

        .pagination-list li:hover, .pagination-list li.active {
            background-color: #178c95;
            border-color: #178c95;
        }

            .pagination-list li:hover a, .pagination-list li.active a {
                color: #fff;
            }

        .pagination-list li.dot {
            border: none;
            vertical-align: bottom;
        }

            .pagination-list li.dot:hover {
                background-color: transparent;
            }

            .pagination-list li.dot span {
                display: table-cell;
                vertical-align: middle;
            }

        .pagination-list li a {
            display: table-cell;
            color: #555555;
            vertical-align: middle;
            font-size: 15px;
        }

/**
Typography
 */
/*==========================================================
	                  2. LAYOUT STYLE
==========================================================*/
.about-layout {
    padding: 80px 0 100px 0;
}

    .about-layout .image {
        padding-left: 20px;
    }

    .about-layout .heading {
        padding-bottom: 15px;
        margin-top: -15px;
    }

    .about-layout .passage {
        padding-bottom: 25px;
    }

        .about-layout .passage p {
            font-size: 14px;
            line-height: 1.7857142857;
        }

    .about-layout .introdude .item .icon {
        padding-bottom: 15px;
        margin-left: 5px;
    }

        .about-layout .introdude .item .icon i {
            font-size: 24px;
            color: #cccccc;
        }

    .about-layout .introdude .item .number {
        padding-bottom: 5px;
    }

        .about-layout .introdude .item .number span {
            line-height: 1;
            font-size: 60px;
            font-weight: 200;
            color: #333333;
        }

        .about-layout .introdude .item .number .sub {
            font-size: 40px;
            color: #555555;
        }

    .about-layout .introdude .item .subtext {
        padding-left: 5px;
    }

        .about-layout .introdude .item .subtext span {
            text-transform: uppercase;
            font-size: 12px;
        }

@media (max-width: 991px) {
    .about-layout .image {
        padding-left: 0;
    }

        .about-layout .image img {
            width: 100%;
        }

    .about-layout .introdude {
        margin-bottom: 30px;
    }
}

.about-layout-1 {
    padding: 90px 0;
}

    .about-layout-1 .heading {
        font-size: 36px;
        color: #178c95;
        margin-bottom: 20px;
        margin-top: 0;
    }

    .about-layout-1 .content {
        font-size: 14px;
        color: #666666;
        margin-bottom: 35px;
        line-height: 1.5714285714;
    }

    .about-layout-1 .action-group .sub-link {
        display: inline-block;
        margin-left: 5px;
    }

        .about-layout-1 .action-group .sub-link span {
            font-size: 14px;
            color: #666666;
        }

        .about-layout-1 .action-group .sub-link a {
            font-size: 14px;
            color: #666;
            font-weight: 700;
            text-transform: uppercase;
            text-decoration: underline !important;
        }

            .about-layout-1 .action-group .sub-link a:hover {
                color: #f39c12;
            }

    .about-layout-1 .image img {
        width: 100%;
    }

@media (max-width: 991px) {
    .about-layout-1 .image {
        margin-bottom: 25px;
    }
}

@media (max-width: 319px) {
    .about-layout-1 .action-group .sub-link {
        margin-top: 10px;
    }
}

/**
Blog Layout
 */
.blog-item {
    margin-bottom: 50px;
    /*End Blog Item*/
}

    .blog-item:after {
        content: "";
        display: table;
        clear: both;
    }

    .blog-item .blog-image {
        width: 44.44%;
        float: left;
    }

    .blog-item .blog-main {
        padding-left: 30px;
        float: left;
        width: 55.56%;
    }

    .blog-item .blog-title {
        padding-bottom: 5px;
    }

        .blog-item .blog-title a {
            font-size: 18px;
            font-weight: 700;
            color: #333333;
        }

            .blog-item .blog-title a:hover {
                color: #f39c12;
            }

    .blog-item .blog-topic {
        display: inline-block;
        padding-bottom: 10px;
        margin-right: 30px;
    }

        .blog-item .blog-topic a {
            font-size: 11px;
            color: #178c95;
            text-transform: uppercase;
        }

            .blog-item .blog-topic a:hover {
                color: #f39c12;
            }

            .blog-item .blog-topic a:after {
                content: ',';
            }

            .blog-item .blog-topic a:last-child:after {
                display: none;
            }

    .blog-item .blog-date {
        display: inline-block;
    }

        .blog-item .blog-date span {
            text-transform: uppercase;
            font-size: 11px;
            color: #999999;
        }

    .blog-item .blog-content {
        padding-bottom: 5px;
    }

        .blog-item .blog-content p {
            font-size: 14px;
            line-height: 1.7857142857;
        }

    .blog-item .blog-link a {
        font-size: 15px;
        color: #333333;
    }

        .blog-item .blog-link a:hover {
            color: #f39c12;
        }

.blog-single .post-title h1 {
    font-size: 30px;
    color: #333333;
    font-weight: 700;
}

.blog-single .post-info {
    font-size: 11px;
    color: #999999;
    text-transform: uppercase;
}

    .blog-single .post-info .post-topic {
        margin-right: 35px;
    }

    .blog-single .post-info .post-topic, .blog-single .post-info .post-date {
        display: inline-block;
    }

        .blog-single .post-info .post-topic a, .blog-single .post-info .post-date a {
            color: #178c95;
        }

.blog-single .post-image img {
    width: 100%;
}

.blog-single .post-quote {
    padding: 15px 0 15px 30px;
}

    .blog-single .post-quote blockquote {
        font-size: 14px;
        color: #333333;
        border-left: 2px solid #cccccc;
    }

    .blog-single .post-quote .quote-author {
        padding-top: 15px;
        font-weight: 600;
        display: block;
        text-transform: uppercase;
    }

.blog-single .post-lists ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

    .blog-single .post-lists ul li {
        line-height: 2.2;
        font-size: 14px;
    }

        .blog-single .post-lists ul li i {
            margin-right: 7px;
            color: #178c95;
        }

.blog-single .post-more-link:after {
    content: "";
    display: table;
    clear: both;
}

.blog-single .post-more-link .link {
    padding-bottom: 5px;
}

    .blog-single .post-more-link .link a {
        font-size: 11px;
        color: #999999;
        text-transform: uppercase;
        font-weight: 700;
    }

.blog-single .post-more-link .post-prev {
    float: left;
}

    .blog-single .post-more-link .post-prev i {
        margin-right: 3px;
    }

.blog-single .post-more-link .post-next {
    float: right;
}

.blog-single .post-more-link .title h4 {
    margin: 0;
    font-weight: 700;
    font-size: 15px;
    color: #333333;
}

.blog-single .post-footer {
    padding-bottom: 15px;
    border-bottom: 1px solid #cccccc;
}

    .blog-single .post-footer:after {
        content: "";
        display: table;
        clear: both;
    }

    .blog-single .post-footer a, .blog-single .post-footer span {
        text-transform: uppercase;
        font-size: 11px;
        color: #178c95;
    }

        .blog-single .post-footer a:hover {
            color: #f39c12;
        }

    .blog-single .post-footer span {
        color: #999999;
    }

    .blog-single .post-footer .post-share {
        float: right;
    }

    .blog-single .post-footer .post-tags {
        float: left;
    }

.blog-single .post-comments .post-comments-form .post-comments-form-group {
    padding-bottom: 20px;
    width: 100%;
}

    .blog-single .post-comments .post-comments-form .post-comments-form-group:after {
        content: "";
        display: table;
        clear: both;
    }

    .blog-single .post-comments .post-comments-form .post-comments-form-group .post-comments-form-item {
        width: 50%;
        float: left;
    }

        .blog-single .post-comments .post-comments-form .post-comments-form-group .post-comments-form-item:first-child {
            padding-right: 10px;
        }

        .blog-single .post-comments .post-comments-form .post-comments-form-group .post-comments-form-item:last-child {
            padding-left: 10px;
        }

        .blog-single .post-comments .post-comments-form .post-comments-form-group .post-comments-form-item input {
            width: 100%;
        }

.blog-single .post-comments .post-comments-form .post-comments-form-textarea {
    padding-bottom: 15px;
}

    .blog-single .post-comments .post-comments-form .post-comments-form-textarea textarea {
        max-width: 100%;
        width: 100%;
        min-height: 150px;
    }

.blog-single .post-comments-submit button {
    background: #555555;
    color: #fff;
    font-weight: 400;
    text-transform: none;
    font-size: 18px;
    padding: 10px 30px;
}

    .blog-single .post-comments-submit button:hover {
        background: #333333;
    }

.blog-single .post-comments-list ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.blog-single .post-comments-list .post-comments-has-reply .post-comments-item {
    border-bottom: none;
}

.blog-single .post-comments-list .post-comments-has-reply .post-reply-lists {
    margin-left: 70px;
    border-bottom: 1px solid #e6e6e6;
    margin-bottom: 30px;
}

    .blog-single .post-comments-list .post-comments-has-reply .post-reply-lists .post-comments-item {
        padding-bottom: 40px;
    }

.blog-single .post-comments-list .post-comments-item {
    padding-bottom: 30px;
    border-bottom: 1px solid #e6e6e6;
}

    .blog-single .post-comments-list .post-comments-item .post-comments-item-image {
        width: 50px;
        height: 50px;
        border-radius: 50px;
        overflow: hidden;
        float: left;
    }

    .blog-single .post-comments-list .post-comments-item .post-comments-item-main {
        margin-left: 50px;
        padding-left: 15px;
    }

        .blog-single .post-comments-list .post-comments-item .post-comments-item-main .content {
            font-size: 14px;
            line-height: 1.7142857143;
        }

        .blog-single .post-comments-list .post-comments-item .post-comments-item-main .sub-content {
            font-size: 11px;
            text-transform: uppercase;
        }

            .blog-single .post-comments-list .post-comments-item .post-comments-item-main .sub-content span {
                color: #999999;
                margin-right: 20px;
            }

            .blog-single .post-comments-list .post-comments-item .post-comments-item-main .sub-content .btn-reply {
                visibility: hidden;
                opacity: 0;
                cursor: pointer;
                font-weight: 600;
                color: #178c95;
            }

                .blog-single .post-comments-list .post-comments-item .post-comments-item-main .sub-content .btn-reply i {
                    margin-right: 7px;
                }

    .blog-single .post-comments-list .post-comments-item:hover .post-comments-item-main .sub-content .btn-reply {
        visibility: visible;
        -webkit-transition: all 0.5s;
        transition: all 0.5s;
        opacity: 1;
    }

/**
  ALL CALL TO ACTION LAYOUT
 */
.call-to-action-layout.style-1 {
    width: 100%;
    background-size: cover !important;
    padding: 200px 0 175px 0;
}

    .call-to-action-layout.style-1 .call-to-action-content h4 {
        font-size: 48px;
        color: #fff;
        line-height: 57px;
        margin-bottom: 35px;
    }

    .call-to-action-layout.style-1 .call-to-action-form .call-to-action-form-input {
        padding-right: 20px;
        display: inline-block;
        min-width: 310px;
        position: relative;
    }

        .call-to-action-layout.style-1 .call-to-action-form .call-to-action-form-input:before {
            position: absolute;
            left: 18px;
            top: 13px;
            content: '\f041';
            font-family: "FontAwesome";
            color: #888888;
        }

        .call-to-action-layout.style-1 .call-to-action-form .call-to-action-form-input input {
            width: 100%;
            padding: 15px 20px 15px 35px;
            font-size: 14px;
        }

    .call-to-action-layout.style-1 .call-to-action-form .call-to-action-form-button {
        display: inline-block;
    }

@media (max-width: 991px) {
    .call-to-action-layout.style-1 {
        background-position: right center !important;
    }
}

@media (max-width: 767px) {
    .call-to-action-layout.style-1 {
        background-position: center center !important;
    }

        .call-to-action-layout.style-1 .call-to-action-form-input {
            padding-bottom: 20px;
        }
}

.call-to-action.style-2 {
    padding: 40px 0;
    background: #178c95;
}

    .call-to-action.style-2 .call-to-action-block {
        text-align: center;
    }

    .call-to-action.style-2 .call-to-action-content {
        font-size: 24px;
        line-height: 43px;
        color: #fff;
        font-weight: 400;
        display: inline-block;
        margin-right: 40px;
    }

@media (max-width: 479px) {
    .call-to-action.style-2 .call-to-action-block {
        text-align: left;
    }
}

.call-to-action.style-3 {
    position: relative;
}

    .call-to-action.style-3 .overlay {
        z-index: 0;
        width: 100%;
        height: 100%;
        background: rgba(1, 119, 215, 0.9);
        position: absolute;
        top: 0;
        left: 0;
    }

    .call-to-action.style-3 .call-to-action-block {
        position: relative;
        text-align: center;
        padding: 115px 0;
    }

        .call-to-action.style-3 .call-to-action-block .call-to-action-content {
            font-size: 36px;
            color: #fff;
            line-height: 1.3;
            font-weight: 400;
        }

        .call-to-action.style-3 .call-to-action-block button {
            margin-top: 25px;
        }

.call-to-action.style-4 {
    padding: 70px 0;
    background: #f0f5f8;
}

    .call-to-action.style-4 .call-to-action-block .call-to-action-content h4 {
        color: #333333;
        font-size: 24px;
    }

    .call-to-action.style-4 .fancy-select-wrapper {
        display: inline-block;
        font-size: 0;
    }

        .call-to-action.style-4 .fancy-select-wrapper .fancy-select {
            padding-right: 20px;
            display: inline-block;
            vertical-align: bottom;
        }

            .call-to-action.style-4 .fancy-select-wrapper .fancy-select .trigger {
                min-width: 250px;
                padding: 14px 20px;
                border: 1px solid #cccccc;
                background: #fff;
                box-shadow: none;
                font-weight: 400;
                font-size: 14px;
                text-transform: none;
                text-align: left;
            }

                .call-to-action.style-4 .fancy-select-wrapper .fancy-select .trigger:after {
                    background: #f0f5f8;
                    border-left: 1px solid #cccccc;
                    width: 15px;
                    height: 15px;
                    content: "\f078";
                    font-family: "FontAwesome";
                    display: block;
                    position: absolute;
                    border-top: 0;
                    top: -20px;
                    right: 0;
                    padding: 35px 20px 35px 10px;
                }

            .call-to-action.style-4 .fancy-select-wrapper .fancy-select ul {
                background: #fff;
                min-width: 0;
                width: 100%;
                padding: 0;
                margin-top: 5px;
                border-top: 0;
                padding-bottom: 15px;
            }

                .call-to-action.style-4 .fancy-select-wrapper .fancy-select ul li {
                    width: 100%;
                    text-align: left;
                    padding-left: 20px;
                    font-weight: 400;
                    color: #666666;
                }

                    .call-to-action.style-4 .fancy-select-wrapper .fancy-select ul li:hover {
                        color: #f39c12;
                    }

                    .call-to-action.style-4 .fancy-select-wrapper .fancy-select ul li.selected {
                        background: #f39c12;
                        color: #fff;
                    }

@media (max-width: 1199px) {
    .call-to-action.style-4 .call-to-action-block {
        text-align: left;
    }

        .call-to-action.style-4 .call-to-action-block .call-to-action-content {
            padding-bottom: 15px;
        }
}

@media (max-width: 319px) {
    .call-to-action.style-4 .fancy-select-wrapper .fancy-select {
        padding-bottom: 15px;
    }
}

/**
Contact Layout
 */
.contact-layout.style-1 {
    margin-bottom: 10px;
    position: relative;
}

    .contact-layout.style-1 .heading h4 {
        font-weight: 700;
        color: #fff;
        font-size: 18px;
        margin-top: 5px;
        margin-bottom: 0;
    }

    .contact-layout.style-1 .google-map {
        height: 670px;
        width: 100%;
        position: absolute;
        left: 0;
        top: 0;
        z-index: -1;
    }

    .contact-layout.style-1 .contact-block {
        width: 900px;
        box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.15);
        margin: 90px auto 0;
    }

    .contact-layout.style-1 .contact-form {
        float: left;
        background: #178c95;
        padding: 35px 35px 30px;
        height: 100%;
    }

        .contact-layout.style-1 .contact-form .contact-form-item {
            padding-bottom: 5px;
        }

        .contact-layout.style-1 .contact-form .head-contact-form {
            text-align: center;
            border-bottom: 1px solid rgba(255, 255, 255, 0.2);
            padding-bottom: 35px;
        }

            .contact-layout.style-1 .contact-form .head-contact-form .fa {
                color: #fff;
                font-size: 36px;
                margin-bottom: 5px;
            }

        .contact-layout.style-1 .contact-form .contact-form-body .input-title {
            display: block;
            color: #fff;
            font-size: 14px;
            font-weight: 700;
            margin: 10px 0 7px;
        }

        .contact-layout.style-1 .contact-form .contact-form-body input, .contact-layout.style-1 .contact-form .contact-form-body textarea {
            width: 100%;
            color: #888888;
            padding: 13px 20px;
            font-size: 14px;
        }

        .contact-layout.style-1 .contact-form .contact-form-body textarea {
            min-height: 130px;
            resize: vertical;
        }

        .contact-layout.style-1 .contact-form .contact-form-body button {
            margin-top: 10px;
        }

    .contact-layout.style-1 .contact-info {
        float: right;
        padding: 35px;
        background: #fff;
        height: 100%;
    }

        .contact-layout.style-1 .contact-info .head-contact-info, .contact-layout.style-1 .contact-info .head-time-open {
            text-align: center;
            border-bottom: 1px solid rgba(255, 255, 255, 0.2);
            padding-bottom: 35px;
        }

            .contact-layout.style-1 .contact-info .head-contact-info .heading h4, .contact-layout.style-1 .contact-info .head-time-open .heading h4 {
                color: #333333;
            }

            .contact-layout.style-1 .contact-info .head-contact-info .fa, .contact-layout.style-1 .contact-info .head-time-open .fa {
                color: #333333;
                font-size: 36px;
                margin-bottom: 5px;
            }

        .contact-layout.style-1 .contact-info .head-time-open, .contact-layout.style-1 .contact-info .head-contact-info {
            border-bottom: 1px solid rgba(0, 0, 0, 0.1);
        }

        .contact-layout.style-1 .contact-info ul {
            padding: 0;
        }

        .contact-layout.style-1 .contact-info .list-contact-info {
            margin-top: 15px;
            list-style: none;
            padding-bottom: 15px;
        }

            .contact-layout.style-1 .contact-info .list-contact-info li {
                font-size: 14px;
                color: #666666;
                margin-bottom: 10px;
            }

                .contact-layout.style-1 .contact-info .list-contact-info li .bold {
                    font-weight: 700;
                }

        .contact-layout.style-1 .contact-info .list-time-open {
            display: block;
            margin-top: 15px;
        }

            .contact-layout.style-1 .contact-info .list-time-open li {
                display: block;
                margin-bottom: 10px;
                font-size: 14px;
            }

                .contact-layout.style-1 .contact-info .list-time-open li .day {
                    display: inline-block;
                }

                .contact-layout.style-1 .contact-info .list-time-open li .time {
                    float: right;
                    text-align: left;
                    display: inline-block;
                    width: 153px;
                }

                .contact-layout.style-1 .contact-info .list-time-open li:after {
                    clear: both;
                    content: ".";
                    display: block;
                    height: 0;
                    line-height: 0;
                    visibility: hidden;
                }

@media (max-width: 991px) {
    .contact-layout.style-1 {
        height: auto;
    }

        .contact-layout.style-1 .contact-block {
            width: auto;
        }

        .contact-layout.style-1 .contact-info {
            margin-top: 15px;
        }
}

.contact-layout.style-2 {
    background-size: cover !important;
    padding-bottom: 60px;
    margin-bottom: 0;
}

    .contact-layout.style-2 .contact-block {
        box-shadow: none;
        width: auto;
        padding: 0 365px;
        margin-top: 40px;
    }

        .contact-layout.style-2 .contact-block .contact-form {
            width: 100%;
            background: transparent;
        }

            .contact-layout.style-2 .contact-block .contact-form .head-contact-form {
                border: none;
            }

                .contact-layout.style-2 .contact-block .contact-form .head-contact-form .heading h3 {
                    font-size: 36px;
                    font-weight: 400;
                    color: #fff;
                    margin: 0;
                }

            .contact-layout.style-2 .contact-block .contact-form .btn-area {
                text-align: center;
            }

@media (max-width: 1199px) {
    .contact-layout.style-2 .contact-block {
        padding: 0 250px;
    }
}

@media (max-width: 991px) {
    .contact-layout.style-2 .contact-block {
        padding: 0 100px;
    }
}

@media (max-width: 479px) {
    .contact-layout.style-2 .contact-block {
        padding: 0;
    }
}

.contact-layout.style-3 {
    /*Conatct Form*/
    /*Contact Info*/
    /*Map*/
}

    .contact-layout.style-3 .main-contact {
        padding: 65px 0 100px 0;
    }

    .contact-layout.style-3 .heading {
        margin-bottom: 35px;
    }

        .contact-layout.style-3 .heading h3 {
            font-size: 20px;
            color: #333333;
            font-weight: 700;
        }

    .contact-layout.style-3 .contact-form .input-group {
        width: 100%;
        margin-bottom: 20px;
    }

        .contact-layout.style-3 .contact-form .input-group .input {
            padding-right: 20px;
            width: 33.33%;
            float: left;
        }

            .contact-layout.style-3 .contact-form .input-group .input:last-child {
                padding-right: 0;
            }

        .contact-layout.style-3 .contact-form .input-group input {
            width: 100%;
            border-radius: 3px;
            padding: 13px 20px;
            border: 1px solid #ccc;
        }

    .contact-layout.style-3 .contact-form .text-area {
        margin-bottom: 10px;
    }

        .contact-layout.style-3 .contact-form .text-area textarea {
            width: 100%;
            border: 1px solid #ccc;
            border-radius: 3px;
            min-height: 150px;
            padding: 13px 20px;
        }

    .contact-layout.style-3 .contact-info {
        padding-left: 20px;
    }

        .contact-layout.style-3 .contact-info .subtitle {
            font-size: 14px;
            color: #666;
            margin-bottom: 20px;
        }

        .contact-layout.style-3 .contact-info .contact-list {
            padding: 0;
            list-style: none;
        }

            .contact-layout.style-3 .contact-info .contact-list li {
                line-height: 2.5;
                font-size: 14px;
            }

                .contact-layout.style-3 .contact-info .contact-list li i {
                    margin-right: 7px;
                }

    .contact-layout.style-3 .google-map {
        height: 400px;
        width: 100%;
        position: relative;
        left: 0;
        top: 0;
        z-index: 1;
    }

@media (max-width: 1199px) {
    .contact-layout.style-3 .contact-info {
        padding-left: 0;
    }

    .contact-layout.style-3 .contact-form {
        margin-bottom: 50px;
    }
}

@media (max-width: 319px) {
    .contact-layout.style-3 .contact-form .input-group .input {
        width: 100%;
        padding-right: 0;
        margin-bottom: 15px;
    }

        .contact-layout.style-3 .contact-form .input-group .input input {
            width: 100%;
        }
}

.contact-layout.style-4 {
    padding: 70px 0 50px 0;
}

    .contact-layout.style-4 .heading {
        margin-bottom: 15px;
    }

        .contact-layout.style-4 .heading h3 {
            font-size: 24px;
            color: #222222;
            font-weight: 700;
        }

    .contact-layout.style-4 .main-post .content p {
        font-size: 14px;
        color: #666;
        line-height: 1.7857142857;
        margin-bottom: 25px;
    }

    .contact-layout.style-4 .main-contact .contact-list p {
        font-size: 13px;
    }

        .contact-layout.style-4 .main-contact .contact-list p i {
            margin-right: 5px;
            font-size: 16px;
            color: #f39c12;
            width: 20px;
        }

        .contact-layout.style-4 .main-contact .contact-list p .bold {
            text-transform: uppercase;
            font-weight: 700;
            margin-right: 5px;
        }

    .contact-layout.style-4 .main-contact .contact-list .time-list {
        padding-left: 30px;
        list-style: none;
    }

        .contact-layout.style-4 .main-contact .contact-list .time-list li {
            font-size: 14px;
            line-height: 1.7142857143;
        }

            .contact-layout.style-4 .main-contact .contact-list .time-list li:after {
                content: "";
                display: table;
                clear: both;
            }

            .contact-layout.style-4 .main-contact .contact-list .time-list li .text-left {
                float: left;
            }

            .contact-layout.style-4 .main-contact .contact-list .time-list li .text-right {
                text-align: left;
                width: 50%;
                float: right;
            }

.contact-layout-5 .google-map {
    height: 400px;
}

.contact-layout-5 .heading {
    padding-bottom: 10px;
}

    .contact-layout-5 .heading h3 {
        font-weight: 600;
    }

.contact-layout-5 .contact-wrapper {
    padding: 50px 0 70px 0;
}

.contact-layout-5 .info-accordion .open .accordion-title {
    background: #178c95;
}

.contact-layout-5 .info-accordion .accordion-title {
    padding: 5px 20px;
    background: #2e363a;
    margin-bottom: 15px;
    cursor: pointer;
}

    .contact-layout-5 .info-accordion .accordion-title:hover {
        background: #178c95;
        -webkit-transition: all 0.3s;
        transition: all 0.3s;
    }

    .contact-layout-5 .info-accordion .accordion-title i {
        font-size: 16px;
        margin-right: 10px;
        color: #fff;
    }

    .contact-layout-5 .info-accordion .accordion-title h4 {
        color: #fff;
        font-size: 15px;
        font-weight: 600;
        display: inline-block;
    }

.contact-layout-5 .info-accordion .textbox-info {
    margin-bottom: 15px;
    padding: 25px;
    background-color: #f8f8f8 !important;
    border-left: 1px solid rgba(0, 0, 0, 0.1) !important;
}

    .contact-layout-5 .info-accordion .textbox-info p {
        color: #666;
    }

.contact-layout-5 .info-accordion .wpb_text_column {
    margin-bottom: 15px;
    padding: 25px !important;
    background-color: #f8f8f8 !important;
    border-left: 1px solid rgba(0, 0, 0, 0.1) !important;
}

    .contact-layout-5 .info-accordion .wpb_text_column .dl-horizontal {
        margin-bottom: 0;
    }

        .contact-layout-5 .info-accordion .wpb_text_column .dl-horizontal dt {
            padding: 5px 20px;
            width: 40%;
            font-weight: 400;
        }

        .contact-layout-5 .info-accordion .wpb_text_column .dl-horizontal dd {
            padding: 5px 20px;
        }

            .contact-layout-5 .info-accordion .wpb_text_column .dl-horizontal dd i {
                margin-right: 10px;
            }

.contact-layout-5 .info-accordion .socials-list {
    background: #f8f8f8;
    padding: 25px;
    border-left: 1px solid rgba(0, 0, 0, 0.1) !important;
}

    .contact-layout-5 .info-accordion .socials-list ul {
        padding: 0;
        margin: 0;
    }

        .contact-layout-5 .info-accordion .socials-list ul:after {
            content: "";
            display: table;
            clear: both;
        }

        .contact-layout-5 .info-accordion .socials-list ul li {
            list-style: none;
            width: 35px;
            height: 35px;
            float: left;
            background: #e5e5e5;
            border-radius: 3px;
            display: table;
            text-align: center;
            margin-right: 15px;
        }

            .contact-layout-5 .info-accordion .socials-list ul li a {
                display: table-cell;
                vertical-align: middle;
            }

            .contact-layout-5 .info-accordion .socials-list ul li.facebook:hover {
                background: #3b5998;
            }

                .contact-layout-5 .info-accordion .socials-list ul li.facebook:hover a {
                    color: #fff;
                }

            .contact-layout-5 .info-accordion .socials-list ul li.twitter:hover {
                background: #00aced;
            }

                .contact-layout-5 .info-accordion .socials-list ul li.twitter:hover a {
                    color: #fff;
                }

            .contact-layout-5 .info-accordion .socials-list ul li.google-plus:hover {
                background: #dd4b39;
            }

                .contact-layout-5 .info-accordion .socials-list ul li.google-plus:hover a {
                    color: #fff;
                }

            .contact-layout-5 .info-accordion .socials-list ul li.youtube:hover {
                background: #bb0000;
            }

                .contact-layout-5 .info-accordion .socials-list ul li.youtube:hover a {
                    color: #fff;
                }

            .contact-layout-5 .info-accordion .socials-list ul li.linkedin:hover {
                background: #007bb6;
            }

                .contact-layout-5 .info-accordion .socials-list ul li.linkedin:hover a {
                    color: #fff;
                }

.contact-layout-5 .contact-form .contact-input-group .input {
    margin-bottom: 15px;
}

    .contact-layout-5 .contact-form .contact-input-group .input input {
        width: 100%;
        padding: 10px;
        border: 1px solid #e6e6e6;
        border-radius: 5px;
    }

.contact-layout-5 .contact-form .text-area textarea {
    min-width: 100%;
    max-width: 100%;
    padding: 10px;
    border: 1px solid #e6e6e6;
    border-radius: 5px;
    height: 150px;
}

.contact-layout-5 .contact-form .action-group {
    margin-top: 10px;
}

.contact-layout.contact-layout-6 .contact-form .input-group .input {
    width: 100%;
    padding: 0;
    margin-bottom: 15px;
}

.contact-layout.contact-layout-6 .contact-form .input-group {
    margin-bottom: 0;
}

.contact-layout.contact-layout-7 .main-contact {
    padding: 0;
}

.contact-layout.contact-layout-7 .col-md-9 {
    border-right: 1px solid #e6e6e6;
}

.contact-layout.contact-layout-7 .left-content {
    padding: 30px 15px 200px 0;
}

.contact-layout.contact-layout-7 .right-content {
    padding-left: 15px;
    padding-top: 35px;
}

.contact-layout.contact-layout-7 .contact-info {
    padding-left: 0;
    margin-bottom: 50px;
}

    .contact-layout.contact-layout-7 .contact-info .contact-list .title {
        font-weight: 700;
        margin-right: 5px;
    }

.contact-layout.contact-layout-7 .google-map {
    margin-top: 20px;
}

@media (max-width: 991px) {
    .contact-layout.contact-layout-7 .col-md-9 {
        border-right: none;
    }

    .contact-layout.contact-layout-7 .left-content {
        padding: 30px 0 30px 0;
    }

    .contact-layout.contact-layout-7 .right-content {
        padding-left: 0;
        padding-bottom: 100px;
    }
}

.contact_layout_8 .contact-wrapper {
    padding: 50px 0 100px 0;
}

.contact_layout_8 .contact-map {
    margin-bottom: 50px;
}

    .contact_layout_8 .contact-map h3 {
        margin-bottom: 30px;
    }

.contact_layout_8 .sidebar-control-map ul li {
    margin-bottom: 10px;
}

    .contact_layout_8 .sidebar-control-map ul li.active a {
        background: #178c95;
    }

        .contact_layout_8 .sidebar-control-map ul li.active a span {
            color: #fff !important;
        }

    .contact_layout_8 .sidebar-control-map ul li a {
        display: block;
        font-weight: 600 !important;
        padding: 17px 20px !important;
        background: #e5e5e5;
    }

.contact_layout_8 .contact-form .heading {
    margin-bottom: 30px;
}

.contact_layout_8 .contact-form .input {
    margin-bottom: 20px;
}

    .contact_layout_8 .contact-form .input input {
        width: 100%;
        border: 1px solid #e5e5e5;
        border-radius: 3px;
        padding: 10px 15px;
    }

.contact_layout_8 .contact-form .text-area {
    margin-bottom: 20px;
}

    .contact_layout_8 .contact-form .text-area textarea {
        padding: 10px 15px;
        border: 1px solid #e5e5e5;
        border-radius: 3px;
        max-width: 100%;
        min-width: 100%;
        height: 150px;
    }

/**
Content box layout
 */
.content-box-item {
    /**
 ABOUT PAGE
 */
}

    .content-box-item.style-1 .content-box-icon {
        width: 50px;
        height: 50px;
        display: table;
        background: #178c95;
        border-radius: 50px;
        text-align: center;
        float: left;
    }

        .content-box-item.style-1 .content-box-icon i {
            font-size: 26px;
            display: table-cell;
            vertical-align: middle;
            color: #fff;
        }

    .content-box-item.style-1 .content-box-main {
        margin-left: 50px;
        padding-left: 15px;
    }

        .content-box-item.style-1 .content-box-main .title h4 {
            font-size: 18px;
            color: #555555;
            font-weight: 700;
        }

        .content-box-item.style-1 .content-box-main .content p {
            font-size: 14px;
            line-height: 1.5714285714;
        }

    .content-box-item.style-2 {
        text-align: center;
        border: 1px solid #cacacc;
        display: table;
        padding: 35px;
    }

        .content-box-item.style-2 .content-holder {
            vertical-align: middle;
            display: table-cell;
        }

        .content-box-item.style-2 .content-box-icon {
            margin: 0 auto;
            background: none;
            float: none;
            text-align: center;
            padding-bottom: 10px;
        }

            .content-box-item.style-2 .content-box-icon i {
                font-size: 48px;
                color: #333333;
            }

        .content-box-item.style-2 .content-box-main {
            margin-left: 0;
        }

            .content-box-item.style-2 .content-box-main .title {
                padding-bottom: 10px;
            }

                .content-box-item.style-2 .content-box-main .title h4 {
                    font-size: 24px;
                    color: #333333;
                }

            .content-box-item.style-2 .content-box-main .content p {
                font-size: 14px;
                color: #666666;
            }

    .content-box-item.style-3 {
        text-align: center;
    }

        .content-box-item.style-3 .icon-present {
            margin-bottom: 30px;
        }

            .content-box-item.style-3 .icon-present i {
                font-size: 48px;
                color: #178c95;
            }

        .content-box-item.style-3 .title {
            margin-bottom: 14px;
        }

            .content-box-item.style-3 .title h4 {
                font-size: 18px;
                font-weight: 700;
                color: #178c95;
            }

        .content-box-item.style-3 .subtitle p {
            font-size: 14px;
            color: #666;
        }

.content-box-layout.style-3 {
    padding: 80px 0;
    background-color: #f0f5f8;
}

/**
Footer
 */
.main-footer {
    background-color: #2e363a;
    padding-top: 20px;
}

    .main-footer .services-widget .logo {
        margin-bottom: 14px;
    }

    .main-footer .services-widget .services-list {
        border-right: 1px solid #384247;
        margin-right: 30px;
        padding-bottom: 30px;
    }

        .main-footer .services-widget .services-list ul {
            margin: 0;
            padding: 0;
        }

            .main-footer .services-widget .services-list ul li {
                list-style: square inside;
                line-height: 2;
            }

                .main-footer .services-widget .services-list ul li:after {
                    content: "";
                    display: table;
                    clear: both;
                }

                .main-footer .services-widget .services-list ul li a {
                    font-size: 13px;
                    color: #cccccc;
                    display: inline-block;
                }

                .main-footer .services-widget .services-list ul li:hover {
                    color: #fff;
                    -webkit-transition: all 0.3s;
                    transition: all 0.3s;
                }

                    .main-footer .services-widget .services-list ul li:hover a {
                        color: #fff;
                    }

    .main-footer .contact-widget h3 {
        margin-bottom: 30px;
        font-size: 24px;
        color: #999999;
    }

    .main-footer .contact-widget .content {
        padding-right: 50px;
        padding-bottom: 22px;
        margin-right: 20px;
        border-right: 1px solid #384247;
    }

        .main-footer .contact-widget .content p {
            font-size: 13px;
            color: #cccccc;
            margin: 0;
            line-height: 2;
        }

            .main-footer .contact-widget .content p .bold {
                font-weight: 700;
                margin-right: 5px;
            }

    .main-footer .social-widget h3 {
        margin-bottom: 34px;
        font-size: 24px;
        color: #999999;
    }

    .main-footer .social-widget .social-list {
        padding: 0;
    }

        .main-footer .social-widget .social-list li {
            float: left;
            border-radius: 3px;
            list-style: none;
            width: 36px;
            height: 36px;
            display: table;
            text-align: center;
            background: #434a4e;
            margin-right: 5px;
            -webkit-transition: all 0.3s;
            transition: all 0.3s;
        }

            .main-footer .social-widget .social-list li a {
                display: table-cell;
                vertical-align: middle;
                color: #fff;
            }

            .main-footer .social-widget .social-list li:hover {
                background: #178c95;
                -webkit-transition: all 0.3s;
                transition: all 0.3s;
            }

@media (max-width: 991px) {
    .main-footer .services-widget .services-list, .main-footer .contact-widget .content {
        border: none;
    }
}

.sub-footer {
    padding: 35px 0;
    background-color: #282f33;
}

    .sub-footer .copyright {
        float: left;
        font-size: 12px;
        color: #888888;
        margin: 0;
        line-height: 1;
    }

    .sub-footer .quick-link {
        float: right;
        padding: 0;
        line-height: 1;
        margin: 0;
        margin: 0 -15px;
    }

        .sub-footer .quick-link li {
            list-style: none;
            display: inline-block;
            padding: 0 15px;
        }

            .sub-footer .quick-link li a {
                font-size: 12px;
                color: #888888;
            }

                .sub-footer .quick-link li a:hover {
                    color: #f39c12;
                }

@media (max-width: 991px) {
    .sub-footer .copyright {
        display: block;
        margin-bottom: 15px;
    }

    .sub-footer .quick-link {
        float: left;
    }
}

/**
HEADER
 */
#mmenu {
    z-index: 3;
}

    #mmenu:not(.mm-menu) {
        display: none;
    }

.navbar-fixed {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 2;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.1);
}

    .navbar-fixed.navbar-main {
        background-color: rgb(23 140 149 / 0,90);
    }

.js-global-header-scrolling {
    top: -62px;
    /* Height of the header */
}

.top-bar {
    /*Topbar*/
    font-size: 13px;
    color: #808080;
    padding: 10px 0;
    background-color: #f5f5f5;
    border-bottom: 1px solid #ededed;
}

    .top-bar:after {
        content: "";
        display: table;
        clear: both;
    }

    .top-bar .greeting {
        float: left;
        margin-bottom: 0;
    }

    .top-bar .quick-link {
        float: right;
    }

        .top-bar .quick-link a {
            color: #808080;
            padding-right: 3px;
        }

@media (max-width: 767px) {
    .top-bar .greeting {
        float: none;
        display: block;
        text-align: center;
    }

    .top-bar .quick-link {
        float: none;
        text-align: center;
    }
}

.header-main {
    /*Mid Header*/
    padding: 0;
}

    .header-main:after {
        content: "";
        display: table;
        clear: both;
    }

    .header-main .logo {
        float: left;
    }

    .header-main .contact-widget {
        float: right;
        padding-top: 30px;
    }

        .header-main .contact-widget .contact-list {
            float: left;
        }

            .header-main .contact-widget .contact-list:after {
                content: "";
                display: table;
                clear: both;
            }

            .header-main .contact-widget .contact-list .item {
                float: left;
                margin-right: 48px;
            }

                .header-main .contact-widget .contact-list .item i {
                    float: left;
                    font-size: 24px;
                    color: #002839;
                    padding-top: 7px;
                }

                .header-main .contact-widget .contact-list .item .text {
                    margin-left: 37px;
                    padding-left: 10px;
                    border-left: 1px solid #e6e6e6;
                }

                    .header-main .contact-widget .contact-list .item .text p {
                        margin: 0;
                        font-size: 14px;
                    }

                    .header-main .contact-widget .contact-list .item .text .bot {
                        color: #888888;
                    }

        .header-main .contact-widget .phone {
            /*Style 2*/
            float: left;
        }

            .header-main .contact-widget .phone i {
                float: left;
                font-size: 24px;
                color: #002839;
                padding-top: 7px;
            }

            .header-main .contact-widget .phone .text {
                margin-left: 35px;
                padding: 6px 0 6px 10px;
                border-left: 1px solid #e6e6e6;
            }

                .header-main .contact-widget .phone .text p {
                    margin: 0;
                    font-size: 14px;
                    color: #555555;
                }

                    .header-main .contact-widget .phone .text p .bold {
                        font-weight: 700;
                        font-size: 18px;
                        color: #555555;
                        margin-left: 10px;
                    }

@media (max-width: 479px) {
    .header-main .contact-widget {
        padding-top: 15px;
        float: left;
    }

        .header-main .contact-widget i {
            display: none;
        }

        .header-main .contact-widget .phone .text {
            padding-left: 0;
            margin-left: 0;
            border: 0;
        }
}

.navbar-main {
    /*Navigation*/
    background: #178c95;
}

    .navbar-main .navbar-holder:after {
        content: "";
        display: table;
        clear: both;
    }

    .navbar-main .navbar-menu {
        float: left;
    }

    .navbar-main .dropdown-menu, .navbar-main .dropdown-menu-child {
        box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.1);
    }

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

        .navbar-main .menu li {
            display: inline-block;
        }

            .navbar-main .menu li a {
                display: block;
                font-size: 14px;
                font-weight: 700;
                color: #f5f5f5;
                text-transform: uppercase;
                padding: 20px;
            }

        .navbar-main .menu .dropdown:hover .dropdown-menu {
            opacity: 1;
            -webkit-transition: all 0.3s;
            transition: all 0.3s;
            top: 100%;
            visibility: visible;
        }

        .navbar-main .menu .dropdown .dropdown-menu {
            display: block;
            border: none;
            border-radius: 0;
            margin: 0;
            padding: 0;
            background: #fff;
            left: 20px;
            opacity: 0;
            -webkit-transition: all 0.3s;
            transition: all 0.3s;
            top: 115%;
            visibility: hidden;
        }

            .navbar-main .menu .dropdown .dropdown-menu li {
                min-width: 260px;
            }

                .navbar-main .menu .dropdown .dropdown-menu li a {
                    width: 100%;
                    font-weight: 400;
                    font-size: 12px;
                    color: #666666;
                    padding: 15px;
                }

                    .navbar-main .menu .dropdown .dropdown-menu li a:hover {
                        color: #fff;
                        background: #178c95;
                    }

        .navbar-main .menu .dropdown-child {
            position: relative;
        }

            .navbar-main .menu .dropdown-child:hover .dropdown-menu-child {
                opacity: 1;
                -webkit-transition: all 0.3s;
                transition: all 0.3s;
                left: 100%;
                visibility: visible;
            }

                .navbar-main .menu .dropdown-child:hover .dropdown-menu-child li {
                    display: block;
                }

            .navbar-main .menu .dropdown-child .dropdown-menu-child {
                position: absolute;
                display: block;
                box-shadow: none;
                border: none;
                border-radius: 0;
                margin: 0;
                padding: 0;
                background: #fff;
                left: 115%;
                opacity: 0;
                -webkit-transition: all 0.3s;
                transition: all 0.3s;
                top: 0;
                visibility: hidden;
            }

                .navbar-main .menu .dropdown-child .dropdown-menu-child li {
                    display: none;
                    min-width: 260px;
                }

                    .navbar-main .menu .dropdown-child .dropdown-menu-child li a {
                        width: 100%;
                        font-weight: 400;
                        font-size: 12px;
                        color: #666666;
                        padding: 15px;
                    }

                        .navbar-main .menu .dropdown-child .dropdown-menu-child li a:hover {
                            color: #fff;
                            background: #178c95;
                        }

    .navbar-main .search {
        /*Search*/
        float: right;
        margin-top: 17px;
        position: relative;
        border-radius: 4px;
        overflow: hidden;
    }

        .navbar-main .search .search-input {
            border: none;
            font-size: 14px;
            -webkit-transition: all 0.3s;
            transition: all 0.3s;
            width: 0;
            padding: 3px 28px 3px 0;
            visibility: hidden;
        }

        .navbar-main .search .search-submit {
            position: absolute;
            top: 0;
            right: 0;
            background: transparent;
            border: none;
            width: 28px;
            height: 28px;
            z-index: 90;
            cursor: pointer;
            opacity: 0;
        }

        .navbar-main .search .search-icon {
            border-radius: 3px;
            background: #f39c12;
            position: absolute;
            top: 0;
            right: 0;
            color: #fff;
            width: 28px;
            height: 28px;
            display: table;
            text-align: center;
            z-index: 11;
        }

            .navbar-main .search .search-icon:before {
                vertical-align: middle;
                display: table-cell;
                font-family: "FontAwesome";
                content: '\f002';
                color: #fff;
            }

    .navbar-main .search-open .search-input {
        visibility: visible;
        width: 250px;
        padding: 3px 28px 3px 5px;
    }

    .navbar-main .search-open .search-icon {
        border-radius: 0 3px 3px 0;
    }

    .navbar-main .search:hover .search-icon {
        -webkit-transition: all 0.3s;
        transition: all 0.3s;
        background: #c87f0a;
    }

@media (min-width: 992px) and (max-width: 1199px) {
    .navbar-main .search .search-input {
        width: 150px;
    }
}

@media (max-width: 991px) {
    .navbar-main .navbar-toggle {
        display: block !important;
        float: left;
        padding: 24px 0;
        margin: 0;
        border: 0;
    }

        .navbar-main .navbar-toggle .icon-bar {
            background: #fff;
        }

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

/**
Heading page layout
 */
.heading-page {
    background-size: cover !important;
}

.heading-normal {
    background: #fff;
    border-bottom: 1px solid #ebebeb;
}

    .heading-normal .au-breadcrumb {
        padding: 15px 0;
    }

        .heading-normal .au-breadcrumb .au-breadcrumb-item a {
            color: #999999;
        }

            .heading-normal .au-breadcrumb .au-breadcrumb-item a:hover {
                color: #178c95;
            }

        .heading-normal .au-breadcrumb .au-breadcrumb-item:after {
            color: #178c95;
        }

.heading-services-list {
    padding: 70px 0 60px 0;
}

    .heading-services-list:after {
        content: "";
        display: table;
        clear: both;
    }

    .heading-services-list .heading-title {
        float: left;
    }

        .heading-services-list .heading-title h1 {
            margin: 0;
            font-size: 36px;
            color: #333333;
            font-weight: 700;
        }

    .heading-services-list .au-breadcrumb {
        float: right;
    }

        .heading-services-list .au-breadcrumb .au-breadcrumb-item {
            line-height: 39px;
        }

    .heading-services-list.invert .heading-title h1 {
        color: #fff;
    }

    .heading-services-list.invert .au-breadcrumb .au-breadcrumb-item a, .heading-services-list.invert .au-breadcrumb .au-breadcrumb-item:after {
        color: #178c95;
    }

@media (max-width: 479px) {
    .heading-services-list .heading-title {
        float: none;
    }

    .heading-services-list .au-breadcrumb {
        float: none;
    }
}

.heading-services-detail-1 {
    padding: 45px 0;
}

    .heading-services-detail-1 .au-breadcrumb .au-breadcrumb-item {
        line-height: 39px;
    }

        .heading-services-detail-1 .au-breadcrumb .au-breadcrumb-item:after {
            color: #178c95;
        }

        .heading-services-detail-1 .au-breadcrumb .au-breadcrumb-item a {
            color: #178c95;
        }

    .heading-services-detail-1 .heading-title h1 {
        margin: 0;
        font-size: 36px;
        color: #fff;
        font-weight: 700;
    }

.heading-services-detail-5 {
    text-align: center;
    padding: 40px 0 0 0;
}

    .heading-services-detail-5 .heading-title h1 {
        color: #fff;
        font-weight: 700;
        margin: 0;
    }

    .heading-services-detail-5 .au-breadcrumb {
        text-align: center;
        display: inline-block;
    }

        .heading-services-detail-5 .au-breadcrumb .au-breadcrumb-item a, .heading-services-detail-5 .au-breadcrumb .au-breadcrumb-item:after {
            color: #cccccc;
        }

.heading-agent-list-1 .heading-title h1 {
    font-size: 48px;
}

.heading-agent-detail {
    position: relative;
}

    .heading-agent-detail .content-holder {
        padding: 70px 0 0 0;
        margin-bottom: 30px;
    }

    .heading-agent-detail .agent-main {
        padding-top: 70px;
        padding-bottom: 50px;
        padding-left: 15px;
    }

        .heading-agent-detail .agent-main .heading-title {
            padding-bottom: 20px;
        }

            .heading-agent-detail .agent-main .heading-title h1 {
                margin-top: 0;
                color: #fff;
                font-weight: 700;
            }

        .heading-agent-detail .agent-main .au-breadcrumb {
            padding-bottom: 15px;
        }

            .heading-agent-detail .agent-main .au-breadcrumb .au-breadcrumb-item {
                color: #cccccc;
            }

                .heading-agent-detail .agent-main .au-breadcrumb .au-breadcrumb-item a {
                    color: #cccccc;
                }

    .heading-agent-detail .agent-image {
        border-radius: 3px;
        overflow: hidden;
        position: relative;
        top: 30px;
    }

    .heading-agent-detail button {
        display: inline-block;
        float: left;
        margin-right: 5px;
        padding: 9px 15px;
    }

    .heading-agent-detail .contact-group:after {
        content: "";
        display: table;
        clear: both;
    }

    .heading-agent-detail .social-list {
        list-style: none;
        padding: 0;
        margin: 0;
        display: inline-block;
    }

        .heading-agent-detail .social-list .facebook {
            background: #3b5998;
        }

        .heading-agent-detail .social-list .twitter {
            background: #00aced;
        }

        .heading-agent-detail .social-list .linkedin {
            background: #007bb6;
        }

        .heading-agent-detail .social-list li {
            margin-right: 5px;
            display: table;
            float: left;
            width: 40px;
            height: 40px;
            text-align: center;
            border-radius: 3px;
        }

            .heading-agent-detail .social-list li a {
                display: table-cell;
                vertical-align: middle;
            }

            .heading-agent-detail .social-list li i {
                font-size: 15px;
                color: #fff;
            }

@media (max-width: 1199px) {
    .heading-agent-detail .content-holder {
        margin-bottom: 0;
    }
}

@media (max-width: 991px) {
    .heading-agent-detail .content-holder {
        padding-top: 30px;
    }

    .heading-agent-detail .agent-image {
        top: 70px;
    }
}

@media (max-width: 767px) {
    .heading-agent-detail .agent-image {
        margin-bottom: 30px;
    }

        .heading-agent-detail .agent-image img {
            width: 100%;
        }
}

.heading-get-a-quote {
    padding: 40px 0;
}

    .heading-get-a-quote .heading h1 {
        font-weight: 700;
        color: #fff;
    }

    .heading-get-a-quote .sub-heading span {
        font-size: 14px;
        color: #e5e5e5;
    }

.heading-get-a-quote-1 {
    padding: 100px 0;
    text-align: center;
}

    .heading-get-a-quote-1 .heading {
        padding-bottom: 15px;
    }

        .heading-get-a-quote-1 .heading h1 {
            font-weight: 700;
            color: #fff;
            font-size: 48px;
        }

    .heading-get-a-quote-1 .sub-heading span {
        font-size: 18px;
        color: #cccccc;
        font-style: italic;
    }

.heading-get-a-quote-2 {
    position: relative;
}

    .heading-get-a-quote-2 .heading-content {
        position: absolute;
        top: 15px;
        left: 45px;
    }

    .heading-get-a-quote-2 .heading h1 {
        font-size: 36px;
        font-weight: 700;
        color: #fff;
        margin-bottom: 0;
    }

    .heading-get-a-quote-2 .sub-heading span {
        font-size: 14px;
        color: #e5e5e5;
    }

.heading-project {
    background: #f2f2f2;
}

    .heading-project .au-breadcrumb .au-breadcrumb-item.active a, .heading-project .au-breadcrumb .au-breadcrumb-item:after {
        color: #999999;
        content: '/';
    }

    .heading-project .au-breadcrumb .au-breadcrumb-item a, .heading-project .au-breadcrumb .au-breadcrumb-item i {
        font-size: 13px;
        color: #555555;
    }

/**
icon box layout
 */
.icon-box-layout.style-1 {
    background: #f0f5f8;
    padding: 85px 0;
}

    .icon-box-layout.style-1 .icon-box-item {
        margin-bottom: 30px;
    }

    .icon-box-layout.style-1 .heading-layout {
        text-align: center;
    }

    .icon-box-layout.style-1 .sub-heading {
        padding-bottom: 50px;
        text-align: center;
    }

        .icon-box-layout.style-1 .sub-heading span {
            font-size: 16px;
            color: #888888;
            font-weight: 600;
        }

@media (max-width: 991px) {
    .icon-box-layout.style-1 .heading-layout, .icon-box-layout.style-1 .sub-heading {
        text-align: left;
    }
}

.icon-box-item .icon-box-icon {
    width: 50px;
    height: 50px;
    display: table;
    text-align: center;
    background: #178c95;
    float: left;
}

    .icon-box-item .icon-box-icon i {
        display: table-cell;
        vertical-align: middle;
        font-size: 26px;
        color: #f0f5f8;
    }

.icon-box-item .icon-box-main {
    margin-left: 50px;
    padding-left: 20px;
}

.icon-box-item .icon-box-title {
    line-height: 1;
    padding-bottom: 10px;
}

    .icon-box-item .icon-box-title a {
        font-size: 14px;
        font-weight: 700;
        color: #555555;
    }

        .icon-box-item .icon-box-title a:hover {
            color: #f39c12;
        }

.icon-box-item .icon-box-content p {
    font-size: 14px;
    line-height: 1.5714285714;
}

#loading {
    position: fixed;
    top: 0;
    min-height: 480px;
    width: 100%;
    height: 100%;
    z-index: 100;
    background: #ffffff;
}

    #loading .image-load {
        position: absolute;
        top: 50%;
        left: 50%;
        margin-left: -32px;
        margin-top: -32px;
        width: 64px;
        height: 64px;
    }

        #loading .image-load img {
            width: 100%;
        }

/**
Partner
 */
.partner-layout.style-1 {
    padding: 80px 0 100px 0;
}

    .partner-layout.style-1 .partner-list {
        margin: 0 -15px;
        margin: 0;
        padding: 0;
    }

        .partner-layout.style-1 .partner-list:after {
            content: "";
            display: table;
            clear: both;
        }

        .partner-layout.style-1 .partner-list .partner-item {
            font-size: 0;
            padding: 0 15px;
            display: inline-block;
            width: 100%;
        }

            .partner-layout.style-1 .partner-list .partner-item a {
                text-align: center;
                border: 1px solid #e5e5e5;
                display: block;
                width: 205px;
                margin: 0 auto;
            }

                .partner-layout.style-1 .partner-list .partner-item a img {
                    padding: 15px 0;
                    max-width: 100%;
                    max-height: 105px; /* Çerçeve yüksekliği korunur */
                    height: auto; /* Oranlı küçülme/büyüme */
                    width: auto; /* Oranlı küçülme/büyüme */
                    margin: 0 auto;
                    display: block;
                    object-fit: contain; /* Taşma olursa sığdırır, bozulmaz */
                }

/**
  ALL PRODUCT LAYOUT
 */
/*ITEM STYLE PRIMARY*/
.product-item.style-1 {
    margin-bottom: 40px;
    /*image*/
    /*title*/
    /*Content*/
}

    .product-item.style-1 .image img {
        width: 100%;
    }

    .product-item.style-1 .title {
        margin: 15px 0 10px 0;
    }

        .product-item.style-1 .title a {
            font-size: 18px;
            font-weight: 700;
            text-transform: uppercase;
            color: #178c95;
        }

            .product-item.style-1 .title a:hover {
                color: #f39c12;
            }

    .product-item.style-1 .content p {
        font-size: 14px;
        color: #666;
    }

.product-item.style-2 {
    text-align: center;
    padding: 15px;
    background: #fff;
    margin-bottom: 20px;
    border-radius: 3px;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

    .product-item.style-2:hover {
        background: #178c95;
        -webkit-transition: all 0.5s;
        transition: all 0.5s;
    }

        .product-item.style-2:hover .icon i, .product-item.style-2:hover .icon a, .product-item.style-2:hover .icon p, .product-item.style-2:hover .title i, .product-item.style-2:hover .title a, .product-item.style-2:hover .title p, .product-item.style-2:hover .content i, .product-item.style-2:hover .content a, .product-item.style-2:hover .content p, .product-item.style-2:hover .view-more i, .product-item.style-2:hover .view-more a, .product-item.style-2:hover .view-more p {
            color: #fff;
            -webkit-transition: all 0.5s;
            transition: all 0.5s;
        }

        .product-item.style-2:hover .view-more a {
            text-decoration: underline !important;
        }

    .product-item.style-2 .icon {
        padding-bottom: 10px;
        padding-top: 15px;
    }

        .product-item.style-2 .icon i {
            font-size: 36px;
            color: #178c95;
        }

    .product-item.style-2 .title {
        padding-bottom: 10px;
    }

        .product-item.style-2 .title a {
            font-weight: 700;
            font-size: 18px;
            color: #555555;
            text-transform: uppercase;
        }

    .product-item.style-2 .content {
        padding-bottom: 10px;
    }

        .product-item.style-2 .content p {
            font-size: 14px;
            line-height: 1.5714285714;
        }

    .product-item.style-2 .view-more {
        padding-bottom: 15px;
    }

        .product-item.style-2 .view-more a {
            font-size: 14px;
            color: #178c95;
        }

/*AT HOME 1*/
.product-layout {
    /*ANGET DETAIL*/
}

    .product-layout.style-1 {
        /*Heading*/
    }

        .product-layout.style-1 .heading {
            margin-bottom: 30px;
        }

            .product-layout.style-1 .heading h3 {
                font-size: 36px;
                color: #178c95;
            }

    .product-layout.product-layout-none-heading {
        padding: 75px 0 65px 0;
    }

    .product-layout.style-2 {
        /*Heading*/
    }

        .product-layout.style-2 .heading h3 {
            font-size: 24px;
            color: #222222;
            font-weight: 700;
            margin-bottom: 5px;
        }

        .product-layout.style-2 .lead {
            margin-bottom: 25px;
        }

            .product-layout.style-2 .lead span {
                font-size: 15px;
                color: #999999;
                font-style: italic;
                font-weight: 500;
            }

    .product-layout.style-3 {
        background: #f0f5f8;
        padding: 60px 0 90px 0;
    }

        .product-layout.style-3 .heading {
            text-align: center;
            padding-bottom: 15px;
        }

        .product-layout.style-3 .sub-heading {
            text-align: center;
            padding-bottom: 35px;
        }

            .product-layout.style-3 .sub-heading span {
                font-size: 18px;
                color: #888888;
                line-height: 1.3333333333;
            }

/**
Project detail
 */
.projects-detail:after {
    content: "";
    display: table;
    clear: both;
}

.projects-detail .projects-detail-heading {
    padding-bottom: 15px;
}

    .projects-detail .projects-detail-heading h3 {
        margin-top: 0;
        font-size: 18px;
        color: #333333;
        font-weight: 700;
    }

.projects-detail .projects-detail-content p {
    font-size: 14px;
}

.projects-detail .projects-detail-detail {
    padding-bottom: 15px;
}

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

        .projects-detail .projects-detail-detail ul li {
            font-size: 14px;
            color: #666666;
            margin-bottom: 15px;
        }

.projects-detail .projects-detail-plan p {
    color: #666666;
    margin-bottom: 30px;
}

.projects-detail .project-detail-imageMain {
    margin-bottom: 30px;
}

    .projects-detail .project-detail-imageMain img {
        width: 100%;
    }

.projects-detail .project-detail-thumb {
    margin: 0 -15px;
}

    .projects-detail .project-detail-thumb .thumb-item {
        width: 50%;
        float: left;
        padding: 0 15px;
    }

        .projects-detail .project-detail-thumb .thumb-item img {
            width: 100%;
            border-radius: 3px;
        }

/**
Project List
 */
.project-subjects ul {
    padding: 0;
    margin: 0;
}

    .project-subjects ul li {
        display: inline-block;
        line-height: 1;
        padding-right: 40px;
        cursor: pointer;
    }

        .project-subjects ul li h4 {
            margin: 0;
            font-size: 15px;
            color: #555555;
        }

        .project-subjects ul li.is-checked h4 {
            color: #178c95;
        }

        .project-subjects ul li:hover h4 {
            -webkit-transition: all 0.3s;
            transition: all 0.3s;
            color: #178c95;
        }

@media (max-width: 479px) {
    .project-subjects ul li {
        display: block;
        margin-bottom: 10px;
    }
}

.project-item {
    margin-bottom: 35px;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.12);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.12);
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.12);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    min-height: 370px;
}

    .project-item .project-item-title {
        padding: 5px 5px 0 5px;
    }

        .project-item .project-item-title a {
            font-size: 18px;
            color: #333333;
            line-height: 2;
            font-weight: 700;
        }

            .project-item .project-item-title a:hover {
                color: #f39c12;
            }

    .project-item .project-item-subjects {
        font-size: 15px;
        color: #9f9f9f;
        line-height: 1;
        padding: 0 5px 5px 5px;
    }

.projects-layout .project-subjects {
    padding-bottom: 50px;
}

.project-item-img img {
    width: 100%;
    height: auto;
    object-fit: cover;
}

/**
    SOSYAL MEDYA
*/
.social-list li {
    display: inline-block;
    margin-right: 10px;
}

.social-list i {
    font-size: medium;
    color: #f0f5f8;
    transition: color 0.3s;
}

.social-list a:hover i {
    color: #f0f5f8;
}

.icon-set {
    display: flex;
    justify-content: center; /* ortala yatay */
    gap: 40px; /* simgeler arası boşluk */
    margin: 20px 0;
    flex-wrap: wrap; /* responsive için alt satıra kaydırır */
}

.icon-item {
    text-align: center;
    transition: transform 0.3s, color 0.3s;
    cursor: pointer;
}

    .icon-item i {
        font-size: 3em; /* büyük ikon */
        color: #333; /* varsayılan renk */
        display: block;
        margin-bottom: 10px;
        transition: color 0.3s;
    }

    .icon-item span {
        display: block;
        font-size: 1em;
        color: #555;
    }

    .icon-item:hover i {
        color: #007bff; /* hover renk değişimi */
        transform: scale(1.2); /* hafif büyüme efekti */
    }

    .icon-item:hover span {
        color: #007bff;
    }
/*
        lightbox
    */

.gallery-top {
    width: 100%;
    height: 400px;
    margin-bottom: 10px;
}

    .gallery-top .swiper-slide img {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }

.gallery-thumbs {
    height: 100px;
    margin-top: 10px;
    display: flex;
    justify-content: center; /* ortalamak için */
    align-items: center;
}

    .gallery-thumbs .swiper-slide {
        width: 80px; /* veya ihtiyacına göre */
        height: 100%;
        opacity: 0.5;
        cursor: pointer;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .gallery-thumbs .swiper-slide-thumb-active {
        opacity: 1;
    }

    .gallery-thumbs img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

/**
        WHATSAPP 
    */
.whatsapp-btn {
    display: block; /* Flex yerine block */
    width: 100%; /* Container kadar */
    padding: 12px 20px;
    background-color: #25D366;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    border: none;
    border-radius: 8px;
    cursor: pointer;
    transition: background-color 0.3s ease;
    box-sizing: border-box; /* Taşmayı önler */
}

    .whatsapp-btn:hover {
        background-color: #1ebe5c;
    }

    .whatsapp-btn i {
        margin-right: 8px;
        font-size: 18px;
    }


/**
Get a quote
 */
.quote-form-style-1 {
    padding-right: 50px;
}

    .quote-form-style-1:after {
        content: "";
        display: table;
        clear: both;
    }

    .quote-form-style-1 .heading {
        float: left;
        padding-bottom: 25px;
    }

        .quote-form-style-1 .heading h3 {
            font-size: 24px;
            color: #333333;
        }

    .quote-form-style-1 .fancy-select-wrapper {
        display: inline-block;
        font-size: 0;
        vertical-align: bottom;
    }

        .quote-form-style-1 .fancy-select-wrapper .fancy-select {
            display: inline-block;
            width: 100%;
        }

            .quote-form-style-1 .fancy-select-wrapper .fancy-select .trigger {
                min-width: 0;
                width: 100%;
                padding: 12px 20px;
                border: 1px solid #cccccc;
                background: #fff;
                box-shadow: none;
                font-weight: 400;
                font-size: 14px;
                text-transform: none;
                text-align: left;
            }

                .quote-form-style-1 .fancy-select-wrapper .fancy-select .trigger:after {
                    background: #f0f5f8;
                    border-left: 1px solid #cccccc;
                    width: 15px;
                    height: 15px;
                    content: "\f078";
                    font-family: "FontAwesome";
                    display: block;
                    position: absolute;
                    border-top: 0;
                    top: -24px;
                    right: 0;
                    padding: 35px 20px 35px 10px;
                }

            .quote-form-style-1 .fancy-select-wrapper .fancy-select ul {
                background: #fff;
                width: 100%;
                min-width: 0;
                padding: 0;
                margin-top: 5px;
                border-top: 0;
            }

                .quote-form-style-1 .fancy-select-wrapper .fancy-select ul li {
                    width: 100%;
                    text-align: left;
                    padding-left: 20px;
                    font-weight: 400;
                    color: #666666;
                }

                    .quote-form-style-1 .fancy-select-wrapper .fancy-select ul li:hover {
                        color: #f39c12;
                    }

                    .quote-form-style-1 .fancy-select-wrapper .fancy-select ul li.selected {
                        background: #f39c12;
                        color: #fff;
                    }

    .quote-form-style-1 .form-input {
        margin-bottom: 25px;
    }

        .quote-form-style-1 .form-input input {
            border: 1px solid #cccccc;
            border-radius: 3px;
            padding: 13px 17px;
            font-size: 14px;
            color: #666666 !important;
        }

            .quote-form-style-1 .form-input input[placeholder] {
                color: #888888;
            }

    .quote-form-style-1 .label {
        padding: 0;
        text-align: left;
    }

        .quote-form-style-1 .label span {
            padding-bottom: 15px;
            display: block;
            color: #555555;
            font-size: 14px;
        }

    .quote-form-style-1 .form-group {
        float: left;
        width: 100%;
    }

        .quote-form-style-1 .form-group:after {
            content: "";
            display: table;
            clear: both;
        }

        .quote-form-style-1 .form-group .form-item {
            float: left;
            width: 50%;
            padding-right: 20px;
        }

            .quote-form-style-1 .form-group .form-item .form-input {
                width: 100%;
            }

                .quote-form-style-1 .form-group .form-item .form-input input {
                    width: 100%;
                }

    .quote-form-style-1 .form-item-group {
        float: left;
        width: 50%;
    }

        .quote-form-style-1 .form-item-group .form-item-group-item {
            float: left;
            width: 50%;
            padding-right: 20px;
        }

            .quote-form-style-1 .form-item-group .form-item-group-item .form-input {
                width: 100%;
            }

                .quote-form-style-1 .form-item-group .form-item-group-item .form-input input {
                    width: 100%;
                }

    .quote-form-style-1 .form-button {
        float: left;
    }

@media (max-width: 479px) {
    .quote-form-style-1 .form-group .form-item {
        width: 100%;
        padding-right: 0;
    }

    .quote-form-style-1 .form-item-group {
        float: left;
        width: 100%;
    }
}

@media (max-width: 319px) {
    .quote-form-style-1 {
        padding-right: 0;
    }
}

.quote-form-style-2 .form-group .form-item {
    width: 33.33%;
}

.quote-form-style-2 .form-input input {
    border: none;
}

.quote-form-style-2 .heading h3 {
    color: #fff;
}

.quote-form-style-2 .label span {
    color: #fff;
}

.quote-form-style-2 .form-item-group {
    width: 33.33%;
}

@media (max-width: 479px) {
    .quote-form-style-2 .form-group .form-item {
        width: 100%;
        padding-right: 0;
    }

    .quote-form-style-2 .form-item-group {
        float: left;
        width: 100%;
    }
}

@media (max-width: 319px) {
    .quote-form-style-2 {
        padding-right: 0;
    }
}

@media (max-width: 991px) {
    .quote-form-style-2 {
        padding-right: 0;
    }
}

.quote-form-style-3 {
    background: #178c95;
}

    .quote-form-style-3 .head-section {
        background: #014d8c;
        padding: 7px 20px;
    }

        .quote-form-style-3 .head-section h4 {
            font-weight: 700;
            color: #f39c12;
        }

    .quote-form-style-3 .quote-form-container {
        padding: 44px 60px 45px 60px;
    }

        .quote-form-style-3 .quote-form-container .quote-form-heading {
            padding-bottom: 20px;
        }

            .quote-form-style-3 .quote-form-container .quote-form-heading h4 {
                color: #fff;
                font-size: 24px;
            }

    .quote-form-style-3 .quote-form-item {
        margin-bottom: 12px;
    }

        .quote-form-style-3 .quote-form-item .quote-form-label {
            margin-bottom: 5px;
        }

            .quote-form-style-3 .quote-form-item .quote-form-label span {
                color: #fff;
                font-size: 14px;
                font-weight: 700;
            }

        .quote-form-style-3 .quote-form-item .quote-form-input input {
            font-size: 14px;
            width: 100%;
        }

    .quote-form-style-3 .quote-form-button {
        padding-top: 25px;
    }

/**
  Post services
 */
.post-paragraph .post-heading h3 {
    font-size: 20px;
    font-weight: 700;
    color: #333333;
}

.post-paragraph .post-content p {
    font-size: 14px;
    line-height: 1.5714285714;
}

.post-table table {
    border-collapse: collapse;
}

    .post-table table tbody tr td {
        padding: 13px 20px;
        font-size: 14px;
    }

    .post-table table tbody tr .tblock {
        background-color: #f2f2f2;
        padding: 30px 20px;
        text-align: center;
    }

        .post-table table tbody tr .tblock .tblock-container {
            display: inline-block;
        }

            .post-table table tbody tr .tblock .tblock-container:after {
                content: "";
                display: table;
                clear: both;
            }

        .post-table table tbody tr .tblock span {
            font-size: 14px;
            float: left;
            line-height: 3;
            margin-right: 35px;
        }

        .post-table table tbody tr .tblock .post-btn {
            float: left;
        }

            .post-table table tbody tr .tblock .post-btn button {
                background-color: #178c95;
                font-size: 14px;
                font-weight: 400;
                text-transform: none;
                margin-left: 5px;
            }

                .post-table table tbody tr .tblock .post-btn button i {
                    margin-right: 10px;
                }

                .post-table table tbody tr .tblock .post-btn button:hover {
                    background-color: #0269bd;
                }

.post-table-style-1 table {
    border: 0;
}

    .post-table-style-1 table tbody tr td {
        padding: 13px 20px;
    }

.post-table-style-1 .title-col {
    font-weight: 700;
}

.post-table-style-1 .title-row td {
    border-top: 3px solid #f39c12;
    font-size: 15px;
    color: #178c95;
    font-weight: 700;
}

    .post-table-style-1 .title-row td:first-child {
        border: 0;
    }

.post-content-box {
    padding: 30px 30px 10px 30px;
    border: 1px solid #d9d9d9;
}

    .post-content-box ul {
        list-style: none;
        padding: 0;
        margin: 0;
    }

        .post-content-box ul li {
            margin-bottom: 20px;
            font-size: 14px;
        }

            .post-content-box ul li:after {
                content: "";
                display: table;
                clear: both;
            }

            .post-content-box ul li p {
                margin-bottom: 0;
                margin-left: 35px;
            }

            .post-content-box ul li i {
                float: left;
                color: #178c95;
                font-size: 18px;
            }

            .post-content-box ul li .bold {
                margin-right: 7px;
                font-weight: 700;
            }

.post-form-action {
    padding: 20px 40px;
    background-color: #f2f2f2;
    border-top: 3px solid #d9d9d9;
}

    .post-form-action:after {
        content: "";
        display: table;
        clear: both;
    }

    .post-form-action .content {
        float: left;
        padding-right: 20px;
    }

        .post-form-action .content .heading h3 {
            font-size: 20px;
            font-weight: 700;
            color: #333333;
        }

        .post-form-action .content .sub-heading p {
            font-size: 14px;
            line-height: 1.5714285714;
        }

    .post-form-action .form-block {
        padding-top: 20px;
    }

        .post-form-action .form-block input {
            min-width: 300px;
            border: 1px solid #cccccc !important;
            margin-right: 10px;
            font-size: 14px;
            color: #888888;
            padding: 15px;
        }

        .post-form-action .form-block button {
            padding: 15px 70px;
        }

.post-accordion .accordion {
    border-bottom: 1px solid #e5e5e5;
    padding: 15px 0;
}

.post-accordion .accordion-title {
    padding: 0;
    border-bottom: 0;
    cursor: pointer;
}

    .post-accordion .accordion-title:after {
        display: none;
    }

    .post-accordion .accordion-title i {
        float: left;
        line-height: 1;
        margin-right: 7px;
        font-size: 20px;
        color: #b2b2b2;
    }

    .post-accordion .accordion-title h4 {
        color: #333333;
        font-size: 15px;
        margin: 0;
    }

.post-accordion .accordion-content p {
    font-size: 14px;
    line-height: 1.5714285714;
    border-bottom: 0;
    margin: 0;
    padding-left: 0;
}

.post-with-image-style-2 .post-paragraph h3 {
    font-size: 14px;
    line-height: 1.2857142857;
}

.post-with-image-style-3 {
    padding-bottom: 40px !important;
}

    .post-with-image-style-3 .post-paragraph a {
        font-weight: 700;
        color: #333;
        margin-top: 0;
        font-size: 14px;
        line-height: 1.2857142857;
    }

        .post-with-image-style-3 .post-paragraph a:hover {
            color: #f39c12;
        }

    .post-with-image-style-3 .post-image {
        width: 120px;
        float: left;
    }

    .post-with-image-style-3 .post-paragraph {
        padding-bottom: 0 !important;
        padding-left: 20px;
        margin-left: 120px;
    }

        .post-with-image-style-3 .post-paragraph p {
            margin: 0;
        }

.post-icon-box-item {
    text-align: center;
}

    .post-icon-box-item .post-icon-box-icon {
        margin: 0 auto;
        width: 80px;
        height: 80px;
        background: #666666;
        border-radius: 50px;
        display: table;
        text-align: center;
    }

        .post-icon-box-item .post-icon-box-icon i {
            display: table-cell;
            vertical-align: middle;
            color: #fff;
            font-size: 30px;
        }

    .post-icon-box-item .post-icon-box-title {
        padding-top: 5px;
    }

        .post-icon-box-item .post-icon-box-title h4 {
            font-weight: 700;
            font-size: 14px;
            color: #333333;
            line-height: 1.2857142857;
        }

.accordion-layout {
    padding: 70px 0 100px 0;
}

    .accordion-layout .heading-layout {
        padding-bottom: 40px;
        text-align: center;
    }

/**
Sidebar Layout
 */
.sidebar-style-1 .sidebar-container {
    list-style: none;
    padding: 0;
}

    .sidebar-style-1 .sidebar-container .sidebar-item {
        border-bottom: 1px solid #3492df;
    }

        .sidebar-style-1 .sidebar-container .sidebar-item a {
            display: block;
            background: #178c95;
            padding: 10px 0 10px 13px;
            border-left: 5px solid #025aa3;
            font-size: 14px;
            font-weight: 700;
            text-transform: uppercase;
            color: #fff;
        }

            .sidebar-style-1 .sidebar-container .sidebar-item a i {
                font-size: 16px;
                margin-right: 15px;
            }

            .sidebar-style-1 .sidebar-container .sidebar-item a:hover {
                background: #f39c12;
                border-left: 5px solid #bf7b0d;
            }

        .sidebar-style-1 .sidebar-container .sidebar-item:hover {
            border-bottom: 1px solid #f5b041;
        }

        .sidebar-style-1 .sidebar-container .sidebar-item.active {
            border-bottom: 1px solid #f5b041;
        }

            .sidebar-style-1 .sidebar-container .sidebar-item.active a {
                background: #f39c12;
                border-left: 5px solid #bf7b0d;
            }

.sidebar-style-1 .down-file-widget {
    padding: 25px;
    background: #f2f2f2;
    border: 1px solid #d9d9d9;
}

    .sidebar-style-1 .down-file-widget .widget-title {
        padding-bottom: 15px;
    }

        .sidebar-style-1 .down-file-widget .widget-title h4 {
            font-size: 14px;
        }

    .sidebar-style-1 .down-file-widget .widget-button a {
        display: block;
        width: 100%;
        padding: 10px 30px;
        background-color: #178c95;
        color: #fff;
        font-weight: normal;
        text-transform: none;
        margin-bottom: 10px;
    }

.sidebar-style-2 .sidebar-container .sidebar-item {
    border-bottom: 1px solid #e6e6e6;
}

    .sidebar-style-2 .sidebar-container .sidebar-item:hover {
        border-bottom: 1px solid #e6e6e6;
    }

    .sidebar-style-2 .sidebar-container .sidebar-item a {
        background: #f2f2f2;
        border-left: 5px solid #d9d9d9;
        color: #178c95;
        text-transform: none;
    }

        .sidebar-style-2 .sidebar-container .sidebar-item a:hover {
            background: #f2f2f2;
            color: #f39c12;
            border-left: 5px solid #f39c12;
        }

    .sidebar-style-2 .sidebar-container .sidebar-item.active {
        border-bottom: 1px solid #e6e6e6;
    }

        .sidebar-style-2 .sidebar-container .sidebar-item.active a {
            background: #f2f2f2;
            border-left: 5px solid #f39c12;
            color: #f39c12;
        }

.sidebar-style-2 .contact-widget {
    padding: 30px 35px;
    border: 1px solid #d9d9d9;
}

    .sidebar-style-2 .contact-widget .heading-widget {
        padding-bottom: 20px;
    }

        .sidebar-style-2 .contact-widget .heading-widget h3 {
            font-size: 24px;
            color: #333333;
        }

    .sidebar-style-2 .contact-widget .contact-list {
        list-style: none;
        padding: 0;
        margin: 0;
    }

        .sidebar-style-2 .contact-widget .contact-list li {
            line-height: 1.5;
            font-size: 14px;
            padding-bottom: 10px;
        }

            .sidebar-style-2 .contact-widget .contact-list li i {
                float: left;
                line-height: 1.5;
            }

            .sidebar-style-2 .contact-widget .contact-list li span {
                margin-left: 25px;
                display: block;
            }

.sidebar-style-3 .sidebar-element {
    padding-bottom: 30px;
}

.sidebar-style-3 .sidebar-heading {
    padding-bottom: 15px;
}

    .sidebar-style-3 .sidebar-heading h3 {
        font-weight: 700;
        color: #333333;
        font-size: 18px;
    }

.sidebar-style-3 .sidebar-archive-list ul, .sidebar-style-3 .sidebar-cate-list ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

    .sidebar-style-3 .sidebar-archive-list ul li, .sidebar-style-3 .sidebar-cate-list ul li {
        line-height: 2;
        padding-bottom: 5px;
    }

        .sidebar-style-3 .sidebar-archive-list ul li a, .sidebar-style-3 .sidebar-archive-list ul li span, .sidebar-style-3 .sidebar-cate-list ul li a, .sidebar-style-3 .sidebar-cate-list ul li span {
            font-size: 14px;
            color: #555555;
        }

            .sidebar-style-3 .sidebar-archive-list ul li a:hover, .sidebar-style-3 .sidebar-archive-list ul li span:hover, .sidebar-style-3 .sidebar-cate-list ul li a:hover, .sidebar-style-3 .sidebar-cate-list ul li span:hover {
                color: #f39c12;
            }

            .sidebar-style-3 .sidebar-archive-list ul li a i, .sidebar-style-3 .sidebar-archive-list ul li span i, .sidebar-style-3 .sidebar-cate-list ul li a i, .sidebar-style-3 .sidebar-cate-list ul li span i {
                margin-right: 7px;
            }

.sidebar-style-3 .sidebar-archive-list li:after {
    content: "";
    display: table;
    clear: both;
}

.sidebar-style-3 .sidebar-archive-list a {
    float: left;
}

.sidebar-style-3 .sidebar-archive-list .post-total {
    float: right;
    color: #999999;
}

    .sidebar-style-3 .sidebar-archive-list .post-total:before {
        content: '(';
    }

    .sidebar-style-3 .sidebar-archive-list .post-total:after {
        content: ')';
    }

.sidebar-style-5 .sidebar-search .search-sidebar-input {
    position: relative;
}

    .sidebar-style-5 .sidebar-search .search-sidebar-input button {
        position: absolute;
        top: 50%;
        margin-top: -13px;
        right: 10px;
        border: none;
        background: none;
    }

    .sidebar-style-5 .sidebar-search .search-sidebar-input input {
        width: 100%;
        border: 1px solid #e5e5e5;
        padding: 10px 15px;
    }

/**
Slider Layout
 */
.slider-primary .slider-title {
    font-weight: 700;
    font-size: 60px;
    color: #fff;
}

.slider-primary .slider-subtitle {
    font-size: 24px;
    line-height: 36px;
    font-style: italic;
    color: #fff;
}

.slider-primary .slider-item-2 {
    text-align: center;
}

    .slider-primary .slider-item-2 .slider-title {
        line-height: 60px;
    }

    .slider-primary .slider-item-2 .slider-subtitle {
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        line-height: 30px;
    }

    .slider-primary .slider-item-2 .btn {
        padding: 16px 25px;
    }

@media (max-width: 479px) {
    .slider-primary .tp-caption {
        display: none;
    }
}

.slider-medium-layout.style-1 .slider-item {
    position: relative;
}

    .slider-medium-layout.style-1 .slider-item .slider-text-holder {
        position: absolute;
        bottom: 0;
        left: 0;
        background-color: rgba(0, 0, 0, 0.8);
        width: 100%;
    }

    .slider-medium-layout.style-1 .slider-item .owl-item.active .slider-text-holder {
        -webkit-animation-name: fadeInUp;
        animation-name: fadeInUp;
    }

    .slider-medium-layout.style-1 .slider-item .slider-title {
        float: left;
        padding: 17px 30px 17px 25px;
    }

        .slider-medium-layout.style-1 .slider-item .slider-title a {
            font-size: 18px;
            font-weight: 700;
            color: #fff;
            text-transform: uppercase;
        }

    .slider-medium-layout.style-1 .slider-item .slider-btn {
        padding: 10px 0;
    }

    .slider-medium-layout.style-1 .slider-item .slider-dots {
        z-index: 10;
        list-style: none;
        padding: 0;
        margin: 0;
        position: absolute;
        bottom: 27px;
        right: 30px;
    }

        .slider-medium-layout.style-1 .slider-item .slider-dots:after {
            content: "";
            display: table;
            clear: both;
        }

        .slider-medium-layout.style-1 .slider-item .slider-dots li {
            cursor: pointer;
            margin-left: 5px;
            width: 8px;
            height: 8px;
            background: #818181;
            border-radius: 5px;
            float: left;
        }

            .slider-medium-layout.style-1 .slider-item .slider-dots li.active {
                background: #178c95;
            }

    .slider-medium-layout.style-1 .slider-item .slider-arrow .next {
        position: absolute;
        top: 50%;
        right: 30px;
        margin-top: -18px;
    }

    .slider-medium-layout.style-1 .slider-item .slider-arrow .prev {
        position: absolute;
        top: 50%;
        left: 30px;
        margin-top: -18px;
    }

    .slider-medium-layout.style-1 .slider-item .slider-arrow .prev, .slider-medium-layout.style-1 .slider-item .slider-arrow .next {
        z-index: 10;
        cursor: pointer;
        width: 36px;
        height: 36px;
        border-radius: 3px;
        background-color: rgba(0, 0, 0, 0.8);
        display: table;
        text-align: center;
    }

        .slider-medium-layout.style-1 .slider-item .slider-arrow .prev i, .slider-medium-layout.style-1 .slider-item .slider-arrow .next i {
            display: table-cell;
            vertical-align: middle;
            font-size: 18px;
            color: #fff;
        }

        .slider-medium-layout.style-1 .slider-item .slider-arrow .prev.active, .slider-medium-layout.style-1 .slider-item .slider-arrow .prev:hover, .slider-medium-layout.style-1 .slider-item .slider-arrow .next.active, .slider-medium-layout.style-1 .slider-item .slider-arrow .next:hover {
            -webkit-transition: all 0.3s;
            transition: all 0.3s;
            background-color: rgba(2, 96, 173, 0.8);
        }

.slider-medium-layout.style-2 .slider-item .slider-title {
    float: none;
    padding-bottom: 10px;
}

.slider-medium-layout.style-2 .slider-item .slider-btn {
    padding-left: 25px;
    padding-bottom: 20px;
    padding-top: 0;
}

/**
Agent Layout
 */
.team-item.style-1 {
    background-color: #fff;
    border-radius: 3px;
    overflow: hidden;
    margin-bottom: 40px;
}

    .team-item.style-1:after {
        content: "";
        display: table;
        clear: both;
    }

    .team-item.style-1 .team-image {
        float: left;
        width: 260px;
    }

        .team-item.style-1 .team-image img {
            font-size: 0;
        }

    .team-item.style-1 .team-info {
        margin-left: 260px;
        padding-left: 40px;
        padding-right: 40px;
    }

        .team-item.style-1 .team-info .name {
            padding-top: 30px;
        }

            .team-item.style-1 .team-info .name a {
                font-size: 18px;
                font-weight: 700;
                color: #178c95;
            }

                .team-item.style-1 .team-info .name a:hover {
                    color: #f39c12;
                }

        .team-item.style-1 .team-info .title-job {
            padding-bottom: 15px;
        }

            .team-item.style-1 .team-info .title-job span {
                font-size: 13px;
                font-style: italic;
                color: #999999;
            }

        .team-item.style-1 .team-info .content {
            padding-bottom: 10px;
        }

            .team-item.style-1 .team-info .content p {
                font-size: 14px;
                line-height: 1.5714285714;
            }

        .team-item.style-1 .team-info .phone {
            padding-bottom: 10px;
        }

            .team-item.style-1 .team-info .phone i {
                font-size: 30px;
                color: #f39c12;
                vertical-align: middle;
            }

            .team-item.style-1 .team-info .phone span {
                font-size: 16px;
                color: #178c95;
            }

        .team-item.style-1 .team-info .social-list {
            list-style: none;
            padding-left: 0;
            margin: 0;
        }

            .team-item.style-1 .team-info .social-list li {
                display: inline-block;
                padding-right: 15px;
            }

                .team-item.style-1 .team-info .social-list li a {
                    font-size: 14px;
                    color: #666666;
                }

                    .team-item.style-1 .team-info .social-list li a:hover {
                        color: #f39c12;
                    }

@media (max-width: 479px) {
    .team-item.style-1 .team-image {
        float: left;
        width: 100%;
    }

        .team-item.style-1 .team-image img {
            width: 100%;
        }

    .team-item.style-1 .team-info {
        float: left;
        margin-left: 0;
        padding-bottom: 30px;
    }
}

.team-item.style-2 {
    margin: 10px 0;
    border: 1px solid #e5e5e5;
    padding: 10px;
}

    .team-item.style-2 .agent-img {
        margin-bottom: 26px;
        text-align: center;
    }

        .team-item.style-2 .agent-img img {
            border-radius: 3px;
            max-width: 100%;
            max-height: 105px;
            height: auto;
            object-fit: contain;
        }

    .team-item.style-2 .agent-name {
        margin-bottom: 20px;
        font-weight: 700;
        color: #178c95;
        margin-top: 5px;
        text-align:center;
    }

        .team-item.style-2 .agent-name:hover {
            color: #f39c12;
            -webkit-transition: all 0.3s;
            transition: all 0.3s;
        }

    .team-item.style-2 .agent-address, .team-item.style-2 .agent-phone {
        margin-bottom: 5px;
    }

        .team-item.style-2 .agent-address .fa, .team-item.style-2 .agent-phone .fa {
            color: #f39c12;
            font-size: 16px;
            display: block;
            float: left;
            line-height: 22px;
        }

        .team-item.style-2 .agent-address .agent-address-home, .team-item.style-2 .agent-address .agent-phone-number, .team-item.style-2 .agent-phone .agent-address-home, .team-item.style-2 .agent-phone .agent-phone-number {
            font-size: 14px;
            display: block;
            margin-left: 20px;
            line-height: 22px;
        }

    .team-item.style-2 .agent-btn {
        font-size: 12px;
        font-weight: 700;
        text-transform: uppercase;
        color: #888888;
        padding: 10px 20px;
        display: inline-block;
        background-color: #f1f1f1;
        box-shadow: 0 1px 1px 0 #d9d9d9;
        border-radius: 3px;
        margin-top: 15px;
    }

        .team-item.style-2 .agent-btn:hover {
            -webkit-transition: all 0.3s;
            transition: all 0.3s;
            background-color: #f39c12;
            color: #fff;
        }

        .team-item.style-2 .agent-btn .fa {
            margin-left: 5px;
        }

.team-layout.style-1 {
    background-color: #f0f5f8;
    padding: 70px 0;
}

    .team-layout.style-1 .heading {
        padding-bottom: 5px;
        text-align: center;
    }

    .team-layout.style-1 .sub-heading {
        text-align: center;
        padding-bottom: 35px;
    }

        .team-layout.style-1 .sub-heading span {
            color: #888888;
            font-size: 18px;
            line-height: 1.3333333333;
        }

.team-layout.style-2 .heading {
    padding-bottom: 25px;
    text-align: left;
}

.team-layout.style-3 {
    background: #fff;
}

/**
  ALL Testinmonials Layout
 */
.testinmonials .testinmonial-control {
    list-style: none;
    padding: 0;
    text-align: center;
}

    .testinmonials .testinmonial-control li {
        cursor: pointer;
        margin: 0 7px;
        border-radius: 50px;
        display: inline-block;
        width: 10px;
        height: 10px;
        background-color: #80bbeb;
    }

        .testinmonials .testinmonial-control li.active {
            background: #178c95;
        }

.testinmonial-item.style-1 {
    padding: 25px;
    border: 1px solid #e5e5e5;
    border-radius: 3px;
}

    .testinmonial-item.style-1 .content {
        font-size: 14px;
        color: #888888;
        line-height: 1.5714285714;
        padding-bottom: 10px;
    }

    .testinmonial-item.style-1 .personal:after {
        content: "";
        display: table;
        clear: both;
    }

    .testinmonial-item.style-1 .personal .avatar {
        float: left;
        margin-right: 15px;
        width: 57px;
        height: 57px;
    }

        .testinmonial-item.style-1 .personal .avatar img {
            width: 100%;
            border-radius: 50px;
        }

    .testinmonial-item.style-1 .personal .info {
        float: left;
        padding: 6px 0;
    }

        .testinmonial-item.style-1 .personal .info .name span {
            font-size: 13px;
            font-weight: 700;
            color: #333333;
        }

        .testinmonial-item.style-1 .personal .info .title-job {
            font-size: 13px;
            color: #888888;
        }

@media (max-width: 991px) {
    .testinmonial-item.style-1 {
        margin-bottom: 30px;
    }
}

.testinmonial-item.style-2 {
    width: 100%;
}

    .testinmonial-item.style-2 .content {
        width: 850px;
        margin: 0 auto;
        padding-bottom: 15px;
    }

        .testinmonial-item.style-2 .content p {
            text-align: center;
            font-size: 18px;
            line-height: 1.6666666667;
        }

            .testinmonial-item.style-2 .content p:before {
                line-height: 1;
                font-family: "Arial", sans-serif;
                content: '“';
                font-weight: 700;
                font-size: 60px;
                color: #cccccc;
            }

                .testinmonial-item.style-2 .content p:before:after {
                    content: "";
                    display: table;
                    clear: both;
                }

    .testinmonial-item.style-2 .personal {
        width: 200px;
        text-align: center;
        margin: 0 auto;
        padding-bottom: 40px;
    }

        .testinmonial-item.style-2 .personal:after {
            content: "";
            display: table;
            clear: both;
        }

        .testinmonial-item.style-2 .personal .avatar {
            width: 80px;
            height: 80px;
            float: left;
        }

            .testinmonial-item.style-2 .personal .avatar img {
                width: 100%;
                border-radius: 50px;
            }

        .testinmonial-item.style-2 .personal .info {
            padding: 17px 0;
            float: left;
            margin-left: 15px;
            text-align: left;
        }

            .testinmonial-item.style-2 .personal .info .name span {
                font-size: 13px;
                font-weight: 700;
                color: #333333;
            }

            .testinmonial-item.style-2 .personal .info .title-job {
                font-size: 13px;
                color: #888888;
            }

@media (max-width: 991px) {
    .testinmonial-item.style-2 .content {
        width: 100%;
    }
}

.testinmonial-item.style-3 {
    border: none;
    padding: 0;
    border-radius: 0;
}

    .testinmonial-item.style-3 .content {
        margin: 0;
        padding-bottom: 10px;
        width: auto;
    }

        .testinmonial-item.style-3 .content:before {
            float: left;
            line-height: 1;
            font-family: "Arial", sans-serif;
            content: '“';
            font-weight: 700;
            font-size: 60px;
            color: #cccccc;
        }

        .testinmonial-item.style-3 .content p {
            text-align: left;
            margin-left: 35px;
            padding-top: 15px;
            margin-bottom: 0;
        }

            .testinmonial-item.style-3 .content p:before {
                display: none;
            }

    .testinmonial-item.style-3 .personal {
        margin: 0 0 0 35px;
        padding-bottom: 20px;
    }

        .testinmonial-item.style-3 .personal .info {
            margin: 0;
            padding: 0;
        }

.testinmonials-layout .heading {
    padding-bottom: 25px;
}

.testinmonials-layout.style-2 {
    padding-bottom: 70px;
}

    .testinmonials-layout.style-2 .heading {
        padding-bottom: 0;
        text-align: center;
    }

.testinmonials-layout.style-3 .heading {
    padding-bottom: 10px;
}

    .testinmonials-layout.style-3 .heading h3 {
        font-size: 20px;
        font-weight: 700;
        color: #333333;
    }

.testinmonials-layout.style-3 .testinmonial-control {
    text-align: left;
    margin-left: 29px;
}

.testinmonials-layout.style-4 {
    background-size: cover !important;
    padding-top: 50px;
}

    .testinmonials-layout.style-4 .overlay {
        background: rgba(1, 119, 215, 0.9);
    }

    .testinmonials-layout.style-4 .heading {
        position: relative;
    }

        .testinmonials-layout.style-4 .heading h3 {
            color: #fff;
        }

    .testinmonials-layout.style-4 .testinmonial-item.style-2 .content p {
        font-weight: 400;
        color: #e5e5e5;
    }

        .testinmonials-layout.style-4 .testinmonial-item.style-2 .content p:before {
            color: #e5e5e5;
        }

    .testinmonials-layout.style-4 .testinmonial-item.style-2 .personal .info .name span {
        color: #f0f5f8;
    }

    .testinmonials-layout.style-4 .testinmonial-item.style-2 .personal .info .title-job span {
        color: #cccccc;
    }

/*==========================================================
	                  3. PAGE STYLE
==========================================================*/
/**
ABOUT PAGE
 */
.about-page .testinmonials {
    margin-top: 50px;
}

@media (max-width: 991px) {
    .about-page .content-box-item-style-2 {
        margin-bottom: 50px;
    }
}

/**
ALL AGENT PAGE
 */
.agent-detail .product-layout {
    padding: 0 0 70px 0;
}

/**
BLOG PAGE
 */
.blog-list .blog-list-wrapper {
    margin-right: -15px !important;
    border-right: 1px solid #ebebeb;
    padding: 70px 50px 70px 0;
}

.blog-list .sidebar {
    position: relative;
    padding-left: 20px;
    padding-top: 50px;
}

.blog-list .sidebar-banner {
   
    padding: 0;
    margin: 0;
}

@media (max-width: 1199px) {
    .blog-list .blog-item .blog-image {
        width: 100%;
        padding-bottom: 15px;
    }

    .blog-list .blog-item .blog-main {
        padding-left: 0;
        width: 100%;
    }
}

@media (max-width: 991px) {
    .blog-list .blog-list-wrapper {
        margin-right: 0 !important;
        border-right: 0;
        padding: 70px 0 70px 0;
    }

    .blog-list .sidebar {
        padding-top: 0;
        padding-bottom: 50px;
        padding-left: 0;
    }

        .blog-list .sidebar .sidebar-element {
            padding-left: 0;
        }

        .blog-list .sidebar .sidebar-banner {
            padding: 0;
            margin: 0;
        }
}

@media (max-width: 319px) {
    .blog-list .pagination-list li {
        margin-bottom: 15px;
    }
}

.blog-single .sidebar {
    padding-top: 50px;
}

    .blog-single .sidebar .sidebar-element {
        padding-left: 20px;
    }

    .blog-single .sidebar .sidebar-banner {
        padding: 0;
        margin: 0;
    }

.blog-single .blog-single {
    padding: 45px 50px 100px 0;
    margin-right: -15px !important;
    border-right: 1px solid #ebebeb;
}

    .blog-single .blog-single .post-title {
        padding-bottom: 15px;
    }

    .blog-single .blog-single .post-info {
        padding-bottom: 30px;
    }

    .blog-single .blog-single .post-image {
        padding-bottom: 5px;
    }

    .blog-single .blog-single .post-paragraph {
        padding-bottom: 10px;
    }

    .blog-single .blog-single .post-lists {
        padding-bottom: 30px;
    }

    .blog-single .blog-single .post-footer {
        margin-bottom: 35px;
    }

    .blog-single .blog-single .post-more-link {
        padding-bottom: 30px;
    }

    .blog-single .blog-single .post-comments .post-heading {
        padding-bottom: 5px;
    }

    .blog-single .blog-single .post-comments .post-content {
        padding-bottom: 15px;
    }

    .blog-single .blog-single .post-comments-form {
        padding-bottom: 45px;
    }

    .blog-single .blog-single .post-comments-list .post-heading {
        padding-bottom: 25px;
    }

@media (max-width: 991px) {
    .blog-single .blog-single {
        padding: 45px 0 50px 0;
        margin-right: 0 !important;
        border-right: 0;
    }

        .blog-single .blog-single .post-more-link .post-prev {
            margin-bottom: 15px;
        }

        .blog-single .blog-single .post-more-link .post-next {
            float: left;
        }

    .blog-single .sidebar {
        padding-top: 0;
        padding-bottom: 50px;
    }

        .blog-single .sidebar .sidebar-element {
            padding-left: 0;
        }

        .blog-single .sidebar .sidebar-banner {
            padding: 0;
            margin: 0;
        }
}

/**
CONTACT PAGE
 */
/**
Control Spacing Layout at Home Page 1
 */
.home-page-1 .product-layout {
    padding: 55px 0 70px 0;
}

.home-page-1 .testinmonials-layout {
    padding: 50px 0 90px 0;
}

/**
HOME PAGE 2
 */
.home-page-2 .team-layout.style-1 {
    padding: 60px 0 70px 0;
}

.home-page-2 .partner-layout.style-1 {
    padding: 80px 0 60px 0;
}

/**
PROJECT PAGE
 */
.project-list-page .projects-layout {
    padding: 60px 0 100px 0;
}

    .project-list-page .projects-layout .project-subjects {
        padding-bottom: 45px;
    }

.projects-detail-page .projects-detail {
    padding: 70px 0;
}

/**
GET A QUOTE PAGE
 */
.get-a-quote-1 {
    padding: 30px 0 100px 0;
    background: #f0f5f8;
}

    .get-a-quote-1 .content-box-layout {
        margin-top: 110px;
    }

    .get-a-quote-1 .content-box-item {
        margin-bottom: 30px;
    }

.get-a-quote-2 .content-box-item-style-1 {
    width: 100%;
}

.get-a-quote-2 .quote-container {
    padding: 30px 0 85px 0;
    background: #178c95;
}

.get-a-quote-2 .content-box-container {
    background-size: cover !important;
}

.get-a-quote-2 .content-box {
    padding: 100px 0;
}

@media (max-width: 1199px) {
    .get-a-quote-2 .content-box-item-style-1 {
        margin-bottom: 30px;
    }
}

.get-a-quote-3 {
    padding-bottom: 100px;
}

    .get-a-quote-3 .quote-container {
        padding-bottom: 60px;
    }

@media (min-width: 992px) and (max-width: 1199px) {
    .get-a-quote-3 .quote-form-style-3 .quote-form-container .quote-form-heading {
        padding-bottom: 10px;
    }

    .get-a-quote-3 .heading-get-a-quote-2 .heading-content {
        position: absolute;
        top: 10px;
        left: 25px;
        padding-right: 15px;
    }

    .get-a-quote-3 .content-box-item-style-1 {
        margin-bottom: 30px;
        width: 100%;
    }

    .get-a-quote-3 .quote-form-style-3 .quote-form-button {
        padding-top: 10px;
    }
}

@media (max-width: 1199px) {
    .get-a-quote-3 .heading-get-a-quote-2 .heading-content {
        padding-right: 15px;
    }

    .get-a-quote-3 .heading-image {
        margin-bottom: 30px;
    }

    .get-a-quote-3 .content-box-item-style-1 {
        margin-bottom: 30px;
        width: 100%;
    }
}

@media (max-width: 319px) {
    .get-a-quote-3 .quote-form-style-3 .quote-form-container {
        padding: 15px 20px 40px 20px;
    }
}

/**
SERVICES PAGE
 */
.services-detail-1 {
    padding: 75px 0 100px 0;
}

    .services-detail-1 .sidebar-container {
        margin-bottom: 35px;
    }

    .services-detail-1 .p1 {
        padding-top: 5px;
        padding-bottom: 15px;
    }

    .services-detail-1 .p2 {
        padding-bottom: 15px;
    }

    .services-detail-1 .post-table {
        padding-bottom: 10px;
    }

    .services-detail-1 .post-with-image {
        padding-bottom: 30px;
    }

        .services-detail-1 .post-with-image .post-paragraph {
            padding-bottom: 15px;
        }

    .services-detail-1 .p3 {
        padding-bottom: 15px;
    }

    .services-detail-1 .post-content-box {
        margin-bottom: 50px;
    }

    .services-detail-1 .testinmonials {
        padding-bottom: 45px;
    }

@media (min-width: 992px) and (max-width: 1199px) {
    .services-detail-1 .sidebar-style-1 .sidebar-container .sidebar-item a i {
        margin-right: 5px;
    }
}

@media (max-width: 1199px) {
    .services-detail-1 .slider-medium-layout.style-1 .slider-item .slider-dots {
        display: none;
    }

    .services-detail-1 .slider-medium-layout.style-1 .slider-item .slider-title {
        padding-right: 15px;
    }

    .services-detail-1 .post-form-action .form-block {
        float: left;
    }
}

@media (max-width: 991px) {
    .services-detail-1 .post-services {
        margin-bottom: 50px;
    }

    .services-detail-1 .slider-medium-layout.style-1 .slider-item .slider-btn button {
        margin-left: 25px;
    }

    .services-detail-1 .slider-medium-layout.style-1 .slider-item .slider-title {
        padding-right: 0;
    }
}

@media (max-width: 479px) {
    .services-detail-1 .post-table table tbody tr .tblock span {
        float: none;
    }

    .services-detail-1 .post-table table tbody tr .tblock .post-btn button {
        margin-bottom: 15px;
    }

    .services-detail-1 .post-form-action .form-block input {
        width: 100%;
        min-width: 0;
        margin-bottom: 20px;
    }

    .services-detail-1 .slider-medium-layout.style-1 .slider-item .slider-text-holder {
        display: none;
    }
}

.services-detail-2 {
    padding-bottom: 135px;
    padding-top: 20px;
}

    .services-detail-2 .heading-page {
        padding-bottom: 40px;
    }

        .services-detail-2 .heading-page h3 {
            font-weight: 700;
        }

    .services-detail-2 .p1 {
        padding-bottom: 15px;
    }

    .services-detail-2 .p2 {
        padding-bottom: 15px;
    }

    .services-detail-2 .post-table {
        padding-bottom: 15px;
    }

    .services-detail-2 .post-with-image {
        padding: 30px 0;
        border-bottom: 1px solid #e6e6e6;
    }

        .services-detail-2 .post-with-image .custom-col-5 {
            float: left;
            width: 43.5064935065%;
        }

        .services-detail-2 .post-with-image .custom-col-7 {
            float: left;
            width: 56.4935064935%;
        }

        .services-detail-2 .post-with-image .custom-push-7 {
            left: 56.4935064935%;
        }

        .services-detail-2 .post-with-image .custom-pull-5 {
            right: 43.5064935065%;
        }

        .services-detail-2 .post-with-image .post-paragraph .post-heading h3 {
            margin-top: 5px;
        }

    .services-detail-2 .testinmonials {
        padding-bottom: 30px;
    }

    .services-detail-2 .sidebar-container {
        margin-bottom: 35px;
    }

    .services-detail-2 .banner {
        margin-bottom: 40px;
    }

@media (max-width: 1199px) {
    .services-detail-2 .post-form-action .form-block {
        float: left;
    }
}

@media (max-width: 991px) {
    .services-detail-2 .post-with-image .custom-push-7, .services-detail-2 .post-with-image .custom-pull-5 {
        left: auto;
        right: auto;
    }
}

@media (max-width: 479px) {
    .services-detail-2 .post-with-image .post-image {
        margin-bottom: 15px;
    }

    .services-detail-2 .post-with-image .custom-col-5, .services-detail-2 .post-with-image .custom-col-7 {
        width: 100%;
    }
}

.services-detail-2 .post-form-action .form-block button,
.services-detail-3 .post-form-action .form-block button {
    padding: 15px 55px;
}

.services-detail-2 .post-form-action .form-block input,
.services-detail-3 .post-form-action .form-block input {
    min-width: 250px;
}

@media (max-width: 479px) {
    .services-detail-2 .slider-medium-layout.style-1 .slider-item .slider-text-holder,
    .services-detail-3 .slider-medium-layout.style-1 .slider-item .slider-text-holder {
        display: none;
    }

    .services-detail-2 .slider-medium-layout.style-1 .slider-item .slider-dots,
    .services-detail-3 .slider-medium-layout.style-1 .slider-item .slider-dots {
        display: none;
    }

    .services-detail-2 .post-form-action .form-block input,
    .services-detail-3 .post-form-action .form-block input {
        width: 100%;
        min-width: 0;
        margin-bottom: 20px;
    }
}

@media (max-width: 1199px) {
    .services-detail-2 .post-form-action .form-block,
    .services-detail-3 .post-form-action .form-block {
        float: left;
    }

    .services-detail-2 .post-services,
    .services-detail-3 .post-services {
        margin-bottom: 50px;
    }
}

.services-detail-3 {
    padding-bottom: 100px;
    padding-top: 60px;
}

    .services-detail-3 .sidebar-container {
        margin-bottom: 40px;
    }

    .services-detail-3 .banner {
        margin-bottom: 40px;
    }

    .services-detail-3 .heading-page .au-breadcrumb {
        padding-top: 0;
    }

    .services-detail-3 .title-page {
        padding-top: 25px;
        padding-bottom: 20px;
    }

    .services-detail-3 .slider-medium-layout {
        padding-bottom: 5px;
    }

    .services-detail-3 .p1, .services-detail-3 .p2 {
        padding-bottom: 15px;
    }

    .services-detail-3 .post-with-image {
        padding-bottom: 15px;
    }

    .services-detail-3 .post-accordion {
        padding-bottom: 25px;
    }

    .services-detail-3 .testinmonials {
        padding-bottom: 35px;
    }

@media (max-width: 991px) {
    .services-detail-3 .post-with-image .post-image img {
        width: 100%;
    }
}

.services-detail-4 .post-services-detail-4 .p2 {
    padding-bottom: 20px;
}

.services-detail-4 .post-services-detail-4 .p3 .post-heading h3 {
    margin-top: 0;
}

.services-detail-4 .post-services-detail-4 .post-icon-box {
    padding-bottom: 25px;
}

.services-detail-4 .down-file-widget {
    margin-bottom: 30px;
}

@media (max-width: 991px) {
    .services-detail-4 .post-icon-box-item {
        margin-bottom: 30px;
    }
}

@media (max-width: 479px) {
    .services-detail-4 .post-with-image-style-3 .post-image {
        width: 100%;
        float: left;
        margin-bottom: 15px;
    }

    .services-detail-4 .post-with-image .post-paragraph {
        margin-left: 0;
        padding-left: 0;
    }
}