.fixed{position:fixed;z-index:5}
.nav > li {
    position: static;
    display: block;
}
@font-face {
    font-family: Roboto-Black; /* ָל רנטפעא */
    src: url(../font/Roboto/Roboto-Black.ttf); /* ֿףע ך פאיכף סמ רנטפעמל */
   }
   @font-face {
    font-family: Roboto-BlackItalic; /* ָל רנטפעא */
    src: url(../font/Roboto/Roboto-BlackItalic.ttf); /* ֿףע ך פאיכף סמ רנטפעמל */
   }
   @font-face {
    font-family: Roboto-Bold; /* ָל רנטפעא */
    src: url(../font/Roboto/Roboto-Bold.ttf); /* ֿףע ך פאיכף סמ רנטפעמל */
   }
   @font-face {
    font-family: Roboto-BoldItalic; /* ָל רנטפעא */
    src: url(../font/Roboto/Roboto-BoldItalic.ttf); /* ֿףע ך פאיכף סמ רנטפעמל */
   }
   @font-face {
    font-family: Roboto-Italic; /* ָל רנטפעא */
    src: url(../font/Roboto/Roboto-Italic.ttf); /* ֿףע ך פאיכף סמ רנטפעמל */
   }
   @font-face {
    font-family: Roboto-Light; /* ָל רנטפעא */
    src: url(../font/Roboto/Roboto-Light.ttf); /* ֿףע ך פאיכף סמ רנטפעמל */
   }
   @font-face {
    font-family: Roboto-LightItalic; /* ָל רנטפעא */
    src: url(../font/Roboto/Roboto-LightItalic.ttf); /* ֿףע ך פאיכף סמ רנטפעמל */
   }
   @font-face {
    font-family: Roboto-Medium; /* ָל רנטפעא */
    src: url(../font/Roboto/Roboto-Medium.ttf); /* ֿףע ך פאיכף סמ רנטפעמל */
   }
   @font-face {
    font-family: Roboto-MediumItalic; /* ָל רנטפעא */
    src: url(../font/Roboto/Roboto-MediumItalic.ttf); /* ֿףע ך פאיכף סמ רנטפעמל */
   }
   @font-face {
    font-family: Roboto-Regular; /* ָל רנטפעא */
    src: url(../font/Roboto/Roboto-Regular.ttf); /* ֿףע ך פאיכף סמ רנטפעמל */
   }
   @font-face {
    font-family: Roboto-Thin; /* ָל רנטפעא */
    src: url(../font/Roboto/Roboto-Thin.ttf); /* ֿףע ך פאיכף סמ רנטפעמל */
   }
   @font-face {
    font-family: Roboto-ThinItalic; /* ָל רנטפעא */
    src: url(../font/Roboto/Roboto-ThinItalic.ttf); /* ֿףע ך פאיכף סמ רנטפעמל */
   }
