/* ----------------------------------- FLIP CARDs */

.flip-card {

	background-color: transparent;

	width: 261px;

	height: 284px;

	perspective: 1000px;

	margin-right: 10px;

}



.flip-card-inner {

	position: relative;

	width: 100%;

	height: 100%;

	text-align: center;

	transition: transform 0.6s;

	transform-style: preserve-3d;

	box-shadow: 3px 2px 6px 2px rgb(0 0 0 / 7%);

}



/* .flip-card:hover .flip-card-inner {

	transform: rotateY(180deg);

  }

  

  .flip-card-front, .flip-card-back {

	position: absolute;

	width: 100%;

	height: 100%;

	-webkit-backface-visibility: hidden;

	backface-visibility: hidden;

  } */

.featured .flip-card:hover .flip-card-inner {

	transform: rotateY(180deg);

}



.featured .flip-card-front,
.featured .flip-card-back {

	position: absolute;

	width: 100%;

	height: 100%;

	-webkit-backface-visibility: hidden;

	backface-visibility: hidden;

}



.flip-card-front {

	background-color: #fff;

	color: black;

}

.flip-card-back {

	background-color: #343433;

	color: white;

	transform: rotateY(180deg);

}



.expertise-flip-card {

	margin: 59px 0 23px;

}



.expertise-flip-card .title-block {

	height: 282px;

	background-color: #344975;

	width: 618px;

	color: #fff;

	position: absolute;

	z-index: -1;

	right: 0;

	top: -65px;

	text-align: right;

	padding-right: 2.5%;

}

.expertise-flip-card .title-block h3 {

	letter-spacing: 0px;

}

.expertise-flip-card .flip.flex {

	justify-content: flex-end;

}


.expertise-flip-card .flip.flex .double.flex {

	flex-direction: column;

}



.double .flip-card {

	width: 261px;

	height: 137px;

}

.expertise-flip-card .flip-card-front.flex {

	padding: 23px 10px;

	justify-content: flex-end;

}

body:not(.rtl) .expertise-flip-card .flip-card-front.flex {
	font-size: 16px;
	flex-wrap: nowrap;
}

.expertise-flip-card .flip-card-front.flex:hover {

	font-weight: bold;

	text-decoration: underline;

}



.expertise-flip-card .flip-card-front.flex span {

	position: relative;

}

.expertise-flip-card .flip-card-front.flex.center img {

	margin: 0 auto 4px;

	height: 47px;

	width: auto;

}

.expertise-flip-card .featured .flip-card-front.flex.center img {

	margin: 0px auto 40px;

	height: 109px;

}

.expertise-flip-card .flip-card-back .inner {

	padding: 22px 18px 21px;

}

.expertise-flip-card .flip-card-back .inner div {

	line-height: 1.14;

	margin-bottom: 10px;

	font-size: 14px;

}

.expertise-flip-card .flip-card-back .inner div b {

	margin-bottom: 19px;

	font-size: 18px;

	line-height: 1px;

}

.expertise-flip-card .flip-card-back .inner div.inner-bottom {

	width: 30%;

	flex-direction: column;

	justify-content: flex-start;

	margin-top: 3px;

}

.expertise-flip-card .flip-card-back .inner-bottom img {

	height: 16px;

	width: auto;

	margin-bottom: 11px;

	object-fit: contain;

	filter: contrast(0.1);

}

.expertise-flip-card .flip-card-back .inner-bottom span {

	font-size: 12px;

}



/* ----------------------------------- Video strip */



.about-video-strip {

	position: relative;

	background-repeat: no-repeat;

	background-size: cover;

	color: #fff;

	text-align: right;

	padding: 5% 0;

}



.about-video-strip .textual-content {

	width: 50%;

	margin-right: 0;

}



.about-video-strip .textual-content h3 {

	margin-bottom: 24px;

}

.about-video-strip .textual-content p,

.about-video-strip .textual-content div {

	font-size: 24px;

	line-height: 36px;

}

.about-video-strip .textual-content p b,

.about-video-strip .textual-content div b {

	margin-bottom: 12px;

	display: block;

}

.about-video-strip .video-play {

	display: block;

	text-align: center;

	position: absolute;

	left: 18%;

	top: 50%;

	transform: translateY(-50%);

}

.about-video-strip .transp-btn.white {

	margin-top: 19px;

}

.about-video-strip .video-play span {

	color: #fff;

	display: block;

	font-size: 14px;

}

.about-video-strip .video-play img {

	width: 100px;

	height: auto;

}

.about-video-strip .video-play img:hover {

	filter: grayscale(1);

}



.about-video-strip .decoration-blue-box:after {

	content: '';
	display: none;

	position: absolute;

	left: 0;

	top: 50%;

	transform: translateY(87%);

	background-color: #344975;

	width: 324px;

	height: 66px;

}

/*  ----------------------------------- Quiz strip   -   */

.quiz-section {

	padding: 73px 0 62px;

	overflow: hidden;

}

.quiz-section .site-width {

	z-index: 1;

}

