body {
form
  background: #eee;

  zoom:100%;

}



.example button {

  float: left;

  background-color: #4E3E55;

  color: white;

  border: none;

  box-shadow: none;

  font-size: 17px;

  font-weight: 500;

  font-weight: 600;

  border-radius: 3px;

  padding: 15px 35px;

  margin: 26px 5px 0 5px;

  cursor: pointer; 

}

.example button:focus{

  outline: none; 

}

.example button:hover{

  background-color: #33DE23; 

}

.example button:active{

  background-color: #81ccee; 

}





.sig {

  position: fixed;

  bottom: 0;

  left: 0;

  background: #119731;

  color: #fff;

  width: 300px;

  z-index: 999999;

  cursor: pointer;

  padding: 10px;

}



.sig .main-color {

  color: #fff;

}



::-webkit-scrollbar {

  width: 5px;

}



::-webkit-scrollbar-track {

  background: #f1f1f1;

}



::-webkit-scrollbar-thumb {

  background: #119731;

}



.text {

  position: absolute;

  top: 30%;

  color: #fff;

  z-index: 999999999999;

}



body {

  font-family: 'Cairo', sans-serif;

  font-weight: normal;

  font-style: normal;

}



a {

  -webkit-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

  color: #119731;

}



a:hover {

  text-decoration: none;

}



.main-color {

  color: #119731;

}



.sub-color {

  color: #333;

}



.sec {

  padding: 80px 20px;

}



.bold {

  font-weight: 900;

}



.reg {

  font-weight: 400;

}



.bord {

  background: #fff;

  padding: 1px;

  

}



nav .active {

  position: relative;

  

}



nav .active::before {

  position: absolute;

  bottom: 0;

  left: 0;

  content: '';

  height: 3px;

  width: 50px;

  background: #119731;

}



header {

  position: relative;

}



header .nav-fixed {

  position: fixed;

  top: 0;

  right: 0;

  z-index: 10;

  width: 100%;

    font-size: 16px;

  color: #fff;



}

.bg-success1 {background-color: #6EC065;}



header .nav-fixed .top-nav {

  background: #fff;

}



header .nav-fixed .top-nav a {

  color: #fff;

  display: inline-block;

  padding: 100px;

  font-size: 13px;

  

}



header .navbar-nav .active > .nav-link, header .navbar-dark .navbar-nav .nav-link.active, header .navbar-dark .navbar-nav .nav-link.show, header .navbar-dark .navbar-nav .show > .nav-link {

  color: #ffffff !important;

  position: relative;

}



.navbar-light .navbar-nav .nav-link {

    color: white;

}



header .navbar-nav .active > .nav-link::before, header .navbar-dark .navbar-nav .nav-link.active::before, header .navbar-dark .navbar-nav .nav-link.show::before, header .navbar-dark .navbar-nav .show > .nav-link::before {

  position: absolute;

  bottom: 0;

  left: 0px;

  content: '';

  height: 3px;

  background: #ffff00;

  width: 36px;

}



header .a img {

  -webkit-clip-path: polygon(0 0, 100% 0, 100% 67%, 0 87%);

  clip-path: polygon(0 0, 100% 0, 100% 67%, 0 87%);

  height: 760px;

  -o-object-fit: cover;

     object-fit: cover;

}



header .form {

  position: absolute;

  top: 70px;

  right: 40px;

  width: 350px;

  z-index: 9;

  padding: 10px;

}



header .form .bord {

  padding: 30px;

  background: rgba(255, 255, 255, 0.822);

}



header .form .bord .input {

  display: block;

  padding: 5px 10px;

  border-radius: 30px;

  border: 1px solid #ccc;

  background: #eee;

  width: 100%;

}



header .form .bord .input:focus {

  outline: 0;

}



header .form .bord .btni {

  background: #119731;

  color: #fff;

  border-radius: 30px;

}



header .form .bord .btni:hover {

  background: #333;

}



#fet {

  padding-bottom: 100px;

}



#fet h2 {

  margin-bottom: 30px;

}



#fet .bord {

  margin: 30px;

  position: relative;

  padding: 30px;

}



#fet .bord img {

  width: 90px;

}



#fet .bord h4 {

  margin: 10px;

}



#fet .bord p {

  color: #555;

  font-size: 14px;

}



#fet .bord .btni {

  background: #119731;

  color: #fff;

  display: inline-block;

  padding: 5px 40px;

  border-radius: 30px;

  margin-bottom: 10px;

}



#fet .bord .btni:hover {

  background: #333;

}



#fet .bord:before {

  content: '';

  position: absolute;

  bottom: 0;

  left: 0;

  height: 5px;

  width: 50%;

  background: #119731;

}



#video {

  background: url("../img/386416-PC2IA0-729.jpg");

  background-attachment: fixed;

  background-size: cover;

}



#video .over {

  height: 400px;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: center;

      -ms-flex-pack: center;

          justify-content: center;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

}



