/*COLORS*/
/*
#2a4444
#E6D1C5 
#CEA48C
#92958B
#C9A95F
*/


/* Fonts */
@font-face {
  font-family: 'heebo-reg';
  src: url('../assets/fonts/Heebo-Regular.ttf');
}

@font-face {
  font-family: 'heebo-light';
  src: url('../assets/fonts/Heebo-Light.ttf');
}

@font-face {
  font-family: 'heebo-med';
  src: url('../assets/fonts/Heebo-Medium.ttf');
}


/*General Css*/
* {
  margin: 0;
  padding: 0;
  font-family: 'heebo-reg';
  box-sizing: border-box
}

html{
  scroll-behavior: inherit;
}

body{
  overflow-x: hidden;
}

span{
  word-spacing: 2px;
 }

header img{
  width:160px;
}

#nav-log{
  position: absolute;
  top: 30px;
  right: 85%;

}

#part1 .left #nav-log{
  width: 150px;
}


/*NavBar*/
.logo {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 13vw;
}

.logo img {
  width: 150px;
}

.contact button {
  width: 70px;
  height: 32px;
  border-radius: 20px;
  border: none;
  background-color: #F4981C;
}

#nav-logo {
  display: flex;
  align-items: center;
}

#top-send{
  border-radius: 20px;
  border: none;
  background-color: #C9A95F;
}


/*Animation Logo*/
#anim{
    max-width: 300px;
    margin: 0 auto;
  }
  
#anim-mob{
	max-width: 300px;
    margin: 0 auto;
  }

  #anim-footer{
    max-width: 200px;
    margin-top: 50px;
  }
	






/*Part 1*/
#part1 {
  direction: rtl;
  background-color: #2a4444;
  display: flex;
  padding-top: 77px;
  font-family: 'heebo-light';
  width: 100%;
  height: auto;
}

#part1 .right {
  width: 150vw;
  height: 40vw;
  background-image: url('../assets/image/a.jpg');
  background-size: cover;
  /* Resize the background image to cover the entire container */
  background-position: 0 -2.5vw;
  border-top-left-radius: 800px;
  border-bottom-left-radius: 800px;
  margin: 60px 0;

}

.left {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding-top: 3%;
  text-align: center;
  color: white;
}

#part1 .left img {
  margin-top: 10px;
  width: 35vw;
}


#part1 .left span {
  padding: 5px;
  font-size: 1.1vw;
}

#part1 .left{
  color: white;
}


/*Part 2*/
#part2 {
  direction: rtl;
  background-color: #E6D1C5;
  display: flex;
  font-family: 'heebo-light';
  color: #2a4444;
}

#part2 h2{
  font-family: 'heebo-reg';
}

#part2 .right {
  width: 150vw;
  height: 46vw;
  padding-top: 3%;
  font-size: 1.2vw;
}

#part2 .right span{
  padding: 5px;
}

#part2 .txt span{
  color: #2a4444;
}

.title {
  background-color: #CEA48C;
  width: 100%;
  height: 26.5vh;
  font-size: 1.5vw;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: 'heebo-reg';
}

#part2 .left {
  align-items: flex-start;
  background-color: #CEA48C;
  padding-bottom: 50px;
}

#part2 .left .img1 {
  direction: rtl;
  width: 70%;
  height: 26.5vh;
  background-image: url('../assets/image/Hand.jpg');
  background-size: cover;
  /* Resize the background image to cover the entire container */
  background-repeat: no-repeat;
  background-position: 0 -0.5vw;
  border-top-left-radius: 2000px;
  border-bottom-left-radius: 2000px;
}

.img-wrapper {width: 100%;}
#part2 #dirl {direction: ltr;}

#part2 .left .img2 {
  margin-top: 4%;
  width: 80%;
  height: 26.5vh;
  background-image: url('../assets/image/bird.jpg');
  background-size: cover;
  /* Resize the background image to cover the entire container */
  background-repeat: no-repeat;
  background-position: 0 -1.5vw;
  border-top-right-radius: 2000px;
  border-bottom-right-radius: 2000px;
}

#part2 .left .img3 {
  margin-top: 4%;
  direction: rtl;
  width: 70%;
  height: 26.5vh;
  background-image: url('../assets/image/beatles.jpg');
  background-size: cover;
  /* Resize the background image to cover the entire container */
  background-repeat: no-repeat;
  background-position: 0 0vw;
  border-top-left-radius: 2000px;
  border-bottom-left-radius: 2000px;
}

.txt {
  padding-top: 10%;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}



/*Part 3*/
#part3 {
  direction: rtl;
  background-color: white;
  display: flex;
  font-family: 'heebo-light';
}

