/*!
 * 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: 90px; /* Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
}
hr{
    border: 1px solid #c30f1d;
}
/*styles Page headings*/
h1,h2,h3,h4,h5,h6,a:hover{
	color:#c30f1d;
}
#home-content{
	margin-top:10px;
	}
.no-margin{margin:0;}
.no-padding{padding:0;}

.sub-pages{
	/*margin-top:40px;*/
	
}
#main-content{
	margin-top:10px;

}
	
#sub-img-headings > h5,h3{
	margin-top:0px;
	margin-bottom:10px;
	}
	

.page-header{
	margin:0px 0px 5px 0px;
    border-bottom: 1px solid #c30f1d;
}

.img-portfolio {
    margin-bottom: 30px;
}

.img-hover:hover {
    opacity: 0.8;
}

/*header navbar */
.navbar-fixed-top{
    border-bottom: 2px solid #c30f1d;
    background-color: #95b3d7;
}
nav.navbar-bg{
	background-image:url(/images/header_new.png);
	/*width: 90.3%;*/
	width: 1142px;
	height: 103px;
	margin:0px auto;
	}
#logo{
	width: 160px;
    /*height: 100px;
    margin-left:80px;*/
	padding-top:2px;
	float:left;
	
	}
#call-navi{
	/*width:820px;*/
	height:105px;
	float:left;
	margin-left:51px;
	
	}
#customercare{
	/*width:400px;*/
	/*height:30px;*/
	margin-left:360px;
    float:right;
	/*padding-top:4px;*/
	color:black;
	font-size:18px;
	}
#color-glyph{
	color:#c30f1d
	}
	
/*navigation list styles*/
ul.nav > li > a{
	background-color:#505453;
	color:#f5f8f7;
	padding: 5px 16px;
	margin-top:6px;
}
ul.nav > li > a:hover,ul.nav > li.open > a:hover{
	background-color:#c30f1d;
	color:#f5f8f7;
}
.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
    background-color:#c30f1d;
	color:#f5f8f7;
}

.navbar-nav{
    margin-top: 20px;
}

.navbar-nav > li.active > a, .navbar-nav > li.active > a:hover, .navbar-nav > li.active > a:focus {
    background-color:#c30f1d;
    color:#f5f8f7;
}

ul.nav > li.open > a, ul.nav > li.active > a, ul.nav > li.active > a:hover{
	background-color:#c30f1d;
	color:#f5f8f7;
}
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus, .nav .open > a:visited {
    background-color: #c30f1d;
    /*border-color: #337ab7;*/
}
ul.dropdown-menu > li.open > a, ul.dropdown-menu > li.active > a, ul.dropdown-menu > li.active > a:hover{
	background-color:#c30f1d;
	color:#f5f8f7;
}

div.list-group a.active {
	background-color:#c30f1d;
	color:#f5f8f7;
	border:#c30f1d;
}

div.list-group a.list-group-item.active:hover {
	background-color:#c30f1d;
	color:#f5f8f7;
	border:#c30f1d;
}

.blinkeffect {
	-webkit-animation-name: blink;
	-webkit-animation-duration: 1s;
	-webkit-animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;

	-moz-animation-name: blink;
	-moz-animation-duration: 1s;
	-moz-animation-timing-function: linear;
	-moz-animation-iteration-count: infinite;

	animation-name: blink;
	animation-duration: 1s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
}

@-moz-keyframes blink {
	0% { opacity: 1.0;}
	50% { opacity: 0.0; }
	100% { opacity: 1.0; }
}

@-webkit-keyframes blink {
	0% { opacity: 1.0;}
	50% { opacity: 0.0; }
	100% { opacity: 1.0;}
}

@keyframes blink {
	0% { opacity: 1.0; }
	50% { opacity: 0.0; }
	100% { opacity: 1.0; }
}
.panel-heading{
	padding: 10px 20px;
}
.panel-heading h4{
	margin:0;
	padding:0;
}
.panel-body{
	padding: 10px 20px;
}

.panel-primary {
  border-color: #c30f1d;
}

.panel-primary > .panel-heading {
  color: #c30f1d;
  background-color: #c30f1d;
  border-color: #c30f1d;
}
.panel-primary > .panel-heading h4{
  color: #fff;
}
.panel-primary > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #c30f1d;
}
.panel-primary > .panel-heading .badge {
  color: #c30f1d;
  background-color: #fff;
}
.panel-primary > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #c30f1d;
}



/* Home Page Carousel */

header.carousel {
    height: 50%;
	width: 90%;
	margin:0px auto;
	/*top:20px;*/
	
}


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

/* Footer Styles */
footer {
    /*background: none repeat scroll 0 0 #EAEAEB;*/
	padding:0 10px;
}
footer h5{
    margin: 0px 0px;
	padding-bottom:5px;
	color: #505453;
	font-weight:bold;
	
	/*text-align: center;*/
}
footer a{
	color: #505453;
	font-size:12px;
	font-weight:normal;
}
footer a:hover{
	color: #c30f1d;
}
footer ul{
	list-style:none;
	padding-left:0px;
	color: #505453;
	}
.list-social-icons{
	font-size:12px;
	}

.list-social-icons  a{
	color: #23527C;
	font-size:12px;
	font-weight:normal;
}
.list-social-icons  a:hover{
	color: #c30f1d;
}
.vertical-line{
  width: 1px; /* Line width */
  background-color: #c30f1d; /* Line color */
  height: 100%; /* Override in-line if you want specific height. */
  margin-left: -15px;
  float: left; /* Causes the line to float to left of content. 
    You can instead use position:absolute or display:inline-block
    if this fits better with your design */
}

.counter{
	/*padding-top:40px;*/
}
/* Responsive Styles */

@media(max-width:991px) {
    .customer-img,
    .img-related {
        margin-bottom: 30px;
    }
}

@media(max-width:767px) {
    body {
        padding-top: 90px; /* Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
    }
    .img-portfolio {
        margin-bottom: 15px;
    }
    #logo{
        height: 80px;
    }
    header.carousel .carousel {
        height: 70%;
    }
}

.btn-primary {
  color: #ffffff;
  background-color: #c30f1d;
  border-color: #af0424;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary.focus,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  color: #ffffff;
  background-color: #c80529;
  border-color: #730318;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  background-image: none;
}
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
  background-color: #c30f1d;
  border-color: #af0424;
}
.btn-primary .badge {
  color: #c80529;
  background-color: #ffffff;
}

#features-list ul li{
 list-style:none;
 width: 20%;
 float: left; 
 margin:0px 0px 5px 1px;
}
.form-horizontal .control-label {
padding-top: 7px;
margin-bottom: 0;
text-align: right;
}

.col-xs-2 {
width: 16%;
}

.panel-form{ 
	padding:20px 20px;
	background-color:#EAEAEB;
}
.serv-block .col-md-4:nth-child(3)
{
    display:none;
}

