/* Move down content because we have a fixed navbar that is 50px tall */
body {
  padding-top: 60px;
  padding-bottom: 0;
}

.navbar-inverse, .navbar-inverse > a, .featurebox.carousel, .panel-primary .panel-heading, .modal-header, .modal-footer {

	color: white; 
	
background: #016B93; /* Old browsers */
background: -moz-linear-gradient(left, #043750 0%, #009cd1 50%, #053e5c 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#043750), color-stop(50%,#009cd1), color-stop(100%,#053e5c)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, #043750 0%,#009cd1 50%,#053e5c 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, #043750 0%,#009cd1 50%,#053e5c 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left, #043750 0%,#009cd1 50%,#053e5c 100%); /* IE10+ */
background: linear-gradient(to right, #043750 0%,#009cd1 50%,#053e5c 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#043750', endColorstr='#053e5c',GradientType=1 ); /* IE6-9 */
	
	/* background-color: #ADD8E6; */
}

.panel-primary { border-color: #025F83 }

.navbar-brand {
	padding:5px 15px;
	margin-top: 5px;
	margin-bottom: 4px;
}

.navbar-nav {
	margin-top:14px;
}

.navbar-inverse .navbar-nav > li > a {
	color: white;
	opacity: .8;
}

.navbar-inverse .navbar-nav > li > a:hover {
	opacity: 1;
}

.dropdown.open {
	background-color: transparent;
}


.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
	background-color: transparent;	
}


.btn { color: white }

.btn, .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
	background: #016B93; 
}

.navbar  {
/*
	border: 1px inset #044261;	
*/	
}

button.navbar-toggle {
	margin-top:18px;	
}

#sidebar {
	padding-top:20px;	
}

.alert { 
	margin-top:20px 
}

.dropdown-menu > li > a:hover
{
	background-color: rgb(1, 124, 168);;
	color: white;
}

/* Sign in Page */


.form-signin {
  max-width: 330px;
  padding: 15px;
  margin: 0 auto;
}
.form-signin .form-signin-heading,
.form-signin .checkbox {
  margin-bottom: 10px;
}
.form-signin .checkbox {
  font-weight: normal;
}
.form-signin .form-control {
  position: relative;
  font-size: 16px;
  height: auto;
  padding: 10px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.form-signin .form-control:focus {
  z-index: 2;
}
.form-signin input[type="text"] {
  margin-bottom: -1px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.form-signin input[type="password"] {
  margin-bottom: 10px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

#main-container 			{ min-height: 700px }

/* Page Sections */
.section,
.section-colored {
  padding: 50px 0;
}

.section-colored {
  background-color: #e1e1e1; /* change this to change the background color of a colored section */
}


.img-home-portfolio, .img-customer, .portfolio-item {
    margin-bottom: 30px;
}

/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class */
.featurebox.carousel {
  min-height: 420px;
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  z-index: 10;
}

/* Declare heights because of positioning of img element */
.featurebox.carousel .item {
  min-height: 430px;
  padding-top:10px;
  
}

.featurebox.carousel .slide0 .carousel-caption {
    top:15%;
    bottom:auto;
   
}

.featurebox.carousel .slide0 h1
{
    font-size: 100px;
    letter-spacing: -2px;
    line-height: 1.2;
    text-shadow: 4px 3px 0px #043F5D, 9px 8px 0px rgba(0, 0, 0, 0.15);   
}

.featurebox.carousel .slide0 p
{
    font-size:22px;
    text-transform:uppercase;
}

.featurebox-item-image.pull-left, .featurebox-item-image.pull-right {

  margin-top: 20px;
}

.carousel-control.left, .carousel-control.right  {
	background-image: none;
}

img.featurebox { max-height:350px; border-radius:10px }

footer { background-color: #212121; color: #504F4F; padding:40px 0px }


.feature-list .col-md-4 {
    margin-bottom: 30px;
	min-height: 80px;
}

.lead {
	padding-top:30px;
	padding-bottom:30px;
}


#social-buttons {
    padding-top:20px; 
    text-align:center;
    background-color: rgb(245, 245, 245);
    border-top: 1px solid rgb(255, 255, 255);
    border-bottom: 1px solid rgb(238, 238, 238);

 }
#social-buttons .list-inline > li {
    padding-left: 0px;
    list-style: none outside none;
    padding-right:0px; 
}

.follow-btn {
    width:130px;
}

#powered-by-menu { opacity: .7 }


.btn-cpage {
	margin-top:15px;
	
}
.page-header {
    padding-bottom: 9px;
    margin: 40px 0px 20px;
    margin-bottom:0px; 
    border-bottom: 1px solid rgb(238, 238, 238);
}

.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
    color: rgb(255, 255, 255);
    background-color: transparent;
}

.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
    background-color: transparent;
    border-color: rgb(66, 139, 202);
    text-shadow: -1px 1px 4px #fff, 1px -1px 4px #fff;
}

 .xurl-social-icons {
 	margin-top:10px; 
 	display: inline-block;
 	margin-right:15px;
 }
 
 
p.xurl-social-icons a {
    color: #ffffff;
    text-decoration: none;
    opacity: .5;
    margin-right:10px;
}

.xurl-social-icons a:hover {
	opacity: 1;
	text-shadow: -1px 1px 2px #fff, 1px -1px 2px #fff;
}

footer .navbar-nav {
	margin-top: 0px;
}

div#lastrow {
	margin-top:25px;
}


#banner-panel {
margin-top:68px;
}

#banner-panel img {
	float: right;
}

/* Getting Started Page */

#get-started .nav-tabs {
    margin-top:30px;
}

#get-started .fa {
    color: #016b93;
}

.cpage_body {
    margin-bottom:80px;
}

.e-download-footnote { padding:5px; margin-top:30px }

.e-banner-serverpoint img {margin-left:auto; margin-right: auto }

.modal-lg    { width:70% }
.modal-body    { padding:0 }
body.e-iframe   { padding-top:0; margin-top:-10px }
.modal-header { padding-top:10px; padding-bottom:5px}
.modal-header h4 { margin-top:0; margin-bottom:5px }






#login-template { max-width: 330px;  margin-right: auto;  margin-left: auto;     }
#login-template h2.caption { text-align:center; font-size:120%; opacity:0.8 }
#login-template .logo { padding-top:50px; margin-left:auto; margin-right: auto }

.btn-modcontent {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
}



.e-banner-serverpoint img.e-banner { margin-right:15px; width:600px }






/* CUSTOM Responsive Styles */


/* Extra small devices Phones (<768px)  .col-xs */
@media all and (max-width: 767px) { 
	
	.featurebox .carousel-indicators 										{ top:10px; }	
	.featurebox-item-image.pull-left, .featurebox-item-image.pull-right 	{ margin-top: 30px; }
	.btn-cpage 																{ margin-top:15px; margin-bottom:15px }
	.featurebox-item-text h1												{ font-size: 150% }

	.featurebox.carousel .slide0 .carousel-caption 							{ top:50px; bottom:auto; }	
	.featurebox.carousel .slide0 h1											{ font-size:50px }
	.featurebox.carousel .slide0 p											{ font-size:16px;   text-transform:uppercase; }
	img.featurebox 															{ max-height:200px; border-radius:10px }
}

/* Small devices Tablets .col-sm */
@media all and (min-width: 768px) and (max-width: 991px)  { 
	
    .container { width: auto }

}

/* Medium devices Desktops (≥992px)  .col-md */
@media all and (min-width: 992px) and (max-width: 1199px)  {
	
	
 }

/* Large devices (large desktops, 1200px and up).col-lg  */
@media all and (min-width: 1200px) {
	
	
}