/* Sticky footer styles
-------------------------------------------------- */

html,
body {
	height: 100%;
	background-image: url(../images/bg.jpg);
	background-color: #000000;
	background-position: 0 50%;
	background-repeat: no-repeat;
  /* The html and body elements cannot have any padding or margin. */
}

/* Wrapper for page content to push down footer */
#wrap {
  min-height: 100%;
  height: auto !important;
  height: 100%;
  /* Negative indent footer by its height */
  margin: 0 auto -61px;
  /* Pad bottom by footer height */
   padding: 0 0 60px;
}

.social{
    height: 60px;
	width: 100%;
    background-color: #ffffff;
}

/* Custom page CSS
-------------------------------------------------- */
/* Not required for template or sticky footer method. */

.social > .container {
 padding: 0px 30px 0;
}
.container .credit {
  margin: 20px 0;
}

#mainwrapper > .container{
	padding:10px 15px;
}

.container > .content{
	margin: 0px 15px 10px;
	padding:10px 15px;
}

#footer > .container {
  margin-bottom: 15px;
  padding-left: 30px;
  padding-right: 30px;
}

code {
  font-size: 80%;
}

/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */
.carouselwrapper {
}
.carouselwrapper > .container {
}

.carousel {
  border: solid 10px #ffffff;
  border-radius: 10px;
  margin: 0 15px 10px;
  -webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.5);
box-shadow: 0 1px 10px rgba(0, 0, 0, 0.5);
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  z-index: 10;
}

.carousel-inner > .item > img {
  top: 0;
  left: 0;
  min-width: 100%;
}
.left-caret {
display: inline-block;
float: left;
margin: 8px 5px;
/* vertical-align: middle; */
border-top: 7px solid transparent;
border-right: 7px solid #ffffff;
border-bottom: 7px solid transparent;
border-left: 5px solid transparent;
content: "";
}
.right-caret {
display: inline-block;
float: right;
margin: 8px 5px;
vertical-align: middle;
border-top: 7px solid transparent;
border-right: 5px solid transparent;
border-bottom: 7px solid transparent;
border-left: 7px solid #ffffff;
content: "";
}


/* RESPONSIVE CSS
-------------------------------------------------- */

@media (min-width: 768px) {

  /* Remove the edge padding needed for mobile */
  .marketing {
    padding-left: 0;
    padding-right: 0;
  }

  /* Navbar positioning foo */
  .navbar-wrapper {
    margin-top: 20px;
  }
  /* The navbar becomes detached from the top, so we round the corners */
  .navbar-wrapper .navbar {
    border-radius: 4px;
  }
}

/* Model
-------------------------------------------------- */
.model{
  position: fixed;
  z-index: 1501;
  max-height: 100%;
  right: 0;
  bottom: 0;

}

@media (max-width: 1879px) {

  .model {
	display:none;
  }
}
  
  /* Contact Icons
-------------------------------------------------- */
.subheader{
	color: #b5121b;
	font-family: 'ubuntumedium_italic';
	line-height: 21px;
}
.contact-location{
  	color: #b5121b;
  font-style: italic;
  display: block;
  max-width: 100%;
  float: left;
  margin-right: 10px;
  height: 24px;
  width: 24px;
  background-image: url(../images/contact-icons.png);
  background-position: 0px 0px;
}
.contact-phone{
  color: #b5121b;
  font-style: italic;
  display: block;
  max-width: 100%;
  float: left;
  margin-right: 10px;
  height: 24px;
  width: 24px;
  background-image: url(../images/contact-icons.png);
background-position: 60px 0px;
}

.contact-email{
color: #b5121b;
font-style: italic;
display: block;
max-width: 100%;
float: left;
margin-right: 5px;
height: 24px;
width: 24px;
background-image: url(../images/contact-icons.png);
background-position: 24px 0px;
margin-left: 9px;
}

#contactButtons {
    height: 20px;
}

.left {
    float: left;
}




  /* footer info
-------------------------------------------------- */
.social-btn{
float: right;
margin: 15px 0 0;;
}
.social-btn-below{
float: left;
margin: 15px 0 0 30px;;
}
.social-facebook {
  margin: -2.5px 10px 0 0;
  float: left;
  height: 25px;
  width: 25px;
  background-image: url(../images/social.png);
  background-position: 0px 0px;
  background-size: 361%;
}
.info{
	margin-top: 0px;
	float: right;
	text-shadow: 0px 0px 10px #000000;
}

.navbar .nav .divider-vertical{
 margin: 18px 0 0 0;
 background-color: #ffffff;
 width: 5px;
 height: 5px;    
 border-radius: 5px;
}

.social-facebook:hover,
.social-linkedin:hover,
.social-twitter:hover {
  opacity:0.75
}

