/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
   THEME COLORS
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 


- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
   MISCELLANEOUS
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
::-moz-selection {
    background: #000;
    color: #FFF;
}

.form-control:focus {
  border-color: #EC7423;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgb(236, 116, 35);
  box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgb(236, 116, 35);
}

#contactForm {
  margin-top: 2rem;
}

#captcha {
  margin-top: 0;
}

#scroll-icon .fa, 
#scroll-icon .fa:active, 
#scroll-icon .fa:focus {
  border: 0; 
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
   TYPOGRAPHY
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
h1, h2, h3, h4 {
  font-family: 'Roboto', serif;
}

p { 
  text-align:justify; 
}

a { 
  /* color: #; */
  -webkit-transition: color .3s linear;
  -moz-transition: color .3s linear;
  -ms-transition: color .3s linear;
  -o-transition: color .3s linear;
  transition: color .3s linear;

}

a:hover {
  /* color: #; */
  text-decoration:none;
}

h2 + ul, h3 + ul {
  padding: 0.5rem 1.5rem 1rem;
}

li {
  padding-bottom: 0.5rem;
}


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
   HEADER (LOGO, ETC)
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#header-logo {
  padding: 20px 0;
}

#header-logo img {
  width: 370px;
}

#header-logo.fixed-top img {
  min-width: 245px;
}

#topbar {
  background: #222F44;
}

#topbar .item a {
  font-size: 14px;
  font-family: 'Roboto', serif;
}

#topbar .item a:hover {
  background: #41587D;
}

#topbar .highlighted a {
  background: #4F6D9C;
}

#topbar .highlighted a:hover {
  background: #FF4455;
}

#topbar .item a span,
#header-phone span {
  font-weight: 500;
}

#header-social i {
  color: rgba(255, 255, 255, 0.75);
}

#header-social i:hover {
  background: transparent;
  color: #FFF;
}



/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
   NAV MENU
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.navbar .navbar-nav .nav-link:hover, 
.navbar .navbar-nav .nav-item.show .nav-link {
  color: #000;
}

.navbar .navbar-nav .nav-link {
  color: #565656;
  font-family: 'Roboto', serif;
  font-size: 15px;
  padding: 10px 14px;
}

.navbar .navbar-nav .dropdown-toggle::after {
  color: #A3ABB7;
  left: 3px;
}

.dropdown-menu {
  border: 0;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
  position: relative;
  z-index: 9999;
}

.navbar .dropdown-item, 
.navbar .dropdown-item:active, 
.navbar .dropdown-item:focus {
  font-family: 'Roboto', serif;
  font-weight: 300;
  padding: 0.4rem 1rem;
}

#toggle-open i,
#toggle-open:hover i {
  color: #4E4B52;
}

#toggle-close i,
#toggle-close i:hover  {
  color: #EFEFEF;
}

#toggle-open .fa-layers .menu {
    font-size: 13px;
    font-style: normal;
    font-weight: 700;
    top: -webkit-calc(50% + 18px);
    top: -moz-calc(50% + 18px);
    top: calc(50% + 18px);
    color: #54688A;
    font-family: 'Roboto', serif;
}


#overlay-menu {
  background: rgba(1, 0, 21, 0.95);
}

#overlay-menu-links a, 
#overlay-menu-links a:active, 
#overlay-menu-links a:focus, 
#overlay-menu-links a:active:focus {
  font-family: 'Roboto', serif;
  font-size: 31px;
  font-weight: 500;
  padding: 0.3rem 0;
}

#overlay-menu-links a, 
#overlay-menu-links a:active, 
#overlay-menu-links a:focus, 
#overlay-menu-links a:active:focus {
  color: #D2D2D2;
}

#overlay-menu-links a:hover, 
#overlay-menu-links .show > a {
  color: #FFF;
}

#overlay-menu-links .dropdown-menu.show a {
  font-family: 'Roboto', serif;
  font-weight: 300;
  font-size: 23px;
  padding: 7px 0;
}

#overlay-menu-links .dropdown-menu.show a:hover {
  color: #84A4DA;
}


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
   CAROUSEL OR HEADER IMAGE
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#myCarousel {
  background: transparent;
}

#myCarousel:hover .glyphicon-chevron-left,
#myCarousel:hover .glyphicon-chevron-right {
  display:block;
}

#myCarousel .carousel-caption {
  background: rgba(255,255,255,0.9);
  width: 430px;
}

#myCarousel .carousel-caption h2 {
  color: #222F44;
  font-size: 38px;
  font-weight: 300;
  line-height: 1.2;
  margin-bottom: 1rem;
}

#myCarousel .carousel-caption .btn,
#myCarousel .carousel-caption .btn:active, 
#myCarousel .carousel-caption .btn:focus, 
#myCarousel .carousel-caption .btn:active:focus, 
#myCarousel .carousel-caption .btn:not(:disabled):not(.disabled).active, 
#myCarousel .carousel-caption .btn:not(:disabled):not(.disabled):active:focus {
  font-family: 'Roboto', serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 1;
  padding: 12px 30px 10px;
  text-transform: none;
  -webkit-box-shadow: 1px 3px 5px 0 rgba(0,0,0,.1);
  -moz-box-shadow: 1px 3px 5px 0 rgba(0,0,0,.1);
  box-shadow: 1px 3px 5px 0 rgba(0,0,0,.1);
}



