/*!
 * Middle Path Base CSS for use with Wrap & Roll Volume 1 by Christina Arasmo Beymer
 *
 * Copyright Christina Arasmo Beymer
 * License available for purchase christinabeymer@gmail.com
 * PLEASE DO NOT STEAL THIS, it's rather inexpensive to purchase and it's good karma too!
 *
 */

/*------------------------------------------------------------------------------------------------------------------------------------
    
# TABLE OF CONTENTS:  

[1] Font Awesome 4.1.0 by @davegandy - http://fontawesome.io - @fontawesome
[2] bootstrap columns for 600px - 767px == col-ms-* does not include responsive utilities only column adjustments
[3] body / html
[4] ms support
[5] font family (s)
[6] link and link styles
[7] .max-width-container & .main-content
[8] responsive headlines so they are not as big on smaller viewports
[9] .header and logo positioning and sizes
    9-a == .header base
    9-b == .logo-sm
    9-c == larger viewports :: .nav-wrapper // .nav-right // .nav-left // .logo-lg
[10] Main Menu // .toggle-menu // .primary-nav base and larger viewports 
    10-a == .toggle-menu
    10-b == .primary-nav base
    10-c == smaller viewport menu styles
    10-d == larger viewport menu styles
    10-e == .primary-nav font sizes
[11] footer
    11-a == .footer social icons 
    11-b == .footer section headers (h5)
    11-c == .footer input group sign up for newsletter 
    11-d == .footer .article-list style
    11-e == .footer .copyright 
    11-f == .footer .img-widget
[12] #go-to-top
[13] search
    13-a == .search-wrapper larger viewports
    13-b == .toggle-search icon and angle
    13-c == .search-open styles 
[14] single image slider uses Owl Carousel http://owlgraphic.com/owlcarousel/demos/one.html
    14-a == .single-img-slider pagination (those dots, squares, or diamonds)
    14-b == .single-img-slider next and previous icons/buttons
    14-c == .single-img-slider pagination (those dots, squares, or diamonds)
[15] .banner // Uses jQuery fit-text
[16] .feature-icon
[17] custom utilities
[18] horizontal rule styles
[19] bootstrap resets and colors // minimal styling 

-------------------------------------------------------------------------------------------------------------------------------------*/


/*!------------------------------------------------------------------------------------------------------------------------------------
  [1] Font Awesome 4.1.0 by @davegandy - http://fontawesome.io - @fontawesome
  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
-------------------------------------------------------------------------------------------------------------------------------------*/

 
 
/*------------------------------------------------------------------------------------------------------------------------------------
  [2] bootstrap columns for 600px - 767px == col-ms-* does not include responsive utilities only column adjustments
-------------------------------------------------------------------------------------------------------------------------------------*/
@media (min-width: 600px) and (max-width: 767px){.col-ms-1,.col-ms-2,.col-ms-3,.col-ms-4,.col-ms-5,.col-ms-6,.col-ms-7,.col-ms-8,.col-ms-9,.col-ms-10,.col-ms-11,.col-ms-12{float:left;position:relative;min-height:1px;padding-left:2%;padding-right:2%;}.col-ms-12{width:100%}.col-ms-11{width:91.66666666666666%}.col-ms-10{width:83.33333333333334%}.col-ms-9{width:75%}.col-ms-8{width:66.66666666666666%}.col-ms-7{width:58.333333333333336%}.col-ms-6{width:50%}.col-ms-5{width:41.66666666666667%}.col-ms-4{width:33.33333333333333%}.col-ms-3{width:25%}.col-ms-2{width:16.666666666666664%}.col-ms-1{width:8.333333333333332%}.col-ms-pull-12{right:100%}.col-ms-pull-11{right:91.66666666666666%}.col-ms-pull-10{right:83.33333333333334%}.col-ms-pull-9{right:75%}.col-ms-pull-8{right:66.66666666666666%}.col-ms-pull-7{right:58.333333333333336%}.col-ms-pull-6{right:50%}.col-ms-pull-5{right:41.66666666666667%}.col-ms-pull-4{right:33.33333333333333%}.col-ms-pull-3{right:25%}.col-ms-pull-2{right:16.666666666666664%}.col-ms-pull-1{right:8.333333333333332%}.col-ms-pull-0{right:0%}.col-ms-push-12{left:100%}.col-ms-push-11{left:91.66666666666666%}.col-ms-push-10{left:83.33333333333334%}.col-ms-push-9{left:75%}.col-ms-push-8{left:66.66666666666666%}.col-ms-push-7{left:58.333333333333336%}.col-ms-push-6{left:50%}.col-ms-push-5{left:41.66666666666667%}.col-ms-push-4{left:33.33333333333333%}.col-ms-push-3{left:25%}.col-ms-push-2{left:16.666666666666664%}.col-ms-push-1{left:8.333333333333332%}.col-ms-push-0{left:0%}.col-ms-offset-12{margin-left:100%}.col-ms-offset-11{margin-left:91.66666666666666%}.col-ms-offset-10{margin-left:83.33333333333334%}.col-ms-offset-9{margin-left:75%}.col-ms-offset-8{margin-left:66.66666666666666%}.col-ms-offset-7{margin-left:58.333333333333336%}.col-ms-offset-6{margin-left:50%}.col-ms-offset-5{margin-left:41.66666666666667%}.col-ms-offset-4{margin-left:33.33333333333333%}.col-ms-offset-3{margin-left:25%}.col-ms-offset-2{margin-left:16.666666666666664%}.col-ms-offset-1{margin-left:8.333333333333332%}.col-ms-offset-0{margin-left:0%}}


