@charset "utf-8";
/* CSS Document */

img { /* for responsible images */
  width: inherit;  /* This makes the next two lines work in IE8. */
  max-width: 100% !important; /* Add !important if needed. */
  height: auto !important;    /* Add !important if needed. */  
}

@media \0screen {img { width: auto }} /* Prevent height distortion in IE8. */

html {
  box-sizing: border-box;
}

*, *:before, *:after {
  box-sizing: inherit;
}

.container {
max-width: 100% !important;
}

#leader .moduletable img, #dyn .moduletable img {
  width: 100%;
}

div#component .moduletable {
margin: 0 .5em 20px;
}

div#header {
margin-top: 20px;
}

#headline {
font-weight: bold;
}

#headline .moduletable {
padding: 0;
}


  /* Forms */
  .form-inline .inputbox, .form-inline input, input.inputbox {
    height: 2em;
    padding-left: 1em;
    }

  .btn, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
    min-height: 2em;
  }




/* Search Module */
#search {
  margin-bottom: .5em;
}

#search .btn {
min-height: 24px;
height: 2em;
line-height: 1em;
padding-left: .5em;
padding-right: .5em;
margin-top: 4px;
}

#search .btn:hover {
}

.element-invisible {
height: 0;
margin: 0;
font-size: 0em;
}

#search .btn {
  width: auto;
  }

#search input {
}

#search form {
margin: 0;
float: right;
}





/* FontAwesome */
    .fta, .ico {
      position: relative;
  }
   
  /*replace the content value with the 
  corresponding value from the list below*/
   
  .fta:before, .ico:before {
      font-family: "FontAwesome";
      font-style: normal;
      font-weight: normal;
      text-decoration: inherit;
      text-rendering:optimizeLegibility;
  /*--adjust as necessary--*/
      font-size: 1.5em;
  padding-right: 0.3em;
      /*position: absolute;
      top: 10px;
      left: 0;*/
      text-shadow: 1px 1px 1px rgba(85,85,85,.5);
  }



/* Social Icons Module */

    #social {
    display: inline-block;
    float: right;
    }

    #social .moduletable {
    float: right;
    line-height: .1em;
    }

    .socialicos {
      font-size: 1.2em;
      }

      .socialicos ul {
      display: inline-block;
      margin: 0;
      /* display: inherit; */
      }

        .socialicos li {
          width: 1.5em;
          overflow: hidden;
          margin: 0;
          padding: 0;
          margin-left: .25em;
          height: 1.4em;
          line-height: 1.5em;
          margin-bottom: 0 !important;
          float: left;
          }


          .socialicos a {
          display: inline-block;
          width: 100%;
          height: 100%;
          line-height: 1.3em;
          }
    #social li {
    display: inline;
    float: left;
    }

    .ico.facebook:before, .facebook.ico:before {
              content: "\f082"; 
    }

    .ico.twitter:before, .twitter.ico:before {
      content: "\f081"; 
    }

    .ico.linkedin:before, .linkedin.ico:before {
      content: "\f08c"; 
    }

        .ico.youtube:before, .youtube.ico:before {
      content: "\f166"; 
    }

      .ico.gplus:before, .gplus.ico:before {
        content: "\f0d4"; 
      }
.ico.insta:before, .insta.ico:before {
        content: "\f16d"; 
      }

    .ico.home:before, .home.ico:before {
    content: "\f015";
    }

div#topbar {
width: 100%;
margin-left: 0;
font-size: 1em;
margin-bottom: 10px;
margin-bottom: 1em;
}

div#topbar .span4 {
width: auto !important;
margin-left: 0;
display: table-cell;
}

#topleft, #topcenter {
padding-right: 1em;
}

div#topbar .moduletable {
padding: 0;
margin: 0;
}

div#topright, #topright .moduletable {
text-align: right;
float: right;
}




/* User menu */
#usermenu {
text-align: center;
}

div#usermenu ul.menu {
display: inline-block;
}

#usermenu li {
line-height: 1em;
}

#usermenu li a {
padding: .5em;
text-align: left;
line-height: 1.2em;
}

