.stca-header {
	background-color:#fff;
	min-height:70px;
}
ul.topnav {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #014015;
}


ul.topnav li {float: left;}

ul.topnav li a {
    display: inline-block;
    color: #f2f2f2;
    text-align: center;
    padding: 8px 30px; /* 14px 16px */
    text-decoration: none;
    transition: 0.3s;
    font-size: 20px; /* 17px */
	font-family: 'Roboto', sans-serif;
}

ul.topnav li a:hover {background-color: #fe8b00;}

ul.topnav li.icon {display: none;}

/* When the screen is less than 680 pixels wide, hide all list items, except for the first one ("Home"). Show the list item that contains the link to open and close the topnav (li.icon) */
/* @media screen and (max-width:680px) */
@media screen and (max-width:1024px) {
  ul.topnav li:not(:first-child) {display: none;}
  ul.topnav li.icon {
    float: right;
    display: inline-block;
  }
}

/* The "responsive" class is added to the topnav with JavaScript when the user clicks on the icon. This class makes the topnav look good on small screens */
/* @media screen and (max-width:680px) */
@media screen and (max-width:1024px) {
  ul.topnav.responsive {position: relative;}
  ul.topnav.responsive li.icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  ul.topnav.responsive li {
    float: none;
    display: inline;
  }
  ul.topnav.responsive li a {
    display: block;
    text-align: left; 
  }
}


@media screen and (max-width: 487px) {
.jumbotron {
    position: relative;
    background: #fff url("../img/banner-hp-sm.jpg") center center; !important;
	height: 100%;
	width: 100%;
	max-height:550px;
    background-size: cover;
    overflow: hidden;
	padding:0;
}
}

@media screen and (min-width: 487px) and (max-width: 1079px) {
.jumbotron {
    position: relative;
    background: #fff url("../img/banner-hp-md.jpg") center center; !important;
	height: 100%;
	width: 100%;
	max-height:520px;
    background-size: cover;
    overflow: hidden;
	padding:0;
}
}

@media screen and (min-width: 1080px) {
.jumbotron {
    position: relative;
    background: #fff url("../img/banner-hp-lg.jpg");
	height: 100%;
	width: 100%;
	max-height:520px;
    background-size: cover;
    overflow: hidden;
	padding:0;
}
}


@media screen and (max-width: 700px) {
.modal-pop-up {
    background: #fff;
	padding:20px;
}
}

@media screen and (min-width: 701px) {
.modal-pop-up {
    background: #fff url("../img/pop-up-disclaimer.jpg") center center; !important;
	height:450px;
    background-size: cover;
    overflow: hidden;
	padding:20px;
}
}

@media screen and (max-width: 700px) {
.modal-pop-up-body {
    background: #fff;
}
}

@media screen and (min-width: 701px) {
.modal-pop-up-body {
	margin-top:80px;
	margin-left:210px;
}
}



.btn-green { 
  color: #ffffff; 
  background-color: #5CB85C; 
  border-color: #FE8B00; 
} 
 
.btn-green:hover, 
.btn-green:focus, 
.btn-green:active, 
.btn-green.active, 
.open .dropdown-toggle.btn-green { 
  color: #ffffff; 
  background-color: #75b288; 
  border-color: #1c562e; 
} 
 
.btn-green:active, 
.btn-green.active, 
.open .dropdown-toggle.btn-green { 
  background-image: none; 
} 


.btn-orange { 
  color: #ffffff; 
  background-color: #fe8b00; 
  border-color: #a95f05; 
} 
 
.btn-green:orange, 
.btn-green:orange, 
.btn-green:orange, 
.btn-green.orange, 
.open .dropdown-toggle.btn-orange { 
  color: #ffffff; 
  background-color: #75b288; 
  border-color: #1c562e; 
} 
 
.btn-orange:active, 
.btn-orange.active, 
.open .dropdown-toggle.btn-green { 
  background-image: none; 
} 


.btn-email { 
  color: #ffffff; 
  background-color: #014015; 
  border-color: #FE8B00; 
} 
 
.btn-email:hover, 
.btn-email:focus, 
.btn-email:active, 
.btn-email.active, 
.open .dropdown-toggle.btn-email { 
  color: #ffffff; 
  background-color: #c8c8c8; 
  border-color: #1c562e; 
} 
 
.btn-email:active, 
.btn-email.active, 
.open .dropdown-toggle.btn-email { 
  background-image: none; 
} 


.btn-yellow { 
  color: #5a5a5a; 
  background-color: #e9d91e; 
  border-color: #FE8B00;
  margin-top: -10px; 
} 
 
.btn-yellow:hover, 
.btn-yellow:focus, 
.btn-yellow:active, 
.btn-yellow.active, 
.open .dropdown-toggle.btn-yellow { 
  color: #ffffff; 
  background-color: #e9d91e; 
  border-color: #1c562e; 
} 
 
.btn-yellow:active, 
.btn-yellow.active, 
.open .dropdown-toggle.btn-yellow { 
  background-image: none; 
} 


.btn-orange { 
  color: #ffffff; 
  background-color: #fe8b00; 
  border-color: #a95f05; 
} 
 
.btn-green:orange, 
.btn-green:orange, 
.btn-green:orange, 
.btn-green.orange, 
.open .dropdown-toggle.btn-orange { 
  color: #ffffff; 
  background-color: #75b288; 
  border-color: #1c562e; 
} 

/* Sticky Footer */
html {
  /* position: relative; */
  min-height: 100%;
  overflow:hidden;
}
body {
  /* Margin bottom by footer height */
  /* margin-bottom: 60px; */
  height:100%;
  overflow:scroll;
}


.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  min-height: 60px;
  background-color: #f5f5f5;
  padding:10px;
}

