﻿.color_pr {
    color: #333334 !important;
}

.color_pr2 {
    color: #292928 !important;
}

.color_pr3 {
    color: #d89a1e !important;
}

.color_pr4 {
    color: #808080 !important;
}

.color_pr5 {
    color: #d89a1e !important;
}

.color_pr6 {
    color: #292928 !important;
}

.color_pr7 {
    color: #e8e8e8 !important;
}

.color_pr8 {
    color: #ddd !important;
}

/*#d89a1e*/
/*#292928*/

.bg_color_pr {
    background-color: #292928 !important;
}

.bg_color_pr2 {
    background-color: #292928 !important;
}

.bg_color_pr3 {
    background-color: #d89a1e !important;
}

.bg_color_pr4 {
    background-color: #808080 !important;
}

.bg_color_pr5 {
    background-color: #d89a1e !important;
}

.bg_color_pr6 {
    background-color: #292928 !important;
}

.bg_color_pr7 {
    background-color: #e8e8e8 !important;
}

.bg_color_pr8 {
    background-color: #ddd !important;
}

.bg_color {
    background-color: #fff !important;
}

body {
    /*font-family: 'Open Sans', Arial, sans-serif;*/
    font-family: 'Source Sans Pro', sans-serif;
    /*font-family: 'Roboto Condensed', sans-serif;*/
    font-size: 16px;
    background: #e8e8e8;
    /*margin-top: -1px;*/
    position: relative;
    margin: 0;
    padding-bottom: 230px;
    /*padding-bottom: 15rem;*/
    min-height: 100%;
    color: #000;
    letter-spacing: 0.2px;
}

footer {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    padding-top: 1rem;
    /*text-align: center;*/
}

:root {
    height: 100%;
}

.main-bg {
    background-color: #e8e8e8;
    /*padding-top:160px;*/
    padding-bottom: 80px;
}

@media only screen and (max-width: 768px) {
    body {
        padding-bottom: 0;
        min-height: 100%;
    }

    footer {
        position: relative !important;
        padding-top: 0;
    }

    .main-bg {
        padding-bottom: 0;
    }
}

@media print {
    img {
        max-width: none !important;
    }

    body {
        padding-bottom: 0 !important;
    }

    footer {
        padding-top: 0 !important;
    }

    :root {
        height: auto;
    }
}

img[src^="http://maps.gstatic.com/"], /* map view */
img[src^="http://maps.googleapis.com/"] /* street view */
img[src^="https://maps.google.com/"] {
    max-width: none !important;
}

.noborder {
    border: none;
}

a.c1:link {
    color: #d89a1e;
}

a.c1:visited {
    color: #d89a1e;
    text-decoration: none
}

a.c1:hover {
    color: #292928;
}

a.c2:link {
    color: rgba(255, 255, 255, 0.75);
}

a.c2:visited {
    color: rgba(255, 255, 255, 0.75);
}

a.c2:hover {
    color: #fff;
    ;
    text-decoration: underline
}

a.c3:link {
    color: #fff;
}

a.c3:visited {
    color: #fff;
}

a.c3:hover {
    color: #fff;
    text-decoration: underline
}

a.csv:link {
    color: #d89a1e;
}

a.csv:visited {
    color: #d89a1e;
    text-decoration: none
}

a.csv:hover {
    color: #292928;
}

a.clang {
    text-decoration: none
}

    a.clang:link {
        color: rgba(255, 255, 255, 0.65);
    }

    a.clang:visited {
        color: rgba(255, 255, 255, 0.65);
        text-decoration: none
    }

    a.clang:hover {
        color: #fff; /*text-decoration:underline*/
    }

    a.clang:active {
        color: #fff;
    }

a.cd:link {
    color: #fff;
}

a.cd:visited {
    color: #fff;
    text-decoration: none
}

a.cd:hover {
    color: rgba(255, 255, 255, 0.75);
}

.border1w {
    border: solid 1px #fff !important;
}

.txtbreak {
    overflow-wrap: break-word;
}

.flexback {
    padding: 10px;
    background-color: #e1e3e5;
}

.text-primary, .btn-primary .badge, .btn-link, a.list-group-item.active > .badge, .nav-pills > .active > a > .badge, .drop-caps:first-child:first-letter, .accent-color, .post-more, .nav-list-primary > li a:hover, .widget_recent_comments a, .navigation > ul > li:hover > a, .flex-caption .hero-agent-contact, .property-info h4 a, .agent-info h4 a, .features-list li .icon, .property-listing h3 a, .agents-listing h3 a, .nav-tabs li.active > i, .nav-tabs li:hover > i, .location > i, .additional-amenities > .available i, .error-404 h2 > i, .properties-table .action-button i, .pricing-column h3 {
    color: #292928;
}

a, a:focus, a:active {
    color: #d89a1e;
    cursor: pointer;
    /*-webkit-transition: color 0.1s linear 0s;	
	   -moz-transition: color 0.1s linear 0s;
		 -o-transition: color 0.1s linear 0s;
		    transition: color 0.1s linear 0s;*/
}

    a:hover, .testimonials > li cite a:hover, .property-listing h3 a:hover, .agents-listing h3 a:hover, .property-info h4 a:hover, .agent-info h4 a:hover {
        color: #292928;
        text-decoration: none;
    }

.featured-gallery p, .post-more:hover, .widget_recent_comments a:hover, .property-info h4 a:hover {
    opacity: .9
}

.addr1 a,
.addr1 a:visited,
.addr1 a:focus {
    font-weight: 400;
    color: #c0c0c0;
    cursor: pointer;
    font-size: 15px;
    letter-spacing: 0.5px;
}

    .addr1 a:hover {
        text-decoration: underline;
        color: #fff;
    }

.addr2 a,
.addr2 a:visited,
.addr2 a:focus {
    font-weight: 400;
    color: #ffffff;
    cursor: pointer;
    font-size: 13px;
}

    .addr2 a:hover {
        text-decoration: underline;
        /*color: #5f6d8a;*/
    }

.addr3 a,
.addr3 a:visited,
.addr3 a:focus {
    font-weight: 500;
    color: #292928;
    cursor: pointer;
    font-size: 17px;
    padding-left: 3px;
}

    .addr3 a:hover {
        text-decoration: underline;
        color: #292928;
    }

.art1 a,
.art1 a:visited,
.art1 a:focus {
    color: #292928;
    cursor: pointer;
}

    .art1 a:hover {
        color: #d89a1e;
        text-decoration: underline;
    }

.aw .icc {
    color: #ddd;
}
.aw a,
.aw a:visited,
.aw a:focus {
    color: rgba(221, 221, 221, 0.75);
    cursor: pointer;
    text-decoration: none;
}
.aw .icc:hover {
    color: #292928;
}
.aw a:hover {
    text-decoration: none;
    color: #d89a1e;
}
.aw .icc {
    color: #292928;
}

.awr a,
.awr a:visited,
.awr a:focus {
    color: transparent;
    cursor: pointer;
    text-decoration: none;
    /*border: solid 1px #fff;*/
}

.awr .icc:hover {
    color: #d89a1e;
}

.awr a:hover {
    text-decoration: none;
    color: transparent;
}

.awr .icc {
    color: #ddd;
}

a.headg:link {
    color: #ddd;
}

a.headg:visited, a.headg:focus {
    color: #ddd;
    text-decoration: none
}

a.headg:hover {
    color: #fff;
}

hr {
    margin-top: 15px;
    margin-bottom: 15px;
    border: 0;
    border-top: 1px solid #dddddd;
}

.label {
    font-weight: 500;
    font-size: 13px;
}

.label-info {
    background-color: #777777;
    border-radius: unset;
}

.label-info1 {
    background-color: #cc0000;
}

.label-info2 {
    background-color: #ff6a00;
}

.label-info3 {
    background-color: #38932a;
}

.label-info4 {
    background-color: #0b87e1;
}

.label-info[href]:hover,
.label-info[href]:focus {
    background-color: #b6b4ac;
}