/* Logo */

    #homelogo, .hidetext, .element-invisible {
    text-indent: 300%;
    white-space: nowrap;
    overflow: hidden;
    }

    #homelogo a {
    display: block;
    background: url("img/wonderbag-logo-teal-sml.png") no-repeat top center;
    background: url("img/wonderbag-logo-teal.png") no-repeat top center;
    background: url("img/logo-teal.svg") no-repeat top center;
    background-size: 460px 82px;
    background-size: 100% auto;
    background-size: contain;
    }

        .dark #homelogo a {
      background: url("img/wonderbag-logo-white-sml.png") no-repeat top center;
      background: url("img/wonderbag-logo-white.png") no-repeat top center;
      background: url("img/logo-white.svg") no-repeat top center;
      display: block;
      background-size: 460px 82px;
      background-size: 100% auto;
      background-size: contain;
      }

        .black #homelogo a {
      background: url("img/wonderbag-logo-black-sml.png") no-repeat top center;
      background: url("img/wonderbag-logo-black.png") no-repeat top center;
      background: url("img/logo-black.svg") no-repeat top center;
      display: block;
      background-size: 460px 82px;
      background-size: 100% auto;
      background-size: contain;
      }




    #homelogo a {
    width: 100%;
    height: auto;
    min-height: 115px;
    float: left;
    }

        @media (max-width: 767px) {
              #homelogo a {
              min-height: 80px;
            }

              div#left { /*moves left position to bottom - do not remove;*/
              position: relative !important;
              }

        }

    h1#homelogo {
      margin: 0 !important;
      }
    
  
    #homelogo a:hover { /* Hover behavior */
      opacity:.8;
      -moz-opacity: 0.80;
      filter:alpha(opacity=80); /* For IE8 and earlier */
    }


        #sitename {

          }

      @media (max-width: 767px) {
        
        #sitename {

        }

        #social .moduletable {
        position: relative;
        bottom: .8em;
        }
      }

#logo h1 {
margin: 0;
}

#logo {
padding: 0;
margin: 0;
}


/* Main Menu */
  
#navigation {
min-height: 3em;
text-align: left;
}

#main nav {
position: absolute;
z-index: 2000;
}

        div#mainnav ul li {
        float: left;
        }

        div#mainnav ul ul li {
        float: none;
        }