#part3 h1 {
  font-size: 1.5vw;
  font-family: 'heebo-reg';
  color: #2a4444;
}


#part3 .right {
  width: 150vw;
  height: 40vw;
  background-image: url('../assets/image/c.jpg');
  background-size: cover;
  /* Resize the background image to cover the entire container */
  background-position: 0 0;
  border-top-left-radius: 800px;
  border-bottom-left-radius: 800px;
  margin: 60px 0;

}

#part3 .left img {width: 50%;}

#part3 .left {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding-top: 7%;
  text-align: center;
  color: #2a4444;
}

#part3 .left span {
  font-size: 1.2vw;
  color: black;
  padding: 5px;
}







/*Part 4*/
#part4 {
  direction: rtl;
  background-color: white;
  display: flex;
  font-family: 'heebo-reg';
  color: #2a4444;
}

#part4 h2{
  font-family: 'heebo-reg';
  margin-bottom: 5px;
}



#part4 .right {
  display: flex;
  flex-direction: column;
  width: 100%;
  text-align: center;
  color: #2a4444;
  font-family: 'heebo-light';
  padding-top: 10%;

}


#part4 .left {
  width: 150vw;
  height: 40vw;
  background-image: url('../assets/image/map.jpg');
  background-size: cover;
  /* Resize the background image to cover the entire container */
  background-repeat: no-repeat;
  background-position: 0 -3vw;
  margin: 60px 0;
}


#part4 span {padding: 5px; color: #2a4444;}
#part4 h2 {color: #2a4444;}
#part4 .left img {width: 50%;}
#part4 .right span {font-size: 1vw; color: black;}
#part4 h2 {font-size: 1.5vw;}
#part4 h2,
#part3 h1 {color: black;}



/*Part 5*/
#part5 {
  direction: rtl;
  background-color: #E6D1C5;
  color: black;
  display: flex;
  font-family: 'heebo-light';
  font-size: 1vw;
  width: 100%;
  height: 42vw;
}

.mySlides img{
	width:63vw;
	height: 32.8vw;
}

#part5 .right {
  background-color: #CEA48C;
  width: 20vw;
  height: 32.8vw;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  padding: 40px 0;
  color: white;
  font-family: 'heebo-light';
}

#part5 h3 {
  font-size: 1.6vw;
  font-family: 'heebo-light';
}

.slide-block {
  background-color: #CEA48C;
  width: 100%;

  margin: 60px 0;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  text-align: right;
  align-items: center;

}

.arrow-but {
  width: 100%;
  display: flex;
  justify-content: space-evenly;
}


#part5 .container {margin-top: 4.2vw; display: flex;}

/*Img Slider*/
.slide {
  width: 100vw;
}

/* Slideshow container */

/* Hide the images by default */
.mySlides {
  display: none;
}




/* Next & previous buttons */
.prev,
.next {
  cursor: pointer;
  width: auto;
  color: white;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease ;
  border-radius: 0 3px 3px 0;
  user-select: none;
  padding: 0 30px;
}

/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover,
.next:hover {
  color: grey;
}

/* Caption text */
.text {
  color: #f2f2f2;
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  width: 100%;
  left: 23%;
  bottom: 10%;

}

/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* The dots/bullets/indicators */
.dotss {
  cursor: pointer;
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #E6D1C5;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.active,
.dot:hover {
  background-color: #717171;
}




/* Fading animation */
.fade {
  animation-name: fade;
  animation-duration: 1.5s ;
}

@keyframes fade {
  from {
    opacity: .4
  }

  to {
    opacity: 1
  }
}





/*Part 6*/
#part6 {
  background-color: #2a4444;
  width: 100%;
  height: auto;
  text-align: center;
  display: flex;
  flex-direction: column;
  padding-top: 5%;
  color: white;
  font-family: 'heebo-reg';
  direction: ltr;
}

.bubbles {
  display: flex;
  flex-direction: row-reverse;
  justify-content: center;
  padding: 5% 0;
}

.dot {
  height: 16vw;
  width: 16vw;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
}

.dots h2{
  margin-top: 30px;
}

#dot1 {
  background-image: url('../assets/image/food.jpg');
  background-size: cover;
}

#dot2 {
  background-image: url('../assets/image/pencil.jpg');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: -7vw;
}

#dot3 {
  background-image: url('../assets/image/green-bg.jpg');
  background-size: cover;
}

#dot4 {
  background-image: url('../assets/image/culture.jpg');
  background-size: cover;
}

#dot1:hover,
#dot2:hover,
#dot3:hover,
#dot4:hover{
  opacity: 60%;
  
}


