/* =======================================================================
Template Name: LEGGOO 
Template URI: 
Author: Barat Hadian
Created: jan 1, 2017
Version: 1.0
========================================================================== */

/*==============================================================================
CSS Style Structure

1.  General
2.  START MAIN HEADER FOR ALL SECTION
3.  START NAVBAR
4.  HOME SLIDER SECTION
5.  About Section
6.  Services Section
7.  Skill Section
8.  Team Section
9.  Portfolio Section
10. Client Section
11. Testimonials Section
12. Pricing Section
13. News/Blog Section
14. Contact Section
15. Footer Section
15. SENGIL PAGE 
================================================================================ */

/*========================================== */
/*   1-  [  START General STYLE ]           */
/*========================================== */
@import url('vazir-font-face.css');
@import url('sahel-font-face.css');
body {
    font-size: 14px;
    font-family: 'vazir', sans-serif;
    line-height: 26px;
    color: #777;
    letter-spacing: .5px;
    font-weight: 400;
    text-transform: capitalize;
    background-color:#ffffff;
}
html, body {
  overflow-x: hidden;
}
*{
  box-sizing: border-box;
}
a{
  text-decoration:none;
  cursor:pointer;
}
a:hover,a:focus,a:visited{
  text-decoration:none;
  outline:none;
}
ul, ol ,.list-group{
  margin: 0px;
}
li{
    list-style-type: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    color: #666666;
    font-family: 'sahel', sans-serif;
    font-weight: 500;
    letter-spacing: 1px;
    margin:0;
    padding: 0;
    position:relative;
    text-transform: uppercase;
}
p{
  margin: 0px;
  padding: 0px;
  font-size: 14px;
  color: #666;
  line-height: 26px;
    font-family: 'vazir', sans-serif;

}
.section{
  position:relative;
  padding:100px 0px;
}
.bg-color{
  background-color: #f4f4f4;
}
.btn-leggoo {
    color: #fff;
    background-color: #c2ab95;
    border: 1px solid #c2ab95;
    text-align: center;
    font-weight: 500;
    border-radius: 0px;
    padding: 5px 30px;
    display: inline-block;
    text-transform: uppercase;
    margin: 20px 0px;
    -webkit-transition:all .5s;
    -moz-transition:all .5s;
    -ms-transition:all .5s;
    -o-transition:all .5s;
    transition:all .5s;
}
.btn-leggoo:hover {
    background-color:#fff;
    color: #c2ab95;
    border: 1px solid #c2ab95;
}
.bg-leggoo{
  background-color: rgba(0,0,0,.66);
  padding: 100px 0px;
  height: 60vh;
}
.table{
  display: table;
  height: 100%;
  width: 100%;
}
.table-cell{
  display: table-cell;
  vertical-align: middle;
}
.owl-theme .owl-nav.disabled+.owl-dots {
    margin-top: 30px;
}
.owl-theme .owl-dots .owl-dot span {
    width: 12px;
    height: 12px;
    margin: 5px 7px;
    background: #ccc;
    border-radius: 0px;
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: #c2ab95;
}
/*======= [ END General ]  ====== */

/*=========================================== */
/* 2- [ START MAIN HEADER FOR ALL SECTION ]      */
/*=========================================== */
.section-title {
    background-color: #c2ab95;
    color: #fff;
    text-align: center;
    padding: 12px 10px;
    margin: 8px 0px 8px;
    border: 8px solid #c2ab95;
    -webkit-box-shadow:inset 0px 0px 0px 2px #fff;
    -moz-box-shadow:inset 0px 0px 0px 2px #fff;
    -ms-box-shadow:inset 0px 0px 0px 2px #fff;
    -o-box-shadow:inset 0px 0px 0px 2px #fff;
    box-shadow:inset 0px 0px 0px 2px #fff;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
}
.section-title:hover {
    background-color: #634221;
    border: 8px solid #634221;

    
}
.section-title:hover .fa{
  -webkit-transform:rotateY(360deg);
 -moz-transform:rotateY(360deg);
 -ms-transform:rotateY(360deg);
 -o-transform:rotateY(360deg);
 transform:rotateY(360deg);
}
 .section-title h2 {
    font-size: 24px;
    color: #fff;
    font-weight: 600;
    margin: 10px 0px;
}
 .section-title h2 .fa{
  -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
}
.section-title h4 {
    font-size: 16px;
    color: #fff;
    margin: 10px 0px;
    font-weight: 500;
    text-transform: capitalize;
}
@media(max-width: 768px){
  .section-title {
    margin: 0px 0px 30px;
}
}
@media(max-width: 350px){
  .section-title h2{
    font-size: 18px;
}
}
.section-text{
    margin-bottom: 30px;
    text-align: center;
    padding: 32px 10px;
}
.bg-leggoo .section-text p{
  color: #fff;
}
@media(min-width: 992px) and (max-width: 1200px) {
.section-text{
    padding: 20px 10px;

}
}
@media(min-width: 768px) and (max-width: 992px) {
.section-text{
    padding: 6px 10px;

}
}
/*=======[ END MAIN HEADER FOR ALL SECTION ]=======  */

/*=========================================== */
/*         3-  [  START NAVBAR ]             */
/*================================================== */

