/*
Theme Name: Prox
Theme URI: https://www.prox.co.il
Author: Prox Team
Author URI: https://www.prox.co.il
Description: Prox empty design with Bootstrap v4.2 RTL.
Version: 2.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: Prox, rtl, bootstrap
Text Domain: Prox
*/

@font-face{
	font-family:'mikhmoret';
	font-weight:300; /*(light)*/
	font-style: normal;
	src: url('fonts/mikhmoret/mikhmoret-light-aaa.ttf') format('truetype');

}
@font-face{
	font-family:'mikhmoret';
	font-weight:400; /*(regular)*/
	font-style: normal;
	src: url('fonts/mikhmoret/mikhmoret-regular-aaa.ttf') format('truetype');
}
@font-face{
	font-family:'mikhmoret';
	font-weight:700; /*(bold)*/
	font-style: normal;
	src: url('fonts/mikhmoret/mikhmoret-bold-aaa.ttf') format('truetype');
}

@font-face{
	font-family:'Poppins';
	font-weight:400; /*(regular)*/
	font-style: normal;
	src: url('fonts/Poppins-Regular.ttf') format('truetype');
}

html
{
    height: 100%;
    width: 100%;
    text-decoration: none;
    border: none;
}

*
{
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    font-family: mikhmoret,Poppins, arial, sans-serif;
    border: none;
    direction: rtl;
}

.dropdown-menu
{
    text-align: right;
}

a:hover
{
  color: inherit;
  text-decoration: none;
}
.bgimg
{
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;

}
.imgc
{
	max-width: 100%;
	max-height: 100%;
}
body
{
	font-size: 20px;
}
header
{
	position: fixed;
	box-shadow:1px 2px 20px rgba(255,255,255,0.5);
	width: 100%;
	z-index: 100;
}

.container.c14
{
	max-width: 1500px!important;
}