#part6 a {text-decoration: none;}
#part6 h3 {font-size: 1.8vw; margin-bottom: 15px;}
.dots {color: white;}

/*Bubble Saction*/
/*Part 1*/
.BS {
  direction: rtl;
  background-color: #CEA48C;
  display: flex;
  font-family: 'heebo-light';
  width: 100%;
  height: auto;
}

.BS .right {
  width: 150vw;
  height: 40vw;
  background-size: cover;
  /* Resize the background image to cover the entire container */
  background-position: 0 0;
  border-top-left-radius: 800px;
  border-bottom-left-radius: 800px;
  margin: 60px 0;

}

#foodBS .right{
  background-image: url('../assets/image/food.jpg');
}

#educationBS{
  background-color: #92958B;
}

#educationBS .right{
  background-image: url('../assets/image/pencil.jpg');
}

#greenBS{
  background-color: #2a4444;
}

#greenBS .left{
  color: white;
}

#greenBS .right{
  background-image: url('../assets/image/green-bg.jpg');
}

#cultureBS{
  background-color: #C9A95F;
}

#cultureBS .right{
  background-image: url('../assets/image/culture.jpg');
  background-position: 0 -7vw;
}

.left {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding-top: 3%;
  text-align: center;
  color: white;
}

.BS .left img {
  margin-top: 10px;
  width: 35vw;
}

.BS .right button{
  background: none;
  border: none;
}

.BS .right button img{
  width: 50px;
  position: absolute;
  
}


.BS .left span {
  padding: 7px 0 0 0;
  font-size: 0.9vw;
}

.BS .left{
  color: #2a4444;
}

.row{
  width: 90%;
  margin-right: 50px;
  display: flex;
}






.row .row-img img{
  width: 200px;
  height: 133px;
}

.row-txt{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding-right: 20px;
}

.row-txt h1{
  font-weight: bold;
  font-size: 1.2rem;
  
}

#cultureBS,
#greenBS,
#educationBS,
#foodBS{
  display: none;
  animation-duration: 0.5s;
  animation-name: animate-fade;
  animation-delay: 0.5s;
  animation-fill-mode: backwards;
  
}

@keyframes animate-fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.BS .right h2{
  position: absolute;
  color: #2a4444;
  font-size: 1.5vw;
  right: 45vw;
  margin-top: 17vw;
  font-weight: bold;
}

#foodBS .right h2{
  color: white;
}







/* Part7 */
#part7 {
  direction: rtl;
  background-color: #fff;
  display: flex;
  font-family: 'heebo-light';
  padding: 60px 0;
}

#part7 .right {
  width: 150vw;
  padding-top: 3%;
  display: flex;
  flex-direction: column;
  align-items: center;
}



.title7 {
  width: 100%;
  height: 13.5vh;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 30px;
}

#part7 .left {
  align-items: flex-start;
  background-color: #fff;
}

#part7 .right span {
  font-size: 1vw;
  padding: 5px;
}

#part7 .right h2 {
  font-size: 1.4vw;
  padding: 1.7vw;
  font-family: 'heebo-reg';
}

#part7 .left .img1 {
  width: 45%;
  height: 26.5vh;
  background-image: url('../assets/image/circle-img1.jpg');
  background-size: cover;
  /* Resize the background image to cover the entire container */
  background-repeat: no-repeat;
}

.circle-wrapper {
  width: 100%;
  display: flex;
  direction: rtl;
  height: 26.5vh;
}

.block {
  width: 30%;
  height: 26.6vh;
  background-color: #F4981C;
  border-top-left-radius: 2000px;
  border-bottom-left-radius: 2000px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  font-size: 1.5rem;
}

#b1 {
  background-color: #CEA48C;
}

#b2 {
  background-color: #92958B;
}

#b3 {
  background-color: #C9A95F;
}

#part7 #dirl {
  direction: ltr;
  margin-top: 4%;
}

#dirl .block {
  border-top-right-radius: 2000px;
  border-bottom-right-radius: 2000px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

#part7 .left .img2 {
  width: 45%;
  height: 26.5vh;
  background-image: url('../assets/image/circle-img2.jpg');
  background-size: cover;
  /* Resize the background image to cover the entire container */
  background-repeat: no-repeat;
}

#part7 .left .img3 {
  width: 45%;
  height: 26.5vh;
  background-image: url('../assets/image/circle-img3.jpg');
  background-size: cover;
  /* Resize the background image to cover the entire container */
  background-repeat: no-repeat;
}

#part7 .right {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}



#wrap3 {margin-top: 4%;}
#part7 .left {padding-bottom: 50px;}