.navbar {
  background-color: transparent;
  padding: 0px;
  /* border-bottom: 1px solid #ddd; */
}
.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link {
    color: #fff;
    background: transparent;
}
.navbar-expand-lg .navbar-nav .nav-link {
    padding:15px 12px; 
    color: #c2ab95;
}
@media (max-width: 991px) {
  .navbar-expand-lg .navbar-nav .nav-link {
    padding:15px 12px; 
    color: #777;
}
.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link {
  color: #777;
  background: transparent;
} 
}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
    color:#fff;
}
.nav-icon{
 -webkit-transition: all 1s;
 -moz-transition: all 1s;
 -ms-transition: all 1s;
 -o-transition: all 1s;
 transition: all 1s;
}

.navbar .navbar-nav>li>a:hover .nav-icon{
 -webkit-transform:rotateY(360deg);
 -moz-transform:rotateY(360deg);
 -ms-transform:rotateY(360deg);
 -o-transform:rotateY(360deg);
 transform:rotateY(360deg);
 color: #fff;
 -webkit-transition: all 1s;
 -moz-transition: all 1s;
 -ms-transition: all 1s;
 -o-transition: all 1s;
 transition: all 1s;
}

.navbar .navbar-toggle {
     border-color: #fff; 
}
.navbar .navbar-toggle .icon-bar {
    background-color: #c2ab95;
}
.navbar .navbar-toggle:hover, .navbar .navbar-toggle:focus {
    background-color: #fff;
}
.navbar .navbar-brand{
    padding: 18px 15px;
    margin: 0px;
margin-right: 0px !important;
    font-size: 28px;
    font-weight: 500;
    height: auto;
    color: #c2ab95;
    line-height: 14px;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
}
.navbar-light .navbar-toggler {
    color: #ffffff;
    border: 1px solid #c2ab95;
    border-radius: 0px;
    padding: 5px 10px;
margin-left: 25px;
    font-size: 24px;
    background: #c2ab95;
}
/*============ [ END NAVBAR ]  =============== */

/*============================================ */
/*     4 - [ START HOME SLIDER ]            */
/*============================================ */
#HOME{
  height: 100%;
}
.home-cover {
    width: 100%;
    height: 100%;
    background: url(../img/slide100.webp);
    background-position: center center;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
}
.home-cover-overlay {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.66);
    overflow: hidden;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}
.home-center{
    display: table;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
}
.home-text {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}
.home-text h1 {
    font-size: 34px;
    position: relative;
    color: #c2ab95;
    font-weight: 900;
    letter-spacing: 2px;
    margin: 0px 0px 10;
    line-height: 76px;
    display: inline-block;
    padding: 15px 20px;
    -webkit-animation-name: zoomInRight;
    animation-name: zoomInRight;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
}

.home-text p{
    color: #fff;
    font-size: 34px;
    padding: 15px;
    -webkit-animation-name: zoomInUp;
    animation-name: zoomInUp;
    -webkit-animation-duration: 3.5s;
    animation-duration: 3.5s;
}
.home-text p .fa{
  color: #fff;
  font-size: 26px;
  padding: 0px 10px 0px 5px;
}
.btn-home{
    background-color: #c2ab95;
    color: #fff;
    margin: 30px 5px 0px;
    border-radius: 0px;
    padding: 10px 40px;
    -webkit-animation-name: zoomInLeft;
    animation-name: zoomInLeft;
    -webkit-animation-duration: 4s;
    animation-duration: 4s;
}
.btn-home:hover{
    color: #fff;
  border: 1px solid #c2ab95;


}
.btnactive{
  color: #c2ab95;
  border: 1px solid #fff;
}
@media (max-width: 768px) {
.home-text h1{
   font-size: 38px;
   line-height: 46px;
   letter-spacing: 1px;
}
.home-text p{
  max-width: 95%;
}
.home-text p span{
   font-size: 18px;

}

}
@media (max-width: 500px) {
.home-text h1{
   font-size: 28px;
   padding: 10px 20px
}
.home-text p{
  max-width: 95%;
}
.home-text p span{
    color: #fff;
    font-size: 16px;
    padding: 2px;
}
.home-text p .fa{
  color: #fff;
  font-size: 16px;
  padding: 0px 6px 0px 1px;
}
.btn-home{
    margin: 30px 3px 0px;
    border-radius: 0px;
    padding: 4px 10px;
}
}


/*========  slider  ==========*/




.slider {
  width: 100%;
    height: 100%;
    overflow: hidden;
    background: #eee;
}

.slider .carousel-item {
    height: 100%;
}
.slider .carousel-item img {
    height: 100%;
    width: 100%;
}

.slider .carousel-item .carousel-caption {
    right: 10%;
    left: 10%;
    top: 50%;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    transform:translateY(-50%);
    text-shadow: none;
}

.slider .carousel-item .carousel-caption h1 {
    font-size: 64px;
    position: relative;
    color: #ffffff;
    font-weight: 900;
    letter-spacing: 2px;
    margin: 0px 0px 10;
    line-height: 76px;
    display: inline-block;
    padding: 15px 20px;
    -webkit-animation-name: zoomInRight;
    animation-name: zoomInRight;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
}

.slider .carousel-item .carousel-caption p {
    color: #fff;
    font-size: 34px;
    padding: 15px;
    -webkit-animation-name: zoomInLeft;
    animation-name: zoomInLeft;
    -webkit-animation-duration: 3.5s;
    animation-duration: 3.5s;
}

