.socialLinks{
    list-style: none;
	padding: 0px;
    margin: 0px;
}

.socialLinks li{
    margin-right: 3px;
    display: inline-block;
}

.socialLinks svg{
    width: 25px;
    height: 25px;
}

.socialLinks li path, .socialLinks li polygon, .socialLinks li rect, .socialLinks li circle, .socialLinks li ellipse, .socialLinks li line, .socialLinks li polyline{
    fill: #C0BFBF;
    -o-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.socialLinks li:hover path, .socialLinks li:hover polygon, .socialLinks li:hover rect, .socialLinks li:hover circle, .socialLinks li:hover ellipse, .socialLinks li:hover line, .socialLinks li:hover polyline{
    fill: #ffffff;
}/* Language */

.langButton{
    margin-top:0px;
    font-size: 14px;
    color: #fff;
    cursor: pointer;
    text-align: center;
    position: absolute;
    z-index: 1500;
    padding: 15px;
    direction:ltr;
}

.language_button_text{
    color:#fff;
}

.langButton dl dt a{

    color: #000;
    font-weight: 400;

}

#languageSelect dt a:hover, #languageSelect dt a:focus{
  color: #000;
  text-decoration: none;
}

#languageSelect .svg{
    margin-top:2px;    
} 
#languageSelect .svg path{
    fill:#fff;
}
ul.langDrop{

    list-style-type: none;
    width: auto;
    position: absolute;
    padding: 15px;
    background-color: #FF0000;
    top: 37px;

    right: auto;

    left: 0px;

    margin: 0 auto;

    text-align: right;

    color: #ffffff;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;

}

ul.dropdown-menu.langDrop{
    min-width: auto;
    -webkit-background-clip: border-box;
    background-clip: border-box;
}

ul.langDrop a{

    color: #ffffff;

    text-align: right;

}



dl.languageSelect{
    
    margin-bottom: 0px;

}



ul.langDrop li{


    margin-bottom: 5px;

    padding-bottom: 5px;

}

ul.langDrop li:not(.langArrow){
    border-bottom: 1px solid #FFF;
}

ul.langDrop li:last-child{

    border-bottom: 0;

    margin-bottom: 0px;

    padding-bottom: 0px;

}



.langArrow{

    width: 18px;

    position: absolute;

    top: -13px;

    right: 0;

    left: 0;

    margin: 0 auto;

    color: #FF0000;

    font-size: 20px;

}



.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {

    color: #fff;

    text-shadow: 0px 0px 2px #fff;

    text-decoration: none;

    background-color: inherit;

}

/* END Language */



/*--------------------------  Laptop with HiDPI screen ( max 1440 ) --------------------------*/
@media (max-width:1440px){

}

/*--------------------------  MD ( max 1200 ) --------------------------*/
@media (max-width:1200px){
    
}

/*--------------------------  SM ( max 992 ) --------------------------*/
@media(max-width:992px){
    .langButton{
        top: 70px;
        left: 0;
    }
}

/*--------------------------  XS ( max 767 ) --------------------------*/
@media (max-width:767px){
    .langButton{
        width: 150px
        top: 0px;
        right: 0;
        left: auto;
    }

    .dropdown-menu > li > a{
        padding: 3px 0px;
    }
}

/*--------------------------  max 480 --------------------------*/
@media (max-width:480px){
    
}.searchBox{
    width: 152px;
    height: 24px;
    position: relative;
    margin-top: 2px;
}

.searchBox label{
    margin: 0px;
}

.searchBox input{
    background: #e3e3e3;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: none;
    color: #202022;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    font-size: 12px;
    font-family: arial;
    height: 24px;
    padding: 0px;
    padding-left: 7px;
    padding-right: 26px;
    transition: all 0.2s ease;
}

.searchBox input:hover, .searchBox input:focus, .searchBox input:active{
    background: #eee;
    color: #444;
    transition: all 0.2s ease;
}

.searchBox input:hover + .formSearchButton, .searchBox input:focus + .formSearchButton, .searchBox input:active + .formSearchButton{
    color: #444;
    transition: all 0.2s ease;
}

.formSearchButton{
    background: rgba(0, 0, 0, 0);
    margin: 0;
    border: none;
    padding: 0;
    position: absolute;
    right: 6px;
    top: 1px;
    font-size: 14px;
}


.formSearchButton{
    color: #202022;
}

.searchBox input::-webkit-input-placeholder {
    color: #202022;
}

