body{

    font-family: myfont2 !important;

    position: relative;

    direction: rtl;

/*    overflow: hidden;*/

}



p,h6,h3,h4,h1,h2,h5,a,span,ul,li{

    font-family: myfont2 !important;

}


.navbar{
  background-color: #fff;
}
body .btn_slide {

    letter-spacing: 2px;

    color: #fff;

    padding: 15px 40px;

    border-radius: 5px;

    font-size: 12px !important;

    line-height: 16px;

    background:transparent;

    border-color: #f3bc78;

    color: #f3bc78;

    z-index: 2;

    position: relative;

}



body .btn_slide::before{

  content: "";

  height: 100%;

  right: 0;

  top: 0;

  width: 0px;

  position: absolute;

  transition: all 0.5s ease 0s;

  -webkit-transition: all 0.5s ease 0s;

  z-index: -1;

}

body .btn_slide:hover::before{

    background:#f3bc78;

    border-color: #f3bc78;

    color: #fff;

    width: 100%;

}



.navbar-brand{

  font-size: 1rem;

}

 .py-6{

   padding-top: 5rem !important;

   padding-bottom: 5rem !important;

 }



.pt-6{

     padding-top: 6.5rem !important;

}

.pb-6{

     padding-bottom: 5rem !important;

}



 .more_btn{

   letter-spacing:2px;

 }

.works{

    height: 100%;

}

#sidebarCollapse{

    padding-right: 3px !important;

}

.logo img {

    width: 80px;

    margin-left: 0px;

}

.navbar.navbar-expand-lg{

    /* background: transparent; */

    z-index: 1000;

}



.btn_statement a{

  background: #0d1627;

  color: #fff;

  font-size: 16px;

  line-height: 1;

}

.btn_statement a{

  color: #fff !important;

}

.mt8rem{

    margin-top: 8rem!important;

}

.mt30{

    margin-top: 30px!important;

}

.mt160{

    margin-top: 55px!important;

}

.mt65{

    margin-top: 65px;

}

.mb65{

    margin-bottom: 65px;

}

.mt60{

    margin-top: 60px;

}

.mt97{

    margin-top: 97px;

}

#slider,.slider .swiper-wrapper{

    height: 100% !important;

}

.first_slide{

    height: 100% !important;

    background-repeat: no-repeat !important;

    background-size: cover !important;

    position: relative;

    /* z-index: 1000; */

}

.navbar-nav .btn{
  background-color: #32572b;
  border-color: #32572b;
}

.navbar-nav a{
    font-weight: 100 !important;
    font-size: 16px;
}

.nav_bar_ul li a{

    position: relative;

}

/* color: #06060685; */

.nav_bar_ul li a:hover::before{

    width: 100% !important;

    transition: all .5s;

}

.nav_bar_ul li a:hover{

    transition: all .5s;

   color:#06060685 !important;

}





.nav_bar_ul li a::before{

    position: absolute;

    width: 0%;

    height: 3px;

    bottom: -3px;

    content: '';

    left: 2px;

    background: linear-gradient(to right, rgb(119, 226, 182) , rgb(227, 229, 77));

}

.yellow{

    color: rgb(227, 229, 77);

}

.green{

    color: rgb(119, 226, 182);

}

.slider {

    margin-top: 0px !important;

}

/* header{

    background: url(../images/1-01.png);

    background-repeat: no-repeat;

    background-size: 1270px 920px;

    background-position: bottom;

    background-position-x: 26%;

    background-position-y: 110%;

} */

.slider {

    height: 635px;

}



/* .image_item */

.slider_container img{

    width: 170px;

}

.heading_slider{

    font-size: 52px;

    text-shadow: 8px 2px 11px #000000f7;

    margin-bottom: 0;

    text-transform: uppercase;



}

.paragraph_slider{

    font-size: 15px;

    color: #fff;

}

.paragraph_slider span,.paragraph_slider p{

    text-shadow:8px 3px 4px #000;

}

.first_nav{

    margin-left: 760px!important;

}

.swiper-pagination-bullet.swiper-pagination-bullet-active {

    background: #f3bc78 !important;

    border:none !important;

    transform: rotate(45deg);

}

