/*!
 * Start Bootstrap - Modern Business (http://startbootstrap.com/)
 * Copyright 2013-2016 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap/blob/gh-pages/LICENSE)
 */

/*** GLOBAL STYLES ***/

html,
body {
    height: 100%;
	font-family: 'Roboto', sans-serif;
    font-size: 15px;
    font-weight: 400;
	color: #555;
	background: #fff;
    padding-top: 43px !important;	
}

h1 { font-weight: 300; }
h2 { font-weight: 300; }
h3 { font-weight: 300; }

p {
	margin: 0 0 20px 0;
}

.caption {
	font-size: 12px;
	color: #666;
	margin: 10px 0 20px 0;
}

/** Top Banner **/
#banner {
     top: 0;
     position: fixed;
     background: #fff;
	 color: #666;
     margin: 0;
     padding: 8px 0 0 10px;
     height: 75px;
     font-size: 12px;
     width: 100%;
     z-index: 99;
  }
  
#banner a {
	color: #095a78;
	font-weight: 400;
}

/** Search Box **/
#custom-search-input {
        margin:0;
        margin-top: 15px;
        padding: 0;
    }
 
#custom-search-input .search-query {
/* IE7-8 doesn't have border-radius, so don't indent the padding */
	margin-bottom: 0;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	height: 30px;
	width: 250px;
}
 
#custom-search-input button {
	border: 0;
	background: none;
/** belows styles are working good */
	padding: 2px 5px;
	margin-top: 2px;
	position: relative;
	left: -28px;
/* IE7-8 doesn't have border-radius, so don't indent the padding */
	margin-bottom: 0;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	color: #336699;
	z-index: 100;
}

 /** Top Navbar **/  
.navbar {
	margin: 75px 0 0 0;
	border-bottom: 1px solid white;
	color: white;
	font-weight: 300;  
	background: #095a78; 
	background-image: url('/arportal/img/wavecut.png');	
	z-index: 97;	
}

.navbar-brand {
	font-weight: 400;
}
.navbar a {color: #fff;}

.navbar-toggle {border: none;}

.navbar-toggle .icon-bar {
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px; 
    background: #fff;
}

.nav>li>a:focus, .nav>li>a:hover {
    background: #308aac;
}

.nav .open>a, .nav .open>a:hover {
	background:  #308aac;
}

.nav .open>a:link {
	background:  #308aac;
}


.dropdown-menu>li>a {
    background: #fff;
}

.dropdown-menu>li>a:hover {
    color: #0C80AA;/*#c8102f;*/
    font-weight: 400;
}

/** Headings **/
h1.page-header {
    font-size: 4rem;
    font-weight: 200;
    text-align: center;
    border-bottom: none;
    background: #f4f4f4;
    color: #095a78;
    border-radius: 0;
    padding: 30px 0 35px 0;
    margin: 40px 0 30px 0;
}

h1.page-header-sm {
    font-size: 3rem;
    font-weight: 200;
    text-align: center;
    border-bottom: none;
    background: #f4f4f4;
    color: #095a78;
    border-radius: 0;
    padding: 30px 0 35px 0;
    margin: 40px 0 30px 0;
}

h2.page-header {
    font-size: 2.25rem;
	margin: 30px 0 30px 0;    
}

h1.home-page-header {
    font-size: 4rem;
    font-weight: 400;
    text-align: left;
    border-bottom: none;
    color: #fff;
    padding-top: 10px;
}

h2.home-page-header {
    font-size: 3rem;
    font-weight: 400;
    text-align: left;
    border-bottom: none;
    color: #fff;
    padding-top: 10px;
}


/** MODIFIED PSL FOOTER STYLES **/

.footer {
    margin: 80px 0 0 0;
	padding: 25px 0 0x 0;
    font-size: 14px;
	color: white;
	letter-spacing: 1px;
	font-weight: 400;
	background-color: #343a40;
    border-top: 4px solid #0C80AA;//*#679b6c;*/
}

.footer a {color: #868E96; text-decoration: none; }
.footer a:hover { 
	color: #9acbff; 
    border-bottom: 1px dotted #9acbff;
}
.footer .social-media a:hover { 
    border-bottom: none;
}
.footer h4 {
    border-left: 2px solid #0C80AA;/*#679b6c;*/
    padding: 3px 0 3px 15px;
	letter-spacing: 1px;
	font-weight: 400;
	font-size: 17px;
	margin: 15px 0 8px 10px;
}
.footer p {
	margin: 0 0 0 10px;
	padding: 0 0 10px 16px;
}

.subFooter {
	border-top: 1px solid #868E96; 
	background: #343a40;
	font-size: 14px;
	text-align: center;
	padding: 20px 0 20px 0;
	color: #fff;
	padding-bottom: 40px;
}

.subFooter a { color: #fff;/*#679B6C;*/ }
.subFooter a:hover { color: #fff; text-decoration: none;}


/*** MISC STYLES ***/

.bottom-spacer {
 	margin-bottom: 20px;
 }

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

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

.url {
	font-size: 12px;
}

/* 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;
}


/* 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%;
    }
}