﻿@charset "utf-8";
/* CSS Document */



body {
  font-style: normal;
  line-height: 1.5;
  text-align: right;
	 font-family: 'Assistant';
	
}

.general{
	position: relative;
	direction: rtl;
	text-align: right
	
}


.fullscreen{
	width: 100%;
	padding-top: 50px
	
	

}

.logo{
	position: absolute;
	z-index: 10;
	text-align: center;
	width: 100%;
	background-color: #fff
}
.logo img{
	width: 40%;
	height: auto;
	margin: 0.2em auto;
	
}
.container-fluid.head{
	position: relative;
	padding: 0;
	margin-bottom: 30px;
	
	
}

span.bigtitle{
	 font-family: 'Assistant';
    font-weight: bold;
    font-style: normal;
	color: #ce5317;
	font-size: 1.8em;
	margin-top: 0.5rem;
}
h2{
font-size: 1.4em;
	margin: 0.7em;
	font-weight: 600;
	color: #fff
}
.gray h2{
	font-size: 1.4em;
	margin: 0.7em;
	font-weight: 600;
	color: #333
}

a{
	font-size: 2em;
	color: #ce5317;
	text-decoration: none
}
.upperText{
	
	width: 100%;
	height: auto;
	overflow: auto
}
.lowerText{
	width: 100%;
	height: auto;
	overflow: auto;
	margin: 0;
	display: flex;
	justify-content: space-around;
	
}
.orange, .blue, .gray{
	width: 100%
	
}
.orange{
	background-color: #d57e0e;
	font-weight: 600;
	color: #fff;
	font-size: 1.1em
}

.container-fluid.bottom{
	position: relative;
	bottom:1em
}

.lowerText li {
	margin-bottom: 10px;
}
.blue{
	background-color: #22a0bb;
	font-weight: 600;
	color: #fff;
	font-size: 1.1em
}
.blue span{
	padding-right: 1em;
	display: inline-block
}
.gray{
	background-color: #e1e1e1;
	padding: 0 10px;
	padding-bottom: 5px
}
.form-control{
	color: #333 !important
	
}
.formCont{
	padding: 0 10px 10px 10px!important
}
.btn-send{
	background-color: #22a0bb;
	border: 0;
	padding: 0.2em 3em;
	width: 50%;
	margin-right: 25%;
	color: #fff;
	font-weight: 600
	
}

.bigtext{
	padding: 0;
	order: 1;
	text-align: center
	
}

.phonecont{
	text-align: center;
	order: 2;
}

.subtitle{
	font-size: 1.5em;
	color: #333333;
	font-weight: 600;
	order: 3;
	text-align: center
}

