.ghabgallerycat{
  width: 100%;
  height: 150px;
      justify-content: center;
    align-items: center;
  background: #FAFAFA;
     border-top-right-radius: 20px;
border-top-left-radius: 20px;
border-bottom-right-radius: 20px;
border-bottom-left-radius: 20px;
box-shadow: 1.102px 3.673px 6.869px .735px rgba(0,0,0,.03) inset;
overflow: hidden;

}


.ifrcat001{
  background: transparent   !important;
  margin-top: 0px !important;

}


.piccatghab{
  width: 100%;
  height: auto;
  padding: 20px;
  text-align: center;
}
.piccatghab img{
  margin-top: 0px  !important;
  width:  110px;
  height:   110px;
  object-fit: cover;border-radius: 10px;
}


.onvangallery{
    margin-top: 10px  !important;
  width: 100%;
  height: 30px;
   background: #FAFAFA;
        border-top-right-radius: 20px;
border-top-left-radius: 20px;
border-bottom-right-radius: 20px;
border-bottom-left-radius: 20px;
padding: 6px;
text-align: center;
color: #203b64  ;
box-shadow: 1.102px 3.673px 6.869px .735px rgba(0,0,0,.03) inset;
}


@media (min-width: 700px) {
  .picgalleryghab{
  position: absolute;
  z-index: 5000;
  top: 2700px  !important;
  right: 0px;
  left: 0px;
  background:#000  url(images/shishe4.png) top center repeat   ;
  height:  100%;
  width: 100%;
  overflow:  hidden;
}
}
/*
mobile
*/
@media (max-width: 700px) {
  .picgalleryghab{
  position: absolute;
  z-index: 5000;
  top: 4100px !important;
  right: 0px;
  left: 0px;
  background:#000  url(images/shishe4.png) top center repeat   ;
  height:  120%;
  width: 100%;
  overflow:  hidden;
}
}


 .picgalleryghab-close{
    position: absolute;
  z-index: 5000;
  width: 100%;
  height: 32px;
  top: 30px;
    text-align: center;

 }

 .picgalleryghab-close img{
   width: 32px;
  height: 32px;
  text-align: center;

 }
.picgalleryghab-close img:hover{
     -moz-box-shadow: 3px 3px 3px 3px #B5B5B5;
  -webkit-box-shadow: 3px 3px 3px 3px #B5B5B5;
  box-shadow: 0px 3px 3px 3px #B5B5B5;

}



.closebutton{

}




@media (min-width: 700px) {
  .picpagep{
 width: 100%;
 height:  auto  ;
 max-height: 500px;
 margin-top: 70px  !important ;
}


.picpagep img{
 width: auto;
 height:  auto;
 max-width: 80%;
 max-height: 80%;
}

.infosefareshi1{


}

}
/*
mobile
*/
@media (max-width: 700px) {
  .picpagep{
 width: 100%;
 height:  300px  ;
 margin-top: 80px  !important ;
}


.picpagep img{
 width: auto;
 height:  auto;
 max-width: 80%;
 max-height: 80%;
}



.infosefareshi1{
  width: 60px;
  height: 60px;
  margin-bottom: 20px !important ;
  text-align: center;

}





}

.faseleazpayin{
  margin-top:  0px !important ;
  margin-bottom: 20px !important ;
  padding-left: 5px  !important ;
  padding-right: 5px  !important ;

}


.morelinkgallery{
  color: #fff  !important ;
}

.morelinkgallery a{
  color: #fff  !important ;
  float: left;
}


.morelinkgallery2{
  color: #fff  !important ;
  margin-top: 20px   !important ;

}


.morelinkgallery2 a{
  color: #fff  !important ;
}



.catproje{
  margin-top: 10px !important;
  margin-bottom: 10px   !important;
  width: 100%;
  text-align: center;
  border-bottom: 1px dotted #ccc  ;
    font-size: 20px;

}