/*------------------------------------------------------------------------------------------------------------------------------------
  [3] body / html
-------------------------------------------------------------------------------------------------------------------------------------*/
html,
body {
    background: #fff ;

    color: #555;
    padding: 0;
    margin: 0;
    position: relative;
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { 
        background-image: url(../images/photoshop-bg_@2x.gif);
        background-size: 20px 20px;
}

body {
    overflow-x: hidden;
    font-weight:300;
    font-size: 14px;
    line-height: 1.6;
    min-width: 230px;
    -ms-overflow-style: scrollbar; /*newer ie covers up content unless this is included*/
}

/* fixed top and bottom borders show up on non-android browsers that 
support boxshadow to avoid IE8 and androids fixed position issue */

.no-android.boxshadow > body:after {
    content: '';
    position: fixed;
    height: 10px;
    width: 100%;
    bottom: -10px;
    left: 0;
    right: 0;
}
.no-android.boxshadow body:before {
    content: '';
    position: fixed;
    height: 10px;
    width: 100%;
    top: -10px;
    left: 0;
    right: 0;
    z-index:1;
}

body, 
.no-android.boxshadow > body:after, 
.no-android.boxshadow body:before{
    border: 10px solid #444;
}

@media (min-width:768px) { 
	body {
	    border-width:20px;
	}
	.no-android.boxshadow > body:after {
	    border-width:20px;
	    height: 20px;
	    bottom: -20px;
	}

	.no-android.boxshadow body:before {
	    border-width:20px;
	    height: 20px;
	    top: -20px;
	}
}

@media (max-width:500px) { 
	body {
	    word-wrap: break-word;
	    white-space: normal;
	}
}

/*------------------------------------------------------------------------------------------------------------------------------------
  [4] ms support
-------------------------------------------------------------------------------------------------------------------------------------*/
@-ms-viewport {width:device-width;}
@viewport{width:device-width;}

/*------------------------------------------------------------------------------------------------------------------------------------
  [5] font family (s)
-------------------------------------------------------------------------------------------------------------------------------------*/

body {
    font-family:  sans-serif;
}

.display-text, blockquote {
    font-family: 'Goudy Bookletter 1911', serif
}


.primary-nav .has-children > a:after,
.single-img-slider  .owl-controls .owl-buttons .owl-next:before,
.single-img-slider  .owl-controls .owl-buttons .owl-prev:before {
    font-family: 'FontAwesome';
    content: "";
}


/*------------------------------------------------------------------------------------------------------------------------------------
  [6] link and link styles -- I don't believe in not underlining linkes when it's not clear that they are links 
  that's why I have ".text-underline"
-------------------------------------------------------------------------------------------------------------------------------------*/

a {
    outline: 0!important;
    color: #000000;
    transition: all 0.2s ease-in-out;
}

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

.text-underline,
figcaption a {
    text-decoration: underline
}

.text-underline:hover {
    text-decoration: none
}

figcaption a:not(:hover),
.text-underline:not(:hover) {
    color: #555
}

/*------------------------------------------------------------------------------------------------------------------------------------
  [7] .max-width-container & .main-content
-------------------------------------------------------------------------------------------------------------------------------------*/

.max-width-container {
    max-width: 1000px;
    width: 90%;
    margin: 5% auto;
}


@media (min-width:962px) and (min-height:1000px) { 
    .main-content {line-height:1.9}
}

/*------------------------------------------------------------------------------------------------------------------------------------
  [8] responsive headlines so they are not as big on smaller viewports
-------------------------------------------------------------------------------------------------------------------------------------*/

h1, .h1 { font-size: 24px }
h2, .h2 { font-size: 20px }
h3, .h3 { font-size: 18px }
h4, .h4 { font-size: 14px;font-family: sans serif; }
h5, .h5 { font-size: 14px }
h6, .h6 { font-size: 12px }

@media (min-width:992px) { 
	h1, .h1 { font-size: 38px;color: #fff;
font-family: sans serif; }
	h2, .h2 { font-size: 34px }
	h3, .h3 { font-size: 24px }
	h4, .h4 { font-size: 14px; font-family: sans serif; }
	h5, .h5 { font-size: 14px }
	h6, .h6 { font-size: 12px }
}

/*------------------------------------------------------------------------------------------------------------------------------------
  [9] .header and logo positioning and sizes
-------------------------------------------------------------------------------------------------------------------------------------*/

/*  9-a == .header base
 -------------------------------------------------------------------------------------------- */

.header {
    clear: both;
    max-width:1000px;
    width:90%;
    margin-left:auto;
    margin-right:auto;
}

/*  9-b == .logo-sm
 -------------------------------------------------------------------------------------------- */
.logo-sm {
    clear: both;
    width: 100%;
    text-align: center;
    padding: 20px 0;
}

.logo-sm img {
    max-height: 100px;
    margin: 0 auto;
    width: auto;
}

.logo-lg {
    display: none;/* hide the large logo */
}

/*  9-c == larger viewports :: .nav-wrapper // .nav-right // .nav-left // .logo-lg
 -------------------------------------------------------------------------------------------- */

@media (min-width:768px) { 

	.nav-wrapper {
	    padding: 20px 0;
	    float: left;
	    width: 100%;
	}
	.nav-left {
	    float: left;
	    width: 45%;
	}
	.nav-left .primary-nav {
	    float: right
	}
	.nav-right {
	    float: left;
	    width: 35%;
	}
	
	/*--------- logo ----------------------- */
	.logo-sm {display:none;} /* hide the small logo */

	.logo-lg {
		display:block;
	    float: left;
	    width: 12%;
	}
	.logo-lg img {
	    display: block;
	    margin: 0 auto;
	    width: auto;
	    max-height: 125px;
	}
	/*--------- vertically center the nav with the logo  ----------------------- */
	.nav-left, .nav-right {
	    padding-top:53px; /* height of logo + 40px padding divided by 2 minus height of nav (30px) */
	}
}

@media (min-width:992px) { 
	.logo-lg img {
	    display: block;
	    margin: 0 auto;
	    max-height: 150px;
	}
	/*--------- vertically center the nav with the logo  ----------------------- */
	.nav-left, .nav-right {
	    padding-top:65px;/* height of logo + 40px padding divided by 2 minus height of nav (30px) */
	}
}

@media (min-width:1200px) { 
	.logo-lg img {
	    display: block;
	    margin: 0 auto;
	    max-height: 200px;
	}
	/*--------- vertically center the nav with the logo  ----------------------- */
	.nav-left, .nav-right {
	    padding-top:90px; /* height of logo + 40px padding divided by 2 minus height of nav (30px) */
	}
	
}

/*  9-d == larger viewport :: responsive spacing between top level links
 -------------------------------------------------------------------------------------------- */
@media (min-width:768px) { 	
	.nav-left .primary-nav > li {
	    padding-right:25px;
	}

	.nav-right .primary-nav > li {
	  padding-left:25px;
	}
}

@media (min-width:992px) { 

	.nav-left .primary-nav > li {
	    padding-right:35px;
	}

	.nav-right .primary-nav > li {
	  padding-left:35px;
	}
}

@media (min-width:1200px) { 

	.nav-left .primary-nav > li {
	    padding-right:50px;
	}

	.nav-right .primary-nav > li {
	 	padding-left:50px;
	}
}


/*------------------------------------------------------------------------------------------------------------------------------------
  [10] Main Menu // .toggle-menu // .primary-nav base and larger viewports 
-------------------------------------------------------------------------------------------------------------------------------------*/

/*  10-a == .toggle-menu
 -------------------------------------------------------------------------------------------- */
 .toggle-menu {
    color: #fff;
    position: fixed;
    top: 10px;
    left: 10px;
    width: 40px;
    height: 40px;
    display: block;
    z-index: 100;
}
 .toggle-menu:hover, 
 .toggle-menu:active,  
 .toggle-menu:focus {
    color: #ccc;
}

.toggle-menu .fa {
    font-size: 22px;
    position: absolute;
    top: -3px;
    left: 0;
}

.menu-open .toggle-menu i:before {
    content: "\f00d"
}

.toggle-menu:after {
    content: "";
    position: absolute;
    z-index: -1;
    width: 80px;
    height: 80px;
    background: #444;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    top: -45px;
    left: -45px;
    display: block;
}

@media (min-width:768px) { 
	.toggle-menu {
	    display: none
	}
}

/*  10-b == .primary-nav base
 -------------------------------------------------------------------------------------------- */
.primary-nav,
.primary-nav ul {
    list-style: none;
    margin: 0;
    padding: 0;
    z-index: 1000;
}

/*--------- children icon ----------------------- */
.primary-nav .has-children > a:after {
    content: "\f0d7";
    position: relative;
    display: inline;
    top:-1px;
    font-size: 10px;
    left:10px;
}
.primary-nav .has-children > .active:after { content: "\f0d8" }

/*--------- primary-nav link colors and styles ----------------------- */
.primary-nav a{
    color: #555
}
.primary-nav .active > a {
    color: #555;
    border-bottom:2px solid #555;
}
.primary-nav a:hover, 
.primary-nav .dcjq-parent.active {
    color: #000;
}

/*  10-c == smaller viewport menu styles
 -------------------------------------------------------------------------------------------- */
@media (max-width:767px) { 
	#nav {
	    display: none
	}
	#nav {
	    width: 100%;
	    padding-top: 30px;
	}
	.primary-nav {
	    text-align: center
	}
	.primary-nav a {
	    display: block;
	    padding: 8px;
	    font-size:16px;
	    border-bottom: 1px solid #ddd;
	}
	.primary-nav > li.has-children a {
	    padding-right: 20px
	}
	
	.primary-nav ul {
	    border-top:2px solid #444;
	    border-bottom:2px solid #444;
	}	
}

