/* CSS Document */

@font-face {
    font-family: 'AftasansRegular';
    src: url('../fonts/AftaSansThin-Regular-webfont.eot');
    src: url('../fonts/AftaSansThin-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/AftaSansThin-Regular-webfont.woff') format('woff'),
         url('../fonts/AftaSansThin-Regular-webfont.ttf') format('truetype'),
         url('../fonts/AftaSansThin-Regular-webfont.svg#AftasansRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'phrixusregular';
    src: url('../fonts/phrixus-webfont.eot');
    src: url('../fonts/phrixus-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/phrixus-webfont.woff') format('woff'),
         url('../fonts/phrixus-webfont.ttf') format('truetype'),
         url('../fonts/phrixus-webfont.svg#phrixusregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

a[href^=tel] { color: inherit; text-decoration: none; }

h1, h2, h3, h4, h5, h6{
margin: 5px 0;
color:#195A90;
font-weight:600;
font-family:'phrixusregular',Arial, Helvetica, sans-serif;
}

body{
	background-image:url(../images/bg.jpg);
	background-repeat:repeat;
	font-size:16px;
}

div.container {
	background-color: #F1F6FB;
	box-shadow: 0px 0px 20px 0px #7AA1C7;
}

.lightblue{
	color:#195A90;
}

.uppercase{
text-transform:uppercase;
}

.bold{
font-weight:bold;
}

.header_call{
	text-align:right;
	font-size: 18pt;
	padding: 0;
}

.header_text {
	text-transform: uppercase;
	font-size: 11px;
}

div.header_text img.img-responsive.cc {
width: 160px;
}

.thumbnail{
	border: 1px solid #BAD2E3;
	padding:5px;
	margin: 5px 0;
	border-radius: 0 !important;
	background-color: #E2EEF9;
}

.thumbnail img{
	text-align:center;
	margin:0 auto;
}

a.navbar-brand {
color: #195A90 !important;
height:auto;
font-family: 'phrixusregular',Arial, Helvetica, sans-serif;
}

.navbar{
	border-radius: 0 !important;
	border-width:0 0 1px 0 !important;
	margin-bottom: 0px !important;
}
.navbar-default{
	background:none;
	border-color: #BAD2E3;
}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {
color: #1066C2;
background-color: #BAD2E3;
}

.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus {
color: #1066C2;
background-color: #D7E3E9;
}

.navbar-nav>li:hover{
	background-color: #F1F1F1;
}

.navbar-default .navbar-nav>li>a {
color: #1066C2;
}

.banner_header {
	font-size: 9pt;
	font-weight: 600;
	text-transform: uppercase;
	color: #424242;
}

.services .banner_header {
	font-size: 12pt;
	font-weight: 600;
	text-transform: uppercase;
	color: #424242;
}


div.row div.col-lg-3 div.thumbnail p {
font-size: 10pt;
}

aside {
	margin: 10px 0;
}


.sidebar_call {
	background-image: url(../images/Newtown-locksmiths.jpg);
	background-repeat: no-repeat;
	height: 175px;
}

.sidebar_call .sidebar_call_txt {
	text-align: right;
	font-size: 13pt;
}

div.sidebar_call h4 {
	text-align: right;
	margin: 29px 0px 0 0;
	font-weight: bold;
}

.panel-default {
border-color: #BAD2E3;
}

div.panel-body.coupon {
	background-image: url(../images/Newtown-locksmith-services.jpg);
	background-repeat: no-repeat;
	height: 175px;
}

.panel-body.coupon h1.text-center.bold {
margin: 35px 0 0 0;
}

.panel-heading.sidebar_call, .panel-body.coupon, .panel-body.quick{
	background-color:#ffffff !important;
}

div.panel.panel-default {
border-radius: 0 !important;
}


div.panel-body.quick {
	background-image: url(../images/Newtown-locksmith-service.jpg);
	background-repeat: no-repeat;
	height: 175px;
}

div.panel-body.quick img.img-responsive.cc {
margin: 0 auto;
}

.panel-heading.sidebar_call, .panel-body.coupon, .panel-body.quick{background:none; background-color:#00699E; text-align:center;}

article{
	margin: 10px 0;
}

div.text_content {
	border: 1px solid #BAD2E3;
	padding: 5px;
}

.bottomlinks{
	font-weight:bold;
	clear:both;
	margin: 0 auto;
}

hr {
	background-color: #195A90;
	height: 3px;
	width: 98%;
}


div.form-holder {
	width: 95%;
	padding: 25px 15px;
	background-color: #E4EDF8;
	margin: 10px auto;
	border-radius: 10px;
}

.form-horizontal .form-group {
	margin: 0 0 15px 0;
}

.form-horizontal .control-label {
	text-align: left;
}

.btn-info {
	background-color: #195A90;
	border-color: none;
}

@media (max-width: 399px) {
    .text-center-xs {
        text-align: center !important;
		float:none !important;
    }
	.text-center-xs img {margin:0 auto;}
	.panel-body, .panel-heading{ text-align:center;}
	a.navbar-brand.uppercase {height: auto;text-align: center;line-height: 100%; font-size: 10pt; padding: 5px 0;width: 160px;margin-top: 5px;}
	.navbar-nav>li>a{padding-top: 5px;padding-bottom: 5px;}
	.bottomlinks a {font-size: 17px;}
	div.row.text-center.uppercase.bottomlinks div.row div.col-lg-4.col-md-4 {margin: 5px 0;}
	.header_text{font-size: 8px;}
	div.text-center-sm.text-center-xs.header_call {font-size: 10pt;}
	div.col-lg-3.col-md-3.col-sm-3.col-xs-6 {padding: 2px;}
	.banner_header {font-size: 5pt;text-align: center;}
	.thumbnail{margin:0;min-height: 55px;}
	.thumbnail img {width: 40px;}
}
@media (min-width: 400px) and (max-width: 767px) {
    .text-center-xs {
        text-align: center !important;
		float:none !important;
    }
	.text-center-xs img {margin:0 auto;}
	.panel-body, .panel-heading{ text-align:center;}
	a.navbar-brand.uppercase {height: auto;text-align: center;line-height: 100%; font-size: 13pt; padding: 5px 0;}
	.navbar-nav>li>a{padding-top: 5px;padding-bottom: 5px;}
	.bottomlinks a {font-size: 17px;}
	div.row.text-center.uppercase.bottomlinks div.row div.col-lg-4.col-md-4 {margin: 5px 0;}
	.header_text{font-size: 10px;}
	div.text-center-sm.text-center-xs.header_call {font-size: 11pt;}
	div.col-lg-3.col-md-3.col-sm-3.col-xs-6 {padding: 2px;}
	.banner_header {font-size: 7pt;text-align: center;}	
	.thumbnail{margin:0;}
	.thumbnail img {width: 60px;}
}
@media (min-width: 768px) and (max-width: 991px) {
    .text-center-sm {
        text-align: center !important;
		float:none !important;
		
    }
	.text-center-sm img {margin:0 auto;}
	div.col-lg-3.col-md-3.col-sm-3.col-xs-6 {padding: 5px;}
	.banner_header {font-size: 7pt;}
}
@media (min-width: 992px) and (max-width: 1199px) {

}
@media (min-width: 1200px) {

}