.swiper-pagination-bullet{

    background: inherit !important;

    border-color: #fff !important;

    opacity: 1 !important;

    width: 12px !important;

    height: 12px !important;

    border-style: solid  !important;

    border-width: 2px  !important;

    -webkit-transform: rotate(0deg);

    transform: rotate(0deg);

    -webkit-transition: border .4s ease, background .4s ease, -webkit-transform .4s ease;

    transition: border .4s ease, background .4s ease, -webkit-transform .4s ease;

    transition: border .4s ease, background .4s ease, transform .4s ease;

    transition: border .4s ease, background .4s ease, transform .4s ease, -webkit-transform .4s ease;

    border-radius: 4px !important;

}

.social li a {

    color: #f3bc78  !important;

    font-size: 13px;

}

.sticky-top{

    width:100%;

}

.social .list-group{

  left: 0%;

  bottom: 50%;

  list-style-type: none;

  z-index: 1000;

  transform: translateY(50%);

  /* background-color: rgba(0,0,0,.3);

  border-top-right-radius: 25px;

  border-bottom-right-radius: 25px; */

  padding: 15px;

}

.social .list-group li{

    transition: 0.3s  ease-out;

}

.social .list-group li:hover{

    transform: rotate(360deg);

}

.fa-bars{

    color:#fff;

    font-size: 25px ;

}

.fa-search{

    color:#000;

    font-size: 20px;

    font-family: 100 !important;

}

.search{

    position: absolute;

    right: 9%;

    z-index: 1000;

    bottom: 40px;

}

.swiper-container-vertical>.swiper-pagination-bullets {

    right: 45px !important;

}

.lang_list{

    list-style-type: none;

}

.lang_list{

    color:#fff;

    font-size: 12px;

    font-weight: bold;

}

.clients_div{

    padding:0 30px;

}

.text-color{

    background: -webkit-linear-gradient(rgb(119, 226, 182) , rgb(227, 229, 77));

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;

    font-size: 2em;

    margin-bottom: 10px;

}



.service_heading::before {

    width: 60px;

    content: '';

    height: 6px;

    background: #000;

    position: absolute;

    right: 0;

    top: 10px;

}



.text-color::before {

    width: 60px;

    content: '';

    height: 6px;

    background: #07a74a;

    position: absolute;

    right: 0;

    top: 10px;

}

.paragraph_text{

    font-size: 1em;

    font-family: myfont4;

    color: #06060685;

    font-weight: normal;

}

.client_img img{

    width: 191px;

    height: 191px;

}

.image_div img{

    width: 100%;

    height: 100%;

    /* border-radius: 30px; */

}





.item_paragraph{

    margin-top: -21px;

    margin-bottom: 0;

    color: #000;

    font-family: myfont4;

}





.logo2{

    width: 65px !important;

}

.logo_2{

    display: none;

    width:115px;

    height:81px;

    padding: 30px;

}



.div_img{

    margin-top: 30px;

}

a:hover{

    text-decoration: none;

}

.slider_container{

    height: 100%;

}





.font12{

  font-size: 12px;

}

.font14{

  font-size: 14px;

}

.font16{

  font-size: 16px;

}

.font20{

  font-size:20px;

}

.font22{

  font-size: 22px;

}

.partner_image{

  width:100%;

  height: 100px;

  padding: 10px;

  text-align: center;

}

.partner_image img{

  height: 100%;

  width: 70%;

}



@media screen and  (min-width: 992px) {

  .partners_images .col-lg-2{

      border-right: 2px solid #95701F;

  }

  body .partners_images .col-lg-2:last-child{

      border-right: none;

  }



}



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

  .partners_images .col-lg-2{

      margin-bottom: 5%;

  }



  .partners_image img {

    max-width:160px!important;

  }



  .product-large{

    margin-bottom: 30px;

  }

}



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

    .image_card.height162{

    height: 420px !important;

  }



}









.partner_linkn {

    position: relative;

}



.partner_link:hover img {

  opacity: 1;

  -webkit-animation: flash 1.5s;

  animation: flash 1.5s;

}



.partner_link .text {

  position: absolute;

  bottom: -20px;

  left: 50%;

  z-index: -1;

  display: block;

  margin: 0;

  transform: translateX(-50%);

  padding: 0;

  color: #444;

  /* font-size: 18px; */

  text-decoration: none;

  text-align: center;

  -webkit-transition: .3s ease-in-out;

  transition: .3s ease-in-out;

  text-align: center;

  opacity: 0;

}