#mainnav .menu > ul.menu {
display: inline-block;
height: 2em;
}

          #mainnav ul ul ul {
              left: 100%;
              top: 0;
          }

          #mainnav ul ul .parent {
              position: relative;
          }
      
       @media screen (min-width: 700px) and (max-width: 779px){
#mainnav ul li a {
font-size: 1em;
}
      }

       @media screen (min-width: 780px) and (max-width: 979px){
#mainnav ul li a {
font-size: 1.2em;
}
      }

       @media screen (min-width: 980px) {
#mainnav ul li a {
font-size: 1.45em;
}
      }



      
      #mainnav ul ul li a, #mainnav ul ul ul li a, #mainnav ul ul ul ul li a { /*sublevels */
        padding:3px;
      }
      
      #mainnav ul ul li a {
      display: block;
      }
      
  
      .no-touch #mainnav ul ul li:hover a {
        padding-bottom:0;
      }
      
      #mainnav ul li:hover > a, #mainnav ul li:focus > a {
      color: #ddd;
      }
    
      #mainnav ul li.current.active ul a{
        border: none;
      }
      

    
        
          /*#mainnav ul ul li.deeper.parent, #mainnav ul ul ul li.deeper.parent {
            height: 40px;
          }
          
          #mainnav ul ul li.deeper.parent a {
          padding-right: 6px;
          }*/
          
          #mainnav ul ul {
          max-width: 100%;
          min-width: 12em;
          box-shadow: 2px 2px 2px rgba(51,51,51,.5);
          font-size: .65rem;
          padding: 0;
          margin: 0;
          position: absolute;

          }

          #mainnav ul ul a {
          padding: 1em;
          }

          #mainnav ul ul {
            display: none;
          }

          #mainnav .deeper.parent:hover > ul {
          display: block;
          }
          
          #mainnav ul ul li/*, #mainnav ul ul ul li, #mainnav ul ul ul ul li*/ {
          margin:0 !important;
          padding:0 !important;
          text-align:left;
          /*font-size: .8em;*/
          min-height: 3em;
          }
          
      
          .no-touch #mainnav .nav-child .nav-child {/* 3rd level horizontals - desktop */
          position: absolute;
          left: 100%;
          top: -1px;
          }
          
          #mainnav .nav-child .nav-child {/* 3rd level horizontals - touch */
          position: absolute;
          left: 100%;
          top: -1px;
          }
          
                          
          #mainnav ul ul li a{
          height: auto;
          min-height: 3em;
          text-indent: .7em;
          padding: .5em;
          }
              
          /*hides sublevels*/
          #mainnav .nav-child { 
          display: none;
          }
          
          /*  shows sublevels with hover - only that specific child  */  
          .no-touch #mainnav li:hover > ul {
          display: inherit;
          position: absolute;
          } 
          
          /*  shows sublevels for touch devices - all children */  
          html:not(.no-touch) #mainnav li:hover ul {
          display: inherit;
          position: absolute;
          }
              
        
    
      /* Overrides Bootstrap styling */
      .nav-pills>.active>a, .nav-pills>.active>a:hover, .nav-pills>.active>a:focus, .nav-pills > .active > a, .nav-pills > .active > a:hover, .nav-pills > .active > a:focus {background: none;}
      .nav>li>a:hover, .nav>li>a:focus, .nav > li > a:hover, .nav > li > a:focus {background: none;}*/
      .nav-pills > li > a, .nav-tabs>li>a, .nav-pills>li>a, .nav-pills>li>a {margin: 0; padding:0;}
      /*.nav-pills > li > a {margin-top: 0;}*/
      .nav-tabs > li > a, .nav-pills > li > a {line-height:1em;}
    }
  
    /* Bottom Menu - based on mainnav */
    
    #bottomnav {
    min-height: 114px;
    margin-bottom: 40px;
    }
    
    #bottomnav .moduletable_menu {
    display: inline-block;
    height: 20px;
    position: relative;
    top: 104px;
    }
    
    #bottomnav #mainnav {
    background: none;
    border: none;
    position: relative;
    }
    
    /*hides sublevels*/
    #bottomnav #mainnav .nav-child { 
      display: none;
      }
      
    #bottomnav li.deeper.parent {
    background: none;
    }
    
    #bottomnav .moduletable_menu  a{
    font-size:.9em;
    color:#FC0;
    }
    

    .no-touch #mobile-nav {
    display: none;
    }
    
    /* Menu Nav List */
    

      
      .nav-list ul li {
      text-indent: 1em;
      }
      
      .nav-list ul ul li {
      text-indent: 2em;
      }
      
      .nav-list ul ul ul li {
      text-indent: 3em;
      }
    
  
  
   #navigation > a {
      display:none; /*defaul state of start link - not showing*/

        }
  
 

      
    .nav a:hover {
      -webkit-transition: all .3s ease-out;
         -moz-transition: all .3s ease-out;
          -ms-transition: all .3s ease-out;
           -o-transition: all .3s ease-out;
              transition: all .3s ease-out;
        }*/


    li:hover > .nav-child {
display: inline-block;
}


#mainnav {
position: relative;
z-index: 1000;
}

#mainnav a {
line-height: 1.4em;
border-radius: 0;
padding: .75em;
}

  #mainnav .moduletable_menu {
  display: block;
  padding: 0 1em 0 1em;
  }

  #mainnav a.hide {
  display: none;
  }


  .innerbody ul.menu li.deeper.parent > a:after, #maximenuck li.level1 > a:after {
  font-family: "FontAwesome";
  content: "\f0d7";
  padding-left: 0.3em;
  }

  #mainnav ul ul .deeper.parent > a:after {
  content: "\f0da";
  }


@media (max-width: 769px) {
  

  #mainnav a {
  padding: .5em;
  }

    div#topleft {
  float: right;
  }

}




@media (max-width: 580px) {

  #navigation {
  text-align: left;
  }

  #mainnav a {
  border-right: 1px solid #111;
  padding: .5em .3em;
  }

}

.moduletable_menu {
display: inline-block;
}

.outernav {
position: relative;
z-index: 1100;
}

/* Leader module position */


  /* Dynamic Module Position */
    #dyn {
  font-size: .8em;
  }

  #dyn_columns {
  margin-top: 2em;
  }

  #dyn .moduletable {
  padding: 0;
  }

  #dyn .moduletable > h3 {
  margin-top: 0;
  }

  .notitle .moduletable > h3 {
  display: none;
  }



.outerfooter {
padding-bottom: 3em;
}
  
