* {
  /* Calculation */
  --diff: calc(var(--max-size) - var(--min-size));
  --responsive: calc((var(--min-size) * 1px) + var(--diff) * ((100vw - 320px) / (1200 - 320))); /* Ranges from 321px to 1199px */

}

body {
	
    font-family: 'Assistant', sans-serif;
	font-weight:400;

	--max-size: 20;
	--min-size: 18;
  
  font-size: var(--responsive, 20px);
  line-height: calc(1.4em + (1.4 - 1.2) * ((100vw - 300px)/(1200 - 320)));
    color: #181818;
    
    
    direction: rtl;
    margin: 0;
    padding: 0 0 0 0;

	background-color: #e9ebe1 !important;
}


#divLogo {z-index:1000;position:absolute;transition: all 300ms ease-out 0s !important;}
#divLogo img {height:90px;padding:10px 0;}
.down .onscroll #divLogo img {height:54px;padding:2px 0 0 0;transition: all 300ms ease-out 0s !important;}
.topmenuwrp {background-color:transparent;text-align:right;
    left: 0;
    position: fixed;
    right: 0;
    top: -100px;
    z-index: 199;
	height:90px;
	transition: top 0s;
	
}
.down .topmenuwrp.onscroll {top: 0;}
.down .topmenuwrp {height:60px;background-color:#cfd3c0;}
.down #divLogo {height:60px;}


.hero-wrp {margin:30px 0 30px 0;}
.herocta {margin-bottom:100px;}
.herocta img {max-width:80%;}

.hpb1 .hw1 {
	font-weight:500;
	margin:0;
	--max-size: 40;
		--min-size: 28;
		font-size: var(--responsive, 40px);
		line-height: calc(1.2em + (1.2 - 1.1) * ((100vw - 300px)/(1200 - 320)));
}
.hpb1 .hw2 {
	font-weight:300;
	--max-size: 34;
		--min-size: 24;
		font-size: var(--responsive, 34px);
		line-height: calc(1.2em + (1.2 - 1.1) * ((100vw - 300px)/(1200 - 320)));
}

.hero-wrp-sub {color:#181818;font-weight:700;margin-top:20px;
		--max-size: 26;
		--min-size: 22;
		font-size: var(--responsive, 26px);
		line-height: calc(1.2em + (1.2 - 1.1) * ((100vw - 300px)/(1200 - 320)));}
	
.danapic img {max-width:360px;}

.s2t {padding:0px;
	--max-size: 30;
	--min-size: 24;
	font-size: var(--responsive, 30px);
	line-height:1.3;
}

.small {
	--max-size: 14;
	--min-size: 12;
	font-size: var(--responsive, 14px);
}
.options {background-color:#fff;margin:20px 0 20px 0;border-radius:20px;padding:15px;border:2px solid #e9ebe1;}
.options-t {background-color:#e9ebe1;font-weight:700;padding:5px 15px;border-radius:10px;margin-bottom:20px;}

.hpb2 {background-color:#fff;padding:30px 0;}
.hpb3 {padding:0 0 0 0;position:relative;background-color:#e9ebe1;}

.modal {display:none;}
.modal-header {padding:5px 15px;}
.modal-body {padding:2px;}
.modal-content {border-radius: 0;}
.modal-title {font-size:18px;font-weight:bold;line-height:24px;margin:3px 0 !important;text-align:center;}

.closer {text-align:center;}
.closer-t {
	font-weight:700;
	--max-size: 26;
  --min-size: 22;
  font-size: var(--responsive, 26px);}
.closer-whatsapp {margin:35px 0;}
.nobr {white-space: nowrap;}

.b80 h2 {color:#181818;}

img {
    height: auto;
    max-width: 100%;
    vertical-align: middle;
    border: 0;
    -ms-interpolation-mode: bicubic;
}
h1, h2 {
    margin: 15px 0 0 0;
	padding-bottom:8px;
	padding-left:10px;
    font-family: 'Assistant', sans-serif;
}
h1 {
	color:#181818;
	font-weight:700;
    --max-size: 42;
  --min-size: 36;
  font-size: var(--responsive, 36px);
  line-height: calc(1.2em + (1.2 - 1.1) * ((100vw - 300px)/(1200 - 320)));
  margin-bottom:25px;
}

.cnt {
    overflow: hidden;
    position: relative;
    width: 100%;
}
.hero-cnt {background-image: url('../images/w80.png');padding:20px 40px;box-shadow: 5px 5px 5px #000;}
.hero-cnt-tx {column-count:2;}

.clearb {clear:both;width:0px;height:0px;overflow:hidden;}

a, a:focus, a:active, a:hover{
    outline:0 none;
	text-decoration:none;
}
.btn,  .btn:focus, .btn:active, .btn:hover, .btn:active:focus {background-color:#68743c;color:#fff;font-weight:700;border:0;min-width:100px;}
h2 {
   font-weight:700;
    color:#181818;
    --max-size: 30;
  --min-size: 24;
  font-size: var(--responsive, 24px);
  line-height: calc(1.0em + (1.0 - 1.0) * ((100vw - 300px)/(1200 - 320)));

}
h3 {
   font-weight:700;
    color:#181818;
    --max-size: 26;
  --min-size: 20;
  font-size: var(--responsive, 26px);
  line-height: calc(1.0em + (1.0 - 1.0) * ((100vw - 300px)/(1200 - 320)));

}

.sub-h2 {
   font-weight:400;
    color:#181818;
    --max-size: 26;
  --min-size: 22;
  font-size: var(--responsive, 22px);
  line-height: calc(1.0em + (1.0 - 1.0) * ((100vw - 300px)/(1200 - 320)));
}
h2.subtitle {
    letter-spacing: -1px;
    font-size: 24px;
}
p {
    margin: 0 0 15px;
}

.clear {
    clear: both;
}


.prbs {
	display: grid;
    grid-template-columns: repeat(3, 1fr); 
    list-style-type: none;
    padding: 0;
    margin: 0;  
}
.prbs li {
	text-align: center;
	width: 100%;
	padding-bottom: 10px;
	margin-bottom:20px;
	--max-size: 26;
  --min-size: 22;
  font-size: var(--responsive, 26px);
}
.prbs li:after {
	content: ''; 
  display: block;
  width: 50px;
  height: 2px;
  background-color: #68743c;
  margin: 25px auto 5px auto;;
}

.prbs li img {
	width:30px;
}

.upperformline {font-weight:700;color:#fff;
--max-size: 20;
  --min-size: 16;
  font-size: var(--responsive, 16px);
  line-height: calc(1.4em + (1.4 - 1.3) * ((100vw - 300px)/(1200 - 320)));
}
#form {

    border: 0 solid #ccc;
    bottom: 0;
    position: fixed;
    width: 100%;
    z-index: 990;
}
form {
    padding: 0px;
    color: #181818;
    border: 0;
}
.form-control {border:0px;}
fieldset {
    border: 0;
}
.x {
    display: inline;
    float: right;
    color: #181818;
    margin: 5px;
}
.btn1 {
    background-color: #52B4FD;
    border: 0 none;
    text-align: center;
    line-height: 50px;
    color: #181818;
    cursor: auto;
    font-size: 19px;
    font-weight: 700;
    height: 50px;
    position: relative;
    width: 100%}

#name, #name2 {
    border-radius: 3px;
    border: 0;
    width: 100%;
    height: 20px;
    margin: 0 0 10px;
}
.form-inline .form-control, .btn {width:220px;border:2px solid #68743c;}
.form-outer {position:relative;padding:0;text-align: center;}
.form-inline {display:inline-block;padding-bottom:0px;}
label {
    margin-top: 0;

    margin-bottom: 0;
    font-size: 15px;
    float: right;
    clear: right;
    white-space: nowrap;
    line-height: 33px;
	color:#181818;
}
label.error {
    width: 20px!important;
    clear: none!important;
    min-width: 20px;
}
input {
    /*width: 50%;*/
    margin-bottom: 5px;
	float:right;
	padding:5px;
	height:35px !important;
}
input.error {background-color:#fff885;}
.form-inline {position:relative;}
.form-inline .checkbox {display: inline-block;

margin-top: 0;

margin-bottom: 0;

vertical-align: middle;

position: absolute;

bottom: 0;

right: 20px;}

.form-inline .checkbox label {line-height: 37px;}
.btn {height: 35px;margin-bottom:5px;}

#inform {
    width: auto;
}


.btn1 {
    display: none;
}

.b80 {background-image: url('../images/b80.png');background-repeat:repeat;padding:15px;}



.round {
  position: relative;
  margin-right:10px;
}

.round label {
  background-color: transparent;
  border: 1px solid #4a4755;
  border-radius: 50%;
  cursor: pointer;
  height: 20px;
  left: 0;
  position: absolute;
  top: 0;
  width: 20px;
  max-width:none;
}

.round label:after {
  border: 2px solid #4a4755;
    border-top: none;
    border-right: none;
    content: "";
    height: 5px;
    left: 5px;
    opacity: 0;
    position: absolute;
    top: 5px;
    transform: rotate(-45deg);
    width: 8px;
}

.round input[type="checkbox"] {
  visibility: hidden;
}

.round input[type="checkbox"]:checked + label {
  background-color: transparent;
  border-color: #4a4755;
}

.round input[type="checkbox"]:checked + label:after {
  opacity: 1;
}




#callfooter{display:none;
position:fixed;
left:0px;
bottom:0px;
height:55px;
width:100%;
background-color:#334a5c;
background-image: linear-gradient(#334a5c, #253847);
text-align:center;
z-index:900;}

/* for ie6*/

#callfooter a {display:block;line-height:55px;color:#ffffff;font-weight:bold;}
.footer-callbk {width:49.7%;float:right;text-align:center;position:relative;height:55px;}
.footer-callbk img {max-height:50px;}
.footer-callbk a {display:block}
.callbk1 {border-left:1px solid #bbccc2;}


.callbk2 {border-right:1px solid #8fab9c;}

/* Buzz Out */
@-webkit-keyframes hvr-buzz-out {
10% {
-webkit-transform: translateX(3px) rotate(2deg);
transform: translateX(3px) rotate(2deg);
}
20% {
-webkit-transform: translateX(-3px) rotate(-2deg);
transform: translateX(-3px) rotate(-2deg);
}
30% {
-webkit-transform: translateX(3px) rotate(2deg);
transform: translateX(3px) rotate(2deg);
}
40% {
-webkit-transform: translateX(-3px) rotate(-2deg);
transform: translateX(-3px) rotate(-2deg);
}
50% {
-webkit-transform: translateX(2px) rotate(1deg);
transform: translateX(2px) rotate(1deg);
}
60% {
-webkit-transform: translateX(-2px) rotate(-1deg);
transform: translateX(-2px) rotate(-1deg);
}
70% {
-webkit-transform: translateX(2px) rotate(1deg);
transform: translateX(2px) rotate(1deg);
}
80% {
-webkit-transform: translateX(-2px) rotate(-1deg);
transform: translateX(-2px) rotate(-1deg);
}
90% {
-webkit-transform: translateX(1px) rotate(0);
transform: translateX(1px) rotate(0);
}
100% {
-webkit-transform: translateX(-1px) rotate(0);
transform: translateX(-1px) rotate(0);
}

}
@keyframes hvr-buzz-out {
10% {
-webkit-transform: translateX(3px) rotate(2deg);
transform: translateX(3px) rotate(2deg);
}
20% {
-webkit-transform: translateX(-3px) rotate(-2deg);
transform: translateX(-3px) rotate(-2deg);
}
30% {
-webkit-transform: translateX(3px) rotate(2deg);
transform: translateX(3px) rotate(2deg);
}
40% {
-webkit-transform: translateX(-3px) rotate(-2deg);
transform: translateX(-3px) rotate(-2deg);
}
50% {
-webkit-transform: translateX(2px) rotate(1deg);
transform: translateX(2px) rotate(1deg);
}
60% {
-webkit-transform: translateX(-2px) rotate(-1deg);
transform: translateX(-2px) rotate(-1deg);
}
70% {
-webkit-transform: translateX(2px) rotate(1deg);
transform: translateX(2px) rotate(1deg);
}
80% {
-webkit-transform: translateX(-2px) rotate(-1deg);
transform: translateX(-2px) rotate(-1deg);
}
90% {
-webkit-transform: translateX(1px) rotate(0);
transform: translateX(1px) rotate(0);
}
100% {
-webkit-transform: translateX(-1px) rotate(0);
transform: translateX(-1px) rotate(0);
}

}
.hvr-buzz-out {
-webkit-animation-name: hvr-buzz-out;
animation-name: hvr-buzz-out;
-webkit-animation-duration: 0.75s;
animation-duration: 0.75s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;}
.buzz-number {position:absolute;top:0;right:0;left:0;z-index:110;}








.pulse{

position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
width: 80px;
height: 80px;
background: #424145;
color: #fff;
border-radius: 50%;
text-align: center;
line-height: 80px;

}

.pulse:before,
.pulse:after{
 content: '';
 display: block;
 position: absolute;
 border: 50%;
 border: 1px solid #8ad6d3;
 left: -20px;
 right: -20px;
 top: -20px;
 bottom: -20px;
 border-radius: 50%;
 animation: animate 1.5s linear infinite;
 opacity: 0;
background-visibility: hidden;
 
}


.pulse:after{
animation-delay:0.5s;
}
@keyframes animate{
 0%{
  transform: scale(0.6);
  opacity: 0;
 }
 50%{
  opacity: 1;
 }
 1000%{
  transform: scale(1.2);
  opacity: 0;
 }
}











.cform {text-align:right;}
.cform-c {padding:10px;margin:2px;}
.cform label {float:right;clear:right;width:80px;text-align:right;}
.cform input {float:right;width:190px;border-radius: 5px;background-color:#e6e6e6;}
.cform span {float:right;}
.cform textarea {float:right;width:190px;border-radius: 5px;background-color:#e6e6e6;}
.cform fieldset {display:inline-block;}
.formbut {float:none;margin-top:10px;clear:both;width:190px;margin-right:80px;background-color:#D20000!important;background-image:none;border:none;font-weight:bold;color:#181818;}
.pref {color:#181818;text-align:center;font-size: 28px;font-weight: 400;line-height: 36px;margin-bottom: 10px;}
form {margin:0px;}


.hpb1 {margin-bottom:80px;padding:50px 0 0 0;position:relative;}
.hpb1 h2 {color:#181818;font-weight:300;
		--max-size: 40;
		--min-size: 28;
		font-size: var(--responsive, 48px);
		line-height: calc(1.2em + (1.2 - 1.1) * ((100vw - 300px)/(1200 - 320)));
		}
.hpb1 h2 .igradient {font-weight:600;
background: linear-gradient(90deg, #5fb8b6, #8cd098);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}




.form-wrp {background-color:#fff;
    border-radius: 20px !important;

	padding:25px 20px;

	}


.mobile {
    display: none;
}
.desktop {
    display: inline;
}


label.error {
    width: 20px!important;
    clear: none!important;
    margin-right: 3px;
}



.danapic {text-align:left;margin:40px 0;}


.b80 {color:#181818;margin:80px 0 200px 0;}

@media (min-width:1201px) {


}@media (max-width:1200px) {

	.form-inline .form-control, .btn {width:auto;}


}@media (max-width:1199px) {
#divLogo {margin-top:8px;}
.down #divLogo {margin-top:0;}
#divLogo img {
    height: 70px;
    padding: 10px;
}



}@media (max-width:991px) {
	#divLogo {margin-top:0px;}
	body {
	background-image: url('../images/background-main1.png');

}
.danapic {text-align:center;margin:0;}
.danapic img {width:200px;}
.logo-clear {display:none;}
.hero-wrp {text-align:center;}
.herocta {text-align:center;margin-bottom:20px;}
	.hpb3-back {background-position: left -20px bottom -50px;}
    
.hero-wrp {
	margin-top:0px;
    margin-bottom: 40px;

}

.hpb3-img-wrp {

    margin: 100px 0 0 0;

}

.b80 {

    margin: 80px 0 120px 0;

}

#divLogo img {

    height: 64px;
    padding: 10px;

}
.topmenuwrp {
    height: 60px;

}

.prbs {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    list-style-type: none;
    padding: 0;
    margin: 0;
}



	
	.form-inline .form-group {
    display: block;
    margin-bottom: 0;
    vertical-align: middle;
}
	.form-inline .form-control {width:135px;}
	
	.radio label, .checkbox label {padding-right:0px;}
.form-inline .checkbox {position:relative;display:block;}
.form-inline {display:block;}
.form-inline .form-control {width:100%;float:none;}
label {float:none;}
.btn {width:100%;}

.uprt {padding-top:0px}
}@media (max-width:767px) {


.mobile {
    display: block;
}

.desktop {
    display: none;
}

.container {
    width: auto;
    margin: 0 10px;
}

}@media (max-width:479px) {
	
#callfooter {display:inline;}


}