.partner_link .text h6{

  font-size: 16px !important;

  font-weight: bold;

}

.partner_link:hover span{

  bottom: -36px;

	opacity: 1;

}



.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{

  bottom: 30px !important;

}



.image_about{

  width: 100%;

height: 350px;

}



.col_image{

  right: 0;

}



.text_about .details_us{

  width: 75%;

  margin-left: auto !important;

  color: #0D1627 !important;

}



.image_about img{

  width: 100%;

  height: 100%;

  border-radius: 4px;

}





@-webkit-keyframes flash {

	0% {

		opacity: .4;

	}

	100% {

		opacity: 1;

	}

}

@keyframes flash {

	0% {

		opacity: .4;

	}

	100% {

		opacity: 1;

	}

}

.height100{

  height: 100%;

}

.bg-gray{

  background: #EFEFEF;

}

.product .card-body{

      background: #0D1627;

      height: 60px;

      padding-top: 1rem!important;

      transition:all 1s;



}

.product .card-body p{

    color: #fff !important;

    line-height: 32px;

}

#products .product:first-child .card .image_card{

    height: 420px;

}

.product .card .image_card img{

  height: 100%;

}

#products{

  position: relative;

  background-image: url(../images/bg2.jpg);

  background-repeat: no-repeat;

  background-size: cover;

  background-position: center;

  background-attachment: fixed;

}

#products::before{

  content: '';

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  background-image: -webkit-gradient(linear, right top, left top, from(#f3bc78), color-stop(82%, #302e2f));

  background-image: linear-gradient(-90deg, #f3bc78 0%, #0D1627 82%);

  opacity: .95;

}



/* #products .col-lg-6,#products .col-md-12{

  padding-right: 9px!important;

  padding-left:  9px!important;

} */

.height162{

    height: 162px !important;

}



.mb2rem{

  margin-bottom: 2rem!important;

}

#portfolo{

  background: #0D1627;

}

.portfolo .image_portfolo{

    width: 100%;

    height: 180px;

}

.portfolo .image_portfolo img{

    width: 100%;

    height: 100%;

}

.contact_list div{

  background: none !important;

  border: none !important;

}



.contact_list .icon{

    width: 38px;

}

.contact_list .text{

    width: calc(100% - 100px);

    margin: 3% 0;

}



.mainbg{

    background: #f3bc78;

}

.textmaincolor{

  color:#32572b;

}

.logo span{
  font-size: 18px;
    font-weight: bold;
}

.font28{

  font-size:28px;

}

#products .card-img-top,#products .card{

  border-radius: 0 !important;

}

.font24{

  font-size: 24px;

}

.portfolo .text{

  width: 85%;

  margin: 0 auto;

  height: 129px;

  overflow: hidden;

}







#catalogue{

  background: url(../images/protfolo.png);

  background-repeat: no-repeat;

  background-size: cover;

  position: relative;

  /* z-index: 1000; */

}

#catalogue::before{

  position: absolute;

  content: '';

  width: 100%;

  height: 100%;

  top: 0;

  left: 0;

  z-index: -1;

  background: #95701F;

}



.image_catalogue{

  width: 50%;

    margin: 0 auto;

    height: 120px;

}

.image_catalogue img{

  height: 100%;

}

{

  width: 80%;

    margin: 0 auto;

}

.catalogue .text{

  width: 80%;

  margin-right: auto;

  margin-left: auto;

}

#map {

    height: 350px;  /* The height is 400 pixels */

    width: 100%;  /* The width is the width of the web page */

 }

#footer,.bg-question{

background: #696b6a;

}

#about .image{
  margin-bottom: 28px;
}

.question-text{

  color: #0d1627;

}

.logo_footer{

  width: 90px;

  height: 90px;

}

.logo_footer img{

  width: 100%;height: 100%;

}

.location_footer:nth-child(odd){

      margin-bottom: 1.5rem!important;

      margin-right: 2rem!important;

}

.footer_partner .col-lg-4{

  border-right:1px solid #fff;

}



.footer_partner .col-lg-4:last-child{

  border: 0 !important;

}

#portfolo .more_btn:hover{

    color: #fff;

}

