/* CSS Document */











body{







	font-family: os_aran_ffc400, arial ;



	color:#000;



	text-align:right;



    font-size:16px;



	direction:rtl;



	background:#f6f5f5;



}







*{







	margin:0;



	padding:0;



	-webkit-box-sizing:border-box;



	-moz-box-sizing: border-box;



	box-sizing: border-box;



}



img{



	max-width: 100%;



	height: auto;



}



























ul, li, ol{















	padding:0;















	margin:0;















	list-style:none;















}















img{















	border:none;















	padding:0;















	margin:0;















}















.cls{















	clear:both;















}















a{















	outline:none;















	color:#000;















	text-decoration:none;















}















a:hover{















	text-decoration:none;















	color:#00FFF6;















}















.hide,h1 b,h2 b,h3 b,h5 b,a i{















     position: absolute;















     left: -9999px;















}















input:focus{





	outline:none;





}















.input{















	font-family: "os_aran_ffc400";















}















.textarea{















	font-family: "os_aran_ffc400";















}















.select{















	font-family: "os_aran_ffc400";















}































.headerarea{















	width:100%;















	height:128px;















	background:#fff;















	position:relative;















-webkit-box-shadow: 0px 2px 40px -19px rgba(0,0,0,0.75);















-moz-box-shadow: 0px 2px 40px -19px rgba(0,0,0,0.75);















box-shadow: 0px 2px 40px -19px rgba(0,0,0,0.75);















}















.logo{















	text-align:center;















	padding:24px 0 0 0;















}















.socialbox{















	position:absolute;















	left:35px;















	top:48px;















}















.socialbox ul li{















	float:left;















	display:inline;















	text-indent:-99999px;















	margin:0 5px 0 0;















}















.socialbox ul li a{















	width:44px;















	height:44px;















	display:block;















	text-decoration:none;















}















.socialbox ul li.printertest a{















	background:url(images/social-icon01.png) no-repeat 0 0;















}















.socialbox ul li.printertest a:hover{















	background:url(images/social-icon01.png) no-repeat 0 -44px;















}















.socialbox ul li.googleplus a{















	background:url(images/social-icon02.png) no-repeat 0 0;















}















.socialbox ul li.googleplus a:hover{















	background:url(images/social-icon02.png) no-repeat 0 -44px;















}















.socialbox ul li.twitter a{















	background:url(images/social-icon03.png) no-repeat 0 0;















}















.socialbox ul li.twitter a:hover{















	background:url(images/social-icon03.png) no-repeat 0 -44px;















}















.socialbox ul li.facebook a{















	background:url(images/social-icon04.png) no-repeat 0 0;















}















.socialbox ul li.facebook a:hover{















	background:url(images/social-icon04.png) no-repeat 0 -44px;















}















.socialbox ul li.instagram a{















	background:url(images/social-icon05.png) no-repeat 0 0;















}















.socialbox ul li.instagram a:hover{















	background:url(images/social-icon05.png) no-repeat 0 -44px;















}















.menuicon{















	position:absolute;















	right:39px;















	top:39px;















	z-index:99999;















}















.navigationarea{















	width:100%;















	padding:40px 0 40px 0;















	background:#050a0d;















	color:#fff;















	text-align:center;















	position:absolute;















	top:128px;















	left:0;















	z-index:999999;















}















.sticky{















	position:fixed;















	z-index:999999;















	top:0;















}















.navigation{















	width:1100px;















	margin:0 auto;















	padding:0 0 0 0;















	overflow:hidden;















}















.navigation ul li{















	display:inline-block;















	padding:15px 20px 15px 20px;







font-family: "ReformaNarrowRegular";







font-weight:300;







font-size:36px;







}















.navigation ul li a{















	font-size:36px;















	color:#fff;















	text-decoration:none;







font-family: "ReformaNarrowRegular";







font-weight:300;















}















.navigation ul li a:hover{















	color:#00FFF6;















	text-decoration:none;















}















.searchicon{















	position:absolute;















	right:120px;















	top:45px;















}















.searchbox{















	min-width:210px;















	position:absolute;















	top:-5px;















	left:-240px;















	background:#ececec;















	padding:7px 10px 7px 10px;















	z-index:999999;















	display:block;















border-radius:6px;















}















