a:hover {
    text-decoration: none;
}

a:focus {
    color: none;
    text-decoration: none;
}

.color1 {
    color: #777778 !important;
}

.color2 {
    color: #2a2b2b !important;
}

.color3 {
    color: #999999 !important;
}

.color4 {
    color: #a6bdca !important;
}

.color5 {
    color: #e5e5e5 !important;
}

.color6 {
    color: #fffbda !important;
}
.color7 {
    color: #ad8f42 !important;
}
.color8 {
    color: #777778 !important;
}
.color9 {
    color: rgba(255, 255, 255, 0.50) !important;
}

.bgcolor {
    background-color: #f5f5f5 !important;
}

.bgcolor1 {
    background-color: #777778 !important;
}

.bgcolor2 {
    background-color: #005278 !important;
}

.bgcolor3 {
    background-color: #e4e5ee !important;
}

.bgcolor4 {
    background-color: #e2ecf1 !important;
}
.bgcolor5 {
    background-color: #d7e4ea !important;
}
.bgcolor6 {
    background-color: #fffbda !important;
}
.bgcolor7 {
    background-color: #ad8f42 !important;
}
.welcomebg {
    /*background-color: rgba(9, 23, 57, 0.95);*/
    background-color: #f5f5f5;
}

a.c1:link {
    color: #2a2b2b !important;
}
a.c1:visited {
    color: #2a2b2b !important;
}
a.c1:hover {
    color: #777778 !important;
    text-decoration: none;
}

a.c2:link {
    color: #fff !important;
}
a.c2:visited {
    color: #fff !important;
}
a.c2:hover {
    color: #000 !important;
    text-decoration: none;
}

a.cred:link {
    color: #af0000;
}
a.cred:visited {
    color: #af0000;
}
a.cred:hover {
    color: #ff0000;
    text-decoration: none
}

a.gv:link {
    color: #ff9901 !important;
    opacity: 1!important;
}

a.gv:visited, a.gv:focus {
    color: #ff9901 !important;
}

a.gv:hover {
    color: #fff !important;
    text-decoration: none;
}

a.gold:link {
    color: #777778 !important;
    opacity: 1 !important;
    text-decoration: none!important;
}

a.gold:visited, a.gold:focus {
    color: #777778 !important;
    text-decoration: underline !important;
}

a.gold:hover {
    color: #2a2b2b !important;
    text-decoration: underline!important;
}


a.foot:link {
    color: #fff !important;
    text-decoration: none !important;
}
a.foot:visited, a.gold:focus {
    color: #fff !important;
    text-decoration: none !important;
}
a.foot:hover {
    color: #ffffff !important;
    text-decoration: underline !important;
}


a.contact:link {
    text-decoration: none;
    color: #f5f5f5;
}
a.contact:visited, a.contact:focus {
    text-decoration: none;
    color: #f5f5f5;
}
a.contact:hover {
    color: #FFF !important;
    text-decoration: underline !important;
}

a.form:link {
    color: #fff !important;
    text-decoration: underline !important;
}

a.form:visited, a.gold:focus {
    color: #fff !important;
    text-decoration: underline !important;
}

a.form:hover {
    color: #f5f5f5 !important;
    text-decoration: underline !important;
}

.checkbox-theme input[type="checkbox"]:checked + label::before {
    border: 2px solid #777778;
}

input[type=checkbox]:checked + label:before {
    color: #777778;
}

.error404-content h1 {
    color: #777778
}

.properties-amenities ul li i {
    color: #777778
}

.properties-condition ul li i {
    color: #777778
}

.border-button-theme {
    color: #777778;
    border: 2px solid #777778;
}

.map-properties-btns .border-button-theme:hover{
    background: #777778;
    color: #fff;
}

.theme-tabs .nav-tabs > li > a {
    background: #777778;
}

.theme-tabs .nav-tabs > li.active > a,
.theme-tabs .nav-tabs > li > a:hover {
    color: #777778;
}

.theme-tabs .nav-tabs > li > a::after {
    background: #777778;
}

.theme-tabs .tab-nav > li > a::after {
    background: #777778 none repeat scroll 0% 0%;
}

.rightside-navbar li .button {
    color: #777778;
    border: 2px solid #777778;
}

.rightside-navbar li .button:hover {
    background: #777778;
}

.banner-detail-box .red-box {
    background: #777778 url(../../img/slider-detail.png) center center;
}

.banner-detail-box .white-box .slide-price {
    color: #777778;
}

.banner-detail-box .white-box .slide-location::after {
    background-color: #777778;
}

.search-options-btn, .search-options-btn:hover {
    background: #777778;
}

.search-button2 {
    color: #fff;
    background: #bfa985;
}

    .search-button2:hover {
        color: #fff;
        background: #0069b8;
    }

.search-head {
    /*color: #777778;*/
    color: #777777;
    font-size: 16px;
    padding: 15px 0;
    /*font-family: 'Roboto', sans-serif;*/
}

.bootstrap-select.btn-group.show-tick .dropdown-menu .selected a .check-mark {
    color: #777778;
}

.bootstrap-select .dropdown-menu li a {
    color: #000;
}

.bootstrap-select .dropdown-menu li a:hover {
    background: #777778;
}

.bootstrap-select .dropdown-menu > .active > a,
.bootstrap-select .dropdown-menu > .active > a:focus,
.bootstrap-select .dropdown-menu > .active > a:hover {
    color: #000;
}

.border-inner {
    background: #000;

}

.section-1 .content h4 {
    color: #2f383f;
}

.articles-box .detail .title a {
    color: #777778;
}

.category-content .btn, .category-content .pricing-btn {
    background: #777778;
}

footer .footer-item .contact-info li label a:hover {
    color: #777778;
}

.icon-box .icon {
    background: #777778;
}

.icon-box .detail h3 {
    color: #777778;
}

.plan .price-header h1 {
    color: #777778;
}

.plan.featured .price-header {
    background: #777778;
}

.about-box .detail h3 a {
    color: #777778;
}

.about-box .detail h3::after {
    background-color: #777778;
}

.about-box .detail h3 {
    color: #777778;
}

.change-view-btn {
    /*background-color: #b2b2b2;*/
    /*border: solid 1px #b2b2b2;*/
    color: #999999;
}

.option-bar h4 {
    color: #777778;
}

.change-view-btn:hover {
    /*border: solid 1px #ff9901;*/
    /*background: #ff9901;*/
    color: #777778 !important;
}

.active-view-btn, .active-view-btn:hover {
    /*background: #bfa985;*/
    /*border: solid 1px #bfa985;*/
    color: #777778!important;
    background: none;
}

.listing-properties-box .detail header .title a {
    color: #777778;
}

/*.listing-properties-box .detail .title::after {
    background-color: #2f383f;
}*/

    .listing-properties-box .detail header .title a:hover {
        color: #0069b8;
    }

.listing-properties-box .detail .location a i {
    color: #000;
}

.show-more-options {
    color: #0069b8;
}

.show-more-options:hover {
    color: #777778;
}

.pagination > li > a {
    color: #000;
    font-weight: 500;
}

.pagination > li > a:hover {
    background: #777778;
    border-color: #777778;
    color: #fff;
}

.pagination > .active > a {
    background: #cacaca;
    border-color: #cacaca;
}

.pagination > .active > a:hover {
    background: #cacaca;
    border-color: #cacaca;
}

.form-content-box .footer span a {
    color: #777778;
}


.blog-box .detail .title a {
    color: #777778;
}

.range-slider .ui-slider .ui-slider-handle {
    background: #777778;
}

.range-slider .ui-slider .ui-slider-handle {
    border: 2px solid #777778;
}

.range-slider .ui-widget-header {
    background-color: #777778;
}

.posts-by-category ul li a:hover {
    color: #777778;
}

.tags-box ul li a:hover {
    border: 1px solid #777778;
    background: #777778;
}

.latest-reviews .media-heading a {
    color: #777778;
}

.latest-tweet a {
    color: #777778;
}

.popular-posts .media-heading a {
    color: #777778;
}

.t-s h2 {
    color: #777778;
}

.comments-title {
    color: #777778;
}

.comment-meta-author a {
    color: #777778;
}

.comment-meta-reply a {
    background-color: #777778;
}

.contact-details {
    background: #fafafc;
    padding: 10px;
    border: solid 1px #d7e4ea;
    margin-top: 50px;
}

/*.contact-details .media .media-left i {
    background: #bfa985;
}*/

.contact-details .media .media-body h4:after {
    background-color: #777778;
}

.about-text ul li i {
    color: #777778;
}

.breadcrumbs li a:hover {
    color: #777778;
}

.helping-center ul li i {
    background: #777778;
}

.agent-box .detail h3 {
    color: #777778;
}

.agent-box .detail h3::after {
    background-color: #777778;
}

.my-account-box p a:hover {
    color: #777778;
}

.my-account-box p .active {
    color: #777778;
}

.my-account-box .title::after {
    background-color: #777778;
}

.photoUpload {
    background: #777778;
}

.my-properties-box .detail h1 a {
    color: #777778;
}

.my-properties-box .detail .location a i {
    color: #777778;
}

.typography-page mark.color {
    background-color: #777778;
}

.list-3 li:before, .list-2 li:before, .list-1 li:before {
    color: #777778;
}