.searchBox input:-moz-placeholder { /* Firefox 18- */
    color: #202022;
}

.searchBox input::-moz-placeholder {  /* Firefox 19+ */
    color: #202022;
}

.searchBox input:-ms-input-placeholder {
    color: #202022;
}


.searchBox input:hover, .searchBox input:focus, .searchBox input:active{
    background-color: #FDFDFD;
    color: #444;
}

.searchBox input:focus::-webkit-input-placeholder, .searchBox input:hover::-webkit-input-placeholder {
    color: #444;
}

.searchBox input:focus:-moz-placeholder, .searchBox input:hover:-moz-placeholder { /* Firefox 18- */
    color: #444;
}

.searchBox input:focus::-moz-placeholder, .searchBox input:hover::-moz-placeholder {  /* Firefox 19+ */
    color: #444;
}

.searchBox input:focus:-ms-input-placeholder, .searchBox input:hover:-ms-input-placeholder {
    color: #444;
}.breadCrumbs{
	color: #fff!important;
	font-size: 16px;
    text-decoration: none;
    text-align: right;
    margin-top: 10px;
}

.breadCrumbs a, .breadCrumbs a:hover, .breadCrumbs a:focus, breadCrumbs a:visited, .breadCrumbs a:active{
    color: #E74C3C;
    font-size: 16px;
    text-decoration: none;
    text-align: right;
    margin-top: 10px;
}.innerPageBar{
    background-color: #000;
    margin-bottom: 23px;
    padding-top:35px;
    padding-bottom:35px;
}

.innerPageBar h1{
    color: #f9f9f9;
}

/*--------------------------  Laptops ( max 1400 ) --------------------------*/
@media (max-width:1400px){
  
}

/*--------------------------  MD ( max 1200 ) --------------------------*/
@media (max-width:1200px){
    
}

/*--------------------------  SM ( max 992 ) --------------------------*/
@media(max-width:992px){
    
}

/*--------------------------  XS ( max 768 ) --------------------------*/
@media (max-width:768px){
    .innerPageBar h1, .breadCrumbs{
        text-align: center;
    }
    .innerPageBar{
	    padding-top:20px;
	    padding-bottom:20px;
	}
}

/*--------------------------  max 480 --------------------------*/
@media (max-width:480px){

}.slick-slider{
    margin-bottom: 20px;
}