.slider .carousel-item .carousel-caption .btn {
    margin: 30px 15px;
    -webkit-animation-name: zoomInUp;
    animation-name: zoomInUp;
    -webkit-animation-duration: 4s;
    animation-duration: 4s;
}

.carousel-control-next, .carousel-control-prev {
    width: 8%;
    opacity: 1;
}
.slider .carousel-control-next i,
.slider .carousel-control-prev i {
    width: 40px;
    display: block;
    color: #fff;
    font-size: 24px;
    line-height: 40px;
    /* border: 1px solid #fff; */
    background: transparent;
    /* border-radius: 1px; */
}
.slider .carousel-control-next i:hover,
.slider .carousel-control-prev i:hover {
    border: 1px solid #c2ab95;
    background-color: #c2ab95;
}
.slider .carousel-indicators {
    bottom: 30px;
}



/*===========    [ END HOME SLIDER ]   =======  */

/*============================================ */
/*   5 -  [ START ABOUT SECTION ]            */
/*============================================ */
#ABOUT{
  /* border-bottom: 1px solid #ddd; */
}
.about-img img{
   width: 100%;
   padding: 10px 0px;
   margin-bottom: 30px;
}
@media(min-width: 992px) and (max-width: 1200px){
 .about-img{
    height: 453px;
    overflow: hidden;
   
}
.about-img img{
  width: auto;
  height: 453px;
}
}
.about-text{
  text-align: left;
  padding: 15px 0px;
}
.about-text .nav-pills {
  background-color: #eee;
}
.about-text .nav-pills .nav-item{
    width: 33.3%;
    text-align: center;
}
.about-text .nav-pills .nav-link {
    border-radius: 0px;
    color: #666;
}
.vision {
  font-size: 18px;
  margin: 0px 0px 30px;
}
.vision .fa{
    background: #c2ab95;
    width: 35px;
    color: #FFF;
    height: 35px;
    font-size: 18px;
margin-left: 10px;
    text-align: center;
    border-radius: 50%;
    padding: 9px;

}
/*=======[ END ABOUT SECTION ]=======  */

/*=========================================== */
/*       6  -   [ START SERVICES SECTION ]      */
/*=========================================== */

.service{
  width: 100%;
 border: 0px solid transparent;
 text-align: center;
 border-radius: 0px;
 padding: 30px;
 margin: 30px 0px 0px;
 min-width: 90px;
 -webkit-transition:all .5s;
 -moz-transition:all .5s;
 -ms-transition:all .5s;
 -o-transition:all .5s;
 transition:all .5s;
}

.service .fa{
  color: #fff;
  width: 80px;
  border-radius: 0px;
  font-size: 28px;
  padding: 12px 20px;
  margin: 10px 0px 0px;
  background-color: #c2ab95;
  border: 3px solid #c2ab95;
  -webkit-box-shadow:inset 0px 0px 0px 1px #fff;
  -moz-box-shadow:inset 0px 0px 0px 1px #fff;
  -ms-box-shadow:inset 0px 0px 0px 1px #fff;
  -o-box-shadow: 0px 0px 0px 1px #fff;
  box-shadow:inset 0px 0px 0px 1px #fff;
  -webkit-transition:all 1s;
  -moz-transition:all 1s;
  -ms-transition:all 1s;
  -o-transition:all 1s;
  transition:all 1s;
}
.service h3 {
    padding: 15px; 
    margin: 15px 0px 0px;
    font-family: 'vazir', sans-serif;
    font-size: 26px;
    font-weight: 500;
    line-height: 2;
    -webkit-transition:all .5s;
    -moz-transition:all .5s;
    -ms-transition:all .5s;
    -o-transition:all .5s;
    transition:all .5s;
}
.service p{
 text-align: center;
 color: #666;
}
.service:hover {
   color: #fff;
   border: 1px solid #c2ab95;
}
.service:hover h3 , .service:hover p {
   color: #fff;
}
.service:hover .fa {
   -webkit-transform: rotateY(360deg);
   -moz-transform: rotateY(360deg);
   -ms-transform: rotateY(360deg);
   -o-transform: rotateY(360deg);
   transform: rotateY(360deg);
   -webkit-transition:all 1s;
   -moz-transition:all 1s;
   -ms-transition:all 1s;
   -o-transition:all 1s;
   transition:all 1s;
   color: #c2ab95;
  background-color: #fff;
  border: 3px solid #fff;
  -webkit-box-shadow:inset 0px 0px 0px 1px #c2ab95;
  -moz-box-shadow:inset 0px 0px 0px 1px #c2ab95;
  -ms-box-shadow:inset 0px 0px 0px 1px #c2ab95;
  -o-box-shadow: 0px 0px 0px 1px #c2ab95;
  box-shadow:inset 0px 0px 0px 1px #c2ab95;
  
}
/*======================================== */
/*       7 -  [ STARRT SKILL SECTION ]     */
/*========================================  */
#SKILLS{
   text-align:center;
  background-image: url(../img/bg-skill.jpg);
  padding: 0px 0px;
  width: 100%;
  height: 100%;
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
}
.skill {
  position: relative;
  text-align: center;
  margin: 15px 0px; 
  padding: 30px;
  border:1px solid #ddd;
  background-color: #fff;
}
.skill .chart {
    width: 150px;
    height: 150px;
    position: relative;
    color: #c2ab95;
    margin: 15px auto 30px;
    border-color:#f4f4f4;
}
.skill .chart span {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      color: #c2ab95;
      font-weight: 700;
      display: block;
      line-height: 150px;
      text-align: center;
      font-size: 50px;
      margin: 0; 
}
.skill h3 {
    padding: 5px;
    margin: 40px 0 0;
    color: #c2ab95;
    font-size: 18px;
    border: 1px solid #c2ab95;
    line-height: 2;
    -webkit-transition:all .5s;
    -moz-transition:all .5s;
    -ms-transition:all .5s;
    -o-transition:all .5s;
    transition:all .5s;
  }


