/*!
Theme Name: carlocksmithnewmilford.com
Theme URI: http://carlocksmithnewmilford.com
Author: carlocksmithnewmilford.com
Author URI: http://carlocksmithnewmilford.com
*/

/* *-._.-*-._.-*-._.-**-._.-*-._.-*-._.-*
font-family: 'Baloo', cursive;
font-family: 'Palanquin', sans-serif;
*-._.-*-._.-*-._.-**-._.-*-._.-*-._.-* */

/* *-._.-*-._.-*-._.-* Body *-._.-*-._.-*-._.-* */
body {margin:0;padding:0;background:#d5b58c url(images/natural-paper.png) repeat;font-family: 'Palanquin', sans-serif;}
.row {display:flow-root;}
a {text-decoration:none;color:#3d7a9f;}
.pagecontainer {width:100%;max-width:950px;margin:0 auto;display:flow-root;box-sizing:border-box;}

/* *-._.-*-._.-*-._.-* Menu *-._.-*-._.-*-._.-* */
.mainmenu {background:#262626;transition: top 50ms cubic-bezier(0.42, 0, 0.58, 1);color: rgba(255,255,255,0.9);margin:0;padding:0;border-bottom:2px solid #000;}
.mainmenu .menu {margin:0;padding:0;}
.mainmenu nav ul.sub-menu-0>li,nav ul>li a{font-size:13px}
.mainmenu ul{margin:0}
.mainmenu nav ul li {display:inline-block;transition:all 1s;}
.mainmenu nav ul > li a {font-size:1.1em;display:block;padding:0 15px;color:#fff;line-height:40px;font-family: 'Titillium Web', sans-serif;transition:all 1s;}
.mainmenu nav ul > li a:hover, .mainmenu .current-menu-item a {color:#ffb557;}

/* *-._.-*-._.-*-._.-* Header *-._.-*-._.-*-._.-* */
.header {padding:20px 0;display:flow-root;overflow:hidden;background:#ffaf4b;background:linear-gradient(to bottom, #ffaf4b 0%,#ff920a 100%);box-shadow: 0px 0px 8px 2px #000000;}
.logo {margin:0;padding:0;width:50%;float:left;}
.logo a {margin:0;padding:0;}
.logo img {margin:0;padding:0;height:85px;width:auto;max-width:100%;}
.phone {margin:0;padding:0;width:50%;float:left;text-align:right;}
.phone a {margin:0;padding:0;}
.phone img {margin:0;padding:0;padding:5px 0;height:75px;width:auto;max-width:100%;}

/* *-._.-*-._.-*-._.-* banner *-._.-*-._.-*-._.-* */
.banner {background:#fff;border:1px solid #E5E5E5;padding:10px;margin:15px 0;box-sizing:border-box;display:flow-root;overflow:hidden;}
.banner img {width:100%;border:4px solid #fff;box-sizing:border-box;}

/* *-._.-*-._.-*-._.-* page container *-._.-*-._.-*-._.-* */
.pagewrapper {float:none;width:100%;overflow:hidden;margin:0;padding:0;}
.pagewrapper .pagecontainer {box-sizing:border-box;}
.content {width:70%;float:left;box-sizing:border-box;padding-left:15px;}
.sidebar {width:30%;float:left;}

/* *-._.-*-._.-*-._.-* mainpage *-._.-*-._.-*-._.-* */
.mainpage {margin:15px 0;padding:15px;overflow:hidden;background:rgba(255,255,255,0.4);border:1px solid #E5E5E5;}
.mainpage h1 {font-family: 'Titillium Web', sans-serif;text-align:center;margin:0;padding:0;border-bottom:1px solid #ccc;}
.mainpage .scriptarea {overflow:hidden;color:#555;line-height:2em;}
.mainpage .scriptarea h2 {font-family: 'Titillium Web', sans-serif;color:#1687bf;}
.mainpage .scriptarea img {max-width:100%;}

/* *-._.-*-._.-*-._.-* 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;}
.nav-links {width:100%;display:flow-root;overflow:hidden;box-sizing:border-box;background:#efefef;border-radius:5px;}
.nav-previous {width:50%;float:left;box-sizing:border-box;padding:5px;}
.nav-next {width:50%;float:left;box-sizing:border-box;padding:5px;text-align:right;}

/* *-._.-*-._.-*-._.-* 404 *-._.-*-._.-*-._.-* */
.p404 {overflow:hidden;padding:25px 0;text-align:center;}
.p404 img {max-width:100%;height:auto}

/* *-._.-*-._.-*-._.-* Sidebar *-._.-*-._.-*-._.-* */
.sidebar .widget {background:#fff;border:1px solid #E5E5E5;margin:15px 0 0;overflow:hidden;}
.sidebar .widget-title {font-family: 'Titillium Web', sans-serif;margin:0;padding:5px 0;text-align:center;color:#000000;border-bottom:2px solid #1788c0;}
.sidebar form {padding:10px;}
.sidebar form input[type=text], .sidebar form input[type=email], .sidebar form input[type=tel] {width:100%;padding:8px 10px;margin:5px 0;display:inline-block;border:1px solid #ccc;border-radius:4px;box-sizing:border-box;}
.sidebar form textarea {width:100%;height:100px;margin:5px 0;padding:8px 10px;box-sizing:border-box;border:1px solid #ccc;border-radius:4px;background-color:#f8f8f8;resize:none;}
.sidebar form input[type=submit] {width:100%;background-color:#FFE400;color:#3A4E66;padding:8px 10px;margin:5px 0;border:1px solid #3A4E66;border-radius:4px;cursor:pointer;}

/* *-._.-*-._.-*-._.-* Offer *-._.-*-._.-*-._.-* */
.offer {background:rgba(255,255,255,0.4);border:1px solid #E5E5E5;padding:10px;width:100%;margin:15px 0 0;text-align:center;box-sizing:border-box;}
.offer img {box-sizing:border-box;width:auto;max-width:100%;height:auto;cursor:pointer;border-radius:10px;opacity: 1; transform: translate3d(3px, 3px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale3d(1, 1, 1);}
.modal{display:none;position:fixed;z-index:2;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}
@media only screen and (max-width:700px){.modal-content{width:100%}
}

/* *-._.-*-._.-*-._.-* 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}

/* *-._.-*-._.-*-._.-* Pricing Table *-._.-*-._.-*-._.-* */
#pricing-table{margin:50px auto;text-align:center;width:100%}
#pricing-table .plan{font:12px;text-shadow:0 1px rgba(255,255,255,.8);background:#627d4d;background:linear-gradient(to bottom, #627d4d 0%,#1f3b08 100%);border:1px solid #ddd;color:#fff;padding:20px;width:33%;float:left;position:relative;box-sizing:border-box;}
#pricing-table #most-popular{z-index:1;top:-13px;border-width:3px;padding:30px 20px;border-radius:5px;box-shadow:20px 0 10px -10px rgba(0,0,0,.15),-20px 0 10px -10px rgba(0,0,0,.15)}
#pricing-table .plan:nth-child(1){border-radius:5px 0 0 5px}
#pricing-table .plan:nth-child(4){border-radius:0 5px 5px 0}
#pricing-table h3{color:#fff;font-size:20px;font-weight:400;padding:20px;margin:-20px -20px 50px;background:#73880a;background:linear-gradient(to bottom, #73880a 0%,#73880a 100%);}
#pricing-table #most-popular h3{background:#627d4d;background:linear-gradient(to bottom, #627d4d 0%,#1f3b08 100%);margin-top:-30px;padding-top:30px;border-radius:5px 5px 0 0}
#pricing-table .plan:nth-child(1) h3{border-radius:5px 0 0}
#pricing-table .plan:nth-child(4) h3{border-radius:0 5px 0 0}
#pricing-table h3 span{display:block;font:700 25px/100px Georgia,Serif;color:#777;background:#fff;border:5px solid #fff;height:100px;width:100px;margin:10px auto -65px;border-radius:100px;box-shadow:0 5px 20px #ddd inset,0 3px 0 #999 inset}
#pricing-table ul{margin:20px 0 0;padding:0;list-style:none}
#pricing-table li{border-top:1px solid #ddd;padding:10px 0}
#pricing-table .signup{position:relative;padding:8px 20px;margin:20px 0 0;color:#fff;font:700 14px Arial,Helvetica;text-transform:uppercase;text-decoration:none;display:inline-block;background-color:#72ce3f;background-image:-webkit-gradient(linear,left top,left bottom,from(#72ce3f),to(#62bc30));background-image:-webkit-linear-gradient(#72ce3f,#62bc30);background-image:-o-linear-gradient(#72ce3f,#62bc30);background-image:-ms-linear-gradient(#72ce3f,#62bc30);background-image:linear-gradient(#72ce3f,#62bc30);border-radius:3px;text-shadow:0 1px 0 rgba(0,0,0,.3);box-shadow:0 1px 0 rgba(255,255,255,.5),0 2px 0 rgba(0,0,0,.7)}
#pricing-table .signup:hover{background-color:#62bc30;background-image:-webkit-gradient(linear,left top,left bottom,from(#62bc30),to(#72ce3f));background-image:-webkit-linear-gradient(#62bc30,#72ce3f);background-image:-o-linear-gradient(#62bc30,#72ce3f);background-image:-ms-linear-gradient(#62bc30,#72ce3f);background-image:linear-gradient(#62bc30,#72ce3f)}
#pricing-table .signup:active,#pricing-table .signup:focus{background:#62bc30;top:2px;box-shadow:0 0 3px rgba(0,0,0,.7) inset}
.clear:after,.clear:before{content:"";display:table}
.clear:after{clear:both}
.clear{zoom:1}

/* *-._.-*-._.-*-._.-* footer *-._.-*-._.-*-._.-* */
.footer {background:#212121;margin:15px 0 0;padding:35px 0;text-align:center;color:#FFF;padding:10px 0;display:flow-root;}
.footer a {color:#F37020;}
.footer b {font-family: 'Titillium Web', sans-serif;font-size:30px;text-transform:capitalize;}
.copyright {padding:10px 0;border-top:1px solid #323232;}

/* *-._.-*-._.-*-._.-* Magic Time *-._.-*-._.-*-._.-* */
.magictime{animation-duration:1s;animation-fill-mode:both}
.swap{animation-name:swap}@keyframes swap{0%{opacity:0;transform-origin:0 100%;transform:scale(0,0) translate(-700px,0)}100%{opacity:1;transform-origin:100% 100%;transform:scale(1,1) translate(0,0)}}
.puffIn{animation-name:puffIn}@keyframes puffIn{0%{opacity:0;transform-origin:50% 50%;transform:scale(2,2);filter:blur(2px)}100%{opacity:1;transform-origin:50% 50%;transform:scale(1,1);filter:blur(0)}}
.boingInUp{animation-name:boingInUp}@keyframes boingInUp{0%{opacity:0;transform-origin:50% 0;transform:perspective(800px) rotateX(-90deg)}50%{opacity:1;transform-origin:50% 0;transform:perspective(800px) rotateX(50deg)}100%{opacity:1;transform-origin:50% 0;transform:perspective(800px) rotateX(0)}}

/* *-._.-*-._.-*-._.-* Social Nav *-._.-*-._.-*-._.-* */
.social-nav,.social-nav a,.social-nav li{display:inline-block}
.social-nav{padding:0;list-style:none;margin:10px auto}
.social-nav a{float:left;width:48px;height:48px;font-size:20px;color:#FFF;text-decoration:none;cursor:pointer;text-align:center;line-height:48px;background:#000;position:relative;transition:.5s}
.model-0{position:fixed;transition:.5s;right:0;top:50px}
.model-0 li{float:none;display:block;text-align:center;}
.model-0 li img {margin:10% auto;max-height:80%}
.model-0 a:hover{padding-left:20px;width:65px}
.model-0 .facebook{background:#3b5998}
.model-0 .google-plus{background:#DD4A3A}
.model-0 .blogger{background:#f87f14}
.model-0 .youtube{background:#CC181E}


/* *-._.-*-._.-*-._.-* topbutton *-._.-*-._.-*-._.-* */
.topbutton {position:fixed;right:15px;bottom:10px;background:rgba(0,0,0,0.5);color:#fff;padding:10px;border-radius:50px;z-index:113}
.topbutton:hover {background:#000;}
.topbutton:visited{color:#fff;}

.mophonel{display:block;position:fixed;bottom:0;left:0;margin:15px;width:175px;height:50px;line-height:50px;background:#57c200;color:#fff;text-align:center;font-size:24px;overflow:hidden;border-radius:10px;z-index:112;}

@media screen and (max-width: 767px) {

}

@media screen and (max-width: 479px) {
.logo {margin:0 0 10px;width:100%;padding:15px 0;float:none;text-align:center;}
.logo img {width:auto;max-width:80%;height:auto;}
.phone {width:100%;padding:15px 0;float:none;text-align:center;}
.phone img {width:auto;max-width:80%;height:auto;}
.content {width:100%;float:none;padding:0;}
.sidebar {width:100%;float:none;}
#pricing-table .plan{width:90%;float:none;margin:15px auto;}
.mophonel{display:block;position:fixed;bottom:0;right:0;width:100%;height:60px;line-height:60px;background:#57c200;color:#fff;text-align:center;font-size:24px;margin:0;border-radius:0;z-index:112}
.mophonel:hover{color:#fff}
.topbutton{bottom:70px}
}