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

html,
body {
    height: 100%;
    background-color: white;
}

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

/* Navigation Menu */
.navbar-inverse { background-color: #222222}
.navbar-inverse .navbar-nav>.active>a:hover,.navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:focus { background-color: #222222}
.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.open>a,.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover,.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus { background-color: #222222}
.dropdown-menu { background-color: #6880BC}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { background-color: #222222}
.navbar-inverse { background-image: none; }
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { background-image: none; }
.navbar-inverse { border-color: #080808}
.navbar-inverse .navbar-brand { color: #FF0000}
.navbar-inverse .navbar-brand:hover { color: #FF0000}
.navbar-inverse .navbar-nav>li>a { color: #FFFFFF}
.navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:focus { color: #6880BC}
.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus { color: #6880BC}
.navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>.active>a:focus { color: #6880BC}
.dropdown-menu>li>a { color: #020252}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { color: #6880BC}
.navbar-inverse .navbar-nav>.dropdown>a .caret { border-top-color: #FFFFFF}
.navbar-inverse .navbar-nav>.dropdown>a:hover .caret { border-top-color: #6880BC}
.navbar-inverse .navbar-nav>.dropdown>a .caret { border-bottom-color: #FFFFFF}
.navbar-inverse .navbar-nav>.dropdown>a:hover .caret { border-bottom-color: #6880BC}
.navbar .navbar-nav {
  display: inline-block;
  float: none;
  vertical-align: top;
}

.navbar .navbar-collapse {
  text-align: center;

}

/* Flexible iFrame */

.Flexible-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

.Flexible-container iframe,   
.Flexible-container object,  
.Flexible-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/*Thank-you Overlay*/
 .thank-youoverlay{
    position:fixed;
    text-align: center;
    top:300px;
    left:30%;
    right:30%;
    background-color:#020252;
    color:#ffffff;
    padding:20px;
    border:2px solid #ccc;
    -moz-border-radius: 20px;
    -webkit-border-radius:20px;
    -khtml-border-radius:20px;
    -moz-box-shadow: 0 1px 5px #333;
    -webkit-box-shadow: 0 1px 5px #333;
    z-index:101;
}
/* Wrappers */
.wide {
    width:100%;
    height:280px;
    background-image: url('../images/bannerm.png');
    background-size:contain;
    overflow: hidden;
    background-position: center center;
	background-repeat: no-repeat;
    
}
/* For device width 400px and larger: */
@media only screen and (min-device-width: 400px) {
    .wide { 
       height:240px;
    position:relative;
    background-image: url("images/overlay.png"), url("images/overlay.png"),url('../images/banner1f.png');
    background-size: auto,auto,contain;
    overflow: hidden;
    background-position: top left, top left, center center;
	background-repeat: repeat, repeat, no-repeat;
    }
}

/* Header */

			#header {
				text-align: center;
				font-size: 2em;
				font-family: 'Open Sans Condensed', sans-serif;
				font-weight: 700;
				text-transform: uppercase;
				padding: 5em 0 2em 0;
				background: #fff;
				margin: 0 auto;
			}

				#header .logo {
					position: relative;
					text-align: center;
					border-top: solid 5px #e7eae8;
				}

					#header .logo div {
						background: #fff;
						position: relative;
						display: inline-block;
						padding: 0 1.5em 0 1.5em;
						top: -0.65em;
					}

					#header .logo h1 {
						display: inline;
					}

					#header .logo p {
						display: inline;
						color: #6880BC;
					}

/* Buttons*/

.btn-primary {
  color: #fff;
  background-color: #020252;
  border-color: #6880bc;
}

/* Forms */
.form-control {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #080808;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
       -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
          transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
/* Footer */

	#footer a {
		color: inherit;
	}

	#footer h2.major span {
		background: #f2f5f3;
	}

/* Copyright */

	#copyright {
		display: inline-block;
		background: #e7eae8;
		padding: 0.75em 2em 0.75em 2em;
		border-radius: 8px;
		color: #8b9790;
	}

		#copyright a {
			color: inherit;
		}

		#copyright .menu {
			margin: 0;
		}

			#copyright .menu li {
				border-color: #6880BC;
				border-width: 2px;
				line-height: 1em;
			}

/* Responsive Styles */

@media(max-width:991px) {
    .customer-img,
    .img-related {
        margin-bottom: 30px;
    }
        /*Thank-you Overlay*/
     .thank-youoverlay{
        position:fixed;
        text-align: center;
        top: 200px;
        left:30%;
        right:30%;
        background-color:#020252;
        color:#ffffff;
        padding:20px;
        border:2px solid #ccc;
        -moz-border-radius: 20px;
        -webkit-border-radius:20px;
        -khtml-border-radius:20px;
        -moz-box-shadow: 0 1px 5px #333;
        -webkit-box-shadow: 0 1px 5px #333;
        z-index:101;
    }
}

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

    header.carousel .carousel {
        height: 70%;
    }
        /*Thank-you Overlay*/
    .thank-youoverlay{
        position:fixed;
        text-align: center;
        top:200px;
        left:10%;
        right:10%;
        background-color:#020252;
        color:#ffffff;
        padding:10px;
        border:2px solid #ccc;
        -moz-border-radius: 20px;
        -webkit-border-radius:20px;
        -khtml-border-radius:20px;
        -moz-box-shadow: 0 1px 5px #333;
        -webkit-box-shadow: 0 1px 5px #333;
        z-index:101;

    }
}