.btn {
    color: #fff;
    background-color: #d89a1e;
    text-decoration: none;
    border: none;
    border-radius: 0;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    transition-duration: 0.3s;
    font-size: 14px;
    /*-webkit-box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.5);
    -moz-box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.5);
    box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.5);*/
    /*box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);*/
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

    .btn:hover {
        color: #fff;
        background-color: #292928;
        -webkit-box-shadow: 0px 0px 3px 0px rgba(135, 135, 135, 0.75);
        -moz-box-shadow: 0px 0px 3px 0px rgba(135, 135, 135, 0.75);
        box-shadow: 0px 0px 3px 0px rgba(135, 135, 135, 0.75);
    }

.btn2 {
    color: rgba(255, 255, 255, 0.50);
    /*background-color: #b6b4ac;*/
    font-size: 16px;
    font-weight: 500;
    text-decoration: none;
    /*border:solid 1px rgba(255,255,255,0.25);*/
    text-align: center;
    /*box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
 	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;*/
    cursor: pointer;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.5);
    -moz-box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.5);
    box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.5);
    text-transform: uppercase;
    background: #292928;
    background: -moz-linear-gradient(bottom, #292928 0%, #808080 100%);
    background: -webkit-linear-gradient(bottom, #292928 0%,#808080 100%);
    background: linear-gradient(to top, #292928 0%,#808080 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#808080', endColorstr='#292928',GradientType=0 );
    border: solid 2px #292928;
}

    .btn2:hover {
        color: #000;
        /*background-color: #fff;*/
        text-decoration: none !important;
        -webkit-box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.5);
        -moz-box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.5);
        box-shadow: inset 0px 0px 10px 0px rgba(0,0,0,0.5);
        background: #fff;
        background: -moz-linear-gradient(bottom, #808080 0%, #fff 100%);
        background: -webkit-linear-gradient(bottom, #808080 0%,#fff 100%);
        background: linear-gradient(to top, #808080 0%,#fff 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#808080',GradientType=0 );
    }

    .btn2.active {
        color: #fff;
        /*background-color: #fff;*/
        /*-webkit-box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.5);
        -moz-box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.5);
        box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.5);*/
        -webkit-box-shadow: 0px -1px 5px 0px rgba(255,255,255,0.35);
        -moz-box-shadow: 0px -1px 5px 0px rgba(255,255,255,0.35);
        box-shadow: 0px -1px 5px 0px rgba(255,255,255,0.35);
        background: #292928;
        background: -moz-linear-gradient(bottom, #292928 0%, #e8e8e8 100%);
        background: -webkit-linear-gradient(bottom, #292928 0%,#e8e8e8 100%);
        background: linear-gradient(to top, #292928 0%,#ddd 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8e8e8', endColorstr='#292928',GradientType=0 );
    }

.btn.focus, .btn:focus, .btn:hover {
    color: #fff;
    text-decoration: none;
}

.btn2lb {
    -webkit-border-top-left-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-top-left-radius: 4px;
    -moz-border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.btn2rb {
    -webkit-border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -moz-border-top-right-radius: 4px;
    -moz-border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.moreb {
    color: #666669;
    /*background-color: rgba(0,0,0,0.25);*/
    text-decoration: none;
    border: none;
    text-align: center;
    /*box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);*/
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    cursor: pointer;
    padding: 4px;
}

    .moreb:visited {
        color: #292928;
    }

    .moreb:hover,
    .moreb:focus {
        color: #b6b4ac;
        /*background-color: #292928;*/
        text-decoration: none;
    }

.searchbtn {
    color: rgba(255, 255, 255, 0.75);
    background-color: #b6b4ac;
    border: solid 1px #b6b4ac;
    text-decoration: none;
    text-align: center;
    /*box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);*/
    cursor: pointer;
    padding: 4px;
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    transition-duration: 0.2s;
    text-transform: uppercase;
}

    .searchbtn:focus,
    .searchbtn:hover {
        color: #fff;
        background-color: #292928;
        border: solid 1px #292928;
    }

    .searchbtn:active,
    .searchbtn.active {
        color: #fff;
        background-color: #d89a1e;
        border: solid 1px #d89a1e;
        text-decoration: none;
    }

.searchbtn-left {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

.searchbtn-right {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

.nav .open > a:focus {
    /*background-color: transparent;*/
    color: #292928;
}

/*border-width: 0;
	text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.18);*/
/*-webkit-transition:all 0.1s ease 0.1s;
	-moz-transition:all 0.1s ease 0.1s;
	-o-transition:all 0.1s ease 0.1s;
	transition:all 0.1s ease 0.1s;*/


/*.btn-default {
	color: #efefef;
	border: solid 1px #292928;
	background: #292928;
}
    .btn-default:hover, .btn-default:active, .btn-default:focus {
        color: #ffffff;
        border: solid 1px #ffffff;
        background: #292928;
        background: -webkit-gradient(linear, left top, left bottom, from(#292928), to(#225078));
        background: -moz-linear-gradient(top, #292928, #225078);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#292928', endColorstr='#225078');
    }*/

/*.btn:hover, .btn:active, .btn:focus{
    background-color:#e7e7e7;
    background-color:rgba(0,0,0,.1);
    opacity:.8;
}
.btn-default {
    border-color: #292928;
    white-space: normal !important;
    overflow-wrap: break-word;
}
.btn-default:hover, .btn-default:active, .btn-default:focus {
    background-color: #ffffff;
    color: #292928;
    border-color: #292928;
    white-space: normal !important;
    overflow-wrap: break-word;
}

.btn-warning {
  color: #ffffff;
  background-color: #ff0000;
  border-color: #292928;
  font-weight: bold;
}
.btn-warning:hover, .btn-warning:active, .btn-warning:focus, .open .dropdown-toggle.btn-warning {
  color: #ffffff;
  background-color: #292928;
  border-color: #ff0000;
  background-image: none;
}*/
/*
.btn-warning.disabled,
.btn-warning[disabled],
fieldset[disabled] .btn-warning,
.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus,
.btn-warning.disabled.active,
.btn-warning[disabled].active,
fieldset[disabled] .btn-warning.active {
  background-color: #ff0000;
  border-color: #292928;
}*/
.btn-warning .badge {
    color: #292928;
    background-color: #d89a1e;
}

.Characteristic {
    float: left;
    margin: 0 0 2px 0;
    padding-left: 20px;
    padding-right: 20px;
    position: relative;
    width: 33.3333%;
    /*width: 25%;*/
}

    .Characteristic::after {
        color: #808080;
        content: "\f00c";
        font-family: "FontAwesome";
        left: 0;
        position: absolute;
        top: 0;
    }



.site-footer {
    background-color: #292928;
    padding: 20px 0 15px;
    box-shadow: inset 0 2px 2px rgba(0,0,0,.07);
    font-size: 15px;
}

    /*.site-footer i {
        font-size: 16px !important;
    }*/

.site-footer-bottom {
    background-color: #000;
    /*border-top:1px solid #e1e1e1;*/
    padding: 10px 0;
    font-size: 13px;
}

    .site-footer-bottom p {
        color: rgba(255, 255, 255, 0.65);
        margin-bottom: 0;
        font-size: 13px;
    }

    .site-footer-bottom a {
        color: #ddd;
    }

        .site-footer-bottom a:hover {
            color: #ffffff;
            text-decoration: underline;
        }

.site-header .social-icons {
    margin-top: 30px;
}

.site-footer-bottom .social-icons {
    text-align: right;
}

    .site-footer-bottom .social-icons a {
        background: #fff;
        color: #fff;
        border-radius: 50%;
        width: 20px;
        height: 20px;
        text-align: center;
        display: inline-block;
        margin: 0 0 0 8px;
        text-decoration: none;
    }

.social-icons-top {
    text-align: right;
}

    .social-icons-top a {
        color: #292928;
        border-radius: 50%;
        width: 24px;
        height: 24px;
        text-align: center;
        display: inline-block;
        margin: 2px 0 0 0;
        text-decoration: none;
    }














@media only screen and (max-width: 992px) {
    .Characteristic {
        width: 33.3333%;
    }

    .block-heading h4 {
        font-size: 16px;
    }
}





/*
@media only screen and (max-width: 992px) {
    [class*="col-"] {
        width: 100%;
    }
   .container{ width:auto; }
 }
*/



.onerow {
    display: inline-block;
    vertical-align: middle;
}

@media only screen and (max-width: 468px) {
    .moreb {
        display: none;
    }

    .block-heading h4 {
        font-size: 14px;
    }

    .btn-primary {
        padding-left: 5px;
        padding-right: 5px;
    }

    .property-block .badges {
        font-size: 12px;
        margin-right: 15px;
    }
}



.block-heading-fw {
    background: #fff;
    padding: 10px 0;
    -webkit-box-shadow: 0 2px 0 rgba(0,0,0,.07);
    -moz-box-shadow: 0 2px 0 rgba(0,0,0,.07);
    box-shadow: 0 2px 0 rgba(0,0,0,.07);
}

    .block-heading-fw h3 {
        margin-bottom: 0;
    }

    .block-heading-fw .btn-sm {
        margin-top: 5px;
    }

.sort-source a {
    text-decoration: none;
}

.block-heading {
    /*background:#292928;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;*/
    height: 100% !important;
    margin-bottom: 50px;
    /*border-bottom: 2px solid #e1e3e5;*/
    /*padding: 5px;*/
    border-bottom: 1px solid #d89a1e;
    /*box-shadow: 0 10px 10px -10px rgba(0,0,0,0.25);*/
}

    .block-heading h4 {
        /*line-height:50px !important;*/
        margin: 0;
        color: #333;
        display: inline-block;
        /*padding-right: 20px;*/
        /*-webkit-border-radius:3px 0 0 3px;
	    -moz-border-radius:3px 0 0 3px;
	    border-radius:3px 0 0 3px;*/
        font-size: 24px;
        font-weight: 300;
        border: 0px;
        text-rendering: optimizelegibility;
    }

    .block-heading .heading-icon {
        /*background:#ffffff;*/
        width: 30px;
        text-align: left;
        margin-right: 10px;
        font-size: 20px;
        display: inline-block;
        -webkit-border-radius: 3px 0 0 3px;
        -moz-border-radius: 3px 0 0 3px;
        /*border-radius:3px 0 0 3px;*/
        /*-webkit-border-radius:0 25px 0 0;
	-moz-border-radius:0 25px 0 0;
	border-radius:0 25px 0 0;
	position:relative;
    border-bottom:1px solid #292928;*/
    }

        .block-heading .heading-icon .icon-design {
            color: rgba(0,0,0,.2);
            font-size: 31px;
            position: absolute;
            right: -10px;
            top: 11px;
        }

    .block-heading .btn-sm {
        margin: 10px 10px 0 0;
    }

    .block-heading i {
        position: relative;
        bottom: 1px;
    }

.featured-block img {
    width: 60%;
    display: inline-block;
    border-radius: 100%;
    margin-top: 0;
    margin-bottom: 0;
}

.carousel {
    /*border-bottom: solid 3px #5f6d8a;*/
    -webkit-box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.15);
    box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.15);
}

.carousel-indicators {
    bottom: 10px;
    left: 50%;
    z-index: 15;
    width: 60%;
    padding-left: 0;
    margin-bottom: 25px;
    margin-left: -30%;
    text-align: center;
    list-style: none;
}

    .carousel-indicators li {
        display: inline-block;
        width: 10px;
        height: 10px;
        margin: 1px;
        text-indent: -999px;
        cursor: pointer;
        background-color: #efefef \9;
        background-color: #efefef;
        border: 1px solid #ffffff;
        border-radius: 10px;
    }

    .carousel-indicators .active {
        width: 12px;
        height: 12px;
        margin: 0;
        background-color: #ffffff;
    }

.carousel-caption {
    right: 0;
    left: 60%;
    bottom: 0;
    /*bottom: 10px;*/
    z-index: 10;
    padding-top: 10px;
    padding-bottom: 0;
    /*padding-left:10px;*/
    margin-top: 20px;
    margin-bottom: 80px;
    background-color: rgba(0, 0, 0, 0.75);
    color: #ffffff;
    font-size: 23px;
    text-align: center;
    text-shadow: none;
    /*text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  -webkit-border-radius:10px 0 0 10px;
  -moz-border-radius:10px 0 0 10px;
  border-radius:10px 0 0 10px;*/
}

.carousel-control .glyphicon-chevron-left {
    left: 25%;
}

.carousel-control .glyphicon-chevron-right {
    right: 25%;
}

.carousel-fade .carousel-inner .item {
    -webkit-transition-property: opacity;
    transition-property: opacity;
}

.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    opacity: 0;
}

.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
    opacity: 1;
}

    .carousel-fade .carousel-inner .next,
    .carousel-fade .carousel-inner .prev,
    .carousel-fade .carousel-inner .active.left,
    .carousel-fade .carousel-inner .active.right {
        left: 0;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

.carousel-fade .carousel-control {
    z-index: 2;
}

.carousel-control.left {
    background-image: none;
    background-repeat: repeat-x;
}

.carousel-control.right {
    right: 0;
    left: auto;
    background-image: none;
    background-repeat: repeat-x;
}

/*
#panel, #flip {
    text-align:center;
    cursor:pointer;
    position: relative;
    bottom: 30px;
    padding: 10px;
    border: solid 0 #c3c3c3;
    -webkit-border-radius: 5px 5px 5px 5px;
    background-color: #292928;
    color:#ffffff;
    box-shadow: 0 5px 5px rgba(0,0,0,0.5);
}
#panel {
    bottom: 50px;
    padding: 20px;
    display: none;
    border: solid 5px #292928;
    -webkit-border-radius: 0 0 5px 5px;
    background-color: #ffffff;
}
*/

/*@media screen and (max-width: 799px){ #panel1{display:none;} }
*/

@media screen and (max-width: 600px) {
    .Characteristic {
        width: 50%;
    }
}

#panel1 {
    width: 100%;
    text-align: left;
    cursor: pointer;
    position: relative;
    bottom: 700px;
    left: 700px;
    /*bottom: 1px;*/
    -webkit-border-radius: 10px 10px 0 0;
    border-radius: 10px 10px 0 0;
    /*background-color: #ffffff;*/
    /*background-color: rgba(255,255,255,0.9);*/
    /*-webkit-box-shadow: inset 0 -10px 10px -15px rgba(0,0,0,0.75);
    -moz-box-shadow: inset 0 -10px 10px -15px rgba(0,0,0,0.75);
    box-shadow: inset 0 -10px 10px -15px rgba(0,0,0,0.75);*/
    z-index: 300;
}

.property-block {
    border: 1px solid #dddddd;
    /*padding: 10px;*/
    -webkit-transition: all 0.3s ease 0.2s;
    -moz-transition: all 0.3s ease 0.2s;
    -o-transition: all 0.3s ease 0.2s;
    transition: all 0.3s ease 0.1s;
    background: #ffffff;
}

    .property-block:hover {
        -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
        -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
        background: #ffffff;
    }

.property-block2 {
    border: 1px solid #dddddd;
    /*padding: 10px;*/
    -webkit-transition: all 0.3s ease 0.2s;
    -moz-transition: all 0.3s ease 0.2s;
    -o-transition: all 0.3s ease 0.2s;
    transition: all 0.3s ease 0.1s;
    background: #fff;
}

    .property-block2:hover {
        -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
        -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
        background: #ffffff;
    }

.property-block3 {
    border: solid 4px #e1e3e5;
    /*padding: 10px;*/
    -webkit-transition: all 0.3s ease 0.2s;
    -moz-transition: all 0.3s ease 0.2s;
    -o-transition: all 0.3s ease 0.2s;
    transition: all 0.3s ease 0.1s;
    background: #fff;
}

    .property-block3:hover {
        -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
        -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
        background: #fff;
    }

.propBox {
    width: 100%;
    /*background-color:#dddddd;*/
    color: #ffffff;
    padding: 10px;
    margin-top: 5px;
}

    .propBox .propsq {
        width: 30%;
        background-color: #292928;
        text-align: center;
        /*border-right: solid 1px #292928;*/
    }

    .propBox .propprice {
        width: 70%;
        background-color: #292928;
        text-align: center;
    }

.propBox_v {
    width: 100%;
    background-color: #ffffff;
    border: solid 1px #dddddd;
    color: #292928;
    padding: 10px;
    margin-top: 5px;
}

    .propBox_v .propsq_v {
        width: 40%;
        text-align: center;
        font-weight: bold;
        border-right: solid 1px #e8e8e8;
        padding: 5px;
    }

    .propBox_v .propprice_v {
        width: 60%;
        text-align: center;
        font-weight: bold;
        background-color: #292928;
        padding: 5px;
        color: #fff;
    }

.propbox_h {
    width: 100%;
    background-color: #e1e3e5;
    /*border:solid 1px #dddddd;*/
    color: #292928;
    padding: 10px;
    margin-top: 0;
}

    .propbox_h .propsq_h {
        width: 25%;
        text-align: center;
        font-weight: bold;
        border-right: solid 1px #e8e8e8;
        padding: 10px;
    }

    .propbox_h .propprice_h {
        background-color: #292928;
        width: 25%;
        text-align: center;
        font-weight: bold;
        padding: 10px;
        color: #fff;
    }

.propdet {
    background-color: #ffffff;
    padding: 5px;
}

.propdet2 {
    /*background-color: #e8e8e8;*/
    /*padding: 10px;*/
    /*margin-bottom: 5px;*/
}

.thumbnail {
    margin: 0;
}

.property-details {
    /*border:solid 1px #dddddd;*/
    /*background-color: #ffffff;*/
    padding-left: 15px;
    /*border: 1px solid rgba(0,0,0,0.20);*/
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    border-top: none;
}

    /*.property-details .row {
        vertical-align: middle;
        background-color: #e8e8e8;
        border-top: solid 1px #dddddd;
        padding-top: 7px;
        padding-bottom: 7px;
    }*/

    .property-details .d-title {
        color: #81818b;
    }

    .property-details .d-det {
        color: #555555;
        font-weight: 700;
    }

    .property-details .row:nth-child(2n+1) {
        background-color: #fbfbfb;
    }
/*.property-details .row .text-right{
    padding-top:8px;
}*/

.h4_right {
    width: 100%;
    /*background-color:#292928;
    color:#ffffff;
    border-bottom:solid 1px #292928;
    border: 1px solid #292928;*/
    color: #555555;
    background: linear-gradient(to top,#dddddd 0%,#efefef 100%);
    border: 1px solid rgba(0,0,0,0.15);
    border-bottom: none;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    font-size: 16px;
    padding: 10px 15px;
}

/*.list-group-horizontal{
    background-color:#e7e7e7;
    border:solid 1px #292928;
    padding:10px;
}*/
.list-group-horizontal .list-group-item {
    display: inline-block;
    color: #ffffff;
    background-color: #292928;
}

.list-group-horizontal .list-group-item {
    border-color: #292928;
    margin-bottom: 0;
    margin-left: -3px;
    margin-right: 0;
}

    .list-group-horizontal .list-group-item:first-child {
        border-top-right-radius: 0;
        border-bottom-left-radius: 4px;
    }

    .list-group-horizontal .list-group-item:last-child {
        border-top-right-radius: 4px;
        border-bottom-left-radius: 0;
    }

.price, .counts {
    display: inline-block;
    /*background: #292928;*/
    /*background:rgba(0,0,0,0.75);*/
    color: #fff !important;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    height: 26px;
}

    .price strong, .counts strong {
        background: #e7e7e7;
        background: rgba(0,0,0,.1);
        padding: 0 7px;
        -webkit-border-radius: 3px 0 0 3px;
        -moz-border-radius: 3px 0 0 3px;
        border-radius: 3px 0 0 3px;
        line-height: 26px;
        height: 26px;
        display: inline-block;
        font-weight: 500;
    }

    .price span, .counts span {
        padding: 0 7px;
        line-height: 26px;
        height: 26px;
        font-weight: 500;
    }


/*@media (min-width: 992px) {
    .com-md-4, .col-sm-4 {
        padding-right: 0px;
    }
}*/

/*.carousel .item {
    width:100%;
    max-height: 800px !important; 
}

.panel-warning {
    background-color:#efefef;
    color:#292928;
    border: 1px solid #e7e7e7;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
	
}*/

.panel-default {
    background-color: #fff;
    /*border: 1px solid transparent;
    box-shadow:inset 0 2px 2px rgba(0,0,0,.07);*/
    border: 1px solid rgba(0,0,0,0.15);
}

    .panel-default > .panel-heading {
        color: #fff;
        /*background: linear-gradient(to top,rgba(245, 240, 240, 0.75) 0%,rgba(250, 245, 245, 0.50) 100%);*/
        /*background: linear-gradient(to top,#dddddd 0%,#efefef 100%);*/
        font-size: 17px;
        background-color: #808080;
        /*text-align: center;*/
        /*border: 1px solid rgba(0,0,0,0.15);*/
    }

.panel2-default2 {
    /*background-color:#efefef;*/
    /*border: 1px solid transparent;
    box-shadow:inset 0 2px 2px rgba(0,0,0,.07);*/
    border: none;
}

    .panel2-default2 > .panel2-heading2 {
        border-bottom: 1px solid #dddddd;
        padding-bottom: 0;
        margin-bottom: 10px;
        /*background-color:#e6e6e6;*/
    }

        .panel2-default2 > .panel2-heading2 > .panel2-title2 {
            color: #ffffff;
            padding-top: 5px;
            padding-bottom: 0;
            margin: 0;
        }

.pointer1 {
    cursor: pointer;
}

.secondary:first-child:first-letter, .accent-bg, .fa.accent-color, .btn-primary,
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active,
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus,
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus,
.label-primary,
.progress-bar,
a.list-group-item.active,
a.list-group-item.active:hover,
a.list-group-item.active:focus,
.panel-primary > .panel-heading, .carousel-indicators .active, .owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span, .hr, .sm, .flex-control-nav a:hover, .flex-control-nav .flex-active, .accordion-heading .accordion-toggle.active, .accordion-heading:hover .accordion-toggle, .accordion-heading:hover .accordion-toggle.inactive, .fc-event, .site-header .social-icons a, .navigation > ul > li > ul > li:hover > a, .navigation > ul > li > ul > li > ul > li:hover a, .top-header, .single-property .price, .timeline > li > .timeline-badge, .pricing-column.highlight h3, .site-footer-bottom .social-icons a:hover {
    background-color: #292928;
}
    /* .nav-tabs li a:hover, .nav-tabs li a:active, .nav-tabs li.active a, */
    /*.btn-primary:hover,
.btn-primary:focus,*/
    .btn-primary:active,
    .btn-primary.active,
    .open .dropdown-toggle.btn-primary, .next-prev-nav a:hover, .staff-item .social-icons a:hover, .site-header .social-icons a:hover {
        background: #292928;
    }

    .nav .open > a,
    .nav .open > a:hover,
    .nav .open > a:focus,
    .pagination > .active > a,
    .pagination > .active > span,
    .pagination > .active > a:hover,
    .pagination > .active > span:hover,
    .pagination > .active > a:focus,
    .pagination > .active > span:focus,
    a.thumbnail:hover,
    a.thumbnail:focus,
    a.thumbnail.active,
    a.list-group-item.active,
    a.list-group-item.active:hover,
    a.list-group-item.active:focus,
    .panel-primary,
    .panel-primary > .panel-heading, .fc-event {
        border-color: #292928;
    }

        .panel-primary > .panel-heading + .panel-collapse .panel-body, .navigation ul > li:hover > a, .navigation ul > .current_menu_item > a {
            border-top-color: #292928;
        }

        .panel-primary > .panel-footer + .panel-collapse .panel-body, .widget .widgettitle {
            border-bottom-color: #292928;
        }

blockquote {
    border-left-color: #292928;
}

.pagination > li > a,
.pagination > li > a:focus {
    color: #292928;
}

    .pagination > li > a:hover {
        color: #fff;
        background-color: #b6b4ac;
        border-color: #b6b4ac;
    }

.btn-search {
    color: #808080;
    font-size: 16px;
    width: 100%;
    background-color: #f1f2f7;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    -webkit-box-shadow: inset 0px -3px 0px 0px rgba(0,0,0,0.25);
    -moz-box-shadow: inset 0px -3px 0px 0px rgba(0,0,0,0.25);
    box-shadow: inset 0px -3px 0px 0px rgba(0,0,0,0.25);
}

    .btn-search:hover,
    .btn-search:focus,
    .btn-search:active,
    .btn-search.active {
        background-color: #292928;
        color: #ffffff;
    }

.btn-cr {
    color: #555555;
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    font-size: 16px;
    width: 100%;
    background-color: #dddddd;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    -webkit-box-shadow: inset 0px -3px 0px 0px rgba(0,0,0,0.25);
    -moz-box-shadow: inset 0px -3px 0px 0px rgba(0,0,0,0.25);
    box-shadow: inset 0px -3px 0px 0px rgba(0,0,0,0.25);
}


.panel-search {
    background-color: #ffffff;
    /*border:none;*/
    border: solid 1px #dddddd;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    /*-webkit-box-shadow: inset 0px 0px 7px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: inset 0px 0px 7px 0px rgba(0,0,0,0.75);
    box-shadow: inset 0px 0px 7px 0px rgba(0,0,0,0.75);*/
    margin-top: 0;
    margin-bottom: 0;
}

div.scroll {
    height: 500px;
    overflow: scroll;
    overflow-x: hidden;
}

h5 {
    padding-top: 10px;
    margin-bottom: 5px;
    color: #292928;
    font-size: 16px;
}

h6 {
    color: #292928;
    font-size: 15px;
}

h7 {
    /*line-height: 30px;*/
    color: #292928;
    font-size: 16px;
}

/*.btn-primary, .btn-primary:hover, .btn-primary:focus {
    border-color:transparent;
    max-width: 100%;
}
.btn-primary:hover {
  background-color:#e1e3e5;
  opacity: 0.65;
  filter: alpha(opacity=65);
}
.btn-primary:focus,
.btn-primary:active {
    background-color:#292928;
}*/

.btn-primary {
    color: #ffffff;
    background-color: #292928;
    border-color: none;
    letter-spacing: 0.5px;
}
    /**************************************************change this*******************************************/
    /*.btn-primary:hover {
    background-color: #292928;
    -webkit-box-shadow: inset 0px 0px 100px 0px rgba(0,0,0,0.25);
    -moz-box-shadow: inset 0px 0px 100px 0px rgba(0,0,0,0.25);
    box-shadow: inset 0px 0px 100px 0px rgba(0,0,0,0.25);
}*/
    /**************************************************change this*******************************************/
    .btn-primary:hover,
    .btn-primary:focus,
    .btn-primary:active,
    .btn-primary.active {
        background-color: #d89a1e;
        color: #ffffff !important;
    }

.open .dropdown-toggle.btn-primary {
    color: #ffffff;
    background-color: #d89a1e;
    border-color: none;
}

.btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open > .dropdown-toggle.btn-primary.focus, .open > .dropdown-toggle.btn-primary:focus, .open > .dropdown-toggle.btn-primary:hover {
    color: #d89a1e;
    background-color: #d89a1e;
    border-color: none;
}

.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
    background-color: #292928;
    border-color: none;
}

.toggle-view {
    /*padding: 7px;*/
    /*border: 1px solid rgba(0,0,0,0.25);*/
    /*border-radius: 3px;*/
    /*margin:5px 15px 0 0;*/
    /*background-color: rgba(55, 58, 54, 0.5);*/
    padding: 2px;
}

    .toggle-view a {
        /*margin-left:10px;*/
        /*margin: 7px;*/
        color: #b6b4ac;
    }

        .toggle-view a:hover {
            color: #292928;
        }

        .toggle-view a.active {
            /*border: 1px solid #dddddd;*/
            /*padding-right: 5px;
            padding-left: 5px;*/
            /*background-color: #f57f01;*/
            color: #d89a1e;
        }

.nav-pills > li > a {
    background: #ffffff;
    border: solid 1px #ddd;
}

.nav-pills > li.active > a,
.nav-pills > li.active > a:hover {
    background: #292928;
    border: solid 1px #292928;
}

.nav-pills > li > a:hover,
.nav-pills > li > a:focus {
    background: #ffffff;
    color: #333333;
    border: solid 1px #292928;
    /*box-shadow: inset 0 -2px #292928;*/
}

.middle-header {
    background-color: #292928;
    /*height: 124px;*/
    z-index: 1000;
    position: relative;
    top: 0;
}

    .middle-header.shrink {
        height: auto;
    }

.contact-info-blocks {
    text-align: right;
    padding: 0 0 5px;
    /*min-height: 104px;*/
    margin-top: 10px;
    color: #b6b4ac;
}

    .contact-info-blocks > div {
        display: inline-block;
        margin: 5px 0 0 0;
        padding: 10px 20px;
        /*border-right: 1px dotted #666669;*/
        /*color: #999;*/
        text-align: right;
    }
/*.contact-info-blocks > div > i {
    text-align:center;
    width:22px;
    height:22px;
    background-color:#e1e3e5;
    padding:4px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;
}*/

.svh4 h4 {
    color: #292928;
    /*border-bottom:solid 1px #292928;*/
}

.centered {
    margin: auto;
}

.nav-tabs > li, .nav-pills > li {
    float: none;
    display: inline-block;
    *display: inline; /* ie7 fix */
    zoom: 1; /* hasLayout ie7 trigger */
}

.nav-tabs {
    text-align: center;
}

.charpage {
    border: solid 1px #dddddd;
    color: #666669;
    background-color: #e8e8e8;
    padding: 10px;
}

.charpage1 {
    color: #666669;
    /*background-color:#efefef;*/
    padding: 10px;
    width: 100%;
}

    .charpage1 .charpagel {
        text-align: left;
        width: 50%;
    }

    .charpage1 .charpager {
        text-align: right;
        width: 50%;
    }

.property-block .badges {
    color: #ffffff;
    /*border-right:solid 2px #ffffff;
    border-bottom:solid 2px #ffffff;*/
    bottom: 0;
    position: absolute;
    z-index: 0;
    /*left:15px;
	bottom:0;
    line-height:50px;*/
    width: auto;
    /*height:inherit;*/
    text-align: center;
    background: rgba(126, 118, 107, 0.80);
    font-weight: 700;
    /*border-bottom-right-radius :20px;*/
    padding: 10px;
}

.property-block .badges1 {
    position: absolute;
    z-index: 5;
    left: 10px;
    /*right: 35%;
    margin: 0 auto;*/
    top: 10px;
    /*-webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;*/
    min-width: 75px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background: #b6b4ac;
    font-size: 14px;
    font-weight: 500;
    color: #ffffff;
    text-transform: uppercase;
}

.property-block2 .badges2 {
    color: #ffffff;
    /*border-right:solid 2px #ffffff;
    border-bottom:solid 2px #ffffff;*/
    bottom: 0;
    position: absolute;
    z-index: 10;
    /*left:15px;
    line-height:50px;*/
    width: 100%;
    /*height:inherit;*/
    text-align: center;
    background: rgba(34, 34, 51, 0.65);
    font-size: 13px;
    font-weight: 500;
    /*border-bottom-right-radius :20px;*/
    padding: 10px;
}

.property-block .badgespr {
    /*top: -5px;
    left: -5px;
    position: absolute;*/
    position: absolute;
    top: 10px;
    left: 10px;
    /*-webkit-transform: translateX(-50%);
    transform: translateX(-50%);*/
    /*margin: 0 auto;*/
    width: auto;
    z-index: 10;
    text-align: center;
    background: #b6b4ac;
    font-size: 15px;
    color: #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.75);
    padding-top: 6px;
    padding-bottom: 6px;
    padding-left: 12px;
    padding-right: 12px;
    text-transform: uppercase;
}

.property-block2 .badgespr {
    /*top: -5px;
    left: -5px;
    position: absolute;*/
    position: absolute;
    top: 10px;
    left: 10px;
    /*-webkit-transform: translateX(-50%);
    transform: translateX(-50%);*/
    /*margin: 0 auto;*/
    width: auto;
    z-index: 10;
    text-align: center;
    background: #d89a1e;
    font-size: 16px;
    letter-spacing: 0.025em;
    color: #fff;
    /*-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;*/
    box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.30);
    padding-top: 6px;
    padding-bottom: 6px;
    padding-left: 12px;
    padding-right: 12px;
    text-transform: uppercase;
}

.property-block .badges3 {
    color: #ffffff;
    /*border-right:solid 2px #ffffff;
    border-bottom:solid 2px #ffffff;*/
    position: absolute;
    z-index: 0;
    /*left:15px;
	bottom:0;
    line-height:50px;*/
    width: auto;
    /*height:inherit;*/
    text-align: center;
    background: rgba(126, 118, 107, 0.80);
    font-weight: 700;
    /*border-bottom-right-radius :20px;*/
    padding: 10px;
}

#firstback {
    position: relative;
    width: 100%;
    min-height: 820px;
    height: auto;
    padding-top: 200px;
    padding-bottom: 60px;
    background-attachment: fixed;
    background-position: center 0;
    background-repeat: no-repeat;
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -ms-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;
}

.filtertop {
    margin-top: 160px;
}

@media only screen and (max-width: 768px) {
    #firstback {
        padding-top: 120px;
    }

    .filtertop {
        margin-top: 0;
    }
}

/*.filter {
        margin-top: -700px;
        position: relative;
        z-index: 879;
}*/

/*.filter {
    margin-top: -700px;
    position: absolute;
    right: 0;
    z-index: 879;
}*/


.filter {
    margin-top: -720px;
    position: absolute;
    right: 100px;
    z-index: 879;
}

@media only screen and (max-width: 1698px) {
    .filter {
        margin-top: -640px;
        position: absolute;
        right: 100px;
        z-index: 879;
    }
}

@media only screen and (max-width: 1498px) {
    .filter {
        margin-top: -540px;
        position: absolute;
        right: 100px;
        z-index: 879;
    }
}

@media only screen and (max-width: 1198px) {
    .filter {
        margin-top: -480px;
        position: absolute;
        right: 100px;
        z-index: 879;
        font-size: 0.9em;
    }
}

@media only screen and (max-width: 1198px) {
    .filter {
        margin-top: -420px;
        position: absolute;
        right: 100px;
        z-index: 879;
        font-size: 0.9em;
    }
}

@media only screen and (max-width: 992px) {
    .filter {
        margin-top: 0 !important;
        position: relative !important;
        z-index: 879;
        right: 0;
    }
}
/*.searchback {
    background-color: rgba(0, 0, 0, 0.70);
    width: 600px;
    height: 638px;
}
.searchback1 {
    background-color: rgba(34, 34, 51, 0.50);
}*/

/*.searchback {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    padding-bottom: 30px;
}*/

.searchback {
    /*background-color: rgba(48, 48, 48, 1);*/
    background-color: rgba(48, 48, 48, 0.95);
    border: solid 3px rgba(216, 154, 30, 0.75);
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
}

.searchback1 {
    background-color: #009af3;
    -webkit-border-bottom-left-radius: 30px;
    -moz-border-bottom-left-radius: 30px;
    border-top-bottom-radius: 30px;
    -webkit-border-bottom-right-radius: 30px;
    -moz-border-bottom-right-radius: 30px;
    border-bottom-right-radius: 30px;
}

.sticky {
    position: sticky;
    top: 0;
    width: 100%;
    /*padding: 0.0em 0;*/
    /*background-color: #292928;*/
    /*background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 100px 100px;
  color: white;
  text-align: center;*/
}

.fixed {
    position: fixed;
}

.static {
    padding: 0 0;
    background: #292928;
    /*color: white;
  text-align: center;*/
}

.dark-bg {
    background-color: #292928;
}

.shadow {
    -webkit-box-shadow: 0px 4px 4px 0px rgba(173,164,164,1);
    -moz-box-shadow: 0px 4px 4px 0px rgba(173,164,164,1);
    box-shadow: 0px 4px 4px 0px rgba(173,164,164,1);
}
/*****************************/
.icon_list {
    position: relative;
    min-height: 75px;
    padding-left: 90px;
    margin: 20px 0;
}

    .icon_list .icon {
        color: #292928;
        width: 80px;
        height: 80px;
        line-height: 45px;
        position: absolute;
        left: 0;
        top: 0;
        padding: 10px;
        font-size: 30px;
        text-align: center;
        border-radius: 50%;
        border-width: 4px;
        border-style: solid;
        border-color: #666669;
    }

        .icon_list .icon i {
            vertical-align: middle;
        }
/*****************************/

.feature-box {
    width: 100%;
    clear: both;
    border-radius: 5px;
    background-size: cover;
    background-position: center;
    margin: 15px 0 0;
    box-shadow: 0 2px 4px rgba(0,0,0,.25);
}

    .feature-box a {
        display: block;
        padding: 120px 20px 20px;
        font-size: 32px !important;
        font-family: 'Droid Serif',serif;
        font-weight: 600;
        line-height: 1 !important;
        border-radius: 5px;
        background: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.75));
        color: #fff !important;
        transition: color .5s,box-shadow .5s,opacity .5s;
        margin: 0 !important;
        text-decoration: none !important;
        text-shadow: 0 1px 3px #000;
        opacity: .8;
    }

        .feature-box a:hover {
            color: #ffffff !important;
            transition-duration: .25s;
            background: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.15));
            box-shadow: inset 0 0 0 10px rgba(255,255,255,0.5);
            opacity: 1;
        }

        .feature-box a:after {
            display: inline-block;
            font-size: 32px;
            content: "\203A";
            margin-left: .25em;
            transition: transform .5s;
        }

        .feature-box a:hover:after {
            transform: translateX(10px);
        }