.linkproj{
  margin-bottom: 10px !important;
  width: 100%
}

.linkproj a{
    width: 100%  ;
  font-size: 14px;
  text-align: center;
  color: #fff
 }

.pinproje{
  padding-left: 20px  !important;
  padding-right: 20px  !important;
}
.pinproje2{
  padding-left: 20px  !important;
  padding-right: 20px  !important;
  margin-bottom: 20px    !important;
}


.catproje{
  margin-top: 10px !important;
  margin-bottom: 10px   !important;
  width: 100%;
  text-align: center;
  border-bottom: 1px dotted #ccc  ;
    font-size: 20px;

}



.onvangallery{
 text-align: center;
    width: 100%;
    color: #000;
    margin-top: 5px !important;
    font-size: 12px;
    border-top: 1px solid #fa9905;
    height: 30px;
    border-radius: 5px;
    border-bottom: 1px solid #fa9905;
}

.onvangallery1{
    text-align: center;
  width: 100%;
  color: #fff;
  margin-top: 10px !important;
   font-size: 14px;
   margin-bottom: 100px !important;
}


.ghabgalleryok{
  width: 100%;
  height: 160px;
  background: #fff;
   border-top-right-radius: 8px;
border-top-left-radius: 8px;
border-bottom-right-radius: 8px;
border-bottom-left-radius: 8px;
padding-left: 10px  !important;
padding-right: 10px  !important;
padding-top: 10px  !important;
padding-bottom: 10px  !important;
overflow: hidden;
list-style:  none  !important; 
}

.ppii img{
   height: 120px;
   width: auto;
   max-width: 100%;
}

.picbottonweb{
  position:  absolute;
  z-index:  5000;
  bottom: 10px;
  right: 0px;
  left: 0px;
}




@media (min-width: 700px) {
  .linkproj{
  margin-bottom: 20px !important;
  width: 100% ;
}
.linkproj a{
    width: 100%  ;
  font-size: 14px;
  text-align: center;
 }
 .penhan{

 }

 .penhan2{
    display: none  !important;
 }


}
/*
mobile  272727
*/
@media (max-width: 700px) {
  .linkproj{
  margin-bottom: 20px !important;
   width: 100%  ;
}
.linkproj a{
    width: 100%  ;
  font-size: 12px;
  text-align: center;
 }
  .penhan{
   display: none  !important;
 }

  .penhan2{
 }
}

/*
  ================================================
*/


@media (min-width: 700px) {
.mergadsservicpp{
  margin-top: 50px !important;
  margin-bottom: 10px !important;
  padding-left: 30px  !important;
  padding-right:   30px  !important;
}

.ghabservicpage {
    width: 80%;
    height: 150px;
    background: #fff;
    border-top-left-radius: 50px !important;
    border-bottom-left-radius: 50px !important;
    border-top-right-radius: 50px !important;
    border-bottom-right-radius: 50px !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.5);
    	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
}


.ghabservicpage-p {
    width: 100%;
    height: 400px;
    background: #fff;
    border-top-left-radius: 70px !important;
    border-bottom-left-radius: 70px !important;
    border-top-right-radius: 20px !important;
    border-bottom-right-radius: 70px !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.5);
    	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
}


}
/*
mobile  F3F4F8
*/
@media (max-width: 700px) {
   .mergadsservicpp{
  margin-top: 50px !important;
  margin-bottom: 10px !important;
  padding-left: 30px  !important;
  padding-right:   30px  !important;
}

.ghabservicpage {
    width: 100%;
    height: 150px;
    background: #fff;
    border-top-left-radius: 50px !important;
    border-bottom-left-radius: 50px !important;
    border-top-right-radius: 50px !important;
    border-bottom-right-radius: 50px !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.5);
    	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
}


.ghabservicpage-p {
    width: 100%;
    height: 400px;
    background: #fff;
    border-top-left-radius: 70px !important;
    border-bottom-left-radius: 70px !important;
    border-top-right-radius: 20px !important;
    border-bottom-right-radius: 70px !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.5);
    	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
}

}



