@import url('https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,500,500i,700,700i,900,900i');

body, html {
    margin: 0;
    padding: 0;
    width: 100%;
    color: #565656;
    font-size: 14px;
    height: 100%;
    min-height: 100%;
}

* {
    font-weight: 300;
    font-family: 'Roboto', sans-serif;
    box-sizing: border-box; 
}
h1,h2,h3,h4,h5 {
    font-weight: 500;
    margin: 5px 0
}
ul {
    padding-left: 17px;
}
p {
    line-height: 1.6;
}
a {color: #00AAE0;text-decoration: none;}

#preloader {position: fixed;top:0; left:0;right:0; bottom:0;background: #fff;z-index: 100000;}

#loader {width: 32px;height: 32px;position: absolute;left:50%; top:50%;background: url(../images/loader.gif) no-repeat center 0;margin:-16px 0 0 -16px;color: #fff;}

.wrapper {width: 100%;min-height: 100%;background-color: #eee;overflow-x: hidden;padding: 80px 0;}

.head {position: fixed;top: 0;left: 0;right: 0;background: #fff;z-index: 6;padding: 10px;transition: .3s;}

.head .logo {float: left;width: 80px;margin: 0 20px;}
.head .logo img {width: 100%;}
.head .title {float: right;font-weight: 800;color: #75a545;font-size: 1.7rem;padding: 30px 25px 0;}

.footer {width: 100%;padding: 0;margin-top: -80px;background-color: #565656;position: relative;overflow: hidden;}
.footer .logo {width: 40px;margin: 17px auto;}
.footer .logo img {width: 100%;}

.cont-grid {position: relative;margin: 30px auto;max-width: 1100px;}
.cont-grid .item {display: inline-block;margin: 20px;width: calc((100%/3) - 43px);text-align: center;padding: 20px;background-color: #fff;vertical-align: top;min-height: 150px;position: relative;}
.cont-grid .item img {max-width: 60%;}
.cont-grid .item .title {font-size: 1.2rem;font-weight: 700;color: #565656;padding: 10px 0 0}
.cont-grid .item .over {position: absolute;top: 0;bottom: 0;left: 0;right: 0;background:rgba(117,165,69,.9);font-size: 2rem;color: #fff;text-align: center;font-weight: 700;padding: 30% 0;transition: .3s;opacity: 0;text-shadow: 2px 2px 5px rgba(0,0,0,0.1)}
.cont-grid .item:hover .over {opacity: 1;}


@media screen and (max-width: 768px) {

.cont-grid .item {width: calc((100%/2) - 43px);}

}