/*         [ END SKILL SECTION ]     */

/*================================================ */
/*     8  -  [ STARRT TEAM SECTION ]                */
/*================================================ */

.team-item{
  -webkit-perspective: 300px;
  -moz-perspective: 300px;
  -ms-perspective:300px;
  -o-perspective: 300px;
  perspective: 300px;
  -webkit-perspective-origin: 0 50%;
  -moz-perspective-origin: 50% 50%;
  -ms-perspective-origin: 50% 50%;
  -o-perspective-origin: 50% 50%;
  perspective-origin: 50% 50%;
  margin: 30px 0px 0px; 
  overflow: hidden;
  position: relative;

}
.team-item img{
  width: 100%;
}
.team-name{
  background-color: #c2ab95;
  color: #fff;
  padding: 8px;
  font-size: 16px;
  font-weight: 400;
  text-align: center;
  -webkit-box-shadow: inset 0px 0px 0px 1px #fff;
  -moz-box-shadow: inset 0px 0px 0px 1px #fff;
  -o-box-shadow: inset 0px 0px 0px 1px #fff;
  box-shadow: inset 0px 0px 0px 1px #fff;
  border: 3px solid #c2ab95;
  margin-bottom: 15px;
}
.team-overlay{
  background-color: #c2ab95;
  -webkit-box-shadow: inset 0px 0px 0px 2px #fff;
  -moz-box-shadow: inset 0px 0px 0px 2px #fff;
  -o-box-shadow: inset 0px 0px 0px 2px #fff;
  box-shadow: inset 0px 0px 0px 2px #fff;
  border: 8px solid #c2ab95;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
  position: absolute;
  width: 100%;
  height: 100%;
  color: #fff;
  top: 0;
  right: 0;
  overflow: hidden;
  opacity: 0;
  text-align: center;
  -webkit-transform: rotateY(-180deg);
  -moz-transform: rotateY(-180deg);
  -ms-transform: rotateY(-180deg);
  -o-transform: rotateY(-180deg);
  transform: rotateY(-180deg);
  -webkit-transform-origin: 100% 100%;
  -moz-transform-origin: 100% 100%;
  -ms-transform-origin: 100% 100%;
  -o-transform-origin: 100% 100%;
  transform-origin: 100% 100%;
  -webkit-transition:  all 1s;
  -moz-transition:  all 1s;
  -ms-transition: all 1s;
  -o-transition : all 1s;
}
.team-item:hover .team-overlay{
  opacity: 1;
  -webkit-transform: rotateY(0);
  -moz-transform: rotateY(0);
  -ms-transform: rotateY(0);
  -o-transform: rotateY(0);
  transform: rotateY(0);
  -webkit-transition: -webkit-transform 0.4s, opacity 0.1s;
  -moz-transition: -moz-transform 0.4s, opacity 0.1s;
  -ms-transition: -ms-transform 0.4s, opacity 0.1s;
  -o-transition: -o-transform 0.4s, opacity 0.1s;
}
.team-overlay h5{
  color: #fff;
  background-color: rgba(0, 0, 0, 0.3);
  margin: 0px 25px 12px;
  padding: 10px 5px;
  font-size: 16px;
}

.team-overlay p{
  padding: 5px 3%;
  color: #fff;
  text-align: center;
}

.team-socialmedia{
  text-align: center;
}
.team-socialmedia{
  text-align: center;
  margin-top: 15px;
}
.team-socialmedia .fa{
  background-color: rgba(0, 0, 0, 0.3);
  width: 40px;
  height: 35px;
  font-size: 18px;
  padding: 9px;
  color: #fff;
  -webkit-transition:all 1s;
 -moz-transition:all 1s;
 -ms-transition:all 1s;
 -o-transition:all 1s;
 transition:all 1s;
}
.team-socialmedia .fa:hover{
  background-color: #fff;
  color: #c2ab95;

}
/*     [ END TEAM SECTION ]     */

