/******************************************************************
Theme Name: החברה הגיאוגרפית - טפסים
Description: 
Author: GOOLA
Author URI: http://www.goola-la.com
Version: 1.0
*/


@font-face{
	font-family: 'Simpler';
  src: url('font/SimplerPro_V3-Regular.eot');
  src: url('font/SimplerPro_V3-Regular.eot?#iefix') format('embedded-opentype'),
       url('font/SimplerPro_V3-Regular.woff') format('woff'),
       url('font/SimplerPro_V3-Regular.ttf') format('truetype'),
       url('font/SimplerPro_V3-Regular.svg#webfont') format('svg');
}
@font-face{
	font-family: 'Simpler-Bold';
  src: url('font/SimplerPro_V3-bold.eot');
  src: url('font/SimplerPro_V3-bold.eot?#iefix') format('embedded-opentype'),
       url('font/SimplerPro_V3-bold.woff') format('woff'),
       url('font/SimplerPro_V3-bold.ttf') format('truetype'),
       url('font/SimplerPro_V3-bold.svg#webfont') format('svg');
}



html,body {
	margin:0;
	padding:0;
	font-family:'Simpler';
	font-size:18px;
	line-height:24px;
	color:#686868;
}

.mainImage .imgrap .logo {
	position:absolute;
	top:40px;
	right:40px;
}
.mainImage .imgrap {
	position:relative;
}
.mainImage img {
	display:block;
	max-width:100%;
	margin:auto;
}
.entry h1 {
	font-family: 'Simpler-Bold';
	font-style: normal;
	font-weight: 400;
	font-size: 36px;
	line-height: 19px;
	color:#3B3B3B;
	margin-bottom:20px;
	margin-top:52px;
}
.entry .text {
	margin-top:53px;
	padding-bottom:28px;
	border-bottom:1px solid #A1813C;
	margin-bottom:-30px;
}
.entry .info span {
	display:inline-block;
	margin-left:60px;
}
.formBox {
	display:block;
	margin:auto;
	width:900px;
	max-width:calc(100% - 224px);
	padding:0 112px 80px;
	overflow:hidden;
}
.group .gtitle {
	color:#3B3B3B;
	font-family:'Simpler-Bold';
	font-weight:normal;
	font-size:24px;
	line-height:28px;
	margin-bottom:18px;
	margin-top:80px;
}
.group .gtext p {
	margin:0;
}
.group .gtext {
	font-size:15px;
	line-height:18px;
	margin-bottom:8px;
}
.group {
	width:calc(100% + 24px);
}
.irap label p {
	margin:0;
	display:inline-block;
}
.irap.itype-checkbox label.hide1 {
	top:12px;
}
.irap label.hide1 {
	line-height: 0;
    font-size: 0;
    position: absolute !important;
    top: 0;
}
.irap.width-2third {
	width:calc(66.667% - 20px);
}
.irap.width-full {
	width:100%;
	margin-left:0;
}
.irap {
	width:calc(33.333% - 24px);
	display:inline-block;
	margin-left:24px;
	vertical-align:top;
	margin-top:32px;
	position:relative;
}
.irap.itype-stars {
	border-top:1px solid #E9E8E8;
	padding-top:12px;
}
.irap.itype-stars.prev-stars {
	margin-top:12px;
}
.irap.itype-stars .hstars span {
	display:inline-block;
	width:36px;
	margin-right:32px;
	white-space:nowrap;
	text-align:center;
}
.irap.itype-stars .hstars {
	position: absolute;
    left: 0;
    font-size: 15px;
    top: -28px;
}
.irap.itype-stars label {
	display: inline-block;
    width: calc(100% - 340px);
    padding-top: 8px;
}
.irap.itype-stars .star input {
	position:absolute;
	width:32px;
	height:32px;
	opacity:0;
	cursor:pointer;
	z-index:1;
	margin:0;
	padding:0;
}
.irap.itype-stars .stars-rap {
	float:left;
	height:32px;
}
.irap.itype-stars .star .hidden {
	display:none;
}
.irap.itype-stars .star {
	display:inline-block;
	position:relative;
	width:32px;
	height:32px;
	margin-right:36px;
}
.irap.itype-stars[data-val="5"] .star.s5 svg path ,
.irap.itype-stars[data-val="5"] .star.s4 svg path ,
.irap.itype-stars[data-val="5"] .star.s3 svg path ,
.irap.itype-stars[data-val="5"] .star.s2 svg path ,
.irap.itype-stars[data-val="5"] .star.s1 svg path,
.irap.itype-stars[data-val="4"] .star.s4 svg path ,
.irap.itype-stars[data-val="4"] .star.s3 svg path ,
.irap.itype-stars[data-val="4"] .star.s2 svg path ,
.irap.itype-stars[data-val="4"] .star.s1 svg path,
.irap.itype-stars[data-val="3"] .star.s3 svg path ,
.irap.itype-stars[data-val="3"] .star.s2 svg path ,
.irap.itype-stars[data-val="3"] .star.s1 svg path,
.irap.itype-stars[data-val="2"] .star.s2 svg path ,
.irap.itype-stars[data-val="2"] .star.s1 svg path,
.irap.itype-stars[data-val="1"] .star.s1 svg path {
	fill:#A1813C;
}
.irap.itype-stars .star input:focus + svg path {
	fill:gray;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.group .irap.itype-phone label.mlabel,
.group .irap.itype-email label.mlabel,
.group .irap.itype-text label.mlabel {
	position:absolute;
	right:9px;
	top:8px;
	transition:all 0.5s;
}
.group .irap.itype-phone.focus label.mlabel ,
.group .irap.itype-phone.full label.mlabel,
.group .irap.itype-email.focus label.mlabel ,
.group .irap.itype-email.full label.mlabel,
.group .irap.itype-text.focus label.mlabel ,
.group .irap.itype-text.full label.mlabel {
	font-size:14px;
	top:-24px;
}
.irap.itype-text input:focus {
	border-color:black;
}
form .irap.itype-phone:before {
	content:"-";
	position:absolute;
    left: 57px;
    top: 8px;	
}
form .irap.itype-phone input.pref {
	width: 35px;
    float: left;
}
form .irap.itype-phone input {
	float: right;
    width: calc(100% - 36px - 35px - 16px);
}
.irap.itype-textarea textarea,
.irap.itype-phone input ,
.irap.itype-email input ,
.irap.itype-text input {
	outline:none;
	position:relative;
	background:transparent;
	width:calc(100% - 18px);
	display:block;
	height:40px;
	line-height:40px;
	font-family:'Simpler';
	font-size:18px;
	border:1px solid #ADABAB;
	padding:0 8px;
}
.formBox .irap.itype-checkbox .checkbox-rap input[type="checkbox"]:checked + label::after {
	content:"";
    position: absolute;
    width: 5px;
    height: 11px;
    border-bottom: 2px solid #A1813C;
    border-right: 2px solid #A1813C;
    right: 2px;
    transform: rotate(33deg);
    background: white;
    top: 3px;	
}
.formBox .irap.itype-radio .option-rap label ,
.formBox .irap.itype-checkbox .checkbox-rap label {
	padding-right: 24px;
    white-space: nowrap;
}
.formBox .irap.itype-radio .option-rap input ,
.formBox .irap.itype-checkbox .checkbox-rap input {
	position: absolute;
    cursor: pointer;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    opacity: 0;
	z-index:1;
}
.formBox .irap.itype-radio .option-rap input:checked + label:before ,
.formBox .irap.itype-checkbox .checkbox-rap input[type="checkbox"]:checked + label:before {
	border-color:#A1813C
}
.formBox .irap.itype-checkbox .checkbox-rap label:before {
	content:"";
	width:13px;
	height:13px;
	position:absolute;
	right:0;
	top:6px;
	border:1.5px solid #686868;
	border-radius:2px;
}
.formBox .irap.itype-radio span.option-rap {
	margin-left:4px;
	margin-right:24px;
}
.formBox .irap.itype-checkbox .check-rap .text-rap.focus label ,
.formBox .irap.itype-checkbox .check-rap .text-rap.full label {
	font-size: 14px;
    top: -22px;
}
.formBox .irap.itype-checkbox .check-rap .text-rap label {
	position:absolute;
	right:8px;
	top:4px;
	transition:all 0.5s;
}
.formBox .irap.itype-checkbox .check-rap .text-rap input {
	outline: none;
    position: relative;
    background: transparent;
    width: 200px;
    display: block;
    height: 28px;
    line-height: 28px;
    font-family: 'Simpler';
    font-size: 18px;
    border: 1px solid #ADABAB;
    padding: 0 8px;
}
.formBox .irap.itype-checkbox .check-rap .text-rap {
    margin-right: 20px;
    display: inline-block;
	position:relative;
	margin-top:12px;
}
.formBox .irap.itype-checkbox .check-rap {
    margin-left: 60px;
    display: inline-block;
}
.formBox .irap.itype-radio .option-rap,
.formBox .irap.itype-checkbox .checkbox-rap {
	position: relative;
    display: inline-block;
	margin-bottom:16px;
}
.formBox .irap.itype-radio .option-rap input:checked + label:after {
	content:"";
	background:#A1813C;
	position:absolute;
	width:8px;
	height:8px;
	right: 4px;
    top: 10px;
    border-radius: 20px;
}
.formBox .irap.itype-radio .option-rap label:before {
	content:"";
	position:absolute;
	width:14px;
	height:14px;
	right:0;
	top:6px;
	border:1px solid #686868;
	border-radius:20px;
}
.formBox .irap.itype-radio .option-rap label {
	padding-right:28px;
}
.formBox .irap.itype-textarea textarea {
	height:96px;
	margin-top:8px;
	line-height:24px;
	padding:8px;
}
.form-bottom {
	border-top:1px solid #E9E8E8;
	margin-top:62px;
	padding-top:32px;
	position:relative;
}
.form-bottom .tumsg p {
	margin:0;
}
.formBox.sentok .form-bottom .tumsg ,
.formBox.sent .form-bottom .tumsg {
	display:block;
}
.form-bottom .tumsg {
	font-size:24px;
	line-height:28px;
	margin-top:20px;
	display:none;
	position: absolute;
    bottom: 0;
    background: white;
    min-height: 60px;
}
.form-bottom .errmsg {
	color:red;
	margin-top:20px;
	display:none;
}
.formBox .submit:after {
	content:"";
	display:inline-block;
	vertical-align:middle;
	background:white;
	width:14px;
	height:1px;
	margin-right:10px;
	position:relative;
}
.formBox .submit {
	background:#A1813C;
	color:white;
	position:relative;
	display:inline-block;
	font-family:'Simpler-Bold';
	font-size:24px;
	line-height:52px;
	cursor:pointer;
	border:0;
	padding:0 20px;
	margin-top:24px;
}
.irap.err textarea,
.irap.err input {
	border-color:red;
}
.irap.err label.mlabel {
	color:red;
}
.irap.imand1 label.mlabel {
	position:relative;
}
.group .irap.imand1.itype-radio label.mlabel:before {
	top:0;
}
.group .irap.imand1.itype-phone label.mlabel:before,
.group .irap.imand1.itype-email label.mlabel:before,
.group .irap.imand1.itype-text label.mlabel:before {
	top:0px;
	font-size:12px;
}
.irap.imand1 label.mlabel:before {
	content:"*";
	position:absolute;
	right:-8px;
	top:5px;
	font-size:14px;
}

@media only screen and (max-width:800px) { /* MOBILE */
	.formBox {
		width: auto;
		max-width: 90%;
		padding: 20px 5vw;
	}
	.group {
		width: auto;
	}
	.group .gtitle {
		margin-top:40px;
	}
	.irap.width-2third,
	.irap {
		width:auto;
		display:block;
		margin-left:0;
		overflow:auto;
	}
	.irap.itype-email,
	.irap.itype-phone,
	.irap.itype-text {
		overflow:visible;
		height:42px;
	}
	.irap.itype-stars {
		overflow:hidden;
	}
	.irap.itype-stars label {
		width: auto;
		padding-top: 0;
		padding-bottom: 8px;
	}
	.irap.itype-stars .hstars {
		display:none;
	}
	.irap.itype-stars .star .hidden { 
		display: block;
		position: relative;
		font-size: 14px;
		line-height: 16px;
	}
	.irap.itype-stars .hstars span {
		display: block;
		width: 100%;
		margin-right: 0;
		white-space: nowrap;
		text-align: center;
	}
	.irap.itype-stars .stars-rap {
		display: flex;
		float: none;
		width: 100%;
		height:auto;
	}
	.irap.itype-stars .star {
		width: 100%;
		margin-right: 0;
		text-align: center;
		height:auto;
	}
	.formBox .irap.itype-checkbox .check-rap {
		margin-left: 0;
		display: block;
	}
	.formBox .irap.itype-checkbox .check-rap .text-rap input {
		width: calc(100% - 16px);
	}
	.formBox .irap.itype-checkbox .check-rap .text-rap {
		margin-right: 23px;
		display: block;
		position: relative;
		margin-top: 0;
		margin-bottom: 12px;
		width: calc(100% - 23px - 2px);
	}
}