/*  10-d == larger viewport menu styles
 -------------------------------------------------------------------------------------------- */
@media (min-width:768px) { 

	#nav {display:block!important;}

	.primary-nav {
	    position: relative
	}
	.primary-nav a {
	    display: block;
	    padding: 0;
	    text-transform: uppercase;

	}
	.primary-nav ul li a {
	    padding: 5px 10px 5px 15px;
	}
	.primary-nav > li.has-children a {
	    padding-right: 10px
	}
	.primary-nav > li {
	    float: left;
	    position: relative;
	    margin: 0;
	}
	.primary-nav li {
	    position: relative;
	}
	.primary-nav ul {
	    display: none
	}
	.primary-nav > li > ul {
	    position: absolute;
	    top: 50px;
	    width: 250px;
	    background: #fff;
	    border:4px double #999;
	    padding: 10px 0;
	    z-index:2000;
	}
}

/*  10-e == .primary-nav font sizes
 -------------------------------------------------------------------------------------------- */

@media (min-width:768px) { 
	.primary-nav > li > a{
	    font-size: 14px
	}
}

@media (min-width:1000px) { 
	.primary-nav > li > a{
	    font-size: 18px
	}
}


/*------------------------------------------------------------------------------------------------------------------------------------
  [11] footer
-------------------------------------------------------------------------------------------------------------------------------------*/