.sc1{color:#34b196;}
.mlink{width: max-content;padding: 5px 30px;color:white;background-color: #34b196;font-size: 25px;}
.mlink2{width: max-content;padding:3px 20px;color:white;background-color: #34b196;font-size: 18px;}
.tabtitle
{
	padding: 10px;
	background-color: #1a9a9b;
	color: white;
}

.mtitle
{
	position: relative;
	width: max-content;
}
.mtitle::before
{
	position: absolute;
	left: -25px;
  bottom: 12px;
  width: 12px;
  height: 12px;
	background-color:#2d9780;
	content: "";
}

.question
{
	background-color: #2d9780;
	padding: 8px 10px;
	color:white;

	background-image: url('images/down.png');
	background-repeat: no-repeat;
	cursor: pointer;
	transition: all 0.3s ease;
	background-position: 10px;
	background-size: 18px;
	font-weight: 700;
}
.question.active
 {
 	background-image: url('images/up.png');
 }
.answer
{
	max-height: 0;
	overflow: hidden;
	opacity: 0;
	transition: all 0.3s ease;
}
.answer.active
{
	opacity: 1;
	max-height: 800px;
}
/************************************************************************FRONT***************************************************************/
.mainform input,.mainform textarea
{
	display: block;
	max-height: 150px;
	padding: 8px 10px;
	direction: rtl!important;
	font-size: 20px;

	 margin-bottom: 10px;
	width: 100%;
	border:1px solid black;
}
.mainform input[type="submit"]
{
	background-color: #34b196;
	color:white;
}

#HeaderNav ul
{
  display: flex;
  align-items: center;
  margin-bottom: 0;
}
#HeaderNav ul li
{
  list-style-type: none;
  padding: 0 10px;
}
#HeaderNav ul li a
{
  color:white;
  font-size: 24px;
}

.projbox
{
	padding: 5px 30px;
	border:2px solid #1a9a9c;
	color:#1a9a9c;
	cursor: pointer;
}
.projbox.active,.projbox:hover
 {
	 background-color: #1a9a9c;
	 color:white;
 }

 .procontent
 {
	 max-height: 0;
	 overflow: hidden;
	 opacity: 0;
	 transition: all 0.3s ease;
 }
 .procontent.active
 {
	 max-height: none;
	 opacity: 1;
 }
/************************************************************************FRONT***************************************************************/
.hidden-xs-up{display:none!important}@media (max-width:575px){

	.mblock{display: block!important;}
	.mfcc{justify-content: center!important;}
	.mbh300{height: 300px!important;}
	.mbh150{height: 150px!important;}
	.mmargin{margin: 0 auto!important;}
	.mbh200{height: 200px!important;}
	.mw100{width: 100%!important;}
	.mhfs18{font-size: 20px!important;}
	.mmb20{margin-bottom:20px!important;}
	.mcenter{text-align: center!important;}
	#navbutton
	{
		position: absolute;
		width: 45px;
		height: 45px;
		background-color: #393939;
		top:0px;
		left: -45px;
	}
	nav.active #navbutton
	{
		left: 0;
		z-index: 1000;
	}
	#navbutton span {
		display: block;
		height:4px;
		width: 70%;
		background: #fff;
		position: absolute;
		top:50%;
		left:50%;
		margin:0 auto;
		-webkit-transition:all .5s ease;
				transition: all .5s ease;
		opacity: 1;
	}
	#navbutton span:nth-child(1) {
		-webkit-transform: translate(-50%,-280%);
				transform: translate(-50%,-280%);
	}
	#navbutton span:nth-child(2) {
		-webkit-transform: translate(-50%,-50%);
				transform: translate(-50%,-50%);
	}
	#navbutton span:nth-child(3) {
		-webkit-transform: translate(-50%,180%);
				transform: translate(-50%,180%);
	}
	nav.active #navbutton span:nth-child(2) {
		opacity: 0;
		visibility: hidden;
	}
	nav.active #navbutton span:nth-child(1) {
		-webkit-transform: translate(-50%,-50%) rotate(-45deg);
				transform: translate(-50%,-50%) rotate(-45deg);
	}
	nav.active #navbutton span:nth-child(3) {
		-webkit-transform: translate(-50%,-50%) rotate(45deg);
				transform: translate(-50%,-50%) rotate(45deg);
	}
	nav#HeaderNav
	{
		position: fixed;
		right: -100%;
		height: 100vh;
		width: 100%;
		margin:0!important;
		top:0;
		transition: all 0.3s ease;
		z-index: 10000;
		background-color: white;
	}
	nav#HeaderNav.active
	{
		right: 0;
	}
	nav#HeaderNav ul
	{
		display: block;
		padding-top: 45px;
	}

	nav#HeaderNav ul li
	{
		width: 100%;
		padding: 8px 20px;

		text-align: right;
		border-bottom:1px solid #393939;
	}
	nav#HeaderNav ul li a
	{
		color:#393939;
		display: block;
		padding: 0;
			border-left: 0!important;
		font-size: 23px;
		width: 100%;
	}

.question
{
	font-size: 15px;
}

	.hidden-xs-down{display:none!important}}@media (min-width:576px){.hidden-sm-up{display:none!important}}@media (max-width:767px){.hidden-sm-down{display:none!important}}@media (min-width:768px){.hidden-md-up{display:none!important}}@media (max-width:991px){.hidden-md-down{display:none!important}}@media (min-width:992px){.hidden-lg-up{display:none!important}}@media (max-width:1199px){.hidden-lg-down{display:none!important}}@media (min-width:1200px){.hidden-xl-up{display:none!important}}.hidden-xl-down{display:none!important}.visible-print-block{display:none!important}@media print{.visible-print-block{display:block!important}}.visible-print-inline{display:none!important}@media print{.visible-print-inline{display:inline!important}}.visible-print-inline-block{display:none!important}@media print{.visible-print-inline-block{display:inline-block!important}}@media print{.hidden-print{display:none!important}}