.nav-container, .move-block {position: relative; }

.nav-container{ float: left; width: 310px; background: #66c4d3;}
.nav-container:hover{ background: #42a4b4;}

  .pseudoStickyBlock {display: none !important;}
  .sf-menu,
  .sf-menu-phone {display: none;}
  /* menu icon */
 .sf-menu-block {display: block; position: relative;}
  #menu-icon {
    display: block;
    font-size: 24px;
    color: #fff;
    cursor: pointer;
    text-transform: none;
    font-weight: 500;
    padding:0 0 0 20px;
    line-height: 40px;

  }
  #menu-icon:before {content: "\f0c9"; font-size: 21px; line-height: 42px; float: right; padding:0 25px 0 20px; }
  

  .sf-menu-phone {
    background: #f2f2f2;
    border-top: 0;
    position: absolute;
    z-index: 10;
    width: 100%;
    moz-box-sizing:border-box;
    -moz-box-sizing: border-box; 
    -webkit-box-sizing: border-box; 
    box-sizing: border-box;
  }
  .sf-menu-phone li {  position: relative; border-bottom: solid 1px #c7c8cb;   }
  .sf-menu-phone li.last {border-bottom: 0;}
  .sf-menu-phone li a { display: block; padding: 20px 25px; font-size: 17px; color: #3b3e4f; font-weight: 400;  }
  .sf-menu-phone li a:hover { background: #3b3e4f; color: #fff; }
  .sf-menu-phone li li {font-size: 13px; padding: 0 8px; }
  .sf-menu-phone li li.last {padding-bottom: 10px;}
  .sf-menu-phone li li:first-child {padding-top: 10px;}
  .sf-menu-phone li li:first-child strong {top:10px;}
  .sf-menu-phone li strong {
    position: absolute;
    display: block;
    top: 13px;
    right: 10px;
    width: 36px;
    font-size: 25px; 
    line-height: 36px;
    text-align: center;
    color: #777777;
  }
  .sf-menu-phone > li > strong {top: 13px; right: 10px; font-size: 15px; line-height: 15px;}
  .sf-menu-phone li strong:hover { cursor: pointer; }
  .sf-menu-phone li strong:before {content: "\f101"; color: #66c4d3; font-size: 25px; text-align: center; background: #fff; line-height: 36px; width: 36px;}
  .sf-menu-phone li strong.opened:before { content: "\f103"; }

  /* dropdown */
  .sf-menu-phone ul {  width: auto; margin:10px 0 0 0 ;  display: none;  }
  .sf-menu-phone > li.active > a > span {color: inherit;}
  
  .sf-menu-phone li.active > a,
  .sf-menu-phone li:hover > a { background: #3b3e4f;  color: #fff;}
  .sf-menu-phone li.active > strong:before,
  .sf-menu-phone li:hover > strong:before { background: #66c4d3;  color: #fff;}

  .sf-menu-phone li li.active > a,
  .sf-menu-phone li li a:hover {}


  #menu-icon,
    .sf-menu-phone,
    .sf-menu-block {  display: block;}
    .sf-menu,
  .sf-menu-phone {display: none;}


@media only screen and (max-width: 991px) {
  .nav-container, .move-block {position: relative !important;}
}

@media only screen and (min-width: 1025px) { 
  .sf-menu-phone ul{ position: absolute; left:  102%; top: 0; margin: 0;  background: #f2f2f2; min-width: 300px;} 
  .sf-menu-phone ul li{ padding: 0 !important;}
}



@media only screen and (max-width: 767px) { 
   .sf-menu-block {margin: 0px;}
   .nav-container{ clear: both; float: none; padding: 0;}
}