.content em{
  color:#999;
  padding-left:45px;
  font-family:Roboto-Italic,sans-serif;
  position:relative;
  display:block
}
.content em:before{
 content: '';
    width: 43px;
    height: 3px;
    background-color: #006699;
    /* display: block; */
    top: 45%;
    left: 0px;
    position: absolute;
}
.content b{color:#006699}
   body{
	   font-family:Roboto-Regular,sans-serif;
	  
   }
.content ul{
  padding:0px
}
.content .fa{
  font-size:22px;
  padding:0px 5px;
  float:left;
  color:#336699;
}
.content ul li{
  padding-left:10px;list-style-type:none;margin:7px 0px;position:relative;
}
.content ul li:before{
  content:'';
  width:3px;
  height:100%;
  background:#ffcc66;
  position:absolute;left:0px;top:0px;
}
.left-said-bar{
  background:url(../images/left-bar.png) no-repeat;
  background-size:cover;color:#9999cc;min-height:100vh;
}
.logo{
  padding:50px 20px 20px;
}

.separator +.nav-child.unstyled.small{
      position: absolute;
    left: 100%;
    top: 0px;
    background: #fc6;
    z-index: 10;
    padding:0px;
    min-width: 300px;height:100vh;
}
.separator{cursor:pointer;}
.separator +.nav-child.unstyled.small li{
  list-style-type:none;
}
.separator +.nav-child.unstyled.small li a{
  color:#666633;
  display:block;
  position:relative;
  text-transform:none;
  position:relative;
  font-size:13px;
      font-family: Roboto-Regular,sans-serif;
  padding:5px 20px 5px 20px;
}
.separator +.nav-child.unstyled.small li a:hover{
  text-decoration:none;color:#fff;    background: #99c;
}
.separator +.nav-child.unstyled.small li a:before{
  content: "\f068";color:#fff;
  font: normal normal normal 14px/1 FontAwesome;padding:3px 5px;
}
.separator:hover+ .nav-child.unstyled.small{
  display:block;
}
.deeper.parent:hover .nav-child.unstyled.small{
      position: absolute;
    left: 100%;
    top: 0px;
    background: #fc6;
    z-index: 10;
    padding:0px;
    min-width: 300px;height:100vh;
}
.deeper.parent:hover .nav-child.unstyled.small li{
  list-style-type:none;
}
.deeper.parent:hover .nav-child.unstyled.small li a{
  color:#666633;
  display:block;
  position:relative;
  text-transform:none;
  position:relative;

      font-family: Roboto-Regular,sans-serif;
  padding:5px 20px 5px 20px;
}
.deeper.parent:hover .nav-child.unstyled.small li a:hover{
  text-decoration:none;color:#fff;    background: #99c;
}
/**/
.active.deeper.parent:hover .nav-child.unstyled.small{
      position: relative;
    left: 0%;
    top: 0px;
    background: transparent;
    z-index: 10000;
    padding:0px;
    min-width: 0px;height:auto;
}
.active.deeper.parent:hover .nav-child.unstyled.small li{
  list-style-type:none;
}
.active.deeper.parent:hover .nav-child.unstyled.small li a:before{display:none;}
.active.deeper.parent:hover .nav-child.unstyled.small li a{
  
  
  padding:5px 20px 5px 20px;
      display: block;
    padding: 10px 15px 10px 25px;
    text-transform: uppercase;
    position: relative;
    color: #fff;
    font-family: Roboto-Bold,sans-serif;
}
}
.active.deeper.parent:hover .nav-child.unstyled.small li a:hover{
  text-decoration:none;color:#fff;    background: transparent;
}