#products .more_btn:hover{

    color: #95701F !important;

}

#partner .more_btn:hover{

    color: #95701F !important;

}



.product .card::before, .product .card::after {

    content: " ";

    width: 0px;

    height: 0px;

    position: absolute;

    border: 0px solid transparent;

    transition: all 1s;

    border-radius: 0 !important;



}



.product .card::before {

    bottom: -1px;

    right: -1px;

    border-bottom: 5px solid transparent;

    border-right: 5px solid transparent;

}



.product .card::after {

    top: -1px;

    left: -1px;

    border-top:5px solid transparent;

    border-left: 5px solid transparent;

}



.product .card:hover::before, .product .card:hover::after {

    width: 100%;

    height: 100%;

    border-color:#95701F;



}



.product .card:hover .card-body{

    background: #95701F;

}

.product .card{

  position:relative;

  transition:all 1s;

  border-radius: 0 !important;

}

.btn_slide:hover{

    color: #fff;

}

.portfolo .port .image_portfolo{

  position: relative;

}



.portfolo .port:hover .name_portfolo{

    color: #fff;

}

.portfolo .port .name_portfolo{

  -webkit-transition: all 0.4s ease-out 0s;

  -moz-transition: all 0.4s ease-out 0s;

  -ms-transition: all 0.4s ease-out 0s;

  -o-transition: all 0.4s ease-out 0s;

  transition: all 0.4s ease-out 0s;

}

.portfolo .port .image_portfolo::before, .portfolo .port .image_portfolo::after {

    background: #95701F;

    opacity: 0.3;

}



.portfolo .port:hover .image_portfolo::before,.portfolo .port:hover .image_portfolo::after {

    height: 100%;

    -webkit-transition: all 0.4s ease-out 0s;

    -moz-transition: all 0.4s ease-out 0s;

    -ms-transition: all 0.4s ease-out 0s;

    -o-transition: all 0.4s ease-out 0s;

    transition: all 0.4s ease-out 0s;

    width: 100%;

}



.portfolo .port .image_portfolo::before {

    background-color: #95701F;

    content: "";

    height: 0;

    left: 0;

    margin: auto;

    position: absolute;

    top: 0;

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

    -moz-transition: all 0.3s ease-out 0s;

    -ms-transition: all 0.3s ease-out 0s;

    -o-transition: all 0.3s ease-out 0s;

    transition: all 0.3s ease-out 0s;

    width: 0;

    opacity: 0.15;

    z-index: 99;

}



.portfolo .port .image_portfolo::after {

    background-color: #95701F;

    bottom: 0;

    content: "";

    height: 0;

    position: absolute;

    right: 0;

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

    -moz-transition: all 0.3s ease-out 0s;

    -ms-transition: all 0.3s ease-out 0s;

    -o-transition: all 0.3s ease-out 0s;

    transition: all 0.3s ease-out 0s;

    width: 0;

    opacity: 0.15;

}



.sidebar navbar{

  background-color: #fff;

}



.before_text{

  position: relative;

}

h4.before_text::before {

    position: absolute;

    top: -16px;

    right: 0;

    height: 2px;

    width: 75px;

    content: '';

    background: #0d1627;

    transform: translateX(50%);

    right: 50%;

}



.home-links a {

    display: inline-block;

    margin-bottom: 5px;

    color: #fff;

    background: #394c61;

    padding: 0 6px 2px;

}

.home-links a:hover{

      color: #f3bc78;

}

.list-group-flush .list-group-item{

  background: none;

  color: #fff;

  padding-top: 0;

  border: 0 !important;

}

#sidebar {

    background: #ffffff91;

    padding: 35px;

}

.htmlvid{

  height: 350px;

  background-position: center;

  background-size: cover;

  background-repeat: no-repeat;

  border-radius: 5px;

  cursor: pointer;

}

.about_h {

  position: relative;

}

h4.about_h::before {

    position: absolute;

    top: -16px;

    right: 0;

    width: 75px;

    height: 2px;

    content: '';

    background: #0d1627;

}

.video_play{

  color: #f4c58c;

  top: 50%;

  right: 50%;

  transform: translate(50%, -50%);

  border: 4px solid #f4c58c;

  border-radius: 50%;

  width: 100px;

  height: 100px;

  padding-top: 23px;

  padding-right: 23px;

}

