/*
Penumbra Security, Inc.
*/
@import url(https://fonts.googleapis.com/css?family=Fjalla+One);
@import url(https://fonts.googleapis.com/css?family=Open+Sans);
@import url(https://fonts.googleapis.com/css?family=Raleway);
@import url(https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css);
body{
	font-family: Arial, sans-serif;
}
h1,h2,h3{
	font-family: 'Fjalla One', sans-serif;
}
input,
select,
textarea{
    -webkit-appearance: none;
    border-radius: 0;
}
.top-bar{
	background: #000;
	height: 45px;
	line-height: 45px;
}
.top-bar a{
	color: #FFF;
	font-size: 14px;
}
.top-bar a i{
	margin-right: 10px;
}
.top-bar a i.fa-phone{
	color: #ffbb18;
}
.navbar-brand:hover,
.navbar-brand {
    /*font-family: 'Fjalla One', sans-serif;*/
    font-family: 'Bodoni MT', sans-serif;
    color: #000;
    font-size: 54px;
    line-height: 100px;
    display: inline-block;
    padding: 0px;
    height: auto;
}
.navbar{
	margin: 0px;
}

.navbar-nav>li{
	padding-top: 33px;
}
.navbar-nav>li>a{
	font-size: 14px;
	color: #000;
	padding: 10px 20px;
}
.navbar-nav>li:hover>a,
.navbar-nav>li.active>a{
	background: #ffbb18;
}
.breadcrumb{
	background: #ebebeb;
	color: #828282;
}
.breadcrumb a{
	font-size: 13px;
	color: #828282;
}
.breadcrumb div a:first-child{
	color: #000;
}
.carousel .item > img{
	width: 100%;
}
#main-slider .carousel-caption{
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	text-shadow: none;
	text-align: left;
}
#main-slider .carousel-caption h2{
	font-size: 35px;
	background: rgba(0,0,0,0.55);
	display: inline-block;
	padding: 20px;
	margin: 0px;
	margin-top: 20%;
}
#main-slider .carousel-caption h3{
	font-size: 22px;
	background: rgba(0,0,0,0.55);
	display: inline-block;
	padding: 17px 20px;
	margin: 0px;
}
#main-slider .carousel-caption div{
	height: 4px;
}
#main-slider .carousel-indicators{
	background: rgba(0,0,0,0.2);
	height: 47px;
	line-height: 47px;
	bottom: 40px;
	/*position: relative;*/
}
#main-slider .custom-arrows a.slideBack{
	position: absolute;
	left: 0px;
}
#main-slider .custom-arrows a.slideNext{
	position: absolute;
	right: 0px;
}
.custom-arrows {
    position: absolute;
    bottom: 97px;
    left: 50%;
    z-index: 16;
    width: 60%;
    margin-left: -30%;
}
.four-columns{
	padding-top: 40px;
	padding-bottom: 50px;
}
.yellow-column{
	background: #ffbb18;
	text-align: center;
	color: #000;
	padding: 45px 15px 20px;
}
.yellow-column h3{
	font-size: 22px;
	margin: 0px;
	margin-bottom: 12px;
}
.yellow-column p{
	font-size: 13px;
	margin-bottom: 30px;
}
.yellow-column a{
	color: #FFF;
	background: #000;i
	font-size: 13px;
	display: inline-block;
	padding: 5px 15px;
}
.aboutus{
	padding-bottom: 70px;
}
.aboutus h2{
	width: 196px;
	margin: 0 auto 32px;
	padding-bottom: 13px;
	border-bottom: 1px solid #ffbb18;
	text-align: center;
	font-size: 38px;
	color: #000;
}
.aboutus img{
	width: 100%;
}
.aboutus p{
	font-size: 13px;
	color: #000;
	margin-bottom: 30px;
}
.testimonials .carousel-caption{
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	text-shadow: none;
}
.testimonials .carousel-caption h2{
	font-size: 38px;
	margin-bottom: 30px;
}
/*.testimonials .carousel-caption img{*/
.testimonials .carousel-caption .client-photo{
	border: 3px solid #FFF;
	border-radius: 50%;
	margin-bottom: 30px;
	position: relative;
	display: inline-block;
	/*overflow: hidden;*/
}
.testimonials .carousel-caption .client-photo img{
	width: 100%;
}
.testimonials .client-photo div{
	overflow: hidden;
	border-radius: 50%;
}
.testimonials .client-photo:after{
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(255, 255, 255, 0);
	border-top-color: #FFF;
	/*border-top-color: #F00;*/
	border-width: 12px;
	margin-left: -12px;
	bottom: -13px;
}
.testimonials .carousel-caption p{
	font-size: 13px;
	margin-bottom: 20px;
	line-height: 24px;
}
.testimonials .carousel-caption h5{
	font-size: 13px;
	margin-bottom: 20px;
	line-height: 24px;
	color: #d09916;
}
.carousel-indicators li{
	border: none;
	background: #FFF;
	margin: 1px 6px;
}
.carousel-indicators li.active{
	background: #ffbb18;
	width: 10px;
	height: 10px;
	margin: 1px 6px;
}
.enquire{
	height: 57px;
	line-height: 57px;
	background: #ffbb18;
}
.enquire h3{
	line-height: 57px;
	height: 57px;
	color: #000;
	font-size: 24px;
	margin: 0px;
	font-weight: 400;
}
.enquire h3 a{
	color: #FFF;
	background: #000;
	display: inline-block; 
	height: 39px;
	line-height: 39px;
	width: 190px;
	text-align: center;
}
.enquire .row div:last-child{
	text-align: right;
}
footer{
	background: #000;
	padding: 40px 0px 20px;
}
footer a.logo{
	font-family: 'Fjalla One', sans-serif;
	color: #fefefe;
	font-size: 38px;
}
footer a,footer p{
	color: #9c9c9c;
	font-size: 13px;
}
footer h4{
	color: #FFF;
	font-size: 21px;
	margin: 0px;
	margin-bottom: 25px;
}
footer .phone-email{
	margin: 20px 0px;
}
footer .phone-email a{
	display: block;
	line-height: 26px;
}
footer .phone-email a i{
	background: #111111;
	display: inline-block;
	width: 28px;
	height: 26px;
	line-height: 26px;
	text-align: center;
}
footer .social-box{
	background: #111111;
	text-align: center;
	/*width: 90%;*/
	width: 260px;
	margin-left: -20px;
	margin-bottom: 30px;
}
footer .social-box a{
	display: inline-block;
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	background: #FFF;
	border-radius: 0px;
	margin: 5px 2px;
	border-radius: 50%;
}
footer .social-box a i{
	color: #222222;
}
footer ul{
	padding: 0px;
	margin-left: 10px;
	list-style-image: url('../Images/list.png');
}
footer ul li{
	line-height: 25px;
	padding-left: 5px;
}
footer label{
	display: block;
	margin: 0px;
	color: #9c9c9c;
	font-size: 13px;
	font-weight: 400;
	margin-bottom: 6px;
}
footer input{
	display: block;
	margin-bottom: 12px;
}
footer input[type=password],
footer input[type=text]{
	height: 32px;
	line-height: 32px;
	padding: 0px 5px;
	width: 100%;
	border: none;
}
footer input[type=submit]{
	color: #bababa;
	background: #4d4d4d;
	border: 1px solid #727272;
	padding: 7px 22px;
	border-radius: 3px;
	margin-top: 10px;
}
footer .copyright a{
	color: #ffbb18;
}
/*about page*/
.content .page-title{
	font-size: 30px;
	color: #000;
	margin-bottom: 15px;
}
.content p{
	font-size: 13px;
	color: #000;
	margin-bottom: 30px;
}
.content,
.sidebar{
	padding-bottom: 100px;
}
.sidebar h3{
	font-size: 20px;
	color: #000;
	margin-bottom: 15px;
}
.sidebar a{
	display: block;
	line-height: 27px;
	font-size: 13px;
	color: #000;
}
.sidebar a i{
	text-align: center;
	width: 16px;
	height: 16px;
	line-height: 18px;
	border-radius: 50%;
	background: #ffbb18;
	margin-right: 10px;
}