.hover-zoom {
    /*float: left;
  margin: 0;
  height: auto;
  width: 100%;*/
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    background-size: 110%;
    background-position: center;
    background-repeat: no-repeat;
    /*background-color: gray;*/
    position: relative;
}

    .hover-zoom:hover {
        background-size: 100%;
    }

    .hover-zoom p {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        color: white;
        text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
        background: rgba(0, 0, 0, 0.4);
        padding: 0.5em;
        margin: 0;
        box-sizing: border-box;
    }

@media (min-width: 500px) {
    .feature-box.half {
        width: calc(50% - 7.5px);
        float: left;
        clear: none;
        margin: 0 7.5px 15px 0;
    }

        .feature-box.half a {
            font-size: 22px !important;
        }

        .feature-box.half:nth-of-type(even) {
            margin: 0 0 15px 7.5px;
        }

    .feature-box.half1 {
        width: calc(25% - 7.5px);
        float: left;
        clear: none;
        margin: 0 7.5px 15px 0;
    }

        .feature-box.half1 a {
            font-size: 22px !important;
        }

        .feature-box.half1:nth-of-type(even) {
            margin: 0 0 15px 7.5px;
        }

    .feature-box.half2 {
        width: calc(75% - 7.5px);
        float: left;
        clear: none;
        margin: 0 7.5px 15px 0;
    }

        .feature-box.half2 a {
            font-size: 22px !important;
        }

        .feature-box.half2:nth-of-type(even) {
            margin: 0 0 15px 7.5px;
        }

    .feature-box.half3 {
        width: calc(35% - 7.5px);
        float: left;
        clear: none;
        margin: 0 7.5px 15px 0;
    }

        .feature-box.half3 a {
            font-size: 22px !important;
        }

        .feature-box.half3:nth-of-type(even) {
            margin: 0 0 15px 7.5px;
        }

    .feature-box.half4 {
        width: calc(65% - 7.5px);
        float: left;
        clear: none;
        margin: 0 7.5px 15px 0;
    }

        .feature-box.half4 a {
            font-size: 22px !important;
        }

        .feature-box.half4:nth-of-type(even) {
            margin: 0 0 15px 7.5px;
        }
}