/**/
.deeper.parent:hover .nav-child.unstyled.small li a:before{
  content: "\f068";color:#fff;
  font: normal normal normal 14px/1 FontAwesome;padding:3px 5px;
}
.deeper.parent:hover  .nav-child.unstyled.small{
  display:block;
}
.nav.menu >li:last-child{
  border-bottom:1px solid #9999cc;
}
.nav.menu >li{
  border-top:1px solid #9999cc;
}
.nav.menu > li > a,.nav.menu > li > span{
  color:#fff;display:block;
  padding: 10px 15px;text-transform:uppercase;position:relative;
}
.nav.menu > li > a:before,.nav.menu > li > span:before{
  content:'';
  position:absolute;
  top:0px;right:0px;
  height:100%;width:40px;
  background-color:#9999cc;  
  background-repeat:no-repeat;
  background-size:80% 80%;
  background-position:center center;
}
.nav.menu > li.active > a:before,.nav.menu > li.ative > span:before,
.nav.menu > li:hover > a:before,.nav.menu > li:hover > span:before,
.nav.menu > li:focus > a:before,.nav.menu > li:focus > span:before{
   background-color:#ffcc66; box-shadow: inset 0 0 10px rgba(0,0,0,0.5); 
}
.nav.menu > li:first-child > a:before,.nav.menu > li:first-child  > span:before{
  background-image:url(../images/icon/home-b.svg);
}
.nav.menu > li:first-child > a.hover:before,.nav.menu > li:first-child  > span:hover:before,
.nav.menu > li:first-child > a.hover:focus,.nav.menu > li:first-child  > span:focus:before,
.nav.menu > li.active:first-child > a:before,.nav.menu > li.active:first-child  > span:before{
  background-image:url(../images/icon/home-h.svg);
}
li.active .separator +.nav-child.unstyled.small {
    display: none;
    padding: 0px;
}
.nav.menu > li:nth-child(2) > a:before,.nav.menu > li:nth-child(2)  > span:before{
  background-image:url(../images/icon/male-close-up-silhouette-with-tie-b.svg);
}
.nav.menu > li:nth-child(2) > a:hover:before,.nav.menu > li:nth-child(2)  > span:hover:before,
.nav.menu > li:nth-child(2) > a:hover:before,.nav.menu > li:nth-child(2)  > span:focus:before,
.nav.menu > li.active:nth-child(2) > a:before,.nav.menu > li.active:nth-child(2)  > span:before{
  background-image:url(../images/icon/male-close-up-silhouette-with-tie-h.svg);
}
.nav.menu > li:nth-child(3) > a:before,.nav.menu > li:nth-child(3)  > span:before{
  background-image:url(../images/icon/inbox-b.svg);
}
.nav.menu > li:nth-child(3) > a:hover:before,.nav.menu > li:nth-child(3)  > span:hover:before,
.nav.menu > li:nth-child(3) > a:hover:before,.nav.menu > li:nth-child(3)  > span:focus:before,
.nav.menu > li.active:nth-child(3) > a:before,.nav.menu > li.active:nth-child(3)  > span:before{
  background-image:url(../images/icon/inbox-h.svg);
}
.nav.menu > li:nth-child(4) > a:before,.nav.menu > li:nth-child(4)  > span:before{
  background-image:url(../images/icon/ecological-generator-tool-of-rotatory-fan-b.svg);
}
.nav.menu > li:nth-child(4) > a:hover:before,.nav.menu > li:nth-child(4)  > span:hover:before,
.nav.menu > li:nth-child(4) > a:hover:before,.nav.menu > li:nth-child(4)  > span:focus:before,
.nav.menu > li.active:nth-child(4) > a:before,.nav.menu > li.active:nth-child(4)  > span:before{
  background-image:url(../images/icon/ecological-generator-tool-of-rotatory-fan-h.svg);
}
.nav.menu > li:nth-child(5) > a:before,.nav.menu > li:nth-child(5)  > span:before{
  background-image:url(../images/icon/tick-box-b.svg);
}
.nav.menu > li:nth-child(5) > a:hover:before,.nav.menu > li:nth-child(5)  > span:hover:before,
.nav.menu > li:nth-child(5) > a:hover:before,.nav.menu > li:nth-child(5)  > span:focus:before,
.nav.menu > li.active:nth-child(5) > a:before,.nav.menu > li.active:nth-child(5)  > span:before{
  background-image:url(../images/icon/tick-box-h.svg);
}
.nav.menu > li:nth-child(6) > a:before,.nav.menu > li:nth-child(6)  > span:before{
  background-image:url(../images/icon/photo-camera-b.svg);
}
.nav.menu > li:nth-child(6) > a:hover:before,.nav.menu > li:nth-child(6)  > span:hover:before,
.nav.menu > li:nth-child(6) > a:hover:before,.nav.menu > li:nth-child(6)  > span:focus:before,
.nav.menu > li.active:nth-child(6) > a:before,.nav.menu > li.active:nth-child(6)  > span:before{
  background-image:url(../images/icon/photo-camera-h.svg);
}
.nav.menu > li:nth-child(7) > a:before,.nav.menu > li:nth-child(7)  > span:before{
  background-image:url(../images/icon/camcorder-b.svg);
}
.nav.menu > li:nth-child(7) > a:hover:before,.nav.menu > li:nth-child(7)  > span:hover:before,
.nav.menu > li:nth-child(7) > a:hover:before,.nav.menu > li:nth-child(7)  > span:focus:before,
.nav.menu > li.active:nth-child(7) > a:before,.nav.menu > li.active:nth-child(7)  > span:before{
  background-image:url(../images/icon/camcorder-h.svg);
}
.nav.menu > li:nth-child(8) > a:before,.nav.menu > li:nth-child(8)  > span:before{
  background-image:url(../images/icon/calculator-b.svg);
}
.nav.menu > li:nth-child(8) > a:hover:before,.nav.menu > li:nth-child(8)  > span:hover:before,
.nav.menu > li:nth-child(8) > a:hover:before,.nav.menu > li:nth-child(8)  > span:focus:before,
.nav.menu > li.active:nth-child(8) > a:before,.nav.menu > li.active:nth-child(8)  > span:before{
  background-image:url(../images/icon/calculator-h.svg);
}
.nav.menu > li:nth-child(9) > a:before,.nav.menu > li:nth-child(9)  > span:before{
  background-image:url(../images/icon/newspaper-folded-b.svg);
}
.nav.menu > li:nth-child(9) > a:hover:before,.nav.menu > li:nth-child(9)  > span:hover:before,
.nav.menu > li:nth-child(9) > a:hover:before,.nav.menu > li:nth-child(9)  > span:focus:before,
.nav.menu > li.active:nth-child(9) > a:before,.nav.menu > li.active:nth-child(9)  > span:before{
  background-image:url(../images/icon/newspaper-folded-h.svg);
}