/* ============== Counter =============== */
.count-item {
  text-align:center;
  background-image: url(../img/bg-counter.jpg);
  padding: 0px 0px;
  width: 100%;
  height: 100%;
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
}
.counter {
  position:relative;
  margin:15px 0px;
  color: #fff;
  background-color: rgba(255,255,255,.28);
  padding: 20px 0px;
  -webkit-transition:all .5s;
  -moz-transition:all .5s;
  -ms-transition:all .5s;
  -o-transition:all .5s;
  transition:all .5s;
  border-top:4px solid #c2ab95;
  border-bottom:4px solid #c2ab95;

}
.counter h4{
    color: #fff;
    font-size: 15px;
    line-height: 2;
    -webkit-transition:all .5s;
    -moz-transition:all .5s;
    -ms-transition:all .5s;
    -o-transition:all .5s;
    transition:all .5s;
}
.counter i {
  font-size:30px;
  color: #ffffff;
}
.timer {
  color: #fff;
  padding: 20px 0px;
  margin: 20px 0px;
  font-size: 42px;
  font-weight: 800;
  text-transform: uppercase;
  text-align:center;
  line-height: 30px;
  background-color: #c2ab95;

}
/*===================================== */
/*     6  -  [ STARRT PORTFOLIO SECTION ]     */
/*===================================== */
.card-work {
}
.filter{
   padding:1px;
}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: #fff;
    background-color: #c2ab95;

}
.over-work img{
    width: 100%;
    margin-bottom: -10px;
    -webkit-transition: all 1s ;
    -moz-transition: all 1s ;
    -ms-transition: all 1s ;
    -o-transition: all 1s ;
    transition: all 1s ;
}
.over-work {
    position: relative;
    overflow: hidden;
}
.over-work a{
    position: absolute;
    width: 0%;
    height: 0%;
    opacity: .90;
    z-index: 1000;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-transition: all 1s ;
    -moz-transition: all 1s ;
    -ms-transition: all 1s ;
    -o-transition: all 1s ;
    transition: all 1s ;
}
.over-work a .fa{
    font-size: 0px;
    color: #fff;
}
.over-work a.c h3{
    font-size: 0px;
    color: #fff;
}
.over-work a.a{
    background-color: #baa59299;
    top: 0px;
    left: 0px;
}
.over-work a.b{
    background-color: #baa59299;
    top: 0px;
    right: 0px;
}
.over-work a.c{
    background-color: #baa59299;
    bottom: 0px;
    width: 100%;
}

.card-work:hover a.a, .card-work:hover a.b{
    width: 50%;
    height: 50%;
    z-index: 1000;
    -webkit-transition: all 1s ;
    -moz-transition: all 1s ;
    -ms-transition: all 1s ;
    -o-transition: all 1s ;
    transition: all 1s ;
}
.card-work:hover a.c{
    width: 100%;
    height: 50%;
    z-index: 1000;
    -webkit-transition: all 1s ;
    -moz-transition: all 1s ;
    -ms-transition: all 1s ;
    -o-transition: all 1s ;
    transition: all 1s ;
}
.card-work:hover a.c h3{
    font-size: 18px;
    color: #fff;
    text-transform: capitalize;
    font-weight: 500;
}
.card-work:hover .fa{
    font-size: 32px;
}
.card-work:hover img{
    -webkit-transform:rotate(45deg) scale(1.4,1.4);
    -moz-transform:rotate(45deg) scale(1.4,1.4);
    -o-transform:rotate(45deg) scale(1.4,1.4);
    transform:rotate(45deg) scale(1.4,1.4);
}
.work-name{
    background: #f8fafb;
    text-align: center;
    padding: 10px;
    border-bottom: 4px solid #03a9f4;
}
.work-name a{
    font-size: 16px;
    padding: 3px;
    display: block;
    font-weight: bold;
}
.work-name p{
    padding: 2px;
}
/*        [ END WORKS SECTION ]     */

/*======================================== */
/*     10 -  [ STARRT CLIENTS SECTION ]     */
/*======================================== */
.clients{
  background-image: url(../img/slider2.jpg);
  width: 100%;
  height: 100%;
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
 }
.clients .owl-item{
    border: 0px solid #ddd;
    margin: 0px;
    padding: 0px 10px;
    background-color: transparent;
    -webkit-transition:all 1s; 
    -moz-transition:all 1s; 
    -ms-transition:all 1s; 
    -o-transition:all 1s; 
    transition:all 1s; 
 }
.clients .owl-item .item{
    height: 120px;
    padding: 50px 10px;
    border: 1px solid #ccc;
} 
.clients .owl-item img{
  -webkit-transition:all 1s; 
  -moz-transition:all 1s; 
  -ms-transition:all 1s; 
  -o-transition:all 1s; 
  transition:all 1s; 
  width: 100%;
}
.clients .owl-item img:hover{
  -webkit-transform: rotateY(360deg);
  -moz-transform: rotateY(360deg);
  -ms-transform: rotateY(360deg);
  -o-transform: rotateY(360deg);
  transform: rotateY(360deg);
  -webkit-transition:all 1s; 
  -moz-transition:all 1s; 
  -ms-transition:all 1s; 
  -o-transition:all 1s; 
  transition:all 1s; 
}
.clients .owl-theme .owl-controls .owl-page span {
    display: block;
    width: 10px;
    height: 10px;
    margin: 5px 7px;
    filter: Alpha(Opacity=50);
    opacity: 0.5;
    -webkit-border-radius: 0px; 
    -moz-border-radius: 0px;
    border-radius: 0px; 
    background: #c2ab95;
    border: 1px solid #c2ab95;
}

/* ==========================
  11 - Testimonials Section
============================= */
.testmonil {
  background-image: url(../img/back.webp);
  padding: 0px 0px;
  width: 100%;
  height: 100%;
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
}

