/*! 
 *
 * Custom CSS for Enroi UG
 *
 */

 
 
/* Global Styles */

html, body {
  height: 100%;
  font-size: 0.9em;
}

body {
  /*padding-top: 100px;
  body padding for fixed top nav */
}

/* === Buttons === */
.btn-default {
  color: #333;
  background-color: #fff;
  border-color: #fff;
}

.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  color: #B70D50;
  background-color: #fff;
  border-color: #fff;
}

/* === Navbar === */
.navbar-default {
	border-radius: 0px;
	border-top: none;
	border-left: none;
	border-right: none;
	border-bottom: 2px solid #B70D50;
    
    background-color: transparent;
    
    padding-top: 32px;
}

.navbar-brand {
	margin-left: 0;
	padding-left: 0;
}
.navbar-brand img {
	height: 50px;
}
.navbar .nav {
    background: #fff !important;
}

.navbar .nav a:hover {
	color: #B70D50 !important;
	background-color: #fff;
} 
.navbar .nav > .active > a {
    background: #fff;
	color: #B70D50;
	font-weight: bold;
}

.navbar .nav > .active > a:hover {
    background: #fff;
}

#logo { float: left;  margin-bottom: 20px; margin-top: -32px; }
#logo .navbar-brand { }
/* === Sections === */
.section {
	margin-top: 1.5em;
}

.content-section-1,
.content-section-2,
.content-section-3 {
    padding: 50px 0;
}

/* === Headers === */
.carousel-caption h1 {
	font-size: 4em;
}
.red {
	color: #B70D50;
}
.redbar {
	border-left: 2px solid #B70D50;
	padding-left: 10px;
	font-weight: bold;
}
h1 {
	font-size: 18px;
}
.redcaps {
	text-transform : uppercase;
	color: #B70D50;
}
.greycaps {
	text-transform : uppercase;
	color: #999;
}
.right {
	text-align: right;
}
.uppers {
	text-transform : uppercase;
}

/* === Lists === */
ul {
	padding-left: 9px;
	margin-bottom: 20px;
}
ol {
	padding-left: 18px;
	margin-bottom: 20px;
}

ul li {
	list-style-type: square; 
	list-style-image: url(../img/bullet-4.gif);
}

li.list-circle {
	list-style-type: circle !important;
}

li {
	margin-left: 0;
	padding-left: 3px;
	margin-top: 2px;
	margin-bottom: 3px;
}
ol li {
	padding-left: 1px;
}
.flag {
    margin-top: -3px;
	width: 20px;
	opacity: 0.5;
}

/* === Spacers === */
.spacer-1 {
	padding-bottom: 1em;
}
.section-heading-spacer {
    float: left;
    width: 200px;
    border-top: 3px solid #e7e7e7;
}

/* === Links === */
a {
	color: #666;
}

a:hover {
color: #B70D50;	
text-decoration: none;
}

p a { padding-left: 16px; background: transparent url(../img/arrow.png) 0 5px no-repeat; display: inline-block; }
p a:hover { color: #000000; }

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

/* Footer Styles */

footer {
    margin: 50px 0;
	border-top: 2px solid #d5d5d5;
}

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

/* === New Navbar Breakpoint === */

/*  @media (max-width:992px){ */
@media (max-width:1200px){
    .navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
        margin-right: 0;
    }
    .navbar-default .navbar-collapse {
        border-top: 1px solid transparent; border-top: 2px solid #b70d50;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
	/*
    .navbar-fixed-top {
          top: 0;
          border-width: 0 0 1px;
     }
	 */
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
          margin-top: 7.5px;
     }
     .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 8px;
        padding-bottom: 8px;
    }
    .collapse.in{
          display:block !important;
     } 
}