/*team page*/
.team-box{
	background: #f4f4f4;
	padding-top: 25px;
	padding-bottom: 12px;
	text-align: center;
	margin-top: 20px;
}
.team-box img{
	width: 165px;
	display: block;
	border: 5px solid #d3d3d3;
	border-radius: 50%;
	margin: 0px auto 20px;
}
.team-box .team-name{
	font-size: 24px;
	color: #000;
	font-family: 'Fjalla One', sans-serif;
	margin-bottom: 15px;
}
.team-box .team-role{
	font-size: 18px;
	color: #6b6b6b;
	font-family: 'Fjalla One', sans-serif;
	margin-bottom: 20px;
}
.team-box .team-desc{
	line-height: 20px;
	margin-bottom: 15px;
	padding: 0px 20px;
}
.team-box > a{
	display: inline-block;
	font-size: 13px;
	color: #000;
	border: 2px solid #ffbb18;
	padding: 10px 13px;
}
.team-box .team-delimiter{
	height: 1px;
	background: #dadada;
	margin-top: 12px;
	margin-bottom: 16px;
}
.team-box a i{
	color: #929292;
	margin: 0px 5px;
}
.team-box .team-social{
	margin-bottom: 0px;
}
/*blog page*/
.blog-article{
	padding: 20px 0px 20px;
}
.blog-article h4{
	margin: 0px;
	font-size: 30px;
	color: #000;
}
.blog-article p.article-date{
	color: #8d8d8d;
	margin-top: 10px;	
	margin-bottom: 10px;	
}
.blog-article img.article-image{
	width: 100%;
	margin-bottom: 20px;
}
.blog-article p{
	margin-bottom: 20px;
}
.blog-article a{
	display: inline-block;
	background: #ececec;
	font-size: 13px;
	color: #000;
	padding: 9px 12px;
}
/*services*/
.services .row{
	margin-bottom: 30px;
}
.services .row:last-child{
	margin-bottom: 0px;
}
/*pricing*/
.price-box-head,
.price-box-footer,
.price-box-price,
.price-box-body{
	margin-left: 0px;
	margin-right: 0px;
}
.price-box-head > div{
	color: #000;
	font-family: 'Raleway', sans-serif;
	font-size: 30px;
	line-height: 60px;
}
.price-box-head  >div:nth-child(odd){
	background: #ffbb18;
}
.price-box-head div:nth-child(even){
	background: #eba806;
}