.video_play i{

  font-size: 45px;

}

.form-question .form-control::placeholder {

    font-size: 13px;

    color: #0d1627;

}

.form-question label {

    color: #0d1627;

    font-size:14px;

}

.form-question .form-control:focus {

    color: #0d1627;

    background-color: #fff;

    border-color: #f3bc78;

    box-shadow: 0 0 0 0.2rem rgba(243, 188, 120, 0.38);

}

.form-question .btn_form{

  background: #f3bc78;

  color: #fff;

  border: 1px solid #f3bc78;

}

.form-question form{

  background: #fff;

  padding:22px 20px;

  border-radius: 5px;

  box-shadow: 7px 8px 7px #e0dcdc63;

  border: 1px solid #ddddddab;

}

.question-text p,.question-text span{

  color: #0d1627 !important;

}



@media only screen

and (max-device-width : 767px) {

  .logo img {

    width: 54px !important;

  }

  .mt8rem {

    margin-top:18% !important;

  }

  .navbar-brand span{

    margin-left: 1rem!important;

  }

  .text_about .details_us{

    width:100%;

  }

  body .text_about{

    padding-top:0 !important;

    padding-bottom: 0.4rem !important;

  }

  .navbar>.container{

    padding: 0 !important;

  }

  .number_contact{

    margin-right:0 !important;

    line-height: 5;

  }

  .heading_slider{

    font-size: 26px !important;

  }

  .paragraph_slider,.paragraph_slider p,.slider_text span{

    font-size: 1.1em !important;

  }

  #partner{

    padding: 2rem 1.5rem !important;

  }

  .partners_images {

    margin-top: 1rem!important;

  }

  .partner_image img {

    width: 48%;

  }

  .partner_image{

    margin-bottom: 20px;

  }

  .partner_link:hover span {

    bottom: 0;

  }

  .col_image{

    position: relative !important;

    right: unset !important;

    top: unset !important;

  }

  #about {

    padding-top: 3rem !important;

    padding-bottom: 3rem !important;

  }

  .text_about {

    padding: 2rem 1.5rem  !important;

    text-align: justify;

  }

  .text_about p{

    width: 100%;

  }

  .image_about {

    height: unset !important;

    padding-right: 1.5rem;

    padding-left: 1.5rem;

}

.htmlvid {

  height: 315px !important;

}

  .text_about .w-75{

    width:100% !important;

  }

  .pdf a{

    text-align: center !important;

  }

  .pdf a i{

    margin: 0 !important;

  }

  .partner_image:last-child{

    /* margin-bottom: 0 !important; */

  }

  #products,#portfolo,#catalogue,#contact,#footer{

    padding: 2rem 1.5rem  !important;

  }

  .font28{

    font-size: 24px !important;

  }

  .more_btn{

    font-size: 12px !important;

  }

  .allproducts,.catalogue{

    margin-top: 1rem!important;

  }

  .product .image_card{

    height: 200px !important;

  }

  .portfolo .image_portfolo{

    height: 140px;

  }

  .portfolo .image_portfolo img {

    width: 70%;

  }

  .portfolo .text{

    height: 90px;

  }

  .cat{

    margin-bottom: 25px !important;

    display: block;

  }

  .contact_list i{

    font-size: 35px !important;

  }

  .contact_list .icon {

    margin-right: 1rem!important;

  }

  .contact_list{

    padding:0 !important;

  }

  .logo_footer {

    width: 70px;

    height: 70px;

    margin: 0 auto;

  }

  .text_footer {

    text-align: center;

  }

 



  .product_details_page .slider_product_details.swiper-container {

    height: 320px !important;

  }

  .details_product_page {

    padding: 25px 25px;

  }

  #product_modal hr {

    margin-top: 0;

  }

  .slider_text{

    padding-right: 8% !important;

    padding-left: 8% !important;

  }

  .slider_product .swiper-container {

    height: 340px !important;

}

.details_product {

  padding: 25px;

}

.col_slider_prod{

  padding:0 15px !important;

}

.row.all_prod .col-md-6{

  padding: 0 15px;

}

.prod_image_details {

  height: 270px;

  margin-bottom: 14px !important

}

}

.shadow{
  -webkit-box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important;
  box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important;
}