body{
    margin: 0;
    font-family: Behdad-Regular;
     text-decoration: none;
}
.navbar{
    width: 100%;
    background-color: #64DD17;
    border: none;
    border-radius: 0;
    z-index: 5;
}
.navbar-toggle{
   background-color: #64DD17!important;
    border: none;
    float: right;
    margin-right: 5%;
}
.color{
    color: white!important;
    font-weight: bold;
}
#logo{
    float: right;
    display: inline-block;
}
#logo1{
    color: #9d9d9d;
    margin-top: 5%;
    font-weight: bold;
    font-size: 2em;
}
#logo2{
    color: #9d9d9d;
    margin-top: 5%;
    font-weight: bold;
}
#cadre-about{
    width: 100%;
    height: 9cm;
    border: dashed 1px #64DD17;
}
#slider{
    width: 100%;
    height: 9cm;
    background-color: whitesmoke;
}
.float{
    float: right;
    display: inline-block;
}
.text{
    margin: 4% 25% 0 0;
}
.text-line{
    line-height: 30px;
    margin: 5% 3% 0 3%;
}
#seo{
    margin-top: 25%;
    color: #64DD17;
    font-weight: bold;
    text-align: center;
}
.margin-top{
    margin-top: 4%;
}
#title{
    color: #64DD17;
    text-align: center;
    font-weight: bold;
}
.title-example{
   text-align: center;
    color: #64DD17;
    font-weight:bold;
}
.img{
    margin: auto;
    cursor: pointer;
}
.img:hover{
   opcity:0.8;
}
.margin-top1{
    margin-top: 3%;
}
#link{
 
    text-align: center;
}
.footer{
    color: #64DD17;
    text-align: center;
    font-size: 1.5em;
}
.footer-about{
    text-align: center;
    color: #9d9d9d;
}
#footer{
    margin: 0 15% 0 15%;
    line-height: 30px;
    color: #9d9d9d;
}
.img-web{
    -webkit-filter: grayscale(100%); /* Chrome, Safari, Opera */
    filter: grayscale(100%);
    cursor: pointer;
}
.img-web:hover{
    -webkit-filter: grayscale(0); /* Chrome, Safari, Opera */
    filter: grayscale(0);
}
#cadre-web{
    width: 42%;
    height: 1cm;
    margin: auto;
}
a{
    text-decoration: none;
}
#title-index{
    margin: 1% 15% 0% 15%;
    color: #9d9d9d;
    line-height: 30px;
}
#title-villa{
    color: #64DD17;
    margin: 2% 15% 0 0;
    font-weight: bold;
}
#cadre-dashed{
    border: dashed 1px #64DD17;
    width: 100%;
}
#title-about{
    color: #64DD17;
    margin: 3% 5% 0 0;
    font-weight: bold;
}
#cadre-dashed-about{
    border: dashed 1px #64DD17;
    height: 19cm;
    width: 100%;
    margin-top: 2%;
}
.text-about{
    margin: 3% 3% 0 5%;
    color: #9d9d9d;
    line-height: 30px;
    font-size: 1.2em;
}
#cadre-dashed-contac{
    border: dashed 1px #64DD17;
    height: 9.5cm;
    width: 100%;
    margin-top: 2%;
}
.cadre-all-article{
    border: dashed 1px #64DD17;
    height: 6cm;
    width: 75%;
    margin-top: 2%;
}
.text-all-article{
    margin: 3% 0 0 5%;
    color: #9d9d9d;
    line-height: 30px;
}
.title-all-article{
    color: #64DD17;

    font-weight: bold;
}
#title1{
    margin: 0 3% 0 0;
    color: #64dd17;
    font-size: 2em;
    font-weight: bold;
}
.text-article{
    color: #9d9d9d;
    line-height: 30px;
    font-size:1.2em;
}
.carousel-control.right, .carousel-control.left {
    background-image: none;
    color: whitesmoke;
}

.carousel-indicators li {
    border-color: whitesmoke;
}

.carousel-indicators li.active {
    background-color: whitesmoke;
}

.item h4 {
    font-size: 19px;
    line-height: 1.375em;
    font-weight: 400;
    font-style: italic;
    margin: 70px 0;
}

.item span {
    font-style: normal;
}
.img-wid{
    width: 80%;
    height: 6cm;
}
#cadre-google{
    width: 100%;
    height: 8cm;
    margin-top: 2%;
}
#text{
    text-decoration: none;
}
.btn{
    background-color: white;
    color: #64dd17;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    font-weight: bold;
}

.btn:hover{
    background-color: #64dd17;
    color: white;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}
button{
font-family: "Behdad-Regular";
}
@font-face {
    font-family: "Behdad-Regular";
    font-style: normal;
    font-weight: normal;
    src:
    url("../css/font/Behdad-Regular.woff") format("woff"),
    url("../css/font/Behdad-Regular.ttf") format("truetype");
}
#tel{
width:10%;
height:0.8cm;
 background-color:#2962FF;
 border-radius: ;
 float:left; 
 margin-bottom: 1%;
}
#tel1{
color:white;
 text-align: center;
font-weight: bold;
margin:6% 0 0 0;
}
#tel2{
width:10%;
height:0.8cm;
 background-color:#82B1FF;
 border-radius: ;
 float:left; 
 margin-bottom:1%;
}
#tel3{
color:white;
disply:inline-block;
text-align: center;
 font-weight: bold;
 margin:4% 0 0 0;
}
@media screen and (max-width: 480px) {
    #cadre-web{
        width: 73%;
        height: 1cm;
        margin: auto;
    }
    #title-index{
        margin: 1% 2% 0 1%;
        color: #9d9d9d;
        line-height: 30px;
    }
    #cadre-dashed{
        border: dashed 1px #64DD17;
        height: 13cm;
        width: 100%;
    }
    #logo1{
      font-size: 1em;
    }
    #cadre-dashed-about{
        border: dashed 1px #64DD17;
        height: 32cm;
        width: 100%;
        margin-top: 2%;
    }
    
#tel{
width:26%;
height:0.8cm;
 background-color:#2962FF;
 border-radius: ;
 float:left; 
 margin-bottom: 1%;
}
#tel1{
color:white;
float:left; 
font-weight: bold;
margin:8% 0 0 1%;
font-size:0.9em;
}
#tel2{
width:24.5%;
height:0.8cm;
 background-color:#82B1FF;
 border-radius: ;
 float:left; 
 margin-bottom:1%;
}
#tel3{
color:white;
disply:inline-block;
float:left;
margin-left:2%;
 font-weight: bold;
 margin:8% 0 0 5%;
}
}