.price-box-price > div span{
	color: #000;
	font-size: 30px;
}
.price-box-body{
	font-size: 14px;
	color: #515050;
	font-family: 'Open Sans', sans-serif;
	background: #FFF;
	line-height: 50px;
}
.price-box-body div{
	padding: 0px;
}
.price-box-body div:nth-child(odd) div:nth-child(odd){
	background: #e3e3e3;
}
.price-box-body div:nth-child(odd) div:nth-child(even){
	background: #f6f6f6;
}
.price-box-body div:nth-child(even) div:nth-child(odd){
	background: #e3e3e3;
	background: #f6f6f6;
}
.price-box-body div:nth-child(odd) div:nth-child(even){
}
.price-box-footer{
	background: #f6f6f6;
	line-height: 70px;
}
.price-box-body > div:nth-child(odd) > div:first-child{
	background: #ffbb18;
}
.price-box-body > div:nth-child(even) > div:first-child{
	background: #eba806;
}

.price-box-body > div > div:nth-child(1){
	color: #000;
	font-family: 'Raleway', sans-serif;
	font-size: 30px;
	line-height: 60px;
}
.price-box-body > div > div:nth-child(2){
	color: #FFF;
	font-family: 'Raleway', sans-serif;
	font-size: 46px;
	line-height: 120px;
	background: #2cafe0 !important;
    background: -webkit-linear-gradient(#2cafe0, #1192c2) !important;
    background: -o-linear-gradient(#2cafe0, #1192c2) !important;
    background: -moz-linear-gradient(#2cafe0, #1192c2) !important;
    background: linear-gradient(#2cafe0, #1192c2) !important;
}
.price-box-body > div > div:nth-child(2) span{
	color: #000;
	font-size: 30px;
}
.price-box-body > div > div:last-child{
	background: #f6f6f6;
	line-height: 70px;
}
