/*!
 * Start Bootstrap - Modern Business HTML Template (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

/* Global Styles 
blue Bg: #0F00E6;

Orig_blue: #005DC6
blue_line #7e9cbe;
*/



/**** Opt Code ********************************************************/

html,
body {
    height: 100%;
	background-color: #ffffff;
	/*font-family: 'Vollkorn', serif;*/
	font-family: 'Droid Serif', serif;
	font-size:15px;
}

h1,h2,h3,h4,h5,h6{ color:#0F00E6;font-family: 'Droid Serif', serif; /*font-family: 'Vollkorn', serif; font-weight: 700;*/}
.page-header{ color:#0F00E6 !important;}

#myCarousel{
	margin-top: 130px;
	height:70% !important; 
}

.carousel-caption h2{
	color:#FFFFFF !important;
}

.opt_carousel_btn{
	position:relative;
	background-color:#0F00E6;
	top:-5px;
	padding-top:2px;
	padding-bottom:0px;
	margin-bottom:10px;
}



.opt_page_header_box{
	margin-top:105px;
}


#opt_nav_footer {
	position:relative !important;
	padding:20px 0 10px 0;
	margin-bottom:0px;
	background-color:#0F00E6 !important;
}


span.cr_small{font-size:9px}
#main_menu_footer > li > a{color:#FFF;padding-top:6px;padding-bottom:5px;margin-right:4px; font-size:14px; }
#main_menu_footer > li > a:hover{color: #000 !important; background-color:#C7D7F3;
 /*-webkit-border-radius: 2px;-moz-border-radius:2px;border-radius:2px;*/}


.top_down{position:relative !important;top:40px;right:0;}
.nav_text{/*font-family: 'Vollkorn', serif;*/font-family: 'Droid Serif', serif;font-size:15px;}


.mtop{ margin-top:15px;}
.nav_top{ margin-top:15px;}

