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

.projects-list .row { margin: 0px -3px; }
.projects-list .project-box-content { height: 250px; position: relative; overflow: hidden; margin-bottom: 6px; padding-left: 3px; padding-right: 3px; text-align: center; }
.projects-list .project-box-content img { width: 100%; height: 100%; margin-bottom: 3px; }
.sliphover-container { font-size: 20px; }

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

a { color: #1e88e5; transition: all 0.2s ease; }
a:hover, a:focus { color: #1e88e5; text-decoration: none; }

h1.home-title { color: #fff; margin: 0px; padding: 0px; font-size: 32px; font-weight: 300; margin-bottom: 15px; }
h1.page-title { color: #333; margin: 0px; padding: 0px; font-size: 34px; font-weight: 300; }
h2.title { font-weight: 300; color: #1e88e5; font-size: 36px; margin: 0px; padding: 0px; }
h2.white-title { font-weight: 300; color: #fff; font-size: 36px; margin: 0px; padding: 0px; }
h3.service { padding: 0px; margin: 15px 0px; text-align: center; color: #333; font-weight: 300; font-size: 22px; }
h3.footer-title { padding: 0px; margin: 0px; font-weight: 400; font-size: 20px; text-transform: uppercase; margin-bottom: 10px; }

.home-image { background: url('../img/bg.jpg') no-repeat; background-position: center center; width: 100%; height: 700px; position: relative; }
.home-image .text { position: absolute; bottom: 50px; width: 500px; background: rgba(36,47,57,0.7); padding: 15px; color: #fff; }
.home-image .text .sep { background: #1e88e5; width: 200px; height: 2px; margin-bottom: 15px; }

.header-contact-info { background: #eaeaea; padding: 10px 0px; color: #999999; font-size: 13px; }
.header-contact-info .contact-info { display: inline-block; padding-left: 20px; }
.header-contact-info .contact-info .icon { display: inline-block; background: #fff; border-radius: 20px; padding: 1px 7px; text-align: center; color: #1e88e5; margin-right: 2px; }

.contact-us { background: #eeeeee; padding: 15px 0px; font-size: 22px; font-weight: 300; }

.service-box { display: block; background: #eee; border-bottom: 2px solid #eee; padding: 20px 40px; text-align: center; transition: all 0.3s ease; margin-bottom: 30px; }
.service-box:hover { background: #fff; border-bottom: 2px solid #1e88e5; }

.page-title { background: #eee; padding: 15px 0px; }
.content-box { padding: 30px 0px; padding-bottom: 10px; }

footer { background: #333333; padding: 10px 0px; color: #fff; }
footer a { color: #fff; margin-left: 20px; }

.footer-info { background: #e8e8e8; border-top: 2px solid #1e88e5; padding: 20px 0px; padding-bottom: 0px; }
.footer-info .sep { background: #1e88e5; width: 50px; height: 2px; margin-bottom: 15px; }
.footer-info a { color: #333; }
.footer-info a:hover, .footer-info a:focus { color: #1e88e5; }

.footer-contact { display: block; margin-bottom: 5px; }

#map-canvas { width: 100%; height: 300px; }

/* Framework */
.pad-t-5 { padding-top: 5px; }
.pad-t-10 { padding-top: 10px; }
.pad-t-15 { padding-top: 15px; }

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

.mar-t-10 { margin-top: 10px; }
.mar-t-15 { margin-top: 15px; }
.mar-t-20 { margin-top: 20px; }
.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; }

/* Bootstrap modification */
.form-control { border-radius: 0px; border: 1px solid #cacaca; padding: 10px 10px !important; height: auto;}
.form-control:hover, .form-control:focus { border-color: #1e88e5; -webkit-box-shadow: none; box-shadow: none; }

.navbar-default {
    background-color: #fff;
    border: 0px;
    margin-bottom: 0px;
}

.navbar-default .navbar-nav>li>a {
    color: #333333;
    font-size: 22px;
    padding-left: 25px;
    padding-right: 25px;
    margin-top: 15px;
    margin-bottom: 15px;
    font-family: 'Roboto', sans-serif;
    border-right: 1px solid #d8d8d8;
    font-weight: 400;
}
.navbar-default .navbar-nav>li:last-child>a {
    padding-right: 15px;
    border: 0px;
}

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

.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus {
    color: #1e88e5;
    background-color: transparent;
    border-color: #d8d8d8;
}

.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
    color: #1e88e5;
    background-color: transparent;
    border-color: #d8d8d8;
}

.navbar-nav>li>.dropdown-menu {
    background: rgba(255,255,255,0.9);
    border-radius: 0px;
    border: 0px;
    padding: 0px;
    margin: 0px;
}

.navbar-default.scroll {
    background-color: rgba(255,255,255,0.9);
    border: 0px;
    box-shadow: rgba(50, 50, 50, 0.2) 0px 1px 10px 0px;
    position: fixed;
    width: 100%;
    top: 0px;
}

.navbar-default.scroll .navbar-nav>li>a {
    color: #333;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 20px;
}
.navbar-default.scroll .navbar-nav>li:last-child>a {
    padding-right: 15px;
    border: 0px;
}

.navbar-default.scroll .navbar-nav>.active>a, .navbar-default.scroll .navbar-nav>.active>a:focus, .navbar-default.scroll .navbar-nav>.active>a:hover {
    color: #1e88e5;
    background-color: transparent;
}

.navbar-default.scroll .navbar-nav>li>a:hover, .navbar-default.scroll .navbar-nav>li>a:focus {
    color: #1e88e5;
    background-color: transparent;
}

.dropdown-menu>li>a:hover {
    color: #1e88e5;
    text-decoration: none;
    background-color: transparent;
    outline: 0;
}

.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover {
    color: #fff !important;
    text-decoration: none;
    background-color: #1e88e5 !important;
    outline: 0;
}

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

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

.navbar-default .navbar-brand {
    background: rgba(0, 0, 0, 0) url("../img/logo.png") no-repeat scroll 0 0;
    width: 200px;
    height: 46px;
    margin-top: 15px;
    padding: 0px;
}

.navbar-default.scroll .navbar-brand {
    margin-top: 7px;
}

.social-icons a { color: #bbe6f8 !important; font-size: 36px !important; padding: 7px 6px !important; }
.social-icons a:hover, .social-icons a:focus { color: #fff !important; }

.breadcrumb { background: transparent; border: 0px; display: block; padding: 0px; margin-top: 9px; margin-bottom: 0px; border-radius: 0px; float: right; }
.breadcrumb li {font-size: 14px; color: #8b8b8b; }
.breadcrumb>li+li:before {color: rgba(204, 204, 204, 1); content: "\276F\00a0";}

.btn-contact {
  color: #fff;
  background-color: #1e88e5;
  border: 0px;
  border-radius: 0px;
  font-size: 18px;
  font-weight: 300;
  padding: 7px 15px;
}
.btn-contact:focus,
.btn-contact.focus {
  color: #fff;
  background-color: #1674c7;
}
.btn-contact:hover {
  color: #fff;
  background-color: #1674c7;
}
.btn-contact:active,
.btn-contact.active,
.open > .dropdown-toggle.btn-contact {
  color: #fff;
  background-color: #1674c7;
}
.btn-contact:active:hover,
.btn-contact.active:hover,
.open > .dropdown-toggle.btn-contact:hover,
.btn-contact:active:focus,
.btn-contact.active:focus,
.open > .dropdown-toggle.btn-contact:focus,
.btn-contact:active.focus,
.btn-contact.active.focus,
.open > .dropdown-toggle.btn-contact.focus {
  color: #fff;
  background-color: #1674c7;
}

.btn-def {
  color: #fff;
  background-color: #1e88e5;
  border: 0px;
  border-radius: 0px;
  font-size: 16px;
  font-weight: 300;
  padding: 8px 15px;
}
.btn-def:focus,
.btn-def.focus {
  color: #fff;
  background-color: #1674c7;
}
.btn-def:hover {
  color: #fff;
  background-color: #1674c7;
}
.btn-def:active,
.btn-def.active,
.open > .dropdown-toggle.btn-def {
  color: #fff;
  background-color: #1674c7;
}
.btn-def:active:hover,
.btn-def.active:hover,
.open > .dropdown-toggle.btn-def:hover,
.btn-def:active:focus,
.btn-def.active:focus,
.open > .dropdown-toggle.btn-def:focus,
.btn-def:active.focus,
.btn-def.active.focus,
.open > .dropdown-toggle.btn-def.focus {
  color: #fff;
  background-color: #1674c7;
}

.btn-readmore {
  color: #1e88e5;
  background-color: transparent;
  border-radius: 0px;
  border: 2px solid #1e88e5;
  font-size: 16px;
  font-weight: 300;
  padding: 7px 15px;
}
.btn-readmore:focus,
.btn-readmore.focus {
  color: #fff;
  background-color: #1e88e5;
}
.btn-readmore:hover {
  color: #fff;
  background-color: #1e88e5;
}
.btn-readmore:active,
.btn-readmore.active,
.open > .dropdown-toggle.btn-readmore {
  color: #fff;
  background-color: #1e88e5;
}
.btn-readmore:active:hover,
.btn-readmore.active:hover,
.open > .dropdown-toggle.btn-readmore:hover,
.btn-readmore:active:focus,
.btn-readmore.active:focus,
.open > .dropdown-toggle.btn-readmore:focus,
.btn-readmore:active.focus,
.btn-readmore.active.focus,
.open > .dropdown-toggle.btn-readmore.focus {
  color: #fff;
  background-color: #1e88e5;
}

.btn-wreadmore {
  color: #fff;
  background-color: transparent;
  border-radius: 0px;
  border: 2px solid #fff;
  font-size: 16px;
  font-weight: 300;
  padding: 7px 15px;
}
.btn-wreadmore:focus,
.btn-wreadmore.focus {
  color: #1e88e5;
  background-color: #fff;
}
.btn-wreadmore:hover {
  color: #1e88e5;
  background-color: #fff;
}
.btn-wreadmore:active,
.btn-wreadmore.active,
.open > .dropdown-toggle.btn-wreadmore {
  color: #1e88e5;
  background-color: #fff;
}
.btn-wreadmore:active:hover,
.btn-wreadmore.active:hover,
.open > .dropdown-toggle.btn-wreadmore:hover,
.btn-wreadmore:active:focus,
.btn-wreadmore.active:focus,
.open > .dropdown-toggle.btn-wreadmore:focus,
.btn-wreadmore:active.focus,
.btn-wreadmore.active.focus,
.open > .dropdown-toggle.btn-wreadmore.focus {
  color: #1e88e5;
  background-color: #fff;
}

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

    h1.page-title { font-size: 26px; }
    h2.title { font-size: 22px; }
    h2.white-title { font-size: 22px; }
    .contact-us { font-size: 22px; }
    .nivo-caption { display: none !important; }

    .btn-wreadmore, .btn-readmore {
        border: 2px solid #fff;
        font-size: 16px;
        font-weight: 300;
        padding: 4px 10px;
    }
    .btn-readmore {
        border: 2px solid #1e88e5;
        font-size: 16px;
        font-weight: 300;
        padding: 4px 10px;
    }

    .btn-contact {
        margin-top: 20px;
        font-size: 16px;
        font-weight: 300;
        padding: 5px 10px;
    }

    .btn-def {
        font-size: 16px;
        font-weight: 300;
        padding: 6px 15px;
    }

    .dropdown-menu>li>a {
        padding: 15px 50px !important;
        font-size: 16px !important;
    }

    .home-image .text { bottom: 30px; width: 320px; }
    
    .navbar-default .navbar-brand {
        margin-top: 3px;
        margin-bottom: 3px;
    }
    .navbar-default.scroll .navbar-brand {
        margin-top: 3px;
        margin-bottom: 3px;
    }
}