body,html{padding:0;margin:0}body{font:14px/20px Arial,sans-serif;color:#444;-webkit-text-size-adjust:none}img{max-width:99%;height:auto}span[title]{text-decoration:underline}img.full-width{max-width:99%!important}.custom-computers{text-align:center}.custom-computers a{font-size:18px;font-weight:700}.custom-computers p:last-of-type a{font-size:inherit;font-weight:inherit}.active{color:#b99d1e!important}.table-view,.directory-view{width:98%;display:table}.table-view p:first-of-type,.directory-view p:first-of-type{float:left;width:40%;margin:20px 0 30px}.table-view p:nth-of-type(2){color:#b40000;font-size:16px}.table-view p:nth-of-type(2),.table-view p:nth-of-type(3),.table-view p:last-of-type,.table-view ul{margin-left:45%}.directory-view p,.direcotry-view ul{margin-left:45%}.table-view ul{padding-left:15px}.table-view p span{font-weight:700}.table-view p:last-of-type{font-size:40px;line-height:44px;color:red;font-weight:700}.tutorials ol li{margin-bottom:30px}a#nav-button{display:none;width:150px;margin:0 auto;text-align:center;font-size:18px;color:#444;text-decoration:none}form div{margin-bottom:20px}label{display:inline-block;vertical-align:top;width:45%;text-align:right;margin-right:10px;font-weight:700;color:#545454}label span{color:#900}input[type=text],select,textarea{width:45%;border:1px solid #aaa;margin:0;padding:5px}input[type=submit]{width:100px;margin:0 auto;display:block}textarea{width:45%;height:50px}.error{color:red!important;font-size:smaller;line-height:1;font-weight:700;margin:-2px 0 0}.calgary-seo-form{margin:0 auto 50px;max-width:800px;border:2px solid #219acf;border-radius:10px;padding:2rem 5rem;background-color:#eee;box-shadow:0 0 10px rgba(0,0,0,.9)}.calgary-seo-form,.calgary-seo-form *{box-sizing:border-box}.calgary-seo-form form{margin:0}.calgary-seo-form .frm_el.half{width:50%;float:left}.calgary-seo-form .frm_el.half:nth-child(odd){padding-right:15px;clear:left}@media(max-width:600px){.calgary-seo-form{padding:1rem 2rem}.calgary-seo-form .frm_el.half{float:none;width:100%}.calgary-seo-form .frm_el.half:nth-child(odd){padding-right:0}}.calgary-seo-form .frm_el.full{clear:both}.calgary-seo-form label{display:block;vertical-align:middle;width:auto;text-align:left;margin:0}.calgary-seo-form .frm_error label{color:red}.form_popup{position:absolute;top:15%;left:50%;transform:translateX(-50%);font-size:1.2rem;line-height:1.25;z-index:999999999;text-align:center}.form_popup.succuss{padding:15px 20px;color:#155724;background-color:#d4edda;border:1px solid #c3e6cb;border-radius:.25rem}.form_popup.error a{color:#721c24!important;font-weight:400;display:inline-block;padding:15px 20px;background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:.25rem}.calgary-seo-form input,.calgary-seo-form textarea{width:100%;padding:3px;border:1px solid #ccc;border-radius:5px;box-shadow:none}.g-recaptcha{max-width:304px;width:99%;margin:0 auto}.ducktoes-reviews{margin:1rem}.ducktoes-reviews .review{border:1px solid #eee;border-radius:3px;padding:1rem 2rem;margin:1rem;box-shadow:0 1px 6px rgba(0,0,0,.2)}.ducktoes-reviews .reviewer{font-size:18px;font-weight:700}.ducktoes-reviews .stars{font-size:18px;margin-left:1rem}.ducktoes-reviews .review-text{font-size:16px}.ducktoes-reviews .review-text::before{content:"“"}.ducktoes-reviews .review-text::after{content:"”"}.ducktoes-reviews .review-text::before,.ducktoes-reviews .review-text::after{font-size:18px;font-weight:700;padding:.2rem}.banner{background:#f7efc8;background:-moz-linear-gradient(top,#f7efc8 0%,#fff 20%,#219acf 40%,#219acf 100%);background:-webkit-linear-gradient(top,#f7efc8 0%,#fff 20%,#219acf 40%,#219acf 100%);background:linear-gradient(to bottom,#f7efc8 0%,#fff 20%,#219acf 40%,#219acf 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7efc8',endColorstr='#219acf',GradientType=0)}.banner-container{max-width:1080px;margin:0 auto;padding:15px;position:relative}.logo{float:left}.logo img{max-width:164px}.logo h1 span{position:absolute;left:-99999px}.ribbon{z-index:999;position:fixed;right:0;top:0}.ribbon img{max-width:233px}.csa{z-index:998;position:absolute;top:0;left:-190px;width:200px;display:flex;flex-direction:column;align-items:center;justify-content:space-between}@media(max-width:1500px) and (min-width:1080px){.csa{top:90px;left:initial;right:5px;width:160px}}@media(max-width:1079px) and (min-width:400px){.csa{top:0;right:initial;left:20px;width:120px;flex-direction:row;justify-content:flex-start}}@media(max-width:480px){.csa{top:140px;width:100px;left:35px;flex-direction:column}}.top-nav{padding:0;margin:0;margin-top:20px;max-width:1080px}.top-nav li{list-style:none;display:inline-block;margin-left:35px}.top-nav li a{color:#666;font-size:16px;text-decoration:none;display:block}.top-nav li a:hover{color:#b40000}.top-nav li.phone{line-height:15px;text-align:center}.top-nav li.phone a{color:#b40000}.top-nav li.phone a span{color:#666}.top-nav li.phone a:hover{color:#00b3ff}.top-nav li.phone a:hover img{margin-top:-10px}.top-nav li.phone img{float:left;margin-top:-5px;-webkit-transition:margin-top .2s ease-in-out;-moz-transition:margin-top .2s ease-in-out;-ms-transition:margin-top .2s ease-in-out;-o-transition:margin-top .2s ease-in-out;transition:margin-top .2s ease-in-out}.nav-small{font-size:11px}.bannerHeading{font-size:30px;line-height:32px;text-align:center;font-weight:400;color:#036;clear:left;padding:0 10px;margin:50px 0}.button{color:#444;border-radius:3px;text-align:center;border:1px solid #444;padding:10px 40px;box-shadow:0 3px 5px #444;font-size:18px;font-weight:700;margin-top:25px;display:inline-block;background:#fff;background:-moz-linear-gradient(top,rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%);background:-webkit-linear-gradient(top,rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%);background:linear-gradient(to bottom,rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%);-webkit-transition:all .1s ease-in-out;-moz-transition:all .1s ease-in-out;-ms-transition:all .1s ease-in-out;-o-transition:all .1s ease-in-out;transition:all .1s ease-in-out;cursor:pointer}.button:hover{color:#00b3ff;box-shadow:0 5px 5px #333;padding:11px 41px;margin-top:23px;background:#fff;background:-moz-linear-gradient(top,rgba(255,255,255,1) 0%,rgba(196,196,196,1) 100%);background:-webkit-linear-gradient(top,rgba(255,255,255,1) 0%,rgba(196,196,196,1) 100%);background:linear-gradient(to bottom,rgba(255,255,255,1) 0%,rgba(196,196,196,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#c4c4c4',GradientType=0)}.button:active{margin-top:26px;box-shadow:0 2px 4px #333;padding:9px 39px;font-size:17px;background:#fff;background:-moz-linear-gradient(top,rgba(255,255,255,1) 12%,rgba(196,196,196,1) 100%);background:-webkit-linear-gradient(top,rgba(255,255,255,1) 12%,rgba(196,196,196,1) 100%);background:linear-gradient(to bottom,rgba(255,255,255,1) 12%,rgba(196,196,196,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#c4c4c4',GradientType=0)}.tabContainer{position:relative;max-width:1080px;margin:0 auto;margin-top:20px;height:340px;padding:10px;clear:left}.tabContent{position:absolute;width:95%;bottom:25px;display:table}.tabContent a{color:#fff;text-decoration:none}.tabContent img{float:right;width:45%}.tabContent h2,.tabContent h3{font-weight:400}.tabContent h2{font-size:28px}.tabContent h3{font-size:18px}#computerRepairs p{font-size:16px;line-height:20px}#virusRemoval p{font-size:14px;line-height:16px}#businessITSupport p{font-size:15px;line-height:17px}#webDesign p{font-size:15px;line-height:19px}#SEO p{font-size:15px;line-height:19px}.bannerTabs{background-color:#4e4e4e}.bannerTabs ul{max-width:1080px;margin:0 auto;padding:0}.bannerTabs li{display:table-cell;vertical-align:top;list-style:none;width:185px;padding-left:25px}.bannerTabs img{float:left;margin-right:5px;width:45px;height:45px;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.bannerTabs li a{color:#ccc;font-size:16px;font-weight:700;text-decoration:none;display:block}.bannerTabs li a:hover{color:#fff}.bannerTabs li a:hover img{margin-top:-10px;margin-bottom:10px}.ui-tabs-hide{display:none}li.ui-state-active a{color:#fff}.content-container{max-width:1080px;margin:0 auto;padding:15px}.content{width:70%;float:right;margin-bottom:30px}.content.fullwidth{width:100%}.content a:link{color:#219acf;text-decoration:none}.content strong a:link{color:#219acf}.content strong a:hover{color:#000}.content a:visited{color:#219acf}.content a:hover{color:#000;text-decoration:underline}.content p img{max-width:400px;width:99%;height:auto}.content h2{color:#b99d1e;font-size:24px;line-height:26px;font-weight:400}.content h3,.sidebar h3{color:#b40000;font-weight:400;font-size:18px}.content h2,.content h3,.content h4{margin:10px 0}.content iframe,.content embed{max-width:550px;width:99%;max-height:700px}.sys-opti,.backup-spec{border:3px dotted red;padding:10px}.backup-spec{border-color:#65b0d6}.sys-opti img,.backup-spec img{max-width:200px;float:left;margin-right:15px}.team-view{position:relative}.team-view img{max-width:234px;min-width:200px}.team-view span{position:absolute;color:#fff;font-size:12px;line-height:14px;text-align:center;top:23px;left:85px}.sidebar{width:25%;padding:0 25px 25px 0}.sidebar h4{margin:3px}.sidebar ul{padding:0}.sidebar li{list-style:none;padding:8px 0;border-bottom:1px dotted #d7d7d7}.sidebar li:last-of-type{border-bottom:none}.sidebar li a{font-size:12px;text-decoration:none;color:#444;display:block}.sidebar li a:hover{color:#000}.side-contact img{float:left;margin:6px;width:40px}.side-contact p{margin:0}.side-contact span{display:block;margin-left:55px}.footer{background:#232323 url(../www.ducktoes.comhttp://localhost/www.ducktoes.com/images/footerBg.jpg) top center no-repeat;padding:20px;color:#ccc;clear:both}.footer-container{max-width:1060px;margin:0 auto}.footer a{color:#fff;text-decoration:none}.footer a:hover{text-decoration:underline}.duckling{float:right;margin-right:-60px}.footer h4{font-size:16px;font-weight:400}.footer p strong,.footer h4,.testimonials span{color:#fff}.footer p{font-size:14px}.testimonials{width:50%;float:left}.testimonials p:first-of-type{font-style:italic}.contact-info{width:40%;float:right}.contact-left{width:45%;float:left}.contact-right{width:45%;float:right}.footer-copy{border-top:1px solid #ccc;clear:both}.footer-copy p{font-size:12px;display:inline-block}.social{float:right}div.highslide-gallery ul li{width:24%;height:auto}div.highslide-gallery ul li:last-of-type{margin-bottom:20px}li a.highslide img{width:100%}@media only screen and (max-width:1200px){.duckling{float:none;margin:0;display:block;width:60px;margin:-60px auto -20px}.footer{margin-top:60px}}@media only screen and (max-width:1080px){.logo{float:none;display:block;width:164px;margin:0 auto}.ribbon{width:150px}.ribbon img{max-width:100%}.top-nav li a,.top-nav li.phone a span{color:#444}.top-nav{max-width:100%;text-align:center}.top-nav li{margin-left:2%;margin-right:2%;margin-bottom:10px}.bannerHeading{margin:10px 0 25px}.bannerTabs ul{max-width:999px}.bannerTabs li{padding-left:5px}#computerRepairs h2{font-size:34px;line-height:31px}#computerRepairs h3{font-size:30px;line-height:30px}#computerRepairs p{font-size:15px;line-height:19px}#virusRemoval h2{font-size:33px;line-height:33px}#virusRemoval h3{font-size:27px;line-height:27px}#virusRemoval p{font-size:14px;line-height:16px}#businessITSupport h2{font-size:42px;line-height:42px}#businessITSupport h3{font-size:18px;line-height:18px}#businessITSupport p{font-size:16px;line-height:20px}#webDesign h2{font-size:30px;line-height:30px}#webDesign h3{font-size:21px;line-height:21px}#webDesign p{font-size:16px;line-height:20px}#SEO h2{font-size:58px;line-height:58px}#SEO h3{font-size:20px;line-height:20px}#SEO p{font-size:15px;line-height:19px}}@media only screen and (max-width:1000px){.bannerTabs ul{max-width:849px}.bannerTabs li{width:145px}.bannerTabs li a{font-size:12px}}@media only screen and (max-width:900px){div.highslide-gallery ul li{width:32%}}@media only screen and (max-width:850px){.top-nav li a{font-size:16px}.bannerTabs ul{max-width:650px}.bannerTabs img{display:block;float:none;margin:0 auto;width:45px}.bannerTabs li{width:130px;margin:0 2%}.bannerTabs li p{text-align:center;font-size:11px;line-height:12px;padding:0 15px}.sidebar .side-contact img{display:block;margin-bottom:6px;float:none}.side-contact span{margin:0}.testimonials{float:none;width:100%}.contact-info{float:none;width:100%}.contact-info h4{margin-bottom:0;padding-top:10px;border-top:1px solid #ccc}}@media only screen and (max-width:800px){.top-nav li a{font-size:12px}.nav-small{font-size:8px}#computerRepairs h2{font-size:29px;line-height:29px}#computerRepairs h3{font-size:25px;line-height:25px}#computerRepairs p{font-size:19px;line-height:21px}#virusRemoval h2{font-size:45px;line-height:36px}#virusRemoval h3{font-size:23px;line-height:23px}#virusRemoval p{font-size:13px;line-height:14px}#businessITSupport h2{font-size:60px;line-height:47px}#businessITSupport h3{font-size:20px;line-height:20px}#businessITSupport p{font-size:11px;line-height:15px}#webDesign h2{font-size:50px;line-height:40px}#webDesign h3{font-size:17px;line-height:18px}#webDesign p{font-size:14px;line-height:16px}#SEO h2{font-size:58px;line-height:58px}#SEO h3{font-size:28px;line-height:22px}#SEO p{font-size:16px;line-height:18px}}@media only screen and (max-width:700px){.top-nav li{margin-left:1.5%;margin-right:1.5%}.tabContainer{height:260px}#computerRepairs h2{font-size:27px;line-height:27px}#computerRepairs h3{font-size:17px;line-height:17px}#computerRepairs p{font-size:14px;line-height:16px}#virusRemoval h2{font-size:27px;line-height:27px}#virusRemoval h3{font-size:15px;line-height:15px}#virusRemoval p{font-size:13px;line-height:14px}#businessITSupport h2{font-size:34px;line-height:34px}#businessITSupport h3{font-size:20px;line-height:22px}#businessITSupport p{font-size:12px;line-height:16px}#webDesign h2{font-size:36px;line-height:30px}#webDesign h3{font-size:18px;line-height:18px}#webDesign p{font-size:13px;line-height:14px}#SEO h2{font-size:53px;line-height:53px}#SEO h3{font-size:16px;line-height:16px}#SEO p{font-size:15px;line-height:16px}.button{max-width:100px;display:block;margin:20px auto 0}.button:hover{margin-top:18px}.bannerTabs ul{max-width:100%;height:90px}.bannerTabs li span{display:none}.bannerTabs li p{padding:0;margin-top:25px}.bannerTabs li{width:6%;margin:0 6%}.bannerTabs li.ui-state-active img{width:60px;height:60px;margin-top:-10px;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}p.social{display:block;width:70px;float:none;margin:0 auto}.footer-copy p{display:block;text-align:center}div.highslide-gallery ul li{width:48%}}@media only screen and (max-width:650px){.top-nav li a{font-size:12px}#computerRepairs h2{font-size:23px;line-height:23px}#computerRepairs h3{font-size:18px;line-height:18px}#computerRepairs p{font-size:12px;line-height:20px}#virusRemoval h2{font-size:35px;line-height:28px}#virusRemoval h3{font-size:18px;line-height:16px}#virusRemoval p{font-size:10px;line-height:12px}#businessITSupport h2{font-size:29px;line-height:35px}#businessITSupport h3{font-size:19px;line-height:19px}#businessITSupport p{font-size:14px;line-height:15px}#webDesign h2{font-size:36px;line-height:30px}#webDesign h3{font-size:18px;line-height:18px}#webDesign p{font-size:12px;line-height:13px}#SEO h2{font-size:40px;line-height:40px}#SEO h3{font-size:24px;line-height:22px}#SEO p{font-size:14px;line-height:16px}}@media only screen and (max-width:550px){#computerRepairs h2{font-size:20px;line-height:20px}#computerRepairs h3{font-size:19px;line-height:19px}#computerRepairs p{font-size:12px;line-height:20px}#virusRemoval h2{font-size:20px;line-height:20px}#virusRemoval h3{font-size:16px;line-height:16px}#virusRemoval p{font-size:12px;line-height:16px}#businessITSupport h2{font-size:28px;line-height:24px}#businessITSupport h3{font-size:18px;line-height:18px}#businessITSupport p{font-size:12px;line-height:14px}#webDesign h2{font-size:36px;line-height:30px}#webDesign h3{font-size:18px;line-height:18px}#webDesign p{font-size:12px;line-height:13px}#SEO h2{font-size:41px;line-height:0}#SEO h3{font-size:20px;line-height:20px}#SEO p{font-size:14px;line-height:16px}}@media only screen and (max-width:500px){.ribbon{position:absolute}.sidebar{float:none;width:100%;padding:0;text-align:center}.sidebar .side-contact img{margin:0 auto}.sidebar li,.sidebar li a{font-size:14px}#computerRepairs h2{font-size:19px;line-height:19px}#computerRepairs h3{font-size:16px;line-height:16px}#computerRepairs p{font-size:15px;line-height:17px}#virusRemoval h2{font-size:24px;line-height:24px}#virusRemoval h3{font-size:20px;line-height:20px}#virusRemoval p{font-size:11px;line-height:13px}#businessITSupport h2{font-size:38px;line-height:29px}#businessITSupport h3{font-size:17px;line-height:17px}#businessITSupport p{font-size:12px;line-height:14px}#webDesign h2{font-size:28px;line-height:23px}#webDesign h3{font-size:13px;line-height:13px}#webDesign p{font-size:11px;line-height:15px}#SEO h2{font-size:26px;line-height:26px}#SEO h3{font-size:18px;line-height:18px}#SEO p{font-size:14px;line-height:18px}.content{margin-left:0;width:100%}.table-view p:first-of-type{float:right;width:45%}.table-view p:nth-of-type(2),.table-view p:nth-of-type(3),.table-view p:last-of-type,.table-view ul{margin:10px 0}.table-view p:last-of-type{text-align:center;width:60%;margin:0 auto;border-bottom:1px dotted #999;margin-bottom:25px;clear:right}}@media only screen and (max-width:479px){.logo h1{margin:0}.ribbon{width:125px}.top-nav{width:150px;margin:0 auto}.top-nav li,.top-nav li.phone{width:150px;display:block;margin:12px 0}.top-nav li{text-align:center}.top-nav li a{font-size:18px}#computerRepairs h2{font-size:18px;line-height:18px}#computerRepairs h3{font-size:16px;line-height:16px}#computerRepairs p{font-size:14px;line-height:18px}#virusRemoval h2{font-size:19px;line-height:19px}#virusRemoval h3{font-size:14px;line-height:14px}#virusRemoval p{font-size:12px;line-height:14px}#businessITSupport h2{font-size:26px;line-height:24px}#businessITSupport h3{font-size:15px;line-height:15px}#businessITSupport p{font-size:12px;line-height:14px}#webDesign h2{font-size:22px;line-height:22px}#webDesign h3{font-size:13px;line-height:14px}#webDesign p{font-size:12px;line-height:14px}#SEO h2{font-size:24px;line-height:24px}#SEO h3{font-size:18px;line-height:18px}#SEO p{font-size:14px;line-height:18px}}@media only screen and (max-width:400px){.sys-opti img,.backup-spec img{float:none;display:block;max-width:100%;margin:0 auto}.contact-info p{font-size:12px}#computerRepairs h2{font-size:18px;line-height:18px}#computerRepairs h3{font-size:16px;line-height:16px}#computerRepairs p{font-size:14px;line-height:18px}#virusRemoval h2{font-size:19px;line-height:19px}#virusRemoval h3{font-size:14px;line-height:14px}#virusRemoval p{font-size:12px;line-height:14px}#businessITSupport h2{font-size:26px;line-height:24px}#businessITSupport h3{font-size:15px;line-height:15px}#businessITSupport p{font-size:12px;line-height:14px}#webDesign h2{font-size:22px;line-height:22px}#webDesign h3{font-size:13px;line-height:14px}#webDesign p{font-size:12px;line-height:14px}#SEO h2{font-size:24px;line-height:24px}#SEO h3{font-size:18px;line-height:18px}#SEO p{font-size:14px;line-height:18px}}@media only screen and (max-width:321px){#computerRepairs h2{font-size:18px;line-height:18px}#computerRepairs h3{font-size:16px;line-height:16px}#computerRepairs p{font-size:14px;line-height:18px}#virusRemoval h2{font-size:19px;line-height:19px}#virusRemoval h3{font-size:14px;line-height:14px}#virusRemoval p{font-size:12px;line-height:14px}#businessITSupport h2{font-size:26px;line-height:24px}#businessITSupport h3{font-size:15px;line-height:15px}#businessITSupport p{font-size:12px;line-height:14px}#webDesign h2{font-size:22px;line-height:22px}#webDesign h3{font-size:13px;line-height:14px}#webDesign p{font-size:12px;line-height:14px}#SEO h2{font-size:24px;line-height:24px}#SEO h3{font-size:18px;line-height:18px}#SEO p{font-size:14px;line-height:18px}.myButtonLink{display:block;width:273px;height:56px;background:url(http://localhost/www.ducktoes.com/images/scholarship-btn.png) bottom;text-indent:-99999px}.myButtonLink:hover{background-position:0 0}}