/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
   BUTTONS
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.btn, .btn:active, .btn:focus, .btn:active:focus, .btn:not(:disabled):not(.disabled).active, .btn:not(:disabled):not(.disabled):active:focus, .btn-primary, .btn-primary:active, .btn-primary:focus, .btn-primary:active:focus, .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled):active:focus, .btn-default, .btn-default:active, .btn-default:focus, .btn-default:active:focus, .btn-default:not(:disabled):not(.disabled).active, .btn-default:not(:disabled):not(.disabled):active:focus {
  border-radius: 0;
  border: 0;
  box-shadow: none;
  color: #FFF;
  margin-top: 0;
  font-family: 'Roboto', serif !important;
  font-size: 12px;
  font-weight: 500;
  background: #FF4455;
  outline: 0;
  padding: 8px 16px;
  -webkit-transition: background 0.35s linear;
  -moz-transition: background 0.35s linear;
  -ms-transition: background 0.35s linear;
  -o-transition: background 0.35s linear;
  transition: background 0.35s linear;
  text-shadow: none;
  text-transform: none;
}


.btn:hover, .btn-primary:hover, .btn-default:hover {
  background: #6699CC;
  color: #FFF;
  text-decoration:none;
}



/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
   HOME PAGE
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#index-section {
  padding: 70px 0;
}

#index-section.parallax-bg {
  background-image: url(../site_images/index-bg.png);
}

#index-section h1 {
  color: #565656;
  font-size: 30px;
  margin-bottom: 1rem;
}

#index-section p {
  line-height: 2;
}





/* - - - - - - - - - - - - - - - - -  
   SERVICE BOXES
- - - - - - - - - - - - - - - - - */
#services-top {
  padding: 60px 0 70px;
}

#services-top h2 {
  color: #565656;
  font-size: 30px;
  text-align: left;
}

#services-top .service-box p:last-of-type {
  text-align: left;
}

#services-top .outer-img-holder {
  margin-bottom: 25px;
}

#services-top .service-box h3 {
  color: #3B4E70;
  font-size: 18px;
  text-align: left;
}

#services-top .service-box a:hover h3 {
  color: #45669A;
}


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
   HOME PAGE WIDGETS
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#featured-services {
  padding: 0;
}

#consultation-section {
  background: #222F44;
  padding: 60px 0;
}

#consultation-section p {
  color: rgba(255, 255, 255, 0.75);
}

#consultation-section .btn-primary, 
#consultation-section .btn-primary:active, 
#consultation-section .btn-primary:focus {
  font-family: 'Roboto', serif;
}



/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
   INNER PAGES
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.content h2 a, .content h3 a {
  font-weight: 400;
}

#inner-copy h1 {
  font-size: 27px;
  margin-bottom: 1rem;
}

#inner-copy h2 {
  margin: 1rem 0 0.5rem;
}

#inner-copy .fa,
#inner-copy .fas {
  color: #597CB3;
  font-size: 20px;
  margin-right: 0.5rem;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
   SIDEBAR
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#sidebar .sidebar-icon {
  position: relative;
  top: 2px;
}

#sidebar .sidebar-icon i {
  color: #364B6E;
}

#sidebar img {
  width: 65px;
}

#sidebar .sidebar-text p {
  text-align: left;
}

#sidebar .small-text {
  font-size: 11px;
}

#sidebar .btn,
#sidebar .btn:active, 
#sidebar .btn:focus, 
#sidebar .btn:active:focus, 
#sidebar .btn:not(:disabled):not(.disabled).active, 
#sidebar .btn:not(:disabled):not(.disabled):active:focus {
  font-family: 'Roboto', serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
  padding: 12px 30px 10px;
  text-transform: none;
  -webkit-box-shadow: 1px 3px 5px 0 rgba(0,0,0,.1);
  -moz-box-shadow: 1px 3px 5px 0 rgba(0,0,0,.1);
  box-shadow: 1px 3px 5px 0 rgba(0,0,0,.1);
}


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
   FOOTER
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#footer-top {
  background: #101010;
  padding: 50px 0 60px;
}

#footer-top h2 {
  color: rgba(255, 255, 255, 0.9);
  font-size: 18px;
}

#footer-top i {
  color: rgba(255, 255, 255, 0.69);
  margin-right: 9px;
}

#footer-bottom {
  background: #080808;
}

#footer-bottom a, 
#footer-bottom a:active,
#footer-bottom a:focus,
#footer-bottom p {
  color: rgba(255, 255, 255, 0.54);
}



/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
   MEDIA QUERIES
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */


@media all and (max-width: 1199px) {

}

@media all and (max-width: 991px) {

}

@media all and (max-width: 767px) {

}

@media all and (max-width: 480px) {

  #inner-content h1 { text-align: center; }
 
  #inner-content img {
    display: block;
    float: none !important;
    margin: 0px auto 15px !important
  }

}