*{margin:0;padding:0;}
html, body{height: 100%;}
body.flex{display: flex; flex-direction: column;}

body, div, td{font-family: 'Lato', sans-serif;}

a{color: #4c9f25; }
h1,h2,h3,h4{color: #4c9f25; margin-top: 30px; margin-bottom: 30px;}

h4{margin: 50px 0 10px 0;}

ul li{margin: 0 15px; padding: 0 5px; list-style-image: url("/img/li.gif");}

header{padding: 10px 0;}

.topBarDark{background: #2b2b2b; height: 30px; margin: 50px 0 10px 0;}
.topBarGreen{background: #4c9f25; height: 20px; margin: 10px 0 3px 0;}
.green{color: #4c9f25;}

.no-gutter {
    padding-right:0;
    padding-left:0;
}
.tab-hidden{display: none;}

header .name span{line-height: 100%;}
header .phone span{font-size: 30px; line-height: 100%;}
header .vbottom {display: inline-block; vertical-align: bottom; float: none;}

.center-block {
    float: none;
}

#slider{background: #595757;}
#slider .container{background: #fff;}

#icons{background: #2b2b2b; padding: 10px;}
#icons .icon{border-radius: 50%; width: 120px; height: 120px; background: #4c9f25; display: inline-block; margin-right: 20px; cursor: pointer;}
#icons .icon:hover{opacity: .8;}
#icons .icon a>div{line-height: 110%; color: #ffffff; text-transform: uppercase; position: relative; top: 30px;}
#icons .icon a:hover{text-decoration: none;}
#icons .icon img{margin-top: 10px; width: 30px;}

.small-icon{border-radius: 50%; width: 40px; height: 40px; background: #4c9f25; display: inline-block; margin-right: 20px;}
.small-icon a>div{position: relative; top: 50%; transform: translateY(-50%); text-align: center;}
.small-icon img{margin: 10px 10px; width: 20px;}

#content {margin-bottom: 70px;}
#content .icons{margin: 20px;}
#content .inner{border-top: #aaa 1px solid; padding: 0 20px 20px 20px; }
#content .buttons {position: relative; top: 4px; display: inline-block;}
#content .buttons div{display: inline-block; padding: 2px 10px; font-size: 16px;}

.gallery .row{margin-bottom: 20px;}

@media(min-width:992px){
    header .name span{font-size: 50px;}
}
@media(min-width:610px){
    header .name span{font-size: 40px;}
    header .phone{text-align: right;}
}

@media(max-width:610px){
    .topBarDark{margin-top: 0;}
    header .name span{font-size: 40px;}
    header .phone{margin-top: 20px; text-align: left;}
}


.map-container {
    border: #999999 1px solid;
    position: relative;
    padding-bottom: 26.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

.map-container iframe,
.map-container object,
.map-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}