html{font-family:"Open Sans",Arial,Myriad Pro;}
body{font-family:"Open Sans",Arial,Myriad Pro;background-color:#fff;color:#656669;}
.clear{clear:both;}
.bold-text{font-weight:bold}
.double-column{-webkit-column-count:2;-moz-column-count:2;column-count:2;}
ul li{list-style-type:none;}
#branding{padding:15px 0;border-bottom:#E5E8F2 1px solid;}
#logo{position:relative;}
.contact_us .title,
.contact_us .title a{color:#0043A6;text-shadow:2px 2px rgba(0, 0, 0, 0.07), 2px 2px rgba(0, 0, 0, 0.06);}
.contact_us .title{font-size:30px;font-weight:bold;margin:32px 0 0 0;line-height:100%;text-align:right;}
.contact_us .title a{font-size:40px;font-weight:800;text-decoration:none;}
.contact_us .sub-title{color:#DF3528;margin:0 0 20px;text-align:right;}
header nav{clear:both;margin-bottom:5px;}
.parent_menu{list-style-type:none;padding:0;position:relative;margin-bottom:0;float:right;}
.parent_menu > li{float:left;padding:3px;transition:background 0.3s ease;width:110px;margin-right:4px;}
.parent_menu > li:hover{background:#337ab7;}
.parent_menu > li.active{background:#337ab7;}
.parent_menu > li.active > a{color:#fff;font-weight:700;}
.parent_menu > li > a{color:#2c3e50;display:block;padding:0;margin:0 3px;text-align:center;text-decoration:none;font-weight:700;}
.parent_menu > li:hover > a{color:#fff;}
.menu-level-2-1, .menu-level-2-2, .menu-level-2-3, .menu-level-2-4 .menu-level-2-5{display:none;}
.parent_menu > li:hover .child-menu{height:260px;}
.parent_menu > li:hover .child-menu2{height:280px;}
.parent_menu > li:hover .child-menu3{height:160px;}
.parent_menu > li:hover .child-menu4{height:280px;}
.parent_menu > li:hover .child-menu5{height:200px;}
.child-menu, .child-menu2, .child-menu3, .child-menu4{background:#DF3528;-webkit-border-radius:0 0 5px 5px;-moz-border-radius:0 0 5px 5px;border-radius:0 0 5px 5px;height:0;list-style-type:none;padding:0;position:absolute;width:auto;top:26px;-webkit-transition:height 0.3s ease-in;-moz-transition:height 0.3s ease-in;transition:height 0.3s ease-in;overflow:hidden;z-index:10;}
.child-menu{left:0;}
.child-menu2{left:114px;}
.child-menu3{left:228px;}
.child-menu4{left:341px;}
.child-menu > li, .child-menu2 > li, .child-menu3 > li, .child-menu4 > li{float:none;margin:10px;}
.child-menu > li > a, .child-menu2 > li > a , .child-menu3 > li > a , .child-menu4 > li > a{color:#fff;left:0;padding:5px;position:relative;text-decoration:none;-webkit-transition:color 0.4s ease-out,left 0.2s ease-out;-moz-transition:color 0.4s ease-out,left 0.2s ease-out;transition:color 0.4s ease-out,left 0.2s ease-out;}
#off-canvas-1 img, #off-canvas-2 img, #off-canvas-3 img, #off-canvas-4 img{display:none;}
.coupon-wrapper{background:url("https://c3ezh515.caspio.com/dp.asp?AppKey=edce4000300b56bd4e06469d83ad") no-repeat 0% 0%;height:0px;}
[class*="coupon_"]{background-size:100%;display:none;float:right;height:160px;padding:10px 0 0 0;position:relative;bottom:-250px;width:325px;}
[class*="coupon_"] p{color:#fff;font-size:20px;text-align:center;}
.print-button{margin:0 10px 0 0;width:7%;cursor:pointer;}
.all_coupons img{margin:0 10px 10px 0;width:45%}
.article-wrap{background-color:#ecf0f1;border-bottom:#E5E8F2 1px solid;border-top:#E5E8F2 1px solid;}
article{height:auto;margin:0 auto;padding:45px 0;text-align:center;}
.box-interior .number{color:#5eabdf;display:inline-block;float:left;font-size:800%;font-weight:bold;line-height:75%;margin:0 10px 0 0;width:25%;}
.box-interior .detail{float:left;padding:0 10px 0 0;width:94%;}
.box-interior h4{color:#2c3e50;font-size:165%;margin:0 0 2px;text-align:center;font-weight:300;}
.box-interior p{color:#6E6F74;margin:0 auto;line-height:145%;width:100%;font-size:13px;}
section{background:#fff;}
.copy_wrapper{margin:0 auto;width:1000px;}
.left-ribbon{background:url(../images/ribbon.png) no-repeat;}
.right-ribbon{background:url(../images/ribbon.png) no-repeat -20px 0;}
#content{min-height:150px;padding:20px 0 20px 0;}
.left-ribbon,
.right-ribbon{float:left;height:30px;width:20px;}
#left-content p{text-align:justify;}
#left-content h1{color:#444;font-size:225%;margin:0 0 10px;padding:0 0 5px;font-weight:600;border-bottom:#ddd solid 1px;}
#left-content h2{color:#2D2A8E;margin:10px 0 5px;}
#left-content h4{color:#DB0000;font-size:18px;font-weight:600;margin-top:0;}
#left-content p.title{font-weight:bold;margin:0;}
#left-content li{margin-bottom:10px;}
aside{}
.service{height:100%;margin:90px auto;width:85%;}
.service p{color:#444;font-size:18px;font-weight:bold;margin:10px 0;text-align:center;border-bottom:#ddd 1px solid;padding:8px 0;}
.service ul{display:inline-block;height:100%;list-style-type:none;margin:0;padding:0;text-align:center;width:100%;}
.service li{font-size:99%;padding:5px 0;}
.service li:nth-child(even){}
.service li:nth-child(odd){}
.service a{color:#6E6F74}
.testimonials{list-style-type:none;padding:0;}
.testimonials li{padding:10px;}
.testimonials li:nth-child(odd){background:#dcdcdc;}
.testimonials .quotes{font-style:italic;}
.testimonials .customers{font-weight:bold;margin:0;}
footer{background:#141414;padding:20px 0}
footer .contact_us .title,
footer .contact_us .title a{color:#DDD;text-shadow:none;}
footer .contact_us .sub-title{color:#DDD;}
.contact-bottom .contact_us .title{margin:0;text-align:left;}
.contact-bottom .contact_us .sub-title{text-align:left;}
#bottomnav{font-weight:bold;height:auto;}
#bottomnav ul{display:inline-block;list-style-type:none;padding:0;}
#bottomnav ul li{border-right:1px solid #aaaaaa;float:left;padding:0;}
#bottomnav ul li:last-child{border-right:none;}
#bottomnav ul li a,
#copyright p,
#copyright a{color:#aaaaaa;}
#bottomnav ul li a{font-size:11px;font-weight:normal;text-decoration:none;transition:color 0.5s ease;padding:0 10px;}
#bottomnav ul li:first-child a{padding:0 10px 0 0}
#bottomnav ul li a:hover{color:#999;text-decoration:underline;}
#copyright p{font-size:11px;padding-right:10%;text-align:right;}
#copyright a{text-decoration:none;}
#mobnav{display:none;}
#desknav{display:block;}
#copyright a:hover{text-decoration:underline;}
#callnowbutton {display:none;}
#highcharts{font-family:"Open Sans",Arial,Myriad Pro;}
.myButton
{
-moz-box-shadow: 0px 39px 0px -24px #337ab7;
-webkit-box-shadow: 0px 39px 0px -24px #337ab7;
box-shadow: 0px 39px 0px -24px #337ab7;
background-color:#3d57da;
-moz-border-radius:28px;
-webkit-border-radius:28px;
border-radius:40px;
border:1px solid #ffffff;
display:inline-block;
cursor:pointer;
color:#ffffff;
font-family: Open Sans;
font-size:15px;
font-weight:bold;
padding:11px 15px;
text-decoration:none;
text-shadow:0px 1px 0px #b23e35;
}
.myButton:hover{background-color:#337ab7;}
.myButton:active{position:relative;top:1px;}
#map {height: 450px;width: 100%;}
/* Optional: Makes the sample page fill the window. */
html, body {
height: 100%;
margin: 0;
padding: 0;
}
@media (max-width:1000px){.left-ribbon,
.right-ribbon{display:none;}
article{width:100%}
.copy_wrapper{width:100%}
#callnowbutton {display:none;}
#mobnav{display:none;}
#desknav{display:block;}
}
@media (max-width:767px){#logo{position:relative;top:10px;}
.logo{height:auto;margin:0 auto;width:300px;}
.contact_us{float:none;margin:10px 0 0;}
.contact_us .title{-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;font-size:190%;padding:5px;text-shadow:none;}
.contact_us .title:active{background:#f00;}
.contact_us .title,
.contact_us .sub-title{text-align:center;width:100%;}
.contact_us .title a{font-size:40px;text-shadow:none;}
#banner{background:#fff;height:150px;padding:10px 0;}
nav{background:none;}
.parent_menu{background:none;border:none;display:inline-block;height:auto;padding:0;width:100%;}
.parent_menu > li{background:rgb(74,73,73);background:-moz-linear-gradient(top, rgba(74,73,73,1) 0%, rgba(40,40,40,1) 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(74,73,73,1)), color-stop(100%,rgba(40,40,40,1)));background:-webkit-linear-gradient(top, rgba(74,73,73,1) 0%,rgba(40,40,40,1) 100%);background:-o-linear-gradient(top, rgba(74,73,73,1) 0%,rgba(40,40,40,1) 100%);background:-ms-linear-gradient(top, rgba(74,73,73,1) 0%,rgba(40,40,40,1) 100%);background:linear-gradient(to bottom, rgba(74,73,73,1) 0%,rgba(40,40,40,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#4a4949', endColorstr='#282828',GradientType=0);border-right:none;float:none;margin:0 0 1px;padding:10px;text-align:center;transition:background 0.2s ease;width:100%}
.parent_menu > li:first-child,
.parent_menu > li:last-child{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;}
.parent_menu > li:active{background:#f00;}
.parent_menu > li > a{color:#fff;display:inline-block;font-size:125%;margin:0 10px 0 0;padding:0;width:75%;}
.parent_menu > li > a,
.parent_menu > li:hover > a,
.parent_menu > li.active > a{border:none;}
.child-menu, .child-menu2, .child-menu3, .child-menu4{background:none;}
.menu-level-1, .menu-level-2, .menu-level-3, .menu-level-4{border-right:1px solid #fff;}
.menu-level-2-1, .menu-level-2-2, .menu-level-2-3, .menu-level-2-4{bottom:2px;display:inline-block;cursor:pointer;position:relative;}
#off-canvas-1, #off-canvas-2, #off-canvas-3, #off-canvas-4{left:-100%;display:block;padding:0 4%;position:fixed;top:0;width:100%;z-index:15;}
#off-canvas-1 .child-menu, #off-canvas-2 .child-menu2, #off-canvas-3 .child-menu3, #off-canvas-4 .child-menu4{background:none;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;height:auto;left:0;list-style-type:none;padding:10px 20px;position:absolute;top:40px;width:100%;z-index:20;}
#off-canvas-1 .child-menu li, #off-canvas-2 .child-menu2 li, #off-canvas-3 .child-menu3 li, #off-canvas-4 .child-menu4 li{background:rgba(221, 218, 218, 1);-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;border:1px solid #666;margin:0 auto 3px;}
#off-canvas-1 .child-menu li a, #off-canvas-2 .child-menu2 li a, #off-canvas-3 .child-menu3 li a, #off-canvas-4 .child-menu4 li a{display:block;font-size:110%;padding:5px;}
#off-canvas-1 .child-menu li:active, #off-canvas-2 .child-menu2 li:active, #off-canvas-3 .child-menu3 li:active, #off-canvas-4 .child-menu4 li:active{background:#f00;}
#off-canvas-1 img, #off-canvas-2 img, #off-canvas-3 img, #off-canvas-4 img{display:block;position:relative;z-index:20;}
#slide-overlay{background:#000;height:100%;left:0;opacity:0.6;position:fixed;top:0;width:100%;z-index:15;}
.coupon-wrapper{background:none;height:auto;padding:10px 0}
[class*="coupon_"]{background-size:100%;height:146px;float:none;margin:0 auto;width:290px;top:0;}
[class*="coupon_"] p{font-size:18px}
.box-interior{border-right:none;}
article{padding:40px 0 0;}
#left-content h1{font-size:130%;text-align:center;}
#left-content h3{text-align:center;}
.service{float:none;height:100%;margin:0 auto;width:100%;}
.box-interior{border-bottom:1px dashed #5EABDF;margin:0 0 20px;min-height:130px;}
.box-interior .number{text-align:right}
.box-interior.last-child{border-bottom:none;margin:0;}
footer{margin:0;}
footer nav{float:none;}
.contact-bottom{border-bottom:1px solid #ccc;margin:0 auto;padding:0 0 10px 0;width:90%;}
.contact-bottom p,
.contact-bottom h2{color:#fff;text-align:center;}
.contact-bottom .contact_us p.title{background:none;padding:0 0 5px;text-align:center;}
.contact-bottom .contact_us p.sub-title{text-align:center;}
.contact-bottom p:nth-child(2){margin:0;}
#bottomnav{margin:10px auto;padding:0;width:85%;}
#bottomnav ul{height:auto;display:block;width:100%;}
#bottomnav p{font-size:125%;text-align:center;}
#bottomnav ul li{border-right:none;float:none;text-align:center;}
#bottomnav ul li img{display:none;}
#bottomnav ul li a{display:block;font-size:80%;padding:0;}
#copyright{padding:25px 0 50px;}
#copyright p{padding:0;text-align:center;}
#mobnav{display:block;}
#desknav{display:none;}
}
@media screen and (max-width:650px)
{#callnowbutton {display:block; height:48px; position:fixed; right:0; width:100%; bottom:0px; border-top:2px solid rgba(163,249,100,1); background: center 10px no-repeat #81d742; text-align: center;
font-size: 30px; text-decoration:none; box-shadow:0 0 5px #888; -webkit-box-shadow:0 0 5px #888; -moz-box-shadow:0 0 5px #888; z-index:9999;}}
/* Change max-width to what size you want the form to change at */
@media (max-width: 768px) {
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#datapage-form table { width: 100% !important; margin: 0px !important; }
#datapage-form td { display: block; }
#datapage-form input,
#datapage-form select,
#datapage-form textarea { width: auto !important; }
#datapage-form input[type=radio], #datapage-form input[type=checkbox] {
width: auto !important;
}
#datapage-form img[alt~="Calendar"] {
position: relative; left: -19px; top: 4px;
}
#datapage-form img[alt~="Audio"] {
position: relative; left: -19px; top: 4px;
}
#datapage-form img[alt~="Download"] {
position: relative; left: -46px; top: 4px;
}
#datapage-form input + span > a {
display: inline-block;
width: 1px;
overflow: visible;
position: relative;
left: -8px;
}
#datapage-form input + a[href="#"],
#datapage-form input + a[href="#"] + a {
display: inline-block;
width: 1px;
overflow: visible;
position: relative;
left: -8px;
}
@media (max-width: 768px) { /* Change max-width to what size you want the table to change at */
#crt { display: none; }
#cr { display: none; }
#charts{
display: none;
}
#tabular * {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#tabular *:before,
#tabular *:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#tabular table[id^="PageActionsCtnr"] {
border-spacing: 0px !important;
border-collapse: separate !important;
margin-bottom: 7px !important;
}
#tabular table[id^="PageActionsCtnr"] td {
display: block;
width: auto!important;
float: left;
text-align: left;
padding: 1px !important;
}
#tabular table[id^="PageActionsCtnr"] td div {
text-align: left !important;
}
#tabular table[data-cb-name^="cbTable"] {
border: none !important;
background: transparent !important;
display: block;
-webkit-box-shadow: none !important;
-moz-box-shadow: none !important;
box-shadow: none !important;
}
#tabular table[data-cb-name^="cbTable"] tbody {
display: block;
}
#tabular table[data-cb-name^="cbTable"] tr:first-child {
display: block;
position: absolute;
top: -9999px;
left: -9999px;
}
#tabular table[data-cb-name^="cbTable"] tr {
display: block;
border: 1px solid #dddddd;
margin-bottom: 7px;
width: 100%;
}
#tabular table[data-cb-name^="cbTable"] td {
display: block;
border: none !important;
position: relative !important;
padding-bottom: 5px !important;
text-align: left !important;
}
#tabular table[data-cb-name^="cbTable"] td:before {
padding-right: 5px;
}
#tabular table[data-cb-name^="cbTable"] td[class^="cbResultSetActionCell"] {padding-bottom: 10px !important; padding-top: 7px !important;}
/* ----------------------------------------------------------
1c. Insert Column Labels into the content attributes below (copy rows and change the td:nth-of-type numbers as needed to match table column number)
------------------------------------------------------------ */
#tabular table[data-cb-name^="cbTable"] td:nth-of-type(1):before { content: "Start-up"; font-weight: bold;}
#tabular table[data-cb-name^="cbTable"] td:nth-of-type(2):before { content: "View Property"; font-weight: bold; }
#tabular table[data-cb-name^="cbTable"] td:nth-of-type(3):before { content: "Job"; font-weight: bold; }
#tabular table[data-cb-name^="cbTable"] td:nth-of-type(4):before { content: "Address"; font-weight: bold; }
#tabular table[data-cb-name^="cbTable"] td:nth-of-type(5):before { content: "Phone"; font-weight: bold; }
#tabular table[data-cb-name^="cbTable"] td:nth-of-type(6):before { content: "Scheduled"; font-weight: bold; }
#tabular table[data-cb-name^="cbTable"] td:nth-of-type(7):before { content: "Contract Customer"; font-weight: bold; }
#tabular table[data-cb-name^="cbTable"] td:nth-of-type(8):before { content: "Updated"; font-weight: bold; }
#tabular table[data-cb-name^="cbTable"] td:nth-of-type(9):before { content: "Completed By"; font-weight: bold; }
#tabular table[data-cb-name^="cbTable"] td:nth-of-type(10):before { content: "Needs Followup"; font-weight: bold; }
#tabular table[data-cb-name^="cbTable"] td:nth-of-type(11):before { content: "Age"; font-weight: bold; }
}
}