/*
        ========================================
        ARILLO - REAL ESTATE TEMPLATE
        ========================================
        
        @author			: @avriqq
        @version		: v1.1
        @date-create	: 07/14/2014
        @last-update	: 07/17/2014
        @file-name		: style

*/

/*
        ========================================
        TABLE OF CONTENT
        ========================================
        
        [1. GLOBAL STYLE]
        [2. NAVBAR]
        [3. HEADER]
        [4. SERVICE]
        [5. CONTENT]
        [5.1 ARTICLE]
        [5.2 TEAM]
        [5.3 SIDEBAR]
        [6. TESTIMONY]
        [7. NEWS]
        [8. SUBSCRIBE]
        [9. PARTNER]
        [10. FOOTER]
        [11. COPYRIGHT]

*/


/* 
        ==================
        [1. GLOBAL STYLE]
        ==================
*/
body{
    color: #6b6e80;
    background: #fff;
    scrollbar-face-color: #333;
}

::-moz-selection { 
    color: #fff; 
    background: #3498db; 
}

::-webkit-selection { 
    color: #fff; 
    background: #3498db; 
}

::selection { 
    color: #fff; 
    background: #3498db; 
}

::-webkit-scrollbar-track {
    background-color: #333;
} 

::-webkit-scrollbar-thumb {
    background-color: #666;
} 

::-webkit-scrollbar-corner {
    background-color: #000000;
}

a{
    color: #fc6e51;
}

a:hover{
    color: #e9573f;
}

.text-write{
    color:#fff !important;
}

select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
    color: #333;
}

select:focus,
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
    color: #fc6e51;
    border-color: #bbb;
}

.form-control:focus{
    color: #fc6e51;
    border-color: #bbb;
}

.btn-success{
    background-color: #fc6e51;
    border-color: #e9573f;
}

.btn-primary{
    background-color: #fc6e51;
    border-color: #e9573f;
}

.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.btn-success.dropdown-toggle{
    background-color: #e9573f;
    border-color: #e9573f;
}

.btn-warning{
    background-color: #ffce54;
    border-color: #f6bb42;
}

.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-warning.active,
.btn-warning.dropdown-toggle{
    background-color: #f6bb42;
    border-color: #f6bb42;
}
/* 
        ==================
        [2. NAVBAR]
        ==================
*/
.navbar-default{
    background-color: #fff;
    border-color: #fff;
}

.navbar-default .navbar-brand{
    color: #fc6e51;
}

.navbar-default .navbar-brand::after{
    background: #e9573f;
}

.navbar-default .navbar-brand:hover{
    color: #e9573f;
}

.navbar-default .navbar-brand:hover > span{
    color: #e9573f;
}

.navbar-default .navbar-nav > li > a{
    color: #656d78;
}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
    color: #fc6e51;
    background-color: transparent;
}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover{
    color: #e9573f;
    background-color: transparent;
}

.navbar-default .navbar-nav > .active > a::after{
    background: #e9573f;
}

.navbar.navbar-default .navbar-nav li.dropdown.open > a,
.navbar.navbar-default .navbar-nav li.dropdown.open > a:hover{
    color: #fff;
    background-color: #fc6e51;
}

.dropdown-menu {
    background-color: #fc6e51;
}

.dropdown-menu > li > a{
    color: #efefef;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus{
    color: #fff;
    background-color: #e9573f;
}

.signin:focus,
.signin:active{
    color: #656d78 !important;
}

.signup{
    background-color: #fc6e51 !important;
    color: #fff !important;
}

.signup:hover,
.signup:focus,
.signup:active{
    background-color: #e9573f !important;
}

#modal-signin .modal-header h4,
#modal-signup .modal-header h4{
    color: #fc6e51;
}

#modal-signin .modal-footer,
#modal-signup .modal-footer{
    background-color: #f4f4f4;
}

#modal-signin .modal-footer p,
#modal-signup .modal-footer p{
    margin-bottom: 15px;
}
/* 
        ==================
        [3. HEADER]
        ==================
*/
.quick-search{
    background: rgba(255,255,255,.7);
}

#header.heading::after{
    background-color: rgba(0,0,0,.75);
}

#header.heading .page-title{
    color: #ddd;
}

#header.heading .page-title h2{
    color: #fff;
}

#header.heading .breadcrumb{
    background-color: transparent;
}

#header.heading .breadcrumb > .active{
    color: #dedede;
}
/* 
        ==================
        [4. SERVICE]
        ==================
*/
.service-container:hover > .service-icon a{
    -webkit-box-shadow: 0 0 0 5px #fc6e51;
    -moz-box-shadow: 0 0 0 5px #fc6e51;
    -ms-box-shadow: 0 0 0 5px #fc6e51;
    -o-box-shadow: 0 0 0 5px #fc6e51;
    box-shadow: 0 0 0 5px #fc6e51;
}