.quiz-section .background-image {

	position: absolute;

	bottom: 0;

	left: 0;

	height: 100%;

	z-index: 0;

}

.quiz-section .background-image .image {

	height: 100%;

	overflow: hidden;

	width: 678px;

	display: flex;

	background-size: cover;

	background-repeat: no-repeat;

	background-position: center;

	position: absolute;

	top: auto;

	left: 0;

	bottom: 0;

}

body:not(.rtl) .quiz-section .background-image, body:not(.rtl) .quiz-section .background-image .image {
    left: unset;
    right: 0;
}

.quiz-section .quiz_extra.flex {

	margin: 48px 0 0;

}

.quiz-section .wrapper {

	max-width: 900px;

	width: 100%;

}

.quiz-section h4.question {

	margin-top: 24px;

}

.quiz-section ol {

	align-items: stretch;
	width: 100%;

}

.quiz-section ol.sub {
	display: none;
}


.quiz-section li {

	border: 1px solid #fff;

	flex: 1;

	text-align: center;

	margin-left: 7px;

	padding: 9px 5px;

	background-color: transparent;

	color: #fff;

	cursor: pointer;

}

body:not(.rtl) .quiz-section li {
    margin-right: 7px;
    margin-left: 0;
}

.quiz-section li:last-child,
.quiz-section input:last-child {

	margin-left: 0px;

}



.quiz-section li:hover,
.quiz-section li.selected {

	color: #344975;

	background-color: #fff;

}

.quiz-section .step2 ol:not(.sub)>li {
	display: none;
}

.quiz-section .step2 ol.sub_show {
	display: flex;
}

.quiz-section button.back {

	font-size: 18px;

	margin: 0;

	border-radius: 0;

	border: none;

	background: transparent;

	padding: 0 15px 0;

	width: auto;

	display: inline;

	position: relative;

	color: #fff;

	cursor: pointer;
	opacity: 0;

}