.nav_line_one{ position:relative; background: #FFF; height:2px;  } 
.nav_line_two{ position:relative; background: #005DC6; height:2px; }
.nav_line_three{ position:relative; background: #005DC6; height:2px; }
.footer_line{position:relative; background:#005DC6; height:3px; margin:30px 0 2px 0;}

/*#logo{ position:absolute; top:0; height:200px;}*/

/*Footer nav*/

nav_top li a{
	color:fff !important;
	
}

nav_top li a:hover{
	color:000 !important;	
}

footer_body > li > a{
	color:#000;
}

breadcrumb{
	margin-top:50px;
}
.main_content{
	padding-right:50px;
}
.right_hand_column{
	padding-left:30px;
}
	
.rh_box_divider{
	border-bottom:#0F00E6 solid 1px;
	padding:10px 0;
	margin:0;
	width:100%;
}

.news_item{
	border-bottom: dotted #B3B3B3 1px;
	margin-bottom:12px;
	padding-bottom:12px;
}
.news_headline{
	font-size:14px;
	font-weight:bold;
	
}
.news_headline a{
	color: #03056B;
}


.news_date{
	color:#920709 ;
	font-size:12px;
	font-weight:bold;
	margin-bottom:5px;
}

.phone_box{
	margin:35px 0 0 -15px;
}
.phone_box img{
	margin:20px 0 20px 0;
}

.slide-margin{
	/*text height*/
  margin-top: 100px;
}

.delayIt{
	-vendor-animation-duration: 1s;
  -vendor-animation-delay: 2s;
}



	
/*
Fade transition for carousel items
*/
.carousel-fade .carousel-inner .item {
  opacity: 0;
  transition-property: opacity;
  transition-duration: 1.5s;
  transition-timing-function:linear;
}

.carousel-fade .carousel-inner .active {
  opacity: 1;
}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}

.carousel-fade .carousel-control {
  z-index: 2;
}


/*
WHAT IS NEW IN 3.3: "Added transforms to improve carousel performance in modern browsers."
now override the 3.3 new styles for modern browsers & apply opacity
*/
@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next,
    .carousel-fade .carousel-inner > .item.active.right {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.prev,
    .carousel-fade .carousel-inner > .item.active.left {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.next.left,
    .carousel-fade .carousel-inner > .item.prev.right,
    .carousel-fade .carousel-inner > .item.active {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
}
	
.carousel-control:hover, .carousel-control > span:hover{
	cursor:pointer;
}
	
	
	/* Fade controls with items */
	.next.left,
	.prev.right {
			opacity: 1;
			z-index: 1;
	}
	.active.left,
	.active.right {
			opacity: 0;
			z-index: 2;
	}
/*END FADE*/

.fadeInOnScroll {
  opacity: 0;
}

/*#one { position: sticky; top: 100px; }*/


/* BACK TO TOP IMAGE ON PAGE*/
.anchor{
  display: block;
  height: 90px; /*same height as header*/
  margin-top: -90px; /*same height as header*/
  visibility: hidden;
}

.centered {
    margin: auto;
		min-height:1px;
		height:auto;
		height:1px;
}
.expand_div{
	min-height:45px; 
	height: auto !important; 
	height:40px;
}


/********************************************
PAGE NAV Pills
*********************************************/
.page_nav{
	padding:0 !important;
	margin:0 !important;
}

.page_nav li{
	background:#7793B3 url(../images/website/page_nav_bg.png) repeat-x;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.page_nav li a{
	/*padding:10px 10px;
	font-size:18px;*/
	color:#fff;
	
}
    
.page_nav li a:hover{
	background:#7793B3 url(../images/website/page_nav_bg.png) repeat-x;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	color:#000;
}


.spacer{
	color:#FFF;
	padding:20px 20px;
}
.round_corners{
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
}

/*
Back to top button 
*/
#back-top {
	position: fixed;
	bottom: 100px;
	margin-left: -90px;
	/*margin-bottom:100px;*/
	
}
#back-top a {
	width: 50px;
	display: block;
	text-align: center;
	font: 11px/100% Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	color: #bbb;
	/* background color transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
#back-top a:hover {
	color: #000;
}
/* arrow icon (span tag) */
#back-top span {
	width: 50px;
	height: 50px;
	display: block;
	margin-bottom: 7px;
	background: #e8eaeb url(/images/website/up-arrow-sm.png) no-repeat center center;
	/* rounded corners */
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	/* background color transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
#back-top a:hover span {
	background-color: #c0cddc;
}

/** End: Opt Code **********************************************************/



body {
 /*  padding-top: 50px; */ /* Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
}


.img-portfolio {
    margin-bottom: 30px;
}

.img-hover:hover {
    opacity: 0.8;
}

/* Home Page Carousel */

header.carousel {
    height: 65%;
}

header.carousel .item,
header.carousel .item.active,
header.carousel .carousel-inner {
    height: 100%;
}

header.carousel .fill {
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
}

/* 404 Page Styles */

.error-404 {
    font-size: 100px;
}

/* Pricing Page Styles */

.price {
    display: block;
    font-size: 50px;
    line-height: 50px;
}

.price sup {
    top: -20px;
    left: 2px;
    font-size: 20px;
}

.period {
    display: block;
    font-style: italic;
}

/* Footer Styles */

.copyright{
	font-size:12px;
	color:#FFF;
	padding:8px 0 0 0;
}






/* OVERRIDES TO CHANGE DISPLAY*/


.panel-heading{background-color:#437ABD !important; color:#FFF !important;} /* #0099DA #0089c3 #437ABD #133a7a #114D65 */
.panel-default { border-color: #437ABD !important;}

/* Responsive Styles */

@media(max-width:991px) {
    .customer-img,
    .img-related {
        margin-bottom: 30px;
    }
}

@media(max-width:767px) {
    .img-portfolio {
        margin-bottom: 15px;
    }

    header.carousel .carousel {
        height: 70%;
    }
}