﻿:root{--primary-color:#252525;--primary-hover-color:#81d8d0;--secondary-color:#ffffff;--secondary-light-color:#757575;--background-color:#f1f3f6;--border-color:#e2e2e2 --toplink-color: #fff}
.list-unstyled{padding-left:0;list-style:none}
.dropdown{position:relative}
.dropdown-toggle:focus{outline:0}
.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:160px;padding:5px 0;margin:2px 0 0;font-size:14px;text-align:left;list-style:none;background-color:#fff;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid #ccc;border:1px solid rgba(0,0,0,.15);border-radius:4px;-webkit-box-shadow:0 6px 12px rgba(0,0,0,.175);box-shadow:0 6px 12px rgba(0,0,0,.175)}
.nav{padding-left:0;margin-bottom:0;list-style:none}
.nav>li{position:relative;display:block}
.nav>li>a{position:relative;display:block;padding:10px 15px}
.nav>li>a:focus,.nav>li>a:hover{text-decoration:none;background-color:#eee}
.navbar-collapse{padding-right:15px;padding-left:15px;overflow-x:visible;-webkit-overflow-scrolling:touch;border-top:1px solid transparent;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.1)}
@media (min-width:768px){.navbar-collapse{width:auto;border-top:0;-webkit-box-shadow:none;box-shadow:none}
}
.navbar-nav{margin:7.5px -15px}
.navbar-nav>li>a{padding-top:10px;padding-bottom:10px;line-height:20px}
@media (min-width:768px){.navbar-nav{float:left;margin:0}
.navbar-nav>li{float:left}
.navbar-nav>li>a{padding-top:15px;padding-bottom:15px}
}
.navbar-nav>li>.dropdown-menu{margin-top:0;border-top-left-radius:0;border-top-right-radius:0}
.nav:after,.nav:before,.navbar-collapse:after,.navbar-collapse:before{display:table;content:" "}
.nav:after,.navbar-collapse:after{clear:both}

.nav>li>a:focus,.nav>li>a:hover{background:0 0;color:var(--primary-hover-color);border:none}
ul.category-list>li{width:100%;color:var(--secondary-light-color)}
.vertical-category-wrapper{padding:0;display:block;background:var(--secondary-color)}
.vertical-category ul li a{color:var(--secondary-light-color);padding:5px 15px;font-size:16px;text-transform:capitalize;position:relative}
.category-list{margin:10px 0;width:100%;padding:0}
#column-left .vertical-category-wrapper{position:relative}
@media (min-width:992px){ul.category-list li .dropdown-menu{display:block;left:100%;right:auto;margin:0;padding:10px 0;position:absolute;top:100%;visibility:hidden;opacity:0;border:none;border-bottom:3px solid var(--primary-hover-color);background:var(--secondary-color);box-shadow:0 0 5px 0 rgba(0,0,0,.1);border-radius:5px;-webkit-transition:all .5s ease 0s;-moz-transition:all .5s ease 0s;-o-transition:all .5s ease 0s;transition:all .5s ease 0s}
ul.category-list li:hover>.dropdown-menu{top:0;visibility:visible;opacity:1}
.category-list .dropdown-inner a{min-width:200px;display:block;clear:both;font-size:14px}
ul.category-list li.dropdown>a:after{content:"\f105";font-family:fontawesome;font-size:16px;position:absolute;right:0;top:0;bottom:0;display:flex;padding:15px;align-items:center;color:var(--secondary-light-color)}
ul.category-list li.dropdown:hover>a:after{color:var(--primary-color)}
.category-list .single-dropdown .dropdown-inner .dropdown li:first-child a{border-top:none}
.vertical-category>ul>li>a{padding:10px 35px 9px 17px;border-left:3px solid transparent}
.vertical-category>ul>li:hover>a{color:var(--primary-color);background:#f7f7f7;border-left:3px solid var(--primary-hover-color)}
}
@media (min-width:1751px){.vertical-category>ul>li>a{padding:15px 35px 15px 17px}
}
@media (max-width:1440px){.vertical-category>ul>li>a{padding:9px 30px 8px 10px}
ul.category-list li.dropdown>a:after{padding:10px}
}
@media (max-width:1199px){.vertical-category>ul>li>a{padding:6px 30px 5px 10px}
}
#column-left>div{margin:30px 0 0;box-shadow:none;border:none;padding:0;background:var(--secondary-color)}
#column-left .page-title{border:none}
#column-left h3{display:block;margin:0;padding:15px 20px;font-size:16px;text-align:left;text-transform:uppercase;position:relative;color:var(--secondary-color);background:var(--primary-hover-color);font-weight:500;line-height:20px;border-radius:0;border:none}
@media only screen and (max-width:991px){#column-left h3{padding:10px 15px}
#column-left>div{margin:20px 0 0}
}