.numbered.color.filled ol > li::before {
    border: 1px solid #777778;
    background-color: #777778;
}

.numbered.color ol > li::before {
    border: 1px solid #777778;
    color: #777778;
}

.properties-details-page .heading:after {
    background-color: #777778;
}

.submit-address h1::after {
    background-color: #777778;
}

.section-heading .media .media-left i {
    background: #777778;
}

.section-heading .media .media-body h4 {
    color: #777778;
}

.book-btn {
    background: #777778;
    border: 1px solid #777778;
}

.book-btn-l {
    border-right: 1px solid #777778;
}

.agent-widget h3 a {
    color: #777778;
}

.widget-link:hover {
    color: #000;
}

.back-to-listings:hover {
    background: #777778;
}

.map-marker:hover {
    background-color: #777778;
    cursor: pointer;
}
.map-marker:hover:before {
    border-color: #777778 transparent transparent transparent;
}

.map-marker.featured:hover {
    background-color: #777778;
}
.map-marker.featured:hover:before {
    border-color: #777778 transparent transparent transparent;
}

.map-marker .icon {
    border: 3px solid #777778;
}

.marker-active .map-marker {
    background-color: #777778;
}
.marker-active .map-marker:before {
    border-color: #777778 transparent transparent transparent;
}

.map-properties .address i{
    color: #777778;
}

.map-properties-btns .border-button-theme{
    color: #777778;
}

.map-properties .map-content h4 a{
    color: #777778;
}

.dropzone-design:hover {
    border: 2px dashed #777778;
}

@media (max-width: 768px) {
    .navbar-default .navbar-toggle .icon-bar {
        background-color: #fff;
        height: 3px;
    }

    /*.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
        background-color: #777778;
    }*/

    .main-header .navbar-default .nav > li > a:hover {
        background: #777778 !important;
    }

    .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {
        background-color: #777778;
    }

    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        background: #eee;
    }
    .navbar-fixed-top .navbar-collapse {
        max-height: 600px!important;
    }
}

/*.main-bg {
    background: #f5f5f5;
}
.main-bg2 {
    background: #f2f2f2 !important;
    padding-bottom: 50px;
}*/

.bg-success {
    background-color: transparent;
    color: #ffac00 !important;
    /*font-size:13px!important;
    margin-right:15px!important;*/
}

#lnkAdd2Favorities a:active {
    color:#777778!important;
}

/*.caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 8px dashed;
    border-top: 8px solid\9;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}*/

.language {
    opacity: 1 !important;
}

.language img {
    vertical-align: middle;
    margin-bottom: 3px;
    margin-left: 10px;
    margin-right: 10px;
}

.copyalignl {
    text-align: left;
}

.copyalignr {
    text-align: right;
}

.copyalignleft {
    float: left;
}

.copyalignright {
    float: right;
}

.resalign {
    text-align: right;
}

@media only screen and (max-width: 768px) {
    #firstback {
        padding-top: 120px;
    }

    .filtertop {
        margin-top: 0;
    }

    .copyalignl, .copyalignr {
        text-align: center;
    }

    .copyalignleft, .copyalignright {
        float: none;
    }

    .resalign {
        text-align: left;
    }
}

.showit {
    display: inline-block!important;
}
.hideit {
    display: none;
}


#callout {
    display: block;
    /*-webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;*/
    text-align: center;
}

    #callout #cflex1, #callout #cflex2, #callout #cflex3 {
        padding: 10em 2em;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        color: #222;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        /*-webkit-box-shadow: inset 0px 0px 240px 80px rgba(255,255,255,0.3);
        box-shadow: inset 0px 0px 240px 80px rgba(255,255,255,0.3);*/
    }

.fullback {
    background-attachment: inherit;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

#callout #cflex1 a, #callout #cflex2 a, #callout #cflex3 a {
    padding: 1em 1.5em;
    background: rgba(255,255,255,0.85);
    border: none;
    width: 55%;
    /*max-width: 580px;*/
    -webkit-transition: background 0.4s ease-in;
    -o-transition: background 0.4s ease-in;
    transition: background 0.4s ease-in;
    border-radius: 2px;
}

#callout #cflex1 p, #callout #cflex2 p, #callout #cflex3 p {
    font-size: 18px;
    line-height: 22px;
}

#callout #cflex1 {
    background-image: url(/images/cleft.jpg);
}

#callout #cflex2 {
    background-image: url(/images/ccenter.jpg);
}

#callout #cflex3 {
    background-image: url(/images/cright.jpg);
}

#callout #cflex1 a:hover, #callout #cflex2 a:hover, #callout #cflex3 a:hover {
    background: #fff;
}

.ulnostyle ul {
    list-style-type: none !important;
    margin: 0;
    padding: 0;
}

@media only screen and (max-width: 768px) {
    #callout #cflex1, #callout #cflex2, #callout #cflex3 {
        padding: 4em 2em;
    }
    #callout #cflex1 a, #callout #cflex2 a, #callout #cflex3 a {
        padding: 1.5em;
        background: rgba(255,255,255,0.75);
        border: none;
        width: 90%;
    }
}

/*******************************************************/

.label-wrap {
    display: inline-block;
    font-size: 0;
    vertical-align: middle;
    line-height: normal;
}

    .label-wrap .label:last-child {
        margin: 0;
    }

    .label-wrap .label {
        display: inline-block;
        margin-right: 5px;
        color: #fff;
        border-radius: 2px;
        font-size: 14px;
        padding: 3px 6px 5px;
        text-transform: uppercase;
        margin-bottom: 0;
        line-height: 11px;
        vertical-align: top;
        font-weight: 500;
    }

.label-status, .label-default {
    background-color: #2a2b2b;
}

/*START OWL AND SLICK SLIDER ARROWS STYLE*/
.slick-prev:hover, .slideshow .slide .slick-next:hover, .slideshow .slideshow-nav .slick-next:hover, .testimonial-carousel .slick-next:hover, .banner-slider .slick-next:hover,
.slick-prev:focus,
.slideshow .slide .slick-next:focus,
.slideshow .slideshow-nav .slick-next:focus,
.testimonial-carousel .slick-next:focus,
.banner-slider .slick-next:focus,
.slick-next:hover,
.slick-next:focus {
    color: transparent;
    outline: none;
    /*background: rgba(0, 174, 239, 0.8);*/
    background: #777779;
}

.owl-controls .owl-nav .owl-prev:hover,
.owl-controls .owl-nav .owl-prev:focus,
.owl-controls .owl-nav .owl-next:hover,
.owl-controls .owl-nav .owl-next:focus,
.owl-controls .owl-nav .owl-next:active,
.owl-controls .owl-nav .owl-next:active {
    color: #fff;
    outline: none;
    background: #2a2b2b!important;
    border-color: #2a2b2b!important;
}

.owl-prev .fa, .owl-next .fa {
    display: block;
    line-height: 21px;
    font-size: 16px;
}