#video .over img {

  cursor: pointer;

}



#about {

  background: #fff;

}



#about .btni {

  background: #119731;

  color: #fff;

  display: inline-block;

  padding: 10px 30px;

}



#about .btni:hover {

  background: #333;

}



#book {

  background: url("https://image.freepik.com/free-vector/luxury-ornamental-background-in-gold-color_1159-6081.jpg");

  background-attachment: fixed;

}



#book .over {

  background: rgba(17, 151, 48, 0.714);

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: center;

      -ms-flex-pack: center;

          justify-content: center;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  color: #fff;

  padding: 30px;

  padding-bottom: 15px;

}



#book .over a {

  background: #fff;

  display: inline-block;

  padding: 10px 30px;

  margin-top: 20px;

}



#book .over a:hover {

  background: #333;

  color: #fff;

}



#prog .prog {

  background: #fff;

  position: relative;

  padding: 20px;

  padding-top: 65px;

  -webkit-box-shadow: 0 5px 30px rgba(0, 0, 0, 0.1);

          box-shadow: 0 5px 30px rgba(0, 0, 0, 0.1);

  min-height: 260px;

}



#prog .prog img {

  border: 5px solid #fff;

  width: 100px;

  height: 100px;

  border-radius: 50%;

  position: absolute;

  left: 10px;

  top: -50px;

  -webkit-box-shadow: 0 -3px 30px rgba(0, 0, 0, 0.1);

          box-shadow: 0 -3px 30px rgba(0, 0, 0, 0.1);

}



#testi {

  background: url("https://image.freepik.com/free-photo/prayer-beads-on-mat_23-2147868934.jpg");

  background-attachment: fixed;

  background-size: cover;

}



#testi .over h2 {

  color: #fff;

}



#testi .over .line {

  background: #fff;

  width: 50px;

  height: 2px;

  margin: 10px auto;

  display: block;

}



#testi .over .test .testi {

  margin: 10px;

  margin-top: 100px;

  margin-bottom: 0px;

  background: #fff;

  position: relative;

  padding: 30px;

  padding-top: 65px;

  border-top-right-radius: 30px;

  border-bottom-left-radius: 30px;

  padding-left: 65px;

}



#testi .over .test .testi p {

  color: #999;

  margin: 20px 0;

}



#testi .over .test .testi img {

  position: absolute;

  width: 100px;

  height: 100px;

  top: -50px;

  left: 0px;

  background-color: #119731;

  border-radius: 50%;

  border: 3px solid #119731;

}



#testi .over .test .writer {

  background: #119731;

  color: #fff;

  width: 250px;

  margin-left: auto;

  margin-right: 10px;

  padding: 5px;

  padding-right: 20px;

  border-bottom-left-radius: 20px;

  text-align: right;

}



footer {

  /*********footer*******************/

  /* :: 18.0 Footer Area CSS */

}



footer .kilimanjaro_area {

  position: relative;

  z-index: 1;

}



footer .foo_top_header_one {

  background-color: #15151e;

  color: #fff;

}



footer .section_padding_100_70 {

  padding-top: 100px;

  padding-bottom: 70px;

}



footer .foo_top_header_one {

  color: #fff;

}



footer .kilimanjaro_part {

  margin-bottom: 30px;

}



footer .foo_top_header_one .kilimanjaro_part > h5 {

  color: #fff;

}



footer .kilimanjaro_part h4, footer .kilimanjaro_part h5 {

  margin-bottom: 30px;

}



footer .kilimanjaro_single_contact_info > p, footer .kilimanjaro_single_contact_info > h5, footer .kilimanjaro_blog_area > a, footer .foo_top_header_one .kilimanjaro_part > p {

  color: rgba(255, 255, 255, 0.5);

}



footer p, footer ul li, footer ol li {

  font-weight: 300;

}



footer ul {

  margin: 0;

  padding: 0;

}



footer .kilimanjaro_bottom_header_one {

  background-color: #111;

}



footer .section_padding_50 {

  padding: 50px 0;

}



footer .kilimanjaro_bottom_header_one p {

  color: #fff;

  margin: 0;

}



footer p, footer ul li, footer ol li {

  font-weight: 300;

}



footer .kilimanjaro_bottom_header_one a {

  color: inherit;

  font-size: 14px;

}



footer a, footer h1, footer h2, footer h3, footer h4, footer h5, footer h6 {

  font-weight: 400;

}



footer .m-top-15 {

  margin-top: 15px;

}



footer ul {

  margin: 0;

  padding: 0;

}



footer .kilimanjaro_widget > li {

  display: inline-block;

}



footer p, footer ul li, footer ol li {

  font-weight: 300;

}



footer ol li, footer ul li {

  list-style: outside none none;

}



footer .kilimanjaro_widget a {

  border: 1px solid #333;

  border-radius: 6px;

  color: #888;

  display: inline-block;

  font-size: 13px;

  margin-bottom: 4px;

  padding: 7px 12px;

}