.item-testimony {
     margin: 0px auto;
    text-align: center;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

 .item-testimony .quote-box {
  background: #fff;
  padding:20px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  position: relative;
  border-top:6px solid #c2ab95;
  border-bottom:2px solid #c2ab95;
}

 .item-testimony .people {
  background-color: #fff;
 display: -webkit-box;
 display: -moz-box;
 display: -ms-box;
 display: -o-box;
 padding: 10px;
 border-bottom: 2px solid #c2ab95;
  
}
 .item-testimony .people .user-pic {
  width: 100% !important;
  height: 120px;
  /* border-radius: 50%; */
}
 .item-testimony .people .details {
 padding: 3px 15px;
}
 .item-testimony  .people .name {
text-align: right;
  font-size:14px;
  font-weight:600;
  direction: rtl;
  text-align: right;
  position: absolute;
  right: 20px;
}
 .item-testimony  .people .title {
  color: #c2ab95;
  margin: 0;
  font-size:12px;

}
/*      [ END CLIENTS SECTION ]     */

/*========================================== */
/*     12  -  [ STARRT PRICING SECTION ]          */
/*========================================== */
#PRICING{
  background-color: #fafafa;
}
.price-item { 
     border-top: 4px solid #c2ab95; 
     border-bottom: 4px solid #c2ab95; 
     text-align: center;
     margin: 15px 0px;
     background-color:#fff;
}
.price-item .price-heading { 
     background-color:#fff;
     display: block; 
     color:#c2ab95;
     font-size: 20px;  
     font-weight: 700; 
     padding: 10px !important; 
     text-transform: uppercase;
 }
.price-item .price {
     font-size: 14px; 
     color:#fff; 
     width: 100%;
     text-align: center;
     background-color:#c2ab95; 
     padding: 20px 15px;  
     position: relative;
     margin:0px; 
     display: inline-block;
 }
.price-item .price span {font-weight: bold;}
.price-item .price span strong {font-size: 46px;}
.price-item .price .currency { font-size: 20px;  }
.price-item ul {
   background-color:#fff; 
   color: #999999;    
   padding: 0; 
  }
.price-item ul li {
     border-bottom:1px solid #eee; 
     padding: 10px ;

   }


.activ, .activ .price-heading, .activ ul {
  background-color:#c2ab95;
  color: #fff;
  padding: 0;

}
.activ .price , .activ a {
  background-color:#fff;
  color: #c2ab95;
}
.activ ul li {
  border-bottom:1px solid #fff; 
}

/*          [ END PRICING SECTION ]     */

/*======================================================== */
/*     13  -    [ STARRT BLOG SECTION ]                     */
/*======================================================== */
#BLOG{
  background-color:#fafafa ;
}
.thumbnail .breadcrumb{
    background-color: #fff;
    color: #666666;
    margin: 0px;
    padding: 6px 10px;
    border-bottom: 1px solid #c2ab95;
    border-radius: 0px;
    position: relative;
}
.thumbnail .breadcrumb span{
  color: #999999;
}
.thumbnail .breadcrumb li{
margin-left: 10px;
}
#BLOG .thumbnail {
  padding:0px; 
  border-radius: 0px;
  border: 0px solid #ddd;
  border-bottom:2px solid #c2ab95;
  margin-bottom: 0px;
  margin:15px 0px;
  text-align: left;
    -webkit-transition:all 1s;
  -moz-transition:all 1s;
  -ms-transition:all 1s;
  -o-transition:all 1s;
  transition:all 1s;
}
#BLOG .thumbnail .caption {
    padding: 15px 15px 5px;
    background-color: #fff;
}
ol .fa{
  color: #c2ab95;
}
.caption h4 {
  margin: 5px 0px;


}
.caption h4 a{
  color: #888888;
  text-transform: capitalize;
  font-size: 16px;

}
.caption h4 a:hover{
  color: #c2ab95;
}
.caption p{
  padding: 5px 0px;
}
.date-blog{
    background-color: #c2ab95;
    color: #fff;
    font-size: inherit;
    line-height: 19px;
    text-align: center;
    margin-right: 0px;
    padding: 10px 13px;
    position: relative;
    float: right;
    z-index: 1;
}

#BLOG .thumbnail:hover{
  border: 0px solid #c2ab95;
  border-bottom: 1px solid #c2ab95;
  border-radius: 0px;
  -webkit-transition:all .5s;
  -moz-transition:all .5s;
  -ms-transition:all .5s;
  -o-transition:all .5s;
  transition:all .5s;
}
.thumbnail:hover h3 a{
  color: #c2ab95;
}
.bimg{
  position: relative;
  overflow: hidden;
}
.bimg img{
  width: 100%;
   -webkit-transition:all .5s;
  -moz-transition:all .5s;
  -ms-transition:all .5s;
  -o-transition:all .5s;
  transition:all .5s;
}
.thumbnail:hover img{
  -webkit-transform:scale(2,2);
  -moz-transform:scale(2,2);
  -ms-transform:scale(2,2);
  -o-transform:scale(2,2);
   -webkit-transition:all .5s;
  -moz-transition:all .5s;
  -ms-transition:all .5s;
  -o-transition:all .5s;
  transition:all .5s;

}
/*          [ END BLOG SECTION ]     */


/*========================================== */
/*     14 -   [ STARRT CONTACT SECTION ]       */
/*========================================== */
#CONTACT{
    background-image: url(../img/contact.jpg);
  padding: 0px 0px;
  width: 100%;
  height: 100%;
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
}
p.cont-text{
  color: #fff;
  margin-bottom: 20px;
  line-height: 1.8;
}
address p{
    padding-bottom: 18px;
    color: #fff;
    letter-spacing: 1px
}
address p i.fa{
     font-size: 20px;
    color: #c2ab95;
    padding: 6px 0px;
    width: 30px;
    height: 35px;
    vertical-align: middle;
text-align: right;
}
.contact-form .form-control {
   color: #fff;
   min-height: 40px;
   background-color: transparent;
   border-radius: 0px;
   font-size: 16px;
   margin-bottom: 20px;
    -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
}
.contact-form .form-group .form-control:focus{
  border:1px solid #c2ab95; 
  color: #c2ab95;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
}
.form-control::-webkit-input-placeholder{
  color:#ddd;
}
/* [ END CONTACT SECTION ]     */