@media (min-width: 700px) {
  .mergadservicpp{
 padding-top: 20px  !important;
 padding-right: 20px  !important;
 padding-left:  20px  !important;
 padding-bottom: 0px  !important;
}
.mergadservic_1{
 padding-top: 10px  !important;
 padding-right: 0px  !important;
 padding-left:  80px  !important;
 padding-bottom: 50px  !important;

}
}
/*
mobile  F3F4F8
*/
@media (max-width: 700px) {
  .mergadservic{
 padding: 10px   !important;
}
.mergadservic_1{
 padding: 10px   !important;

}
}

@media (min-width: 700px) {
  .hendesi01pp{
  float: left;
  width: 180px !important;
  height: 180px !important;
  margin-top: -10px  !important;
  margin-left: -30px !important;
}

  .hendesi01pp img{
    cursor: pointer;
   object-fit: cover;
     width: 180px !important;
  height: 180px !important;
 border-radius: 35% 65% 55% 45% / 37% 51% 49% 63%;
  }




}
/*
mobile  F3F4F8
*/
@media (max-width: 700px) {
  .hendesi01pp{
  display: none;
}

.picmobilepp{
  width: auto;
  max-width: 100%;
  height: 100px;
}
.picmobilepp img{
  width: auto;
  max-width: 100%;
  height: 100px;
     border-top-left-radius: 20px !important;
border-bottom-left-radius: 20px !important;
border-top-right-radius: 20px !important;
border-bottom-right-radius: 20px !important;
}
}


.onvanservicpp{
 font-size: 16px;
 color: #335084;
}

.onvanservicpp h2{
 font-size: 16px;
 color: #335084;
 font-weight: 700 !important;
}
.onvanservicpp h3{
 font-size: 16px;
 color: #335084;
 font-weight: 700 !important;
}

.mergadservic2pp{
  padding-left: 0px  !important;
  padding-right: 0px  !important;
}




.hendesipp {
  width: 200px !important;
  height: 220px !important;
  background: #CBCBCB !important;
  margin-left: 0px !important;
  position: relative !important;
  border-top-left-radius: 50px !important;
border-bottom-left-radius: 50px !important;
border-top-right-radius: 30px !important;
border-bottom-right-radius: 50px !important;


}

.hendesipp::before {
  content: '';
  position: absolute !important;
  top: 0px !important;
  left: 0 !important;
  width: 200px !important;
  height: 220px !important;
  background: #CBCBCB !important;
  transform: skew(12deg) !important;
  transform-origin: top left !important;
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%) !important;
  z-index:  1000 !important;
border-top-right-radius: 30px !important;
border-bottom-right-radius: 0px !important;
  border-top-left-radius: 50px !important;
border-bottom-left-radius: 50px !important;
overflow: hidden;
}

.hendesi02pp{
position: absolute !important;
  z-index:  1000 !important;
  bottom: 15px;
  left: 28px;
}
.hendesi02pp img{
  cursor: pointer;
 height:  170px;
 width:    170px;
 object-fit: cover;
 border-top-right-radius: 10px !important;
border-bottom-right-radius: 10px !important;
  border-top-left-radius: 10px !important;
border-bottom-left-radius: 10px !important;
}


        .gallery {
            cursor: pointer;
            transition: 0.3s;
            border: 2px solid #f1f1f1;
            margin: 5px;
        }
        .gallery:hover {
            border: 2px solid #555;
        }

        .modal{
        z-index: 5000;
        }


        .modal-img {
            width: 100%;
            height: auto;
        }

 /*
.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
}

.fade.in {
    opacity: 1;
}

.modal {
    z-index: 5000;
}


.fade {
    opacity: 0;
    -webkit-transition: opacity .15slinear;
    -o-transition: opacity .15s linear;
    transition: opacity .15slinear;
}

*/

