/*-----------------------------------------------

/* Responsive

/*---------------------------------------------*/

/*-[ Navigation ]-----------------*/
.secondary-navigation {
    display: block;
    bottom: 0px;
    right: 0px;
    vertical-align: middle;
    clear: left;
}
.secondary-navigation a {
    font-size: 11px;
    color: #2a2a2a;
    text-align: left;
    text-decoration: none;
    line-height: 1.2;
    padding: 10px 20px 10px 20px;
    font-weight: bold;
    text-transform: uppercase;
}
.secondary-navigation li:hover, .secondary-navigation .sfHover { background: #fff }
.secondary-navigation li {
    width: auto;
    display: inline-block;
    float: left;
    height: 52px;
    border-right: 1px solid #E2E2E2;
    border-left: 1px solid #fff;
}
.secondary-navigation li li a { line-height: 1;}
.secondary-navigation a .sub {
    font-size: 12px;
    font-weight: normal;
    color: #7d7d7d;
    text-transform: none;
}
.menu-item-has-children > a:after {
    content: "▼";
    font-size: 10px;
    color: #ADADAD;
    position: absolute;
    right: 12px;
    top: 22px;
}
.sub-menu .menu-item-has-children>a:after {
    right: 0;
    top: 17px;
}
.menu .current-menu-item { background: #fff }
.menu .current-menu-item > a:after {
    content: "";
    position: absolute;
    max-width: 100%;
    height: 1px;
    background: #fff;
    bottom: 0px;
    left: 0;
    z-index: 1;
}
#navigation {
    margin: 0 auto;
    font-size: 13px;
    float: left;
}
#navigation ul { margin: 0 auto }
#navigation ul li {
    float: left;
    margin-left: 0;
    width: auto;
    position: relative;
}
#navigation > ul li:first-child { 
    border-left: 1px solid #E2E2E2 
}
#navigation ul .header-search { 
    float: right 
}
.navigation .alignright, .navigation .alignleft { 
    margin-bottom: 15px 
}
#navigation > ul > .current a {
    background: transparent;
    color: #5a5a5a !important;
}
#navigation li:hover ul, #navigation li li:hover ul, #navigation li li li:hover ul, #navigation li li li li:hover ul {
    opacity: 1;
    left: -228px;
    top: 0;
}
#navigation ul ul {
    position: absolute;
    width: 226px;
    z-index: 400;
    font-size: 12px;
    color: #798189;
    border: 1px solid #E2E2E2;
    background: #FFFFFF;
    padding: 0;
}
#navigation ul ul li {
    margin-left: 0;
    padding: 0 10%;
    width: 80%;
    color: #232323;
}
#navigation ul ul li:hover { background: #F5F5F5 }
#navigation ul ul a, #navigation ul ul a:link, #navigation ul ul a:visited {
    padding: 12px 0;
    position: relative;
    border-left: 0;
    background: transparent;
    border-right: 0;
    text-transform: none;
    line-height: 1.4;
    margin-right: 0;
    min-height: 100%;
}
#navigation ul ul li:last-child a { border-bottom: none }
#navigation ul ul {
    opacity: 0;
    left: -999em;
}
#navigation ul li:hover ul {
    left: -1px;
    opacity: 1;
    top: 81px;
}
#navigation ul ul li:hover ul {
    top: -1px;
    left: -228px;
    padding-top: 0;
}
#navigation ul ul ul:after { border-color: transparent }
.sub-menu {
    top: 22px;
    background: #222;
}
.clearfix:before, .clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after { clear: both }
.clearfix { *zoom: 1     }
nav a#pull { display: none }
#header-search { display: none}


/* Nav Bar Social Links */

