/*!
 * Bootstrap 
 */

/* Global Styles */

@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,400italic);

html,
body {
    height: 100%;
    font-family: 'Open Sans',Helvetica,Arial,sans-serif;
}

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

.container.main{
    background-color: #fff;
    padding-bottom: 20px;
}

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

/*Palete*/

.myblue{
    background-color: #3498db;
}



/* 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 {
    background-color: #2c3e50;
}
footer p{
    color: white;
}

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

/* My Styles */

.navbar{
    min-height: 65px;
}
.navbar-inverse{
    background-color: #253647;
    border-color: #213242;
}
.navbar-nav > li > a{
    line-height: 35px;
}

.dropdown-submenu {
  position: relative;
}
.dropdown-submenu > .dropdown-menu {
  top: 0;
  left: 100%;
  margin-top: -6px;
  margin-left: -1px;
}
.dropdown-submenu:hover > .dropdown-menu {
  display: block;
}
.dropdown-submenu:hover > a:after {
  border-left-color: #fff;
}
.dropdown-submenu.pull-left {
  float: none;
}
.dropdown-submenu.pull-left > .dropdown-menu {
  left: -100%;
  margin-left: 10px;
}

/* Index */
.intro-header{
    margin: 50px 0;
}
.intro-header h1{
    font-weight: 300;
}

.intro.panel.panel-default .panel-heading{
    background-color: #34495e;
    color: white;
}
.intro.panel.panel-default .panel-heading h4{
    font-weight: 600;
}
.intro.panel.panel-default .panel-body{
    min-height: 200px;
    background-color: #ecf0f1;
}

.page-header{
    font-weight: 300;
}

/* Categories */
#categories{
    background-color: #34495E;
    padding-bottom: 40px;
    margin-top: 30px;
}
#categories h2{
    color: white;
}
#categories h3{
    padding-bottom: 15px;
}
#categories .nav-justified > li > a {
    color: #fff;
}
#categories .nav > li > a:hover {
    color: #fff;
    background-color: #253647;
    border-color: #253647;
}
#categories .nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:focus, .nav-tabs.nav-justified > .active > a:hover{
    color: #555;
    background-color: #fff;
    border-color: #fff;
}
.tab-content{
    background-color: #fff;
    padding: 30px;
}




.blockquote-box{margin-bottom:25px}
.blockquote-box .square{width:100px;min-height:50px;margin-right:22px;text-align:center!important;background-color:#E6E6E6;padding:20px 0}
.blockquote-box.blockquote-primary{border-color:#357EBD}
.blockquote-box.blockquote-primary .square{background-color:#428BCA;color:#FFF}
.blockquote-box.blockquote-success{border-color:#4CAE4C}
.blockquote-box.blockquote-success .square{background-color:#5CB85C;color:#FFF}
.blockquote-box.blockquote-info{border-color:#46B8DA}
.blockquote-box.blockquote-info .square{background-color:#5BC0DE;color:#FFF}
.blockquote-box.blockquote-warning{border-color:#EEA236}
.blockquote-box.blockquote-warning .square{background-color:#F0AD4E;color:#FFF}
.blockquote-box.blockquote-danger{border-color:#D43F3A}
.blockquote-box.blockquote-danger .square{background-color:#D9534F;color:#FFF}


#bottom {
  color: #bdc3c7;
  background-color: #394D60;
  padding: 30px 15px 30px;
}
#bottom h4 {
  margin-top: 0;
  margin-bottom: 15px;
}
#bottom .media-heading {
  display: block;
  font-weight: 400;
}



#footer {
  padding: 30px 15px 30px;
  color: #bdc3c7;
}
#footer a {
  color: #bdc3c7;
}
#footer a:hover {
  color: #d9534f;
}
#footer ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
#footer ul > li {
  display: inline-block;
  margin-left: 15px;
}
.warning { 
  background: #253647; 
  padding: 18px; 
  font-size: 16px; 
  color: white;
  margin-bottom: 34px;
  border-style: inset;     
  border-color: #34495e;
   }