.footer .max-width-container a:not(:hover), 
.ie8 .footer .max-width-container a:not(:hover) {
    color: #555
}

.footer {
    margin-top: 40px;
    text-align: center;
}

.footer .max-width-container {
    padding-top: 20px;
    padding-bottom: 40px;
}

@media (min-width:600px) { 
	.footer {
	    text-align: left
	}

	.footer-right {
	    text-align: right /* only on 600 and up*/
	}
}

/*  11-a == .footer social icons 
 -------------------------------------------------------------------------------------------- */

.social-wrapper {
	padding:10px 0;
	background: #444;
}

.social-wrapper ul {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align:center;
}
.social-wrapper li {
    text-align: center;
    display: inline-block;
    font-size: 20px;
    margin:0 10px;
}

.social-wrapper a  {
    color: #fff
}
.social-wrapper a:hover  {
    color: #ccc
}


/*  11-b == .footer section headers (h5)
 -------------------------------------------------------------------------------------------- */
.footer h5 {
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 3px;
    font-size: 12px;
    margin-top: 20px;
    margin-bottom: 10px;
    padding-bottom: 8px;
    position: relative;
}

/*  11-c == .footer input group sign up for newsletter 
 -------------------------------------------------------------------------------------------- */
.footer-signup .btn {
    background: #444;
    border-color: #444;
    border-radius: 0px!important;
}

