/* first */
.rtop-bar {
overflow:hidden;
height:45px;
line-height:45px;
position:relative;
background:#fff;
text-transform:lowercase;
}

.rtop-bar ul {
margin-bottom:0;
list-style:none;
}

.rtop-bar .name {
height:45px;
font-size:16px;
margin:0;
}

.rtop-bar .toggle-topbar {
position:absolute;
right:0;
top:0;
}

.rtop-bar .toggle-topbar a {
color:#3D3D3D;
text-transform:uppercase;
font-size:.975em;
font-weight:700;
position:relative;
display:block;
height:45px;
line-height:45px;
padding:0 15px;
}

.rtop-bar .toggle-topbar.menu-icon {
left:0;
top:50%;
margin-top:-15px;
}

.rtop-bar .toggle-topbar.menu-icon a {
text-indent:24px;
height:34px;
line-height:33px;
color:#3D3D3D;
max-width:200px;
padding:0;
}

.rtop-bar .toggle-topbar.menu-icon a span.more.icon {
position:absolute;
left:0;
}

.rtop-bar .toggle-topbar.menu-icon a span.more.icon:after {
content:"";
display:block;
width:16px;
}

.rtop-bar .toggle-topbar.menu-icon a:hover>span.more.icon:after {
-webkit-box-shadow:0 10px 0 2px #3D3D3D,0 16px 0 2px #3D3D3D,0 22px 0 2px #3D3D3D;
-moz-shadow:0 10px 0 2px #3D3D3D,0 16px 0 2px #3D3D3D,0 22px 0 2px #3D3D3D;
box-shadow:0 10px 0 2px #3D3D3D,0 16px 0 2px #3D3D3D,0 22px 0 2px #3D3D3D;
}

.rtop-bar.expanded {
height:auto;
background:0 0;
margin-bottom:18px;
}

.rtop-bar.expanded .title-area {
background:#fff;
}

.rtop-bar.expanded .toggle-topbar.menu-icon a {
color:#3D3D3D;
text-indent:0;
}

.rtop-bar-section {
left:0;
position:relative;
width:auto;
-webkit-transition:left 300ms ease-out;
-moz-transition:left 300ms ease-out;
transition:left 300ms ease-out;
}

.rtop-bar-section ul {
width:100%;
height:auto;
display:block;
background:#fff;
font-size:1em;
margin:0;
}

.rtop-bar-section .divider,.rtop-bar-section [role=separator] {
border-bottom:1px solid #fff;
clear:both;
height:1px;
width:100%;
}

.rtop-bar-section ul li>a {
display:block;
width:100%;
color:#3D3D3D;
font-size:.8125em;
font-weight:400;
background:#F5F5F5;
padding:12px 0 12px 15px;
}

.rtop-bar-section ul li>a:hover {
background:#3D3D3D;
color:#fff;
text-decoration:none;
}

.rtop-bar-section ul li.active>a {
background:#74979e;
}

.rtop-bar-section .has-dropdown>a:after {
content:"";
display:block;
width:0;
height:0;
border:inset 5px;
border-left-style:solid;
margin-right:15px;
margin-top:-4.5px;
position:absolute;
top:22px;
right:0;
border-color:transparent transparent transparent rgba(188,214,49,1);
}

.rtop-bar-section .has-dropdown>a:hover:after {
content:"";
display:block;
width:0;
height:0;
border:inset 5px;
border-left-style:solid;
margin-right:15px;
margin-top:-4.5px;
position:absolute;
top:22px;
right:0;
border-color:transparent transparent transparent rgba(255,255,255,1);
}

.rtop-bar-section .has-dropdown.moved {
position:static;
}

.rtop-bar-section .has-dropdown.moved>.dropdown {
visibility:visible;
}

.rtop-bar-section .dropdown {
position:absolute;
left:100%;
top:0;
visibility:hidden;
z-index:99;
}

.rtop-bar-section .dropdown li a {
font-weight:400;
line-height:45px;
height:45px;
padding:0 15px;
}

.rtop-bar-section .dropdown li.title h5 a {
color:#3D3D3D;
line-height:45px;
display:block;
}

.rtop-bar-js-breakpoint {
width:769px!important;
visibility:hidden;
}

.inline-list {
list-style:none;
overflow:hidden;
margin:0 0 1.0625em -1.375em;
padding:0;
} 

.inline-list>li {
list-style:none;
float:left;
margin-left:1.375em;
display:block;
}


/* second */
.rtop-bar {
height:55px;
line-height:55px;
background:#fff;
zoom:1;
overflow:visible;
}

.rtop-bar:before,.rtop-bar:after {
content:" ";
display:table;
}

.rtop-bar:after {
clear:both;
}

.rtop-bar .title-area {
float:left;
}

.rtop-bar .name h1 a {
width:auto;
}

.rtop-bar input,.rtop-bar .button {
line-height:2em;
font-size:.875em;
height:2em;
position:relative;
top:8px;
padding:0 10px;
}

.rtop-bar.expanded {
background:#fff;
}

.contain-to-grid .rtop-bar {
max-width:62.5em;
margin:0 auto;
}

.rtop-bar-section {
-webkit-transition:none 0 0;
-moz-transition:none 0 0;
transition:none 0 0;
left:0!important;
margin-bottom:8px;
}

.rtop-bar-section ul {
width:auto;
height:auto!important;
display:inline;
}

.rtop-bar-section ul li {
float:left;
margin:10px 10px 5px 0;
padding:0 4px 0 0;
}

