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

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: 50%;
}

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

.centered-text {
    text-align:center
} 

/* Footer Styles */

footer {
    margin: 50px 0;
}

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


.portfolio-item {
    margin-bottom: 25px;
}

.call-blue{
	color: blue;
}//// Base styles//.card {  position: relative;  display: flex;  flex-direction: column;  min-width: 0;  word-wrap: break-word;  background-color: $card-bg;  background-clip: border-box;  border: $card-border-width solid $card-border-color;  @include border-radius($card-border-radius);  > hr {    margin-right: 0;    margin-left: 0;  }  > .list-group:first-child {    .list-group-item:first-child {      @include border-top-radius($card-border-radius);    }  }  > .list-group:last-child {    .list-group-item:last-child {      @include border-bottom-radius($card-border-radius);    }  }}.card-body {  // Enable `flex-grow: 1` for decks and groups so that card blocks take up  // as much space as possible, ensuring footers are aligned to the bottom.  flex: 1 1 auto;  padding: $card-spacer-x;}.card-title {  margin-bottom: $card-spacer-y;}.card-subtitle {  margin-top: -($card-spacer-y / 2);  margin-bottom: 0;}.card-text:last-child {  margin-bottom: 0;}.card-link {  @include hover {    text-decoration: none;  }  + .card-link {    margin-left: $card-spacer-x;  }}//// Optional textual caps//.card-header {  padding: $card-spacer-y $card-spacer-x;  margin-bottom: 0; // Removes the default margin-bottom of <hN>  background-color: $card-cap-bg;  border-bottom: $card-border-width solid $card-border-color;  &:first-child {    @include border-radius($card-inner-border-radius $card-inner-border-radius 0 0);  }  + .list-group {    .list-group-item:first-child {      border-top: 0;    }  }}.card-footer {  padding: $card-spacer-y $card-spacer-x;  background-color: $card-cap-bg;  border-top: $card-border-width solid $card-border-color;  &:last-child {    @include border-radius(0 0 $card-inner-border-radius $card-inner-border-radius);  }}//// Header navs//.card-header-tabs {  margin-right: -($card-spacer-x / 2);  margin-bottom: -$card-spacer-y;  margin-left: -($card-spacer-x / 2);  border-bottom: 0;}.card-header-pills {  margin-right: -($card-spacer-x / 2);  margin-left: -($card-spacer-x / 2);}// Card image.card-img-overlay {  position: absolute;  top: 0;  right: 0;  bottom: 0;  left: 0;  padding: $card-img-overlay-padding;}.card-img {  width: 100%; // Required because we use flexbox and this inherently applies align-self: stretch  @include border-radius($card-inner-border-radius);}// Card image caps.card-img-top {  width: 100%; // Required because we use flexbox and this inherently applies align-self: stretch  @include border-top-radius($card-inner-border-radius);}.card-img-bottom {  width: 100%; // Required because we use flexbox and this inherently applies align-self: stretch  @include border-bottom-radius($card-inner-border-radius);}/// Grid system//// Generate semantic grid columns with these mixins.@mixin make-container() {  width: 100%;  padding-right: ($grid-gutter-width / 2);  padding-left: ($grid-gutter-width / 2);  margin-right: auto;  margin-left: auto;}// For each breakpoint, define the maximum width of the container in a media query@mixin make-container-max-widths($max-widths: $container-max-widths, $breakpoints: $grid-breakpoints) {  @each $breakpoint, $container-max-width in $max-widths {    @include media-breakpoint-up($breakpoint, $breakpoints) {      max-width: $container-max-width;    }  }}@mixin make-row() {  display: flex;  flex-wrap: wrap;  margin-right: ($grid-gutter-width / -2);  margin-left: ($grid-gutter-width / -2);}@mixin make-col-ready() {  position: relative;  // Prevent columns from becoming too narrow when at smaller grid tiers by  // always setting `width: 100%;`. This works because we use `flex` values  // later on to override this initial width.  width: 100%;  min-height: 1px; // Prevent collapsing  padding-right: ($grid-gutter-width / 2);  padding-left: ($grid-gutter-width / 2);}@mixin make-col($size, $columns: $grid-columns) {  flex: 0 0 percentage($size / $columns);  // Add a `max-width` to ensure content within each column does not blow out  // the width of the column. Applies to IE10+ and Firefox. Chrome and Safari  // do not appear to require this.  max-width: percentage($size / $columns);}@mixin make-col-offset($size, $columns: $grid-columns) {  $num: $size / $columns;  margin-left: if($num == 0, 0, percentage($num));}// stylelint-disable at-rule-no-vendor-prefix, declaration-no-important, selector-no-qualifying-type, property-no-vendor-prefix// Reboot//// Normalization of HTML elements, manually forked from Normalize.css to remove// styles targeting irrelevant browsers while applying new styles.//// Normalize is licensed MIT. https://github.com/necolas/normalize.css// Document//// 1. Change from `box-sizing: content-box` so that `width` is not affected by `padding` or `border`.// 2. Change the default font family in all browsers.// 3. Correct the line height in all browsers.// 4. Prevent adjustments of font size after orientation changes in IE on Windows Phone and in iOS.// 5. Setting @viewport causes scrollbars to overlap content in IE11 and Edge, so//    we force a non-overlapping, non-auto-hiding scrollbar to counteract.// 6. Change the default tap highlight to be completely transparent in iOS.*,*::before,*::after {  box-sizing: border-box; // 1}html {  font-family: sans-serif; // 2  line-height: 1.15; // 3  -webkit-text-size-adjust: 100%; // 4  -ms-text-size-adjust: 100%; // 4  -ms-overflow-style: scrollbar; // 5  -webkit-tap-highlight-color: rgba($black, 0); // 6}// IE10+ doesn't honor `<meta name="viewport">` in some cases.@at-root {  @-ms-viewport {    width: device-width;  }}// stylelint-disable selector-list-comma-newline-after// Shim for "new" HTML5 structural elements to display correctly (IE10, older browsers)article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {  display: block;}// stylelint-enable selector-list-comma-newline-after// Body//// 1. Remove the margin in all browsers.// 2. As a best practice, apply a default `background-color`.// 3. Set an explicit initial text-align value so that we can later use the//    the `inherit` value on things like `<th>` elements.body {  margin: 0; // 1  font-family: $font-family-base;  font-size: $font-size-base;  font-weight: $font-weight-base;  line-height: $line-height-base;  color: $body-color;  text-align: left; // 3  background-color: $body-bg; // 2}// Suppress the focus outline on elements that cannot be accessed via keyboard.// This prevents an unwanted focus outline from appearing around elements that// might still respond to pointer events.//// Credit: https://github.com/suitcss/base[tabindex="-1"]:focus {  outline: 0 !important;}// Content grouping//// 1. Add the correct box sizing in Firefox.// 2. Show the overflow in Edge and IE.hr {  box-sizing: content-box; // 1  height: 0; // 1  overflow: visible; // 2}//// Typography//// Remove top margins from headings//// By default, `<h1>`-`<h6>` all receive top and bottom margins. We nuke the top// margin for easier control within type scales as it avoids margin collapsing.// stylelint-disable selector-list-comma-newline-afterh1, h2, h3, h4, h5, h6 {  margin-top: 0;  margin-bottom: $headings-margin-bottom;}// stylelint-enable selector-list-comma-newline-after// Reset margins on paragraphs//// Similarly, the top margin on `<p>`s get reset. However, we also reset the// bottom margin to use `rem` units instead of `em`.p {  margin-top: 0;  margin-bottom: $paragraph-margin-bottom;}// Abbreviations//// 1. Remove the bottom border in Firefox 39-.// 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.// 3. Add explicit cursor to indicate changed behavior.// 4. Duplicate behavior to the data-* attribute for our tooltip pluginabbr[title],abbr[data-original-title] { // 4  text-decoration: underline; // 2  text-decoration: underline dotted; // 2  cursor: help; // 3  border-bottom: 0; // 1}address {  margin-bottom: 1rem;  font-style: normal;  line-height: inherit;}ol,ul,dl {  margin-top: 0;  margin-bottom: 1rem;}ol ol,ul ul,ol ul,ul ol {  margin-bottom: 0;}dt {  font-weight: $dt-font-weight;}dd {  margin-bottom: .5rem;  margin-left: 0; // Undo browser default}blockquote {  margin: 0 0 1rem;}dfn {  font-style: italic; // Add the correct font style in Android 4.3-}// stylelint-disable font-weight-notationb,strong {  font-weight: bolder; // Add the correct font weight in Chrome, Edge, and Safari}// stylelint-enable font-weight-notationsmall {  font-size: 80%; // Add the correct font size in all browsers}//// Prevent `sub` and `sup` elements from affecting the line height in// all browsers.//sub,sup {  position: relative;  font-size: 75%;  line-height: 0;  vertical-align: baseline;}sub { bottom: -.25em; }sup { top: -.5em; }//// Links//a {  color: $link-color;  text-decoration: $link-decoration;  background-color: transparent; // Remove the gray background on active links in IE 10.  -webkit-text-decoration-skip: objects; // Remove gaps in links underline in iOS 8+ and Safari 8+.  @include hover {    color: $link-hover-color;    text-decoration: $link-hover-decoration;  }}// And undo these styles for placeholder links/named anchors (without href)// which have not been made explicitly keyboard-focusable (without tabindex).// It would be more straightforward to just use a[href] in previous block, but that// causes specificity issues in many other styles that are too complex to fix.// See https://github.com/twbs/bootstrap/issues/19402a:not([href]):not([tabindex]) {  color: inherit;  text-decoration: none;  @include hover-focus {    color: inherit;    text-decoration: none;  }  &:focus {    outline: 0;  }}//// Code//pre,code,kbd,samp {  font-family: $font-family-monospace;  font-size: 1em; // Correct the odd `em` font sizing in all browsers.}pre {  // Remove browser default top margin  margin-top: 0;  // Reset browser default of `1em` to use `rem`s  margin-bottom: 1rem;  // Don't allow content to break outside  overflow: auto;  // We have @viewport set which causes scrollbars to overlap content in IE11 and Edge, so  // we force a non-overlapping, non-auto-hiding scrollbar to counteract.  -ms-overflow-style: scrollbar;}//// Figures//figure {  // Apply a consistent margin strategy (matches our type styles).  margin: 0 0 1rem;}//// Images and content//img {  vertical-align: middle;  border-style: none; // Remove the border on images inside links in IE 10-.}svg:not(:root) {  overflow: hidden; // Hide the overflow in IE}