iframe {
  border:0; 
  width:100%;
  height: 400px;
}
/*======================================================== */
/*     15  -    [ STARRT FOOTER SECTION ]                     */
/*======================================================== */
footer{
 background-color: #c2ab95;
 /* outline: 3px solid #c2ab95;
 border-top: 1px solid #fff; */
 margin-top: 0px;
}

.leggoo{
    text-align: center;
    color: #fff;
    font-size: 38px;
    font-weight: 700;
    padding: 30px 0px;
}
footer .social-icon{
    padding:10px 0px 10px;
    text-align: center;
}
footer .social-icon .fa{

}
.social-icon .item {
    width: 60px;
    background-color: #fff;
    display: inline-table;
    margin:10px;
    border: 1px solid #c2ab95;
    -webkit-box-shadow: 0px 0px 0px 3px #fff;
    -moz-box-shadow: 0px 0px 0px 3px #fff;
    -ms-box-shadow: 0px 0px 0px 3px #fff;
    -o-box-shadow: 0px 0px 0px 3px #fff;
    box-shadow: 0px 0px 0px 3px #fff;
    -webkit-transition:all 1s;
    -moz-transition:all 1s;
    -ms-transition:all 1s;
    -o-transition:all 1s;
    transition:all 1s;
    text-align: center;
}
.social-icon .item .fa {
    font-size: 18px;
    margin-top: 7px;
    color: #c2ab95;
}
.social-icon .item:hover {
  -webkit-transition:all 1s;
  -moz-transition:all 1s;
  -ms-transition:all 1s;
  -o-transition:all 1s;
  transition:all 1s;
 -webkit-transform: rotate(360deg);
  -moz-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  -o-transform: rotate(360deg);

}

.copyright{
  color: #fff;
  padding: 20px;
  border-top: 1px solid #fff;

}
.copyright p{
 color: #fff;
  text-align: center;
}
.copyright .fa{
 color: #fff;
}
.copyright a{
 color: #fff;
}
/*          [ END FOOTER SECTION ]     */

/* [ START LINK ICON BACK TO TOP]   */
.back-to-top {
    background: #c2ab95;
    display: none;
    width: 30px;
    height: 30px;
    color: #ffffff;
    position: fixed;
    text-align: center;
    line-height: 26px;
    cursor: pointer;
left: 8px;
    bottom: 8px;
    font-size: 14px;
    z-index: 9;
    border: 1px solid #fff;
}
.back-to-top a{
  color: #fff;
  display: block;
}

/* [ END LINK ICON BACK TO TOP]   */

 /*==========================
            PRELOADER 
 ============================*/
 
.leggoo-loader {
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background: url(../img/loader.gif) center no-repeat #fff;
}
/*================================= */
/*         [  SINGLE BLOG  ]        */
/*================================= */

.breadcrumb{
    margin-bottom: 50px;
    margin-top: 50px;
}
.breadcrumb li a{
    color: #c2ab95;
}
.post-author{
    margin-bottom: 50px;
text-align: right;

}
.media {
    margin-bottom: 30px;
}
.post-author .media-body{
padding-right: 15px;

}
.post-author .media-heading{
    font-size: 18px;
    margin-bottom: 20px;
    color: #c2ab95;
}
.media-heading-title{
  font-size: 24px;
  font-weight: 700;
  padding-bottom: 15px;
  margin-bottom: 40px;
  color: #c2ab95;
  border-bottom: 1px solid #c2ab95;
}
.pagination > li > a, .pagination > li > span{
  color:  #666;
}
.breadcrumb b{
padding-left: 20px;
}
.comments {
  margin-bottom: 50px;
text-align: right;
}
.comments .media-body{
padding-right: 20px;
}
.comments .media-heading{
  font-size: 16px;
  padding-bottom: 12px;
  
}
.comments a{
  color: #c2ab95;

}

.lcom{
  font-size: 24px;
  font-weight: 700;
text-align: right;
  padding-bottom: 15px;
  margin-bottom: 40px;
  color: #c2ab95;
  border-bottom: 1px solid #c2ab95;

}

.list-with-icons{
   padding: 0;
}

.color-inherit{
  color: #333;
}
.latest-posts {
    margin: 0;
    padding: 0;
    list-style: none;
}
.latest-posts li {
    margin-bottom: 15px;
}
.latest-posts li > div {
padding-right: 100px;
}
.latest-posts a{
  color: #333;

}
.latest-posts a:hover{
  color: #c2ab95;
  
}
.latest-posts li img {
    width: 80px;
float: right;
}
.widget-title h5{
   margin-top: 25px;
  margin-bottom: 25px;
}
.widget-content{
  margin-top: 15px;
}
a.tag {
    background: #fff;
    color: #999;
    border: 1px solid #ddd;
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    margin: 0 5px 5px 0;
    padding: 0px 15px;
    text-align: center;
    text-transform: capitalize;
    vertical-align: middle;
    white-space: nowrap;
}