.outerbanner { 
position: relative;
z-index: 2;
}

#photoframe {position:relative;
z-index: 100;
display: block;
padding-right: 0 !important;
}


#photoframe .moduletable {
padding:0;
overflow: hidden;
display: block;
}

div#intro {
padding-left: 0 !important;
background: transparent;
}

/* Hidding Module Titles */
.moduletable_menu h3,
#breadcrumbs .moduletable h3,
#x-breadcrumbs .moduletable h3,
#tagline .moduletable h3,
#leader .moduletable h3,
#leadertext .moduletable h3
#header .moduletable  h3
{
display: none;
}

#breadcrumbs .moduletable, #x-breadcrumbs .moduletable {
padding:0;
}

ul.breadcrumb {
border-radius: 0;
padding: 1em;
}

.breadcrumb > li+li:before {
content: "" !important;
padding: 0 !important;
}

#breadcrumbs .breadcrumb > li+li:before {
font-family: "FontAwesome";
font-size: 1.2em;
content: "\f105" !important;
padding: 0 .5em !important;
}

.breadcrumb .divider {
display: none;
}

  #x-breadcrumbs ul {
  background: none;
  }

  #x-breadcrumbs .divider {
  display: none;
  }

  #x-breadcrumbs li {
  margin-right: 1em;
  }

  #x-breadcrumbs a {
  font-weight: normal;
  }

  #x-breadcrumbs ul {
  padding: 0;
  }

  #x-breadcrumbs .pathway:after {
  font-family: "FontAwesome";
  content: "\f101";
  padding-left: .5em;
  }





  .pager.pagenav a {
  border-radius: .5em;
  }


#slideshow {
position: relative;
z-index: auto;
}

.page-header {
margin: 1.62em 0 1.62em 0;
padding: 0;
}

.page-header:first-child {
margin-top: 0;
}

.blog>.page-header {
margin-top: 0;
}

#blog .page-header h2 {
background: none;
}

.page-header h1, .page-header h2 {
font-size: 2.3em;
padding-top: .45em;
margin-bottom: 0;
}

.breadcrumb {
background: none;
margin-left: 0;
padding: 0;
font-size: .9em;
}

 }

#main_content {
padding-bottom: 1.62em;
}

#contentmiddle {
margin-bottom: 2em;
}

#topwide .moduletable, #contentbottom .moduletable, #contenttop .moduletable{
  margin-top: .81em;
  margin-bottom: 2em;
}

#contenttop .moduletable{
  margin-top: 0;
}

.moduletable {
  padding: 1em 20px;
}

.innerbody .moduletable.menu {
padding: 0;
}


#bottomwide {
margin-bottom: 20px;
}



#footer.row {
margin-bottom: 20px;
min-height: 5em;
}

#footer .moduletable {
padding: 1em 0 1em 0;
}

  @media (min-width: 768px) {
    #footer .row > div:first-child {
    padding-left: 2em;
    }

    #footer .row > div:last-child {
    padding-right: 2em;
    }
  }

  @media (max-width: 767px) {
    #footer .row  {
    padding: 1em 2em;
    }

    blockquote, .quote {
      padding: 0 2em !important;
    }

    #intro {
    padding: 1em;
    }
  }

#footer .moduletable > h3 {
font-size: 1.5em;
}
 
#footer div.custom {
padding-top: 0px !important;
}
 
 #footerbottom {
text-align: right;
margin-top: 1em;
}

  #footer-assim .moduletable > h3 {
padding: .3em;
margin-top: 0;
margin-bottom: .5em;
}

#footer-small {
font-size: .85em;
}

#footer-small p {
margin: 0 0 .3em;
}



  #footer .nav > li > a {
  padding: .3em;
  margin-bottom: .7em;
  font-size: 1.2em;
  margin-top: 2em;
  }

  #footer .nav a {
  padding: .3em;
  }

  #footer .nav > li {
  display: inline-block;
  float: left;
  padding-right: 2em;
  }

  #footer .deeper.parent {
  width: auto;
  float: left;
  }

  #footer .nav-child {
  max-width: 11em;
  max-width: 11rem;
  }

  #footer .moduletable.menu {
  margin-top: -2em;
  }

  #footer .nav ul ul {
  padding-left: 1em;
  }
   
  #footer .nav li a:hover {
  background: #efefef;
  }
  
  #footer-assim {
  padding-top: 1em;
  }

