
body {
    font-family: 'Lato', sans-serif;
    font-size: 15px;
    user-select:none;
}
h1, h2, h3, h4, h5, h6, p, ol, ul {
    margin: 0;
    padding: 0; }

img {
    max-width: 100%; }
/*---home-page--*/
.home-page-body{
    background: #ececec;
    position: relative;
    border-top:3px solid #75a839;
}
.home-page-body:before{
    position: absolute;
    top: 101px;
    left: 8%;
    content: url(../images/left.png);
    width: 31%;
    z-index: -1;
}
.home-page-body:after{
    position: absolute;
    top: -2px;
    right: 0;
    content: url(../images/right-layer.png);
    width: 48%;
    z-index: -1;
}
/*---header--*/
.header .logo{
   background: #fff;
    padding: 10px;
    text-align: center;
    border-radius: 0 0 40px 0;
}
.header .right-bar-form{
    background: #b8d656;
}
.header .right-bar-form{
    padding: 20px 10px;
    position: relative;
    border-radius: 0 0 40px 0;
}
.header .right-bar-form:before{
    position: absolute;
    top: -2px;
    right: -8px;
    content: url(../images/dots-greeen-png.png);
    width: 210px;
}
.header .right-bar-form h1{
    font-weight: 500;
    padding: 0 10px;
    font-weight: 400;
    font-size: 29px;
}
.header .right-bar-form .form-control{
    background: none;
    border:none;
    padding: 15px 10px;
    margin:10px 0;
    box-shadow: none;
    border-bottom:1px solid #91ba0f;
}
.header .right-bar-form .form-control::placeholder{
    color:#444;
    font-weight: 700;
   font-size: 16px;
}
.header .right-bar-form p{
    padding: 7px 0;
}
.header .right-bar-form input[type="submit"]{
    display: inline-block;
    width: auto;
    padding: 1px 23px;
    background: #9ac218;
    font-size: 16px;
    height: 42px;
    color: #fff;
    text-transform: uppercase;
}
/*---header-/-*/

/*---left-side-bar--*/
.content-area{
    margin: 20px 0 0 0;
}
.content-area .left-side-bar{
    background: #3184bd;
    padding: 20px 30px;
    color:#fff;
    position:relative;
    border-radius: 0 40px 0 0;
}
.content-area .left-side-bar:before{
    position: absolute;
    bottom: -57px;
    right: -8px;
    content: url(../images/dots-blue.png);
    width: 213px;
}
.content-area .left-side-bar h2{
    font-size: 18px;
    padding: 15px 0 5px; 0;
    font-weight: 700;
}
.content-area .left-side-bar p{
    font-size: 15px;
    padding-bottom: 20px;
    text-align: left;
}
.content-area .client-coloms{
    background: #fff;
    border-radius: 0  40px 0 0;
    padding: 20px;
}
.content-area .client-coloms img{
    border-radius: 100%;
    border:1px solid #ccc;
    width: 100%;
}
.m0p0{
    margin:0;
    padding:5px;
}
/*---left-side-bar-/-*/

/*---footer--*/
footer{
    background:#c0bebe;
    padding: 10px 0;
    text-align: center;
}
footer a,footer p{
    color:#444;
    font-weight: 700;
}
@media screen and (min-device-width:320px) and (max-device-width: 767px) {
    .header .right-bar-form{
        margin:10px  0px;
    }
}
/*---footer-/-*/

/*---home-page-/-*/