.footer-signup .btn:hover,
.footer-signup .btn:active,
.footer-signup .btn:focus {
    background: #555;
    border-color: #555;
}

.footer-signup .form-control {
    border-color: #777;
    border-radius: 0px;
}

@media (min-width:962px) { 

.footer-signup {width:80%}

}

/*  11-d == .footer .article-list style
 -------------------------------------------------------------------------------------------- */
.footer .article-list {
    margin: -8px 0 0 0;
    padding: 0;
    list-style: none;
}

.footer .article-list li {
    line-height: 1.5;
    padding: 8px 0 0 0;
}

@media (min-width:1200px) { 
	.footer .article-list {
	    font-size: 12px
	}
}

/*  11-e == .footer .copyright 
 -------------------------------------------------------------------------------------------- */
.footer .copyright {
    padding: 20px 50px 20px 15px;
    font-size: 12px;
    font-weight: 400;
}

/*  11-f == .footer .img-widget
 -------------------------------------------------------------------------------------------- */
.img-widget {
    font-size:0;
}

.img-widget img {
    display: inline;
    width: 100%;
    height: auto;
}
.img-widget a {
    display: inline-block;
    padding: 0 2px 4px;
    width: 65px;
    height: 65px;
	font-size:0;
} 

.img-widget a:hover img {
    opacity: .5
}

@media (min-width:768px) { 
	.img-widget {
	    width: 80%;
	    float: right;
	}
}

/*------------------------------------------------------------------------------------------------------------------------------------
  [12] #go-to-top
-------------------------------------------------------------------------------------------------------------------------------------*/

.no-android #go-to-top {
    cursor: pointer;
    position: fixed;
    z-index: 1000;
    width: 40px;
    height: 40px;
    text-align: center;
    bottom: 0;
    right: 0;
    color: #fff;
}
.no-android #go-to-top:hover {
    color: #ccc;
}

.no-android #go-to-top .fa {
    font-size: 20px;
    position: relative;
    top: 10px;
}

.no-android #go-to-top:after {
    content: "";
    position: absolute;
    z-index: -1;
    width: 80px;
    height: 80px;
    background: #444;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 0;
    left: 0;
    display: block;
}

@media (min-width:768px) { 
	.no-android #go-to-top {
	    bottom: 20px;
	    right: 20px;
	}

	.no-android #go-to-top .fa {
	    top: 15px;
	    left: 10px;
	}
}


/*------------------------------------------------------------------------------------------------------------------------------------
  [13] search
-------------------------------------------------------------------------------------------------------------------------------------*/
.search-wrapper {
    background: #444; /* color of border on entire document */
    position: absolute;
    top: -55px;
    left: 0;
    right: 0;
    width: 100%;
    padding: 10px 0; 
}
.search-wrapper .form-control {
	position:relative;
    margin: 0 auto;
    max-width: 1000px;
    text-align: center;
    top:-100px;
}  

/*  13-a == .search-wrapper larger viewports
 -------------------------------------------------------------------------------------------- */

@media (min-width:768px) { 
	.search-wrapper { 
	    top: -75px;
	    padding: 20px 0;
	}	
	.search-wrapper .form-control {
	    width: 80%
	}
}

/*  13-b == .toggle-search icon and angle
 -------------------------------------------------------------------------------------------- */
.toggle-search {
    position: absolute;
    bottom: -100px;
    right: 0;
    width: 100px;
    height: 100px;
    display: block;
    z-index: 1000;
    overflow: hidden;
} 
.toggle-search {
    color: #fff
}
.toggle-search:hover, .toggle-search:focus, .toggle-search:active {
    color: #ccc
}