#social-nav {
  float: right;
  width: auto;
}
#social-nav ul {
  float: right;
  width: auto;
 /* -moz-box-shadow: inset 0 1px 0 #fff;
  -webkit-box-shadow: inset 0 1px 0 #fff;
  box-shadow: inset 0 1px 0 #fff, -1px 0 0 #fff;*/
  position: relative;
  border-left: 1px solid #E2E2E2;
}
/*#social-nav ul:before {
  content: '';
  position: absolute;
  bottom: 0; left: 0;
  background: url(../images/social-left-shadow.png) no-repeat;
  width: 6px;
  height: 60px;
  pointer-events: none;
}*/
#social-nav ul li {
  list-style: none;
  border-bottom: 1px solid #e2e2e2;
}
#social-nav .twitter .et-social-normal {
  background: url(../images/twitter.png) no-repeat 4px 19px;
  top: 0px;
}
#social-nav .twitter .et-social-hover {
  background: url(../images/twitter-hover.png) no-repeat 4px 19px;
}
#social-nav .twitter a:hover {
  background: #00ccff;
}
#social-nav .facebook .et-social-normal {
  background: url(../images/facebook.png) no-repeat 10px 17px;
}
#social-nav .facebook .et-social-hover {
  background: url(../images/facebook-hover.png) no-repeat 10px 17px;
}
#social-nav .facebook a:hover {
  background: #3f8eee;
}
/*#social-nav .rss .et-social-normal {
  background: url(../images/rss.png) no-repeat 21px 22px;
}
#social-nav .rss .et-social-hover {
  background: url(../images/rss-hover.png) no-repeat 21px 22px;
}
#social-nav .rss a:hover {
  background: #ff9110;
}
#social-nav .google .et-social-normal {
  background: url(../images/google.png) no-repeat 19px 22px;
}
#social-nav .google .et-social-hover {
  background: url(../images/google-hover.png) no-repeat 19px 22px;
}
#social-nav .google a:hover {
  background: #e84e18;
}*/
#social-nav a, #social-nav span {
  display: block;
  text-indent: -9999px;
  width: 30px;
  height: 41px;
  position: relative;

}
#social-nav a {
  overflow: hidden;
  transition: all .5s;
  padding: 0 20px 11px 20px;
}
.social-icons:hover li:hover .et-social-normal {
  opacity:0;
}
.social-icons:hover li:hover .et-social-hover {
  top:-41px;
  z-index: 1;
}
@media screen and (min-width: 1019px) {
    #social-nav ul li:last-child {
        border-right:0;
    }
    #navigation #menu-item-510 a {
        width: 82px;
    }
    #navigation #menu-item-509 a {
        width: 83px;
    }
    #navigation ul li a, #navigation ul li a:link, #navigation ul li a:visited {
        display: table-caption;
        width: auto;
    }
}/*/mediaquery*/
/* Max Width 1018px */
@media screen and (max-width:1018px) {
    #social-nav, #social-nav ul {
        width:100%;
    }
    #social-nav ul {
        display: table;
        border-left: 0;
    }
    #social-nav > ul > li {
        display: table-cell;
        vertical-align: middle;
        float: none;

    }
    #social-nav > ul > li:first-child {
        width:100%;
        border-left: 0;
        padding-right: 10px;
    }
    #social-nav > ul > li:first-child:hover {
        width:100%;
        background: #F5F5F5;
    }
    #social-nav ul li {
        border-right: 1px solid #E2E2E2;
        border-left: 1px solid #fff;
    }
    #header-search {
        float: initial;
    }
    #navigation .menu i { 
        display: none 
    }
    .secondary-navigation {
        width: 40%;
        margin-bottom: 20px;
        margin-top: 20px;
        margin-right: 2.2%;
        position: absolute;
        right: 0;
        z-index: 1;
        background: transparent;
    }
    #navigation { 
        width: 100%; 
        position:absolute;
        background: #1D2933;
        top:-43px;
        z-index:2;
    }
    .secondary-navigation, #navigation {
        border: none;
        margin-bottom: 0;
    }
    .secondary-navigation li, #navigation > ul li:first-child {
        border:0px;
        height:auto;

    }   
    .menu ul [class^="icon-"]:before, .menu ul [class*=" icon-"]:before { 
        left: 18px 
    }
    .menu [class^="icon-"] > a, .menu [class*=" icon-"] > a { 
        padding-left: 2%!important 
    }
    #navigation .menu a {
        color: #fff!important;
        padding-left: 0!important;
        width: 100%;
        text-indent: 3%;
        font-weight: normal;
        font-size: 14px;
        border-left: 0;
        border: 0!important;
        display: inline-block;
        vertical-align: middle;
    }
    #navigation ul {
        float: none;
        background: #283744;
        top:0;
        width: 100%;
        display: none;
        height: auto;
        padding: 0;
        clear:both;
    }
    #navigation .sub-menu:after, #navigation .sub-menu:before { 
        border-bottom-color: rgba(0, 0, 0, 0) 
    }
    #navigation ul ul {
        display: block!important;
        visibility: visible!important;
        opacity: 1!important;
        position: relative;
        left: 0;
        border: 0;
        width: 100%;
        top: 0;
        outline: 0;
        background: transparent;
    }
    #navigation ul li li {
        background: transparent;
        border: 0;
        text-indent: 3%;
    }
    nav { 
        height: auto 
    }
    #navigation ul li, #navigation ul li li, #navigation ul ul li:first-child, #navigation ul ul li:last-child {
        width: 100%;
        float: left;
        position: relative;
        margin-left: 0;
        padding: 0;
        border-bottom: 0;
        border-top: 0;
        background: #283744;
        z-index: 11;
    }
    #navigation ul li:after { 
        background: transparent 
    }
    #navigation ul li:before { 
        display: none; 
    }
    #navigation li a {
        width: 100%;
        color: #fff;
        padding: 8px 0;
        border-left: 0;
        border: 0;
        position: relative;
    }
    #navigation a {
        text-align: left;
        width: 100%;
        text-indent: 3%;
        font-size: 14px;
        font-weight: normal;
        background: transparent;
        min-height: 100%;
    }
    nav a#pull {
        display: block;
        width: 100%;
        position: relative;
        color: #fff;
        padding: 10px 0;
        text-indent: 3%;
        overflow: hidden;
        max-width: 100%;
        border: 0;
    }
    nav a#pull:after {
        content: "";
        background: url(images/nav-icon.png) no-repeat;
        width: 30px;
        height: 30px;
        display: inline-block;
        position: absolute;
        right: 3%;
        top: 8px;
    }
    .secondary-navigation #navigation ul li:hover {
        box-sizing:border-box;
        -moz-box-sizing:border-box;
        -webkit-box-sizing:border-box;
        background: #1D2933;
        border-top: 0;
        border-bottom: 0;
        border-left: 3px solid #fff;
        width: 100%;
    }
    #navigation #menu-menu-1 .current-menu-item a {
        color: #38b7ee !important;
    }
    #navigation #menu-menu-1 .current-menu-item {
        color: #38b7ee !important;
        box-sizing:border-box;
        -moz-box-sizing:border-box;
        -webkit-box-sizing:border-box;
        background: #1D2933;
        border-top: 0;
        border-bottom: 0;
        border-left: 3px solid #fff;
        width: 100%;
    }
    #navigation li ul, #navigation li li ul, #navigation li li li ul, #navigation li li li li ul, #navigation li:hover ul, #navigation li li:hover ul, #navigation li li li:hover ul, #navigation li li li li:hover ul {
        left: 0;
        padding-top: 0;
    }
    #navigation ul li:hover ul,#navigation ul ul li:hover ul {
        visibility: visible;
        left: 0;
        top: 0;
    }
    .secondary-navigation a .sub, .menu-item-has-children > a:after { 
        display: none 
    }
    #navigation #menu-item-510 a {
        width: 100%;
    }
    #navigation #menu-item-509 a {
        width: 100%;
    }
}/*/mediaquery*/
/* Max Width 865px */
@media screen and (max-width:865px) {
    .secondary-navigation, #navigation {
        position: relative;
    }
    #navigation {
        top: 0px;
        width: 100%;
        margin-bottom: 5px;
    }
    .secondary-navigation {
        width: 97.8%;
        margin-left:auto;
        margin-right:auto;
    }
}/*/mediaquery*/
/* Max Width 720px */
@media screen and (max-width:720px) {
    .secondary-navigation a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .main-container{ 
        width:100%;
    }
    #header {
        width: 100%;
        padding: 0 2%;
    }
}/*/mediaquery*/
/* Max Width 481px */
@media screen and (max-width:481px) {
    #navigation {
        margin-top: 0;
        margin-bottom: 0;
    }
/*    .secondary-navigation { width: 100% }*/
    .foot-logo { margin-top: 10px }
}/*/mediaquery*/

/* Footer Navigation */

.footer-navigation .menu-item-has-children > a:after { display: none; }
.footer-navigation {
    float: right;
    margin: 10px 0;
}
.footer-navigation ul li { float: left }
.footer-navigation ul ul { display: none }
.footer-navigation a {
    color: #9b9b9b;
    text-transform: uppercase;
    padding: 0 0 0 25px;
}
.footer-navigation ul li:first-child a { padding-left: 0 }
.footer-navigation .menu .current-menu-item {background: inherit;}
.footer-navigation .menu .current-menu-item > a { background: transparent }
@media screen and (max-width: 720px){
    .footer-navigation {
        width: 100%;
        text-align: center;
        margin: 0;
    }
    .footer-navigation ul li { display: inline-block; float: none; }
    #copyright-note { text-align: center }
    .foot-logo, .copyright-left-text, .copyright-text {
        float: none;
        margin: 0;
        padding: 0;
        position: relative;
        z-index: 1000;
    }
}/*/mediaquery*/