.bigPic{
  margin-bottom: 15px;
}
.slick_gallery{
  margin-top:20px;
}
.slick-prev, .slick-next{
    position:absolute;
    background-color: rgba(0, 0, 0, 0.7);
    color: #fff;
    width: 46px;
    height:74px;
    top:0;
    outline:none;
    border:none;
    height: 100%;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.slick-prev:hover, .slick-next:hover{
    background-color: rgba(0, 0, 0, 0.5);
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.slick-prev{
  left:0px; 
}
.slick-next{
  right:0px;
}
.slickitem{
  margin:0px 0px;
  cursor:pointer;
  width:167px;
}

.slider-nav .slickitem{
  margin:0px 4px;
}

.slick-next svg *, .slick-prev svg *{
  fill: #ff0000;
}

.youtubeEmbed{
  width: 100%;
  height: 360px;
}

.youtubeThumb img{
  height: 65px;
}

/*--------------------------                          Laptops ( max 1400 ) --------------------------*/
@media (max-width:1400px){
  
}

/*--------------------------                          MD ( max 1200 ) --------------------------*/
@media (max-width:1200px){
  .slick-prev, .slick-next{
    position: absolute;
    font-size: 18px;
    background-color: rgba(27, 27, 27, 0.8);
    color: #fff;
    width: 28px;
    height: 74px;
    top: 0;
    outline: none;
    border: none;
    height: 100%;
  }   
}

/*--------------------------                           SM ( max 992 ) ----------------------*/
@media(max-width:992px){
  .slick-prev, .slick-next{
      position: absolute;
      font-size: 18px;
      background-color: rgba(27, 27, 27, 0.8);
      color: #fff;
      width: 28px;
      height: 74px;
      top: 0;
      outline: none;
      border: none;
      height: 100%;
  }
}

/*--------------------------                           XS ( max 768 ) ------------------*/
@media (max-width:768px){

  .slick-prev, .slick-next{
    font-size:20px;
    top:0;
  }

}

/*--------------------------                           max 480 ---------------------*/
@media (max-width:480px){
    
.slick-prev, .slick-next{
    font-size:18px;
      top:0;
    }

}.ptl h4 {
    margin-bottom: 15px;
    padding-bottom: 10px;
    border-bottom: solid 1px #c1c1c1;
}
.ptl ul{
	list-style-type: none;
    padding: 0px;
}
.ptl ul li{
	margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #E5E6E6;
}
.ptl ul li:last-child {
	margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}

.ptl ul li a {
    font-size: 14px;
    color: #363839;
}

.ptl ul li a:hover, .ptl ul li a:focus{
    text-decoration: none;
}.ptl h4 {
    margin-bottom: 15px;
    padding-bottom: 10px;
    border-bottom: solid 1px #c1c1c1;
}
.ptl ul{
	list-style-type: none;
    padding: 0px;
}
.ptl ul li{
	margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #E5E6E6;
}
.ptl ul li:last-child {
	margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}

.ptl ul li a {
    font-size: 14px;
    color: #363839;
}

.ptl ul li a:hover, .ptl ul li a:focus{
    text-decoration: none;
}.shareButton{
    position: relative;
    font-size: 30px;
    color: #ff0000;
    cursor: pointer;
    width: 40px;
    height: 33px;
    text-align: center;
}

.shareButton:hover .popupShare, .shareButton:active .popupShare, .shareButton:focus .popupShare{
    display: block;
}

.popupShare{
    position: absolute;
    width: 190px;
    list-style: none;
    top: 54px;
    padding: 0;
    left: -84px;
    z-index: 12;
    display: none;
} 

.popupShareArrow{
    color: #ff0000;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
    top: -24px;
}

ul.shareList{
    list-style-type: none;
    padding: 0px;
    background-color: #ff0000;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

ul.shareList li{
    border-bottom: 1px solid #ffffff;
    height: 50px;
}

ul.shareList li:last-child{
    border-bottom: none;
}


ul.shareList li a, ul.shareList li a:visited{
    color: #ffffff;
    text-decoration: none;
}

ul.shareList li a:hover, ul.shareList li a:visited{
    color: #ffffff;
    text-decoration: none;
}

ul.shareList li:hover svg, ul.shareList li:focus svg{
    fill: #ffffff;
}

ul.shareList li:hover .shareIcon, ul.shareList li:focus .shareIcon{
    background-color: #212121;
}

ul.shareList .shareIcon{
    height: 50px;
    background-color: #5E5E5E;
    float: left;
    background-position: center center;
    background-repeat: no-repeat;
    padding: 10px 15px 0px 15px;
    font-size: 20px;
    width: 50px;
    text-align: center;
}

ul.shareList .shareIcon svg{
    fill: #ffffff;
}

ul.shareList li:first-child .shareIcon{
    -webkit-border-top-left-radius: 8px;
    -moz-border-radius-topleft: 8px;
    border-top-left-radius: 8px;
}

ul.shareList li:last-child .shareIcon{
    -webkit-border-bottom-left-radius: 8px;
    -moz-border-radius-bottomleft: 8px;
    border-bottom-left-radius: 8px;
}

ul.shareList .shareText{
    margin-left: 16px;
    float: left;
    line-height: 50px;
    font-size: 12px;
}

.shareButton > svg *{
    fill: #ff0000;
}


/*--------------------------  Laptops ( max 1400 ) --------------------------*/
@media (max-width:1400px){
  
}

/*--------------------------  MD ( max 1200 ) --------------------------*/
@media (max-width:1200px){
    .popupShare{
        left: 3px;
    }

    .popupShareArrow{
        right: inherit;
        left: 4px;
        color: #5E5E5E;
    }
}

/*--------------------------  SM ( max 992 ) --------------------------*/
@media(max-width:992px){
    
}

/*--------------------------  XS ( max 768 ) --------------------------*/
@media (max-width:768px){
    
}

/*--------------------------  max 480 --------------------------*/
@media (max-width:480px){
    
}footer{
    position: relative;
    background-color: #31353d;
    text-align: center;
    padding-top: 138px;
    padding-bottom: 138px;
    background-image: url('https://www.teta.co.il/site/images/footer.jpg');
}

.bottomCredit{
    text-align: center;
}

.bottomCredit a, .bottomCredit a:visited{
    color: #ffffff;
    font-weight: normal;
}

.bottomCredit, .bottomCredit a{
    font-size: 12px;
}

.footerSubtitle{
    color: #ffffff;
    font-weight: 300;
    font-size: 14px;
    margin-bottom: 36px;
}

footer .socialLinks{
    
}

.footerLogo{
    margin: 0 auto 70px auto;
}

/*--------------------------  Laptops ( max 1400 ) --------------------------*/
@media (max-width:1400px){
  
}

/*--------------------------  MD ( max 1200 ) --------------------------*/
@media (max-width:1200px){
    
}

/*--------------------------  SM ( max 992 ) --------------------------*/
@media(max-width:992px){
    .footerSubtitle{
        text-align: center;
        margin-top: 0;
        margin-bottom: 10px;
    }

    footer .socialLinks{
        float: none;
        text-align: center;
    }
}

/*--------------------------  XS ( max 768 ) --------------------------*/
@media (max-width:768px){

}

/*--------------------------  max 480 --------------------------*/
@media (max-width:480px){
    
}.tabmenu{
	position: absolute;
	top: 0px;
	z-index: 99999;
	display: none;
	text-align: center;
	background-color: #000000;
	width: 400px;
	height: 20px;
	left: 100px;
}

.tabmenu a{
	color: #000000;
}

.tabmenu ul li ul{
	display: none;
}

.tabmenu li{
	list-style-type: none;
	width: 400px;
	z-index: 0;
	top: 0px;
	left: 0px;
	position: absolute;
}

.tabmenu li a{
	font-weight: bold;
	text-decoration: none;
	opacity: 0.0;
    	filter: alpha(opacity=0);
	color: #000000;
}


.tabmenu a:focus{
	opacity: 1;
   	filter: alpha(opacity=100);
	color: #ffff00 !important;
}

#BNagish {
	position: fixed;
	top: 200px;
	left: 0px;
	z-index: 999999;
}

#BNagishMenu {
	position: fixed;
	top: 200px;
	left: 54px;
	display: none;
	background: #e6e6e6;
	border-radius: 8px;
	padding: 0;
	color: #000;
	-webkit-box-shadow: -1px 2px 5px 0px rgba(50, 50, 50, 0.2);
	-moz-box-shadow:    -1px 2px 5px 0px rgba(50, 50, 50, 0.2);
	box-shadow:         -1px 2px 5px 0px rgba(50, 50, 50, 0.2);
}

#BNagishMenu a, #BNagishMenu a:visited {
	display: block;
	padding: 0px 0px 0px 0px;
	padding-left: 16px;
	color: #000;
	font-size: 14px;
}

