body { padding-top: 80px; font: 400 16px/1.6 'Lora', Georgia, serif; }
h1, h2, h3, h4, h5, h6 {font-family: 'Istok Web', sans-serif;}
h1 {font-size: 400 70px/1.2;}
p {font: 400 16px/1.6 'Lora', Georgia, serif;}
address { font-size: 14px; line-height: 20px; margin-bottom: 0; text-align: right;}
h1.quote {font-size: 30px; color: #3B3E35;}
h1 small {color: #3B3E35;}
p.quote {font-size: 20px; color: #3B3E35;}
footer p{font-size: 10px;}
/* HEADER */
.logo {margin-bottom: 0; margin-top: 0; height: 70px;}
.address {font-size: 14px; color: #BBD1E5; line-height: 20px;}
.address a {color: #BBD1E5;}
.sm-profiles {color: #BBD1E5;}
.navbar { background-color: #789FC0; background-image:url(../images/pattern4.png); }
.navbar-default .navbar-nav > li {font-family: 'Istok Web', sans-serif;}
.navbar-default .navbar-nav > li > a { color: #fff; }
.navbar-default .navbar-toggle {border-color: #BBD1E5;}
.navbar-default .navbar-toggle .icon-bar { background-color: #BBD1E5;}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {background-color: #BBD1E5; }
.dropdown-menu > li > a { padding: 5px 30px;}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background-color: #577791;}

@media (min-width: 768px) { 
	.navbar-default .navbar-nav > li > a {  line-height:  80px;} 
	.navbar .navbar-nav {display: inline-block; vertical-align: top;}
	.navbar .navbar-collapse { text-align: center;}
}
@media (min-width: 992px) { 
	.logo {height: 100px;}
}

.slogan-front { padding-top: 30px; padding-bottom: 30px; border-top: 1px solid #f3f3f3; border-bottom: 1px solid #f3f3f3}
.slogan-front h1.quote {font-size: 30px; color: #3B3E35;}
.intro, .slogan, .wheel, .heading { padding: 60px;}
.main-container { margin-top: 40px;}

/********************************/
/* ABOUT 	 					*/
/********************************/
.intro, .heading {background: url(../images/patterns/large/grid-noise.png) #e9e9e9; }
.judy-pic {border: 2px solid #fff; margin: 0 10px 10px 0;}

/********************************/
/* CAROUSEL 					*/
/********************************/
#carousel {padding-left: 0; padding-right: 0;}
.fade-carousel {position: relative;height: 500px;}
.fade-carousel .carousel-inner .item { height: 500px;}
.fade-carousel .carousel-indicators > li { margin: 0 2px; background-color: #f39c12; border-color: #f39c12; opacity: .7;}
.fade-carousel .carousel-indicators > li.active { width: 10px; height: 10px;opacity: 1;}

/********************************/
/*          Hero Headers        */
/********************************/
.hero { position: absolute; top: 80%; left: 50%; z-index: 3;  color: #fff; text-align: center;  text-transform: uppercase;
    text-shadow: 1px 1px 0 rgba(0,0,0,.75);
      -webkit-transform: translate3d(-50%,-50%,0);
         -moz-transform: translate3d(-50%,-50%,0);
          -ms-transform: translate3d(-50%,-50%,0);
           -o-transform: translate3d(-50%,-50%,0);
              transform: translate3d(-50%,-50%,0);
}
.hero h1 { font-size: 2.8em;  font-weight: normal;  margin: 0; padding: 0;}

.fade-carousel .carousel-inner .item .hero { opacity: 0;
    -webkit-transition: 2s all ease-in-out .1s;
       -moz-transition: 2s all ease-in-out .1s; 
        -ms-transition: 2s all ease-in-out .1s; 
         -o-transition: 2s all ease-in-out .1s; 
            transition: 2s all ease-in-out .1s; 
}
.fade-carousel .carousel-inner .item.active .hero {
    opacity: 1;
    -webkit-transition: 2s all ease-in-out .1s;
       -moz-transition: 2s all ease-in-out .1s; 
        -ms-transition: 2s all ease-in-out .1s; 
         -o-transition: 2s all ease-in-out .1s; 
            transition: 2s all ease-in-out .1s;    
}

/********************************/
/*            Overlay           */
/********************************/
.overlay { position: absolute;  width: 100%; height: 100%; z-index: 2; background-color: #080d15; opacity: .1;}

/********************************/
/*          Custom Buttons      */
/********************************/
.btn.btn-lg {padding: 10px 40px;}
.btn.btn-hero, .btn.btn-hero:hover, .btn, .btn.btn-hero:focus { color: #f5f5f5;  background-color: #789FC0; border-color: #789FC0;  outline: none; margin: 20px auto;}

/********************************/
/*       Slides backgrounds     */
/********************************/
.fade-carousel .slides .slide-1,  .fade-carousel .slides .slide-2, .fade-carousel .slides .slide-3 { height: 100vh; background-size: cover; background-position: center center; background-repeat: no-repeat;}
.fade-carousel .slides .slide-3 { background-image: url(../images/slider3.jpg); }
.fade-carousel .slides .slide-2 { background-image: url(../images/slider2.jpg);}
.fade-carousel .slides .slide-1 { background-image: url(../images/slider1.jpg);}

/********************************/
/*          Media Queries       */
/********************************/
@media screen and (min-width: 980px){ .hero { width: 980px; }    }
@media screen and (max-width: 640px){ .hero h1 { font-size: 4em; }    }

/********************************/
/*         Wheel     			*/
/********************************/
.wtab {margin-top: 60px;}
#tab > [class*="wtab-selected"] { margin-top: 60px;}
/********************************/
/*          Boxes      			*/
/********************************/
.box {  min-height: 230px;  border-radius: 3px; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);  padding: 10px 25px;  text-align: right;  display: block;  margin-top: 60px;}
.box-icon { background-color: #F39C12; border-radius: 50%;  display: table; height: 100px;  margin: 0 auto;  width: 100px;  margin-top: -61px;}
.box-icon span { color: #fff; display: table-cell; text-align: center;  vertical-align: middle;}
.info h4, .about h4 { font-size: 20px; text-transform: uppercase;}
.info > p { color: #717171; font-size: 14px; padding-top: 10px; text-align: justify;}
.about > p {color: #717171; font-size: 14px; padding-top: 10px;text-align: right;}
.info > a, .about > a { background-color: #789FC0;  border-radius: 2px; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); color: #fff; transition: all 0.5s ease 0s;}
.info > a:hover, .about > a:hover { background-color: #0288d1;  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.16), 0 2px 5px 0 rgba(0, 0, 0, 0.12); color: #fff; transition: all 0.5s ease 0s;}

/********************************/
/*          Contact   			*/
/********************************/
.pad-section {padding: 50px 0;}
.pad-section img {width: 100%;}
.map-frame {
    width: 100%;
    height: 100%;
    position: relative;
}

.map-content {
    z-index: 10;
    position: absolute;
    top: 50px;
    right: 50px;
    width: 300px;
	padding: 30px;
    background: url(../images/patterns/small/pw-maze-white.png);
	color: #3B3E35;
}