.searchboxinfo{















	background:#ececec;















	padding:3px 0 3px 0;















	border:1px solid #ececec;















	overflow:hidden;















}















.searchboxinfo span{















	float:left;















	height:20px;















	font-size:11px;















	color:#000000;















	display:block;















	font-weight:bold;















	border-right:1px solid #ececec;















	text-align:right;















	padding:5px 3px 0 3px;















}















.searchboxinfo input{















	float:left;















	width:168px;















	height:15px;















	padding:5px 5px 5px 5px;















	border:none;















	color:#262626;















background:#ececec;















}















.searchicon input.search{















	width:40px;















	height:40px;















	border:none;















	padding:0;















	margin:0 0 0 5px;















	float:left;















	cursor:pointer;















}















.homebannerarea{















	padding:0 0 0 0;















	overflow:hidden;















	position:relative;















}















.homebanner{







	padding:0 0 0 0;







	overflow:hidden;







}







.homebanner img{







	width:100%;







	height:auto;







	display:inline-block;







}







.toplogo{







	position:absolute;







	bottom:25%;







	left:50%;







	margin-left:-155px;







	z-index:99999;







	max-width:310px;







top: 35%;







}







.toplogo img{







	width:100%;







	height:auto;







	display:inline-block;







}







.scrollbottom{







	position:absolute;







	bottom:145px;







	left:50%;







	margin-left:-19px;







}







.motoarea{







	padding:50px 0 50px 0;







	text-align:center;







	width:960px;







	margin:0 auto;







	overflow:hidden;







}







.motoarea p{







	font-size:19px;







	padding:0 0 5px 0;







}















.motoarea h2{















	font-size:20px;















	line-height:20px;















}















.postarea{















	width:1620px;















	margin:0 auto;















	padding:25px 0;















	overflow:hidden;















}















.singlepost{







	width:810px;







	height:405px;







	float:left;







	padding:0 0 0 0;







	background:#fff;







	position: relative;







	overflow:hidden;







}







.posttumbnailarea{



	width:50%;



	float:left;



	position:relative;



	overflow:hidden;



}







.thumbnail{



	padding:0 0 0 0;



	overflow:hidden;



}















.thumbnail img{















	width:100%;















	height:auto;















	display:inline-block;















	max-width:405px;















}















.icon{















	position:absolute;















	right:0;















	top:180px;















}















.icondiff{















	position:absolute;















	left:0;















	top:180px;















}















.postshortnote{















	width:50%;















	float:right;















	overflow:hidden;















}















.postshortinfo{















	padding:30px;















	overflow:hidden;















line-height: 22px;







letter-spacing: 0.1px;







    text-align: justify;







}















.postshortinfo h1{















	padding:15px 0 15px 0;







text-align: right;







	font-size:36px;















	line-height:24px;







font-family: "ReformaNarrowRegular";







font-weight: 300;















}















.postshortinfo h1 a{















	color:#000;















	text-decoration:none;







font-family: "ReformaNarrowRegular";







font-weight: 300;







}















.postshortinfo h1 a:hover{















	color:#00FFF6;















	text-decoration:none;







font-family: "ReformaNarrowRegular";







font-weight: 300;















}







.singlepost .cover-link{







	border: 1px solid transparent;







    bottom: 0;







    left: 0;







    position: absolute;







    right: 0;







    top: 0;







    transition: border-color 0.3s ease 0s, border-width 0.3s ease 0s;







    z-index: 10;







}







.singlepost .cover-link:hover, .singlepost .cover-link:focus {







	border-color: rgba(0,0,0,0.2);







	border-width: 15px;







}







.left{















	float:left;















}







.right{















	float:right;















}















.heading{















	text-align:center;















	padding:0 0 25px 0;















	overflow:hidden;















}















.container{















	padding:30px 0 20px 0;















	overflow:hidden;















}















.wrap{















	width:1040px;















	margin:0 auto;















	padding:0 0 0 0;















	overflow:hidden;















	background:#fff;















}















.pagecontent{















	padding:15px 30px 15px 30px;















	overflow:hidden;















}















