/*
Theme Name: Dunwoody GA Garage Door repair
Theme URI: http://dunwoodygaragedoorrepair.com/
Author: Dunwoody GA Garage Door repair
Author URI: http://dunwoodygaragedoorrepair.com/
*/
 .e-mail:before{content:attr(data-website) "\0040" attr(data-user);unicode-bidi:bidi-override;direction:rtl}

/* 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}
body{background-color: #cfcfcf;margin: 0;}

/* CSS Document */
.box{float: left;}
.page{max-width: 960px;margin: 0 auto;position: relative;font-size: 16px;line-height: 28px;}
#pagebody {width:100%;margin:0 auto;background-color: #FFFFFF;}
.row {display:flow-root;}
a {text-decoration:none; font-weight: bold;}
.pnf {text-align: center;}
.box1{padding: 15px 1%; color: #212121;width:67%;}
.box1 a{text-decoration:none; font-weight: bold;color: #212121;}
.box2 a{text-decoration:none; font-weight: bold;color: #000;}
.box1 img{float: right; margin: 70px 20px 0px 20px;}
.box1 h2{color: #FFFFFF;}
.box2{ color: #042e3a; padding: 15px 2%;width:60%;float:left}

/* banner */
.banner {height: 400px;margin: 0 auto;width: 960px;top: 107px;position: relative;}
.banner img {max-width:100%;}
.header {display:flow-root; background-color: #00163f;padding:0;position: fixed;width: 100%;z-index: 1;}
.logo {width:50%;float:left;text-align: center;}
.phone {width:50%;float:left;text-align: center;}
.phonelink {font-size:25px;}

h1{text-transform: uppercase; font-family: 'Fugaz One', cursive; font-size: 24px; font-weight: bold; text-align: center; color: #00163f;}
.pic1{float:right;}
.pic2{ margin-right: 20px;float:left; margin-top: 20px;}
.content {width: 95.9%;float:left; padding: 20px; font-family: 'Lato', sans-serif; text-align: justify;position: relative;background-color: #FFFFFF;}

/* Single Style */
.postbody {padding:10px 0;display:flow-root;width: 100%;}
.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;}

.g-recaptcha {max-width:100%;}.g-recaptcha * {
        margin-left: 100px;}
/*------------ Offer -------------*/
.offer {width:100%;margin:0 0 15px;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;}
.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}

/*------------Footer-------------*/
.contact{max-width: 30%; float: right;background-color:#042e3a; opacity: 0.9;position: absolute; right:0;}
contact{clear: both;max-width: 100%;text-align: center;margin: 15px 0 0px 0;padding: 5px 1%;font-size: 16px; }
.contact {color:#FFFFFF;padding:10px 0;display:flow-root;}
.contact-widget-1 {background:#1d4162;width:99.5%;float:left;}
.contact-widget-2 {color:#FFFFFF; background-image: url(images/background-contact.png);background-size: cover;font-family: 'Lato', sans-serif; width:99.5%;float:left;}
.contact-widget-2 a{color:#FFFFFF;}
.contact .widget {width: 100%;padding: 10px;}
.contact .widget-title {text-align: center; color:#FFFFFF;font-family: 'Fugaz One', cursive; font-size: 35px;padding: 0px; line-height: 0px;}
.copyright{text-align: center;padding: 2px 0px;float: left; position: relative; font-family: 'Lato', sans-serif;background-color: #00163f;width:100%;color:#FFFFFF;}
.footer-widget-1 {width: 100%;float: left;background-color: #00163f;background-image: url(images/bg-footer.png);background-size: cover;}
.footer-widget-2 {clear: both; width: 960px; margin: 0 auto;}
#text-2{padding-bottom: 75px; width: 960px;margin: 0 auto;;position: relative;}
#text-2 .widget-title{font-family: 'Fugaz One', cursive;color:#FFFFFF;text-align: center;font-size: 35px;}
#text-6{background-color: #0a3256;}
div.wpcf7-validation-errors {border: 2px solid #f7e700;text-align: center;}
div.wpcf7-response-output {margin: 4em 0.5em 1em;padding: 0.2em 1em;}
.wpcf7-form p{margin: 0 auto;}
.wpcf7-textarea {height: 70px;width: 78%;}
.wpcf7 input[type=text] {height: 50px !important; width: 38%; float: left;}
.wpcf7-email {height: 50px !important;width: 38%;margin: 0px 10px;float: left;}
textarea {height: 50px; width: 260px;}
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 #ff4500}
input[name=your-email],
input[name=your-subject]{margin-left: 20px;}
input[name=your-name],
input[name=your-phone]{margin-left: 104px;}
.wpcf7-form-control.wpcf7-textarea {margin-left: 105px;}

.wpcf7-submit {-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;position: absolute;
left: 370px;width:250px;height:50px;cursor:pointer;margin:15px auto;border:2px solid #fff;-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:#FFFFFF;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)}
.wpcf7-submit:hover{border:2px solid #FFFFFFF;color:rgba(255,255,255,1);background:#ff4500}
.wpcf7-submit:active{border:2px solid #FFFFFF;background:#ff4500;-webkit-transition:none;-moz-transition:none;-o-transition:none;transition:none}

/*------------Header-------------*/


/*------------Container-------------*/
.content h2 {font-size: 18px; text-transform: uppercase; font-family: 'Fugaz One', cursive;  text-align: center; color: #ff4500;}


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

.sidebar ul li{font-family: 'Lato', sans-serif; font-size:16px; line-height: 28px;list-style: none;}
.sidebar .widget {background:#efefef;}
.sidebar .widget-title {color:#1d4162; font-family: 'Fugaz One', cursive; text-align: center;}
#text-4{width: 42.5%;font-size: 14px;float: left;text-align: center; background:#fa4041;margin:10px;color:#FFFFFF;font-family: 'Lato', sans-serif;color: #FFFFFF;}
#text-4 a{color: #fff;font-size:14px;}
#media_image-2{width: 44%;float: left;text-align: center;}
.textwidget {line-height: 22px;}
#text-3{width: 100%;float: left;text-align: center; margin:10px;color:#042e3a;font-family: 'Lato', sans-serif;color: #00163f;}
#text-3 a {color: #00163f;}
#text-3 ul li{list-style: none;line-height: 26px;}

#text-3 .widget-title{color:#ff4500; font-family: 'Fugaz One', cursive; text-align: center;font-size: 28px;}
#text-4 .widget-title{color:#FFFFFF; font-family: 'Fugaz One', cursive; text-align: center;font-size: 28px;}
#text-5 .widget-title{color:#FFFFFF; font-family: 'Fugaz One', cursive; text-align: center;font-size: 28px;}
#text-5{width: 42.5%;font-size: 14px; float: left;text-align: center;background:#042e3a; margin:10px;color:#042e3a;font-family: 'Lato', sans-serif;color: #FFFFFF;}
#text-5 a{color: #FFFFFF; font-size: 14px;font-weight: normal;}
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;}
.widget{width: 98%;padding: 2.5%;}
#text-11 {line-height: 20px;font-size: 14px;text-align: center;}
.coupon{width: 30%;float: right;}


div.wpcf7-validation-errors {border: 2px solid #f7e700;text-align: center;color: #FFFFFF;}
/*------------Menu-------------*/
#menu {position:relative;display:block;overflow:hidden;float:none;padding:0;margin:107px 0 15px 0;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;background: #00163f;width:100%;}
#menu ul {padding:0;width: 960px;margin: 0 auto;}
#menu ul li {display:block;float:left;padding:10px 15px;transition: all 2.7s ease 1.5s;list-style: none;}
#menu ul li a {position:relative;padding: 20px 18px;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: 'Fugaz One', cursive;}
#menu ul li:hover a, #menu ul li.current_page_item a, #menu ul li.current-menu-item a {background:#ff4500;color:#FFFFFF;font-size:18px;}
#menu ul li.current_page_item {background:#ff4500;color:#FFFFFF;overflow:hidden;}
#menu ul li.current-menu-item {background:#ff4500;color:#FFFFFF;overflow:hidden;}
#menu input[type=checkbox], #menu label {display:none}


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

#pagebody{width: 95%;}
.box1{width: 97%; padding: 15px 2%;}
/* banner */
.header {padding:0;display: flow-root;margin-top: 40px;position: static;width: 100%;z-index: 1;}
.banner {height:350px;max-width:100%; top: 0px;}
.banner img {max-width:100%; height: auto;}
.contact{width:100%; height: auto; display: none;}

.logo {width:100%;text-align: center;}
.phone {width:100%;text-align: center;}

.phonelink {float:none;}
h1{font-size: 18px; text-align: center; }
.content {width:91%;text-align: center; }
.box2 {width: 100%;}
.box1 {width: 100%;}
.coupon{width: 100%;float:left;}
#text-5 {width: 90%;}
.pic1{width: 100%; height:auto;}
.pic2{width: 100%; height:auto;float: left;margin: 0;}
.content ul li {list-style: none;}

/* Single Style */
.postbody {width: 100%;}
/* archive */
.singlepost {width:95%;float:left;}
/*------------Footer-------------*/
footer{clear: both;max-width: 97%;text-align: center;margin: 15px 0 0px 0;padding: 5px 1%; }
.footer-widget-1 {background:#00163f;width:99.5%;float:left;}
.footer-widget-2 {width:99.5%;float:left;}
.footer .widget {width: 100%;padding: 10px;}
.copyright{text-align: center;padding: 2px 0px;width:97%;}
#text-2{width: 98%;float: left;}
.wpcf7-form p{margin: 0 auto;}
.wpcf7-textarea {height: 70px;width: 78%;}
.wpcf7 input[type=text] {height: 50px !important; width: 94%; float: left;}
.wpcf7-email {height: 50px !important;width: 94%;margin: 0px 10px;float: left;}
textarea {height: 50px; width: 260px;}
input[name=your-email],
input[name=your-subject]{margin-left: 2px;}
input[name=your-name],
input[name=your-phone]{margin-left: 2px;}
.wpcf7-form-control.wpcf7-textarea {margin-left: 0px;}
.wpcf7-form-control.wpcf7-submit {width: 50%;margin: 0;position: static;}
/* CSS Document */
.box{float: left;}
.page{max-width: 100%;margin: 0 auto;position: relative;padding: 5px;}
/*------------Container-------------*/
.content h2 {font-size: 16px;color: #ff4500;text-transform: uppercase;}
a {color: #000;}
/*------------Sidebar-------------*/
.sidebar {width:100%;float:left;clear: both;}
.sidebar ul li{font-family: 'Lato', sans-serif; font-size:16px; line-height: 28px;}
.sidebar .widget-title {color:#1d4162; font-family: 'Fugaz One', cursive; text-align: center;}
#text-4{width: 91%;float: left;padding: 2.5%; margin-right: 20px;}
#media_image-2{width: 95%;float: left;text-align: center; height: auto;}
#text-3{width: 93%;float: left;clear: both;}
#text-3 a {width: 100%;float: left;font-size: 14px;}
.widget{width: 98%;float: left;padding: 2.5%;}
/*------------menu-------------*/
#menu{width:97%;height:auto;min-height:40px;padding:0; position: absolute;top: 0;margin: 0px 0px 50px 0px;}
#sub-menu{display:none}
#menu {width: 95%;}
#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:#00163f;font-size: 16px;padding: 5px 3px;}
#menu ul li.current_page_item a, #menu ul li.current-menu-item a {color:#FFF;background:#ff4500;}
#menu ul li:hover a{background:#ff4500;color:#FFFFFF}
.show-menu{display:block;color:#fff;background:#ff4500;text-align:center;padding:10px 0;margin-bottom:5px}
input[type=checkbox]:checked ~ #sub-menu{display:block;margin:0;padding:0;}
}


@media only screen and (max-width:700px){
    
#pagebody{width: 95%;}
.box1{width: 97%; padding: 15px 2%;}
/* banner */
.header {padding:0;display: flow-root;margin-top: 40px;position: static;width: 100%;z-index: 1;}
.banner {height:220px;max-width:100%; top: 0px;}
.banner img {max-width:100%; height: auto;}
.contact{width:100%; height: auto; display: none;}

.logo {width:100%;text-align: center;}
.phone {width:100%;text-align: center;}

.phonelink {float:none;}
h1{font-size: 18px; text-align: center; }
.content {width:88%;text-align: center; }
.box2 {width: 100%;}
.box1 {width: 100%;}
.coupon{width: 100%;float:left;}
#text-5 {width: 90%;}
.pic1{width: 100%; height:auto;}
.pic2{width: 100%; height:auto;float: left;margin: 0;}
.pic1 img{width: 100%; height:auto;}
.pic2 img{width: 100%; height:auto;float: none;}

/* Single Style */
.postbody {width: 100%;}
/* archive */
.singlepost {width:95%;float:left;}
/*------------Footer-------------*/
footer{clear: both;max-width: 97%;text-align: center;margin: 15px 0 0px 0;padding: 5px 1%; }
.footer-widget-1 {background:#00163f;width:99.5%;float:left;}
.footer-widget-2 {width:99.5%;float:left;}
.footer .widget {width: 100%;padding: 10px;}
.copyright{text-align: center;padding: 2px 0px;width:97%;}
#text-2{width: 98%;float: left;}
.wpcf7-form p{margin: 0 auto;}
.wpcf7-textarea {height: 70px;width: 78%;}
.wpcf7 input[type=text] {height: 50px !important; width: 94%; float: left;}
.wpcf7-email {height: 50px !important;width: 94%;margin: 0px 10px;float: left;}
textarea {height: 50px; width: 260px;}
input[name=your-email],
input[name=your-subject]{margin-left: 2px;}
input[name=your-name],
input[name=your-phone]{margin-left: 2px;}
.wpcf7-form-control.wpcf7-textarea {margin-left: 0px;}
.wpcf7-form-control.wpcf7-submit {width: 50%;margin: 0;position: static;}
/* CSS Document */
.box{float: left;}
.page{max-width: 100%;margin: 0 auto;position: relative;padding: 5px;}
/*------------Container-------------*/
.content h2 {font-size: 16px;color: #ff4500;text-transform: uppercase;}
a {color: #000;}
/*------------Sidebar-------------*/
.sidebar {width:100%;float:left;clear: both;}
.sidebar ul li{font-family: 'Lato', sans-serif; font-size:16px; line-height: 28px;}
.sidebar .widget-title {color:#1d4162; font-family: 'Fugaz One', cursive; text-align: center;}
#text-4{width: 88%;float: left;padding: 2.5%; margin-right: 20px;}
#media_image-2{width: 95%;float: left;text-align: center; height: auto;}
#text-3{width: 87%;float: left;clear: both;}
#text-3 a {width: 100%;float: left;font-size: 14px;}
.widget{width: 98%;float: left;padding: 2.5%;}
/*------------menu-------------*/
#menu{width:97%;height:auto;min-height:40px;padding:0; position: absolute;top: 0;margin: 0px 0px 50px 0px;}
#sub-menu{display:none}
#menu {width: 95%;}
#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:#00163f;font-size: 16px;padding: 5px 3px;}
#menu ul li.current_page_item a, #menu ul li.current-menu-item a {color:#FFF;background:#ff4500;}
#menu ul li:hover a{background:#ff4500;color:#FFFFFF}
.show-menu{display:block;color:#fff;background:#ff4500;text-align:center;padding:10px 0;margin-bottom:5px}
input[type=checkbox]:checked ~ #sub-menu{display:block;margin:0;padding:0;}
}


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

#pagebody{width: 95%;}
.box1{width: 97%; padding: 15px 2%;}
/* banner */
.header {padding:0;display: flow-root;margin-top: 40px;position: static;width: 100%;z-index: 1;}
.banner {height:170px;max-width:100%; top: 0px;}
.banner img {max-width:100%; height: auto;}
.contact{width:100%; height: auto; display: none;}
.logo img{width:100%; height: auto;}
.logo {width:100%;text-align: center;}
.phone {width:100%;text-align: center;}
.phone img{width:100%; height: auto;}
.phonelink {float:none;}
h1{font-size: 18px; text-align: center; }
.content {width:88%;text-align: center; }
.box2 {width: 100%;}
.box1 {width: 100%;}
.coupon{width: 100%;float:left;}
#text-5 {width: 90%;}
.pic1{width: 100%; height:auto;}
.pic2{width: 100%; height:auto;float: left;margin: 0;}
.pic1 img{width: 100%; height:auto;}
.pic2 img{width: 100%; height:auto;float: none;}

/* Single Style */
.postbody {width: 100%;}
/* archive */
.singlepost {width:95%;float:left;}
/*------------Footer-------------*/
footer{clear: both;max-width: 97%;text-align: center;margin: 15px 0 0px 0;padding: 5px 1%; }
.footer-widget-1 {background:#00163f;width:99.5%;float:left;}
.footer-widget-2 {width:99.5%;float:left;}
.footer .widget {width: 100%;padding: 10px;}
.copyright{text-align: center;padding: 2px 0px;width:97%;}
#text-2{width: 98%;float: left;}
.wpcf7-form p{margin: 0 auto;}
.wpcf7-textarea {height: 70px;width: 78%;}
.wpcf7 input[type=text] {height: 50px !important; width: 94%; float: left;}
.wpcf7-email {height: 50px !important;width: 94%;margin: 0px 10px;float: left;}
textarea {height: 50px; width: 260px;}
input[name=your-email],
input[name=your-subject]{margin-left: 2px;}
input[name=your-name],
input[name=your-phone]{margin-left: 2px;}
.wpcf7-form-control.wpcf7-textarea {margin-left: 0px;}
.wpcf7-form-control.wpcf7-submit {width: 50%;margin: 0;position: static;}
/* CSS Document */
.box{float: left;}
.page{max-width: 100%;margin: 0 auto;position: relative;padding: 5px;}
/*------------Container-------------*/
.content h2 {font-size: 16px;color: #ff4500;text-transform: uppercase;}
a {color: #000;}
/*------------Sidebar-------------*/
.sidebar {width:100%;float:left;clear: both;}
.sidebar ul li{font-family: 'Lato', sans-serif; font-size:16px; line-height: 28px;}
.sidebar .widget-title {color:#1d4162; font-family: 'Fugaz One', cursive; text-align: center;}
#text-4{width: 88%;float: left;padding: 2.5%; margin-right: 20px;}
#media_image-2{width: 95%;float: left;text-align: center; height: auto;}
#text-3{width: 87%;float: left;clear: both;}
#text-3 a {width: 100%;float: left;font-size: 14px;}
.widget{width: 98%;float: left;padding: 2.5%;}
/*------------menu-------------*/
#menu{width:97%;height:auto;min-height:40px;padding:0; position: absolute;top: 0;margin: 0px 0px 50px 0px;}
#sub-menu{display:none}
#menu {width: 95%;}
#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:#00163f;font-size: 16px;padding: 5px 3px;}
#menu ul li.current_page_item a, #menu ul li.current-menu-item a {color:#FFF;background:#ff4500;}
#menu ul li:hover a{background:#ff4500;color:#FFFFFF}
.show-menu{display:block;color:#fff;background:#ff4500;text-align:center;padding:10px 0;margin-bottom:5px}
input[type=checkbox]:checked ~ #sub-menu{display:block;margin:0;padding:0;}
}
 form.CUS input.subject { display: none; }
.CUS input, .CUS textarea{ background-color: #ffffff;
margin: 10px;border-radius: 8px;height: 40px;width: 45%;padding-left: 1%; color:#333;}
.CUS select{background-color: #ffffff;border-radius: 8px;height: 40px;margin: 10px; width: 45%;color:#333;display:inline;}
@media (max-width:1200px){.CUS input, .CUS textarea{width: 95%;}}