.service-icon a{
    background: #fc6e51;
    border: 8px solid #fff;
}

.service-icon a > i{
    color: #fff;
}
/* 
        ==================
        [5. CONTENT]
        ==================
*/
#content{
    background: #f4f4f4;
}

.heading-title h2{
    border: 2px solid #898ba2;
}

.heading-title.bg-white h2::before{
    background: #fff;
}

.heading-title h2::before{
    background: #f4f4f4;
}

.heading-title h2::after{
    background: #898ba2;
}

.property-container{
    background: #fff;
    border: 1px solid #eee;
}

.property-status{
    background: #1b1d2a;
    color: #fff;
}

.property-price{
    background: #fc6e51;
    color: #fff;
}

.property-features{
    background: #fc6e51;
    color: #fff;
}

.property-image-list .property-footer a{
    background: #d9dae9;
    color: #898ba2;
}

.property-image-list .property-footer a:hover{
    background: #898ba2;
    color: #d9dae9;
}

.property-footer a{
    background: #e9573f;
    color: rgba(0,0,0,.25);
}

.property-footer a:hover,
.property-footer a:focus{
    color: #eee;
    background: #c9573f;
}
/* 
        ==================
        [5.1 ARTICLE]
        ==================
*/
/* pagination */
.pagination > li > a, 
.pagination > li > span {
    color: #fc6e51;
    background-color: #fff;
    border: 1px solid #ddd;
}

.pagination > .active > a, 
.pagination > .active > span, 
.pagination > .active > a:hover, 
.pagination > .active > span:hover, 
.pagination > .active > a:focus, 
.pagination > .active > span:focus {
    color: #fff;
    background-color: #fc6e51;
    border-color: #fc6e51;
}

.blog-image .blog-author{
    color: #fff;
    text-shadow: 1px 1px #999;
}

.blog-image .blog-author a{
    color: #fff;
    text-shadow: 1px 1px #999;
}

.blog-image .blog-author a:hover{
    border-bottom: 1px dashed #fff;
}

.blog-paged > .pager li > a:hover,
.blog-paged > .pager li > a:focus{
    background-color: #fc6e51;
    color: #fff;
    border-color: #e9573f;
}

.blog-paged > .pager .disabled > a,
.blog-paged > .pager .disabled > a:hover,
.blog-paged > .pager .disabled > a:focus,
.blog-paged > .pager .disabled > span {
    color: #999;
    background-color: #fff;
    border-color: #ddd;
}

.blog-comment .post-comments{
    border: 1px solid #eee;
    background: #fff;
    color: #6b6e80;
}

.blog-comment .meta {
    color: #aaaaaa;
}

#map,
#map-property{
    background-color: #1b1d2a;
}
/* 
        ==================
        [5.2 TEAM]
        ==================
*/
.team-container{
    background: #fff;
    border: 1px solid #eee;
}

.team-container.team-dark{
    background: #fc6e51;
    border-color: none;
    color: #fff;
}

.team-container.team-dark h3 small{
    color: rgba(0,0,0,.3);
}

.team-social a{
    color: #6b6e80;
}

.team-social a:hover,
.team-social a:focus{
    color: #e9573f;
}

.team-container.team-dark .team-social a{
    color: rgba(0,0,0,.3);
}

.team-container.team-dark .team-social a:hover,
.team-container.team-dark .team-social a:focus{
    color: #eee;
}
/* 
        ==================
        [5.3 SIDEBAR]
        ==================
*/
.sidebar .widget-white{
    background: #fff;
    border-bottom: 2px solid #ddd;
}

.sidebar .widget-white::before{
    border-top: 25px solid #fc6e51;
    border-right: 25px solid transparent;
    border-bottom: 25px solid transparent;
    border-left: 0 solid transparent;
}

.sidebar .widget .widget-header h3{
    color: #7f8c8d;
}

/* special widget */
.sidebar .widget-sidebar .list-check > li > a:before{
    color: #898ba2;
}

.sidebar .widget-sidebar .list-check > li > a:hover:before{
    color: #fc6e51;
}

.sidebar .widget-sidebar .nav-tabs {
    border-bottom: 3px solid #ddd;
}

.sidebar .widget-sidebar .nav-tabs > li > a:hover {
    color: #2C3E50;
    border-color: transparent;
    background: transparent;
}

.sidebar .widget-sidebar .nav-tabs > li > a:hover:before {
    background: #ccc;
}

.sidebar .widget-sidebar .nav-tabs > li.active > a,
.sidebar .widget-sidebar .nav-tabs > li.active > a:hover,
.sidebar .widget-sidebar .nav-tabs > li.active > a:focus {
    color: #2C3E50;
    background-color: transparent;
    border-bottom-color: transparent;
}