.pagetitle{

	padding:10px 0 10px 0;

	text-align:center;

	overflow:hidden;

	border-bottom:3px solid #ededed;

	border-top:3px solid #ededed;

}

.pagetitli{

	padding:10px 0 5px 0;

	text-align:center;

	overflow:hidden;

	border-bottom:3px solid #ededed;

	border-top:3px solid #ededed;

}





h1 {font-family: "ReformaNarrowRegular";







font-weight: 300; font-size:36px;}







.pagetitle h1{















	font-size:36px;















	line-height:22px;







font-family: "ReformaNarrowRegular";







font-weight: 300;















}















.pageinfo{















	padding:25px 0 0 0;















	overflow:hidden;















}















.pageinfo p{















	padding:0 0 25px 0;















	line-height:20px;















}















.upscroll{















	text-align:center;















	padding:0 0 10px 0;















	overflow:hidden;















}















.upscroll p{















	font-size:30px;















	padding:0 0 40px 0;















}















.upscroll p a{















	color:#000;















	text-decoration:none;















}















.footertoparea{















	padding:25px 0 50px 0;















	background:#050a0d;















	overflow:hidden;















	color:#ededed;















}















.featuredproduct{















	padding:30px 30px 45px 30px;















	overflow:hidden;















	width:1620px;















	margin:15px auto;















	background:#fff;















}















.featuredproduct p{















	text-align:center;















	font-size:20px;















}















.featuredinfo{
	padding:0 0 0 0;
	overflow:hidden;
}
.singleitem{
	width:25%;
/* 	height:405px; */
	margin:0 0 0px 0;
	float:left;
	position:relative;
	overflow:hidden;
}
.home .singleitem{
	max-height: 406px;
}
.singleitem img{
	display: block;
	max-width: 100%;
}
.cover{
	position:absolute;
	text-align:center;
	padding:0 0 0 0;
	width:100%;
	height:100%;
	opacity:0;
	top:0;
	left:0;
	color:#fff!important;
	box-sizing:222;
	background:url(images/transparentbg.png) repeat top left;
	-moz-transition:all 0.5s;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}
.singleitem:hover .cover{
	opacity:1;
}
.singleitem:hover  img{
	 -ms-transform: scale(1.2,1.2); /* IE 9 */
    -webkit-transform: scale(1.2,1.2); /* Safari */
    transform: scale(1.2,1.2);
}
.singleitem img{
	-moz-transition:all 0.5s;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}
.cover h4{
	font-size:36px;
	line-height:30px;
	padding:49% 0 49% 0;
	font-family: "ReformaNarrowRegular";
	font-weight: 300;
}
.cover p{
	font-size:16px;
	padding:0 0 0 0;
}
.singleitem:hover .cover{
	display:block;
	cursor:pointer;
}
.footerarea{
	padding:25px 0 75px 0;
	background:#050a0d;
	overflow:hidden;
	color:#ededed;
}
.footerwrap{
	width:1040px;
	margin:0 auto;
	padding:0 0 0 0;
	overflow:hidden;
}















.footerlogo{















	padding:0 0 35px 0;















	text-align:center;















	overflow:hidden;















}















.footerlogo img{















	width:100%;















	height:auto;















	display:inline-block;















	max-width:313px;















}















.footerlogo p{















	padding:15px 0 0 0;















	font-size:22px;















}















.newsletterbox{















	width:935px;















	margin:0 auto;















	padding:0 0 105px 0;















	overflow:hidden;















}















.newsletterbox input{















	width:704px;















	float:right;















	height:48px;















	font-size:25px;















	color:#fff;















	padding:0 25px 0 25px;















	border:1px solid #fff;















	border-left:none;















	background:none;















}















.newsletterbox input::-webkit-input-placeholder {















	color:#fff !important;















}















.newsletterbox input:-moz-placeholder { /* Firefox 18- */















	color:#fff !important;















}















.newsletterbox input::-moz-placeholder {  /* Firefox 19+ */















	color:#fff !important;















}















.newsletterbox input:-ms-input-placeholder {















	color:#fff !important;















}