/*.top {
    background-image: url("/images/top.jpg");
    height: 100%;
    background-attachment:  fixed;
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
}*/

.parallax {
    background-image: url("/images/parallax.jpg");
    height: 100%;
    background-attachment: fixed;
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
    /*font-style: italic;*/
}

    .parallax > div {
        /*background-image: -webkit-linear-gradient(45deg, #8db4dc 10%, rgba(0, 84, 164, 0.6) 100%);*/
        /*background-image: radial-gradient(45deg, rgba(114, 114, 112, 0.90) 0%, rgba(34, 34, 51, 0.25) 100%);*/
        /*background-image: linear-gradient(45deg, #244791 10%, rgba(0, 84, 164, 0.6) 100%);*/
        height: 100%;
        padding: 160px 20px 150px;
        background: #292928; /* For browsers that do not support gradients */
        background: -webkit-linear-gradient(180deg, rgba(51, 45, 34, 0.65), rgba(51, 46, 34, 0.75)); /* For Safari 5.1 to 6.0 */
        background: -o-linear-gradient(180deg, rgba(51, 45, 34, 0.65), rgba(51, 46, 34, 0.75)); /* For Opera 11.1 to 12.0 */
        background: -moz-linear-gradient(180deg, rgba(51, 45, 34, 0.65), rgba(51, 46, 34, 0.75)); /* For Firefox 3.6 to 15 */
        background: linear-gradient(180deg, rgba(51, 45, 34, 0.65), rgba(51, 46, 34, 0.75)); /* Standard syntax */
    }

    .parallax span {
        font-size: 22px;
        font-weight: 400;
        letter-spacing: 0.025em;
    }

    .parallax i {
        font-size: 14px;
    }