/*Part 8*/
.form-foot {
  position: absolute;
  width: 100%;
  height: auto;
  background: #2a4444;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  direction: rtl;
  font-size: 1vw;
  font-family: 'heebo-reg';
  padding-top: 20px;
  padding-top: 100px;
}

.form-foot h2 {color: white;}
#lets-talk {font-size: 1.5vw;}



.form-foot input {
  width: 13vw;
  height: 2.2vw;
  padding: 0 20px;
  border-radius: 20px;
  border: 1px solid gray;
  background-color: #2a4444;
  color: white;
  font-size: 0.7vw;

}

::placeholder {color: white;}

#submit {
  width: 5vw;
  background-color: #F4981C;
  border: none;
  color: #2a4444;
  opacity: 80%;
  font-size: 0.9vw;
}

#up-arrow{
  margin-right: 60px;
}

#up-arrow a svg{
  transform: rotate(180deg);
}

#up-arrow .ac-row-4 a {
  width: 2rem;
  height: 2rem;
  display: block;
  position: absolute;
  left: 19%;
  top: 5%;
  animation: MoveUpDown 3s ease-in infinite;
}



.form-f {margin-top: 30px;}
#open-side-form { margin-left: 30px}



.go-to a:visited{
  text-decoration: none;

}


/*Media Screen*/
@media only screen and (max-width:1400px){
  #part1 .left span {font-size: 1.5vw;}
  #part2 h2 {font-size: 2vw;}
  #part2 .txt span {font-size: 1.5vw;}
  #part3 h1 {font-size: 2vw;}
  #part3 .left span {font-size: 1.5vw;}
  #part4 h2 {font-size: 2vw;}
  #part4 .right span {font-size: 1.5vw;}
  #part7 .right h2 {font-size: 2vw;}
  #part7 .right span {font-size: 1.5vw;}

  .BS{flex-direction: column;}
  .BS .left span {font-size: 1.5vw;}
  .row-txt h2{font-size: 3vw;}
  #foodBS .right{background-position: 0 -6vw;}
  #educationBS .right{background-position: 0 -9vw;}
  #greenBS .right{background-position: 0 -6vw;}
  #cultureBS .right{background-position: 0 -21vw;}
  .BS .right {width: 78vw;}

  #foodBS .right h2,
  #educationBS .right h2,
  #greenBS .right h2,
  #cultureBS .right h2 {
    font-size: 3.5vw;
    right: 51vw;
  }
}