a.tag:hover {
    color: #fff;
    background-color:  #c2ab95;

     }
.sidebar{
text-align: right;
}
.sidebar .widget{
  margin-top: 20px;
}

.color {
    color: #c2ab95;
padding-left: 10px;
}

.rpagi{
  text-align: center;
  margin-top: 50px;
}



.map {
  width: 100%;
  margin: 0px;
}
.map iframe{
  width: 100%;
  display: block;
  pointer-events: none;
  position: relative; /* IE needs a position other than static */
}
.map iframe.clicked{
  pointer-events: auto;
}





img {
  display: block;
  height: auto;
  width: 100%;
}

.container-s {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  padding: 0;
}

.container__item {
  height: auto;
  /* margin-top: 1vw; */
  width: 98vw;
}

.container__item:first-child {
  margin-top: 0;
}

@media (min-width: 768px) {
  .container__item:first-child {
    flex: 1;
    margin-right: 0%;
  }
  .container__item:nth-child(n+2) {
    flex: 1;
    margin-right: 0%;
  }
  .container__item:last-child {
    margin-right: 0;
  }
}

@media (min-width: 992px) {
  .container__item:nth-child(-n+2) {
    flex: 1;
    margin-right: 0%;
  }
  .container__item:first-child {
    margin-right: 0%;
  }
  .container__item:nth-child(n+3) {
    flex: 1;
    margin-right: 0%;
  }
  .container__item:last-child {
    margin-right: 0;
  }
}


.hover11 img:hover{
  opacity: .5;
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
}


.button-more {
  --offset: 10px;
  --border-size: 2px;
  /* display: block; */
  position: relative;
  padding: 1.5em 3em;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 0;
  background: transparent;
  color: #c2ab95;
  text-transform: uppercase;
  /* letter-spacing: 0.25em; */
  outline: none;
  cursor: pointer;
  font-weight: bold;
  border-radius: 0;
  box-shadow: inset 0 0 0 var(--border-size) currentcolor;
  transition: background 0.8s ease;
}
.button-more :hover {
  background: rgba(100, 0, 0, 0.03);
}
.button__horizontal, .button__vertical {
  position: absolute;
  top: var(--horizontal-offset, 0);
  right: var(--vertical-offset, 0);
  bottom: var(--horizontal-offset, 0);
  left: var(--vertical-offset, 0);
  transition: transform 0.8s ease;
  will-change: transform;
}
.button__horizontal::before, .button__vertical::before {
  content: "";
  position: absolute;
  border: inherit;
}
.button__horizontal {
  --vertical-offset: calc(var(--offset) * -1);
  border-top: var(--border-size) solid currentcolor;
  border-bottom: var(--border-size) solid currentcolor;
}
.button__horizontal::before {
  top: calc(var(--vertical-offset) - var(--border-size));
  bottom: calc(var(--vertical-offset) - var(--border-size));
  left: calc(var(--vertical-offset) * -1);
  right: calc(var(--vertical-offset) * -1);
}
.button-more:hover .button__horizontal {
  transform: scaleX(0);
}
.button__vertical {
  --horizontal-offset: calc(var(--offset) * -1);
  border-left: var(--border-size) solid currentcolor;
  border-right: var(--border-size) solid currentcolor;
}
.button__vertical::before {
  top: calc(var(--horizontal-offset) * -1);
  bottom: calc(var(--horizontal-offset) * -1);
  left: calc(var(--horizontal-offset) - var(--border-size));
  right: calc(var(--horizontal-offset) - var(--border-size));
}
.button-more:hover .button__vertical {
  transform: scaleY(0);
}
.no-gutter{
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.rtl{
direction: rtl;
}
.ltr{
direction: ltr;
}
.text-right{
  text-align: right;
}
.text-left{
  text-align: left;
}
.text-center{
  text-align: center;
}
.button-more.info {

  padding: 0.5em 3em;
 
}
.margin-2{
  margin: 2em;
}
.justify-center{
  justify-content: center;
}
.bg-leggoo.contact-us {
  background-color: rgba(0, 0, 0, .66);
  padding: 90px 0px;
  height: 60vh;
}
.footer-title{
  font-weight: 600;
  font-size: 24px;
  color: #c2ab95;
}
.u-shadow-v1-5 {
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
}
.product-card{
  PADDING: 40px;
    border: solid 1px #ddd;
}
.cat-btn{
  text-align: center;
  font-size: 24px;
  padding: 0.5em;
  border: solid 1px #c2ab95;
  border-radius: 5px;
  margin-bottom: 2px; 
}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link .category-p{
  color: #c2ab95;
  background-color: transparent;
}
a {
  color: #495057;
}
  a:hover {
    color: #c2ab95;
  }
/* .btn-product{
  background-color: #c2ab95;
  color: #fff;
  padding: 8px;
  font-size: 16px;
  font-weight: 400;
  text-align: center;
  -webkit-box-shadow: inset 0px 0px 0px 1px #fff;
  -moz-box-shadow: inset 0px 0px 0px 1px #fff;
  -o-box-shadow: inset 0px 0px 0px 1px #fff;
  box-shadow: inset 0px 0px 0px 1px #fff;
  border: 3px solid #c2ab95;
} */
.team-name:hover {
  background-color:#fff;
  color: #c2ab95;
  border: 1px solid #c2ab95;
}