/*---------------------------------------------
User CSS modifications
version: 1.0
date:    02/02/22
---------------------------------------------*/


/* w-ratio-4-3 */
/*    .ratio-4-3{*/
/*      width:100%;*/
/*      position:relative;*/
/*      background:url() 50% 50% no-repeat;*/
/*      background-size:cover;*/
/*      background-clip:content-box;*/
/*    }*/
/*    .ratio-4-3:before{*/
/*    display:block;*/
/*        content:"";*/
        padding-top: 130%; /*75%;*/
/*    }*/
/* ratio-4-3 */

/*.navbar-custom {*/
/*    background-color: #fff0;*/
/*}*/

.navbar-custom .nav li a {
    color: #b69461;
} 

#topBar {
    background-color: #8cc540; /*#b6946178;*/
}


#about .about-img img {
  width: 100%;
  border: 5px solid #fff;
  transition: .2s;
  border-radius: 25px;
}

#about .about-img {
  position: relative;
  margin: 30px 30px 30px 30px;
  background-color: white;
  border-radius: 25px;
}


#about .about-img img:hover {
  width: 100%;
  -webkit-transform: scale(0.03);
  transform: scale(1.01);
  transition: all .3s;
  transform: translateY(-2px);
}


#about .about-img::before {
  background-color: #000;
  position: absolute;
  left: 0px;
  top: 0px;
  width: 0;
  height: 0;
  z-index: -1;
  content: '';
  background-color: #ebf1fa;
  transition: .5s;
  display: none;
}

#about .about-img::after {
    background-color: #8cc540;
    position: absolute;
    right: -15px;
    bottom: -15px;
    width: 90%;
    height: 92%;
    z-index: -1;
    content: '';
    background-color: #8cc540;
    transition: .5s;
    border-radius: 40px 10px 40px;
}


#about .about-content h3 {
    font-weight: 700;
    margin-bottom: 30px;
}


/*.ratio-4-3::before {*/
/*  display: block;*/
/*  content: "";*/
/*  padding-top: 100%;*/
/*}*/


#services .box {
    padding: 30px;
    position: relative;
    overflow: hidden;
    border-radius: 10px;
    margin: 0 10px 40px 10px;
    background: #0000;
    box-shadow: 0 0px 0px 0 rgba(68, 88, 144, 0.1);
    transition: all 0.3s ease-in-out;
    text-align: center;
}


/*.about-content {*/
/*    color: #fff;*/
/*}*/


.service-content {
    color: #fff;
}

.section-header h3 {
    font-size: 35px;
    color: #413e66;
    text-align: start;
    font-weight: 700;
    padding: 0 34px;
}






#services .box .row .col-sm-4  .p-t-b div img {
     padding: 0;
}

.p-t-b {
    padding-top: 0px;
    padding-bottom: 0px;
}

.header_titel {
    /*margin-top: 74px;*/
    background-color: #000 !important;
    color: #fff;
}


.titel_page h1 {
    color: #fff !important;
}


#more {
    background: #8cc540 !important;
    color: #fff;
}

.section-bg {
    /*background: #f5f8fd;*/
    /*background-image: linear-gradient(to bottom, rgba(0, 0, 0, .75), rgba(0, 0, 0, .75)), url(http://alhiyarjewellery.com/image.php?width=1920&image=files/images/banners/banner-alhiyar_wv67gly3.jpg);*/
    /*background-position: center center, center center;*/
    /*background-size: cover, cover;*/
    /*background-repeat: repeat, repeat;*/
    /*background-attachment: fixed; */
    
}


#myFooter {
    /*background-color: #111010 !important;*/
    /*color: white;*/
    
    background: #f5f8fd;
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, .75), rgba(0, 0, 0, .75)), url(http://www.nuwaidrat.tajer.es/image.php?width=1920&image=files/images/banners/im_59i737n7.jpg);
    background-position: center center, center center;
    background-size: cover, cover;
    background-repeat: repeat, repeat;
    background-attachment: fixed;
    
    
}

#myFooter .footer-copyright {
    background-color: #000 !important;
    color: #000;
}


#myFooter .footer-copyright p {
    color: #b69461; /*b69461*/
}

#myFooter .btn {
  color: #fff;
  background-color: #8cc540 !important;
}



#myFooter a {
  color: #fff;
  text-decoration: none !important;
}

#myFooter h5 {
    color: #d2c77a; /*b69461*/
}

#myFooter h5 {
  color: #8cc540;
}


.footer-bottom {
  background-color: #000; /*333333*/
  padding-top: 3px; 
  padding-bottom: 3px;
  text-align: center;
  font-size: 14px;
}


@media only screen and (max-width: 575px) {
    .navbar-custom {
        background-color: #fff;
    }
}