body {
  font-family: 'Open Sans', Arial, Helvetica, 'Helvetica Neue', sans-serif; background-color: #F7F8FA;
}
header{ border-radius: 5px;   }
.container{ mx-width: 1200px!important; margin-top: 15px; }
.content-header{ min-height: 350px; padding-bottom: 30px; position: relative; background: url(../images/bg-header.jpg);  }
.content-header-logo{ position: relative; min-height: 110px; color: white; padding: 0 15px; background-color: #5fd042; }
.logo{ margin-top: 15px; display: block;  }
.header-address{ font-size: 18px; margin-top: 15px;  }
.header-phone{ font-size: 21px; color: white; font-weight: normal; margin-bottom: 5px; display: block; }
.header-title{  margin-top: 50px; display: block; color: white; margin-left: 15px; margin-right: 15px; }
.header-menu{ list-style: none; margin-top: 45px;  }
.header-menu a{ color: white; font-size: 16px; font-style: italic; border:1px solid transparent; text-decoration: none; display: inline-block; padding: 4px 8px; border-radius: 25px; }
.header-menu a:hover{ border: 1px solid white; }
.header-menu a.active{ border: 1px solid white; }
.header-menu a:hover{ border: 1px solid #e4e4e4; }
.header-menu li{ margin: 0 10px; float: left; }
.corner-header{ position: absolute; left:0px; bottom:-20px; right: 0; display: block; height: 30px; width: 100%;
border-bottom: 10px solid transparent;
background-image:
        linear-gradient(#5fd042, #5fd042),
        linear-gradient(to bottom right, transparent 50.5%, #5fd042 50.5%),
        linear-gradient(to bottom left, transparent 50.5%, #5fd042 50.5%),
        linear-gradient(to top right, transparent 50.5%, #5fd042 50.5%),
        linear-gradient(to top left, transparent 50.5%, #5fd042 50.5%);
background-repeat: repeat, repeat-x, repeat-x, repeat-x, repeat-x;
background-position: 0 0, 10px 0, 10px 0, 10px 100%, 10px 100%;
background-size: auto auto, 20px 20px, 20px 20px, 20px 20px, 20px 20px;
background-clip: padding-box, border-box, border-box, border-box, border-box;
background-origin: padding-box, border-box, border-box, border-box, border-box;
}

.clr{ display: block; clear: left;  }
.main-menu{ background-color: #ffffffe0; background: rgba(255, 255, 255, 0.88); width: 100%; position: absolute; bottom: 0px; left: 0; right: 0; }
.main-menu ul{ list-style: none;  }
.main-menu > ul > li{ padding: 0px;  float: left; position: relative; }
.main-menu > ul > li a{ display: block; padding: 15px 25px; color:  black; }
.main-menu > ul > li a:hover{ background-color: #5fd042; text-decoration: none; color: white; }
.main-menu > ul > li a.active{ background-color: #5fd042; text-decoration: none; color: white; }

.main-menu ul ul{ position: absolute; left: 0; top: 50px; width: 250px; display: none; background-color: white; padding: 15px; border-radius: 5px; z-index: 10; }
.main-menu li:hover > ul{
    display: block;
}
.h1{ margin-bottom: 30px; font-size: 27px; }
.item-home{
    padding: 15px; margin: 10px;
    background-color: white;
    border-radius: 5px;
    transition: margin 0s ease-in-out 0s;
    box-shadow: 1px 2px 6px 2px rgba(0,0,0,.08);  
    position: relative; text-align: center;
}
.item-home div{
    position: absolute; 
    text-align: center;
    left: 20px; right:20px; top: 70px; background-color: #3473A8; color: white; padding: 7px; border-radius: 5px;
}
.item-home a{
    overflow: hidden; display: block;
}
footer{
  background-color: #5fd042; border-radius: 5px; padding: 15px; margin-top: 50px;
}
footer h4{
  color: white; margin-top: 0px; margin-bottom: 25px; margin-top: 15px;
}
.footer-news a{ color: white; display: block; margin-bottom: 10px; font-size: 19px; margin-bottom: 5px; }
.footer-news p{ color: white;  }
.footer-news span{ display: block; color: white; margin-bottom: 10px; }

.blog-news a{ color: black; display: block; margin-bottom: 10px; font-size: 19px; margin-bottom: 5px; }
.blog-news p{ color: black;  }
.blog-news span{ display: block; color: black; margin-bottom: 10px; }

.blog-news{ margin-bottom: 15px;  }
section { min-height: 300px;  }
.item-home a{ height: 160px; overflow: hidden; }
.alert-primary {
    color: #004085;
    background-color: #cce5ff;
    border-color: #b8daff;
}
.alert {
    position: relative;
    padding: .75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: .25rem;
}

.box-auth{ margin: 0 auto; width: 365px;  }
.box-auth input{ margin-bottom: 5px;  }
.box-auth button{ width: 100%; margin-top: 10px; }

.box-reg{ margin: 0 auto; max-width: 480px;  }
.box-reg input{ margin-bottom: 5px;  }
.box-reg button{ width: 100%; margin-top: 10px; }
.alert-none{ display: none;  }
.profile-box{ max-width: 800px; margin: 0 auto;  }
.profile-link a{
    display: block; margin-top: 5px; color:  black; margin-bottom: 10px;
}
.profile-link a.active{
    font-weight: bold!important;
}
.message_request li.is-owner {
    float: right;
    background: #f3f8ff;
}
.message_request li {
    list-style: none;
    padding: 0px;
    margin: 0px;
    border-radius: 6px;
    display: inline-block;
    margin-bottom: 15px;
    padding: 14px;
    font-size: 15px;
}
.message_request li .m-date {
    margin-left: 11px;
    font-size: 10px;
}
.card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: .25rem;
}

.message_request_left li.is-owner {
    float: left;
    background: #9dc6ff;
}
.message_request_left li {
    list-style: none;
    padding: 0px;
    margin: 0px;
    border-radius: 6px;
    display: inline-block;
    margin-bottom: 15px;
    padding: 14px;
    font-size: 15px;
}
.message_request_left li .m-date {
    margin-left: 11px;
    font-size: 10px;
}