.container .text-muted {
  margin: 20px 0;
}
/* End Sticky Footer */

.page-title {
	font-family: 'Roboto', sans-serif;
	font-size:36px;
	color:#1c562e;
}

* {margin:0;padding:0;} 

/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

html, body {height: 100%;}

#wrap {min-height: 100%;}

#main {overflow:hidden;
	padding-bottom: 60px;}  /* must be same height as the footer */

#footer {position: relative;
	margin-top: -60px; /* negative value of footer height */
	min-height: 60px;
	clear:both;
	background-color:#f5f5f5;
	border-top:#CCC 1px solid;} 
	
footer {
    margin: 30px 0 30px 0;
}

.footer-info {
    display:block;
    font-family: @lato-font;
    font-weight: @footer-font-weight;
    font-size: @footer-info-font-size;
}

.footer-info a {
    display:block;
    float:left;
    margin-right: 10px;
    padding: 5px;
    color:#5F5F5F;
}

.footer-info a:hover {
    color: @main-link-hover;
    background-color: @nav-font-background;

}

.footer-info {
  text-align: center;
}
.footer-info li {
  display: inline-block;
}

/*Opera Fix*/
body:before {/* thanks to Maleika (Kohoutec)*/
content:"";
height:100%;
float:left;
width:0;
margin-top:-32767px;/* thank you Erik J - negate effect of float*/
}


.body-text{
	font-size: 16px; /* 17px */
	font-family: 'Roboto', sans-serif;
}


/* MINI SCROLLER */
/*
.carousel-control.left,.carousel-control.right  {background:none;width:25px;}
.carousel-control.left {left:-25px;}
.carousel-control.right {right:-25px;}
.broun-block {
    background: url("../img/bg-broun1.jpg") repeat scroll center top rgba(0, 0, 0, 0);
    padding-bottom: 34px;
}
*/
.block-text {
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0 3px 0 #2c2222;
    color: #626262;
    font-size: 14px;
    margin-top: 27px;
    padding: 15px 18px;
}
.block-text a {
 color: #fe8b00; /*7d4702*/
    font-size: 25px;
    font-weight: bold;
    line-height: 21px;
    text-decoration: none;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}
.mark {
    padding: 12px 0;background:none;
}
.block-text p {
    color: #585858;
    font-family: Georgia;
    font-style: italic;
    line-height: 20px;
}
.sprite {
	background-image: url(''mypic);
}
.sprite-i-triangle {
    background-position: 0 -1298px;
    height: 44px;
    width: 50px;
}
.block-text ins {
    bottom: -44px;
    left: 50%;
    margin-left: -60px;
}


.block {
    display: block;
}
.zmin {
    z-index: 1;
}
.ab {
    position: absolute;
}

.person-text {
    padding: 10px 0 0;
    text-align: center;
    z-index: 2;
}
.person-text a {
    color: #ffcc00;
    display: block;
    font-size: 14px;
    margin-top: 3px;
    text-decoration: underline;
}
.person-text i {
    color: #fff;
    font-family: Georgia;
    font-size: 13px;
}
.rel {
    position: relative;
}

.email {
	font-family: 'Roboto', sans-serif;
	font-size:22px;
	color:#1c562e;
}

.email:hover {
	font-family: 'Roboto', sans-serif;
	font-size:22px;
	color:#fe8b00;
}

.img-nw {
	white-space:nowrap;
}

.stca-well {
  min-height: 20px;
  padding: 15px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border: 1px solid #fe8b00;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
}