#cright, #bottomnav, #copyright {
  text-align:center;
}

#footerbottom .moduletable {
padding: 0;
}

#autocpright {
font-size: .9em;
text-align: right;
padding: 1em;
font-weight: bold;
padding: 0 2em 1em;
text-align: center;
}

/*Buttons*/
.button.btn {
margin: .3em;
}

.btn-mini {
min-height: 2em;
line-height: 1em;
}

label {
font-size: 1em;
}


#intro .moduletable h3 {
  margin-top: 0;
}

#intro .moduletable {
  padding: 0;
}


#right .moduletable, #left .moduletable {
  padding: 0;
  padding-bottom: 2em;
}

#left .moduletable h3, #right .moduletable h3 {
  margin-top: 0;
}


.right {
text-align: right;
}

.one-col {
column-count: 1 !important;
-webkit-column-count: 1 !important;
}

/*iframe {
width: 100% !important;
height: auto !important;
min-height: 30em;
}*/

.fluid-wrapper {
    position: relative;
    /*padding-bottom: 56.25%; /* use 56.25% for 16:9 */
    min-height: 40em;
    padding-top: 30px;
    overflow: hidden;
}

.fluid-wrapper iframe,
.fluid-wrapper object,
.fluid-wrapper embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
}


@media (min-width: 40em) {
    .rw, .items-row { width: 100%; display: table; table-layout: fixed; }
    .cl, .items-row > .item { display: table-cell; }
    span.row-separator {
  display: none !important;
  }

    .items-row > .item, .rw > div {
  padding: 0 .5em;
  }

      .items-row > .item:first-of-type, .rw > div:first-of-type {
  padding-left:0 !important;
  }

      .items-row > .item:last-of-type, .rw > div:last-of-type {
  padding-right:0 !important;
  }
}




#mainnav {
margin-bottom: 20px;
margin-top: 20px;
}

#mainnav .moduletable {
display: inline-block;
text-align: center;
width: 100%;
}

div#breadcrumbs {
margin-bottom: 1em;
}

.moduletable input {
width: auto;
}

.innerbody ul.menu {
padding: 0;
margin: 0;
}

.innerbody ul.menu li {
list-style-type: none;
line-height: inherit;
}

.innerbody .menu li a {
  display: inline-block;
  padding: .5em; 
  margin: 0;
}

input, textarea, .uneditable-input {
  width: auto;
  max-width: 100%;
}

input[type="radio"] {
margin: 0;
}

.btn a, .button a {
color: #222;
}

.btn:hover a, .button:hover a {
color: #333 !important;
}

#left .moduletable, #right .moduletable {
margin-bottom: 2em;
}


/* Fixes for mobile */

    @media (max-width: 767px) {
        body {
        padding: 0
        }

        .container {
          padding-left: .5em;
          padding-right: .5em;
        }

        div#slideshow > div {
            padding: 1em !important;
        }

        #photoframe .moduletable.over {
            top: 0;
            width: 97%;
        }

    }

.avPlayerWrapper {
overflow: hidden;
}

    /* offcanvas menu */


          /* mmenu */

               .pushy {
              background: #333;
              }

              .pushy a {
                color: cadetblue !important;
              }

                .mm-menu .mm-list > li > a.mm-subopen:after, .mm-menu .mm-list > li > a.mm-subclose:before {
            border-color: rgba(255, 255, 255, 0.7);
            }

            .mm-list > li > a, .mm-list > li > span {
            line-height: 30px;
              }

            .mm-menu .mm-list > li.mm-selected > a:not(.mm-subopen), .mm-menu .mm-list > li.mm-selected > span {
            background: rgba(0, 0, 0, 0.5);
            color: teal !important;
            }

            .mm-menu .mm-list > li:after {
            border-color: rgba(0, 0, 0, 0.55);
            }

            .mm-list > li:not(.mm-subtitle):not(.mm-label):not(.mm-search):not(.mm-noresults):after {
            margin-left: 0;
            }

            .pushy .nav-pills > li {
            float: none !important;
            }




.no-js #opennav:target {
     -webkit-transform: translate3d(0,0,0);
     -moz-transform: translate3d(0,0,0);
     -ms-transform: translate3d(0,0,0);
     -o-transform: translate3d(0,0,0);
     transform: translate3d(0,0,0);
     margin-left: 0;
}