.linkloginok1{

}
.linkloginok2{
 background:   #325083 !important;
}




.matnservicpp{
    width: 70%;
    height: 78px;
    overflow: hidden;
     font-size: 14px;
    margin-top: 0px !important;
    text-align: justify;
    text-justify: inter-word;
    color: #335084;
     line-height: 20px;
}



.lb-loader,.lightbox{text-align:center;line-height:0;position:absolute;left:0}
body.lb-disable-scrolling{overflow:hidden}
.lightboxOverlay{position:absolute;top:0;left:0;z-index:9999;
background-color:#000;filter:alpha(Opacity=80);
opacity:.8;display:none}
.lightbox{width:100%;z-index:10000;font-weight:400;outline:0}
.lightbox .lb-image{display:block;height:auto;max-width:inherit;max-height:none;border-radius:3px;border:4px solid #fff}
.lightbox a img{border:none}
.lb-outerContainer{position:relative;width:250px;height:250px;margin:0 auto;border-radius:4px;background-color:#fff}
.lb-outerContainer:after{content:"";display:table;clear:both}
.lb-loader{top:43%;height:25%;width:100%}
.lb-cancel{display:block;width:32px;height:32px;margin:0 auto;
background:url(css/loading.gif) no-repeat}

.lb-nav{position:absolute;top:0;left:0;height:100%;width:100%;z-index:10}
.lb-container>.nav{left:0}
.lb-nav a{outline:0;background-image:url(data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==)}
.lb-next,.lb-prev{height:100%;cursor:pointer;display:block}
.lb-nav a.lb-prev{width:34%;left:0;float:left;
background:url(css/prev.png) left 48% no-repeat;
filter:alpha(Opacity=0);
opacity:0;-webkit-transition:opacity .6s;-moz-transition:opacity .6s;-o-transition:opacity .6s;transition:opacity .6s}
.lb-nav a.lb-prev:hover{filter:alpha(Opacity=100);opacity:1}
.lb-nav a.lb-next{width:64%;right:0;
float:right;
background:url(css/next.png) right 48% no-repeat;
filter:alpha(Opacity=0);


opacity:0;-webkit-transition:opacity .6s;-moz-transition:opacity .6s;-o-transition:opacity .6s;transition:opacity .6s}
.lb-nav a.lb-next:hover{filter:alpha(Opacity=100);opacity:1}
.lb-dataContainer{margin:0 auto;padding-top:5px;width:100%;border-bottom-left-radius:4px;border-bottom-right-radius:4px}
.lb-dataContainer:after{content:"";display:table;clear:both}
.lb-data{padding:0 4px;color:#ccc}
.lb-data .lb-details{width:85%;float:left;text-align:left;line-height:1.1em}

.lb-data .lb-caption{font-size:12px;font-weight:700;line-height:1em}

.lb-data .lb-caption a{color:#4ae}
.lb-data .lb-number{display:block;clear:left;padding-bottom:1em;
font-size:12px;color:#999}

.lb-data .lb-close{
  display:block;
  float: right;
  width:30px;
  height:30px;
background:url(css/close.png) top right no-repeat;
text-align:right;
outline:0;
filter:alpha(Opacity=70);
opacity:.7;
-webkit-transition:opacity .2s;
-moz-transition:opacity .2s;
-o-transition:opacity .2s;
transition:opacity .2s}

.lb-data .lb-close:hover{cursor:pointer;filter:alpha(Opacity=100);opacity:1}

.lightbox img {
 width:  auto !important;
 height: 500px !important;
}

.lb-caption {
  width: 80%;
  float: right !important;
    font-size: 12px !important;
    color: #fff !important;
    background: rgba(0, 0, 0, 0.7) !important;
    padding: 10px !important;
    border-radius: 5px !important;
    position: relative !important;
    text-align: center !important;
    line-height: 20px !important;
}