#BNagishMenu a:hover, #BNagishMenu a:focus, #BNagishMenu a:active{
    background-color: #ff0000;
    color: #fff;
}

#BNagishMenu strong {
	display: block;
	padding: 0px 0px 0px 0px;
	padding-left: 16px;
	font-size: 18px;
}

#BNagishMenu span {
	display: block;
	padding: 0 16px 12px;
	font-size: 14px;
	color: #333;
}

#toggleBNagish {
    background: #ff0000;
    text-align: center;
    color: #FFF;
    padding: 10px 10px;
    display: block;
    font-size: 16px;
    text-align: center;
    width: 47px;
    height: 47px;
    -o-transition: none;
    -ms-transition: none;
    -moz-transition: none;
    -webkit-transition: none;
    transition: none;
    -webkit-border-top-right-radius: 7px;
	-webkit-border-bottom-right-radius: 7px;
	-moz-border-radius-topright: 7px;
	-moz-border-radius-bottomright: 7px;
	border-top-right-radius: 7px;
	border-bottom-right-radius: 7px;
}

#toggleBNagish #angle {
	margin-right: 5px;
}


.toggleBNagishSize {
    background: none repeat scroll 0 0 #5E5E5E;
    color: #e6e6e6;
    display: block;
    font-size: 18px;
    padding: 11px 0px;
    font-weight: bold;
    width: 47px;
    height: 47px;
    margin-top: 4px;
    text-align: center;
    cursor: pointer;
    -webkit-border-top-right-radius: 7px;
    -webkit-border-bottom-right-radius: 7px;
    -moz-border-radius-topright: 7px;
    -moz-border-radius-bottomright: 7px;
    border-top-right-radius: 7px;
    border-bottom-right-radius: 7px;
}

#BNagish .active {
	font-weight: bold;
	background: #A00C00;
	color: #fff;
	border-radius: 5px;
	margin: 0px 14px;
}

