@import url('helpers.css');
@import url('https://fonts.googleapis.com/css?family=Montserrat:300,700');
body {
    font-family: 'Montserrat', sans-serif;
    font-weight: 300
}
h1.medium {font-size:20px}
.topbar {
    list-style-type: none;
    text-align: right;
    padding:0;
}
.topbar li {display:inline-block;}
.topbar li a:hover { text-decoration: none; }
.topbar li a i { margin-right:5px; }
.btn-custom,.topbar li a {
    display:block;
    padding:13px 43px 13px 44px;
    background: #ecedee;
    color:#000;
    position:relative;
    font-size:12px;
}
.btn-custom,.topbar li.first a{padding-left:15px; padding-right: 15px}
.btn-custom:before, .topbar li.first a:before {
    display: block;
    content:'';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 43px 20px;
    border-color: transparent transparent #96c32d transparent;
    left:-20px;
    top:0;
    position:absolute;
}

.btn-custom:after, .topbar li.first a:after {
    display: block;
    content:'';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 43px 20px 0 0;
    border-color: #96c32d transparent;
    right:-20px;
    top:0;
    position:absolute;
    z-index: 10;
}
.btn-custom {display:inline-block; background:#96c32d; color:#FFF; border:0}

.topbar li.first a{
    background: #95c32d;
    color:#FFF;
}
.header-bg { display: none;}
.header .header-content {position:relative;}
.header .header-content i {position:absolute;top:0; left:0; font-size:24px; color:#95c32d; font-weight: 100}
.header .header-title {font-size:16px; padding-left:35px;}
.header .header-text {font-size:12px; padding-left:35px;}
.dark {
    background-color: #000;
    padding:20px 0;
    margin:20px 0 0 0;
}
.dark h2 { margin:0; color:#FFF; font-size:26px;}
.dark h2:before { display:"inline-block"; content:"//"; color:#95c32d; margin-right:8px; font-weight: 100}
.dark h2:after { display:"inline-block"; content:"//"; color:#95c32d; margin-left:8px; font-weight: 100}

/* Menu */
.menu-dark {padding:0}
.menu-dark nav {margin:0;border:0}
.menu-dark nav #navbar {padding:0}
.menu-dark .navbar-nav>li>a { color:#FFF }
.menu-dark .nav>li>a:hover, .menu-dark .nav>li>a:focus { background:rgba(149, 195, 45, 1.000)}
.menu-dark .nav .open>a,.menu-dark  .nav .open>a:hover,.menu-dark  .nav .open>a:focus {background:rgba(149, 195, 45, 1.000); color:#FFF}

.sidebar .sidebar-content {border:1px solid #000}
.sidebar-green .sidebar-content {
    background: #95c32d;
    color:#FFF;
    padding:20px;font-weight: 300;
    border:0;
}
.sidebar-green {margin-bottom:30px}
.sidebar .sidebar-title {
    padding:8px 15px;
    background:#000;
    text-align: center;
    margin: 0 0 15px 0;
    text-transform: uppercase;
    font-size:14px;
    color:#fff;
}
.sidebar-green .sidebar-title { font-size:20px; margin-top:5px }
.sidebar label { font-weight: 300 }
.sidebar input.form-control {
    border-color: #a8cf5a;
    background:#a8cf5a;
    color:#FFF;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.sidebar .btn-submit {
    display:block;
    width:100%;
    background: url('../img/btn.jpg') no-repeat right top #FFF;
    border:0;
    padding:10px;
    position:relative;
    padding-left: 30px;
    text-align: left;
}
.sidebar .btn-submit i {
    color:#FFF;
    font-size: 35px;
    line-height:15px;
    position:absolute;
    right:35px;
    top:12px;
}
.sidebar #map {
    height:200px;
    margin-top:20px;
}
.alert {margin:0;}
.content { padding:30px 0 }
.content .title {
    font-weight: 700;
    margin-bottom:20px;
}

.content .items .item { position:relative; padding-left:25px;margin-bottom:20px;}
.content .items.items-small .item { position:relative; padding-left:25px;margin-bottom:10px;}
.content .items .item i{
    position:absolute;
    left:0;
    top:2px;
    color:#95c32d;
}
.big-title { font-size:26px; text-align: center; margin: 30px 0; border-top:1px solid #CCC; padding-top:30px;}
.big-title:before{ display: "inline-block"; content:"//"; color:#95c32d; margin-right:8px; font-weight: 100}
.big-title:after{ display: "inline-block"; content:"//"; color:#95c32d; margin-left:8px; font-weight: 100}

.main-title {
    padding: 30px 0;
    background: rgba(25,25,25,1);
    color: #FFF;
    border-bottom: 5px solid #95c32d;
    z-index:20;
    position: relative;
}
.main-title h1{ font-size:26px; margin:0}

.banners {margin-top:-30px; margin-bottom:20px; position: relative;z-index:0}

.single { position: relative;}
.single .slide{ position: relative;}
.single .slide .btn-white{background:#FFF; color:rgba(149, 195, 45, 1)}
.single .slide .caption{
    display:none;
    position: absolute;
    width:40%;
    right:0;
    top:0;
    bottom:0;
    background:rgba(149, 195, 45, 0.8);
    color:#FFF;
    padding:100px 50px;
}
.single .slide .caption:before {
    content: "";
    width: 0;
    height: 0;
    border-bottom: 650px solid rgba(149, 195, 45, 0.8);
    border-left: 100px solid transparent;
    left: -100px;
    top:0;
    position: absolute;
}
.multiple a { padding: 15px }

/* Service */
.services .service-icon { margin:-20px -20px 20px -20px; }
.services-home .service-icon { padding:20px 60px; margin:0 }
.services .service-icon img { margin:0 auto; }
.services .service { border:1px solid #CCC; margin-bottom:30px; padding:20px; text-align: center }
.services .service:hover { outline:2px solid #95c32d; border:1px solid #FFF}
.services .service a{ color:#444 }
.services .service a:hover{ text-decoration: none; }
.services .service a:hover .service-title{ color: #95c32d;}
.services .service:hover .service-link a{ color: #95c32d;}

.services .service-title { font-weight:bold; font-size:14px }
.services .service-content { min-height:90px; }

.footer {padding:30px 0; background: #dedfe0; margin-top:30px}
.footer .facebook-left {text-align: right}
.footer .txt-facebook {color:#2969b4; font-weight: 700}
.footer .address {border-left:1px solid #AAA; padding-left:30px;}