/*** Categories List ********/
.categories_container .categories_bottom {
    margin: 0 15px;
    padding: 8px;
    background: rgba(226, 136, 0, 0.9); 
    
}
.categories {
    margin-left: auto;
    margin-right: auto;
}
#provinces,
#cities {
   background: rgba(226, 136, 0, 0.9); 
   color: #fff;
   padding: 0;
}
#provinces a,
#cities a {
  color:#FFFFFF;
  display:block;
  font-weight:bold;
  overflow:hidden;
  padding:10px 15px;
  position:relative;
  text-overflow:ellipsis;
  white-space:nowrap;
}

#provinces a:hover,
#cities a:hover{
    color: #da8300;
    background-color: #fff;
    text-decoration: none;
}
#provinces .prv_ a {
    background:  url("/theme/Fpc/img/regions_icon.png") no-repeat scroll 9px 0;
}
#provinces .prv_ a:hover {
    background: #fff url("/theme/Fpc/img/regions_icon.png") no-repeat scroll 9px -58px;
} 
#prv_selected,
#cities #prv_current{
    white-space: nowrap;
    font-weight: bold;
    border: 1px solid #fff;
    position: relative;
}
#prv_selected .all_prv {
    background: url("/theme/Fpc/img/regions_icon.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: block;
    padding: 8px 0;
}
#prv_selected .name,
#cities #prv_current .name{
    display: block;
    position: relative;
    padding: 10px 15px;
}
#cities #prv_current .name{
    overflow: hidden;
    text-overflow: ellipsis;
}
#prv_selected .caret{
    position: absolute;
    right: 15px;
    top: 17px;
}
.provinces_list{
    display: none;
    padding: 0;
    margin-bottom: 0;
}
.provinces_list > li{
	display: block;
}

#provinces .all_prv {
    display:block;
    padding-left: 45px;
}


.provinces_categories {
    padding: 0;
}
.provinces_categories .carousel-inner {
    height: 476px;
}
.prv_categories .catpage {
    height: 476px;
    background-color: #fff;
    float: left;
    margin: 0;
}
.prv_categories .carousel-inner {
    overflow: hidden;
    margin-bottom: 0px;
}
.prv_categories .scroll_categories {
    clear: both;
    position: relative;
    margin: 0;
}
.prv_categories .scroll_categories a {
    display: block;
    background-color: #d7e7e7;
    text-align: center;
    padding:20px 0;
    color: #fff;
}
.prv_categories .scroll_categories a span {
    font-weight: lighter;
    font-size: 60px;
    line-height: 20px;
    display: inline-block;
}
.prv_categories .scroll_categories a:hover {
    background-color: #a6c4c4;
    text-decoration: none;
}

.prv_categories .cat {
    display:block;
    position:relative;
    text-align: center;
    padding:0;
    height: 119px;
    border-bottom: 1px solid #d7e7e7;
    border-right: 1px solid #d7e7e7;    
    color: #6c807f;
    font-size: 11px;
}
.prv_categories .cat:hover,
.prv_categories .cat:hover .icon {
    background-color: #e28800;
    background-position: 0 -70px;
    color: #fff;
    text-decoration: none;
}
.prv_categories .cat .name { font-weight: bold;}
.prv_categories .cat .subcategories,
.prv_categories .cat .listings {
    font-size: 10px;
}


.cat .icon {
    background: transparent no-repeat center top;
    height: 70px;
    width: 70px;
    margin: 0 auto;
    display:block;
    margin-top: 10%;
}
@media (max-width: 768px) {
    #provinces,
    #cities {
    padding: 15px;  
    margin: 0 15px;
    }
    
/*     #provinces_list .prv_{ 
        display: none;
    } */
}
@media (min-width: 768px) { 
    #provinces,
    #cities {
       margin-top:30px;
       max-height: 555px;
       overflow-y: auto;
    }
    #provinces a,
    #cities a{
       text-transform: uppercase;
    }
    .prv_categories .cat {
       height: 195px;
       font-size: 14px;    
    }
    .cat .icon {
       margin-top: 20%;
    }
    .provinces_categories .carousel-inner {
       height: 585px;
    }
    .prv_categories .catpage {
       background: url("/theme/Fpc/img/cat_bg.png") repeat;
       height: auto;
       min-height: 585px;
    }
    .provinces_list {
       display: block;   
    }   
    .prv_categories .scroll_categories {
       clear: none;
       position: absolute;
       top: 100px;
       right: -50px;
    }
    .prv_categories .scroll_categories a {
       background-color: #216c6f;
       padding: 2px;
    }
    .prv_categories .scroll_categories a:hover{
       color: #fff;
       background-color: #1d6466;
    }
    .prv_categories .scroll_categories .prev {
       top: 44px;
    }
    .prv_categories .scroll_categories .next {
       top: -44px;
    }
}
@media (min-width: 768px) and (max-width: 992px) {
    .provinces_categories .carousel-inner {
       height: 780px;
    }
    #provinces a,
    #cities a{
       font-size: 12px;
       padding: 10px 8px;       
    }    
    #provinces .prv_5 a{        
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .prv_categories .catpage {
       min-height: 780px;
    }
}