@media(max-width:1000px) {
  html,
  body { font-family: 'Assistant-Regular'; font-size: 3.5vw;}
  input {font-size: 3em}
  legend {font-size: 3em;}
  .ac-flex-direction-column-mob {-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
  .ac-flex-direction-columnrev-mob{-webkit-box-orient: vertical;
     -webkit-box-direction: reverse;
         -ms-flex-direction: column-reverse;
             flex-direction: column-reverse;}
  .ac-flex-wrap-mob {-ms-flex-wrap:wrap;flex-wrap:wrap;}
  .agree-wrapper,
  .agree {width: 48px;height: 48px}
  nav {top: -300vw;}
  .ac-side-form {display: none}
  h1 {font-size: 2em;}
  br { display: none }
  main {padding-top: 11.8vw;}
  .ac-wrapper-icons.ac-flex.ac-justify-spacebetween.ac-hide-on-mobile { display: none }
  .ac-show-on-mobile { display: block }
  .ac-hide-on-mobile { display: none }

  nav .ac-col-1 picture { width:70%; }
  nav .ac-col-2 picture { width:100%; }
  nav .ac-col-2 { width:25%; }
  nav .ac-col-1 { width:75%; }
  nav #close-menu { width: 8vw;height: 5vw; }
  .ie nav #close-menu { width: 15vw;height: 12vw; }
  nav ul  {font-size: 2.5em; }
  #ac-accessibility-menu.ac-active {display: none;}

  /*header tab */
  header { height: 13.8vw;top:0;left:0;  height: 8vw;  z-index: 99; }
  header #open-menu {width: 26vw;height: 26vw; margin-left: 3vw;}
  .ie header #open-menu {width: 26vw;height: 26vw; margin-left: 0vw;}
  header .ac-col-1 picture { width:74%; }
  header .ac-col-2 picture { width: 100%; }
  header .ac-col-1 span.ac-black { /*font-size: 0.7rem;    width: 100%; */font-size: 1.3rem;
    width: 100%;
    text-align: center;
    position: relative;
    top: -0.4vw;
        right: -1.5vw;
  }
  header .ac-ampa-nadlan { /*width:10rem;*/position: relative;width: 17rem;
  top: 0.4vw; }
  header .ac-col-1 { width:80%;-webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  /* end header tab */
}



@media(max-width:1200px){
  .row{
    width: 95%;
    margin-right: 0;
  }
}

@media(max-width:1070px){
  .row{
    width: 98%;
    margin-right: 0;
  }
}

@media only screen and (max-width:1000px){
  .BS .left span {font-size: 2.1vw;}

#foodBS .right h2,
#educationBS .right h2,
#greenBS .right h2,
#cultureBS .right h2 {
  font-size: 3.5vw;
}

.BS .row{
  flex-direction: column;
  align-items: center;
}

.left .row-txt{align-items: center;}
.row .row-img{margin-bottom: 20px;}

  #part1{flex-direction: column;}
  #part7 .left{margin-top: 200px;}
  #part2 .right{display: none}
  header{height: 8vw;}
  #desk-logo{display: none;}
  header img{width:100px;}
  #anim{display: none;}

  #anim-mob{
    max-width: 300px;
    margin-bottom: 25px;
  }

  .logo-svg-mob {
    margin-top: 20px;
    margin-bottom: 20px;
  }

  #part1 .right{
    width: 90vw;
    height: 58vw;
    background-position: 0 -6vw;
  }

  header {height: 6vw;}
  .left {padding-top: 0;}
  .left .txt{padding: 20px;}
  #part1 .left span {font-size: 2vw;}
  #part1 .right {margin: 20px 0;}
  .top-send{display: none;}

  .logo-svg-mob{
    display: flex;
    flex-direction: column;
    align-items: center
  }

  #part2 .left{
    text-align: center;
    align-items: center;
  }

  #part2 .left h2{
    padding:  40px 0;
    font-size: 4vw;
    color: #2a4444
  }

  #part2 .txt span{font-size: 2vw;}
  #part3{flex-direction: column-reverse;}

  #part3 .right{
    width: 90vw;
    height: 58vw;
    background-position: 0 0;
  }

  #part3 .left h1{font-size: 4vw}
  #part3 .left span{font-size: 2vw}

  #part4 .left{
    width: 90vw;
    height: 58vw;
    background-position: 0 0;
  }

  #part4{flex-direction: column}
  #part4 .right {padding: 0;}
  #part4 .right h2 {font-size: 4vw;}
  #part4 .right span {font-size: 2vw;}
  #part7{flex-direction: column;}
  #part7 .right {width: 100vw;}
  #part7 .title7 img {width: 30vw;}
  #part7 .right h2 {font-size: 4vw;}
  #part7 .right span {font-size: 2vw;}

  #submit {
    width: 8vw;
    text-align: center;
    font-size: 1.5vw;
  }

  .form-foot input {
    text-align: center;
    margin-bottom: 10px;
    width: 18vw;
    height: 4vw;
    font-size: 1.5vw;
  }

  
  .space-txt{margin-bottom: 30px;}
}



@media only screen and (max-width:700px){
  .BS .left span {
    font-size: 3vw;
  }

  #foodBS .right h2,
  #educationBS .right h2,
  #greenBS .right h2,
  #cultureBS .right h2 {
    font-size: 3.5vw;
  }

}

@media only screen and (max-width:520px){
  .BS .row{
    flex-direction: column;
    align-items: center;
}

.BS .right button img{
  width: 30px;
}

.row .row-img{
  margin-bottom: 20px;
}

.left .row-txt{
  align-items: center;
}


.BS .left span {
  font-size: 3.8vw;
}



#foodBS .right h2,
#educationBS .right h2,
#greenBS .right h2,
#cultureBS .right h2 {
  font-size: 3.5vw;
}

}





.swal2-styled.swal2-confirm { background-color: #D13828 !important; }
.swal2-title {color:#000 !important;}
.ac-digictloud { fill: white; width: 13px;height: auto;position: fixed;top: 50%;left: 0.5%;z-index: 999; }
#part-1 .ac-row-3 .ac-align-justify-right span.ac-hide-on-mobile { display: inline-block }
@media(max-width:1000px) {
.ac-digictloud {top: 37%;}
#part-1 .ac-row-3 .ac-align-justify-right span.ac-show-on-mobile { display: inline-block }
#part-1 .ac-row-3 .ac-align-justify-right span.ac-hide-on-mobile { display: none }
}
.ac-opacity  { opacity: 0; }


.form-foot input{
  font-size: 1.1vw;
}


@media only screen and (max-width:1200px){
  #anim{
    max-width: 200px;
    margin: 0 auto;
  }

}



@media only screen and (min-width:1001px){
  .logo-svg-mob{
    display: none;
  }

  #part2 .left h2{
    display: none;
  }

  #part2 #txt-mob{
    display: none;
  }
}