.banner{
	alignment-adjust:central;
	background: rgb(0,165,94), ;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, rgba(0,165,94,1) 0%, rgba(0,112,44,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,165,94,1)), color-stop(100%,rgba(0,112,44,1)));
	background: -webkit-linear-gradient(top, rgba(0,165,94,1) 0%,rgba(0,112,44,1) 100%);
	background: -o-linear-gradient(top, rgba(0,165,94,1) 0%,rgba(0,112,44,1) 100%);
	background: -ms-linear-gradient(top, rgba(0,165,94,1) 0%,rgba(0,112,44,1) 100%);
	background: linear-gradient(to bottom, rgba(0,165,94,0,1) 0%,rgba(0,112,44,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a55e', endColorstr='#00702c',GradientType=0 );
	padding: 20px;
	border-radius: 10px;
	-webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.5);
	box-shadow: 0 1px 10px rgba(0, 0, 0, 0.5);	
}
.content{
	background-color:#ffffff;
	padding: 20px;
	border-radius: 10px;
	-webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.5);
	box-shadow: 0 1px 10px rgba(0, 0, 0, 0.5);	
}
.text-banner{
	color:#ffffff;
	text-align:center;
	-webkit-text-shadow:0 1px 10px rgba(0, 0, 0, 0.5);
	-moz-text-shadow:0 1px 10px rgba(0, 0, 0, 0.5);
	text-shadow:0 1px 10px rgba(0, 0, 0, 0.5);
	
	
}

.article{
	background: rgb(249,229,0), ;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, rgba(249,229,0,1) 0%, rgba(243,206,0,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(249,229,0,1)), color-stop(100%,rgba(243,206,0,1)));
	background: -webkit-linear-gradient(top, rgba(249,229,0,1) 0%,rgba(243,206,0,1) 100%);
	background: -o-linear-gradient(top, rgba(181,18,27,1) 0%,rgba(128,1,3,1) 100%);
	background: -ms-linear-gradient(top, rgba(181,18,27,1) 0%,rgba(128,1,3,1) 100%);
	background: linear-gradient(to bottom, rgba(249,229,0,1) 0%,rgba(243,206,0,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b5121b', endColorstr='#800103',GradientType=0 );
	border-radius: 10px;
	-webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.5);
	box-shadow: 0 1px 10px rgba(0, 0, 0, 0.5);
}
.next-btn{
	top: 5px;
	position: relative;
    z-index:1500;
    right: -7.5px;
	width: 30px;
	height: 30px;
    margin:0px 0px 0px 5px ;
	color: #ffffff;
	background-color: #000000;
	border-radius: 15px;
	float: right;
	border-top: 7.5px solid transparent;
	border-right: 3.5px solid transparent;
	border-bottom: 7.5px solid transparent;
	border-left: 7.5px solid transparent;
	content: "";
}

.next-btn:before{
	display: inline-block;
	float: right;
	margin: 1px 0px;
	vertical-align: middle;
	border-top: 7px solid transparent;
	border-right: 7px solid transparent;
	border-bottom: 7px solid transparent;
	border-left: 7px solid #ffffff;
	content: "";
}

.background{
	background-image:url(../Images/article-bg.png);
    background-position:top right;
    background-repeat:no-repeat;
    background-size: contain;
    padding: 20px;
}
.social-facebook {
	display: block;
	height: auto;
	max-width: 100%;
	float:left;
    margin: 0 0 15px 15px;
	height:25px;
	width:25px;
	background-image: url(../images/social.png);
	background-position: 0px 0px; 
	background-size: 361%;
}

.social-linkedin {
	display: block;
	height: auto;
	max-width: 100%;
	float:left;
	margin: 0 0 15px 15px;
	height:25px;
	width:25px;
	background-image: url(../images/social.png);
	background-position: 25px 0px; 
	background-size: 361%;
}
.social-twitter {
	display: block;
	height: auto;
	max-width: 100%;
	float:left;
	margin: 0 0 0 15px;
	height:25px;
	width:25px;
	background-image: url(../images/social.png);
	background-position: 58px 0px; 
	background-size: 361%;
}

.col-xs-12 col-sm-4 col-md-4{
	margin-bottom:20px;
}
.copyright{
	color: #ffffff;
	float: left;
	margin: 4px 0;
	text-shadow: 0px 0px 10px #000000;
}
.footer-info{
	color:#ffffff;
	margin-top:20px;
	text-shadow: 0px 0px 10px #000000;

}

@media (max-width: 400px) {
.navbar-brand {
	margin:0px 15px;
}
.social-btn{
	display:none;
}
}

@media (max-width: 500px) {
#footer > .container {
	text-align:center;
}
.copyright{
	float:none;
}
.info{
	float:none;
	margin: 10px 0 20px 0;
}
.footer-info{
	text-align:center;
}
}

@media (min-width: 400px) {
.social-btn-below{
	display:none;
}
}
@media (max-width: 767px) {
  .navbar .nav .divider-vertical{
  display:none;
  }
}

@media (max-width: 768px) {
.col-xs-12 col-sm-4 col-md-4{
	padding-left:15px;
}
}
@media (min-width: 501px) and (max-width: 768px) {
.copyright01{
	margin: 4px 0;
	float:left;
}
.info01{
	float:right;
}
}

.photo-description{
display:none !important;
}