.newsletterbox input.send{















	width:180px;















	border:none;















	float:left;















	height:50px;















	background:#fff;















	cursor:pointer;















	font-size:25px;















	color:#000;















}















.footermenu{















	padding:0 0 90px 0;















	overflow:hidden;















}















.widgettitle{















	padding:0 0 10px 0;







	overflow:hidden;







font-family: "ReformaNarrowRegular";







font-weight: 300;







font-size: 26px;







}















.col01{















	width:20%;















	float:left;















	overflow:hidden;















}















.col01 ul li{















	width:100%;















	display:inline-block;















	padding:0 0 3px 0;















}















.col01 ul li a{















	text-decoration:none;


font-family:"os_aran_ffc400" !important;

	color:#ededed;


}















.col01 ul li a:hover{















	text-decoration:none;















	color:#fff;















}















.col02{















	width:20%;















	float:right;















	overflow:hidden;















}















.col02 ul li{















	padding:0 0 3px 0;















}















.col02 ul li a{















	text-decoration:none;















	color:#ededed;















}















.col02 ul li a:hover{















	text-decoration:none;















	color:#fff;















}















.copyrightinfo{















	padding:0 0 0 0;















	overflow:hidden;















	font-size:12px;















}















.copyrightinfo span{















	padding:0 0 0 200px;















}















.copyrightinfo a{















	text-decoration:underline;















	color:#ededed;















	margin:0 0 0 15px;







font-family: arial;















}















.copyrightinfo a:hover{















	text-decoration:none;















	color:#fff;







font-family: arial;







}















.nopadding{















	padding:0;















}















.inner{















	padding-top:20px;















}















































/* for contact page */















































.banner{















	padding:0 0 0 0;















	overflow:hidden;















}















.banner img{















	width:100%;















	height:auto;















	display:inline-block;















}















.contactformarea{















	padding:20px 0 0 0;















	overflow:hidden;















}















.contactlist{

	padding:0 0 30px 0;

	overflow:hidden;

}

.contactlist input{

	width:100%;

	height:38px;

	font-size:16px;

	color:#3c3c3c;

	padding:10px 3% 10px 3%;

	background:#ededed;

	border:none;

	direction:rtl;

font-family: "os_aran_ffc400" !important;

}

.contactlist textarea{

	width:100%;

	height:120px;

	font-size:25px;

	color:#3c3c3c;

	padding:10px 3% 10px 3%;

	background:#ededed;

	border:none;

	resize:none;

	direction:rtl;

}

.contactlist input.go{

	width:106px;

	height:40px;

	font-size:16px;

	color:#fff;

	padding:0 0 0 0;

	background:#050a0d;

	border:none;

	cursor:pointer;

}

.contactlist input.go:hover{

	color:#000;

	background:#00FFF6;

	cursor:pointer;

}

.contactlists{

	padding:0 0 30px 0;

	overflow:hidden;

margin-top:-20px;

}

.contactlists input.go{

	width:106px;

	height:40px;

	font-size:16px;

	color:#fff;

	padding:0 0 0 0;

	background:#050a0d;

	border:none;

	cursor:pointer;

font-family: os_aran_ffc400, arial ;

}

.contactlists input.go:hover{

	color:#000;

	background:#00FFF6;

	cursor:pointer;

font-family: os_aran_ffc400, arial ;

}











.center{















	text-align:center;















}















































/* for gallery page */















































.galleryitem{















	width:405px;















	height:405px;















	margin:0 0 0 0;















	float:left;















	position:relative;















	overflow:hidden;























}







.posttitle{















	position:absolute;















	bottom:20px;















	right:20px;















	margin:0 0 0 20px;















	overflow:hidden;















	z-index:999;















}















.posttitle h1{















	background:url(images/transparentbg.png) repeat top left;















	padding:10px 15px;















	font-size:16px;















	font-weight:normal;















	color:#000;







font-family: "ReformaNarrowRegular";







font-weight: 300;







}















.posttitle h1 a{















	color:#000;















	text-decoration:none;















}















.posttitle h1 a:hover{















	color:#cd0008;















	text-decoration:none;















}































































/* for blog page */















































.postdatebox{















	text-align:center;















	padding:10px 0 10px 0;















	border-bottom:3px solid #ededed;















	overflow:hidden;















}