.space-txt{
  margin-bottom: 30px;
}

@media only screen and (max-width:800px){
  #part7 .left{
    margin-top: 150px;
  }
}

@media only screen and (max-width:600px){
  #part7 .left{
    margin-top: 50px;
  }
}

@media only screen and (max-width:700px){
  

  #part1 .txt span{
    font-size: 3vw;
  }

  #part2 .txt span {
    font-size: 3vw;
}

#part3 .left span {
  font-size: 3vw;
}

#part4 .right span {
  font-size: 3vw;
}

#part7 .right span {
  font-size: 3vw;
}
}

@media only screen and (max-width:499px){
  #part1 .ac-row-4 a {
    margin-top: 250.4vw;
}

  #part1 .txt span{
    font-size: 3.6vw;
  }

  #part2 .txt span {
    font-size: 3.6vw;
}

#part3 .left span {
  font-size: 3.6vw;
}

#part4 .right span {
  font-size: 3.6vw;
}

#part7 .right span {
  font-size: 3.6vw;
}
}




@media only screen and (max-width:420px){

  #anim-mob{
    max-width: 45vw;
  }

  #part1 .txt span{
    font-size: 3.8vw;
  }

  #part2 .left h2 {
    font-size: 6vw;
}

#part2 .txt span {
  font-size: 4vw;
  padding: 3px;
}

#part3 .left h1 {
    font-size: 6vw;
}

#part3 .left span {
  font-size: 4vw;
}

#part3 .right {
  margin-top: 0px;
  margin-bottom: 60px;
}

#part4 .right h2 {
  font-size: 6vw;
}

#part4 .right span {
    font-size: 4vw;
}

#part4 .left {
  width: 100vw;
  background-position: 0 -16vw;
}

#part5 {
  height: 59.4vw;
}

#part5 .right {
  height: 50.8vw;
}

.mySlides img {
    width: 78vw;
    height: 50.8vw;
}

.dotss {
  height: 5px;
  width: 5px;
}

.prev, .next {
  font-size: 10px;
  padding: 5px 20px;
}

#part5 h3 {
    font-size: 5vw;
    font-family: 'heebo-light';
}

.side-txt{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.side-txt span{
  font-size: 2.6vw;
  margin-top: 3.5px;
}

#part6 h3 {
  font-size: 5vw;
  margin-bottom: 5px;
}

#part6 span {
  font-size: 3vw;
  margin-bottom: 5px;
}

.dot {
  height: 22vw;
  width: 22vw;
}

.dots h2 {
  margin-top: 5px;
  margin-bottom: 4px;
}

#part7 .title7 img {
  width: 50vw;
}

#part7 .left {
  margin-top: 140px;
}


#part7 .right h2 {
  font-size: 6vw;
  margin:20px 0;
}

#part7 .right span {
  font-size: 3.9vw;
}

.block {
  font-size: 1rem;
}

.form-foot .form {
  display: flex;
  align-items: center;
  flex-direction: column;
  
}

#part8{
  font-family: 'heebo-light';
}

#lets-talk {
  font-family: 'heebo-light';
  font-size: 10vw;
  margin-bottom: 10px;
  
}

.form-foot h2 {
  font-family: 'heebo-light';
  font-size: 5vw;

}

.form-foot {
    padding: 50px 0;
}

.form-foot input {
  text-align: center;
  margin-bottom: 10px;
  width: 80vw;
  height: 12vw;
  font-size: 4vw;
}

#submit {
  width: 80vw;
  text-align: center;
  font-size: 4vw;
}



#part4 .right h2 {
  margin-top: 20px;
}



#mob-img{
  width: 80%
}
}



@media only screen and (max-width:630px){#top-s{display: none}}


.BS .right button img:hover path {
  fill: red;
}

.BS .right button img:hover {
  -webkit-animation-name: spin;
  -webkit-animation-duration: 2000ms;
  -webkit-animation-iteration-count: 2s;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: spin;
  -moz-animation-duration: 2000ms;
  -moz-animation-iteration-count: 2s;
  -moz-animation-timing-function: linear;
  -ms-animation-name: spin;
  -ms-animation-duration: 2000ms;
  -ms-animation-iteration-count: 2s;
  -ms-animation-timing-function: linear;
  animation-name: spin;
  animation-duration: 2000ms;
  animation-iteration-count: 2s;
  animation-timing-function: linear;
}

@-ms-keyframes spin {
  from {
    -ms-transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
  }
}

@-moz-keyframes spin {
  from {
    -moz-transform: rotate(0deg);
  }
  to {
    -moz-transform: rotate(360deg);
  }
}

@-webkit-keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

























































/*Minify Css Reset */

a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline
}

