
/*---------------------Fonts---------------------*/
@import url('https://fonts.googleapis.com/earlyaccess/opensanshebrew.css');
@import url('https://fonts.googleapis.com/earlyaccess/opensanshebrewcondensed.css');

@font-face {
  font-family: 'SemiComebackReg';
  src:  url('../fonts/SemiComebackReg.otf') format('opentype');
}
@font-face {
  font-family: 'SemiComebackMedium';
  src:  url('../fonts/SemiComebackMedium.otf') format('opentype');
}
@font-face {
  font-family: 'SemiComebackBold';
  src:  url('../fonts/SemiComebackBold.otf') format('opentype');
}
@font-face {
  font-family: 'SemiComebackExtraBold';
  src:  url('../fonts/SemiComebackExtraBold.otf') format('opentype');
}
.bold {
	font-family: 'Open Sans Hebrew';
}
/*---------------------End Fonts---------------------*/

html ,
body ,
#main-wrapper {
	width: 100%;
	height: 100%;
	font-family: 'SemiComebackReg';
	color: #000;
	font-weight: 500;
	font-size: 16px;
}
.nav-logo {
	margin-bottom: 30px!important;
	margin-top: 30px!important;
}
p {
	font-weight: 500;
}
h1 ,
h2 ,
h3 ,
h4 ,
h5 ,
h6  {
	font-family: 'SemiComebackExtraBold';
	font-weight: 800;
	margin: 20px 0;
}
.container,
.container-fluid {
	padding: 0!important;
}
.img-fluid {
	display: block;
	margin: 0 auto;
}
.float-right{
	float:right;
}
.float-left{
	float:left;
}
.white{
	color:#fff;
}
.black{
	color:#000;
}
.purple {
	color: #A74488;
}
.gray {
	color: #353F49;
}
.blue {
	color: #34BAEB;
}
/*-------Input css--*/

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #fff;
  font-family:'FbDuvshanitLight';
}
::-moz-placeholder { /* Firefox 19+ */
  color: #fff;
  font-family:'FbDuvshanitLight';
}
:-ms-input-placeholder { /* IE 10+ */
  color: #fff;
  font-family:'FbDuvshanitLight';
}
:-moz-placeholder { /* Firefox 18- */
  color: #fff;
  font-family:'FbDuvshanitLight';
}
/*-------End Input css--*/

/*-------Centering Unknowing--*/

.something-semantic {
  display: table;
  width: 100%;
}
.something-else-semantic {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}
.center-justified {
    text-align: justify;
    -moz-text-align-last: center;
    text-align-last: center;
}
/*-------End Centering Unknowing--*/

/*-------Hero--*/

#hero {
	position: relative;
	max-width: 1140px;
	margin: 0 auto;
}
.hero-img {
	width: 100%;
}
.top-shape {
	position: absolute;
	left: 0;
	top: 0;
	width: 30vw;
	max-width: 350px;
}
.logo {
	position: absolute;
	right: 20px;
	bottom: -14%;
    	width: 13vw;
	max-width: 180px;
}
.accessible {
	position: absolute;
	left: 25px;
	bottom: -6%;
	width: 6vw;
	max-width: 80px;
}
/*-------/Hero--*/
/*-------Content-1--*/
.content-1 h1 {
	font-size: 6rem;
}
.content-1 h2 {
	font-size: 2.3rem;
	margin-bottom: 0;
}
.content-1 h3 {
	font-size: 2.2rem;
	font-family: 'SemiComebackExtraBold';
	font-weight: 800;
	margin-top: 0;
}
.content-1 h3 small.purple {
	font-family: 'SemiComebackExtraBold';
}
.content-1 h3 small {
	font-family: 'SemiComebackReg';
}
.content-1 h4 {
	font-size: 1.3rem;
	font-family: 'SemiComebackReg';
	font-weight: 400;
	line-height: 1.8;
}
.luz-wrapper {
    display: flex;
    flex-direction: row-reverse;
    text-align: justify;
    color: #000;
}
.luz-wrapper ul {
    padding: 20px 40px;
    margin: 0 5px;
    list-style: none;
    /*background: rgba(144, 50, 134, .7);*/
}
.luz-wrapper ul li {
	position: relative;
	margin-bottom: 10px;
}
.luz-wrapper .li-icon {
	position: absolute;
	right: -20px;
	top: 3px;
}
.content-1 h4.luz-title {
    font-size: 1.5rem;
    font-family: 'SemiComebackExtraBold';
    line-height: 1.8;
    margin-bottom: 0;
}
.content-1 h4.ul-title {
	margin: 0;
}
/*-------/Content-1--*/
/*-------Content-2--*/
.content-2 h4 {
	line-height: 1.8;
}
.content-2 h3 {
	line-height: 1.5;
}
/*-------/Content-2--*/
#part-2 {
	max-width: 1140px;
	margin: 0 auto;
}
.section-img-row {
	margin: 30px 0;
}
.section-img {
	width: 100%;
	max-width: 1920px;
}
/*-------footer--*/
#footer {
	position: relative;
	padding: 60px 0;
	max-width: 1140px;
	margin: 0 auto;
}
.bottom-shape {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 14vw;
	max-width: 200px;
}
/*-------/footer--*/

.show-on-mobile {
	display: none;
}

@media all and (min-width: 1000px){
	p {
		font-size: 20px;
	}
}
@media  all and ( max-width:1000px ) { 
	.show-on-mobile {
		display: block;
	}
	.hide-on-mobile {
		display:none;
	}
	.luz-wrapper {
		flex-direction: column;
	}
	.luz-wrapper ul li {
	    margin-bottom: 15px;
	}
	.luz-wrapper .li-icon {
	    top: 0px;
	}
}

@media all and (max-width: 600px){

	h1, h2, h3, h4, h5, h6 {
	    	font-size: 6vw;
	}

}
@media all and (max-width: 425px){
	html, body, #main-wrapper {
	    font-size: 11px;
	}
	h1, h2, h3, h4, h5, h6 {
	    line-height: 1!important;
	}
	.logo {
	    right: 0;
	    bottom: -20%;
	    width: 21vw;
	}
	.accessible {
	    left: 5px;
	    bottom: -22%;
	    width: 12vw;
	}
	.content-1 h1 {
	    font-size: 3.5rem;
	}
	.content-1 h2 {
	    font-size: 1.5rem;
	    margin-bottom: 20px;
	}
	.content-1 h4 {
	    margin-bottom: 10px;
	}
	.content-2 h3 {
	    font-size: 1.5rem;
	}
	.content-2 h4 {
	    font-size: 1.7rem;
	}
	#footer {
	    position: relative;
	    padding: 20px 0;
	}
	.footer-img {
	     width: 250px;
	}
}