/*
Theme Name: Car Locksmith Norfolk VA 
Theme URI: http://carlocksmithnorfolk.com/
Author: Car Locksmith Norfolk VA
Author URI: http://carlocksmithnorfolk.com/
*/

/* Script Style */
.entry-content img{margin:0 0 1.5em}
.alignleft,img.alignleft{margin-right:1.5em;display:inline;float:left}
.alignright,img.alignright{margin-left:1.5em;display:inline;float:right}
.aligncenter,img.aligncenter{margin-right:auto;margin-left:auto;display:block;clear:both}
.wp-caption{margin-bottom:1.5em;text-align:center;padding-top:5px}
.wp-caption img{border:0;padding:0;margin:0}
.wp-caption p.wp-caption-text{line-height:1.5;font-size:10px;margin:0}
.wp-smiley{margin:0!important;max-height:1em}
blockquote.left{margin-right:20px;text-align:right;margin-left:0;width:33%;float:left}
blockquote.right{margin-left:20px;text-align:left;margin-right:0;width:33%;float:right}

#pagebody {width:960px;margin:0 auto; background-color: #FFFFFF;}
body{background-color:#c8c8c8;margin: 0 auto;}

.row {display:flow-root;}
a {text-decoration:none;}

/* widget 
.widget {background:#ff00ff;}
.widget-title {background:#000;color:#fff;}
*/

.box1{background-color: #efefef; padding: 15px 2%;line-height: 37px;}
/* banner */
.banner {height: 400px;}
.banner img {max-width:100%;}

.aside1{border-radius:0 0 15px 15px;}
.sidebar {width:27%;float:left; border-left:2px dashed #c8c8c8;}
.sidebar .widget {}
.sidebar .widget-title {background:#047447;color:#fff; padding: 5px; font-family: 'Acme', sans-serif;}
.sidebar .title2{color:#fff; font-family: 'Acme', sans-serif;padding-left: 20px; margin-top: -10px;}


.header {padding-top: 15px;}
.logo {width:50%;float:left;text-align: center;}
.phone {width:50%;float:left;text-align: center;}

h1{text-transform: uppercase; font-family: 'Acme', sans-serif; font-size: 28px; font-weight: bold; text-align: center; color: #047447;}

.copyright{text-align: center;padding: 2px 0px;font-family: 'Lato', sans-serif;background:#2f2f2f; color: #FFFFFF;}
/* */

.content {width:68%;float:left; font-family: 'Lato', sans-serif; padding: 1% 2%; text-align:justify; line-height:35px;}

.clear{clear: both;}

/* Single Style */
.postbody {padding:10px 0;display:flow-root;}
.postpadding {padding:0 10px;}
.posttopbar {background:#f1f1f1;border:1px solid #dddddd;border-radius:5px;padding:5px;}

/* archive */
.singlepost {background:#efefef;margin-right:1%;margin-bottom:5px;width:32%;float:left;border-radius:5px;padding:5px;box-sizing:border-box;font-size:13px;}

/* footer */

.textwidget ul li{font-size: 15px;font-family: 'Lato', sans-serif;list-style:none; margin-left:-30px;}
#text-6{width: 100%; font-family: 'Lato', sans-serif;}


/* contact form */

.wpcf7-form p{margin: 0 auto; text-align: center;}

.wpcf7-textarea {height: 70px;width: 78%;}

.wpcf7 input[type=text] {height:37px !important; width: 95%;}

.wpcf7-email {height: 37px !important;width: 95%;margin: 0px 10px;}

.wpcf7 textarea {height: 50px; width: 95%;}

.pic{float:right; margin-right:20px;}
input[type=text],
textarea[name=your-message],
input[type=tel],
input[type=number],
input[type=email]{padding:10px 20px;margin:8px 0;box-sizing:border-box;border:3px solid #ccc;-webkit-transition:.5s;transition:.5s;border-radius:5px;outline:0}
input[type=text]:focus,
input[type=tel]:focus,
textarea[name=your-message]:focus,
input[type=number]:focus,
input[type=email]:focus{border:3px solid #ff4f00}


.wpcf7-submit{ -webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;width:90%;height:50px;cursor:pointer;margin:15px auto;border:2px solid #ff4f00;-webkit-border-radius:15px;border-radius:15px;line-height:50px;font-weight:bold;font-variant:normal;font-style:italic;font-size:20px;font-family:Cambria,"Hoefler Text","Liberation Serif",Times,"Times New Roman",serif;color:#047447;font-weight:bold;text-align:center;-o-text-overflow:clip;text-overflow:clip;background:rgba(0,0,0,0);-webkit-transition:background-color .3s cubic-bezier(0,0,0,0),color .3s cubic-bezier(0,0,0,0),width .3s cubic-bezier(0,0,0,0),border-width .3s cubic-bezier(0,0,0,0),border-color .3s cubic-bezier(0,0,0,0);-moz-transition:background-color .3s cubic-bezier(0,0,0,0),color .3s cubic-bezier(0,0,0,0),width .3s cubic-bezier(0,0,0,0),border-width .3s cubic-bezier(0,0,0,0),border-color .3s cubic-bezier(0,0,0,0);-o-transition:background-color .3s cubic-bezier(0,0,0,0),color .3s cubic-bezier(0,0,0,0),width .3s cubic-bezier(0,0,0,0),border-width .3s cubic-bezier(0,0,0,0),border-color .3s cubic-bezier(0,0,0,0);transition:background-color .3s cubic-bezier(0,0,0,0),color .3s cubic-bezier(0,0,0,0),width .3s cubic-bezier(0,0,0,0),border-width .3s cubic-bezier(0,0,0,0),border-color .3s cubic-bezier(0,0,0,0); text-transform: uppercase;}
.wpcf7-submit:hover{border:2px solid #ff4f00;color:rgba(255,255,255,1);background:#ff4f00}
.wpcf7-submit:active{border:2px solid #ff4f00;background:#ff4f00;-webkit-transition:none;-moz-transition:none;-o-transition:none;transition:none}


/* CSS Document */

.box{float: left;}
.bg-header{width:100%; background-color: #0e53a7;height: 520px;z-index: -1000;display:flow-root;padding:10px 0;}
.page{max-width: 960px;margin: 0 auto;position: relative;padding: 5px;font-size: 16px;line-height: 28px;}

/*------------banner-------------*/

.banner{height: 400px;width: 100%;background-image: url(../locksmith-services/garage-door-repair-glen-burnie-md.png);background-repeat: no-repeat;float: left;background-size: cover;border-radius: 10px 10px 0 0;z-index: 1;}

/*------------Container-------------*/
.container{max-width: 65%;padding: 10px 3% 0 2%; float: left;margin-right: 10px;background-color: #fff;border-radius: 10px 10px 0 0;box-shadow: 0px -2px 0 rgba(46, 46, 46, 0.1);text-align: justify;}
article{width: 100%;margin-top: 10px;padding: 1%;}

.content h2 {font-size: 18px;color: #047447;text-transform: uppercase;}
.content img{float: right;margin:70px 0  0 10px;}
.area ul {float: left;font-size: 13px;width: auto;}
.area ul li a {color: #000;}
.area ul li a:hover {color: #019c25;}
a {color: #000;}

/*------------ Offer -------------*/
.offer {width:100%;margin:0 0 15px 5px;text-align:center;box-sizing:border-box;}
.offer img {margin-top: 20px; box-sizing:border-box;width:auto;max-width:100%;height:auto;cursor:pointer;border-radius:10px;}
.modal{display:none;position:fixed;z-index:1;padding-top:100px;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000;background-color:rgba(0,0,0,.9)}
#caption,.modal-content{margin:auto;display:block;max-width:80%;}
#caption,.modal-content{animation-name:zoom;animation-duration:.6s}
@keyframes zoom{from{transform:scale(.1)}to{transform:scale(1)}}
.close{position:absolute;top:15px;right:35px;color:#f1f1f1;font-size:40px;font-weight:700;transition:.3s}
.close:focus,.close:hover{color:#bbb;cursor:pointer}

/*------------Sidebar-------------*/

#text-2{width: 100%;float: left;}


#media_image-2{width: 100%;float: left;text-align: center;}
.textwidget {line-height: 22px;}
#text-3{width: 100%;float: left;clear: both;}
#text-3 a{color: #fff;}
h1.widget-title{text-align: center;font-weight: bold;text-transform: uppercase;color: #fff;text-shadow: -1px -1px 0 #01244e;font-family: sans-serif;font-size: 25px;}
#text-4{width: 98%;float: left;clear: both;padding: 2.5%;}
#text-4 .textwidget{font-size: 15px;line-height: 26px;text-align: center;color: #333;}
#sfsi-widget-2{width: 98%;float: left;clear: both; padding: 2.5%;}
.sfsi{width: 98%;float: left;clear: both;padding: 2.5%;}
.widget{width: 98%;float: left;clear: both;padding: 2.5%;}
#text-11 {line-height: 20px;font-size: 14px;text-align: center;}


/*------------Footer-------------*/
#text-5{width: 98%;font-family: 'Lato', sans-serif; color: #FFFFFF; padding-bottom: 15px;}
#text-5 a{color: #FFFFFF;}
footer{clear: both;max-width: 100%;text-align: center;margin: 15px 0 5px 0;padding: 5px 1%;font-size: 16px;color: #121212; display:flow-root; }
.footer-widget-2, .footer-widget-3 {width:98%;float:left; margin-right: 20px; color:#fff;font-family: 'Lato', sans-serif;}
.footer-widget-3:last-child{ margin-right: 0px;}
.footer .widget {background-color: #047447;padding: 10px; border-radius: 10px;}
.footer .widget-title {color:#fff;font-family: 'Acme', sans-serif; font-size: 30px; line-height: 10px;}


/*------------Prices-------------*/
#prices{ width: 100%; background-color: #E0E0E0; border-radius: 15px; margin-bottom: 10px; margin-top: 10px; margin-left: 0px; }.col2{ width: 100%; }#col1{ padding-top: 5px; padding-right: 5px; padding-left: 5px; padding-bottom: 5px; margin-top: 10px; margin-right: 10px; margin-left: 12px; margin-bottom: 10px; background-color: #FFFFFF; border-radius: 15px; width: 92.5%; float: left; }#col2{ padding-top: 5px; padding-right: 5px; padding-left: 5px; padding-bottom: 5px; margin-top: 10px; margin-right: 10px; margin-bottom: 10px; border-radius: 15px; background-color: #FFFFFF; width: 94%; float: left; margin-left: 10px; }#col3{ padding-top: 5px; padding-right: 5px; padding-left: 5px; padding-bottom: 5px; margin-top: 10px; margin-right: 10px; margin-bottom: 10px; background-color: #FFFFFF; border-radius: 15px; width: 94%; float: left; margin-left: 10px; }.collft{ width: 50%; border-bottom: 1px solid #e6e6e6;}.colret{border-bottom: 1px solid #e6e6e6; width: 50%; }.colhead{text-align: center; column-span: 2; background-color: #272727; border-radius: 10px; padding-top: 5px; padding-right: 5px; padding-bottom: 5px; padding-left: 5px; font-weight: bold; color: #FFFFFF; border-bottom: 1px solid #e6e6e6;}
#prices td{border-bottom: 1px solid #e6e6e6;}#prices td:last-shild {border:none;}

/*------------Menu-------------*/
#menu {position:relative;display:block;overflow:hidden;float:none;padding:0;margin:15px 0;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-shadow: 1px 2px 0 rgba(0,0,0,0.40);background: #047447; z-index: 2;}
#menu ul {padding:0;margin:0;}
#menu ul li {display:block;float:left;padding:10px 9px;transition: all 2.7s ease 1.5s;list-style: none;}
#menu ul li a {position:relative;padding: 20px 23px;margin:0px;font-size:18px;color:#fff;font-weight:bold;outline:none;line-height: 30px;text-decoration: none;font-weight: bold;text-align: center;text-transform: uppercase;font-family: 'Acme', sans-serif;}
#menu ul li:hover a, #menu ul li.current_page_item a, #menu ul li.current-menu-item a {background:#ff4f00;color:#fff;font-size:18px;}
#menu ul li.current_page_item {background:#ff4f00;color:#fff;overflow:hidden;}
#menu ul li.current-menu-item {background:#ff4f00;color:#fff;overflow:hidden;}
#menu input[type=checkbox], #menu label {display:none}


@media only screen and (max-width:980px){
    #pagebody{width: 97%;}
	.header{width: 97%;padding-left: 0;margin-top:40px;}
	.logo{width: 97%;}
	.phone{width: 97%;}
	.phonelink{width: 97%;}
    .page{width: 97%;padding-left: 0;}
    .banner{height:300px;max-width:100%;}
    .container{max-width: 100%; text-align: center;}
    .content{width: 90%; padding:15px; text-align: center;}
	.content img{float: none;}
	.sidebar{width: 90%; padding:15px; text-align: center;}
	.sidebar .widget {border-left: none;}
	.footer-widget-2 {width: 100%;margin-right: 0px;}
	.footer-widget-3 {width: 100%;margin-right: 0px; margin-top:15px;}
    article{width: 100%;}
    article h1{font-size: 18px; text-align: center;}

    hgroup .logo{width: 100%;float: left;}
    hgroup .phone{width: 100%; float: left; margin-bottom: 20px; font-size: 40px;}
    footer{width: 95%;}
/*------------menu-------------*/
#menu{width:92%;height:auto;min-height:40px;padding:0; position: absolute;top: 0;margin: 0px 0px 50px 0px;}
#sub-menu{display:none}
#menu label {display:block}
#menu ul {padding: 0;width: 100%;margin: 0 auto;}
#menu ul li{border-bottom:solid 1px #fff;line-height:40px;width: 100%;padding:0;}
#menu ul li a{display:block;height:40px;line-height:40px;width:98%;text-align:center;color:#FFFFFF;background:#047447;font-size: 16px;padding: 5px 3px;}
#menu ul li.current_page_item a, #menu ul li.current-menu-item a {color:#FFF;background:#ff4f00;}
#menu ul li:hover a{background:#ff4f00;color:#FFFFFF}
.show-menu{width:100%; display:block;color:#fff;background:#047447;text-align:center;padding:10px 0;margin-bottom:5px; font-family: 'Acme', sans-serif;}
input[type=checkbox]:checked ~ #sub-menu{display:block;margin:0;padding:0;}
}

@media only screen and (max-width:700px){
    
    #pagebody{width: 97%;}
	.header{width: 97%;padding-left: 0;margin-top:40px;}
	.logo{width: 97%;}
	.phone{width: 97%;}
	.phonelink{width: 97%;}
    .page{width: 97%;padding-left: 0;}
    .banner{height:250px;max-width:100%;}
    .container{max-width: 100%; text-align: center;}
    .content{width: 90%; padding:15px; text-align: center;}
	.content img{float: none;}
	.sidebar{width: 90%; padding:15px; text-align: center;}
	.sidebar .widget {border-left: none;}
	.footer-widget-2 {width: 100%;margin-right: 0px;}
	.footer-widget-3 {width: 98%;margin-right: 0px; margin-top:15px;}
    article{width: 100%;}
    article h1{font-size: 18px; text-align: center;}

    hgroup .logo{width: 100%;float: left;}
    hgroup .phone{width: 100%; float: left; margin-bottom: 20px; font-size: 40px;}
    footer{width: 95%;}
/*------------menu-------------*/
#menu{width:92%;height:auto;min-height:40px;padding:0; position: absolute;top: 0;margin: 0px 0px 50px 0px;}
#sub-menu{display:none}
#menu label {display:block}
#menu ul {padding: 0;width: 100%;margin: 0 auto;}
#menu ul li{border-bottom:solid 1px #fff;line-height:40px;width: 100%;padding:0;}
#menu ul li a{display:block;height:40px;line-height:40px;width:98%;text-align:center;color:#FFFFFF;background:#047447;font-size: 16px;padding: 5px 3px;}
#menu ul li.current_page_item a, #menu ul li.current-menu-item a {color:#FFF;background:#ff4f00;}
#menu ul li:hover a{background:#ff4f00;color:#FFFFFF}
.show-menu{width:100%; display:block;color:#fff;background:#047447;text-align:center;padding:10px 0;margin-bottom:5px; font-family: 'Acme', sans-serif;}
input[type=checkbox]:checked ~ #sub-menu{display:block;margin:0;padding:0;}
}
@media only screen and (max-width: 320px){
	#pagebody{width: 97%;}
	.header{width: 97%;padding-left: 0;margin-top:40px;}
	.logo{width: 97%;}
	.logo img{width: 97%; height:auto;}
	.phone{width: 97%;}
	.phone img{width: 97%; height:auto;}
	.phonelink{width: 97%;}
    .page{width: 97%;padding-left: 0;}
    .banner{height:170px;max-width:100%;}
    .container{max-width: 100%; text-align: center;}
    .content{width: 90%; padding:15px; text-align: center;}
	.sidebar{width: 90%; padding:15px; text-align: center;}
	.sidebar .widget {border-left: none;}
	.footer-widget-2 {width: 100%;margin-right: 0px;}
	.footer-widget-3 {width: 98%;margin-right: 0px; margin-top:15px;}
    article{width: 100%;}
    article h1{font-size: 18px; text-align: center;}

    hgroup .logo{width: 100%;float: left;}
    hgroup .phone{width: 100%; float: left; margin-bottom: 20px; font-size: 40px;}
    footer{width: 95%;}
/*------------menu-------------*/
#menu{width:92%;height:auto;min-height:40px;padding:0; position: absolute;top: 0;margin: 0px 0px 50px 0px;}
#sub-menu{display:none}
#menu label {display:block}
#menu ul {padding: 0;width: 100%;margin: 0 auto;}
#menu ul li{border-bottom:solid 1px #fff;line-height:40px;width: 100%;padding:0;}
#menu ul li a{display:block;height:40px;line-height:40px;width:98%;text-align:center;color:#FFFFFF;background:#047447;font-size: 16px;padding: 5px 3px;}
#menu ul li.current_page_item a, #menu ul li.current-menu-item a {color:#FFF;background:#ff4f00;}
#menu ul li:hover a{background:#ff4f00;color:#FFFFFF}
.show-menu{width:100%; display:block;color:#fff;background:#047447;text-align:center;padding:10px 0;margin-bottom:5px; font-family: 'Acme', sans-serif;}
input[type=checkbox]:checked ~ #sub-menu{display:block;margin:0;padding:0;}
      }