body {
    font-size: 16px;
    font-family: 'Roboto', sans-serif;
    padding: 0px;
    margin: 0px;
    background: #ffffff;
    line-height: 22px;
    font-size: 16px;
    color: #535353;
    margin-top: 70px;
}

h1.home-title { text-transform: uppercase; font-size: 36px; color: #1e1e1e; font-family: 'Roboto Condensed', sans-serif; padding: 0px; margin: 0px; margin-bottom: 30px; }
h1.home-title span { color: #2292dc; }

h1.page-title { text-transform: uppercase; font-size: 36px; color: #1e1e1e; font-family: 'Roboto Condensed', sans-serif; padding: 0px; margin: 0px; margin-bottom: 30px; text-align: center; }
h1.page-title span { color: #2292dc; }

h2.home-service-title { text-transform: uppercase; font-size: 36px; color: #fff; font-family: 'Roboto Condensed', sans-serif; padding: 0px; margin: 0px; margin-bottom: 30px; }
h2.home-service-title span { color: #8fd13e; }

*:focus { outline: none; }
a:active, a:focus { outline: 0; }

a, button, input[type=submit] { transition: all 0.3s ease; }
a { color: #8fd13e; }
a:hover, a:focus { color: #7dbc31; text-decoration: none; }

a#by-dreamsoft {
    background: url('../img/by-dreamsoft.png') no-repeat;
    display: inline-block;
    height: 28px;
    width: 83px;
    margin-top: 30px;
}

div.home-text { color: #fff; font-family: 'Roboto Condensed', sans-serif; text-transform: uppercase; font-size: 50px; line-height: 64px; margin-top: 130px; width: 50%; }

div.home-image { width: 100%; height: 700px; background: url('../img/home-image.jpg') no-repeat; background-position: center center; position: relative; }
div.home-image .triangle { width: 100%; height: 75px; background: url('../img/home-triangle.png') no-repeat; background-position: center center; position: absolute; bottom: 0px; left: 0px; }

div.home-text-container { margin-top: 50px; }
div.home-about-image { background: url('../img/home-about-image.png') no-repeat; background-position: center top; width: 100%; height: 260px; }

div.home-services-container { margin-top: 50px; background: url('../img/services-bg.jpg'); background-position: center top; padding: 50px 0px; }
div.service-box { color: #969696; }
div.service-box .service-image { width: 100%; height: 260px; background-position: center center; background-repeat: no-repeat; margin-bottom: 25px; }
div.service-box h3.service-title { color: #ffffff; font-weight: 300; font-family: 'Roboto Condensed', sans-serif; font-size: 26px; padding: 0px; margin: 0px; margin-bottom: 15px; }
div.service-box h2.service-title { color: #212121; font-weight: 300; font-family: 'Roboto Condensed', sans-serif; font-size: 26px; padding: 0px; margin: 0px; margin-bottom: 15px; }

div.project-box { color: #969696; }
div.project-box a.project-image { display: block; width: 100%; height: 260px; background-position: center center; background-repeat: no-repeat; position: relative; }
div.project-box div.project-content { transition: all 0.3s ease; background: rgba(0,0,0,0.5); width: 100%; height: 100%; top: 0px; left: 0px; right: 0px; bottom: 0px; display: table; }
div.project-box div.project-content div.project-title-box { display: table-cell; text-align: center; vertical-align: middle; }
div.project-box div.project-content div.project-title-box h2.project-title { color: #fff; font-weight: 400; font-family: 'Roboto Condensed', sans-serif; font-size: 26px; padding: 0px; margin: 0px; margin-bottom: 15px; }
div.project-box a.project-image:hover div.project-content { background: rgba(143,209,62,0.9); }

div.project-gallery-container { margin-top: 50px; background: url('../img/services-bg.jpg') no-repeat; background-position: center center; padding: 50px 0px; }
div.project-gallery-container a.project-image { display: block; width: 100%; height: 160px; background-position: center center; background-repeat: no-repeat; margin-bottom: 30px; }

div.reference-box { color: #969696; }
div.reference-box .reference-image { display: block; width: 100%; height: 180px; background-position: center center; background-repeat: no-repeat; margin-bottom: 25px; }
div.reference-box h2.reference-title { color: #212121; font-weight: 300; font-family: 'Roboto Condensed', sans-serif; font-size: 26px; padding: 0px; margin: 0px; margin-bottom: 15px; }

div.home-contact-info { position: relative; overflow: hidden; }
div.home-contact-info div#map-container { width: 100%; height: 450px; }
div.home-contact-info .contact-info { position: absolute; font-size: 14px; bottom: 35px; width: 100%; padding: 15px; background: #fff; z-index: 9; box-shadow: rgba(50, 50, 50, 0.4) 0px 1px 50px 0px; }
div.home-contact-info .contact-info .icon { width: 64px; height: 64px; border-radius: 50%; background: #2292dc; text-align: center; }
div.home-contact-info .contact-info .icon i { color: #fff; font-size: 26px; line-height: 64px; }

div.breadcrumb-container { background: #eee; padding: 3px 0px; border-bottom: 1px solid #ddd; }

footer { background: #25252a; color: #fff; padding-top: 40px; padding-bottom: 80px; font-size: 14px; }
footer div.footer-nav a { margin-left: 25px; color: #fff; }
footer div.footer-nav a:hover { color: #2292dc; }

/* Framework */
.position-relative { position: relative; }

.bg-white { background: #fff; }

.pad-0 { padding: 0px; }

.pad-t-5 { padding-top: 5px; }
.pad-t-10 { padding-top: 10px; }
.pad-t-15 { padding-top: 15px; }
.pad-t-30 { padding-top: 30px; }

.pad-b-10 { padding-bottom: 10px; }
.pad-b-15 { padding-bottom: 15px; }

.pad-r-5 { padding-right: 5px; }
.pad-r-10 { padding-right: 10px; }
.pad-r-15 { padding-right: 15px !important; }

.mar-t-5 { margin-top: 5px; }
.mar-t-10 { margin-top: 10px; }
.mar-t-15 { margin-top: 15px; }
.mar-t-20 { margin-top: 20px; }
.mar-t-25 { margin-top: 25px; }
.mar-t-30 { margin-top: 30px; }
.mar-t-40 { margin-top: 40px; }
.mar-t-50 { margin-top: 50px; }

.mar-b-10 { margin-bottom: 10px; }
.mar-b-15 { margin-bottom: 15px; }
.mar-b-20 { margin-bottom: 20px; }
.mar-b-30 { margin-bottom: 30px; }
.mar-b-40 { margin-bottom: 40px; }
.mar-b-50 { margin-bottom: 50px; }

.mar-r-5 { margin-right: 5px; }
.mar-r-10 { margin-right: 10px; }

.mar-l-3 { margin-left: 3px; }
.mar-l-5 { margin-left: 5px; }
.mar-l-10 { margin-left: 10px; }
.mar-l-30 { margin-left: 30px; }

/* Bootstrap modification */
.alert { display: none; }

.form-control { border-radius: 3px; border: 1px solid #ddd; padding: 10px !important; height: auto; box-shadow: none; }
.form-control:hover, .form-control:focus { border-color: #8fd13e; -webkit-box-shadow: none; box-shadow: none; }

.breadcrumb { background: transparent; border: 0px; display: block; padding: 5px 0px; margin: 0px; border-radius: 0px; }
.breadcrumb li {font-size: 14px; color: #b2b2b2; }
.breadcrumb>li+li:before {color: #b2b2b2; content: "/"; margin-right: 5px; }
.breadcrumb>.active { color: #7a7a7a; }
.breadcrumb li a { color: #b2b2b2; }

.navbar-default {
    background-color: #fff;
    border: 0px;
    border-bottom: 5px solid #8fd13e;
    margin: 0px;
    width: 100%;
}

.nav { padding-right: 15px; }

.navbar-brand {
    float: left;
    padding: 0px;
    font-size: 18px;
    margin-top: 25px;
    margin-bottom: 0px;
    margin-left: -5px !important;
    height: auto;
}
.navbar-default .navbar-brand {
    color: #212121;
    font-size: 30px;
}

.navbar-default .navbar-nav>li>a {
    color: #1e1e1e;
    font-size: 20px;
    font-weight: 300;
    font-family: 'Roboto Condensed', sans-serif;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 25px;
    padding-bottom: 23px;
    margin-left: 15px;
    margin-right: 15px;
    text-transform: uppercase;
    border: 0px;
}

.navbar-default .navbar-nav>li:last-child>a { padding-right: 0px; margin-right: 0px; }

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
    color: #8fd13e;
    background-color: transparent;
    border-color: #8fd13e;
}

.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus {
    color: #8fd13e;
    background-color: transparent;
}

.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
    color: #8fd13e;
    background-color: transparent;
}

.navbar-nav>li>.dropdown-menu {
    border-top: 5px solid #8fd13e;
    background: #fff;
}

.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover {
    color: #fff;
    text-decoration: none;
    background-color: #8fd13e;
    outline: 0;
}

.dropdown-menu {
    border-top: 0px;
    border-radius: 0px;
}

.dropdown-menu>li>a {
    padding: 10px 25px;
    font-size: 14px;
}

.navbar-default.scroll { box-shadow: rgba(50, 50, 50, 0.2) 0px 1px 10px 0px; }


.btn-green {
  color: #fff;
  background-color: #8fd13e;
  border: 0px;
  font-weight: 400;
  padding: 10px 20px;
  text-transform: uppercase;
}
.btn-green:focus,
.btn-green.focus {
  color: #fff;
  background-color: #7dbc31;
}
.btn-green:hover {
  color: #fff;
  background-color: #7dbc31;
}
.btn-green:active,
.btn-green.active,
.open > .dropdown-toggle.btn-green {
  color: #fff;
  background-color: #7dbc31;
}
.btn-green:active:hover,
.btn-green.active:hover,
.open > .dropdown-toggle.btn-green:hover,
.btn-green:active:focus,
.btn-green.active:focus,
.open > .dropdown-toggle.btn-green:focus,
.btn-green:active.focus,
.btn-green.active.focus,
.open > .dropdown-toggle.btn-green.focus {
  color: #fff;
  background-color: #7dbc31;
  box-shadow: none;
}

.btn-top {
  color: #fff;
  background-color: transparent;
  border: 2px solid #fff;
  font-weight: 300;
  font-family: 'Roboto Condensed', sans-serif;
  padding: 10px 20px;
  text-transform: uppercase;
  font-size: 22px;
}
.btn-top:focus,
.btn-top.focus {
  color: #fff;
  border-color: #8fd13e;
  background-color: #8fd13e;
}
.btn-top:hover {
  color: #fff;
  border-color: #8fd13e;
  background-color: #8fd13e;
}
.btn-top:active,
.btn-top.active,
.open > .dropdown-toggle.btn-top {
  color: #fff;
  border-color: #8fd13e;
  background-color: #8fd13e;
}
.btn-top:active:hover,
.btn-top.active:hover,
.open > .dropdown-toggle.btn-top:hover,
.btn-top:active:focus,
.btn-top.active:focus,
.open > .dropdown-toggle.btn-top:focus,
.btn-top:active.focus,
.btn-top.active.focus,
.open > .dropdown-toggle.btn-top.focus {
  color: #fff;
  border-color: #8fd13e;
  background-color: #8fd13e;
  box-shadow: none;
}

@media screen and (max-width: 1200px) {
    div.home-text { width: 50%; }
}

@media screen and (max-width: 992px) {
    div.home-text { width: 60%; }

    div.service-box .service-image { height: 140px; }

    .sm-mar-t-0 { margin-top: 0px; }

    .navbar-default .navbar-nav>li>a {
        font-size: 20px;
        padding-left: 5px;
        padding-right: 5px;
        padding-top: 25px;
        padding-bottom: 23px;
        margin-left: 5px;
        margin-right: 5px;
    }
}

@media screen and (max-width: 767px) {
    body { margin-top: 50px; }

    div.home-text { width: 100%; }

    div.service-box { margin-bottom: 40px; }
    div.service-box .service-image { height: 240px; }

    .xs-mar-b-40 { margin-bottom: 40px; }
    .xs-mar-b-20 { margin-bottom: 20px; }
    .xs-text-center { text-align: center; }

    .navbar-brand { margin-top: 15px; margin-left: 10px !important; }

    .navbar-default .navbar-toggle .icon-bar {
        background-color: #212121;
    }
    .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
        background-color: transparent;
    }
    .navbar-default .navbar-toggle {
        border: 0px;
    }
    .navbar-toggle {
        padding: 9px 0px;
        margin-top: 8px;
        margin-right: 15px;
        margin-bottom: 8px;
        border-radius: 0px;
    }
    .navbar-default .navbar-collapse, .navbar-default .navbar-form {
        border-color: #8fd13e;
    }

    .navbar-default .navbar-nav>li>a {
        padding-top: 15px;
        padding-bottom: 15px;
        border-bottom: 0px solid transparent;
    }

    .navbar-default .navbar-nav .open .dropdown-menu>li>a {
        color: #212121;
    }
    .navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu>li>a {
        padding: 10px 40px;
        text-transform: uppercase;
        font-size: 18px;
        font-weight: 300;
    }
    .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus, .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover {
        color: #8fd13e;
    }
}