.owl-controls .owl-nav .owl-prev {
    left: 12px;
    top: 50%;
    -moz-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

.owl-controls .owl-nav .owl-next {
    right: 12px;
    top: 50%;
    -moz-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

.owl-carousel .item-wrap {
    margin-bottom: 0;
}

/*START HEADER MEDIA*/

.header-media {
    position: relative;
}

/*START BANNERS MODULE STYLE*/
.banner-video {
    height: 600px;
    overflow: hidden;
    position: relative;
}

@media (min-width: 768px) and (max-width: 991px) {
    .banner-video {
        height: 450px;
    }
}

.banner-video .banner-video-inner {
    width: 100%;
    height: 100%;
    position: absolute;
}

.banner-parallax {
    position: relative;
    height: 940px;
    overflow: hidden;
    /*-webkit-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.25);
  -moz-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.25);
  box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.25);*/
}

    .banner-parallax .banner-inner {
        width: 100%;
        height: 100%;
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
    }

    .banner-parallax .banner-bg-wrap {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        width: 100%;
        height: 100%;
        backface-visibility: hidden;
        visibility: inherit;
        z-index: 0;
        opacity: 1;
    }

@media (max-width: 767px) {
    .banner-parallax {
        height: 450px !important;
    }
}

.banner-inner {
    position: relative;
    height: 800px;
    width: 100%;
    /*@include respond-to(tablet-portrait){
    height: 300px;
    background-size: 150% auto;
    background-attachment: fixed !important;
    background-position: top center !important;
  }
  @include respond-to(phone){
    height: 280px;
    background-size: 240% auto;
  }*/
}

    .banner-inner:before {
        content: '';
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        height: 100%;
        width: 100%;
        /*background-color: rgba(0, 0, 0, 0.25);*/
        z-index: 3;
    }

.banner-caption {
    position: absolute;
    left: 0;
    top: 50%;
    -moz-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    z-index: 2;
    width: 100%;
}

    .banner-caption h1 {
        color: #fff;
    }

    .banner-caption h2 {
        color: #fff;
    }

@media (min-width: 991px) {
    body.transparent-yes .banner-caption {
        top: 55%;
    }
}

.banner-video-inner {
    position: absolute;
    width: 100%;
    height: 100% !important;
    left: 50%;
    top: 50%;
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.banner-module {
    position: relative;
    padding: 0 0 80px;
}

    .banner-module .slick-slide {
        position: relative;
    }

        .banner-module .slick-slide .caption {
            opacity: 0;
            filter: alpha(opacity=0);
            -moz-transform: translate(-30%, -50%) scale(0.5);
            -o-transform: translate(-30%, -50%) scale(0.5);
            -ms-transform: translate(-30%, -50%) scale(0.5);
            -webkit-transform: translate(-30%, -50%) scale(0.5);
            transform: translate(-30%, -50%) scale(0.5);
        }

    .banner-module .slick-active .caption {
        opacity: 1;
        filter: alpha(opacity=100);
        -moz-transform: translate(-30%, -50%) scale(1);
        -o-transform: translate(-30%, -50%) scale(1);
        -ms-transform: translate(-30%, -50%) scale(1);
        -webkit-transform: translate(-30%, -50%) scale(1);
        transform: translate(-30%, -50%) scale(1);
    }

@media (max-width: 767px) {
    .banner-module .slick-active .caption {
        left: 50%;
        -moz-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }
}

.banner-module .owl-item {
    position: relative;
}

    .banner-module .owl-item .caption {
        /* @include translate(-30%,-50%);*/
    }

    .banner-module .owl-item.active .caption {
        -webkit-animation-name: bounceInRight;
        animation-name: bounceInRight;
    }

@media (max-width: 767px) {
    .banner-module .owl-item.active .caption {
        left: 50%;
        -moz-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }
}

.banner-module .caption {
    display: inline-block;
    width: 515px;
    padding: 17px;
    min-height: 85px;
    position: absolute;
    top: 50%;
    left: 30%;
    z-index: 2;
    -moz-transform: translate(-30%, -50%);
    -o-transform: translate(-30%, -50%);
    -ms-transform: translate(-30%, -50%);
    -webkit-transform: translate(-30%, -50%);
    transform: translate(-30%, -50%);
    background: rgba(255, 255, 255, 0.9);
}

    .banner-module .caption ul {
        color: #000;
    }

        .banner-module .caption ul li {
            padding: 0;
            padding-right: 10px;
        }

            .banner-module .caption ul li:last-child {
                padding: 0;
            }

@media (max-width: 481px) {
    .banner-module .caption ul {
        font-size: 12px;
    }
}

.banner-module .caption img {
    width: auto !important;
}

.banner-module .caption .price {
    position: absolute;
    top: 17px;
    right: 17px;
    bottom: inherit;
    left: inherit;
    z-index: 2;
}

.banner-module .caption .feature-label {
    font-size: 10px;
    line-height: 10px;
    margin: 0;
    font-weight: 700;
    text-transform: uppercase;
    text-align: inherit;
    padding: 5px;
    color: #fff;
    position: absolute;
    top: -20px;
    right: inherit;
    bottom: inherit;
    left: 0;
    z-index: 2;
    background: #77c720;
}

.banner-module .caption .btn-detail {
    border-radius: 0;
    padding: 7px 15px;
    position: absolute;
    top: auto;
    right: 0;
    bottom: 0;
    left: auto;
    z-index: 2;
}

    .banner-module .caption .btn-detail .fa {
        margin-left: 5px;
    }

@media (max-width: 767px) {
    .banner-module .caption {
        width: 350px;
        padding: 12px;
    }

        .banner-module .caption .price {
            top: 12px;
            right: 12px;
        }
}

@media (max-width: 481px) {
    .banner-module .caption {
        width: 270px;
    }

        .banner-module .caption .amenities {
            display: none;
        }

        .banner-module .caption .date {
            display: none;
        }
}

.banner-slider {
    margin: 0;
    /*opacity: 0;
  @extend %animation;*/
}

    .banner-slider .owl-controls {
        margin: 0;
    }

        .banner-slider .owl-controls .owl-nav div[class*="owl-"] {
            width: 50px;
            height: 50px;
            line-height: 50px;
            border-radius: 50px;
        }

            .banner-slider .owl-controls .owl-nav div[class*="owl-"] .fa {
                line-height: 45px;
                font-size: 40px;
            }

@media (max-width: 767px) {
    .banner-slider .owl-controls .owl-nav div[class*="owl-"] {
        width: 38px;
        height: 38px;
        line-height: 38px;
        font-size: 30px;
    }

        .banner-slider .owl-controls .owl-nav div[class*="owl-"] .fa {
            line-height: 34px;
            font-size: 20px;
        }
}

.banner-slider .owl-controls .owl-nav .owl-prev {
    left: 5%;
}

.banner-slider .owl-controls .owl-nav .owl-next {
    right: 5%;
}

@media (max-width: 767px) {
    .banner-slider .owl-controls {
        padding: 7px 0;
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
    }

        .banner-slider .owl-controls .owl-nav .owl-prev {
            left: 2%;
        }

        .banner-slider .owl-controls .owl-nav .owl-next {
            right: 2%;
        }
}

.banner-slider .owl-dot span {
    background-color: #fff !important;
}

.banner-slider .owl-dot.active span {
    background-color: transparent !important;
    border-color: #fff !important;
}

.banner-slider .slick-prev, .banner-slider .slideshow .slide .slick-next, .slideshow .slide .banner-slider .slick-next, .banner-slider .slideshow .slideshow-nav .slick-next, .slideshow .slideshow-nav .banner-slider .slick-next, .banner-slider .slick-next {
    width: 50px;
    height: 50px;
    line-height: 50px;
    background: rgba(244, 18, 19, 0.75);
    border-radius: 0;
    left: 0;
    right: inherit;
}

    .banner-slider .slick-prev:before, .banner-slider .slideshow .slide .slick-next:before, .slideshow .slide .banner-slider .slick-next:before, .banner-slider .slideshow .slideshow-nav .slick-next:before, .slideshow .slideshow-nav .banner-slider .slick-next:before, .banner-slider .slick-next:before {
        vertical-align: middle;
        line-height: 46px;
        display: block;
        height: 50px;
        font-size: 40px;
    }

@media (max-width: 767px) {
    .banner-slider .slick-prev, .banner-slider .slideshow .slide .slick-next, .slideshow .slide .banner-slider .slick-next, .banner-slider .slideshow .slideshow-nav .slick-next, .slideshow .slideshow-nav .banner-slider .slick-next, .banner-slider .slick-next {
        width: 38px;
        height: 38px;
        line-height: 38px;
    }

        .banner-slider .slick-prev:before, .banner-slider .slideshow .slide .slick-next:before, .slideshow .slide .banner-slider .slick-next:before, .banner-slider .slideshow .slideshow-nav .slick-next:before, .slideshow .slideshow-nav .banner-slider .slick-next:before, .banner-slider .slick-next:before {
            height: 38px;
            line-height: 36px;
            font-size: 28px;
        }
}

@media (max-width: 481px) {
    .banner-slider .slick-prev, .banner-slider .slideshow .slide .slick-next, .slideshow .slide .banner-slider .slick-next, .banner-slider .slideshow .slideshow-nav .slick-next, .slideshow .slideshow-nav .banner-slider .slick-next, .banner-slider .slick-next {
        display: none !important;
    }
}

.banner-slider .slick-next {
    right: 0;
    left: inherit;
}

.banner-slider .slick-slide img {
    width: 100%;
}

.banner-slider .item {
    height: 600px;
    background-position: center center;
    background-size: cover,100%;
    background-repeat: no-repeat;
}

.banner-slider .item2 {
    height: 450px;
    background-position: center center;
    background-size: cover,100%;
    background-repeat: no-repeat;
}

@media (min-width: 768px) and (max-width: 991px) {
    .banner-slider .item {
        height: 400px;
    }

    .banner-slider .item2 {
        height: 200px;
    }
}

@media (max-width: 767px) {
    .banner-slider .item {
        height: 300px;
    }

    .banner-slider .item2 {
        height: 100px;
    }
}

.banner-slider .banner-link {
    display: block;
    position: relative;
    height: 100%;
    width: 100%;
    z-index: 1;
}

.banner-page-title {
    height: 300px;
}

@media (min-width: 768px) and (max-width: 991px) {
    .banner-page-title {
        height: 240px;
    }
}

@media (max-width: 767px) {
    .banner-page-title {
        height: 170px;
    }
}

@media (max-width: 767px) {
    #banner-slider2 .owl-controls {
        padding: 7px 0;
        position: absolute;
        left: 0;
        right: 0;
        bottom: 345px;
    }
}

#owl-example .item img {
    display: block;
    width: 100%;
    height: auto;
}

.imgowl {
    background-color: #2a2b2b;
    width: auto;
    height: 260px;
    overflow: hidden;
    position: relative;
    z-index: 1;
}

    .imgowl img {
        position: absolute;
        left: -1000%;
        right: -1000%;
        top: -1000%;
        bottom: -1000%;
        margin: auto;
        min-height: 100%;
        min-width: 100%;
        opacity: 1;
    }

.imgowl2 {
    background-color: #2a2b2b;
    width: auto;
    min-height: 420px;
    overflow: hidden;
    position: relative;
    z-index: 1;
}

    .imgowl2 img {
        position: absolute;
        left: -1000%;
        right: -1000%;
        top: -1000%;
        bottom: -1000%;
        margin: auto;
        min-height: 100%;
        min-width: 100%;
        opacity: 1;
    }

.imglux {
    background-color: #2a2b2b;
    width: auto;
    height: 285px;
    overflow: hidden;
    position: relative;
    z-index: 1;
}

    .imglux img {
        position: absolute;
        left: -1000%;
        right: -1000%;
        top: -1000%;
        bottom: -1000%;
        margin: auto;
        min-height: 100%;
        min-width: 100%;
        opacity: 1;
    }

.divimg {
    overflow: hidden;
    position: relative;
    left: 2%;
    top: 0;
    z-index: 1;
    /*padding: 50px;*/
    /*width: 51%;*/
    /*height: 480px;*/
    /*-webkit-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.15);
    -moz-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.15);
    box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.15);*/
}

.divowl {
    overflow: hidden;
    position: relative;
    right: 2%;
    top: 20px;
    /*background-color: #fafafa;*/
    background-color: #fff;
    z-index: 2;
    padding: 60px;
    /*width: 640px;*/
    min-height: 480px;
    /*-webkit-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.15);
    -moz-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.15);
    box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.15);*/
}

.zoom {
    background-color: #2a2b2b;
    transition: transform .4s; /* Animation */
    margin: 0 auto;
}

    .zoom:hover {
        transform: scale(1.1); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
    }

.overlayzoom {
    position: relative;
}

    .overlayzoom:after {
        position: absolute;
        content: "";
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        opacity: 0;
        -webkit-transition: all 0.4s ease-out;
        -moz-transition: all 0.4s ease-out;
        -ms-transition: all 0.4s ease-out;
        -o-transition: all 0.4s ease-out;
        transition: all 0.4s ease-out;
    }

    .overlayzoom:hover:after {
        opacity: .5;
        background-color: rgba(51, 51, 51, 0.70);
    }

.ma100 {
    margin: 100px;
}

@media (max-width: 991px) {

    .imgowl {
        background-color: #2a2b2b;
        width: auto;
        height: 180px;
        overflow: hidden;
        position: relative;
        z-index: 1;
    }

    /*.imgowl2 {
        background-color: #2a2b2b;
        width: auto;
        height: 180px;
        overflow: hidden;
        position: relative;
        z-index: 1;
    }*/

    .divimg {
        overflow: hidden;
        position: relative;
        left: 0;
        top: 0;
        z-index: 1;
        /*padding: 50px;*/
        width: 100%;
        height: 180px;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }

    .divowl {
        overflow: hidden;
        position: relative;
        left: 0;
        top: 0;
        /*background-color: rgba(241, 241, 241, 0.80);*/
        z-index: 2;
        padding: 8px;
        /*margin: 10px;*/
        width: auto;
        min-height: 220px;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }

    .ma100 {
        margin: 0;
    }

    .item-body .amenities i {
        font-size: 16px;
        line-height: 18px;
        margin: 0 0 0 0;
        font-weight: 400;
    }

    .ameni {
        margin-right: 8px;
    }

    .item-body .amenities p {
        font-size: 14px;
        line-height: 15px;
    }
}

.item-body {
    /*border: solid 1px #ddd;*/
    padding: 10px;
    background-color: #f6f6f6;
    /*background-color: #fff;*/
}

.item-body .info-row + .info-row {
    margin-top: 10px;
}

.item-body .amenities {
    min-height: 40px;
}

@media (max-width: 481px) {
    .item-body .amenities {
        margin-bottom: 15px;
    }
}

.item-body .property-title {
    font-size: 20px;
    line-height: 24px;
    margin: 0 0 5px 0;
    font-weight: 500;
    text-transform: inherit;
    text-align: inherit;
}

@media (max-width: 767px) {
    .item-body .property-title {
        font-size: 15px;
        line-height: 18px;
    }
}

.item-body .property-location {
    font-size: 16px;
    line-height: 17px;
    margin: 0;
    font-weight: 400;
    text-transform: inherit;
    text-align: inherit;
}

@media (max-width: 767px) {
    .item-body .property-location {
        font-size: 13px;
        line-height: 14px;
    }
}

.item-body .date p {
    font-size: 12px;
    line-height: 12px;
    margin: 0;
    font-weight: 300;
    text-transform: inherit;
    text-align: inherit;
}

.item-body .phone p {
    font-size: 12px;
    line-height: 12px;
    margin: 8px 0 0 0;
    font-weight: 400;
    text-transform: inherit;
    text-align: inherit;
}

.price {
    text-align: right;
}

    .price .price-start {
        font-size: 12px;
        line-height: 12px;
        margin-bottom: 7px;
    }

    .price h3 {
        font-size: 18px;
        line-height: 18px;
        margin: 0;
        font-weight: 500;
        text-transform: inherit;
        text-align: inherit;
    }

@media (max-width: 767px) {
    .price h3 {
        font-size: 14px;
        line-height: 14px;
    }
}

.price .rant {
    font-size: 15px;
    line-height: 15px;
    margin: 7px 0 0;
    font-weight: 500;
    text-transform: inherit;
    text-align: inherit;
}

.price .item-price {
    font-size: 18px;
    line-height: 18px;
    margin: 0;
    font-weight: 500;
    text-transform: inherit;
    text-align: inherit;
}

@media (max-width: 767px) {
    .price .item-price {
        font-size: 14px;
        line-height: 14px;
    }
}

.price .item-sub-price {
    font-size: 12px;
    line-height: 12px;
    margin: 7px 0 0;
    font-weight: 500;
    text-transform: inherit;
    text-align: inherit;
}

.item-thumb, figure, .carousel-module .carousel .item figure {
    /*.cap-actions{
    @include typography(12px, 16px, 0, 400, inherit, inherit);
  }*/
}

    .item-thumb .label-featured, figure .label-featured, .carousel-module .carousel .item figure .label-featured {
        font-size: 10px;
        line-height: 11px;
        margin: 0;
        font-weight: 500;
        text-transform: uppercase;
        text-align: inherit;
    }

    .item-thumb .thumb-caption, figure .thumb-caption, .carousel-module .carousel .item figure .thumb-caption {
        /*.actions{
    @include typography(0, 14px, 0, 400, inherit, inherit);
  }*/
    }

        .item-thumb .thumb-caption .cap-price, figure .thumb-caption .cap-price, .carousel-module .carousel .item figure .thumb-caption .cap-price {
            font-size: 16px;
            line-height: 16px;
            margin: 0;
            font-weight: 500;
            text-transform: uppercase;
            text-align: inherit;
        }

        .item-thumb .thumb-caption .cap-social, figure .thumb-caption .cap-social, .carousel-module .carousel .item figure .thumb-caption .cap-social {
            font-size: 12px;
            line-height: 12px;
            margin: 0;
            font-weight: 400;
            text-transform: uppercase;
            text-align: inherit;
        }

.item-foot {
    /*background-color: #fff;*/
    border-top: 1px solid #e5e5e5;
    padding: 14px 20px;
    position: absolute;
    bottom: 100px;
    width: 80%;
}

    .item-foot::before, .item-caption .item-caption-list::before, .property-item-v2 .item-body-top::before, .property-item-v2 .item-body-bottom::before {
        content: " ";
        display: table;
    }

    .item-foot .item-foot-left {
        float: left;
    }

    .item-foot .item-foot-right {
        float: right;
    }

    .item-foot p {
        font-size: 12px;
        line-height: 20px;
        margin: 0;
        font-weight: 300;
        text-transform: inherit;
        text-align: inherit;
    }

.detail h3 {
    font-size: 14px;
    line-height: 26px;
    margin: 0;
    font-weight: 500;
    text-transform: inherit;
    text-align: inherit;
}

.detail ul {
    font-size: 14px;
    line-height: 18px;
    margin: 0;
    font-weight: 400;
    text-transform: inherit;
    text-align: inherit;
}

@media (max-width: 767px) {
    .detail ul {
        font-size: 12px;
        line-height: 16px;
    }
}

.detail .cap-price {
    font-size: 16px;
    line-height: 16px;
    margin: 0;
    font-weight: 500;
    text-transform: inherit;
    text-align: inherit;
}

.item-body .amenities p {
    font-size: 18px;
    line-height: 20px;
    margin: 0 0 8px 0;
    font-weight: 500;
    text-transform: inherit;
    text-align: inherit;
}

.item-body .amenities i {
    font-size: 28px;
    line-height: 32px;
    margin: 0 2px 0 0;
    font-weight: 300;
    color: #777778;
    -webkit-text-stroke: 0.5px white;
    vertical-align: middle;
}

.ameni {
    margin-right: 20px;
}

.dbottom {
    position: absolute;
    bottom: 60px;
    margin: auto;
    left: 15%;
    right: 15%;
}

@media (max-width: 991px) {
    .detail .cap-price {
        font-size: 14px;
        line-height: 14px;
    }
    .item-body .amenities p {
        font-size: 15px;
        line-height: 16px;
        margin: 0 0 8px 0;
        font-weight: 500;
        text-transform: inherit;
        text-align: inherit;
    }
    .item-body .amenities i {
        font-size: 16px;
        line-height: 18px;
        margin: 0 2px 0 0;
        font-weight: 300;
        -webkit-text-stroke: 0.2px white;
    }
    .ameni {
        margin-right: 12px;
    }
    .dbottom {
        position: absolute;
        bottom: 20px;
        margin: auto;
        left: 15%;
        right: 15%;
    }
}

/************************************************/

.mlr80 {
    margin-left: 80px;
    margin-right: 80px;
}

@media only screen and (max-width: 768px) {
    .mlr80 {
        margin-left: 0;
        margin-right: 0;
    }
}

.searchEngineSmall {
    padding: 0 50px;
}
@media only screen and (max-width: 768px) {
    .searchEngineSmall {
        padding: 0 10px;
    }
}

.btn2 {
    color: rgba(119, 119, 120, 1);
    background-color: #cacaca;
    /*background: #999999;*/
    /*background-image: -webkit-linear-gradient(top, #d4d4d4, #999999);
    background-image: -moz-linear-gradient(top, #d4d4d4, #999999);
    background-image: -ms-linear-gradient(top, #d4d4d4, #999999);
    background-image: -o-linear-gradient(top, #d4d4d4, #999999);
    background-image: linear-gradient(to bottom, #d4d4d4, #999999);*/
    /*color: #e5e5e5;*/
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 0.05em;
    line-height: 14px;
    padding: 3px 0 0;
    border: solid #e3e3e3 1px;
    text-decoration: none;
    cursor: pointer;
    text-align: center;
    text-transform: uppercase;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

    .btn2:hover {
        background: #2a2b2b;
        /*background-image: -webkit-linear-gradient(top, #ff9900, #c87800);
        background-image: -moz-linear-gradient(top, #ff9900, #c87800);
        background-image: -ms-linear-gradient(top, #ff9900, #c87800);
        background-image: -o-linear-gradient(top, #ff9900, #c87800);
        background-image: linear-gradient(to bottom, #ff9900, #c87800);*/
        text-decoration: none;
        color: #fff;
    }

    .btn2.active {
        background: #cacaca;
        background-image: -webkit-linear-gradient(top, #e5e5e5, #fafafa, #cacaca);
        background-image: -moz-linear-gradient(top, #e5e5e5, #fafafa, #cacaca);
        background-image: -ms-linear-gradient(top, #e5e5e5, #fafafa, #cacaca);
        background-image: -o-linear-gradient(top, #e5e5e5, #fafafa, #cacaca);
        background-image: linear-gradient(to bottom, #e5e5e5, #fafafa, #cacaca);
        text-decoration: none;
        color: #000;
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
    }

.btn2left {
    width: 100%;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    margin-bottom: 15px;
}
.btn2right {
    width: 100%;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    margin-bottom: 15px;
}

.fsize10 {
    font-size: 10px !important;
    line-height: 14px !important;
}

.fsize11 {
    font-size: 11px !important;
    line-height: 15px !important;
}

.fsize12 {
    font-size: 12px !important;
    line-height: 16px !important;
}

.fsize13 {
    font-size: 13px !important;
    line-height: 17px !important;
}

.fsize14 {
    font-size: 14px !important;
    line-height: 18px !important;
}

.fsize15 {
    font-size: 15px !important;
    line-height: 19px !important;
}

.fsize16 {
    font-size: 16px !important;
    line-height: 20px !important;
}

.fsize17 {
    font-size: 17px !important;
    line-height: 23px !important;
}

.fsize18 {
    font-size: 18px !important;
    line-height: 24px !important;
}

.fsize19 {
    font-size: 19px !important;
    line-height: 25px !important;
}

.fsize20 {
    font-size: 20px !important;
    line-height: 26px !important;
}

.fsize21 {
    font-size: 21px !important;
    line-height: 27px !important;
}

.fsize22 {
    font-size: 22px !important;
    line-height: 28px !important;
}

.fsize24 {
    font-size: 24px !important;
    line-height: 29px !important;
}

.fsize26 {
    font-size: 26px !important;
    line-height: 30px !important;
}

.fsize30 {
    font-size: 30px !important;
    line-height: 36px !important;
}

.fsize32 {
    font-size: 32px !important;
    line-height: 38px !important;
}

.fsize34 {
    font-size: 34px !important;
    line-height: 40px !important;
}

.fsize36 {
    font-size: 36px !important;
    line-height: 43px !important;
}

.fsize40 {
    font-size: 40px !important;
    line-height: 46px !important;
}

.fsize50 {
    font-size: 50px !important;
    line-height: 60px !important;
}

.captcha {
    color: #7e7e7e;
    line-height: 20px;
}

    .captcha img {
        -webkit-filter: opacity(75%) !important; /* Safari 6.0 - 9.0 */
        filter: opacity(75%) !important;
        border: solid 1px #7e7e7e;
        border-radius: 6px;
        margin-top: 4px;
    }

    .captcha input {
        /*background: #003e5b;*/
        text-transform: uppercase;
        text-align: center;
        font-size: 18px;
        letter-spacing: 0.10em;
        border-radius: 4px;
        line-height: 30px;
        padding: 0 10px;
        width: 140px;       font-weight: 600;
        color: #ad8f42;
    }

    .captcha span {
        /*float: none !important;*/
    }

.captcha1 span {
    /*float: none !important;*/
}

@media only screen and (max-width: 768px) {
    .captcha span {
        float: none !important;
        display: block;
    }

    .captcha1 span {
        float: none !important;
        display: block;
    }
}

.captcha1 {
    color: #f5f5f5;
    line-height: 1.3em;
}

    .captcha1 img {
        -webkit-filter: opacity(75%) !important; /* Safari 6.0 - 9.0 */
        filter: opacity(75%) !important;
        border: solid 1px #f5f5f5;
        border-radius: 6px;
        margin-top: 6px;
    }

    .captcha1 input {
        background: #595959;
        /*border: solid 1px #595959;*/
        text-transform: uppercase;
        text-align: center;
        font-size: 21px;
        letter-spacing: 0.10em;
        border-radius: 4px;
        line-height: 30px;
        padding: 0 10px;
    }

@media (min-width: 768px) {
    .search_jump {
        display: none !important;
    }
}
@media (max-width: 768px) {
    #search_jump {
        padding-top: 40px;
        float: right;
    }
}

#searchmac .nav-tabs > li, .nav-pills > li {
    float: none;
    display: inline-block;
    *display: inline; /* ie7 fix */
    zoom: 1; /* hasLayout ie7 trigger */
    padding-left: 3px;
    padding-right: 3px;
    width: auto!important;
}

#searchmac .nav-tabs {
    text-align: center;
}

#searchmac .nav-pills > li a {
    color: rgba(119, 119, 120, 1);
    background-color: #cacaca;
    width: 50px;
    height: 45px;
    padding: 6px;
    font-size: 14px;
    text-align: center;
    /*font-family: 'Roboto', sans-serif;*/
    margin-bottom: 4px;
    border-radius: 0;
    text-decoration: none !important;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    /*border: solid 1px #b2b2b2;*/
    text-transform: uppercase;
    -webkit-box-shadow: inset 0px -1px 2px 0px rgba(0,0,0,0.25);
    -moz-box-shadow: inset 0px -1px 2px 0px rgba(0,0,0,0.25);
    box-shadow: inset 0px -1px 2px 0px rgba(0,0,0,0.25);
}

#searchmac .nav-pills > li + li {
    margin-left: 0;
}

#searchmac .nav-pills > li.active > a, #searchmac .nav-pills > li.active > a:focus, #searchmac .nav-pills > li.active > a:hover {
    color: #000;
    background: #cacaca;
    /*background-image: none;*/
    background-image: -webkit-linear-gradient(top, #e5e5e5, #fafafa, #cacaca);
    background-image: -moz-linear-gradient(top, #e5e5e5, #fafafa, #cacaca);
    background-image: -ms-linear-gradient(top, #e5e5e5, #fafafa, #cacaca);
    background-image: -o-linear-gradient(top, #e5e5e5, #fafafa, #cacaca);
    background-image: linear-gradient(to bottom, #e5e5e5, #fafafa, #cacaca);
    /*background-color: #e5e5e5;*/
    /*border: solid 1px #e11b22;*/
    /*border-radius: 6px;*/
}

#searchmac .nav-pills > li > a:hover {
    color: #fff;
    background-color: #2a2b2b;
    /*border: solid 1px #0054a4;*/
}

.sev label {
    font-size: 14px;
    color: #777779;
    font-weight: 400;
    position: relative;
    top: -3px;
}

.sev h4 {
    color: #777779;
    /*padding: 4px 8px;*/
    font-size: 16px;
    margin-top: 0;
    margin-bottom: 4px;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

.sev .fields {
    min-height: 40px;
    padding: 3px 0px !important;
    border-radius: 1px;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 1px solid #e0e0e0;
    background: #fff !important;
    margin-bottom: 5px;
}

@media (max-width: 798px) {
    .sev label {
        font-size: 0.9em !important;
    }
}

.searchEngineVertical {
    border: solid 1px #e0e0e0;
    padding: 10px;
}

.figuremore {
    background-color: #DDD;
    width: auto;
    height: 220px;
    overflow: hidden;
    position: relative;
    z-index: 1;
}

    .figuremore img {
        position: absolute;
        left: -1000%;
        right: -1000%;
        top: -1000%;
        bottom: -1000%;
        margin: auto;
        min-height: 100%;
        min-width: 100%;
        opacity: 1;
        -moz-transform: scale(0.5);
        -webkit-transform: scale(50%,50%);
        -o-transform: scale(0.5);
        -ms-transform: scale(0.5);
        transform: scale(0.5);
    }

.imgthumb {
    width: auto;
    height: 70px;
    overflow: hidden;
    position: relative;
    z-index: 1;
    margin: 0 1px;
}

    .imgthumb img {
        position: absolute;
        left: -1000%;
        right: -1000%;
        top: -1000%;
        bottom: -1000%;
        margin: auto;
        min-height: 100%;
        min-width: 100%;
        opacity: 1;
    }

h3.heading {
    margin-bottom: 10px;
    border-bottom: solid 1px #dddddd;
}

.semitrans {
    background: rgba(51, 51, 51, 0.65);
    padding: 20px;
    /*border-radius: 10px;*/
    -webkit-box-shadow: 10px 10px 10px 0px rgba(0, 0, 0, 0.50);
    box-shadow: 10px 10px 10px 0px rgba(0, 0, 0, 0.50);
}

#aboutus ul {
    color: #7e7e7e;
    line-height: 24px !important;
}

.main-title {
    padding-top: 40px;
}

@media (max-width: 798px) {
    .main-title {
        padding-top: 60px;
    }
}

#cformlink a.form:link {
    color: #777777 !important;
    text-decoration: underline !important;
}

#cformlink a.form:visited, a.gold:focus {
    color: #777777 !important;
    text-decoration: underline !important;
}

#cformlink a.form:hover {
    color: #323232 !important;
    text-decoration: underline !important;
}

a.cformlink:link {
    color: #777777 !important;
    text-decoration: underline !important;
}

a.cformlink:visited, a.cformlink:focus {
    color: #777777 !important;
    text-decoration: underline !important;
}

a.cformlink:hover {
    color: #323232 !important;
    text-decoration: underline !important;
}

.noshow {
    display: none!important;
}

@media print {
    #printcontent:after {
        display: block;
        content: "";
        /*vertical-align: bottom;*/
        /*specify appropriate margin bottom*/
        /*margin-bottom: 75mm;*/
    }
}

@page {
    margin: 0.5cm;
}

.lang-select {
    min-width: 90px !important;
}

.fontapart {
    font-family: 'Lusitana', serif!important;
    font-size: 24px!important;
    color: #2a2b2b!important;
    font-weight: 500;
    letter-spacing: -0.010em!important;
}

/* -------------------------------------------------------------------------
   Start Scroll Down Button 
 * ------------------------------------------------------------------------- */

button.scroll_down {
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    height: 64px;
    width: 34px;
    bottom: 70px;
    /*background-color: transparent;*/
    /*background-color: rgba(255, 255, 255, 0.75);
    border: 2px solid rgba(255, 255, 255, 1);*/
    background-color: #ad8f42;
    border: 2px solid #fff;
    /*border: 2px solid #ad8f42;*/
    border-radius: 20px;
    /*border: none;*/
    cursor: pointer;
    outline: none;
    /*z-index: 999999;*/
    box-shadow: 0 0 5px rgba(0, 0, 0, .35);
    transition: all .3s;
}

    button.scroll_down:before {
        position: absolute;
        top: -5px;
        left: 50%;
        margin-left: -10px;
        /*content: '';
        width: 8px;
        height: 8px;        
        background-color: rgba(255, 255, 255, 0.5);
        border-radius: 100%;*/
        -webkit-animation: scroll_down_btn-animation 1.5s infinite;
        animation: scroll_down_btn-animation 1.5s infinite;
        box-sizing: border-box;
        font-family: 'FontAwesome';
        content: "\f107";
        font-size: 30px;
        color: #fff;
        text-align: center;
        /*text-shadow: 0 0 2px rgba(0, 0, 0, .5);*/
    }

    button.scroll_down:hover {
        background-color: #2b2b2a;
    }

@media only screen and (max-width: 968px) {
    button.scroll_down {
        bottom: 80px;
    }
}

@keyframes scroll_down_btn-animation {
    0% {
        transform: translate(0, 0);
        opacity: 0;
    }

    40% {
        opacity: 1;
    }

    80% {
        transform: translate(0, 30px);
        opacity: 0;
    }

    100% {
        opacity: 0;
    }
}

@-webkit-keyframes scroll_down_btn-animation {
    0% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 0;
    }

    40% {
        opacity: 1;
    }

    80% {
        -webkit-transform: translate(0, 30px);
        transform: translate(0, 30px);
        opacity: 0;
    }

    100% {
        opacity: 0;
    }
}