:focus {
  outline: 0
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block
}

body {
  line-height: 1
}

ol,
ul {
  list-style: none
}

blockquote,
q {
  quotes: none
}

blockquote:after,
blockquote:before,
q:after,
q:before {
  content: '';
  content: none
}

table {
  border-collapse: collapse;
  border-spacing: 0
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration {
  -webkit-appearance: none;
  -moz-appearance: none
}

input[type=search] {
  -webkit-appearance: none;
  -moz-appearance: none;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box
}

textarea {
  overflow: auto;
  vertical-align: top;
  resize: vertical
}

audio,
canvas,
video {
  display: inline-block;
  max-width: 100%
}

audio:not([controls]) {
  display: none;
  height: 0
}

[hidden] {
  display: none
}

html {
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%
}

a:focus {
  outline: thin dotted
}

a:active,
a:hover {
  outline: 0
}

img {
  border: 0;
  -ms-interpolation-mode: bicubic
}

figure {
  margin: 0
}

form {
  margin: 0
}

fieldset {
  border: 1px solid silver;
  margin: 0 2px;
  padding: .35em .625em .75em
}

legend {
  border: 0;
  padding: 0;
  white-space: normal
}

button,
input,
select,
textarea {
  font-size: 100%;
  margin: 0;
  vertical-align: baseline
}

button,
input {
  line-height: normal
}

button,
select {
  text-transform: none
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
  -webkit-appearance: button;
  cursor: pointer
}

button[disabled],
html input[disabled] {
  cursor: default
}

input[type=checkbox],
input[type=radio] {
  box-sizing: border-box;
  padding: 0
}

input[type=search] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0
}

textarea {
  overflow: auto;
  vertical-align: top
}

table {
  border-collapse: collapse;
  border-spacing: 0
}

button,
html,
input,
select,
textarea {
  color: #222
}

::-moz-selection {
  background: #b3d4fc;
  text-shadow: none
}

::selection {
  background: #b3d4fc;
  text-shadow: none
}

img {
  vertical-align: middle
}

fieldset {
  border: 0;
  margin: 0;
  padding: 0
}

textarea {
  resize: vertical
}

.chromeframe {
  margin: .2em 0;
  background: #ccc;
  color: #000;
  padding: .2em 0
}

/*Minify Css Reset */



.ac-rooftop-slider {
  width: 33rem;
}

.slick-prev {
  top: 95%;
}

.ac-white {
  color: #fff;
}

.ac-black {
  color: #000;
}

.ac-red {
  color: #D3351C;
}

.ac-green {
  color: #F4981C;
  color: #7A4706;
}

.ac-turcish {
  color: #0B90A3;
  color: #095F6D;
}

.ac-bg-orange {
  background-color: #F4981C;
}

.ac-bg-black {
  background-color: #000;
}

.ac-bg-white {
  background-color: #fff;
}

.ac-align-center {
  text-align: center
}

.ac-bg-lightgrey {
  background-color: #F2F2F2
}

.ac-align-left {
  text-align: left
}

.ac-align-right {
  text-align: right
}

.ac-align-justify-center {
  text-align: justify;
  -moz-text-align-last: center;
  text-align-last: center;
}

.ac-align-justify-left {
  text-align: justify;
  -moz-text-align-last: left;
  text-align-last: left;
}




body {
  direction: rtl;
}

.ac-bg-green {
  background-color: #2a4444;
}

.ac-menu.icon {
  color: white;
}

#open-menu {
  color: white;
}


.ac-img-responsive {
  width: 100%;
  max-width: 100%;
  display: block;
  margin: 0 auto;
}






/* header */
header {
  padding: 0 3vw;
  position: fixed;
  width: 100%;
  box-sizing: border-box;
  z-index: 9;
}

header .ac-container-flued {
  height: 100%;
}

header #open-menu {
  width: 3vw;
  height: 3vw;
  background: transparent;
  border: 0px;
  margin-left: 1vw;
}

header #open-menu svg {
  width: 100%;
  height: 100%;
}

header .ac-col-2 picture {
  width: 8rem;
  display: block
}

header .ac-col-1 picture {
  width: 29rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

header .ac-ampa-nadlan {
  width: 10rem;
  height: 3rem;
  margin-left: 1rem;
  position: relative;
  top: 0.15rem;
}

header .ac-ampa-nadlan svg {
  width: 100%;
  height: 100%
}

header .ac-col-1 span.ac-black {
  display: inline-block;
  letter-spacing: 0.5vw;
  margin: auto;
  font-size: 1.5rem;
  font-weight: 600;
}
/* end header */

/* nav */
nav {
  width: 100%;
  height: 100vh;
  background: #2a4444;
  position: fixed;
  top: -100vw;
  left: 0;
  z-index: 99;
  transition: top 1s;
}

nav .ac-container-flued {
  height: 14vh;
  padding: 0 2rem;
}

nav #close-menu {
  width: 3vw;
  height: 3vw;
  background: transparent;
  border: 0px;
  margin-left: 1vw;
}