.toggle-search .fa { 
    font-size: 18px;
    position: absolute;
    top: 0;
    right: 0;
}

.toggle-search:after {
    content: "";
    position: absolute;
    z-index: -1;
    width: 80px;
    height: 80px;
    background: #444; /* color of border on entire document */
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    top: -45px;
    right: -45px;
    display: block;
}

/*  13-c == .search-open styles 
 -------------------------------------------------------------------------------------------- */
.search-wrapper,
.search-open .toggle-menu,
.search-open body,
.search-open .search-wrapper .form-control {
    transition: all 500ms ease-in-out
}
.search-open .search-wrapper {
    top: -10px; /* height of top body border at this size */
}
.search-open body {
    padding-top: 50px
}
.search-open .search-wrapper .form-control {
    top:0;
}
.search-open .toggle-search i:before {
    content: "\f00d"
}
.search-open .toggle-menu {
    left: -100%
}

@media (min-width:768px) { 
	.search-open .search-wrapper {
	    top: -20px;
	    /* height of top body border at this size */
	}
}

/*------------------------------------------------------------------------------------------------------------------------------------
  [14] single image slider uses Owl Carousel http://owlgraphic.com/owlcarousel/demos/one.html
-------------------------------------------------------------------------------------------------------------------------------------*/
.single-img-slider {
    margin: 3% 0;
    padding: 0;
    position:relative;
}

.single-img-slider .item img {
    display: block;
    width: 100%;
    height: auto;
}

/*  14-a == .single-img-slider pagination (those dots, squares, or diamonds)
 -------------------------------------------------------------------------------------------- */
.single-img-slider .owl-controls .owl-page {
    display: inline-block;
    text-align: center;
}

