@charset "utf-8";

/* CSS Document */

.top-holder {
	position: relative;
	width:100%;
}
.mobile-head {
	position: fixed !important;
	top:0;
	left:0;
	width:100%;
	z-index:200;
	background:#FFF;
	padding:10px 10px;
	box-shadow: 0px 3px 3px 0px rgba(50, 50, 50, 0.2);
}

#logo-line {
	padding: 0 5px;
}

#logo-line .flex {
	justify-content: space-between;
  align-items: center;
  gap: 5px;
}



.m-logo {

}


.lang-he .m-logo {
	padding-right:10px;
}



.mobile-btn {
	display: inline-block;
	font-size:22px;
	width:36px;
	height:36px;
	line-height:36px;
	margin-left:5px;
	text-align: center;
	border:#12472d 1px solid;
	border-radius:100%;
	background:#FFF;
	color:#12472d;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(18, 71, 45, 0.4);
-moz-box-shadow:    0px 0px 5px 0px rgba(18, 71, 45, 0.4);
box-shadow:         0px 0px 5px 0px rgba(18, 71, 45, 0.4);
}


.tl-btns {
	text-align: left;
}

.search-mobile {
	margin-right:15px;
	color:#FFF;
	
}

.topline {
	margin-bottom:10px;
}

.m-icons {
	display:flex;
	align-items:center;
	justify-content: flex-end;
	text-align: left;
	gap: 5px;
}

.m-icons a {
	display: inline-block;
	color:#FFF;
	background:#003E5A;
	font-size:20px;
	width:36px;
	height:36px;
	line-height:36px;
	text-align:center;
	border-radius:100%;
	 
}
.right-panel {
	display:flex;
	align-items:center;
}

.cart-url i {
    display: inline-block;
    font-size: 40px;
   }
   
.top-cart {
	display: inline-block;
}


.mobile-logo {
	text-align:left;
}

.mobile-logo img {
	height:90px;
	width: auto;
}

#home-video .cap {
    width: 100%;
    height: auto;
    right: 0;
    top: auto;
	bottom:0;
    z-index: 10;
    padding:15px;
	text-align:center;
	background:rgba(0, 0, 0, 0.6);
}

.mask-side {
	display: none;
}

.main-title, 
#home-video .subtitle {
	font-size:28px !important;
}

/*************MOBILE MENU*************/
.mm {
	position: relative;
	display: inline-block;
	width:40px;
	height:40px;
	line-height:40px;
	text-align: center;
	font-size:28px;
	cursor: pointer;
	
}

.mm a {
	display: block;
	color:#ААА;
	
}

.menu-open  {
	position: absolute;
	display: block;
	right:0;
	top:0;
	width:100%;
	z-index:50;

	
	
}

.menu-open.open {
	opacity:0;
	font-size:0;
	z-index:0;
	
}

.mm .menu-close {
	position: absolute;
	display: block;
	right:0;
	top:0;
	z-index:0;
	font-size:0;
	width:100%;
		
}

.mm .menu-close.display {
	z-index:100;
	font-size:26px;
	
	}

.menu-open i {
	font-size:30px;
	
}
.menu-open span,
.cats-open span {
	position: absolute;
	top:-3px;
	right:-5px;
	z-index:10;
	display: none;
	font-size:16px;
	width:18px;
	height:18px;
	line-height:18px;
	border-radius:100%;
	background: #EBEBEB;
	text-align:center;
	color:#000;
}

.menu-open.open span,
.cats-open.open span {
	display: inline-block;
}

.cats-open .m-title {
	display: inline-block;
	font-weight:700;
	color:#11244c;
	padding-right:10px;
}
/*
@keyframes slideout {
 from { right: 0; }
 to { right: -600px; }
}

@keyframes slidein {
 from { right: -600px; }
 to { right:0px; }
}
*/

#menu-panel {
	position: fixed;
	display: none;
	top: auto;
	right:-600px;
	width:450px;
	max-width:100%;
	background:#000;
	z-index:900;
	padding-top:10px;
	padding-bottom:30px;
	overflow-y: scroll;
	opacity:1;
	height:100%;
	
	-webkit-box-shadow: -4px 6px 7px 0px rgba(0, 0, 0, 0.2);
-moz-box-shadow:    -4px 6px 7px 0px rgba(0, 0, 0, 0.2);
box-shadow:         -4px 6px 7px 0px rgba(0, 0, 0, 0.2);

	-webkit-transition: all 500ms ease-in-out;
-moz-transition: all 500ms ease-in-out;
-ms-transition: all 500ms ease-in-out;
-o-transition: all 500ms ease-in-out;
transition: all 500ms ease-in-out;
	
}



#menu-panel.open {
	display: block;
	right:0;
	animation:slidein 1s;
}



#menu-panel.close {	
	display: block;
	animation:slideout 1s;
	opacity:1;
}

.lang-en #menu-panel {	
	right:auto;
	left:-600px;
}
.lang-en  #menu-panel.open  {
	right:auto;
	left:0;
}

/****MENU**********/

.m-img {
	display: none !important;
}

.menu-mobile-container {
    position:relative;
	   			
   }


.menu-mobile ul {
	display: block;
	position: relative;
	top: 0;
	width:100%;
}

.menu-mobile li{
	position: relative;
	display:block !important;
	float:none;
	transition: all 300ms ease;
	border-bottom:rgba(255,255,255, 0.3) 1px solid;
		  
}