/* -------------------------------------------------------------------------
   end Scroll Down Button 
 * ------------------------------------------------------------------------- */

input[type=checkbox] {
    -moz-appearance: none;
    -webkit-appearance: none;
    -o-appearance: none;
    outline: none;
    content: none;
    line-height: 1.25;
    margin-right: 3px;
    margin-top: 0;
    cursor: pointer;
}

    input[type=checkbox]:before {
        font-family: "FontAwesome";
        content: "\f00c";
        font-size: 12px;
        color: transparent !important;
        background: #ffffff;
        display: block;
        width: 16px;
        height: 16px;
        border: 1px solid #cccccc;
        /*margin-right: 5px;*/
        white-space: nowrap;
        text-align: center !important;
    }

    input[type=checkbox]:checked:before {
        color: #2a2b2b !important;
        background: #f5f5f5;
        border: 1px solid #cccccc;
    }

input label {
    margin-left: 30px;
    display: block;
}

/* start of checkbox style */
.CheckBoxDescriptionLabelCss {
    display: table; /* to display the text*/
}

.CheckBoxCssWithHiddenText {
    float: left; /* float the checkbox to the left, this is important*/
}

    .CheckBoxCssWithHiddenText Label {
        display: none;
    }

/* end of checkbox style */

.probox {
    position: relative;
    right: 100px;
    top: 50%;
    -webkit-transform: translateY(25%);
    -ms-transform: translateY(25%);
    transform: translateY(25%);
    background-color: #fff;
    padding: 40px;
    z-index: 1;
}