footer ul {

  margin: 0;

  padding: 0;

}



footer .kilimanjaro_links a {

  border-bottom: 1px solid #333;

  color: rgba(255, 255, 255, 0.5);

  display: block;

  font-size: 13px;

  margin-bottom: 5px;

  padding-bottom: 10px;

}



footer .kilimanjaro_links a {

  color: rgba(255, 255, 255, 0.5);

  font-size: 13px;

}



footer top-15 {

  margin-top: 15px;

}



footer .foo_top_header_one .kilimanjaro_part > h5 {

  color: #fff;

}



footer .kilimanjaro_part h4, footer .kilimanjaro_part h5 {

  margin-bottom: 30px;

}



footer .kilimanjaro_social_links > li {

  display: inline-block;

}



footer p, footer ul li, footer ol li {

  font-weight: 300;

}



footer .kilimanjaro_social_links a {

  width: 100px !important;

  text-align: center;

  border: 1px solid #333;

  border-radius: 6px;

  color: #888;

  display: inline-block;

  font-size: 13px;

  margin-bottom: 3px;

  padding: 7px 12px;

}



footer .kilimanjaro_blog_area .kilimanjaro_date {

  color: #27ae60;

  font-size: 13px;

  margin-bottom: 5px;

}



footer .kilimanjaro_blog_area > p {

  color: rgba(255, 255, 255, 0.5);

  line-height: 1.3;

  margin-bottom: 0;

}



footer .kilimanjaro_works > a {

  display: inline-block;

  float: left;

  position: relative;

  width: 33.33333333%;

  z-index: 1;

}



footer .kilimanjaro_thumb {

  left: 0;

  position: absolute;

  top: 0;

  width: 75px;

}



footer .kilimanjaro_links a i {

  padding-right: 10px;

}



footer .footer_area {

  position: relative;

  z-index: 1;

}



footer .footer_bottom p > i,

footer .footer_bottom p > a:hover {

  color: #27ae60;

}



footer .social_links_area {

  border-bottom: 1px solid rgba(255, 255, 255, 0.2);

  padding: 50px 0 30px 0;

  text-align: center;

  position: relative;

  z-index: 1;

}



footer .social_links_area > a:hover {

  color: #27ae60;

}



footer .inline-style .social_links_area > a:hover {

  background-color: transparent;

  color: #27ae60;

  border: 0px solid transparent;

}



footer .single_feature:hover .feature_text h4 {

  color: #27ae60;

}



footer .kilimanjaro_blog_area {

  border-bottom: 1px solid #333;

  margin-bottom: 15px;

  padding: 0 0 15px 90px;

  position: relative;

  z-index: 1;

}



footer .kilimanjaro_links a {

  border-bottom: 1px solid #333;

  color: rgba(255, 255, 255, 0.5);

  display: block;

  font-size: 13px;

  margin-bottom: 5px;

  padding-bottom: 10px;

}



.bg-gradient {

  background: #C9D6FF;

  background: -webkit-gradient(linear, left top, right top, from(#E2E2E2), to(#C9D6FF));

  background: linear-gradient(to right, #E2E2E2, #C9D6FF);

}



ul li {

  margin-bottom: 1.4rem;

}



.pricing-divider {

  border-radius: 20px;

  background: #C64545;

  padding: 1em 0 4em;

  position: relative;

}



.blue .pricing-divider {

  background: #2D5772;

}



.green .pricing-divider {

  background: #1AA85C;

}



.red b {

  color: #C64545;

}



.blue b {

  color: #2D5772;

}



.green b {

  color: #1AA85C;

}



.pricing-divider-img {

  position: absolute;

  bottom: -2px;

  left: 0;

  width: 100%;

  height: 80px;

}



.deco-layer {

  -webkit-transition: -webkit-transform 0.5s;

  transition: -webkit-transform 0.5s;

  transition: transform 0.5s;

  transition: transform 0.5s, -webkit-transform 0.5s;

}



.btn-custom {

  background: #C64545;

  color: #fff;

  border-radius: 20px;

}



.img-float {

  width: 50px;

  position: absolute;

  top: -3.5rem;

  right: 1rem;

}



.princing-item {

  -webkit-transition: all 150ms ease-out;

  transition: all 150ms ease-out;

}



.princing-item:hover {

  -webkit-transform: scale(1.05);

          transform: scale(1.05);

}



.princing-item:hover .deco-layer--1 {

  -webkit-transform: translate3d(15px, 0, 0);

  transform: translate3d(15px, 0, 0);

}



.princing-item:hover .deco-layer--2 {

  -webkit-transform: translate3d(-15px, 0, 0);

  transform: translate3d(-15px, 0, 0);

}

/*# sourceMappingURL=style.css.map */

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

  .form{

    position: static !important;

      margin: auto !important;

      width:349px !important;

  }

}