.pagination{















	padding:0 0 45px 0;















	overflow:hidden;















	width:1040px;















	margin:0 auto;















	font-size:18px;















}















.pagination a{















	color:#000;















	text-decoration:none;















}















.pagination a:hover{















	color:#00FFF6;















	text-decoration:none;















}















.previous{















	float:left;















}















.next{















	float:right;















}















.login{















	padding:0 0 20px 0;















	overflow:hidden;















}















.commentbox{















	padding:20px;















	margin:0 0 15px 0;















	overflow:hidden;















	border:1px solid #999;















}















.comments{















	padding:10px 0 0 0;















	overflow:hidden;















}















.searchlist{















	border-bottom:1px solid #333;















	padding:0 0 20px 0;















	overflow:hidden;















	margin:0 0 20px 0;















}































.comti {















    -moz-border-bottom-colors: none;















    -moz-border-left-colors: none;















    -moz-border-right-colors: none;















    -moz-border-top-colors: none;















    background-attachment: scroll;















    background-clip: border-box;















    background-color: #ededed;















    background-image: none;















    background-origin: padding-box;















    background-position: 0 0;















    background-repeat: repeat;















    background-size: auto auto;















    border-bottom-color: -moz-use-text-color;















    border-bottom-style: none;















    border-bottom-width: medium;















    border-image-outset: 0 0 0 0;















    border-image-repeat: stretch stretch;















    border-image-slice: 100% 100% 100% 100%;















    border-image-source: none;















    border-image-width: 1 1 1 1;















    border-left-color: -moz-use-text-color;















    border-left-style: none;















    border-left-width: medium;















    border-right-color: -moz-use-text-color;















    border-right-style: none;















    border-right-width: medium;















    border-top-color: -moz-use-text-color;















    border-top-style: none;















    border-top-width: medium;















    color: #000;















    direction: rtl;















    font-size: 25px;















    height: 38px;















    padding-bottom: 0px;















    padding-left: 3%;















    padding-right: 3%;















    padding-top: 10px;















    width: 94%;















    font-weight: bold;















}















.alignrighttxt{















	text-align:right;















}















.businessarea{















	padding:25px 0 25px 0;















	overflow:hidden;















line-height: 30px;















}















.comentcount h1{















	float:right;















}















.comentcount span{















	float:left;















}















.alignleft{















	float:left;















	padding:0 10px 0 0;















}















.alignright{















	float:right;















	padding:0 0 0 10px;















}































#loadMoreContainer {















   margin: 0 auto;















}































a#loadMore {















   display: block;















   width: 120px;















   text-align: center;















   background-color: black;















   color: white;















   margin: 0 auto;















   text-decoration: none;















   font-weight: bold;































   -webkit-border-radius: 6px;















   -moz-border-radius: 6px;















   border-radius: 6px;































   padding: 15px;















}































