/* begin -------------------- yp content styles */
.category-cover[data-placeholder="icon-eat"]:after {background-image:url(../img/yp-groups/yp-group-eat.jpg)}
.category-cover[data-placeholder="icon-sleep"]:after {background-image:url(../img/yp-groups/yp-group-sleep.jpg)}
.category-cover[data-placeholder="icon-fun"]:after {background-image:url(../img/yp-groups/yp-group-music.jpg)}
.category-cover[data-placeholder="icon-auto"]:after {background-image:url(../img/yp-groups/yp-group-auto.jpg)}
.category-cover[data-placeholder="icon-eur"]:after {background-image:url(../img/yp-groups/yp-group-eur.jpg)}
.category-cover[data-placeholder="icon-beauty"]:after {background-image:url(../img/yp-groups/yp-group-beauty.jpg)}
.category-cover[data-placeholder="icon-municipal"]:after {background-image:url(../img/yp-groups/yp-group-repair.jpg)}
.category-cover[data-placeholder="icon-paint"]:after {background-image:url(../img/yp-groups/yp-group-services.jpg);background-position:50% 40%}
.category-cover[data-placeholder="icon-gov"]:after {background-image:url(../img/yp-groups/yp-group-gov.jpg)}
.category-cover[data-placeholder="icon-shop"]:after {background-image:url(../img/yp-groups/yp-group-shop.jpg)}
.category-cover[data-placeholder="icon-law"]:after {background-image:url(../img/yp-groups/yp-group-law.jpg)}
.category-cover[data-placeholder="icon-school"]:after {background-image:url(../img/yp-groups/yp-group-school.jpg);background-position:50% 65%}
.category-cover[data-placeholder="icon-school"] [data-icon]:before {text-indent:1px}
.category-cover[data-placeholder="icon-taxi"]:after {background-image:url(../img/yp-groups/yp-group-taxi.jpg)}
.category-cover[data-placeholder="icon-other"]:after {background-image:url(../img/yp-groups/yp-group-1188-big.jpg);background-position:50% 90%}
.category-cover[data-placeholder="icon-other"] [data-icon]:before {content:"\e041"}
#yp-content .widget-title {margin:15px 0 10px;font-size:20px;line-height:24px;color:#34495e;text-align:center}
#yp-content .widget-title a {color:inherit}
#yp-content .category-grid {margin:10px -5px 50px;display:flex;flex-wrap:wrap}
#yp-content .category {width:25%;padding:5px 5px 25px;position:relative}
#yp-content .category-header {height:150px;position:relative;z-index:10}
#yp-content .category-cover {width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}
#yp-content .category-cover:after {content:" ";display:block;width:100%;height:100%;position:absolute;top:0;left:0;background-size:cover;background-position:50% 100%;transition:all .25s linear}
#yp-content .category-title {display:table;position:absolute;bottom:-25px;left:0;padding:10px 0;background:#fff;box-shadow:-1px 0 0 #fff,1px 0 0 #fff;font-size:18px}
#yp-content .category-title div {display:table-cell;vertical-align:middle;height:40px;font-weight:500}
#yp-content .category-title [data-icon] {display:block;padding:0 20px 0 50px;color:#34495e}
#yp-content .category-title [data-icon]:before {display:block;position:absolute;bottom:50%;left:0;width:40px;height:40px;margin:0 0 -20px;padding:7px;font-size:26px;color:#fff;background-color:#f8a880;background-repeat:no-repeat;background-position:50% 50%;border-radius:50px;text-align:center}
#yp-content .category-title [data-icon="icon-eat"]:before {font-size:30px;padding:5px}
#yp-content .category-title [data-icon="icon-taxi"]:before {font-size:23px;padding-top:8px}
#yp-content .category-title [data-icon="icon-municipal"]:before {font-size:22px;padding-top:9px}
#yp-content .category-title [data-icon="icon-gov"]:before {font-size:22px;padding-top:8px}
#yp-content .category-title [data-icon="icon-school"]:before {text-indent:1px}
#yp-content .category-title [data-icon="icon-beauty"]:before {font-size:22px;padding-top:9px}
#yp-content .category-title [data-icon="icon-paint"]:before {font-size:22px;padding-top:8px}
#yp-content .category-title [data-icon="icon-sleep"]:before {font-size:22px;padding-top:9px}
#yp-content .category-title [data-icon]:after {content:" ";display:block;width:100%;height:100%;position:absolute;top:0;left:0}
#yp-content .category:hover .category-cover:after {transform:scale(1.15);-webkit-transform:scale(1.15)}
#yp-content .category:hover .category-title {color:#f15a25}
#yp-content .category:hover .category-title a {color:#f15a25}
#yp-content .category:hover .category-title a:before {background-color:#f15a25}
#yp-content .category-cover:hover ~ .category-title a {text-decoration:underline !important}
#yp-content .branches {padding:25px 0 0 5px;overflow:hidden;position:relative;z-index:9}
#yp-content ul {margin:0;padding:0;list-style:none;line-height:20px}
#yp-content li {display:inline;margin-right:5px}
#yp-content ul a {display:inline;color:#34495e;text-decoration:none !important}
#yp-content ul a:hover {color:#f15a25}
#yp-content ul .count {color:#f15a25}
#yp-content ul .more a {display:inline-block;color:#8fa1b3}
#yp-content ul .more a:before {float:right;margin-left:2px;font-size:20px}
#yp-content ul .more a:hover {color:#f70}
#yp-content .category.add {display:block;flex-grow:2;text-align:center;color:#4caf50}
#yp-content .category.add .category-title {box-shadow:inset 0 0 0 1px #eee;border-radius:50px;position:relative;bottom:auto;top:50%;margin:-30px auto 0}
#yp-content .category.add .category-title a {display:inline-block;padding:0 30px 0 60px;color:#9ccc65;text-decoration:none !important}
#yp-content .category.add .category-title [data-icon]:before {left:10px;content:"\e103";font-size:22px;line-height:26px;background-color:#9ccc65}
#yp-content .category.add .category-title:hover {box-shadow:inset 0 0 0 1px #ccc}
#yp-content .category.add .category-title:hover a {color:#558b2f}
#yp-content .category.add .category-title:hover [data-icon]:before {background-color:#558b2f}
/* end -------------------- yp content styles */