.sidebar .widget-sidebar .nav-tabs > li.active > a:before,
.sidebar .widget-sidebar .nav-tabs > li.active > a:hover:before,
.sidebar .widget-sidebar .nav-tabs > li.active > a:focus:before {
    background: #e9573f;
}
/* 
        ==================
        [6. TESTIMONY]
        ==================
*/
#testimony::after{
    background-color: rgba(0,0,0,.65);
}

#testislider .carousel-control.left,
#testislider .carousel-control.right {
    background: transparent;
}


.testimony-image{
    border: 4px solid #fff;
}

.testimony-content{
    color: #fff;
}

.testimony-content h3{
    font-size: 28px;
    line-height: 32px;
    color: #fff;
}
/* 
        ==================
        [7. NEWS]
        ==================
*/
#news{
    background: #fff;
}

.post-container {
    border-bottom: 1px solid #ddd;
}

.post-img h3{
    background: #fc6e51;
    color: #fff;
}

.post-content > .heading-title h2::before{
    background: #f4f4f4;
}

.post-content > .heading-title h2::after{
    background: transparent;
}

#content .post-meta, 
.post-single .post-meta span {
    color: #888;
}

.single-post .tab-content{
    background-color: #fff;
    border: 1px solid #ddd;
}

.favorite a::before{
    background: #fc6e51;
}
/* carousel single */
#slider-property .carousel-indicators li{
    border-color: #fff;
}

#slider-property .carousel-indicators li::after{
    background: rgba(255,255,255,.6);
}

#slider-property .carousel-indicators .active::after{
    background: rgba(255,255,255,.1);
}

#slider-property .carousel-indicators .active {
    border-color: #fc6e51;
}
/* 
        ==================
        [8. SUBSCRIBE]
        ==================
*/
#subscribe{
    background-color: #f4f4f4;
}
/* 
        ==================
        [9. PARTNER]
        ==================
*/
#partner{
    background: #fff;
}

/* Carousel */
.jcarousel-wrapper {
    border: 10px solid #fff;
    -webkit-box-shadow: 0 0 2px #999;
    -moz-box-shadow: 0 0 2px #999;
    -ms-box-shadow: 0 0 2px #999;
    -o-box-shadow: 0 0 2px #999;
    box-shadow: 0 0 2px #999;
}

.jcarousel li {
    border: 1px solid #fff;
}

/* Carousel Controls */
.jcarousel-control-prev,
.jcarousel-control-next {
    background: #1b1d2a;
    color: #fff;
    text-shadow: 0 0 1px #000;
}

/* Carousel Pagination */
.jcarousel-pagination a {
    background: #fff;
    color: #4e443c;
    -webkit-box-shadow: 0 0 2px #4e443c;
    -moz-box-shadow: 0 0 2px #4e443c;
    -ms-box-shadow: 0 0 2px #4e443c;
    -o-box-shadow: 0 0 2px #4e443c;
    box-shadow: 0 0 2px #4e443c;
}

.jcarousel-pagination a.active {
    background: #fc6e51;
    color: #fff;
    -webkit-box-shadow: 0 0 0 1px #fc6e51;
    -moz-box-shadow: 0 0 0 1px #fc6e51;
    -ms-box-shadow: 0 0 0 1px #fc6e51;
    -o-box-shadow: 0 0 0 1px #fc6e51;
    box-shadow: 0 0 0 1px #fc6e51;
}
/* 
        ==================
        [10. FOOTER]
        ==================
*/
#footer{
    background-color: #0f101a;
}

#footer .widget h2{
    color: #d9dae9;
}

#footer .widget h3{
    color: #d9dae9;
}

#footer .widget > ul > li,
#footer .widget > ul > li > a,
#footer .widget ul > li,
#footer .widget ul > li > a{
    color: #898ba2;
}

#footer .widget > ul > li > a:hover,
#footer .widget > ul > li > a:focus,
#footer .widget ul > li > a:hover,
#footer .widget ul > li > a:focus{
    color: #e9573f;
}
/* 
        ==================
        [11. COPYRIGHT]
        ==================
*/
.copyright{
    border-top: 1px solid #2c3e50;
}

.copyright .social-links > li > a{
    background: #6b6e80;
}

.copyright .social-links > li > a > .fa{
    color: #1b1d2a;
}

.copyright .social-links > li > .icon-twitter:hover{
    background: #4099ff;
}

.copyright .social-links > li > .icon-facebook:hover{
    background: #4467ad;
}

.copyright .social-links > li > .icon-youtube:hover,
.copyright .social-links > li > .icon-gplus:hover{
    background: #ff4b4b;
}