.parallax2 {
    background-image: url("/images/parallax2.jpg");
    height: 100%;
    background-attachment: fixed;
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
    /*font-style: italic;*/
}

    .parallax2 > div {
        /*background-image: -webkit-linear-gradient(45deg, #8db4dc 10%, rgba(0, 84, 164, 0.6) 100%);*/
        /*background-image: radial-gradient(45deg, rgba(114, 114, 112, 0.90) 0%, rgba(34, 34, 51, 0.25) 100%);*/
        /*background-image: linear-gradient(45deg, #244791 10%, rgba(0, 84, 164, 0.6) 100%);*/
        height: 100%;
        padding: 120px 20px;
        background: #292928; /* For browsers that do not support gradients */
        background: -webkit-linear-gradient(180deg, rgba(51, 45, 34, 0.65), rgba(51, 46, 34, 0.75)); /* For Safari 5.1 to 6.0 */
        background: -o-linear-gradient(180deg, rgba(51, 45, 34, 0.65), rgba(51, 46, 34, 0.75)); /* For Opera 11.1 to 12.0 */
        background: -moz-linear-gradient(180deg, rgba(51, 45, 34, 0.65), rgba(51, 46, 34, 0.75)); /* For Firefox 3.6 to 15 */
        background: linear-gradient(180deg, rgba(51, 45, 34, 0.75), rgba(51, 46, 34, 0.85)); /* Standard syntax */
    }

    .parallax2 span {
        font-size: 24px;
    }

    .parallax2 i {
        font-size: 40px;
        vertical-align: middle;
    }