/* begin ---------------------- category page styles */
.cat-header {text-align:center;background-position:50% 50%;background-repeat:no-repeat;background-size:cover;background-color:#fff;position:relative}
.cat-header:before {content:" ";display:block;position:absolute;top:0;left:0;width:100%;height:50%;
    background: -moz-linear-gradient(top, rgba(0,0,0,0.75) 0%, rgba(0,0,0,0) 100%);
    background: -webkit-linear-gradient(top, rgba(0,0,0,0.75) 0%,rgba(0,0,0,0) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0.75) 0%,rgba(0,0,0,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bf000000', endColorstr='#00000000',GradientType=0 );
}
.cat-header:after {content:" ";display:block;position:absolute;bottom:0;left:0;width:100%;height:60%;
    background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,1)));
    background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
    background: -o-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
    background: -ms-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
    background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );
}
.cat-header[data-placeholder="icon-eat"] {background-image:url(../img/yp-groups/yp-group-eat-cover.jpg)}
.cat-header[data-placeholder="icon-sleep"] {background-image:url(../img/yp-groups/yp-group-sleep-big.jpg)}
.cat-header[data-placeholder="icon-fun"] {background-image:url(../img/yp-groups/yp-group-music-big.jpg)}
.cat-header[data-placeholder="icon-auto"] {background-image:url(../img/yp-groups/yp-group-auto-big.jpg)}
.cat-header[data-placeholder="icon-eur"] {background-image:url(../img/yp-groups/yp-group-eur-big.jpg)}
.cat-header[data-placeholder="icon-beauty"] {background-image:url(../img/yp-groups/yp-group-beauty-cover.jpg)}
.cat-header[data-placeholder="icon-municipal"] {background-image:url(../img/yp-groups/yp-group-repair-big.jpg)}
.cat-header[data-placeholder="icon-paint"] {background-image:url(../img/yp-groups/yp-group-services-cover.jpg);background-position:50% 40%}
.cat-header[data-placeholder="icon-gov"] {background-image:url(../img/yp-groups/yp-group-gov-big.jpg)}
.cat-header[data-placeholder="icon-shop"] {background-image:url(../img/yp-groups/yp-group-shop-big.jpg)}
.cat-header[data-placeholder="icon-law"] {background-image:url(../img/yp-groups/yp-group-law-cover.jpg)}
.cat-header[data-placeholder="icon-school"] {background-image:url(../img/yp-groups/yp-group-school-cover.jpg);background-position:50% 65%}
.cat-header[data-placeholder="icon-taxi"] {background-image:url(../img/yp-groups/yp-group-taxi-big.jpg)}
.cat-header[data-placeholder="icon-other"] {background-image:url(../img/yp-groups/yp-group-1188-cover.jpg);background-position:50% 90%}
.cat-title {position:relative;max-width:420px;margin:75px auto 100px;z-index:10;color:#34495e;font-weight:500;font-size:32px;line-height:40px}
.cat-title [data-icon]:before {display:block;width:100px;height:100px;margin:25px auto;padding:20px;font-size:50px;line-height:60px;color:#34495e;background:#fff;background:rgba(255,255,255,.9);border-radius:50%}
.cat-title [data-icon="icon-auto"]:before {font-size:64px;background-color:#f8a880;color:#fff}
.cat-title [data-icon="icon-eat"]:before {font-size:60px}
.cat-title [data-icon="icon-municipal"]:before {font-size:44px}
.cat-title [data-icon="icon-sleep"]:before {font-size:44px}
.cat-title [data-icon="icon-gov"]:before {line-height:54px}
.cat-title [data-icon="icon-paint"]:before {line-height:54px}
.cat-title [data-icon="icon-taxi"]:before {line-height:57px}
.cat-title [data-icon="icon-school"]:before {font-size:60px;line-height:68px;background-color:#4db6ac;color:#fff}
.cat-header .breadcrumb {position:relative;z-index:10;text-align:left;background:none;margin:15px 0;padding:10px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#fff;line-height:20px}
.cat-header .breadcrumb > li {display:inline}
.cat-header .breadcrumb [data-icon] {position:relative;padding-left:25px}
.cat-header .breadcrumb [data-icon]:before {display:block;font-size:16px;position:absolute;top:1px;left:1px}
.cat-header .breadcrumb a {color:#fff}
.cat-header .breadcrumb > .active {color:rgba(255,255,255,.75)}
.cat-header .breadcrumb > li + li:before {color:#fff}
#category-page .cat-list {margin-top:-75px;padding-bottom:50px;background:#fff;text-align:center}
#category-page .cat-list .list {overflow:hidden;margin:0 0 10px;padding:0;list-style:none;position:relative;z-index:15}
#category-page .cat-list:not(.expanded) .list {max-height:200px !important}
#category-page .cat-list .list li {display:inline-block;padding:5px 3px}
#category-page .cat-list .list a {display:block;padding:10px 15px;border:1px solid #ddd;border-radius:5px;background:rgba(255,255,255,.75);color:#34495e;text-decoration:none !important}
#category-page .cat-list .list .count {margin-left:5px;color:#005c96}
#category-page .cat-list .list a:hover {background:#4d6880;border-color:#4d6880;color:#fff}
#category-page .cat-list .list a:hover .count {color:#fff}
#category-page .cat-list .expand-btn {position:relative;margin-top:-55px;text-align:center;z-index:20;display:none;
    background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%);
    background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,1) 100%);
    background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1affffff', endColorstr='#ffffff',GradientType=0 );
}
#category-page .cat-list .expand-btn .btn {height:30px;line-height:30px;margin:5px 0 20px;border-radius:5px;background:#4d6880;color:#fff}
#category-page .cat-list .expand-btn .btn:hover {background:#34495e}
#category-page .cat-list .expand-btn .btn [data-icon="collapse"] {display:none}
#category-page .cat-list .expand-btn .btn [data-icon]:before {float:right;margin:0 -8px 0 3px;font-size:20px;line-height:28px}
#category-page .cat-list .expand-btn .btn [data-icon="collapse"]:before {line-height:26px}
#category-page .cat-list.expanded .expand-btn {margin-top:0;background:none !important}
#category-page .cat-list.expanded .btn [data-icon="collapse"] {display:block}
#category-page .cat-list.expanded .btn [data-icon="expand"] {display:none}

#category-page {/*background:#fafafa;*/overflow:hidden}
#category-page .content-widget:nth-child(2n) {background:#f4f5f7;box-shadow:25px 0 0 #f4f5f7,-25px 0 0 #f4f5f7;transform:rotate(3deg)}
#category-page .content-widget:nth-child(2n) > .container-fluid {transform:rotate(-3deg)}
#category-page .content-widget#yp-companies {padding-top:50px}
#category-page .content-widget#yp-companies .widget-title {display:none}
#category-page .content-widget#yp-companies > .container-fluid:before {display:none}
#category-page .content-widget#yp-companies .btn.more {display:none}
/* end -------------------- category page styles */

/* begin -------------- responsive styles */
/********** wallpaper class & bigger than 1100px */
@media (min-width:1101px) {
    body.wallpaper #yp-content .category-grid {margin:10px 0 0}
}
/********** smaller than 992px */
@media (max-width:991px) {
    #yp-content .category {width:33.333%}
}
/********** smaller than 768px */
@media (max-width:767px) {
    #yp-content .category {width:50%}
}
/********** smaller than 421px */
@media (max-width:420px) {
    .cat-header:after {height:100%}
    .cat-title {margin:25px auto 100px;font-size:26px;line-height:30px}
    #yp-content .category-grid {margin-bottom:25px}
    #yp-content .category {float:none;width:100%}
}
/* end -------------- responsive styles */