nav #close-menu svg {
  width: 100%;
  height: 100%;
}

nav .ac-col-2 picture {
  width: 8rem;
  display: block
}

nav .ac-col-1 picture {
  width: 29rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

nav .ac-navigator {
  background-color: #2a4444;
  font-family: 'heebo-reg';
  margin-top: 90px;
  width: 100%;
  height: 86vw;
}

nav ul li {
  margin: 3vh 0;
  cursor: pointer;
  margin-bottom: 7vh;
}

nav ul li a {
  color: #fff;
  text-decoration: none;
}

nav ul li:hover a {
  color: #F4981C;
  opacity: 80%;
}

nav ul {
  text-align: center;
  color: #fff;
  font-size: 3.5em;
}

nav #close-menu:hover svg {
  -webkit-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  transform: rotate(360deg);
}

nav .ac-nav-header {
  background: #000;
}

nav .ac-container-flued {
  height: 0vh;
  padding: 0 2rem;
}

/* end nav */


/*Header Down Arrow*/
.ac-row {width:100%;}

#part1 .ac-row-4 a { margin-top: 36vw; width: 2rem;height: 2rem;display: block;position: absolute;left: 19%;top:5%;animation: MoveUpDown 3s ease-in infinite; }
#part1 .ac-row-4 svg polygon { fill: #fff !important; }
#part1 .ac-row-4 svg { width:100%;height: 100%; }

.arrow .ac-row-4 a {
  margin-top: 8vw;
  width: 2rem;
  height: 2rem;
  display: block;
  position: absolute;
  /* left: 19%; */
  top: 5%;
  animation: MoveUpDown 3s ease-in infinite;
}.arrow .ac-row-4 svg polygon { fill: white !important; }
.arrow .ac-row-4 svg { width:100%;height: 100%; }


@keyframes MoveUpDown {
  0%  {
    top: 7vw;
    opacity:0;
  }
  50% {
    top: 12vw;
    opacity:1;
  }
  100% {
    top: 7vw;
    opacity:0;
  }
}

@media only screen and (max-width:1600px){#part1 .ac-row-4 a { margin-top: 39vw;}}
@media only screen and (max-width:1500px){#part1 .ac-row-4 a { margin-top: 40vw;}}
@media only screen and (max-width:1400px){#part1 .ac-row-4 a { margin-top: 42.5vw;}}
@media only screen and (max-width:1300px){#part1 .ac-row-4 a { margin-top: 45vw;}}
@media only screen and (max-width:1200px){#part1 .ac-row-4 a { margin-top: 43vw;}}
@media only screen and (max-width:1100px){#part1 .ac-row-4 a { margin-top: 46vw;}}

@media only screen and (max-width:1000px){
  #part1 .ac-row-4 a { 
    left: 48%;
    margin-top: 132vw;
  }
  #part1 .left {padding-bottom: 50px;}
}

@media only screen and (max-width:925px){#part1 .ac-row-4 a { margin-top: 137vw;}}
@media only screen and (max-width:860px){#part1 .ac-row-4 a { margin-top: 142vw;}}
@media only screen and (max-width:790px){#part1 .ac-row-4 a { margin-top: 148vw;}}
@media only screen and (max-width:725px){#part1 .ac-row-4 a { margin-top: 155.5vw;}}
@media only screen and (max-width:660px){#part1 .ac-row-4 a { margin-top: 163vw;}}
@media only screen and (max-width:610px){#part1 .ac-row-4 a { margin-top: 171vw;}}
@media only screen and (max-width:555px){#part1 .ac-row-4 a { margin-top: 180.7vw;}}
@media only screen and (max-width:515px){#part1 .ac-row-4 a { margin-top: 190.4vw;}}
@media only screen and (max-width:465px){#part1 .ac-row-4 a { margin-top: 203vw;}}
@media only screen and (max-width:410px){#part1 .ac-row-4 a { margin-top: 215vw;}}

#part1 .left .row-img img{width: 200px;}

.row{
  display: flex;
  margin-bottom: 50px;
  align-items: center;
}

.row-txt{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}


.footer-logos{
  
  text-align: center;
  
  margin-top: 80px;
  padding-bottom: 10px;
}