.readmore {background:#00FFF6; padding-top:8px; padding-bottom:8px; padding-right:10px; padding-left:10px; position: relative; top: 20px;}















.readmore:hover {background:#00FFF6; color:#000; padding:10px; position: relative; top: 20px;}















.bottom { line-height: 16px !important; background:#00FFF6; color:#000!important; padding-top:8px!important; padding-bottom:8px!important; padding-right:10px; padding-left:10px; margin-top: 20px; float: right; margin-left: 10px;}



.bottom:hover { line-height: 16px !important; background:#00FFF6; color:#000!important; padding-top:8px!important; padding-bottom:8px!important; padding-right:10px; padding-left:10px; margin-top: 20px; float: right; margin-left: 10px;}





.bogi{margin-bottom:90px;}







input[type=submit] {







    -webkit-border-radius:0px!important;







}







#oldpost {color:#fff;}







.site-header .search-form {







	position: absolute;







	right: 200px;







	top: 200px;







}















.search-form {







	position: absolute;







	right: 20px;







	top: 1px;







}















.search-field {







	background-color: transparent;







	background-image: url('https://gridi.co.il/wp-content/themes/gridi/images/search-icon.png');







	background-position: 5px center;







	background-repeat: no-repeat;







	background-size: 50px 50px;







	border: none;







	cursor: pointer;







	height: 54px;







	margin: 0;







margin-right: -20px;







    margin-top: -8px;







	padding: 0 0 0 60px;







	position: relative;







	-webkit-transition: width 400ms ease, background 400ms ease;







	transition:         width 400ms ease, background 400ms ease;







	width: 0;







}















.search-field:focus {







	background-color: #fff;







	border: 2px solid #000;







	cursor: text;







	outline: 0;







	width: 230px;







}















.search-submit {







  display: none;







}















input[type="search"] {







  -webkit-appearance: textfield;







}







.addtoany_list a img {height:30px!important;}







.wp-caption-text {color: #fff;  margin-top: -30px; padding-right: 10px !important;}







#buton {text-decoration:none; color:black;     background-attachment: scroll;







    background-clip: border-box;







    background-color: #00fff6;







    background-image: none;







    background-origin: padding-box;







    background-position: 0 0;







    background-repeat: repeat;







    background-size: auto auto;







    margin-left: 10px;







    margin-top: 20px;







    padding-bottom: 7px;







    padding-left: 10px;







    padding-right: 10px;







    padding-top: 7px;}















#buton:hover {text-decoration:none; color:white; background-attachment: scroll;







    background-clip: border-box;







    background-color: #000;







    background-image: none;







    background-origin: padding-box;







    background-position: 0 0;







    background-repeat: repeat;







    background-size: auto auto;







    margin-left: 10px;







    margin-top: 20px;







    padding-bottom: 7px;







    padding-left: 10px;







    padding-right: 10px;







    padding-top: 7px;







}







.marg {margin-top:10px;}







option:checked,



option:hover {



    color: white;







}



.footerarea .wpcf7-form-control-wrap{



	margin-left: 0 !important;



}



.footerarea .wpcf7-select,



.footerarea .wpcf7-email{



	width:100%;

height:35px!important;



}



.footerarea .wpcf7-submit{



	float:right !important;



}



.featuredinfo .singleitem{



	width:25%;



	float:left;



}



input[type='submit']{



  appearance: none;



  -webkit-appearance: none;



  -moz-appearance:none;



}



select{



	outline:none;



}



.select2{



	border:1px solid gray;



	padding:5px 0;



}



.footerwrap .select2{

	margin-top:7px !important;

	border:2px solid gray!important;

}



.select2 .selection span{



	background:transparent;

outline: 0!important;

border:none !important;

direction:rtl!important;

}



.select2-container--default .select2-selection--single{



	padding:0;



	color:#808080;



	border-radius: 0 !important;



outline: 0!important;

border:none !important;

direction:rtl;



}



.select2-container--default .select2-selection--single .select2-selection__rendered{



	font-weight: normal;



	color:#808080 !important;



direction:rtl!important;



}



.select2-results__option[aria-selected]:first-child{



/* 	border-top:1px solid #AAAAAA; */

direction:rtl;

display:none;

}



.select2-container--default .select2-results__option[aria-selected="true"],



.select2-container--default .select2-results__option:hover{



	background:#050a0d!important;



	color:#808080!important;

border:0px!important;



}



.select2-results__option[aria-selected]{



	background:#050a0d!important;



	color:#fff;



}



.select2 .selection ul li{



	background:#050a0d;



}



.select2-container--default .select2-selection--single .select2-selection__arrow{



	top:4px !important;



}



.footerwrap .select2-container--default .select2-selection--single .select2-selection__arrow{



	top:8px !important;



}







input[type='submit']{



  appearance: none;



  -webkit-appearance: none;



  -moz-appearance:none;



}



.footerwrap #foc{



	margin-top:-7px;

height:42px!important;

border-color:gray!important;

color:#fff!important;

border-radius:0px!important;



}



.a2a_button_whatsapp {display:none!important;}

.select2-container{

	margin-top:0 !important;

}

.bottm {color:#000!important;}

.bottm:hover {color:#000!important;}

.view {float:left;}

.pit {

    width: 100% !important;

}
.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}

.video-container iframe,  
.video-container object,  
.video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.entry-content img, 
.entry-content iframe, 
.entry-content object, 
.entry-content embed {
        max-width: 100%;
}