.quiz-section button.back:after {

	content: '';

	position: absolute;

	right: 0;

	top: 40%;

	width: 8px;

	height: 9px;

	background-image: url(http://rubin-vimer.webstickprojects.co.il/wp-content/themes/rubin/images/right-arrow-white.png)
}

body:not(.rtl) .quiz-section button.back:after {
    right: unset;
    left: 0;
    transform: rotate(180deg);
}

.quiz-section .quiz_body {

	margin: 16px 0;

}

.quiz-section button.show-next.disabled {

	background-color: #2e4168;
	border: 1px solid #2e4168;
	color: #5c6883;
	font-weight: bold;

}

.quiz-section button.show-next {

	-webkit-transform: translateX(100%);

	-ms-transform: translateX(100%);

	transform: translateX(100%);

	width: -webkit-max-content;

	width: -moz-max-content;

	width: max-content;

	margin-left: 0;

	margin-top: 15px;

	background-color: transparent;

	color: #fff;

	border: 1px solid #fff;

	padding: 10px 49px;

	margin-right: 100%;

	display: inline;

	opacity: 1;

	font-size: inherit;
	font-family: inherit;

}

.quiz-section button.show-next:not(.disabled) {
	cursor: pointer;
}

body:not(.rtl) .quiz-section button.show-next {
    margin-left: auto;
    margin-right: 7px;
    transform: unset;
    display: block;
}

.quiz-section button.show-next:hover {

	background-color: #343433;

	border: 1px solid #343433;

}

/* .quiz-section button.show-next:focus {

	opacity: 0.5;

} */

@media only screen and ( min-width: 1024px ) {
	body:not(.rtl) .expertise-flip-card .title-block {
		right: unset;
		left: 0;
		padding-right: 0;
		padding-left: 2.5%;
		text-align: left;
	}

	body:not(.rtl) .expertise-flip-card .title-block h3 {
		text-align: left;
		font-size: 50px;
		max-width: 300px;
	}

	body:not(.rtl) .expertise-flip-card .featured .flip-card {
		width: 400px;
	}

	body:not(.rtl) .quiz-section h3 {
		font-size: 60px;
		max-width: 55%;
	}

	body:not(.rtl) .quiz-section button.back {
		padding-left: 15px;
	}
}

.quiz-section .wrapper.send h4 {

	line-height: 30px;

	margin: 50px 0 20px;

}

.quiz-section .thank-you {

	text-align: right;

	background-position-x: right;

}



@media (max-width: 1625px) {

	.expertise-flip-card {

		padding: 100px 0 101px;

	}

	.expertise-flip-card .title-block {

		justify-content: flex-start;

		top: -112px;

		padding-top: 17px;

	}

	body:not(.rtl) .expertise-flip-card .title-block h3 {
		text-align: left;
		font-size: 60px;
		max-width: unset;
	}

	.quiz-section .background-image .image {

		width: 378px;

	}

}

@media (max-width: 1199px) {

	.expertise-flip-card .flip.flex {

		justify-content: space-evenly;

	}

	.quiz-section {

		padding: 50px 0 0;

	}

	.quiz-section .background-image {

		position: relative;

		bottom: auto;

		left: auto;

		height: 183px;

		height: 20vh;

		z-index: 1;

	}

	.quiz-section .background-image .image {

		width: 100%;

		background-position: center;

	}

}



@media (max-width: 770px) {

	.expertise-flip-card .title-block {

		width: 318px;

		height: 145px;

		text-align: center;

		padding-right: 0;

		padding-top: 35px;

	}

	.about-video-strip .textual-content {

		width: 90%;

		padding-bottom: 242px;

	}

	.about-video-strip .video-play {

		left: auto;

		top: auto;

		bottom: 0;

	}



}



@media (max-width: 550px) {



	.expertise-flip-card {

		padding: 106px 0 19px;

	}

	body:not(.rtl) .expertise-flip-card .title-block h3 {
		text-align: center;
		font-size: 30px;
	}
	



	.expertise-flip-card .double .flip-card {

		width: 48%;

		height: 107px;

		margin-right: 0;

	}

	.expertise-flip-card .flip-card-front.flex.center img {

		height: 35px;

	}

	.expertise-flip-card .featured .flip-card-front.flex.center img {

		margin: 0px auto 0;

		height: 48px;

	}

	.expertise-flip-card .flip-card-front.flex {

		padding: 15px 0;

	}

	.expertise-flip-card .flip.flex .double.flex {

		margin: 10px auto 0px;

		flex-direction: row;

		width: 100%;

		max-width: 281px;

		justify-content: space-between
	}

	.expertise-flip-card .double .flip-card-back .inner div {

		display: none;

	}

	.expertise-flip-card .double .flip-card-back .inner {

		padding: 22px 1px 21px;

	}

	.expertise-flip-card .transp-btn {

		padding: 3px;

	}

	.expertise-flip-card .expertise-flip-card .title-block {

		padding-right: 0;

		justify-content: center;

		padding-top: 0;

		text-align: center;

	}

	.expertise-flip-card .flip-card-front.flex span {

		font-size: 12px;

	}

	body:not(.rtl) .expertise-flip-card .flip-card-front.flex span {
		font-size: 9px;
	}

	.expertise-flip-card .featured .flip-card:hover .flip-card-inner {

		transform: none;

	}

	body:not(.rtl) .quiz-section li {
		margin-right: 0;
	}

	.expertise-flip-card .featured .flip-card-front.flex.center {

		height: 122px;

	}

	.expertise-flip-card .featured .flip-card-back {

		transform: none;

		top: 130px;

		position: relative;

		height: auto;

		display: none;

	}

	.expertise-flip-card .featured .flip-card-back div b {

		display: none;

	}

	.expertise-flip-card .featured .flip-card {

		width: 281px;

		margin-right: 0;

		height: auto;



	}

	.expertise-flip-card .featured {

		height: 130px;

		box-shadow: 3px 2px 6px 2px rgb(0 0 0 / 7%);

	}

	.expertise-flip-card .featured .flip-card-back {

		display: none;

	}

	.expertise-flip-card .featured.open {

		height: 413px;

	}

	.expertise-flip-card .featured.open .flip-card-back {

		display: block;

	}

	.expertise-flip-card .featured.open .close {

		right: auto;

		left: 5px;

	}

	.expertise-flip-card .featured.open .close:before,
	.featured.open .close:after {

		width: 2px;

		background-color: #ffffff;

	}

	.expertise-flip-card .flip-card-back .inner {

		padding: 22px 18px 29px;

	}

	/* -- ----------------------------------- Video strip     */

	.about-video-strip .textual-content p,

	.about-video-strip .textual-content div {

		font-size: 16px;

		line-height: 1.5;

	}

	.about-video-strip .video-play img {

		width: 80px;

		height: auto;

	}

	.about-video-strip .video-play span {

		font-weight: bold;

	}

	.about-video-strip {

		padding: 37px 0 4.5%;

		background-position: bottom;

	}

	.about-video-strip .textual-content h3 {

		margin-bottom: 17px;

	}

	.about-video-strip .decoration-blue-box:after {

		transform: translateY(10%);

		width: 100px;

		height: 25px;

	}

	/*  ----------------------------------- Quiz strip   -   */

	.quiz-section li {

		flex: none;

		width: 100%;

		margin-left: 0;

		margin-bottom: 9px;

	}

	.quiz-section .row-2 li {

		width: 48%;

		margin-left: 0%;

		flex: unset;

		margin-bottom: 9px;

	}

	.quiz-section button.show-next {

		text-align: center;

		flex: unset;

		margin-top: 16px;

		width: 100%;

	}



	.quiz-section .wrapper.send .quiz-section input {

		padding: 8px 4px 10px;

		text-align: right;

		width: 100%;

	}

	.quiz-section .wrapper.send h4 {

		line-height: 20px;

		margin: 18px 0 22px;

		font-size: 16px;

		text-align: center;

	}

	.quiz-section .wrapper.send p {

		font-size: 14px;

		text-align: center;

		line-height: 20px;

	}

	.quiz-section .thank-you {

		text-align: center;

		background-position-x: center;

	}

	.quiz-section h4.question {

		font-size: 16px;

		text-align: center;

	}

}