.probox-gr {
    position: relative;
    left: 100px;
    top: 0;
    /*top: 50%;*/
    /*-webkit-transform: translateY(25%);
    -ms-transform: translateY(25%);
    transform: translateY(25%);*/
    background-color: #f5f5f5;
    padding: 40px;
    padding-right: 100px;
    z-index: -1;
}

.pr-grimg {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(20%);
    -ms-transform: translateY(20%);
    transform: translateY(20%);
}

@media only screen and (max-width: 1468px) {
    .probox{
        position: relative;
        right: 0;
        top: 0;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
        padding: 40px;
    }
    .probox-gr {
        position: relative;
        left: 0;
        top: 0;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
        padding: 40px;
    }
    .pr-grimg {
        position: relative;
        top: 0;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}


/****** BUTTONS-GRID ******/

.img-hover {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: 0;
    -webkit-transition: all .3s;
    transition: all .3s;
    opacity: 0;
    /*border: 20px solid rgba(0, 0, 0, .35);*/
    background-color: rgba(0, 0, 0, 0.65);
    /*background-color: rgba(60, 87, 143, 0.85);*/
    overflow: hidden;
}

    .img-hover:hover {
        opacity: 1;
    }

.buttons-grid > a:hover > span, .buttons-grid > div:hover > span {
    opacity: 0 !important;
}

.img-hover img {
    transition: all 0.3s ease 0s;
}

.img-hover .overlay {
    position: absolute;
    top: 0;
    width: 100%;
    -webkit-transition: all .3s;
    transition: all .3s;
    -webkit-transform: translateY(45%);
    -ms-transform: translateY(45%);
    transform: translateY(45%);
    text-align: center;
    opacity: 0;
    font-size: 35px;
}

.img-hover:hover .overlay {
    opacity: 1;
    top: 34%;
    margin-top: -34px;
}

.img-hover:hover img {
    cursor: pointer;
    transform: scale(1.2);
    transition: all 0.3s ease 0s;
}

.img-hover .overlay a {
    color: #fff;
    /*display: block;
        font-size: 40px;
        height: 100%;
        margin-top: -20px;
        position: relative;
        top: 50%;*/
    text-align: center;
    transition: all .3s;
    text-decoration: none;
    background-color: transparent;
    font-size: 40px;
}

    .img-hover .overlay a:hover {
        text-decoration: none;
        color: #999;
    }

.img-hover .img-desc {
    position: absolute;
    top: 50%;
    /*bottom: 0;*/
    width: 100%;
    -webkit-transition: all .3s;
    transition: all .3s;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    opacity: 0;
    text-align: center;
    color: white;
    font-size: 30px;
}

.img-hover .img-desc p {
    font-size: 18px !important;
}


.img-hover:hover .img-desc {
    /*bottom: 10%;
    margin-bottom: -15px;*/
    /*top: 50%;*/
    /*margin-top: 25%;*/
    opacity: 1;
    color: #fff;
}

.img-hover .img-desc a {
    color: white;
}

.img-hover:hover .img-desc a:hover {
    color: #999;
}

.img-hover .img-desc p {
    margin: 15px 0;
    color: #fff;
    line-height: 24px;
    font-size: 16px;
    padding: 0 120px;
}

@media screen and (max-width: 992px) {
    .img-hover .img-desc p {
        margin: 15px 0;
        color: #fff;
        line-height: 24px;
        font-size: 16px;
        padding: 0 60px;
    }
}

.changebg {
    background: #ffffff;
    border: solid 2px #fff;
}

.buttons-grid > a span, .buttons-grid > div span {
    font-size: 26px;
    line-height: normal;
    color: #fff;
    padding: 10px;
    display: block;
    /*background-color: rgba(162, 218, 219, 1);*/
    /*border: solid 1px rgba(255, 255, 255, 0.80);*/
    /*background-color: #99999a;*/
    /*float: left;
    margin-top: 0px;*/
    /*font-weight: 500;*/
    -webkit-transition: all .3s;
    transition: all .3s;
    /*border-bottom-right-radius: 10px;*/
    text-align: center;
    /*************/
    /*background-color: #ad8f42;*/
    /*position: absolute;*/
    /*left: -20px;*/
    /*top: 20px;*/
    position: relative;
    /*bottom: 0;*/
    /*width: 250px;*/
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    /*-webkit-transform: translateY(-55%);
    -ms-transform: translateY(-55%);
    transform: translateY(-55%);*/
}

.buttons-grid > a span.defpage, .buttons-grid > div span.defpage {
    font-size: 40px!important;
    /*font-size: 22px!important;*/
}

@media only screen and (max-width: 768px) {
    .buttons-grid > a span.defpage, .buttons-grid > div span.defpage {
        font-size: 35px !important;
        /*font-size: 17px !important;*/
    }
}

    .buttons-grid .bgp-1, .buttons-grid .bgp-2, .buttons-grid .bgp-3, .buttons-grid .bgp-4, .buttons-grid .bgp-5, .buttons-grid .bgp-6 {
        /*height: 300px;*/
        height: 400px;
        padding: 0;
        border: solid 1px #fff;
        /*border: solid 1px #f2f2f2;*/
    }

        .buttons-grid .bgp-1 img, .buttons-grid .bgp-2 img, .buttons-grid .bgp-3 img, .buttons-grid .bgp-4 img, .buttons-grid .bgp-5 img, .buttons-grid .bgp-6 img {
            margin-left: auto;
            margin-right: auto;
            display: block;
        }

    .buttons-grid .bgp-1 {
        /*width:24.7%;
    top:0;
    left:0;*/
        background: linear-gradient(rgba(0,0,0, 0.2), rgba(0,0,0,0.2)), url("/assets/img/projects/projectnew1.jpg") no-repeat center center;
        /*background: url("/assets/img/post/project1.jpg") no-repeat center center;*/
        background-size: cover;
    }

    .buttons-grid .bgp-2 {
        /*top:0;
    left:25%;
    width:49.7%;*/
        background: linear-gradient(rgba(0,0,0, 0.2), rgba(0,0,0,0.2)), url("/assets/img/projects/project2.jpg") no-repeat center center;
        /*background: url("/assets/img/post/project2.jpg") no-repeat center center;*/
        background-size: cover;
    }

    .buttons-grid .bgp-3 {
        /*top:0;
    left:75%;
    width:24.7%;*/
        background: linear-gradient(rgba(0,0,0, 0.25), rgba(0,0,0,0.25)), url("/assets/img/projects/project3.jpg") no-repeat center center;
        /*background: url("/assets/img/post/project3.jpg") no-repeat center center;*/
        background-size: cover;
    }

    .buttons-grid .bgp-4 {
        /*top:300px;
    width:49.7%;*/
        background: linear-gradient(rgba(0,0,0, 0.2), rgba(0,0,0,0.2)), url("/assets/img/projects/project4.jpg") no-repeat center center;
        /*background: url("/assets/img/post/project4.jpg") no-repeat center center;*/
        background-size: cover;
    }

    .buttons-grid .bgp-5 {
        /*top:300px;
    left:50%;
    width:49.7%;*/
        background: linear-gradient(rgba(0,0,0, 0.2), rgba(0,0,0,0.2)), url("/assets/img/projects/project5.jpg") no-repeat center center;
        /*background: url("/assets/img/post/project5.jpg") no-repeat 0 0;*/
        background-size: cover;
    }

    .buttons-grid .bgp-6 {
        /*top:300px;
    left:50%;
    width:49.7%;*/
        background: linear-gradient(rgba(0,0,0, 0.2), rgba(0,0,0,0.2)), url("/assets/img/projects/project6.jpg") no-repeat center center;
        /*background: url("/assets/img/post/project6.jpg") no-repeat 0 0;*/
        background-size: cover;
    }

    /*horizontal border elements (top & bottom)*/

    .buttons-grid .cf:before,
    .buttons-grid .cf:after {
        display: table;
        content: " ";
    }

    .buttons-grid .cf:after {
        clear: both
    }

    .buttons-grid .bgp-1,
    .buttons-grid .bgp-2,
    .buttons-grid .bgp-3,
    .buttons-grid .bgp-4,
    .buttons-grid .bgp-5,
    .buttons-grid .bgp-6 {
        transition: all 750ms ease-in;
    }

        .buttons-grid .bgp-1 .v-border,
        .buttons-grid .bgp-2 .v-border,
        .buttons-grid .bgp-3 .v-border,
        .buttons-grid .bgp-4 .v-border,
        .buttons-grid .bgp-5 .v-border,
        .buttons-grid .bgp-6 .v-border {
            position: absolute;
            top: 0%;
            left: 0%;
            width: 100%;
            height: 100%;
        }

            /*.buttons-grid .bgp-1 .v-border:before,
        .buttons-grid .bgp-2 .v-border:before,
        .buttons-grid .bgp-3 .v-border:before,
        .buttons-grid .bgp-4 .v-border:before,
        .buttons-grid .bgp-5 .v-border:before,
        .buttons-grid .bgp-6 .v-border:before,*/
            .buttons-grid .bgp-1 .v-border:after,
            .buttons-grid .bgp-2 .v-border:after,
            .buttons-grid .bgp-3 .v-border:after,
            .buttons-grid .bgp-4 .v-border:after,
            .buttons-grid .bgp-5 .v-border:after,
            .buttons-grid .bgp-6 .v-border:after {
                width: 0%;
                height: 10px;
                left: 50%;
                transition: all 1250ms ease-out;
                /*transition: all 750ms ease-out;*/
                background: rgba(255, 255, 255, 0.35);
            }

            /*.buttons-grid .bgp-1 .v-border:before,
        .buttons-grid .bgp-2 .v-border:before,
        .buttons-grid .bgp-3 .v-border:before,
        .buttons-grid .bgp-4 .v-border:before,
        .buttons-grid .bgp-5 .v-border:before,
        .buttons-grid .bgp-6 .v-border:before {
            content: '';
            top: 10%;
            position: absolute;
        }*/

            .buttons-grid .bgp-1 .v-border:after,
            .buttons-grid .bgp-2 .v-border:after,
            .buttons-grid .bgp-3 .v-border:after,
            .buttons-grid .bgp-4 .v-border:after,
            .buttons-grid .bgp-5 .v-border:after,
            .buttons-grid .bgp-6 .v-border:after {
                content: '';
                bottom: 10%;
                position: absolute;
            }

        /*horizontal elements (left & right)*/

        .buttons-grid .bgp-1 .h-border,
        .buttons-grid .bgp-2 .h-border,
        .buttons-grid .bgp-3 .h-border,
        .buttons-grid .bgp-4 .h-border,
        .buttons-grid .bgp-5 .h-border,
        .buttons-grid .bgp-6 .h-border {
            position: absolute;
            top: 0%;
            left: 0%;
            width: 100%;
            height: 100%;
        }

            .buttons-grid .bgp-1 .h-border:before,
            .buttons-grid .bgp-2 .h-border:before,
            .buttons-grid .bgp-3 .h-border:before,
            .buttons-grid .bgp-4 .h-border:before,
            .buttons-grid .bgp-5 .h-border:before,
            .buttons-grid .bgp-6 .h-border:before
            /*.buttons-grid .bgp-1 .h-border:after,
        .buttons-grid .bgp-2 .h-border:after,
        .buttons-grid .bgp-3 .h-border:after,
        .buttons-grid .bgp-4 .h-border:after,
        .buttons-grid .bgp-5 .h-border:after,
        .buttons-grid .bgp-6 .h-border:after*/ {
                height: 0%;
                top: 50%;
                width: 10px;
                transition: all 1250ms ease-out;
                /*transition: all 750ms ease-out;*/
                background: rgba(255, 255, 255, 0.35);
            }

            .buttons-grid .bgp-1 .h-border:before,
            .buttons-grid .bgp-2 .h-border:before,
            .buttons-grid .bgp-3 .h-border:before,
            .buttons-grid .bgp-4 .h-border:before,
            .buttons-grid .bgp-5 .h-border:before,
            .buttons-grid .bgp-6 .h-border:before {
                content: '';
                left: 10%;
                /*height: 0%;*/
                position: absolute;
            }

        /*.buttons-grid .bgp-1 .h-border:after,
        .buttons-grid .bgp-2 .h-border:after,
        .buttons-grid .bgp-3 .h-border:after,
        .buttons-grid .bgp-4 .h-border:after,
        .buttons-grid .bgp-5 .h-border:after,
        .buttons-grid .bgp-6 .h-border:after {
            content: '';
            right: 10%;
            position: absolute;
        }*/


        /*hover states for interactivity*/
        /*.buttons-grid .bgp-1:active .v-border:before,
    .buttons-grid .bgp-1:hover .v-border:before,
    .buttons-grid .bgp-2:active .v-border:before,
    .buttons-grid .bgp-2:hover .v-border:before,
    .buttons-grid .bgp-3:active .v-border:before,
    .buttons-grid .bgp-3:hover .v-border:before,
    .buttons-grid .bgp-4:active .v-border:before,
    .buttons-grid .bgp-4:hover .v-border:before,
    .buttons-grid .bgp-5:active .v-border:before,
    .buttons-grid .bgp-5:hover .v-border:before,
    .buttons-grid .bgp-6:active .v-border:before,
    .buttons-grid .bgp-6:hover .v-border:before,*/
        .buttons-grid .bgp-1:active .v-border:after,
        .buttons-grid .bgp-1:hover .v-border:after,
        .buttons-grid .bgp-2:active .v-border:after,
        .buttons-grid .bgp-2:hover .v-border:after,
        .buttons-grid .bgp-3:active .v-border:after,
        .buttons-grid .bgp-3:hover .v-border:after,
        .buttons-grid .bgp-4:active .v-border:after,
        .buttons-grid .bgp-4:hover .v-border:after,
        .buttons-grid .bgp-5:active .v-border:after,
        .buttons-grid .bgp-5:hover .v-border:after,
        .buttons-grid .bgp-6:active .v-border:after,
        .buttons-grid .bgp-6:hover .v-border:after {
            width: 90%;
            left: 5%;
        }

        .buttons-grid .bgp-1:active .h-border:before,
        .buttons-grid .bgp-1:hover .h-border:before,
        .buttons-grid .bgp-2:active .h-border:before,
        .buttons-grid .bgp-2:hover .h-border:before,
        .buttons-grid .bgp-3:active .h-border:before,
        .buttons-grid .bgp-3:hover .h-border:before,
        .buttons-grid .bgp-4:active .h-border:before,
        .buttons-grid .bgp-4:hover .h-border:before,
        .buttons-grid .bgp-5:active .h-border:before,
        .buttons-grid .bgp-5:hover .h-border:before,
        .buttons-grid .bgp-6:active .h-border:before,
        .buttons-grid .bgp-6:hover .h-border:before
        /*.buttons-grid .bgp-1:active .h-border:after,
    .buttons-grid .bgp-1:hover .h-border:after,
    .buttons-grid .bgp-2:active .h-border:after,
    .buttons-grid .bgp-2:hover .h-border:after,
    .buttons-grid .bgp-3:active .h-border:after,
    .buttons-grid .bgp-3:hover .h-border:after,
    .buttons-grid .bgp-4:active .h-border:after,
    .buttons-grid .bgp-4:hover .h-border:after,
    .buttons-grid .bgp-5:active .h-border:after,
    .buttons-grid .bgp-5:hover .h-border:after,
    .buttons-grid .bgp-6:active .h-border:after,
    .buttons-grid .bgp-6:hover .h-border:after*/ {
            height: 90%;
            top: 5%;
        }

    .bannertext {
        font-size: 80px;
        position: absolute;
        margin-left: auto;
        margin-right: auto;
        left: 0;
        /*right: 0;*/
        bottom: 220px;
        z-index: 999;
        text-align: center;
        background-color: rgba(173, 143, 66, 0.5);
        width: 50%;
        padding-bottom: 20px;
    }

        .bannertext span {
            color: rgba(255, 255, 255, 1) !important;
            text-shadow: 0 2px 2px rgba(0, 0, 0, .75);
        }

    @media only screen and (max-width: 768px) {
        .bannertext {
            font-size: 20px;
            position: absolute;
            margin-left: auto;
            margin-right: auto;
            left: 0;
            right: 0;
            bottom: 20px;
            z-index: 999;
            text-align: center;
            background-color: rgba(60, 87, 143, 0.50);
            width: 80%;
            padding-bottom: 8px;
        }
    }

    /*******************************************/

.leftoverlay {
    position: absolute;
    left: 50px;
    bottom: 50px;
}

.menuzord-menu > li > a.clang {
    text-decoration: none;
    padding-left: 5px;
    padding-right: 5px;
    color: #777778;
}

.menuzord-menu > li:hover > a.clang {
    background-color: transparent;
    color: #ad8f42;
}

.menuzord-menu > li:active > a.clang {
    color: #ad8f42;
}

.menuzord-menu > li > a.clang1 {
    text-decoration: none;
    padding-left: 2px;
    padding-right: 2px;
    color: #ddd;
}

.menuzord-menu > li:hover > a.clang1 {
    background-color: transparent;
    color: #ddd;
}

.menuzord-menu > li:active > a.clang1 {
    color: #ddd;
}

a.lang {
    text-decoration: none;
    padding-left: 2px;
    padding-right: 2px;
    color: #ddd;
    font-weight: 600;
}

a:hover.lang {
    background-color: transparent;
    color: #ad8f42;
}

.gotobottom {
    position: absolute;
    bottom: 0;
}

.imgproject {
    background-color: #ddd;
    width: auto;
    height: 400px;
    overflow: hidden;
    position: relative;
    z-index: 1;
    margin: 15px 0;
    transition: .5s ease;
    backface-visibility: hidden;
    border: solid 1px #ddd;
}

    .imgproject.imgprojectcomp {
        background-color: #fff;
        width: auto;
/*        height: 380px;*/
        overflow: hidden;
        position: relative;
        z-index: 1;
        border: solid 1px #ddd;
    }

@media (max-width: 1667px) {

    .imgproject {
        height: 290px;
    }
}
@media (max-width: 1467px) {

    .imgproject {
        height: 270px;
    }
}
@media (max-width: 1267px) {

    .imgproject {
        height: 250px;
    }
}
@media (max-width: 1167px) {

    .imgproject {
        height: 230px;
    }
}
@media (max-width: 991px) {
    .gotobottom {
        position: relative;
        bottom: 0;
    }
    .imgproject {
        height: 210px;
    }
}
@media (max-width: 767px) {
    .imgproject {
        height: 190px;
    }
}
.imgproject img {
    position: absolute;
    left: -1000%;
    right: -1000%;
    top: -1000%;
    bottom: -1000%;
    margin: auto;
    /*min-height: 100%;*/
    min-width: 100%;
    opacity: 1;
}


.middle {
    transition: .5s ease;
    opacity: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    text-align: center;
}

.overimg:hover .imgproject {
    opacity: 0.10;
    border: solid 1px #777778 !important;
}

.overimg:hover .middle {
    opacity: 1;
}

/* DivTable */

.divTable {
    display: table;
    width: 100%;
}

.divTableRow {
    display: table-row;
}

.divTableHeading {
    background-color: #EEE;
    display: table-header-group;
}

.divTableCell, .divTableHead {
    border: 1px solid #999999;
    display: table-cell;
    padding: 5px 5px;
    width: 50%;
}

.divTableHeading {
    background-color: #EEE;
    display: table-header-group;
    font-weight: bold;
}

.divTableFoot {
    background-color: #EEE;
    display: table-footer-group;
    font-weight: bold;
}

.divTableBody {
    display: table-row-group;
}

.divTableCell1left {
    border-right: 1px solid #999999;
    border-bottom: 1px solid #999999;
    display: table-cell;
    padding: 5px 10px;
    width: 45%;
    text-align: right;
    font-weight: 600;
    font-size: 12px;
}

.divTableCell1right {
    border-left: 1px solid #999999;
    border-bottom: 1px solid #999999;
    display: table-cell;
    padding: 5px 10px;
    width: 55%;
    text-align: left;
    font-size: 11px;
}

.divTableCell2left {
    border-right: 1px solid #999999;
    border-top: 1px solid #999999;
    border-bottom: 1px solid #999999;
    display: table-cell;
    padding: 5px 10px;
    width: 45%;
    text-align: right;
    font-weight: 600;
    font-size: 12px;
}

.divTableCell2right {
    border-left: 1px solid #999999;
    border-top: 1px solid #999999;
    border-bottom: 1px solid #999999;
    display: table-cell;
    padding: 5px 10px;
    width: 55%;
    text-align: left;
    font-size: 11px;
}

.divTableCell3left {
    border-right: 1px solid #999999;
    border-top: 1px solid #999999;
    display: table-cell;
    padding: 5px 10px;
    width: 45%;
    text-align: right;
    font-weight: 600;
    font-size: 12px;
}

.divTableCell3right {
    border-left: 1px solid #999999;
    border-top: 1px solid #999999;
    display: table-cell;
    padding: 5px 10px;
    width: 55%;
    text-align: left;
    font-size: 11px;
}

@media (max-width: 767px) {
    .divTableCell1left,
    .divTableCell2left,
    .divTableCell3left {
        padding: 4px 8px;
        width: 40%;
    }

    .divTableCell1right,
    .divTableCell2right,
    .divTableCell3right {
        padding: 4px 8px;
        width: 60%;
    }
}

/* DivTable */

.middle img {
    opacity: 0.75;
}