body{text-decoration:none; margin:0; padding:0; line-height:1; 	font-family: 'Open Sans', sans-serif; color:#333; font-weight:400;}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
	font-family: 'Open Sans', sans-serif;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}

ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a{color:#FFF; text-decoration:none; outline:none;}
a:hover{opacity:0.7;}
.top-menu-section{width:100%;}
.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%;}
.clearfix { display: block; }
/* close commented backslash hack */

.header-content{width:100%; float:left; padding:0 7% 107px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.header-slider{  background:url(../images/head-bg.jpg) center fixed no-repeat; background-size:cover;}
.head-center{width:66%; float:left; margin-top:10%;}
.head-center h1{font-size:58px; color:#fff; font-weight:600;}
.head-center h1 span{border-bottom:2px solid #fff;}
.head-center h2{font-size:48px; color:#fff; padding:0 15% 10px 0;  font-weight:300;}
.head-center p{font-size:20px; color:#fff; line-height:27px; padding:0 0 43px; font-weight:300;}
.fone{background-color:rgba(0,0,0,0.6); border-radius:50px; font-size:35px; color:#fffefe; width:416px; margin:8% auto 6%; text-align:center; line-height:64px; border:1px solid #000;  font-family: 'Open Sans', sans-serif; }
.fone span{font-size:16px; padding:0 0 0 15px;}
.fone img{vertical-align:middle;}
.nav-main{width:100%; float:left; margin:12px 0 0;}
hgroup{width:20%; float:left; opacity:0.7;}
nav{width:80%; float:right;}
nav ul{text-align:right; padding:22px 0 0;}
nav ul li{float:right; padding:0 15px; display:inline-block;}
nav ul li a{font-size:14px;  color:#fff; font-family: 'Open Sans', sans-serif; font-weight:600; opacity:0.8;}
nav ul li a:hover{}
.tech-panel{width:32%; float:left; background:#fff; text-align:center; border-radius:5px; margin:94px 0 0;}
.tech-panel-header{padding: 0 10px;}
.tech-panel-header h6{font-size:24px; font-family: 'Open Sans', sans-serif; line-height:29px; padding:0 8%; padding:22px 0 0; font-weight:600;}
.tech-panel-body{ padding:22px 7% 48px; font-family: 'Open Sans', sans-serif; min-height: 155px;}
.tech-panel-footer{}
.tech-panel-footer a{font-size:21px; font-family: 'Open Sans', sans-serif; border-radius:0 0 5px 5px; text-transform:uppercase; font-weight:600; background: #388DF1; color:#fff; display:block; padding:16px 0;}
.tech-panel-footer a:hover{}

.services{margin:0 4% 45px; text-align:center; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.services h2{font-size:36px; color:#000; font-family: 'Open Sans', sans-serif; font-weight:300; padding-top:68px;}
.services h2:after{content:""; display:block; background:url(../images/headline.jpg)center top no-repeat; padding:1px 0; margin:27px 0;}
.services p{font-size:14px; padding:0 23% 58px; color:#666; line-height:20px; font-family: 'Open Sans', sans-serif;}
.support{width:33%; float:left; text-align:center; padding:0 2% 55px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.support img{padding:0 0 25px;}
.support h5{font-size:20px; color:#333; padding:0 0 17px; font-weight:600; font-family: 'Open Sans', sans-serif;}
.support h5 span{ color:#fff;}
.support p{font-size:14px; color:#666666; line-height:20px; padding:0 !important;}

.support1{width:33%; float:left; text-align:center; padding:0 0 55px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.support1 img{padding:0 0 25px;}
.support1 h5{font-size:20px; color:#333; padding:0 0 17px; font-weight:600; font-family: 'Open Sans', sans-serif;}
.support1 h5 span{ color:#fff;}
.support1 p{font-size:14px; color:#666666; line-height:20px; padding:0 13%!important;}

.about{background:url(../images/about-bg.jpg)center fixed no-repeat; background-size:cover; padding:0 4% 118px;}
.about h3{font-size:36px; color:#fff; text-align:center; font-weight:300; font-family: 'Open Sans', sans-serif; padding-top:56px;}
.about h3:after{content:""; display:block; background:url(../images/headline.jpg)center top no-repeat; padding:1px 0; margin:27px 0;}
.about p{font-size:14px; color:#fff; text-align:center; padding:0 0 78px; font-family: 'Open Sans', sans-serif;}
.about-right img{max-width:100%; display:block; float:left; padding:0 35px 0 0}
.about-right{width:100%; float:left;}
.about-right h4{font-size:35px; color:#fff; margin:-10px 0 0; font-family: 'Open Sans', sans-serif; font-size:600;}
.about-right h6{font-size:20px; color:#fff; font-family: 'Open Sans', sans-serif; font-weight:400; line-height:25px;}
.about-right p{text-align:left; font-size:14px; color:#fff; line-height:20px; font-weight:400; padding:0 0 50px; font-family: 'Open Sans', sans-serif;}

.how-it{ text-align:center; padding:79px 0 45px;}
.how-it h3{font-size:36px; color:#000; font-weight:300; font-family: 'Open Sans', sans-serif;}
.how-it h3:after{content:""; display:block; background:url(../images/headline.jpg)center top no-repeat; padding:1px 0; margin:27px 0;}
.how-it p{font-size:14px; color:#666; padding:0 0 78px; font-family: 'Open Sans', sans-serif;}

.recent{ text-align:center; padding:91px 0 0;}
.recent h3{font-size:36px; color:#000; font-weight:300; font-family: 'Open Sans', sans-serif;}
.recent h3:after{content:""; display:block; background:url(../images/headline.jpg)center top no-repeat; padding:1px 0; margin:27px 0;}
.recent p{font-size:14px; color:#666; padding:0 0 68px; font-family: 'Open Sans', sans-serif;}
.recent figure{float:left; width:33%;}
.recent img{max-width:100%; display:block; min-height:287px;}

.web-design{ background:url(../images/wd.jpg)center fixed no-repeat; background-size:cover; text-align:center; padding:102px 0 53px;}
.web-design h4{ font-size:36px; color:#fff; font-weight:300; font-family: 'Open Sans', sans-serif;}
.web-design h4:after{content:""; display:block; background:url(../images/headline.jpg)center top no-repeat; padding:1px 0; margin:27px 0;}
.web-design p{font-size:14px; color:#fff; padding:0 22% 58px; opacity:0.7; font-family: 'Open Sans', sans-serif; line-height:20px;}

.contact{ text-align:center; padding:112px 12% 86px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.contact h4{font-size:36px; color:#000; font-weight:300; font-family: 'Open Sans', sans-serif;}
.contact h4:after{content:""; display:block; background:url(../images/headline.jpg)center top no-repeat; padding:1px 0; margin:27px 0;}
.contact p{font-size:14px; color:#000; padding:0 0 65px; line-height:20px; font-family: 'Open Sans', sans-serif;}
.contact-main{width:100%; float:left; margin:0 0 65px; background:url(../images/underline.png) center bottom no-repeat;}
.contact-col{width:33%; float:left; padding:0 0 25px;}
.contact-col p{font-family:arial; font-size:14px; color:#666; padding:0 24% 0; font-family: 'Open Sans', sans-serif;}
.contact-col img{min-height:32px; padding:0 0 10px;}
.contact-col a{color:#666; font-family: 'Open Sans', sans-serif; font-size:14px; display:block; }
.leave-page{width:100%; float:left;}
.leave-page h5{ font-family:arial; font-size:20px; font-weight:600; color:#000; text-align:center; font-family: 'Open Sans', sans-serif; padding:0 0 75px;}
.leave-page a{width:145px; color:#fff; font-weight:600; font-size:20px; font-family: 'Open Sans', sans-serif; background:#388DF1; padding:10px 16px; display:inline-block; text-align:center; border:1px solid #d96814; border-radius:5px; margin:68px 0 0;}
.leave-page a:hover{}

.quick-issues{background:#000; padding:59px 6% 60px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.quick-issues-inner h4{ font-size:18px; color:#fff; font-weight:600; padding:0 0 29px; font-family: 'Open Sans', sans-serif;}
.quick-issues-inner{width:20%; float:left; padding:0 6.5%}
.quick-issues-inner ul{}
.quick-issues-inner ul li{ padding:0 0 10px; font-family: 'Open Sans', sans-serif;}
.quick-issues-inner ul li a{background:url(../images/check.png)left 2px no-repeat; font-size:12px; font-family:arial; color:#838383; padding:0 0 0 18px; display:block;}
.quick-issues-inner ul li a:hover{}

.interesting{padding:25px 4% 30px 4%; background:#88bb45; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.counters-item{width:25%; float:left; text-align:center;}
.counters-item strong {display: block; font-size:37px; color:#fff; font-weight:600; font-family: 'Open Sans', sans-serif;}
.counters-item p {font-size: 20px; color:#fff; font-family: 'Open Sans', sans-serif; font-weight:600;}

.disclaimer{background:#202020; padding:20px 0 20px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.disclaimer p{font-family:arial; font-size:13px; font-family: 'Open Sans', sans-serif; color:#676767; text-align:center;}

.quickbooks-support{background:#e2e2e2; padding:0 4% 69px;}
.quickbooks-support h3{font-size:36px; font-weight:300; color:#000; padding:69px 0 19px; font-family: 'Open Sans', sans-serif; text-align:center;}
.quickbooks-support h3:after{content:""; display:block; background:url(../images/headline.jpg)center top no-repeat; padding:1px 0; margin:27px 0;}
.quickbooks-support h6{font-size:27px; color:#000; font-weight:600; text-align:center; font-family: 'Open Sans', sans-serif;}
.quickbooks-support p{font-size:14px; color:#000; text-align:center; padding:0 15% 59px; font-family: 'Open Sans', sans-serif;}
.one-support{width:100%; float:left; margin:0 0 36px;}
.one-time{width:29%; float:left; background:#fff; margin:34px 2% 0;}
.one-time1{width:29%; float:left; background:#fff; margin:0 2% 0;}
.one-time2{width:29%; float:left; background:#fff; margin:34px 2% 0;}
.one-support h5{font-size:20px;font-family: 'Open Sans', sans-serif; background:#333333; font-weight:400; color:#fff; text-align:center; padding:24px 0 23px; border-bottom:1px solid #fff;}
.one-support p{font-size:15px; color:#000; padding:23px 0 0; line-height:20px; font-family: 'Open Sans', sans-serif;}
.money{font-size:64px; color:#fff; text-align:center; padding:40px 0 0; background:#333333; font-family: 'Open Sans', sans-serif;}
.money span{font-size:44px;}
.money99{font-size:39px;}
.one-support ul{}
.one-support ul li{ font-size:15px; color:#666; font-weight:300; text-transform:uppercase; text-align:center;padding:18px 0 15px; border-bottom:1px solid #cccccc;}
.one-support a{font-family: 'Open Sans', sans-serif; font-weight:600; font-size:20px; color:#fff; margin:10px auto 20px; text-align:center; display:block; padding:8px 0; width:187px; border-radius:5px; background:#88bb45;}
.one-support a:hover{}
.free{font-family: 'Open Sans', sans-serif; font-size:14px; color:#fff; line-height:39px; }
.our-most{ background:#ff8b38; color:#fff; font-size:14px;  font-family: 'Open Sans', sans-serif; min-height:5px;}
.our-most1{ background:#ff8b38; color:#fff; font-size:14px;  font-family: 'Open Sans', sans-serif;}
.our-most2{ background:#ff8b38; color:#fff; font-size:14px;  font-family: 'Open Sans', sans-serif; min-height:5px;}

input[type="text"],input[type="tel"],input[type="search"],input[ type="email"]{width:95%; padding:10px 8px; margin:5px 0; text-transform:none;  font-family: 'Open Sans', sans-serif; font-size:18px; color:#000; background:none; border:0; border-bottom:1px solid #000; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
textarea{overflow:hidden; min-height:160px; resize:none; width:95%; float:left; margin:0 2% 10px; padding:10px 8px; text-transform:none;  font-family: 'Open Sans', sans-serif; font-size:18px; color:#000; background:none; border:0; border-bottom:1px solid #000; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
textarea:focus,
input[type="text"]:focus,input[type="search"]:focus,input[type="color"]:focus,input[type="tel"]:focus,input[ type="email"]:focus{outline:0; color:#333;}

.tech-panel-body input[type="text"],.tech-panel-body input[type="tel"],.tech-panel-body input[ type="email"]{width:95%; float:left; padding:10px 4px; text-transform:none;  font-family: 'Open Sans', sans-serif; font-size:16px; color:#000; background:none; border:0; border-bottom:1px solid #c7c7c7; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.tech-panel-body input[type="text"]:focus,.tech-panel-body input[type="tel"]:focus,.tech-panel-body input[ type="email"]:focus{outline:0; color:#333;}

.leave-page > div{width:45%; float:left; margin:0 2.5%;}

.leave-page ::-webkit-input-placeholder, .tech-panel-body ::-webkit-input-placeholder { /* WebKit browsers */
    color:#000;
}
.leave-page ::-moz-placeholder, .tech-panel-body ::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:#000;
}
.leave-page :-ms-input-placeholder, .tech-panel-body :-ms-input-placeholder { /* Internet Explorer 10+ */
    color:#000;
}
/*RESPONSIVE CLASSES CODE*/
@media only screen and (max-width:1024px){
	nav{width:80%;}
	 nav ul li{padding:0 10px;}
	 .head-center h2{font-size:40px; font-weight:300;}
	 .head-center p{font-size:16px;}
	 .head-center h1{font-size:48px;}
	 .support{padding: 0 1% 55px;}
	 .support h5{font-size:16px;}
	 .support p{font-size:13px;}
	 .about{padding: 56px 2% 118px;}
	 .about-right p{padding: 0 0 30px;}
	 .about-right h4{font-size:27px;}
	 .quickbooks-support h6{font-size:24px;}
	 .about-right img{max-width:40%; margin: 0 0 15px;}
	 .quick-issues-inner{ padding: 0 4.5%;
    width: 24%;}
	nav ul li a{font-size:13px;}
}
@media only screen and (max-width:960px){
	hgroup{width:100%; float:left; opacity:0.7; text-align:center; margin:0 0 40px;}
	nav ul{text-align:left;}
	.header-content{padding: 0 2% 107px;}
	.head-center h2{font-size:34px;}
	.head-center h1{font-size:39px;}
	.tech-panel{margin: 35px 0 0;}
	.tech-panel-header h6{font-size:19px;}
	.tech-panel-footer a{font-size:19px;}
	.services h2{font-size:32px;}
	.services p{padding: 0 6% 58px;}
	.support h5{padding:0; min-height:40px;}
	.about h3{font-size:32px;}
	.about-left{width:38%;}
	.about-right h6{font-size:16px;}
	.about-right p{font-size:13px;}
	.about-right h4{font-size:21px;}
	.counters-item p{font-size:17px;}
	.counters-item img{min-height:55px;}
	.how-it h3{font-size:32px;}
	.quickbooks-support h3{font-size:32px;}
	.quickbooks-support p{padding: 0 2% 59px;}
.money{font-size:50px;}
.money span{font-size:30px;}
.one-support ul li{font-size:12px;}
.one-support a{font-size: 16px; width: 146px;}
.quickbooks-support h6{font-size:18px;}
.web-design h4{font-size:32px;}
.web-design p{padding: 0 5% 58px;}
.contact h4{font-size:32px;}
.quick-issues{padding: 59px 2% 60px;}
.quick-issues-inner h4{font-size:15px;}
.quick-issues-inner{padding: 0 2.5%; width: 28%;}
}
@media only screen and (max-width:767px){
	.header-content{padding: 0 2% 107px;}
	.head-center h2{padding: 0 0 10px; font-size:27px;}
	.head-center h1{font-size:33px;}
	.head-center p{font-size:13px;}
	.tech-panel-header h6{font-size:16px;}
	.tech-panel-body input[type="text"], .tech-panel-body input[type="tel"], .tech-panel-body input[type="email"]{font-size:13px;}
	.tech-panel-footer a{font-size:16px;}
	.tech-panel-body{min-height:128px;}
	.support{width:50%;}
	.about-right img{margin:0 0 46px;}
	.counters-item{width:50%; padding:0 0 22px;}
	.support1 h5{font-size:16px;}
	.support1 p{font-size:13px;}
	.one-support h5{font-size:15px;}
	.money{font-size:40px;}
	.money span{font-size:25px;}
	.one-time{margin: 0 1%; width: 31%;}
	.one-time1{margin: 0 1%; width: 31%;}
	.one-time2{margin: 0 1%; width: 31%;}
.quickbooks-support{padding: 69px 1% 69px;}
.contact-col p{padding:0 10%;}
.contact{padding: 112px 6% 86px;}
.quick-issues-inner{ padding:0; width:33%}
}
@media only screen and (max-width:639px){
	.header-content{padding: 0 12% 107px;}
	.head-center{width:100%;}
	.tech-panel{width:100%;}
	.recent figure{width:100%;}
	.support1{width:100%;}
	.one-time{width:100%; margin:0 0 10px;}
	.one-time1{width:100%; margin:0 0 10px;}
	.one-time2{width:100%; margin:0 0 10px;}
	.money{font-size:50px;}
	.money span{font-size:30px;}
	.one-support h5{font-size:25px;}
	.quickbooks-support{padding: 69px 6% 69px;}
	.contact-col{width:100%; border-bottom:1px dotted #000; padding:10px 0 25px;}
	.contact-main{border-bottom:0;}
	.leave-page > div{width:100%;}
	.quick-issues-inner{width:100%; padding:0 0 15px;}
	.quick-issues-inner h4{font-size:18px;}
	.tech-panel-header h6{font-size:19px;}
	.tech-panel-body input[type="text"], .tech-panel-body input[type="tel"], .tech-panel-body input[type="email"]{font-size:16px;}
	.tech-panel-footer a{font-size:19px;}
	.tech-panel-body{min-height:155px;}
}
@media only screen and (max-width:479px){
	.header-content{padding: 0 2% 107px;}
	.support h5{font-size:15px;}
	.about-right img{max-width:90%;}
	.about-right h4{font-size:29px;}
	.support{padding: 0 1% 37px; min-height: 300px;}
}
@media only screen and (max-width:320px){
	.about-right img{float:none; margin:0 0 10px; max-width:92%;}
	.about{padding: 56px 4% 118px;}
	.counters-item{width:100%;}
	.support{width:100%;}
	.head-center h2{font-size: 26px;}
	.head-center p{font-size:13px;}
	.head-center h1{font-size:28px;}
}