.gray span:first-child { font-size: 1.4em; padding: 0.7em 0.7em 0.0em 0.0em; font-weight: 600; color: #333; display: block }
.gray span:nth-child(2) { font-size: 1.2em; font-weight: 600; color: #333; display: block; padding: 0em 0.7em 0.7em 0em; }
.gray span:nth-child(3) { font-size: 1.0em !important; font-weight: 600; padding: 0.0em 1.0em 0.8em 0.0em !important; display: block }

a.telefon { font-size: 24px; font-weight: 700; }

@media (max-width: 1024px) { 
	.container-fluid.bottom{
	top:35% !important
}
}
@media (min-width: 991px) {

  .gray span:first-child { display: inline }
  .gray span:nth-child(2) { display: inline }

  #divGray1 { padding-top: 10px; }

	h3.qtitle{
	display: block;
	width: 100%;
	clear: both;
	font-size: 1.6em;
	padding-right: 2.7em;
	padding-top: 0.5em
}
 .bottom h1{
	font-size: 1.3em;
	padding-right: 2em;
	color: #ce5317;
	font-weight: bold;
	text-align: right !important
	
}
	.container-fluid.bottom{
	position: absolute;
	z-index: 100;
	top:40%
}
.faq2{
	padding: 0 3.5em 1em 1.0em !important;
	/*background-color: #ced3bd*/
	color: #4d5043
}
.faq3{
	padding: 0 1.0em 1em 3.5em !important;
	/*background-color: #ced3bd*/
	color: #4d5043
}
	.fullscreen{
	display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    align-items: center;
    -webkit-align-items: center;
    height: 768px;
    padding-top: 3rem;
    padding-bottom: 3rem;
	background-repeat: no-repeat;
    background-size: cover;
	background-image: url(../images/background41.jpg);
    background-position: top left;
	

}
.logo{
	position: absolute;
	z-index: 10;
	text-align: right;
	width: 100%;
	background-color: transparent;
	top: 0 !important;
}
  .logo img { width: 15.5%; height: auto; margin: 0 0.7em 0 0; padding-top: 25px; }
.container-fluid.head{
	position: absolute;
	z-index: 20;
	top: 6em;
	padding: 0 1em
	
}
	.fullscreen img{
		display: none
	}
	span.bigtitle{
	font-family: 'Assistant';
    font-weight: bold;
    font-style: normal;
	color: #ce5317;
	font-size: 3em
}
h2{
font-size: 1.4em;
	margin: 0.7em;
	font-weight: 600;
	color: #fff
}
.gray h2{
	font-size: 1.4em;
	margin: 0.7em;
	font-weight: 600;
	color: #333
}
.subtitle{
	font-size: 1.3em;
	color: #333333;
	font-weight: 600;
	order: 2;
	text-align: right
	
}
	.phonecont{
	text-align: right;
	order: 3;
	font-size: 0.8em;
}

a{
	font-size: 4em;
	color: #ce5317;
	text-decoration: none
}
.upperText{
	
	width: 100%;
	height: auto;
	overflow: auto
}
.lowerText{
	width: 100%;
	height: auto;
	overflow: auto;
	margin: 0;
	display: flex;
	justify-content: space-around;
	
}
	.orange, .blue {
		width: 28%;
		padding-top: 20px;
		padding-right: 20px;
	}
.orange{
	background-color: #d57e0e;
	font-weight: 600;
	color: #fff;
	font-size: 1.1em
}
.gray{
	width: 34%
}


}
@media (min-width: 1200px) {
	.faq2{
	padding: 0 4.5em 1em 2.0em !important;
	/*background-color: #ced3bd*/
	color: #4d5043
}
.faq3{
	padding: 0 2.0em 1em 4.5em !important;
	/*background-color: #ced3bd*/
	color: #4d5043
}
	.fullscreen{
	display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    align-items: center;
    -webkit-align-items: center;
    min-height: 100vh;
    padding-top: 3rem;
    padding-bottom: 3rem;
	background-repeat: no-repeat;
    background-size: cover;
	background-image: url(../images/background4.jpg);
    background-position: top left;
	

}
	.container-fluid.head{
	position: absolute;
	z-index: 20;
	top: 6em;
	padding: 0 3em
	
}
	.bigtext {
    padding: 0;
    order: 1;
    text-align: right;
}
	.subtitle{
		text-align: right
	}
}
.faq{
	margin: 0 auto;
	background-color: #c5cbb1;
	padding-bottom: 4em;
	position: relative;
	padding-top: 0;
		
}


@media (min-width: 991px ) {
	.faq{
		margin: 0 auto;
		background-color: #c5cbb1;
		padding-bottom: 4em;
		position: relative;
		padding-top: 9rem;
			
	}
}
@media (min-width: 1025px ) {
	.faq{
		margin: 0 auto;
		background-color: #c5cbb1;
		padding-bottom: 4em;
		position: relative;
		padding-top: 16rem;
			
	}
}
@media (min-width: 1143px ) {
	.faq{
		margin: 0 auto;
		background-color: #c5cbb1;
		padding-bottom: 4em;
		position: relative;
		padding-top: 12rem;
			
	}
}
@media (min-width: 1200px ) {
	.faq{
		margin: 0 auto;
		background-color: #c5cbb1;
		padding-bottom: 4em;
		position: relative;
		padding-top: 10rem;
			
	}
}
@media (min-width: 1800px ) {
	.faq{
		margin: 0 auto;
		background-color: #c5cbb1;
		padding-bottom: 4em;
		position: relative;
		padding-top: 3rem;
			
	}
}
.faq1{
	padding: 1em
}
.faq2{
	padding: 0 0.5em;
	/*background-color: #ced3bd*/
	color: #4d5043
}
.faq3{
	padding: 0 0.5em ;
	/*background-color: #ced3bd*/
	color: #4d5043
}
span.question{
	font-weight: bold;
	display: block;
	margin: 1em 0 0.5em 0;
	font-size: 1.1em
}
h3.qtitle{
	display: block;
	width: 100%;
	clear: both;
	font-size: 1.6em;
	padding-top: 0.5em
}
.bottom h1{
	font-size: 1.3em;
	color: #ce5317;
	font-weight: bold;
	text-align: center
	
}
.affirmation {
  text-align: center;
  font-size: 1.2em;
  margin: auto;
  margin-top: 10%;
  font-weight: bold
}
.greencheck {
  background-color: #3a9217;
  color: #fff !important;
  border-radius: 50%;
  padding: 2px 8px !important;
  margin-left: 0.5em
}
.affirmation button {
  background-color: #e07502;
  color: #fff;
  display: block;
  border: none;
  padding: 0 20px;
  margin: 1em 0
}
.affirmation button:hover {
  background-color: #cc7312;
}

a.totestimonials { background-color: #fff; border: 1px solid #d76f00; color: #d76f00; text-align: center; font-weight: bold; padding: 3px 10px; font-size: 20px; width: 100%; margin: 0.5rem auto; border-radius: 4px; display: none; }
a.totestimonials_mob { background-color: #fff; border: 1px solid #d76f00; color: #d76f00; text-align: center; font-weight: bold; padding: 3px 10px; font-size: 20px; width: 100%; margin: 1.5rem auto 0.5rem auto; border-radius: 4px; display: block; height: 40px;order:4; }

@media (min-width: 991px) {
  a.totestimonials { display: block; background-color: #fff; border: 1px solid #d74200; color: #d74200; text-align: center; font-weight: bold; padding: 3px 10px; font-size: 20px; width: 30%; margin: 1.5rem 0 1.0rem 0; border-radius: 4px; -webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.75); box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.75); }
  a.totestimonials_mob { display: none; }
  .faq1 { padding-top: 6rem }
}

@media (min-width: 1200px) {
  .faq1 { padding-top: 0 }
}
.capchaCont {
	width: 100%;
	padding: 10px;
	text-align: center;
	display: flex;
	justify-content: center;
	flex-direction: column;
	justify-content: center;
	justify-items: center;
	align-items: center;
}

	.capchaCont img {
		margin-bottom: 10px;
		margin-left: 0;
	}

	.capchaCont input {
		width: 160px;
	}

@media (min-width: 900px) {
  .capchaCont { width: 275px; display: block; padding: 10px; /* text-align: left; */ margin: auto; background-color: #f4f4f4; }

    .capchaCont input { width: 160px; /* float: left; */ display: block; margin: auto; }

    .capchaCont img { margin-bottom: 10px; /* margin-left: 15px; */ margin-right: 15px; width: 100px; display: inline; }
}

.errorMessage { color: #ce5317 !important }
.borderRed { border: 1px solid #ce5317; background-color: #fffcde }