.rtop-bar-section li a:not(.button) {
line-height:37px;
background:#fff;
border-bottom:3px solid #fff;
padding:0 6px;
}

.rtop-bar-section li a:not(.button):hover {
background-color:#fff;
border-bottom:3px solid #74979e;
text-decoration:none;
color:#2E2E2E;
}

.rtop-bar-section .has-dropdown {
margin:10px 18px 0 -14px;
}

.rtop-bar-section .has-dropdown:hover {
background-color:#fff;
-webkit-box-shadow:3px 3px 6px rgba(0,0,0,.08);
-moz-box-shadow:3px 3px 6px rgba(0,0,0,.08);
box-shadow:3px 3px 6px rgba(0,0,0,.08);
-moz-border-radius:2px 2px 0 0;
-webkit-border-radius:2px 2px 0 0;
border-radius:2px 2px 0 0;
border-top:1px solid #F1F1F1;
border-left:1px solid #F1F1F1;
margin:9px 18px 0 -15px;
}

.rtop-bar-section .has-dropdown>a:after {
content:"";
display:block;
width:0;
height:0;
border:inset 5px;
border-top-style:solid;
margin-top:-5px;
border-color:rgba(188,214,49,1)transparent transparent transparent;
}

.rtop-bar-section .has-dropdown>a {
padding-right:24px!important;
}

.rtop-bar-section .has-dropdown>a:hover:after,.rtop-bar-section :hover>a.dropdownind:after {
content:"";
display:block;
width:0;
height:0;
border:inset 5px;
border-top-style:solid;
margin-top:-5px;
border-color:#666 transparent transparent;
}

.rtop-bar-section .has-dropdown>.dropdown {
visibility:hidden;
opacity:0;
-webkit-transition:visibility 0 ease-out 300ms 300ms ease-out;
-moz-transition:visibility 0 ease-out 300ms 300ms ease-out;
transition:visibility 0 ease-out 300ms 300ms ease-out;
}

.rtop-bar-section .has-dropdown.moved {
position:relative;
}

.rtop-bar-section .has-dropdown.moved>.dropdown {
visibility:hidden;
}

.rtop-bar-section .has-dropdown:hover>.dropdown,.rtop-bar-section .has-dropdown:active>.dropdown {
visibility:visible;
opacity:1;
transition-delay:0;
}

.rtop-bar-section .has-dropdown .dropdown li.has-dropdown>a:after {
border:none;
content:"\00bb";
margin-top:-15px;
right:5px;
}

.rtop-bar-section .dropdown {
left:-1px;
top:auto;
background-color:#fff;
-webkit-box-shadow:3px 3px 6px rgba(0,0,0,.08);
-moz-box-shadow:3px 3px 6px rgba(0,0,0,.08);
box-shadow:3px 3px 6px rgba(0,0,0,.08);
-moz-border-radius:0 2px 2px;
-webkit-border-radius:0 2px 2px 2px;
border-radius:0 2px 2px 2px;
border-left:1px solid #F1F1F1;
min-width:180px;
padding-bottom:14px;
}

.rtop-bar-section .dropdown li {
margin:0;
padding:0 14px;
}

.rtop-bar-section .dropdown li a {
line-height:40px;
white-space:nowrap;
color:#3D3D3D;
border-bottom:1px dashed #C6C6C6;
padding:0 24px 0 0;
}

.rtop-bar-section .dropdown li a:hover {
color:#2E2E2E;
}

.rtop-bar-section .dropdown li label {
white-space:nowrap;
background:#1e1e1e;
}

.rtop-bar-section .dropdown li .dropdown {
left:100%;
top:0;
}

.rtop-bar-section .has-form {
background:#fff;
height:45px;
padding:0 15px;
}

.rtop-bar-section ul.right li .dropdown {
left:auto;
right:0;
}

.rtop-bar-section ul.right li .dropdown li .dropdown {
right:100%;
}

.rtop-bar .rtoggle-topbar,.rtop-bar-section ul li .js-generated,.rtop-bar-section>ul>.divider,.rtop-bar-section>ul>[role=separator],.width768 {
display:none;
}

.upper-pagination {
top:auto;
bottom:-22px;
}

.upper-pagination-shadow {
-webkit-box-shadow:0 8px 6px -4px rgba(0,0,0,.1);
-moz-box-shadow:0 8px 6px -4px rgba(0,0,0,.1);
box-shadow:0 8px 6px -4px rgba(0,0,0,.1);
border-left:1px solid #F1F1F1;
border-right:1px solid #F1F1F1;
}

.top-shadow {
padding-top:30px;
}

/* my config */
.rtop-bar{text-transform: uppercase; background-color: #3D3D3D; color: #C6C6C6;}

.rtop-bar .toggle-topbar.menu-icon a{text-transform: uppercase; background-color: #3D3D3D; color: #C6C6C6;}
 
.rtop-bar-section ul li> a{font-size: 1.0125em; font-weight: 600;} 
.wide .row {max-width: 80em;}

.rtop-bar-section li a:not(.button) { border-bottom-color: #3D3D3D; background-color: #3D3D3D; color: #c6c6c6; }

.rtop-bar-section li a:not(.button):hover {
    border-bottom-color: #529ECC; background-color: #3D3D3D; color: #529ECC; }

.rtop-bar.expanded .title-area{
    background: #3D3D3D; color: #C6C6C6;}
    
.rtop-bar.expanded .toggle-topbar.menu-icon a{
    background: #3D3D3D; color: #C6C6C6;}