/* First Level - Menu Primary */

.menu-mobile li a {
	display: block;
	position: relative;
	font-size:20px;
	font-weight:500;
	color:#FFF;  
    padding: 12px 30px 12px 10px;
	text-decoration: none;
	border-bottom: none;
	
   	-webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;	
	z-index:501;
}
	


.menu-mobile  li:hover, .menu-mobile  li:active, .menu-mobile  li:focus, 
.menu-mobile  li.current-cat, .menu-mobile  li.current_page_item, .menu-mobile  li.current-menu-item  {
	color:#b1a160;
	
}	

.menu-mobile li a:hover, 
.menu-mobile li a:active,
.menu-mobile li.current-menu-item a {	
	color:#FFF;
	
	
	}

.menu-mobile li a:after {
	border: none;
	
}
	
.menu-mobile li a i  {
	position: absolute;
	left: 20px;
	top: 10px;
	font-size:24px;
	cursor: pointer;
	z-index:100;
	display: none;
	}


.menu-mobile li a.sf-with-ul i {
	display: inline-block;
}






/* Child Levels - Menu Primary */

.menus.menu-mobile li li:hover ul,
.menus.menu-mobile li li.sfHover ul {
    right: 0;
    top: 0;
}


.lang-en .menus.menu-mobile li li:hover ul,
.lang-en .menus.menu-mobile li li.sfHover ul {
    left: 0;
    top: 0;
}

.menu-mobile .sub-menu {
	-webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
	padding:0;
	background: #5C5C5C;
	
}

.menu-mobile .sub-menu li,
.menu-mobile .sub-menu li li {
	border-bottom:rgba(255,255,255, 0.3) 1px solid;
}

.menu-mobile ul.sub-level-1  {
	background:#5E4D8A;
	
}

.menu-mobile ul.sub-level-1 li a {
	font-size:17px;
	padding: 10px 30px 10px 40px;
	
	
 }
 


.menu-mobile .sub-menu li.current-cat  a, 
.menu-mobile .sub-menu li.current_page_item a, 
.menu-mobile .sub-menu li.current-menu-item a,
.menu-mobile .sub-menu li.active a {	
	
		   
}

/********/

.menu-mobile li ul.sub-level-2, 
.menu-mobile li:hover ul.sub-level-2 {
    max-width:100%;
	min-width: inherit;
	position: relative;
    right: 0;
    top: 0; /* match top ul list item height */
   	padding:0px;
	
}

.menu-mobile .sub-menu.sub-level-2 {
	background: #003174; 
}
.menu-mobile .sub-menu.sub-level-2 li {
	padding-right:25px;	
	
}

.menu-mobile .sub-menu.sub-level-2 li a {	
	font-size:16px;
	
}

.menu-mobile .sub-menu.sub-level-2 li a:hover {
	color:#FFF;
}
/********MENU-TOP********/

.topmenu-mobile {
	margin-bottom:10px;
	
}

.top-mobile li {
	display: block;
	border-bottom: rgba(255,255,255, 0.3) 1px solid;
}

.top-mobile li a {
	display: block;
	color:#FFF;
	padding:10px;
	font-weight: 500;
	
	}

#fixed-bottom {
	position: fixed;
	bottom:0;
	left:0;
	width:100%;
	padding:10px 0;
	background:#073457;
	z-index:100;
	font-size:24px;
	text-align: center;
	
	
	-webkit-box-shadow: 0px -5px 5px 0px rgba(0, 0, 0, 0.2);
-moz-box-shadow:    0px -5px 5px 0px rgba(0, 0, 0, 0.2);
box-shadow:         0px -5px 5px 0px rgba(0, 0, 0, 0.2);
}

#foot-buttons {
	text-align: center;
}

#foot-buttons li {
	display: inline-block;
	padding:5px 5px;
}

#foot-buttons li i {
	font-size:26px;
}

#fixed-bottom a {
	color:#FFF;
	display: inline-block;
	margin:0 5px;
	padding:5px 15px;
	border-radius:30px;
	border:#FFF 1px solid;
	font-size:16px;
	background:#17476d;
	}
#fixed-bottom a i {
	font-size:20px;
	margin-left:5px;
}

.ltr #fixed-bottom a i {
	margin-right:5px;
	margin-left:0;
}

#bottom {
	padding-bottom:47px;
}

.mobile-search {	
	position: relative;
	margin-top:30px;
	padding:10px 20px;
}

.mobile-search  #search {
    width: 100%;
    }
	
.mobile-search #search:after,
.mobile-search #search:before {
	display: none;
}

.mobile-search  #search input {
	border:rgba(255, 255, 255, 0.4) 1px solid;
	
}


.mobile-search  button {
	background: none;
    border: none;
    color: #0F1D41;
    font-size: 19px;
    position: absolute;
    left: 0;
    top: 10px;
    z-index: 10;
}

.lang-en .mobile-search  button {
	left: auto;
	right:0;

}



#m-slider {
	position: relative;
	background: url(../images/mslider_bg.jpg) top center no-repeat;
	background-size:cover;
}

#m-slider .slider-item {
	position: static;
	padding-top: 10%;
	padding-bottom:20px;
}

#m-slider .slider-info {
	margin:0 auto 20% auto;
	width:60%;
}

.person-img img {
	position: relative;
	max-width: 100%;
	width:100%;
	display: block;
	
}

.main-mobile .poster {
	min-height: inherit;
	height: auto;
	max-width:100%;
}