#BNagish .webColors {
	margin: 4px 14px;
	padding: 5px 8px;
}

#BNagish .webColors:hover, #BNagish .webColors:focus, #BNagish .webColors:visited{
    background: #ff0000;
    color: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.Nagish-Inverted {
	filter: invert(1);
	-webkit-filter: invert(1);
	-moz-filter: invert(1);
	-o-filter: invert(1);
	-ms-filter: invert(1);
}

.Nagish-Grayscale {
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	filter: grayscale(100%);
}

#BNagish a#BNagish_Close{
    background: #9D0C00;
    color: #fff;
    font-size: 16px;
    padding: 10px;
    font-weight: bold;
    text-align: center;
    -webkit-border-bottom-right-radius: 7px;
    -webkit-border-bottom-left-radius: 7px;
    -moz-border-radius-bottomright: 7px;
    -moz-border-radius-bottomleft: 7px;
    border-bottom-right-radius: 7px;
    border-bottom-left-radius: 7px;
}


#BNagish a#BNagish_Close:hover, #BNagish a#BNagish_Close:focus, #BNagish a#BNagish_Close:active{
    background: #141414;
}

/*--------------------------  MD ( max 1200 ) --------------------------*/
@media (max-width:1200px){

#BNagish {
	position: fixed;
	top: 109px;
	left: 0px;
	z-index: 999999;
	}

}







.searchBox{
    width: 152px;
    height: 24px;
    position: relative;
    margin-top: 2px;
}

.searchBox label{
    margin: 0px;
}

.searchBox input{
    background: #e3e3e3;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: none;
    color: #202022;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    font-size: 12px;
    font-family: arial;
    height: 24px;
    padding: 0px;
    padding-left: 7px;
    padding-right: 26px;
    transition: all 0.2s ease;
}

.searchBox input:hover, .searchBox input:focus, .searchBox input:active{
    background: #eee;
    color: #444;
    transition: all 0.2s ease;
}

.searchBox input:hover + .formSearchButton, .searchBox input:focus + .formSearchButton, .searchBox input:active + .formSearchButton{
    color: #444;
    transition: all 0.2s ease;
}

.formSearchButton{
    background: rgba(0, 0, 0, 0);
    margin: 0;
    border: none;
    padding: 0;
    position: absolute;
    right: 6px;
    top: 1px;
    font-size: 14px;
}


.formSearchButton{
    color: #202022;
}

.searchBox input::-webkit-input-placeholder {
    color: #202022;
}

.searchBox input:-moz-placeholder { /* Firefox 18- */
    color: #202022;
}

.searchBox input::-moz-placeholder {  /* Firefox 19+ */
    color: #202022;
}

.searchBox input:-ms-input-placeholder {
    color: #202022;
}


.searchBox input:hover, .searchBox input:focus, .searchBox input:active{
    background-color: #FDFDFD;
    color: #444;
}

.searchBox input:focus::-webkit-input-placeholder, .searchBox input:hover::-webkit-input-placeholder {
    color: #444;
}

.searchBox input:focus:-moz-placeholder, .searchBox input:hover:-moz-placeholder { /* Firefox 18- */
    color: #444;
}

.searchBox input:focus::-moz-placeholder, .searchBox input:hover::-moz-placeholder {  /* Firefox 19+ */
    color: #444;
}

.searchBox input:focus:-ms-input-placeholder, .searchBox input:hover:-ms-input-placeholder {
    color: #444;
}.topMenu{
    height: 210px;
    margin-bottom: 0px;
    background: rgba(58, 58, 58, 1);
    border: 0;
    border-radius: 0;
    z-index: 1200;
    position: relative;
    display: inline-block;
    width: 100%;
}

.websiteLogo img{
    max-height: 170px;
    padding: 0px 0px;
    margin: 10px auto 0 auto;
}

.topMenu .menuItems{
    margin-top: 78px;
}

.navbar-nav > li > a {
  padding-top: 3px;
  padding-bottom: 3px;
}

.topMenu .navbar-nav > li > a{
    font-size: 18px;
    padding: 15px 15px 30px 15px;
    -o-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    color: #fff;
}