.no-js #opennav:not(:target) {
  margin-left: -100%;
}

.js .offcanvas-trigger a.menu-hide {
  display: none;
}

.no-js .offcanvas-trigger a.menu-hide {
width: 100%;
height: 100%;
display: none;
position: absolute;
z-index: 2000;
cursor: default;
}

  .no-js .pushy {
    width: 250px;
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    z-index: 2900;
    margin-left: -100%;
    padding: 20px;
    padding-top: 60px;
    background: rgba(51,51,51,.9);
    overflow: scroll;
  }


.offcanvas-trigger.visible-phone {
     position: fixed;
     z-index: 3000;
     -webkit-backface-visibility: hidden;
     -webkit-transform: none;
}


.menu-btn {
float: left;
padding: 1em .5em;
border: 1px solid;
border-radius: .3em;
font-weight: bold;
margin: .2em;
position: fixed !important;
top: .5em;
left: .5em;
background: white;
z-index: 3000;
cursor: pointer;
text-align: center;
box-shadow: 3px 3px 0 rgba(0, 139, 139, 0.40);
transform: none;
-webkit-transform: none !important;
-webkit-backface-visibility: hidden;
}

.menu-btn .fa {
margin-right: .5em;
font-size: 1.5em;
float: left;
}


#mainnav ul {
    display: inline-block;
}

div#navigation {
    height: 40px;
    margin: 0;
    display: inline-block;
    text-align: center;
    width: 100%;
    min-height: 40px;
}

#mainnav {
height: 40px;
}

#mainnav a {
    margin-bottom: 0;
}

        .ja-promo-bar, div#ja-promo-bar-119 {
            position: fixed !important;
            z-index: 2800 !important;
        }

        div#theDrawer, #theButton {
        background: olivedrab;
        background: rgba(107, 142, 35, 0.9);
        text-align: center;
        }

        #x-breadcrumbs div div, .panel-control, #toppanelwrap, #toppanel {
          -webkit-transition: all 1s ease-in-out;
             -moz-transition: all 1s ease-in-out;
              -ms-transition: all 1s ease-in-out;
               -o-transition: all 1s ease-in-out;
                  transition: all 1s ease-in-out;
        }


        div#theButton {
        border-radius: 0 0 .5em .5em;
        }



        .vmproduct.productdetails .floatleft {
        min-width: 12em !important;
        }

        .vmproduct.productdetails span.addtocart-button {
        margin-left: 0;
        }

        #fancybox-content h4:before {
        content: "";
        display: table;
        width: 100%;
        table-layout: fixed;
        }

        .no-js #opennav ul ul {
        padding-left: 1.5em;
        }

        /* jpanel */
        .jPanelModule {
            position: inherit;
            z-index: 2800;
        }

        #jPanel_123, .jpanelContent {
            width: 100% !important;
            height: auto !important;
        }


        div#x-breadcrumbs > div {
            height: 0;
            position: absolute;
        }



    div#toppanel {
background: olivedrab;
padding: 0;
text-align: center;
position: fixed !important;
z-index: 2800;
width: 100%;
position: fixed;
}

.pfixed #toppanel {
  position: fixed !important;
top: 0;
right: 0;
left: 0;
}

a.panel-control {
display: inline-block;
  position: absolute;
 left: 50%;
  transform: translate(-50%,0);
background: olivedrab;
padding: .5em;
border-radius: 0 0 .5em .5em;
  font-size: .8em;
}

.phidden .panel-control {
  margin-top: 0 !important;
}

.no-js .panel-control {
  display: none;
}

.pfixed #toppanel {
  opacity: .8;
}

.pfixed #toppanelinner {
  opacity: 1;
}

div#toppanelwrap {
padding: 0 0 9em;
}

div#toppanelwrap.phidden, #toppanelwrap.pfixed {
padding: 0 !important;
}

.phidden .fa-angle-double-up:before {
content: "\f103";
}

i.fa {
  margin-right: .5em;
}

        @media (max-width: 767px) {
        #toppanelinner {
        padding-left: 70px !important;
        text-align: left;
        }

          #toppanelwrap.phidden {
            margin-bottom: 10px;
          }

        }

        @media (max-width: 600px) {
          #toppanelwrap .btn {
            display: block;
          }
        }