.justify {
    text-align: justify;
    text-justify: inter-word;
}

/*.fparallax {
    font-size: 16px !important;
    line-height: 28px !important;
}*/

@media only screen and (max-width: 768px) {
    .fparallax {
        font-size: 16px !important;
        line-height: 24px !important;
    }

    .parallax span {
        font-size: 16px;
    }

    .parallax i {
        font-size: 12px;
    }

    .parallax2 > div {
        padding: 40px 0 60px;
    }

    .parallax2 span {
        font-size: 16px;
    }

    .parallax2 i {
        font-size: 24px;
    }
}

.noborder {
    border: none !important;
}

.sbtn2 {
    color: #fff;
    background-color: #d89a1e;
    padding: 6px 12px;
    border: rgba(255,255,255,0) 2px solid;
    display: inline-block;
    margin-bottom: 0;
    font-size: 14px;
    /*font-weight: 600;*/
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border-radius: 4px;
    cursor: pointer;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

    .sbtn2:hover {
        color: #ffffff;
        background-color: #000;
        text-decoration: none;
    }

    .sbtn2.active,
    .sbtn2.visited, .sbtn2.focus {
        color: #ffffff;
        background-color: #b6b4ac;
    }

.fcright {
    /*-moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;*/
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    border-right: 1px solid rgba(204, 204, 204, 0.35);
}

.fcleft {
    /*-moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;*/
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    border-left: 1px solid rgba(204, 204, 204, 0.35);
}

.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;
}

.fsize40 {
    font-size: 40px !important;
    line-height: 46px !important;
}

.fsize50 {
    font-size: 50px !important;
    line-height: 60px !important;
}

.caps {
    text-transform: uppercase;
}



.form-control {
    border-radius: 0;
    font-size: 16px;
    color: #333;
    /*border: 1px solid rgba(135, 135, 135, 0.25);*/
    /*border-radius: 2px;*/
    border: 1px solid #f1f2f7;
    /*border: none;*/
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.10);
    box-shadow: 0 1px 1px rgba(0,0,0,.10);
}

.navbar-brand1 {
    display: none !important;
}

@media only screen and (max-width: 768px) {
    .navbar-brand1 {
        display: block !important;
    }

    #search_jump {
        padding-top: 60px;
    }
}

.figure {
    /*background-color: #FFF;*/
    width: auto;
    height: 220px;
    overflow: hidden;
    position: relative;
    z-index: 1;
}

    .figure img {
        position: absolute;
        left: -1000%;
        right: -1000%;
        top: -1000%;
        bottom: -1000%;
        margin: auto;
        /*min-height: 100%;*/
        width: 125%;
        opacity: 1;
    }

.figure2 {
    /*background-color: #FFF;*/
    width: auto;
    height: 200px;
    overflow: hidden;
    position: relative;
    z-index: 1;
}

    .figure2 img {
        position: absolute;
        left: -1000%;
        right: -1000%;
        top: -1000%;
        bottom: -1000%;
        margin: auto;
        /*min-height: 100%;*/
        /*min-width: 100%;*/
        height: 110%;
        /*width: 125%;*/
        opacity: 1;
    }

@media only screen and (max-width: 768px) {
    .figure {
        height: 180px;
    }
}

.detb {
    position: absolute;
    right: 10px;
    bottom: 10px;
}


#carousel-example-generic {
    display: inline-block;
}
/*****************************/

/* Plugin styles */
ul.thumbnails-carousel {
    padding: 5px 0 0 0;
    margin: 0;
    list-style-type: none;
    text-align: center;
}

    ul.thumbnails-carousel .center {
        display: inline-block;
    }

    ul.thumbnails-carousel li {
        margin-right: 5px;
        float: left;
        cursor: pointer;
    }

.controls-background-reset {
    background: none !important;
}

.active-thumbnail {
    opacity: 0.4;
}

.indicators-fix {
    bottom: 70px;
}

.table > tbody > tr > th {
    font-weight: 400;
    color: #808080;
    padding: 4px;
}

.table > tbody > tr > th, .table > tbody > tr > td {
    padding: 4px;
}


.col-sm-1.and-a-half {
    width: 20%;
}

.col-sm-2.and-a-half {
    width: 23%;
}

.col-sm-3.and-a-half {
    width: 34%;
}

@media only screen and (max-width: 768px) {
    .col-sm-1.and-a-half {
        width: 100%;
    }

    .col-sm-2.and-a-half {
        width: 100%;
    }

    .col-sm-3.and-a-half {
        width: 100%;
    }
}

.captcha {
    color: rgba(0,0,0,0.5);
}

    .captcha input {
        font-size: 18px;
        line-height: 1.2em;
        color: #333333;
        text-align: center;
        text-transform: uppercase;
    }

    .captcha img {
        -webkit-filter: opacity(75%) !important; /* Safari 6.0 - 9.0 */
        filter: opacity(75%) !important;
        border: solid 1px #b6b4ac;
    }

.copyalignl {
    text-align: left;
}

.copyalignr {
    text-align: right;
}

@media only screen and (max-width: 768px) {
    #firstback {
        padding-top: 120px;
    }

    .filtertop {
        margin-top: 0;
    }

    .copyalignl {
        text-align: center;
    }

    .copyalignr {
        text-align: center;
    }
}

.brspace {
    white-space: nowrap;
}

.comma {
    display: inline;
}

@media only screen and (max-width: 350px) {
    .comma {
        display: none !important;
    }
}

#logo {
    /*width: 100%;*/
    /*height: 20px;*/
    position: relative;
    /*top: 12px;*/
    /*left: 8px;*/
    opacity: 1;
}

#logo2 {
    /*width: 100%;*/
    /*height: 20px;*/
    position: absolute;
    top: 0;
    right: 10px;
    /*background: #fff;*/
    padding: 15px 0;
    text-align: center;
    /*width: 120px;*/
    height: 60px;
    z-index: 1;
    /*opacity: 0.85;*/
}

#logo2b {
    /*width: 100%;*/
    /*height: 20px;*/
    position: absolute;
    top: 0;
    left: 5px;
    opacity: 1;
    color: #fff;
    text-align: left;
    line-height: 1.2em;
    z-index: 1;
    /*font-style: italic;*/
}

.show1 {
    display: inline-block !important;
}

@media only screen and (max-width: 992px) {
    .show1 {
        display: none !important;
    }
}

/*.hide {
    display: none !important;
}*/

.navbar-brand {
    padding: 0;
}

    .navbar-brand img {
        max-height: 60px;
    }

.nav-pills2 {
    text-align: center;
}

    .nav-pills2 > li {
        float: none;
        display: inline-block;
        *display: inline; /* ie7 fix */
        zoom: 1; /* hasLayout ie7 trigger */
        padding-left: 8px;
        padding-right: 8px;
    }

        .nav-pills2 > li a {
            color: rgba(255, 255, 255, 0.75);
            background-color: #b6b4ac;
            width: 44px;
            padding: 6px 8px;
            font-size: 22px;
            /*font-family: 'Roboto', sans-serif;*/
            /*margin-bottom: 4px;*/
            border-radius: 3px;
            text-decoration: none !important;
            -webkit-transition-duration: 0.3s;
            transition-duration: 0.3s;
            border: solid 1px #b6b4ac;
            text-transform: uppercase;
        }

ul.nav-pills2 li.active a {
    background-color: #d89a1e;
    color: #fff;
}

@media only screen and (max-width: 479px) {
    .nav-pills2 > li a {
        width: 38px;
        padding: 8px 4px;
        font-size: 18px;
    }

    .nav-pills2 > li {
        padding-left: 3px;
        padding-right: 3px;
    }

    .navbar-brand img {
        max-height: 48px;
        padding-top: 10px;
        padding-left: 2px;
    }
}

.nav-pills2 > li + li {
    margin-left: 0;
}

.nav-pills2 > li.active > a, .nav-pills2 > li.active > a:focus, .nav-pills2 > li.active > a:hover {
    color: #fff;
    background-color: #d89a1e;
    border: solid 1px #d89a1e;
    border-radius: 4px;
}

.nav-pills2 .active a:hover {
    background-color: #d89a1e !important;
}

.nav-pills2 > li > a:hover {
    color: #fff;
    background-color: #292928;
    border: solid 1px #292928;
}

.backtop {
    bottom: 10px;
    right: 10px;
}

    .backtop img {
        opacity: 0.65;
    }

        .backtop img:hover {
            opacity: 1;
        }

@media only screen and (max-width: 479px) {
    .backtop {
        bottom: 55px;
        right: 2px;
    }
}

.itema {
    position: relative;
    /*border: 1px solid #f1f2f7;*/
    /*margin: 2%;*/
    overflow: hidden;
    /*width: 540px;*/
}

    .itema img {
        max-width: 100%;
        -moz-transition: all 0.3s;
        -webkit-transition: all 0.3s;
        transition: all 0.3s;
    }

    .itema:hover img {
        -moz-transform: scale(1.1);
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }

.article-image {
    position: relative
}

.article-image a {
        border: 0
    }

.article-image img {
        display: block;
        z-index: 2;
    }

.imgproject2 {
    background-color: #fff;
    width: auto;
    height: 240px;
    overflow: hidden;
    position: relative;
    z-index: 1;
}

    .imgproject2 img {
        position: absolute;
        left: -1000%;
        right: -1000%;
        top: -1000%;
        bottom: -1000%;
        margin: auto;
        min-height: 100%;
        min-width: 100%;
        opacity: 1;
        -webkit-transition: all .3s linear;
        transition: all .3s linear;
        transform: scale(1);
    }

    .imgproject2:hover img {
        transform: scale(1.1);
    }

.imgproject {
    background-color: #fff;
    width: auto;
    height: 180px;
    overflow: hidden;
    position: relative;
    z-index: 1;
}

    .imgproject img {
        position: absolute;
        left: -1000%;
        right: -1000%;
        top: -1000%;
        bottom: -1000%;
        margin: auto;
        height: 100%;
        min-width: 100%;
        opacity: 1;
        -webkit-transition: all .3s linear;
        transition: all .3s linear;
        transform: scale(1);
    }

    .imgproject:hover img {
        transform: scale(1.1);
    }

/*@media ( max-width: 1199px ) {
    .imgproject {
        height: 450px;
    }
}

@media ( max-width: 991px ) {
    .imgproject {
        height: 400px;
    }
}

@media ( max-width: 767px ) {
    .imgproject {
        height: 350px;
    }
}

@media ( max-width: 480px ) {
    .imgproject {
        height: 300px;
    }
}*/

#calldiv {
    height: 80px;
    width: 270px;
    float: left;
    position: fixed;
    bottom: 100px;
    left: -220px;
    z-index: 9999 !important;
    background: rgba(34, 34, 51, 0.65);
    color: #fff;
    padding: 12px 10px 8px 20px;
    text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.25);
    /*-webkit-box-shadow: -2px 0px 2px 0px rgba(0,0,0,0.5);
    -moz-box-shadow: -2px 0px 4px 0px rgba(0,0,0,0.5);
    box-shadow: -2px 0px 4px 0px rgba(0,0,0,0.5);*/
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
    /*border: solid 5px rgba(255, 255, 255, 0.25);*/
    border-left: none;
    cursor: default;
    font-size: 22px;
    font-weight: 500;
    line-height: 1.2em;
    /*border-bottom: rgba(41,47,56,0.5) 5px solid;*/
}

    #calldiv:hover {
        background: #d89a1e;
    }

    #calldiv img {
        padding-top: 5px;
        padding-left: 20px;
        padding-right: 7px;
        /*margin-top: 28px;*/
        /*margin-bottom: 30px;*/
        /*margin-right: 5px;*/
    }

    #calldiv i {
        padding: 10px 5px;;
        font-size: 34px;
    }

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #808080 !important;
    opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #808080 !important;
}

::-ms-input-placeholder { /* Microsoft Edge */
    color: #808080 !important;
}

.ulnostyle ul {
    list-style-type: none !important;
    margin: 0;
    padding: 0;
}

.hlight {
    color: #fff;
    background-color: #292928;
    /*border-right: solid 1px #292928 !important;*/
}

.u-button, .u-button:active {
    cursor: pointer;
    padding: 14px;
    letter-spacing: 2px;
    font-size: 13px;
    font-weight: 500;
    text-transform: uppercase;
    color: #fff;
    /*background: #41cbd2;*/
    /*background: rgba(255,255,255,0.35);*/
    background: rgba(41, 41, 40, 0.60);
    -webkit-transition: 0.5s;
    transition: 0.5s;
    border-radius: 3px;
    border: none;
    border: solid 1px rgba(255, 255, 255, 0.20);
}

    .u-button:hover {
        background: #d89a1e;
        color: #fff;
        text-decoration: none;
        border: none;
        border: solid 1px #d89a1e;
    }

.botspace {
    margin-bottom: 120px !important;
}
.botspacemap {
    margin-bottom: 70px !important;
}

@media only screen and (max-width: 992px) {
    .botspace {
        margin-bottom: 20px !important;
    }
    .botspacemap {
        margin-bottom: 20px !important;
    }
}

.noshow {
    display: none !important;
}

.show {
    display: normal !important;
}

.mapbot {
    margin-bottom: 94px;
}

@media only screen and (max-width: 992px) {
    .mapbot {
        margin-bottom: 0px;
    }
}

.highlight {
    color: #111;
    padding: 10px 0 20px;
    font-weight: bold;
    display: block;
    overflow: hidden;
    margin-bottom: 0;
    font-size: 48px;
}

.stat i {
    color: #b6b4ac;
}

.milestone-details {
    font-weight: bold;
    font-size: 18px;
    color: #999;
}

.whiteboxs {
    background: #fff;
    border: solid 1px #9f9f9f;
    border-radius: 10px;
    padding: 10px 0 0;
    margin: 0 20px;
}

.lborder {
    border-left: solid 10px #fff;
    padding: 50px 0;
}

    .lborder:first-child {
        border-left: none;
    }

.gboxs {
    margin: 30px 0;
}

@media only screen and (max-width: 992px) {
    .stat i {
        padding-top: 50px;
    }

    .lborder {
        border-left: none;
        padding: 0 0;
    }

    .gboxs {
        margin: 0 0 40px;
    }
}

/*#navbar ul li:last-child ul {
        right: 0px;
        left: auto;
        text-align: left;
        min-width: 100%;
    }*/

/*#navbar ul li.lngdown:last-child ul {
        right: 0px;
        left: auto;
        text-align: left;
        min-width: 100%;
    }*/

.navbar-default {
    /*background-color: #333;*/
    background: #292928;
    background: linear-gradient(to top,#292928 0%,#444442 100%);
    /*border-color: #e7e7e7;*/
}

.navbar-static-top {
    border-width: 0;
}


* {
    margin: 0;
    padding: 0;
    text-decoration: none
}

/*header {
    position: relative;
    width: 100%;
    background: #333;
    margin: 0 auto;
}*/

.logo {
    position: relative;
    z-index: 123;
    padding: 10px;
    font: 18px verdana;
    color: #d89a1e;
    float: left;
    width: 15%
}

    .logo a {
        color: #d89a1e;
    }

nav {
    position: relative;
    /*width: 980px;*/
    /*margin: 0 auto;*/
    /*width: 100%;*/
    min-height: 60px;
}

#cssmenu, #cssmenu ul, #cssmenu ul li, #cssmenu ul li a, #cssmenu #head-mobile {
    border: 0;
    list-style: none;
    line-height: 1;
    display: block;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    /*min-height: 50px;*/
}

    #cssmenu ul li {
        border-bottom: 1px solid rgba(150,150,150,0.15) !important;
    }

    #cssmenu:after, #cssmenu > ul:after {
        content: ".";
        display: block;
        clear: both;
        visibility: hidden;
        line-height: 0;
        height: 0
    }

    #cssmenu #head-mobile {
        display: none
    }

#cssmenu {
    /*font-family: sans-serif;*/
    /*background: #333;*/
}

    #cssmenu ul {
        margin: 0;
        padding: 0;
        text-align: center;
    }

    #cssmenu > ul > li {
        float: none;
        display: inline-block;
    }

        #cssmenu > ul > li > a {
            padding: 20px 15px;
            font-size: 15px;
            line-height: 20px;
            letter-spacing: 0.75px;
            text-decoration: none;
            color: #ddd;
            font-weight: 500;
        }

        #cssmenu > ul > li:hover > a, #cssmenu ul li.active a {
            color: #d89a1e
        }

        #cssmenu > ul > li:hover, #cssmenu ul li.active:hover, #cssmenu ul li.active, #cssmenu ul li.has-sub.active:hover {
            /*background: #d89a1e !important;*/
            /*background: rgba(255, 255, 255, 0.15) !important;*/
            background: #454544 !important;
            -webkit-transition: background .3s ease;
            -ms-transition: background .3s ease;
            transition: background .3s ease;
        }

        #cssmenu > ul > li.has-sub > a {
            padding-right: 30px
        }

            #cssmenu > ul > li.has-sub > a:after {
                position: absolute;
                top: 31px;
                right: 17px;
                width: 8px;
                height: 2px;
                display: block;
                background: #ddd;
                content: ''
            }

            #cssmenu > ul > li.has-sub > a:before {
                position: absolute;
                top: 28px;
                right: 20px;
                display: block;
                width: 2px;
                height: 8px;
                /*background: #ddd;*/
                background: #ddd;
                content: '';
                -webkit-transition: all .10s ease;
                -ms-transition: all .10s ease;
                transition: all .10s ease
            }

        #cssmenu > ul > li.has-sub:hover > a:after {
            background: #d89a1e;
        }

        #cssmenu > ul > li.has-sub:hover > a:before {
            top: 31px;
            height: 0;
        }

    #cssmenu ul ul {
        position: absolute;
        left: -9999px
    }

        #cssmenu ul ul li {
            height: 0;
            -webkit-transition: all .25s ease;
            -ms-transition: all .25s ease;
            background: #333;
            transition: all .25s ease
        }

            #cssmenu ul ul li:hover {
                background: #272726
            }

    #cssmenu li:hover > ul {
        left: auto
    }

        #cssmenu li:hover > ul > li {
            height: 41px
        }

    #cssmenu ul ul ul {
        margin-left: 100%;
        top: 0
    }

    #cssmenu ul ul li a {
        /*border-bottom: 1px solid rgba(150,150,150,0.15);*/
        padding: 14px;
        width: 170px;
        font-size: 14px;
        letter-spacing: 0.75px;
        text-decoration: none;
        color: #ddd;
        font-weight: 400;
        text-align: left;
    }

    #cssmenu ul ul li:last-child > a, #cssmenu ul ul li.last-item > a {
        border-bottom: 0
    }

    #cssmenu ul ul li:hover > a, #cssmenu ul ul li a:hover {
        color: #d89a1e
    }

    #cssmenu ul ul li.has-sub > a:after {
        position: absolute;
        top: 20px;
        right: 11px;
        width: 8px;
        height: 2px;
        display: block;
        /*background: #ddd;*/
        background: #ddd;
        content: ''
    }

    #cssmenu ul ul li.has-sub > a:before {
        position: absolute;
        top: 17px;
        right: 14px;
        display: block;
        width: 2px;
        height: 8px;
        background: #ddd;
        content: '';
        -webkit-transition: all .10s ease;
        -ms-transition: all .10s ease;
        transition: all .10s ease
        /*transition: all .25s ease*/
    }

    #cssmenu ul ul > li.has-sub:hover > a:after {
        background: #d89a1e;
    }

    #cssmenu ul ul > li.has-sub:hover > a:before {
        top: 20px;
        height: 0;
    }

    #cssmenu ul ul li.has-sub:hover, #cssmenu ul li.has-sub ul li.has-sub ul li:hover {
        /*background: #363636;*/
        background: #272726;
    }

    #cssmenu ul ul ul li.active a {
        border-left: 1px solid #333
    }

    #cssmenu > ul > li.has-sub > ul > li.active > a, #cssmenu > ul ul > li.has-sub > ul > li.active > a {
        border-top: 1px solid #333
    }