.topMenu .navbar-nav > li > a:hover, .topMenu .navbar-nav > li > a:focus{
    background-color:transparent;
    color: #ff0000;
    outline:0;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus{
    background-color:transparent;
    color: #ff0000;
    font-weight:bold;
    
}

.topMenu .menuItem a:hover ~ .submenu, .topMenu .menuItem a:focus ~ .submenu, .topMenu .menuItem a:active ~ .submenu{
    visibility: visible;
    opacity: 1;
}


.topMenu .navbar-nav{
    position: relative;
}

.topMenu .nav > li:last-child > a{
  padding-right:0px;
}
.navbar-right{
  margin-right: 0px;
}
.navbar-left{
  margin-left: 0px;
}
.topMenu .submenu{
    padding: 15px 0;
    margin: 0px;
    min-width: 190px;
    position: absolute;
    background-color: #ff0000;
    top: 65px;
    z-index: 11;
    opacity: 0;
    height: auto;
    width: 100%;
    visibility: hidden;
    text-align: center;
    left: 50%;
    transform: translate(-50%, 0);
}

.topMenu .submenu:before {
    bottom: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.topMenu .submenu:before {
  border-color: rgba(136, 183, 213, 0);
  border-bottom-color: #ff0000;
  border-width: 5px;
  margin-left: -5px;
}

.topMenu .submenu li:last-child{
    /* border-bottom: 2px solid #ff0000; */
}

.topMenu .submenu:hover, .topMenu .submenu:focus, .topMenu .submenu:active{
    visibility: visible;
    opacity: 1;
}

.submenu li {
    list-style: none;
    position: relative;
}

.topMenu .submenu li a, .topMenu .submenu li a:visited{
    color: #fff;
    display: block;
    padding: 3px 20px;
    font-size: 14px;
    font-weight: 700;
    text-align: center;
    -webkit-transition: all 100ms ease-in;
    -o-transition: all 100ms ease-in;
    -moz-transition: all 100ms ease-in;
    transition: all 100ms ease-in;
    outline: none;
}

.topMenu .submenu li a:hover, .topMenu .submenu li a:focus, .topMenu .submenu li a:active{
    color: #000;
    background-color: #ff0000;
    text-decoration: none;
}

.topMenu .navbar-brand{
    height: auto;
    float: left;
}

.topMenu .navbar-brand img{
    max-height: 60px;
}

.topMenu .websiteLogo a:hover, .topMenu .websiteLogo a:focus{
    background: none !important;
}

li.websiteLogo a{
    padding: 0;
}



/* ON MENU FIXED */
.topMenu.navbar-fixed-top{
    padding: 0px;
    margin: 0px;
    position: fixed;
    background-color: #373737;
    height: 83px;
}

.topMenu.navbar-fixed-top .websiteLogo img{
    max-height: 65px;
}

.topMenu.navbar-fixed-top .menuItems{
    margin-top: 14px;
}
/* END ON MENU FIXED */


.sideMenuToggle{
    display: none;
}

.panel-body{
    padding: 0px;
}

.mobileSubMenu{
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 30px;
    display: block;
}


.spacialBG{
    background-image: url('https://www.teta.co.il/modulefile/top_menu_03/lib/images/bg.jpg');
    background-size: cover;
}

.secondDrop{
    display: none;
    position: absolute;
    width: 200px;
    left: 190px;
    background: #000;
    padding: 10px 0px;
    top: -15px;
}

.topMenu .submenu li:hover .secondDrop{
    display: block;
}

.secondDrop:before{
    right: 100%;
    top: 25px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(136, 183, 213, 0);
    border-right-color: #000;
    border-width: 5px;
    margin-top: -5px;
}

.topMenu .submenu .secondDrop li a:hover, .topMenu .submenu .secondDrop li a:focus{
    color: #fff;
}

.submenu_mobile ul.mobileSecondDrop li a{
    font-size: 12px;
    display: block;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 10px;
    padding-left: 40px;
}



/*--------------------------  Laptops ( max 1400 ) --------------------------*/
@media (max-width:1400px){
  
}

/*--------------------------  MD ( max 1200 ) --------------------------*/
@media (max-width:1200px){
    .topMenu{
        margin-top: 0px;
        background-color: #373737;
    }
}

/*--------------------------  SM ( max 992 ) --------------------------*/
@media(max-width:992px){
    .topMenu{
        height: 80px;
    }

    .topMenu .menuItems{
        margin-top: 15px;
    }
}

/*--------------------------  XS ( max 768 ) --------------------------*/
@media (max-width:767px){
    .topMenu{
        margin: 0px;
        background-color: #292929;
        height: auto;
    }

    .sideMenu{
        display: block;
        z-index: 1000;
        position: fixed;
        left: 0px;
        width: 0px;
        height: 100%;
        margin-left: -250px;
        overflow-y: auto;
        background: rgba(41, 41, 41, 0.97);
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
        -moz-box-shadow: 5px 0 5px 0 rgba(0, 0, 0, 0.1);
        -webkit-box-shadow: 5px 0 5px 0 rgba(0, 0, 0, 0.1);
        box-shadow: 5px 0 5px 0 rgba(0, 0, 0, 0.1);
        display: inline-block !important;
    }
    .sideMenu.opened{
        width: 250px;
        margin-top: 0px;
        background: rgba(41, 41, 41, 0.97);
        border: none;
        padding: 15px 0;
    }

    .sideMenuToggle{
        display: block;
        cursor: pointer;
        width: 48px;
        height: 48px;
        margin-top: 5px;
        margin-left: 5px;
        float: left;
        background-color: #212121;
        color: #fff;
        border-color: transparent;
        outline: none;
        -moz-transition: 0.2s;
        -webkit-transition: 0.2s;
        -o-transition: 0.2s;
        transition: 0.2s;
    }

    .menuItem{
        display: block;
        padding: 0;
        position: relative;
    }

    .menuItem a.topMenuLink:hover, .menuItem a.topMenuLink:focus{
        background-color: #ff0000;
    }

    .menuItem a:hover, .menuItem a:focus{
        color: #fff;
    }

    .menuItem a, .menuItem a:visited{
        color: #fff;
        font-size: 14px;
    }

    .menuItem a.mobileSubMenu:hover, .menuItem a.mobileSubMenu:focus{
        background-color: #ff0000;
    }

    .menuItem .topMenuLink, .menuItem .topMenuLink:visited{
        display: block;
        color: #fff;
        font-size: 14px;
        padding: 14px 25px 16px;
    }

    .topMenu.navbar-fixed-top{
        height: auto;
    }

    .menuItem ul{
        list-style-type: none;
        padding: 0;
    }

    .subMenuButton{
        display: block;
        width: 20px;
        height: 20px;
        position: absolute;
        top: 15px;
        right: 20px;
    }

    .subMenuButton.active{
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }





    /* Icon 1 */
    #menu-toggle {
      width: 40px;
      height: 40px;
      position: relative;
      -webkit-transform: rotate(0deg);
      -moz-transform: rotate(0deg);
      -o-transform: rotate(0deg);
      transform: rotate(0deg);
      -webkit-transition: .5s ease-in-out;
      -moz-transition: .5s ease-in-out;
      -o-transition: .5s ease-in-out;
      transition: .5s ease-in-out;
      cursor: pointer;
    }

    #menu-toggle span {
      display: block;
      position: absolute;
      height: 4px;
      width: 24px;
      background: #fff;
      border-radius: 9px;
      opacity: 1;
      left: 6px;
      -webkit-transform: rotate(0deg);
      -moz-transform: rotate(0deg);
      -o-transform: rotate(0deg);
      transform: rotate(0deg);
      -webkit-transition: .25s ease-in-out;
      -moz-transition: .25s ease-in-out;
      -o-transition: .25s ease-in-out;
      transition: .25s ease-in-out;
    }

    /* menu-toggle */

    #menu-toggle span:nth-child(1) {
      top: 8px;
    }

    #menu-toggle span:nth-child(2),#menu-toggle span:nth-child(3) {
      top: 17px;
    }

    #menu-toggle span:nth-child(4) {
      top: 26px;
    }

    #menu-toggle.open span:nth-child(1) {
      top: 20px;
      width: 0%;
      left: 50%;
    }

    #menu-toggle.open span:nth-child(2) {
      -webkit-transform: rotate(45deg);
      -moz-transform: rotate(45deg);
      -o-transform: rotate(45deg);
      transform: rotate(45deg);
    }

    #menu-toggle.open span:nth-child(3) {
      -webkit-transform: rotate(-45deg);
      -moz-transform: rotate(-45deg);
      -o-transform: rotate(-45deg);
      transform: rotate(-45deg);
    }

    #menu-toggle.open span:nth-child(4) {
      top: 18px;
      width: 0%;
      left: 50%;
    }

    #top_menu_mobile{
        padding-bottom: 100px;
    }

}

/*--------------------------  max 480 --------------------------*/
@media (max-width:480px){

}