﻿body {
    font-family: 'Open Sans', sans-serif;
}
.pad-top {
    padding-top:60px;
}
.pad-top-more {
    padding-top:90px;
}

a, a:hover, a:active, a:focus { 
    color: #26338b; 
    text-decoration: none; 
}

a:hover, a:focus { color: #2474b7; }

.btn-lg, .btn-sm, .btn-xs, .form-control {
  border-radius: 0;
}

/* JUST ADDED PADDING IN SECTIONS OF TEMPLATE */
section {
    padding:50px 0;
}
/* ADDED PADDING IN NAVBAR */
.navbar {
    background-color: #fff;
    padding:25px;
     -webkit-transition: background .8s ease-out,padding .8s ease-out;
        -moz-transition: background .8s ease-out,padding .8s ease-out;
        transition: background .8s ease-out,padding .8s ease-out;
}
.navbar .navbar-nav > li > a:hover, .navbar .navbar-nav > li > a:focus {
    color: #fff;
    background-color: #2474b7;
}
.navbar-brand {
    height: auto;
    padding: 0;
    font-size: 18px;
    line-height: 20px;
}
.navbar-toggle {
    background-color: #2474b7;
    border-radius: 0;
}
.navbar-toggle .icon-bar { background-color: #fff; }

/* CLASS FOR REMOVING PADDING IN NAVBAR*/
.navbar-pad-original {
      padding:5px;
}

/* CHANGING COLOR  SCROLLSPY ON LINK ACTIVE */
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
color: #26338b;
background-color: #2474b7;
}
/* HOME SECTION */
#home {
    margin-top: 110px;
    padding: 0;
    background-color: #fff;
    background-position: center 110px;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: initial;
    height: 628px;
}
@media screen and (min-width: 290px) and (max-width: 1024px) {
    #home {
        background-position: -185px 0px;
    } 
}

/* ABOUT SECTION */
#about {
    background-color: #2474b7;
    color: #fff;
}
#about a { color: #fff; }

/* SERVICE SECTION */
#service {
    z-index: 2;
}
#service a { 
    text-decoration: none;
}
#service figcaption { 
    font-size: 20px;
    padding: 25px 0;
}

.service-modal .modal-content {
    padding: 100px 0;
    min-height: 100%;
    border: 0;
    border-radius: 0;
    text-align: center;
    background-clip: border-box;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.service-modal .modal-content img {
    margin-bottom: 30px;
}
.modal-body span {
    cursor:pointer;
    color:#2474b7;
}

/* CONTACT SECTION */
section#contact { padding-bottom:0; }
#contact { min-height:400px; }
#contact input.form-control {
    height:60px;
}

.maps {
    width: 100%;
    min-height: 450px;
    border: none;
}

/* FOOTER SECTION */
#footer {
    margin: -5px auto 0 auto;
    background-color:#2474b7;
    color: #fff;
    padding: 20px 50px 20px 50px;
    text-align: center;
}