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

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

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

#image-swap-1 {

width:100%; height:100%;
background-size:contain; background-repeat:no-repeat;
}

#image-swap-1 img:hover {

opacity: 0;
}

/* swap for gallery */

#image-swap-2 {

background-size:contain; background-repeat:no-repeat;
}

#image-swap-2 img:hover {

opacity: 0;
}

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

/* Black Content all page */
.hilight-con {
	background-color:#4d4d4f; 
	padding:30px 0px;
}
.hilight-con a {
	color:#09F;
}
.hilight-con a:hover {
	color: #ABDEFA;
}


/* Nave  */

.dropdown-menu .sub-menu {left:100%;position:absolute;visibility:hidden;margin-top:-25px; margin-left:1px; background:#FFF; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
          box-shadow: 0 6px 12px rgba(0, 0, 0, .175);}
.dropdown-menu li:hover .sub-menu {visibility:visible;}
.dropdown-menu .sub-menu ul {margin:5px 0;}
.dropdown-menu .sub-menu li {list-style:none;}
.dropdown-menu .sub-menu li a {padding:3px 30px 3px 30px; margin-left:-40px; display:block; text-decoration:none; color:#333333;}
.dropdown-menu .sub-menu li a:hover { background:#eee;}
.dropdown-menu .sub-menu > .active > a,
.dropdown-menu .sub-menu > .active > a:hover,
.dropdown-menu .sub-menu > .active > a:focus {
  color: #fff;
  text-decoration: none;
  background-color: #337ab7;
  outline: 0;
}


@media (max-width: 979px) {
    .dropdown-menu .sub-menu {left:0%;position:relative;top:0;visibility:visible;margin-top:3px;display:block;-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0);
          box-shadow: 0 6px 12px rgba(0, 0, 0, 0);}
	.dropdown-menu .sub-menu li a { color:#999}
    .sub-menu {border-radius:0px !important;}
	
}


@media (max-width: 767px) {
	.dropdown-menu .sub-menu {left:0%;position:relative;top:0;visibility:visible;margin-top:3px;display:block;}

    .sub-menu {border-radius:0px !important;}
	
}