/* default */
*{padding:0; margin:0;}
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, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {border:0; font-family:inherit; font-size:100%; font-style:inherit; font-weight:inherit; margin:0; outline:0; padding:0; vertical-align:baseline;}
body{min-width:1200px; background:#fff; font-family:'Open Sans', sans-serif; color:#6f6f6f; font-size:14px;}
body.home{min-width:1200px; font-family:'Open Sans', sans-serif; color:#6f6f6f; font-size:14px;}
p{margin:5px 0 15px; line-height:1.9; font-weight:normal;}
h1, h2, h3, h4, h5, h6{line-height:1; font-family:'Open Sans', sans-serif; font-weight:300; padding:0 0 10px; color:#33291d;}
h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong{font-weight:normal;}
strong{font-weight:bold;}
h1{font-size:30px;}
h2{font-size:24px;}
h3{font-size:21px;}
h4{font-size:18px;}
h5{font-size:16px;}
h6{font-size:14px;}
em{font-style:italic;}
img{border:0; padding:0; margin:0; vertical-align:middle;}
hr{border:none; background:url(images/hr.jpg) repeat-x left center; clear:both; display:block; padding:10px 0;}
a{color:#33291d; text-decoration:none;}
a:hover{text-decoration:none;}
blockquote{background:#33291d; color:#7a6d5d; border-bottom:8px #483b2a solid; margin:5px 0 15px; display:block; padding:15px 20px; line-height:1.75;}
.clear{clear:both;}
.left{float:left;}
.right{float:right;}
.pad-right-10{padding-right:10px;}
.text-right{text-align:right;}
.text-left{text-align:left;}
.text-center{text-align:center;}
.alignnone{margin:5px 0 10px; display:block;}
.aligncenter{margin:5px auto 10px; display:block;}
.alignleft{float:left; margin:5px 15px 0 0;}
.alignright{float:right; margin:5px 0 0 15px;}
.last, .noMarginRight{margin-right:0 !important;}
.font10{font-size:10px;}
.font11{font-size:11px;}
.font12{font-size:12px;}
.font13{font-size:13px;}
.font14{font-size:14px;}
.font15{font-size:15px;}
.font16{font-size:16px;}
.font17{font-size:17px;}
.font18{font-size:18px;}
.font19{font-size:19px;}
.font20{font-size:20px;}
.font22{font-size:22px;}
.font24{font-size:24px;}
.cyan{color:#1ba0f5;}
table{width:100%; border-collapse:collapse; margin-bottom:20px;}
table td{padding:10px;}
.odd{background:transparent;}
.even{background:#ffc94e;}
.noBorderBottom{border-bottom:none !important;}

.error_msg{padding:10px; background:#FFCCCC; color:#c00; border:1px #c00 solid;}
.success_msg{padding:10px; background:#CCFFCC; color:#060; border:1px #060 solid;}
.success_msg, .error_msg{margin:10px 0 15px; clear:both; display:block;}
.showloading{background:url(../images/loading.gif) no-repeat center center; height:20px; width:20px; display:inline-block; visibility:hidden;}

/* header */
.wrapper{background:transparent; width:1200px; position:relative; margin:0 auto;}
.logo{width:233px; height:76px; margin:7px 0 7px 0;}
.navigation{margin:30px 0 0 150px; font-size:16px;}
.navigation ul {float:left; width:100%; padding:0; margin:0; list-style-type:none;}
.navigation ul li {display:inline;}
.navigation a {float:left; color:#9e9e9e; margin:0.2em 1em; border-bottom:3px solid #fff;}
.navigation a:hover,.navigation a.active { border-bottom:3px solid #00294c; color:#00294c;}
.call{margin:35px 0 0 0; font-size:16px; color:#00294c;}
.call a{color:#505050;}
.call a:hover{color:#00294c;}
.bannerbg{background:url(../images/banner-bg.jpg) repeat-x right #00203e; height:400px;}
.slider{background:url(../images/banner.png) no-repeat right; height:400px;}
.slider h1{font-size:48px; color:#fff; padding:95px 0 0 0; line-height:55px; letter-spacing:-2px; width:530px}
.aboutbanner{background:url(../images/banner-bg.jpg) no-repeat center #e2e2e3; height:128px;}
.aboutbanner .bannertext{font-size:48px; font-weight:300; color:#fff; padding:35px 0 0 0; line-height:55px; letter-spacing:-2px; text-transform:uppercase;}
.content{margin:45px 0 45px 0;}
.content h1{font-size:40px; font-weight:300; color:#505050; padding:0 0 15px 0; margin-bottom:30px; letter-spacing:-2px; text-transform:none; background:url(../images/border-bottom.jpg) left bottom no-repeat;}
.content h2{font-size:40px; font-weight:300; color:#505050; padding:0 0 15px 0; margin-bottom:30px; letter-spacing:-2px; text-transform:none; background:url(../images/border-bottom.jpg) left bottom no-repeat;}
.content p{font-size:14px; color:#505050; line-height:24px;}
.content .bluetext{font-size:14px; color:#00294c; line-height:24px;}
.leftcontent{width:300px; float:left;}
.innerleftbox{width:300px; height:auto; float:right; margin:0 0 15px 0;}
.innerlefttest{width:300px; height:auto; float:right; margin:0 0 15px 0;}
.innerplanning{background:#00294c; width:60px; height:60px; text-align:center; line-height:60px; color:#ffffff; font-size:40px; float:left; margin:0 15px 0 0;}
.innerleftbox h3 {font-size:16px; text-align:left; color:#00294c; font-weight:400; line-height:12px;}
.innerleftbox h3 a{color:#00294c;}
.innerleftbox h3 a:hover{color:#6f6f6f;}
.innerleftbox p{font-size:14px; text-align:left; color:#6f6f6f; line-height:18px;}
.innerlefttest p span{ float:right; color:#00294c;}
.innerlefttest span.laquo{background:url(../images/colon.jpg) no-repeat; width:33px; height:25px; left:0; top:4px; display:block; float:left; margin-right:15px;}
.contactform{padding:10px 0;}
.contactform p{padding:0; margin:0;}
.cf_textfield, .cf_textarea{border:1px #c9c9c9 solid; margin-bottom:25px; font-size:14px; color:#888; font-weight:500; font-family:'Roboto', sans-serif; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px;}
.cf_textfield{width:100%; padding:12px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
.cf_textarea{width:96.5%; padding:12px 1.5%; height:120px;}
.cf_submit, .morepage{border:none; font:300 22px/1 ; color:#fff; padding:12px 30px; cursor:pointer; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px;}
.cf_submit:hover, .morepage:hover{text-decoration:none;}
.cf_submit{background:#00294c;}
.cf_submit:hover{background:#39393c;}
.rightcontent{width:850px; float:right; margin-left:50px;}
.services{margin:65px 0 0 0;}
.innerservices{width:850px; height:auto; float:left; margin:25px 25px 15px 0; padding-bottom:15px}
.content h4{font-size:22px; text-align:left; color:#00294c; font-weight:700; line-height:20px;}
.content h3{font-size:16px; text-align:left; color:#00294c; font-weight:400; line-height:20px;}
.content h3 a{color:#00294c;}
.content h3 a:hover{color:#6f6f6f;}
.content ul li{ list-style:disc; margin-left:20px; line-height:24px;}
.planningservices{width:175px; height:auto; background:url(../images/services_01_hover.jpg) no-repeat top; border:1px solid #ececec; margin:0 35px 20px 0; float:left; text-align:center; padding:150px 0 0 0; text-transform:uppercase; font-weight:700; cursor:pointer; color:#505050;}
.planningservices:hover{background:url(../images/services_01.jpg) no-repeat top; color:#00294c;}
.planningservices.active{background:url(../images/services_01_hover.jpg) no-repeat top; color:#00294c;}
.planningservices1{width:175px; height:auto; background:url(../images/services_02_hover.jpg) no-repeat top; border:1px solid #ececec; margin:0 35px 20px 0; float:left; text-align:center; padding:150px 0 0 0; text-transform:uppercase; font-weight:700; cursor:pointer; color:#505050;}
.planningservices1:hover{background:url(../images/services_02.jpg) no-repeat top; color:#00294c;}
.planningservices1.active{background:url(../images/services_02_hover.jpg) no-repeat top; color:#00294c;}
.planningservices2{width:175px; height:auto; background:url(../images/services_03_hover.jpg) no-repeat top; border:1px solid #ececec; margin:0 35px 20px 0; float:left; text-align:center; padding:150px 0 0 0; text-transform:uppercase; font-weight:700; cursor:pointer; color:#505050;}
.planningservices2:hover{background:url(../images/services_03.jpg) no-repeat top; color:#00294c;}
.planningservices2.active{background:url(../images/services_03_hover.jpg) no-repeat top; color:#00294c;}
.planningservices3{width:175px; height:auto; background:url(../images/services_04_hover.jpg) no-repeat top; border:1px solid #ececec; margin:0 35px 20px 0; float:left; text-align:center; padding:150px 0 0 0; text-transform:uppercase; font-weight:700; cursor:pointer; color:#505050;}
.planningservices3:hover{background:url(../images/services_04.jpg) no-repeat top; color:#00294c;}
.planningservices3.active{background:url(../images/services_04_hover.jpg) no-repeat top; color:#00294c;}


.planningservices4{width:175px; height:auto; background:url(../images/services_005_hover.jpg) no-repeat top; border:1px solid #ececec; margin:0 35px 20px 0; float:left; text-align:center; padding:150px 0 0 0; text-transform:uppercase; font-weight:700; cursor:pointer; color:#505050;}
.planningservices4:hover{background:url(../images/services_005.jpg) no-repeat top; color:#00294c;}
.planningservices4.active{background:url(../images/services_005_hover.jpg) no-repeat top; color:#00294c;}

.planningservices5{width:175px; height:auto; background:url(../images/services_006_hover.jpg) no-repeat top; border:1px solid #ececec; margin:0 35px 20px 0; float:left; text-align:center; padding:150px 0 0 0; text-transform:uppercase; font-weight:700; cursor:pointer; color:#505050;}
.planningservices5:hover{background:url(../images/services_006.jpg) no-repeat top; color:#00294c;}
.planningservices5.active{background:url(../images/services_006_hover.jpg) no-repeat top; color:#00294c;}

.planningservices6{width:175px; height:auto; background:url(../images/services_007_hover.jpg) no-repeat top; border:1px solid #ececec; margin:0 35px 20px 0; float:left; text-align:center; padding:150px 0 0 0; text-transform:uppercase; font-weight:700; cursor:pointer; color:#505050;}
.planningservices6:hover{background:url(../images/services_007.jpg) no-repeat top; color:#00294c;}
.planningservices6.active{background:url(../images/services_007_hover.jpg) no-repeat top; color:#00294c;}

.planningservices7{width:175px; height:auto; background:url(../images/services_008_hover.jpg) no-repeat top; border:1px solid #ececec; margin:0 35px 20px 0; float:left; text-align:center; padding:150px 0 0 0; text-transform:uppercase; font-weight:700; cursor:pointer; color:#505050;}
.planningservices7:hover{background:url(../images/services_008.jpg) no-repeat top; color:#00294c;}
.planningservices7.active{background:url(../images/services_008_hover.jpg) no-repeat top; color:#00294c;}


.planningservices, .planningservices1, .planningservices2, .planningservices3, .planningservices4, .planningservices5, .planningservices6, .planningservices7{position:relative;}
.innerservices span{position:absolute; display:none;}
.innerservices .active span, .innerservices a:hover span{display:block;}

.planning{background:url(../images/web-strategy-hover.png) no-repeat top left; width:280px; height:auto; cursor:pointer; border-right:1px dashed #cacaca; margin:0 0 75px 15px;}
.planning:hover{background:url(../images/web-strategy.png) no-repeat top left;}
.application{background:url(../images/application-development-hover.png) no-repeat top left; width:280px; height:auto; cursor:pointer; border-right:1px dashed #cacaca; margin:0 0 75px 15px;}
.application:hover{background:url(../images/application-development.png) no-repeat top left;}
.websitedesign{background:url(../images/website-design-hover.png) no-repeat top left; width:280px; height:auto; cursor:pointer; border-right:1px dashed #cacaca; margin:0 0 75px 15px;}
.websitedesign:hover{background:url(../images/website-design.png) no-repeat top left;}
.sitesuccessmanager{background:url(../images/site-success-manager-hover.png) no-repeat top left; width:280px; height:auto; cursor:pointer; border-right:1px dashed #cacaca; margin:0 0 75px 15px;}
.sitesuccessmanager:hover{background:url(../images/site-success-manager.png) no-repeat top left;}

.newsletterdesign{background:url(../images/newsletterDesign_hover.png) no-repeat top left; width:280px; height:auto; cursor:pointer; border-right:1px dashed #cacaca; margin:0 0 75px 15px;}
.newsletterdesign:hover{background:url(../images/newsletterDesign.png) no-repeat top left;}
.customapplicationdev{background:url(../images/app_development_hover.png) no-repeat top left; width:280px; height:auto; cursor:pointer; border-right:1px dashed #cacaca; margin:0 0 75px 15px;}
.customapplicationdev:hover{background:url(../images/app_development.png) no-repeat top left;}
.socialmedia{background:url(../images/social_media_hover.png) no-repeat top left; width:280px; height:auto; cursor:pointer; border-right:1px dashed #cacaca; margin:0 0 75px 15px;}
.socialmedia:hover{background:url(../images/social_media.png) no-repeat top left;}
.printingservices{background:url(../images/printing_services_hover.png) no-repeat top left; width:280px; height:auto; cursor:pointer; border-right:1px dashed #cacaca; margin:0 0 75px 15px;}
.printingservices:hover{background:url(../images/printing_services.png) no-repeat top left;}


.planning h2,.application h2,.websitedesign h2,.sitesuccessmanager h2,.mobilesolutions h2,.analyticreporting h2,.newsletterdesign h2,.customapplicationdev h2,.socialmedia h2,.printingservices h2{font-size:20px; color:#505050; margin:0 0 15px 0; padding:0 0 0 90px;}

.planning:hover h2,.application:hover h2,.websitedesign:hover h2,.sitesuccessmanager:hover h2,.mobilesolutions:hover h2,.analyticreporting:hover h2,.newsletterdesign:hover h2,.customapplicationdev:hover h2,.socialmedia:hover h2,.printingservices:hover h2{color:#00294c; padding:0 0 0 90px;}

.planning p,.application p,.websitedesign p,.sitesuccessmanager p,.mobilesolutions p,.analyticreporting p,.newsletterdesign p,.customapplicationdev p,.socialmedia p,.printingservices p{font-size:14px; color:#505050; padding:0 10px 0 90px; line-height:20px;}

.noborder{border:none !important;}
.portfolio{background:url(../images/portfolio-bg.jpg) no-repeat right; padding:55px 0 55px 0;}
.portfolio h2{font-size:42px; text-align:center; color:#212124; margin:0 0 35px 0;}
.testimonials{background:url(../images/testimonials-bg.jpg) repeat top right; padding:55px 0 55px 0;}
.testimonials h2{font-size:42px; text-align:center; color:#212124; margin:0 0 35px 0;}
.waytowork{padding:55px 0 175px 0;}
.waytowork h2{font-size:42px; text-align:center; color:#212124; margin:0 0 35px 0;}
.waytowork h3{font-size:22px; text-align:center; color:#212124; margin:25px 0 15px 0; font-weight:400;}
.waybox{width:270px; height:150px; float:left; margin:0 30px 0 0;}
.waybox p{font-size:14px; color:#505050; line-height:20px; text-align:center;}
.research{background:url(../images/research.png) no-repeat center; width:280px; height:150px; border:1px solid #d6d6d6;}
.wayplanning{background:url(../images/planning.png) no-repeat center; width:280px; height:150px; border:1px solid #d6d6d6;}
.create{background:url(../images/create.png) no-repeat center; width:280px; height:150px; border:1px solid #d6d6d6;}
.deliver{background:url(../images/deliver.png) no-repeat center; width:280px; height:150px; border:1px solid #d6d6d6;}
.quote{background:#fff; padding:10px 20px; border-left:4px #ccc solid; margin:30px 0 0; font-style:italic; font-family:Georgia, "Times New Roman", Times, serif;}
.footer{background:#39393c; padding:35px 0 35px 0; height:230px; color:#a8a8a8;}
.footerbox ul {padding:0; margin:0; list-style-type:none; line-height:30px; color:#a8a8a8 !important;}
.footerbox ul li a{color:#a8a8a8 !important; text-decoration:none;}
.footerbox ul li a:hover{color:#a8a8a8 !important; text-decoration:underline;}
.footerbox a{color:#a8a8a8 !important; text-decoration:underline;}
.footerbox a:hover{color:#a8a8a8 !important; text-decoration:none;}
.footerbox p{font-size:14px; color:#a8a8a8; line-height:30px; text-align:left;}
.footerbox{width:400px; height:auto; float:left;}
.footer h2{font-size:24px; text-align:left; color:#ffffff; margin:0 0 15px 0; border-bottom:1px solid #2e4d67;}
.copyright{background:#072035; text-align:center; color:#d2d1d1; padding:35px 0 35px 0;}
.copyright a{color:#d2d1d1; text-decoration:none;}
.copyright a:hover{color:#d2d1d1; text-decoration:underline;}
.tabcontent{display:none;}
.paymentform label{display:block;}
.paymentform label input[type=checkbox]{margin-right:5px;}
.paymentform .cf_textfield{margin-bottom:0;}
.paymentform label, .serv-opt{font-size:16px;}
.survey-form .cf_textfield{margin-bottom:10px;}
.amtfld{font-family:'Open Sans',sans-serif; font-weight:bold; color:#6f6f6f; font-size:20px; border:none; display:inline-block; width:80px;}


.bltn-form-style #crmWebToEntityForm { width:auto; max-width:500px; margin:0 auto; background:#f3f3f3; border:1px solid #e5e5e5; padding:25px 20px 10px 20px; border-radius:10px; box-shadow:0 0 6px #ccc;}
.bltn-form-style #crmWebToEntityForm .two { text-align:left; float:none; width:100%; margin:0 0 15px 0; padding:0;}
.bltn-form-style #crmWebToEntityForm .g-recaptcha div { margin-top:15px; margin-bottom:15px;}
.bltn-form-style #crmWebToEntityForm input.cf_submit { border-radius:30px; font-weight:bold; text-transform:uppercase;}
.bltn-form-style #crmWebToEntityForm label.error { text-align:left !important; display:block !important; color:red  !important; font-size:12px; font-weight:bold !important; margin-bottom:10px !important;}
.bltn-form-style #crmWebToEntityForm input.cf_textfield { margin-bottom:15px;}
.bltn-form-style #crmWebToEntityForm input#uploadFile { margin-bottom:10px;}
.bltn-form-style #crmWebToEntityForm .two label { margin-bottom:6px; display:block; text-align:left; font-weight:bold; color:#333;}
.bltn-form-style #crmWebToEntityForm textarea.cf_textfield { margin-bottom:15px;}
.bltn-form-style #crmWebToEntityForm input.cf_textfield, .bltn-form-style #crmWebToEntityForm textarea.cf_textfield, .bltn-form-style #crmWebToEntityForm input#uploadFile { box-shadow:0 2px 6px #ccc; border:0; border-radius:5px; color:#000; background: #fff; padding: 10px;}
.bltn-form-style #crmWebToEntityForm input#uploadFile { width:96%;}
.bltn-form-style #crmWebToEntityForm .success-msg { text-align:center; color:#fff; font-weight:bold; background:green; padding:5px; border-radius:4px;}

.aboutbanner.bulletinbanner .bannertext{font-size:48px; font-weight:600; color:#fff; padding:0; line-height:55px; letter-spacing:-2px; text-transform:uppercase;}

.bltn-form-style #crmWebToEntityForm{margin: 70px auto 70px;}
.aboutbanner{background: url(../images/banner-bg.jpg) no-repeat center #e2e2e3;height: 300px;display: flex;align-items: center;justify-content: center;width: 100%;text-align: center;padding: 0 15px;box-sizing: border-box;background-size: cover;}
@media only screen and  (max-width : 1279px){
.bltn-form-style #crmWebToEntityForm{margin: 50px auto 50px;}
}
only screen and (max-width: 1199px) and (min-width: 768px){
.aboutbanner .bannertext{padding: 0;font-size: 39px;line-height: 48px;}
}
@media only screen and  (max-width : 767px){
.aboutbanner{padding: 60px 15px;}
.bltn-form-style #crmWebToEntityForm{margin: 45px auto 45px;}
.aboutbanner .bannertext{font-size: 34px;line-height: 45px;}
}
@media only screen and  (max-width : 479px){
.aboutbanner .bannertext{font-size: 30px;line-height: 39px;}
}

@media only screen and (min-width:1200px) {
body{min-width:1200px; background:#fff; font-family:'Open Sans', sans-serif; color:#6f6f6f; font-size:14px;}
body.home{min-width:1200px; font-family:'Open Sans', sans-serif; color:#6f6f6f; font-size:14px;}
.wrapper{background:transparent; width:1200px; position:relative; margin:0 auto;}
.navigation{margin:30px 0 0 70px; font-size:16px;}
.navigation ul {float:left; width:100%; padding:0; margin:0; list-style-type:none;}
.call{margin:35px 0 0 0; font-size:16px; color:#00294c;}
.logo{width:233px; height:76px; margin:7px 0 7px 0;}
.bannerbg{background:url(../images/banner-bg.jpg) repeat-x right #00203e; height:400px;}
.slider{background:url(../images/banner.png) no-repeat right; height:400px;}
.planning{background:url(../images/web-strategy-hover.png) no-repeat top left; width:280px; height:auto; cursor:pointer; border-right:1px dashed #cacaca; margin:0 0 75px 15px;}
.planning:hover{background:url(../images/web-strategy.png) no-repeat top left;}
.innerservices span{bottom:-15px; left:-1px; border-left:88px solid transparent; border-top:15px solid #818181; border-right:88px solid transparent;}
.application{background:url(../images/application-development-hover.png) no-repeat top left; width:280px; height:auto; cursor:pointer; border-right:1px dashed #cacaca; margin:0 0 75px 15px;}
.application:hover{background:url(../images/application-development.png) no-repeat top left;}
.websitedesign{background:url(../images/website-design-hover.png) no-repeat top left; width:280px; height:auto; cursor:pointer; border-right:1px dashed #cacaca; margin:0 0 75px 15px;}
.websitedesign:hover{background:url(../images/website-design.png) no-repeat top left;}
.sitesuccessmanager{background:url(../images/site-success-manager-hover.png) no-repeat top left; width:280px; height:auto; cursor:pointer; border-right:1px dashed #cacaca; margin:0 0 75px 15px;}
.sitesuccessmanager:hover{background:url(../images/site-success-manager.png) no-repeat top left;}
.waybox{width:270px; height:150px; float:left; margin:0 30px 0 0;}
.research{background:url(../images/research.png) no-repeat center; width:280px; height:150px; border:1px solid #d6d6d6;}
.wayplanning{background:url(../images/planning.png) no-repeat center; width:280px; height:150px; border:1px solid #d6d6d6;}
.create{background:url(../images/create.png) no-repeat center; width:280px; height:150px; border:1px solid #d6d6d6;}
.deliver{background:url(../images/deliver.png) no-repeat center; width:280px; height:150px; border:1px solid #d6d6d6;}
.rightcontent{width:850px; float:right; margin-left:50px;}
.leftcontent{width:300px; float:left;}
.innerleftbox{width:300px; height:auto; float:right; margin:0 0 15px 0;}
.innerlefttest{width:300px; height:auto; float:right; margin:0 0 15px 0;}
.aboutbanner .bannertext{font-size:48px; font-weight:300; color:#fff; padding:35px 0 0 0; line-height:55px; letter-spacing:-2px; text-transform:uppercase;}
.innerservices{width:850px; height:auto; float:left; margin:25px 25px 15px 0; padding-bottom:15px}
.footer{background:#092842; padding:35px 0 35px 0; height:270px; color:#a8a8a8;}
.footerbox{width:300px; height:auto; float:left;}

.column{float:left; margin-right:2%; margin-top:10px; margin-bottom:10px;}
.one{float:none; margin-right:0 !important;}
.two{width:48%;}
.three{width:31.32%;}
.amount_field{padding-top:10px; font-size:16px;}
.pay_submit{text-align:left; padding-top:0;}
.paymentform .cf_textfield{width:60%;}
}

@media only screen and (max-width:1199px) and (min-width:768px){
 /* tablet styles*/
body{min-width:768px; background:#fff; font-family:'Open Sans', sans-serif; color:#6f6f6f; font-size:14px;}
body.home{min-width:768px; font-family:'Open Sans', sans-serif; color:#6f6f6f; font-size:14px;}
.wrapper{background:transparent; width:768px; position:relative; margin:0 auto;}
.navigation{margin:10px 0 0 0; font-size:16px; float:right}
.navigation ul {float:left; width:100%; padding:0; margin:0; list-style-type:none;}
.navigation a {margin-left:10px; margin-right:10px;}
.call{margin:15px 10px 5px 0; font-size:16px; color:#00294c; text-align:center; float:right;}
.logo{width:233px; height:76px; margin:7px 0 0px 15px;}
.bannerbg{background:url(../images/banner-bg.jpg) repeat-x right #00203e; height: auto;}
.slider{background:url(../images/banner.jpg) no-repeat right #e2e2e3; background-size:100%; height:205px;}
.slider h1{font-size:22px; color:#fff; padding:55px 0 25px 15px; line-height:35px; width:45%;}
.planningservices{width:150px; height:auto; background:url(../images/services_01_hover.jpg) no-repeat top; border:1px solid #ececec; margin:0 25px 20px 0; float:left; text-align:center; padding:150px 0 0 0; text-transform:uppercase; font-weight:700; cursor:pointer; color:#505050;}
.planningservices1{width:150px; height:auto; background:url(../images/services_02_hover.jpg) no-repeat top; border:1px solid #ececec; margin:0 25px 20px 0; float:left; text-align:center; padding:150px 0 0 0; text-transform:uppercase; font-weight:700; cursor:pointer; color:#505050;}
.planningservices2{width:150px; height:auto; background:url(../images/services_03_hover.jpg) no-repeat top; border:1px solid #ececec; margin:0 25px 20px 0; float:left; text-align:center; padding:150px 0 0 0; text-transform:uppercase; font-weight:700; cursor:pointer; color:#505050;}
.planningservices3{width:150px; height:auto; background:url(../images/services_04_hover.jpg) no-repeat top; border:1px solid #ececec; margin:0 25px 20px 0; float:left; text-align:center; padding:150px 0 0 0; text-transform:uppercase; font-weight:700; cursor:pointer; color:#505050;}
.innerservices span{bottom:-15px; left:-1px; border-left:75px solid transparent; border-top:15px solid #818181; border-right:75px solid transparent;}
.planning{background:url(../images/web-strategy-hover.png) no-repeat left; width:320px; height:75px; cursor:pointer; margin:0 25px 75px 25px; border:none;}
.planning:hover{background:url(../images/web-strategy.png) no-repeat left;}
.application{background:url(../images/application-development-hover.png) no-repeat left; width:320px; height:75px; cursor:pointer; margin:0 25px 75px 25px; border:none;}
.application:hover{background:url(../images/application-development.png) no-repeat left;}
.websitedesign{background:url(../images/website-design-hover.png) no-repeat left; width:320px; height:75px; cursor:pointer; margin:0 25px 75px 25px; border:none;}
.websitedesign:hover{background:url(../images/website-design.png) no-repeat left;}
.sitesuccessmanager{background:url(../images/site-success-manager-hover.png) no-repeat left; width:320px; height:75px; cursor:pointer; margin:0 25px 75px 25px; border:none;}
.sitesuccessmanager:hover{background:url(../images/site-success-manager.png) no-repeat left;}
.mobilesolutions{background:url(../images/mobile-solutions-hover.png) no-repeat left; width:320px; height:75px; cursor:pointer; margin:0 25px 75px 25px; border:none;}
.mobilesolutions:hover{background:url(../images/mobile-solutions.png) no-repeat left;}
.analyticreporting{background:url(../images/analytic-reporting-hover.png) no-repeat left; width:320px; height:75px; cursor:pointer; margin:0 25px 75px 25px; border:none;}
.analyticreporting:hover{background:url(../images/analytic-reporting.png) no-repeat left;}
.waybox{width:160px; height:150px; float:left; margin:0 15px 0 15px;}
.research{background:url(../images/research.png) no-repeat center; width:160px; height:150px; border:1px solid #d6d6d6;}
.wayplanning{background:url(../images/planning.png) no-repeat center; width:160px; height:150px; border:1px solid #d6d6d6;}
.create{background:url(../images/create.png) no-repeat center; width:160px; height:150px; border:1px solid #d6d6d6;}
.deliver{background:url(../images/deliver.png) no-repeat center; width:160px; height:150px; border:1px solid #d6d6d6;}
.rightcontent{width:730px; float:left; margin-left:15px;}
.leftcontent{width:730px; float:left; margin-left:15px;}
.innerleftbox{width:340px; height:auto; float:left; margin:0 25px 15px 0;}
.innerlefttest{width:730px; height:auto; float:right; margin:0 0 5px 0;}
.aboutbanner .bannertext{font-size:48px; font-weight:300; color:#fff; padding:35px 0 0 15px; line-height:55px; letter-spacing:-2px; text-transform:uppercase;}
.innerservices{width:730px; height:auto; float:left; margin:25px 25px 15px 0; border-bottom:1px dashed #cacaca; padding-bottom:15px}
.quote{background:#fff; padding:10px 20px; border-left:4px #ccc solid; margin:30px 20px 0 20px; font-style:italic; font-family:Georgia, "Times New Roman", Times, serif;}
.footer{background:#092842; padding:25px 0 25px 0; height:250px; color:#a8a8a8;}
.footerbox{width:185px; height:auto; float:left;}
.footerbox:first-of-type{margin-left:15px;}

.column{float:left; margin-right:2%; margin-top:10px; margin-bottom:10px;}
.one, .pay_submit{float:none !important; margin-right:0 !important; width:100% !important;}
.two, .three{width:48%;}
.amount_field{padding-top:10px;}
.pay_submit{padding-top:10px; display:table; text-align:center; }
}

@media only screen and (max-width:767px) and (min-width:480px) {
 /* horizontal phone styles */
body{min-width:480px; background:#fff; font-family:'Open Sans', sans-serif; color:#6f6f6f; font-size:14px;}
body.home{min-width:480px; font-family:'Open Sans', sans-serif; color:#6f6f6f; font-size:14px;}
.wrapper{background:transparent; width:100%; position:relative; margin:0 auto;box-sizing: border-box;}
.navigation{margin:10px 10px 0 10px; font-size:16px;}
.navigation ul {float:none; width:auto; padding:0 0 15px 5px; margin:0; list-style-type:none;}
.navigation a {margin-left:8px; margin-right:8px;}
.call{margin:15px 0 5px 80px; font-size:16px; color:#00294c; float:left;}
.logo{width:233px; height:76px; margin:10px auto 0 auto; text-align:center; float:none;}
.bannerbg{background:url(../images/banner-bg.jpg) repeat-x right #00203e; height: auto;}
.slider{background:url(../images/banner.jpg) no-repeat right #e2e2e3; background-size:100%; height:auto;}
.slider h1{font-size:20px; color:#fff; padding:25px 0 25px 15px; line-height:25px; width:50%;}
.planning{background:url(../images/web-strategy-hover.png) no-repeat left; width:90%; height:75px; cursor:pointer; margin:0 25px 35px 25px; border:none;box-sizing: border-box;}
.planning:hover{background:url(../images/web-strategy.png) no-repeat left;}
.innerservices span{bottom:-15px; left:-1px; border-left:88px solid transparent; border-top:15px solid #818181; border-right:88px solid transparent;}
.application{background:url(../images/application-development-hover.png) no-repeat left; width:90%; height:75px; cursor:pointer; margin:0 25px 35px 25px; border:none;box-sizing: border-box;}
.application:hover{background:url(../images/application-development.png) no-repeat left;}
.websitedesign{background:url(../images/website-design-hover.png) no-repeat left; width:90%; height:75px; cursor:pointer; margin:0 25px 35px 25px; border:none;box-sizing: border-box;}
.websitedesign:hover{background:url(../images/website-design.png) no-repeat left;}
.sitesuccessmanager{background:url(../images/site-success-manager-hover.png) no-repeat left; width:90%; height:75px; cursor:pointer; margin:0 25px 35px 25px; border:none;box-sizing: border-box;}
.sitesuccessmanager:hover{background:url(../images/site-success-manager.png) no-repeat left;}
.mobilesolutions{background:url(../images/mobile-solutions-hover.png) no-repeat left; width:90%; height:75px; cursor:pointer; margin:0 25px 35px 25px; border:none;box-sizing: border-box;}
.mobilesolutions:hover{background:url(../images/mobile-solutions.png) no-repeat left;}
.analyticreporting{background:url(../images/analytic-reporting-hover.png) no-repeat left; width:90%; height:75px; cursor:pointer; margin:0 25px 35px 25px; border:none;box-sizing: border-box;}
.analyticreporting:hover{background:url(../images/analytic-reporting.png) no-repeat left;}
.waybox{width:90%; height:auto; float:left; margin:0 15px 0 15px;}
.waytowork{padding:55px 0 0 0;}
.research{background:url(../images/research.png) no-repeat center; width:100%; height:150px; border:1px solid #d6d6d6;}
.wayplanning{background:url(../images/planning.png) no-repeat center; width:100%; height:150px; border:1px solid #d6d6d6;}
.create{background:url(../images/create.png) no-repeat center; width:100%; height:150px; border:1px solid #d6d6d6;}
.deliver{background:url(../images/deliver.png) no-repeat center; width:100%; height:150px; border:1px solid #d6d6d6;}
.rightcontent{width:450px; float:left; margin-left:15px;}
.leftcontent{width:450px; float:left; margin-left:15px;}
.innerleftbox{width:450px; height:auto; float:left; margin:0 25px 15px 0;}
.innerlefttest{width:450px; height:auto; float:right; margin:0 0 5px 0;}
.innerservices{width:450px; height:auto; float:left; margin:25px 25px 15px 0; border-bottom:1px dashed #cacaca; padding-bottom:15px}
.aboutbanner .bannertext{font-size:48px; font-weight:300; color:#fff; padding:35px 0 0 15px; line-height:55px; letter-spacing:-2px; text-transform:uppercase;}
.footer{background:#092842; padding:25px 0 25px 0; height:auto; color:#a8a8a8;}
.footerbox{width:440px; height:auto; float:none; padding:20px 20px 0 20px;}
.footerbox:first-of-type{margin-left:0;}

.column{float:left; margin-right:2%; margin-top:10px; margin-bottom:10px;}
.one, .two, .three, .pay_submit{float:none !important; margin-right:0 !important; width:100% !important;}
.amount_field{padding-top:10px;}
.pay_submit{padding-top:10px; display:table; text-align:left;}
}

@media only screen and (max-width:479px) {
 /* vertical phone styles */
body{min-width:300px; background:#fff; font-family:'Open Sans', sans-serif; color:#6f6f6f; font-size:14px;}
body.home{min-width:300px; font-family:'Open Sans', sans-serif; color:#6f6f6f; font-size:14px;}
.wrapper{background:transparent; width:300px; position:relative; margin:0 auto;}
.navigation{margin:10px 0 0 5px; font-size:13px; float:none;}
.navigation ul {float:none; width:auto; padding:0 0 10px 0px; margin:0; list-style-type:none;}
.navigation ul li{width:31%; text-align:center; display:inline-block;}
.navigation a {margin-left:8px; margin-right:8px; text-align:center; display:inline-block;}
.call{margin:10px 0 5px 10px; font-size:14px; color:#00294c; float:left;}
.logo{width:233px; height:76px; margin:10px auto 0 auto; text-align:center; float:none;}
.bannerbg{background:url(../images/banner-bg.jpg) repeat-x right #00203e; height: auto;}
.slider{background:url(../images/banner.jpg) no-repeat right #e2e2e3; background-size:100%; height:auto; margin-bottom:35px;}
.slider h1{font-size:16px; letter-spacing:-1px; color:#fff; padding:10px 0 10px 10px; line-height:16px; width:50%;}
.services{margin:0px 0 5px 0;}
.planning{background:url(../images/web-strategy-hover.png) no-repeat left; width:300px; height:75px; cursor:pointer; margin:0 25px 35px 0px; border:none;}
.planning:hover{background:url(../images/web-strategy.png) no-repeat left;}
.innerservices span{bottom:-15px; left:-1px; border-left:134px solid transparent; border-top:15px solid #818181; border-right:134px solid transparent;}
.application{background:url(../images/application-development-hover.png) no-repeat left; width:300px; height:75px; cursor:pointer; margin:0 25px 35px 0px; border:none;}
.application:hover{background:url(../images/application-development.png) no-repeat left;}
.websitedesign{background:url(../images/website-design-hover.png) no-repeat left; width:300px; height:75px; cursor:pointer; margin:0 25px 35px 0px; border:none;}
.websitedesign:hover{background:url(../images/website-design.png) no-repeat left;}
.sitesuccessmanager{background:url(../images/site-success-manager-hover.png) no-repeat left; width:300px; height:75px; cursor:pointer; margin:0 25px 35px 0px; border:none;}
.sitesuccessmanager:hover{background:url(../images/site-success-manager.png) no-repeat left;}
.mobilesolutions{background:url(../images/mobile-solutions-hover.png) no-repeat left; width:300px; height:75px; cursor:pointer; margin:0 25px 35px 0px; border:none;}
.mobilesolutions:hover{background:url(../images/mobile-solutions.png) no-repeat left;}
.analyticreporting{background:url(../images/analytic-reporting-hover.png) no-repeat left; width:300px; height:75px; cursor:pointer; margin:0 25px 35px 0px; border:none;}
.analyticreporting:hover{background:url(../images/analytic-reporting.png) no-repeat left;}
.planning h2,.application h2,.websitedesign h2,.sitesuccessmanager h2,.mobilesolutions h2,.analyticreporting h2{font-size:18px; color:#505050; margin:0 0 15px 0; padding:0 0 0 85px;}
.planning:hover h2,.application:hover h2,.websitedesign:hover h2,.sitesuccessmanager:hover h2,.mobilesolutions:hover h2,.analyticreporting:hover h2{color:#00294c; padding:0 0 0 85px;}
.planning p,.application p,.websitedesign p,.sitesuccessmanager p,.mobilesolutions p,.analyticreporting p{font-size:12px; color:#505050; padding:0 0 0 85px; line-height:20px;}
.waybox{width:270px; height:auto; float:left; margin:0 15px 0 15px;}
.waytowork{padding:55px 0 0 0;}
.research{background:url(../images/research.png) no-repeat center; width:270px; height:150px; border:1px solid #d6d6d6;}
.wayplanning{background:url(../images/planning.png) no-repeat center; width:270px; height:150px; border:1px solid #d6d6d6;}
.create{background:url(../images/create.png) no-repeat center; width:270px; height:150px; border:1px solid #d6d6d6;}
.deliver{background:url(../images/deliver.png) no-repeat center; width:270px; height:150px; border:1px solid #d6d6d6;}
.rightcontent{width:280px; float:left; margin-left:15px;}
.leftcontent{width:280px; float:left; margin-left:15px;}
.innerleftbox{width:280px; height:auto; float:left; margin:0 15px 15px 0;}
.aboutbanner .bannertext{font-size:48px; font-weight:300; color:#fff; padding:35px 0 0 15px; line-height:55px; letter-spacing:-2px; text-transform:uppercase;}
.innerlefttest{width:280px; height:auto; float:right; margin:0 0 5px 0;}
.innerservices{width:280px; height:auto; float:left; margin:25px 15px 15px 0; padding-bottom:15px}
.innerservices a{display:table; width:95%; margin-right:0;}
.innerservices h3{ line-height:25px;}
.footer{background:#092842; padding:25px 0 25px 0; height:auto; color:#a8a8a8;}
.footerbox{width:290px; height:auto; float:none; padding:20px 10px 0 10px;}
.footerbox:first-of-type{margin-left:0;}

.column{float:left; margin-right:2%; margin-top:10px; margin-bottom:10px;}
.one, .two, .three, .pay_submit{float:none !important; margin-right:0 !important; width:100% !important;}
.amount_field{padding-top:10px;}
.pay_submit{padding-top:10px; display:table; text-align:left;}

.bltn-form-style #crmWebToEntityForm .capch-field { display:block; margin:0 auto; position:relative; left:0; right:0; width:257px;}
.bltn-form-style #crmWebToEntityForm .g-recaptcha { transform:scale(0.75); margin:0 0 0 -20px;}
.bltn-form-style #crmWebToEntityForm input#uploadFile { width:92%;}
}