.single-img-slider .owl-controls .owl-page span {
    display: block;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    background: #000;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.single-img-slider .owl-controls .owl-page.active span,
.single-img-slider .owl-controls.clickable .owl-page:hover span {
    background: #ccc;
}

/*  14-b == .single-img-slider next and previous icons/buttons
 -------------------------------------------------------------------------------------------- */
/* hide the next and previous on touch devices since it's touch controlled */
.touch .single-img-slider  .owl-controls .owl-buttons div {display:none;}
 
.single-img-slider  .owl-controls .owl-buttons .owl-next, 
.single-img-slider  .owl-controls .owl-buttons .owl-prev{
    color: #fff;
    position: absolute;
    margin: -40px 0 0 0;
    top: 50%;
    left: -5px;
    padding: 3px 10px;
    font-size: 30px;
    background: transparent;
    opacity: 1;
    width: 40px;
    height: 40px;
    padding-top: 40px;
    overflow: hidden;
}

.single-img-slider  .owl-controls .owl-buttons .owl-next {
    right: -5px;
    left: auto;
}

.single-img-slider .owl-controls .owl-buttons div.owl-next:hover,
.single-img-slider .owl-controls .owl-buttons div.owl-prev:hover {
    opacity: .5;
    text-decoration: none;
}

.single-img-slider  .owl-controls .owl-buttons .owl-next:before,
.single-img-slider  .owl-controls .owl-buttons .owl-prev:before {
    content: "\f067";
    position: absolute;
    top: 0;
    left: 0;
    text-indent: 0;
    display: block;
    width: 40px;
    height: 40px;
    text-align: center;
}

.single-img-slider  .owl-controls .owl-buttons .owl-prev:before {
    content: "\f0d9"
}

.single-img-slider  .owl-controls .owl-buttons .owl-next:before {
    content: "\f0da"
}

/*  14-c == .single-img-slider pagination (those dots, squares, or diamonds)
 -------------------------------------------------------------------------------------------- */

@media (min-width:768px) { 

.single-img-slider .owl-controls .owl-buttons .owl-next, 
.single-img-slider .owl-controls .owl-buttons .owl-prev {
    left: -40px;
    color:#000;
}

.single-img-slider  .owl-controls .owl-buttons .owl-next {
    right: -40px;
    left: auto;
}

}


/*------------------------------------------------------------------------------------------------------------------------------------
  [15] banner // Uses jQuery fit-text
-------------------------------------------------------------------------------------------------------------------------------------*/

.banner {
    text-align: center;
    clear: both;
    margin: 3% 0;
    display: block;
    padding:2% 0;
}

.banner h1 {
    line-height: 1;
    margin: 0;
    font-size: 250%; /* fall back */
}

.banner span {
    width: 100%;
    display: block;
    margin-bottom: 5px;
}

/*------------------------------------------------------------------------------------------------------------------------------------
  [16] .feature-icon
-------------------------------------------------------------------------------------------------------------------------------------*/

.feature-icon {
    font-size: 24px
}

@media (min-width:768px) { 
	.feature-icon {
	    font-size: 45px
	}
}

/*------------------------------------------------------------------------------------------------------------------------------------
  [17] custom utilities
-------------------------------------------------------------------------------------------------------------------------------------*/

.no-margin-bottom { margin-bottom: 0px }
.no-padding-bottom { padding-bottom: 0px!important }
.no-margin-top { margin-top: 0 }
.margin-top-20px { margin-top: 20px }
.margin-bottom-20px { margin-bottom: 20px }
.padding-bottom-20px { padding-bottom: 20px }
.margin-top-bottom-20px { margin: 20px 0 }
.display-inline {display:inline}
.display-inline-block {display:inline-block;}

.overflow {
    display: block;
    text-overflow: ellipsis;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    margin-top: 0;
}

@media screen and (-webkit-min-device-pixel-ratio:0) { 
	select:focus,
	textarea:focus,
	input:focus { font-size: 16px }
}


/*------------------------------------------------------------------------------------------------------------------------------------
  [18] horizontal rule styles
-------------------------------------------------------------------------------------------------------------------------------------*/

hr.styled {
    position: relative;
    margin: 0;
    padding:0;
    border-color: #444;
    overflow:visible; /* ie support */
}

hr.styled.top:before {
    content: '';
    display: block;
    background: #444;
    height: 5px;
    width: 20%;
    margin: -1px auto 0 auto;
}

hr.styled.bottom:before {
    content: '';
    display: block;
    background: #444;
    height: 5px;
    width: 20%;
    margin: -5px auto 0 auto;
}


hr.vertical-spacer {
    border: 0px;
    background: none;
    margin: 3% 0;
    height: 1px;
    width: 100%;
    clear: both;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}


/*------------------------------------------------------------------------------------------------------------------------------------
  [19] bootstrap resets and colors // minimal styling 
-------------------------------------------------------------------------------------------------------------------------------------*/

.page-header {
    margin-top: 0;
    border-color: #ddd;
}

.lead {
    line-height: inherit
}

.btn-default {
    border-color: #777
}

blockquote {
    border-color: #f7f7f7
}

blockquote footer,
blockquote cite,
blockquote small {
    color: #444
}

.form-control:focus {
    border-color: #ccc;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(0, 0, 0, .2);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(0, 0, 0, .2);
}

/*  tool tip colors and style(s)
 -------------------------------------------------------------------------------------------- */

.tooltip-inner {
    border-radius: 0px
}

.tooltip-inner {
    font-weight: 400;
    color: #ffffff;
    background-color: #000000;
}

.tooltip.top .tooltip-arrow,
.tooltip.top-left .tooltip-arrow,
.tooltip.top-right .tooltip-arrow {
    border-top-color: #000000
}

.tooltip.right .tooltip-arrow {
    border-right-color: #000000
}

.tooltip.left .tooltip-arrow {
    border-left-color: #000000
}

.tooltip.bottom .tooltip-arrow,
.tooltip.bottom-left .tooltip-arrow,
.tooltip.bottom-right .tooltip-arrow {
    border-bottom-color: #000000
}

/*  remove border-radius and box-shadow
 -------------------------------------------------------------------------------------------- */

.btn,
.input-group,
.input-group *,
.form-control,
.panel,
.panel-heading,
.panel-footer,
.well,
.alert,
.list-group,
.list-group .list-group-item,
pre,
code {
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.pager *,
.pagination * {
    border-radius: 0!important;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.form-control:focus {
    outline: 0
}

.form-control,
.input-group span,
.input-group .btn {
    -webkit-box-shadow: none;
    box-shadow: none;
}

/* --- don't combine --- */

.form-control::-moz-placeholder {
    font-size: 14px;
    opacity: 1;
    color: #999;
}

.form-control:-ms-input-placeholder {
    font-size: 14px;
    color: #999;
}

.form-control::-webkit-input-placeholder {
    font-size: 14px;
    color: #999;
}