/*!
 * 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 */

@import url('https://fonts.googleapis.com/css?family=Roboto:100,200,100i,300,300i,400,400i,700,700i,900');

html,
body {
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    font-weight: 300;
    height: 100%;
	font-size: 16px;
}

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

.navbar-inverse .navbar-nav>li>a {
  color: #fff;
}

.navbar-inverse .navbar-nav>li>a:hover {
  color: #cc0000;
}
.img-portfolio {
    margin-bottom: 30px;
}

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

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
	font-family: "Roboto", "Helvetica", "Arial", sans-serif;
	font-weight: 500;
	line-height: 1.1;
	color: inherit
}

b, strong {
	font-weight: 500
}

.welcome h1 {
  color: #8b8d8f;
  font-size: 40px;
  font-weight: 700;
}
.welcome p {
  color: #4d5258;
  font-size: 18px;
  font-weight: 400;
}

/* Home Page Carousel */

header.carousel {
    height: 35%;
}

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

Home Page Panels 
.section-header {
	padding-bottom: 9px;
	margin: 0 0 20px;
}


/*.panel.panel-default img {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}  */

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

footer {

  position: absolute;

}

.navbar-brand {
	padding: 0 0 0 0px;
}

.main-banner {
	background:#F5B418;
	background-color:#fff;
	border-bottom:#88d7fa 5px solid;
	margin-bottom: 10px
}
.main-header-bg-grad {
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%);
  background-image:      -o-linear-gradient(left, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%);
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, .0001)));
  background-image:         linear-gradient(to right, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
  background-repeat: repeat-x;
}
/* text Colours */
.text-success-light {
  color: #c0ebae;
}
a.text-success-light:hover,
a.text-success-light:focus {
  color: #c0ebae;
}

/* Paddings */
.xsmall-padding {
    padding: 25px;
}
.small-padding {
    padding: 25px 0;
}
.medium-padding {
    padding: 55px 0;
}
.large-padding {
    padding: 85px 0;
}
.xlarge-padding {
    padding: 115px 0;
}

.xsmall-padding:before,
.xsmall-padding:after{
	display: table;
 	content: " ";
	clear: both;
}

.panel-tm {
	background-color: #d9edf7;
    padding: 15px 35px;
   	border: 2px solid #e3e3e3;
  	border-radius: 6px;
}

.panel-strip {
	background-color: aqua;
    height: 40%;
	margin-top: 20px;
	margin-bottom: 20px;
    overflow: hidden;
    position: absolute;
    width: 100%;
    left: 0;
	background: #d1d1d1;
    z-index: -1;
}

/* ----------------------------
 * Font Awesome
 * ----------------------------
*/
.fa {
  margin-right: 5px;
}



/* ----------------------------
 * Callouts
 * ----------------------------
 */

.callout-info {
    padding: 30px;
	color: #000;
	background-color: #d9edf7;
}

.callout-info h1,
h2,
h3,
h4 {
	font-weight: 500;
	line-height: 1.4;
}

.callout-light {
    padding: 30px;
	color: #000;
	background-color: #ccc;
}

.callout-light h1,
h2,
h3,
h4 {
	font-weight: 500;
	line-height: 1.4;
}

.callout-dark {
	padding: 30px;
	color: #fff;
	background-color: #252525;
}

.callout-dark h1,
h2,
h3,
h4 {
	font-weight: 500;
	line-height: 1.4;
}

.callout-dark p {
	color: #B1B1B1;
	font-size: 17px;
}

.callout-blue {
	padding: 30px;
	color: #fff;
	background-color: #3498db;
}

.callout-blue h1,
h2,
h3,
h4 {
	font-weight: 500;
	line-height: 1.4;
}

.callout-blue p {
	color: #B1B1B1;
	font-size: 17px;
}

.callout-success {
	padding: 30px;
	background-color: #dff0d8;
	color: #000;
}

.callout-bubble {
	padding: 30px;
	color: #fff;
	background-color: #A94545;
}

.callout-bubble h1,
h2,
h3,
h4 {
	font-weight: 500;
	line-height: 1.4;
}

.callout-block {
	background-color: #F5F3F4;
	border-left: 5px solid #a94545;
	border-right: 5px solid #a94545;
	padding: 15px;
}

.callout-block h1,
.callout-block h2,
.callout-block h3,
.callout-block h4 {
	font-weight: 300;
	line-height: 1.4;
}

/* Main titles */

.p-title {
    margin: 35px 0;
    padding: 35px 0;
    text-transform: uppercase;
    text-align: center;
    position: relative;
    font-size: 30px;
    font-weight: 500;
}
.p-title span {
    padding: 0 20px;
    background: #fff;
    position: relative;
    z-index: 5;
}
.p-title:before {
    background: #dce4e8;
    height: 1px;
    position: absolute;
    content: "";
    left: 0;
    top: 50%;
    overflow: hidden;
    width: 100%;
    opacity: .80;
    z-index: 3;
}
.p-title.title-alt {
    margin: 15px 0;
    font-size: 24px;
    padding: 15px 0;
}
.p-title.title-alt span {
    padding: 0 10px;
    margin-left: 20px;
}

/* Tabs checklist */

.tabs-nav {
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
    z-index: 6;
    text-align: center;
}
.tabs-nav:before {
    content: "";
    height: 1px;
    overflow: hidden;
    position: absolute;
    width: 100%;
    left: 0;
    top: 50%;
    background: #d1d1d1;
    z-index: 5;
}
.tabs-nav li {
    display: inline-block;
    margin: 0 -5px 0 0;
    position: relative;
    z-index: 6;
}
.tabs-nav li:first-child a {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}
.tabs-nav li:last-child a {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}
.tabs-nav li a {
    display: block;
    padding: 10px 40px;
    /*text-transform: uppercase;*/
    font-size: 16px;
    border: 1px solid #d1d1d1;
    color: #B1B1B1;
    background: #fff;
}
.tabs-nav li.active a {
    background: #fdfdfd;
	color: #337ab7;
}


/* Responsive Styles */

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

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

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