.nav.menu > li > a:hover, .nav.menu > li > a:focus,.nav.menu > li.active > a,.nav.menu > li > span:hover, .nav.menu > li > span:focus,.nav.menu > li.active > span  {
    text-decoration: none;
    background-color: #ffcc66;
      color:#666633;
}
.nav-child.unstyled.small{
  display:none;
}
.nav-child.unstyled.small a{
  display: block;
    padding: 10px 15px 10px 25px;
    text-transform: uppercase;
    position: relative;
      color: #fff;font-family: Roboto-Bold,sans-serif;
}
.nav-child.unstyled.small a:hover,.nav-child.unstyled.small a:focus,.nav-child.unstyled.small li.active a{
      background-color: #ffcc66;
    color: #666633;
}
li.active .nav-child.unstyled.small{
  display:block;
  padding:0px;
}
.copy{padding:20px;}
.page-header{
  border-bottom:0px!important;
  text-transform:uppercase;
  color:#006699;font-size:30px;    margin: 25px 0 20px;
}
.main{
  min-height:100vh;
  background:url(../images/bg-1.png) no-repeat;
  background-size:cover;
}
.breadcrumb{
  margin-top:30px;
  background-color:transparent!important;
  
}
.breadcrumb > .active{
  color:#003333
}
.breadcrumb  a{
  color:#999999
}
.item-105.divider.deeper.parent{position:static}
.podmenu{display:none;}
.separator + .nav-child.unstyled.small .podmenu{display:block;}
.podmenu{
  text-transform:uppercase;
  color:#333300;
  border-bottom:2px solid #ffcc99;
  padding:20px 0px 5px 20px;
  margin-right:20px;
  margin-bottom:10px;
  font-size:20px;
}
.podmenu span{
  font-size:40px;
}
.links-main{display:table;width:100%;padding:10px 30px;}
.link-main{display:table-cell;}
.link-main a{display:block;text-transform:uppercase;text-align:center;padding:30px;color:#006699; border:1px solid #006699}
.main h2{
  text-transform:uppercase; color:#006699;margin-top:4%;
}
.link-main.on a {
    background-size:cover;
}
.link-main a:hover, .link-main a:focus {
    background-color:#006699;    background-size: cover;color:#fff;
}

@media (max-width: 767px){
  .link-main {
    display: block;
}
  .fixed{position:relative;}
  .left-said-bar {
  min-height: 0px;
    height: auto;
}
  .munu-btn{
    margin-bottom:0px;
        color: #9999cc;
    text-align:center;
    cursor:pointer;
  }
  .main h2{
    margin-top:5%;
  }
}

.back_link
{
  display: inline-block;
    padding: 5px 14px;
    background-color: #ffffff;
    border: 1px solid #dddddd;
    border-radius: 15px;
    margin-bottom: 20px;
}