@media screen and (max-width:1017px) {

    .middle-header {
        display: none !important;
    }

    .logo {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 46px;
        text-align: center;
        padding: 10px 0 0 0;
        float: none
    }

    .logo2 {
        display: none
    }

    nav {
        width: 100%;
    }

    #cssmenu {
        width: 100%
    }

        #cssmenu ul {
            width: 100%;
            display: none;
            background: #333;
        }

            #cssmenu ul li {
                width: 100%;
                border-top: 1px solid #444
            }

                #cssmenu ul li:hover {
                    background: #363636;
                }

            #cssmenu ul ul li, #cssmenu li:hover > ul > li {
                height: auto
            }

                #cssmenu ul li a, #cssmenu ul ul li a {
                    width: 100%;
                    border-bottom: 0
                }

        #cssmenu > ul > li {
            float: none
        }

        #cssmenu ul ul li a {
            padding-left: 25px
        }

        #cssmenu ul ul li {
            background: #333 !important;
        }

            #cssmenu ul ul li:hover {
                background: #454545 !important;
                color: #d89a1e;
            }

        #cssmenu ul ul ul li a {
            padding-left: 35px
        }

        #cssmenu ul ul li a {
            color: #ddd;
            background: none
        }

        #cssmenu ul ul li:hover > a, #cssmenu ul ul li.active > a {
            color: #d89a1e
        }

        #cssmenu ul ul, #cssmenu ul ul ul {
            position: relative;
            left: 0;
            width: 100%;
            margin: 0;
            text-align: left
        }

            #cssmenu > ul > li.has-sub > a:after, #cssmenu > ul > li.has-sub > a:before, #cssmenu ul ul > li.has-sub > a:after, #cssmenu ul ul > li.has-sub > a:before {
                display: none
            }

        #cssmenu #head-mobile {
            display: block;
            /*padding: 23px;*/
            color: #ddd;
            font-size: 12px;
            font-weight: 700
        }

    .button {
        width: 60px;
        height: 60px;
        position: absolute;
        right: 0;
        top: 0;
        cursor: pointer;
        z-index: 12399994;
    }

        .button:after {
            position: absolute;
            top: 32px;
            right: 20px;
            display: block;
            height: 2px;
            width: 20px;
            background: #ddd;
            /*border-top: 1px solid #dddddd;
            border-bottom: 1px solid #dddddd;*/
            content: ''
        }

        .button:before {
            -webkit-transition: all .3s ease;
            -ms-transition: all .3s ease;
            transition: all .3s ease;
            position: absolute;
            top: 26px;
            right: 20px;
            display: block;
            height: 2px;
            width: 20px;
            background: #ddd;
            content: ''
        }

        .button.menu-opened:after {
            -webkit-transition: all .3s ease;
            -ms-transition: all .3s ease;
            transition: all .3s ease;
            top: 28px;
            border: 0;
            height: 2px;
            width: 19px;
            background: #fff;
            -webkit-transform: rotate(45deg);
            -moz-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            -o-transform: rotate(45deg);
            transform: rotate(45deg)
        }

        .button.menu-opened:before {
            top: 28px;
            background: #fff;
            width: 19px;
            -webkit-transform: rotate(-45deg);
            -moz-transform: rotate(-45deg);
            -ms-transform: rotate(-45deg);
            -o-transform: rotate(-45deg);
            transform: rotate(-45deg)
        }

    #cssmenu .submenu-button {
        position: absolute;
        z-index: 99;
        right: 0;
        top: 0;
        display: block;
        border-left: 1px solid #444;
        height: 60px;
        width: 60px;
        cursor: pointer
    }

        #cssmenu .submenu-button.submenu-opened {
            background: #262626
        }

    #cssmenu ul ul .submenu-button {
        height: 41px;
        width: 60px
    }

    /*#cssmenu .submenu-button:after {
        position: absolute;
        top: 22px;
        right: 19px;
        width: 8px;
        height: 2px;
        display: block;
        background: #ddd;
        content: ''
    }*/
    #cssmenu .submenu-button:after {
        position: absolute;
        top: 30px;
        right: 25px;
        width: 8px;
        height: 2px;
        display: block;
        background: #ddd;
        content: ''
    }

    #cssmenu ul ul .submenu-button:after {
        top: 21px;
        right: 25px
    }

    #cssmenu .submenu-button.submenu-opened:after {
        background: #fff
    }

    /*#cssmenu .submenu-button:before {
        position: absolute;
        top: 19px;
        right: 22px;
        display: block;
        width: 2px;
        height: 8px;
        background: #ddd;
        content: ''
    }*/
    #cssmenu .submenu-button:before {
        position: absolute;
        top: 27px;
        right: 28px;
        display: block;
        width: 2px;
        height: 8px;
        background: #ddd;
        content: ''
    }

    #cssmenu ul ul .submenu-button:before {
        top: 18px;
        right: 28px
    }

    #cssmenu .submenu-button.submenu-opened:before {
        display: none
    }

    #cssmenu ul ul ul li.active a {
        border-left: none
    }

    #cssmenu > ul > li.has-sub > ul > li.active > a, #cssmenu > ul ul > li.has-sub > ul > li.active > a {
        border-top: none
    }
}


:focus {
    outline: none;
}

::-moz-focus-inner {
    border: 0;
}

input[type=range]::-moz-focus-outer {
    border: 0;
}

.langmobile {
    position: absolute;
    top: 10px;
    right: 60px;
}

.tab-content {
    background-color: #fff;
    border: 1px solid #ddd;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
}

.nav-tabs {
    border-bottom: 1px solid rgba(128, 128, 128, 0.50);
}

.nav-tabs > li {
    margin: 0 !important;
    padding: 0 !important;
    float: left;
}

.nav-tabs > li:first-child {
    padding-left: 1px !important;
}

.nav-tabs > li > a {
    margin-right: 3px;
    line-height: 1.42857143;
    border: 1px solid transparent;
    border-radius: 4px 4px 0 0;
    background-color: #ddd;
    color: #808080;
}

    .nav-tabs > li > a:hover {
        border-color: #fff #fff #ddd;
    }

.nav > li > a:focus, .nav > li > a:hover {
    text-decoration: none;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
    color: #fff;
    cursor: default;
    background-color: #808080;
    border: 1px solid transparent;
    border-bottom-color: rgb(221, 221, 221);
    border-bottom-color: transparent;
}



.tag-sell1 {
    font-size: 19px;
    line-height: 30px;
    font-weight: 500;
    letter-spacing: 0.75px;
    text-decoration: none;
    background: rgb(155, 2, 2);
    color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    /*left: 15%;
    right: 15%;
    width: 70%;*/
    text-align: center;
    padding: 0 10px;
    z-index: 2;
    text-transform: uppercase;
}

    .tag-sell1:after {
        content: "";
        position: absolute;
        top: -30px;
        left: 0;
        background-color: rgba(204, 0, 0, 1);
        padding-bottom: 50%;
        /*width: 57.7%;*/
        width: 57.7%;
        z-index: -1;
        -webkit-transform-origin: 0 0;
        -ms-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: rotate(-30deg) skewX(30deg);
        -ms-transform: rotate(-30deg) skewX(30deg);
        transform: rotate(-30deg) skewX(30deg);
        /*content: "";
        position: absolute;
        bottom: -10px;
        left: 0;
        right: 0;
        width: 0;
        height: 0;
        margin: 0 auto;
        border-width: 10px 60px 0 60px;
        border-style: solid;
        border-color: rgba(204, 0, 0, 1) transparent transparent transparent;*/
    }

.tag-sell {
    /*display: block;*/
    position: absolute;
    top: -5px;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 3;
}

.tag-sell-f {
    /*display: block;*/
    position: absolute;
    top: -3px;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 3;
}

.searchEngineSmall p {
    font-size: 17px;
}

.width-80 {
    position: relative;
    width: 80%;
    left: 10%;
    right: 10%;
    text-align: center!important;
}

.loaderspin {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 99999;
    background-color: #fff !important;
    margin: 0;
    text-align: center !important;
    vertical-align: middle !important;
    /*color: #1c71b6;
    font-size: 60px;*/
    background: url('/images/loader.gif') 50% 50% no-repeat rgb(249,249,249);
}

    .loaderspin i {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        /*font-family: "fontawesome";
        content: "\f110";*/
        text-align: center !important;
        color: #5c5853;
        font-size: 70px;
        margin-left: -35px;
        margin-top: -35px;
    }

/*.nav-tabs > li > a {
    border-radius: 0;
}*/

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

    .video-container iframe,
    .video-container object,
    .video-container embed {
        position: absolute;
        top: 0;
        left: 0;
        width: 100% !important;
        height: 100% !important;
    }