﻿@charset "UTF-8";
/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */
html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; }
body { margin: 0; }
/* HTML5 display definitions ========================================================================== */
article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary { display: block; }
audio, canvas, progress, video { display: inline-block; }
audio:not([controls]) { display: none; height: 0; }
progress { vertical-align: baseline; }
template, [hidden] { display: none; }
/* Links ========================================================================== */
a { background-color: transparent; -webkit-text-decoration-skip: objects; }
a:active, a:hover { outline-width: 0; }
/* Text-level semantics ========================================================================== */
abbr[title] { border-bottom: none; text-decoration: underline; text-decoration: underline dotted; }
b, strong { font-weight: inherit; }
b, strong { font-weight: bolder; }
dfn { font-style: italic; }
h1 { font-size: 2em; margin: 0.67em 0; }
mark { background-color: #ff0; color: #555; }
small { font-size: 80%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sub { bottom: -0.25em; }
sup { top: -0.5em; }
.glHidden { display: none; }
/* Embedded content ========================================================================== */
img { border: 0 none; }
svg:not(:root) { overflow: hidden; }
/* Grouping content ========================================================================== */
code, kbd, pre, samp { font-family: monospace,monospace; font-size: 1em; }
figure { margin: 1em 40px; }
hr { box-sizing: content-box; height: 0; overflow: visible; }
/* Forms ========================================================================== */
button, input, select, textarea { font: inherit; margin: 0; }
optgroup { font-weight: bold; }
button, input { overflow: visible; }
button, select { text-transform: none; }
button, html [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; }
button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; }
button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; }
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }
legend { box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; }
textarea { overflow: auto; }
input[type="text"], textarea, select, option { -webkit-appearance: none; -webkit-border-radius: 0; }
[type="checkbox"], [type="radio"] { box-sizing: border-box; padding: 0; }
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; }
[type="search"] { -webkit-appearance: textfield; outline-offset: -2px; }
[type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
::-webkit-input-placeholder { color: inherit; opacity: 0.54; }
::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; }
em, small { letter-spacing: 0; }
body, li, p, li p { line-height: 1.5em; }
.DNNEmptyPane { display: none !important; }
.paneOutline { border: 1px dashed #ccc; }
a, a img, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, time, tt, u, ul, var, video { border: 0; }
.TB_Wrapper, .TB_Wrapper *, .dnnActionMenu, .dnnActionMenu *, .dnnActionMenu :after, .dnnActionMenu :before, .dnn_mact, .dnn_mact *, .dnn_mact :after, .dnn_mact :before, [id*=ControlPanel], [id*=ControlPanel] *, [id*=ControlPanel] :after { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }
[class*=RadAjaxPanel] *, [class*=Digital] * { font-size: 12px; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box }
html, li, p { font-size: 16px; }
ol.list-unstyled, ol.list-unstyled > li, ul.list-unstyled, ul.list-unstyled > li { list-style: none; margin: 0 }
ul.row { margin-left: -15px; margin-right: -15px; }
ol, ul { list-style: none }
ul li { list-style-type: disc; list-style-image: url(images/triangle_bp.png) }
ul li li { list-style-type: circle }
ol li { list-style-type: decimal; list-style-position: inside }
.nav li { list-style: none !important }
a { outline: 0 !important }
ul#myTab { padding: 0; margin: 0 }
.popover { z-index: 999 }
.mark, mark { padding: 0; background-color: transparent }
body { background: #fff; color: #333; font-size: 14px }
.CommandButton, .Head, .Normal, .NormalBold, .NormalDisabled, .NormalRed, .NormalTextBox, .SubHead, .SubSubHead, a:hover, a:link, a:visited, body, h1, h2, h3, h4, h5, h6, input, table, td, th { font-family: 'Open Sans',Arial,Helvetica,sans-serif; }
.SubHead { color: #555 }
body #Form { height: 100% }
embed, img, object { max-width: 100%; }
img { height: auto; max-width: 100%; }
[class*=map] img, [class*=Map] img, [id*=map] img, [id*=Map] img, table img { max-width: none !important; }
em { font-style: italic; }
strong { color: #333; font-weight: 700; }
small { font-size: 12px }
a:active, a:link, a:visited { text-decoration: none; word-break: break-word; }
a:hover { text-decoration: underline; }
p { margin: 0 0 20px; }
ol li > ol li { list-style-type: lower-latin }
/*.privacySt ol{counter-reset: item;list-style:decimal;margin-bottom:18px;margin-left:18px;}
.privacySt ol ol{counter-reset: item;list-style: lower-roman;}
.privacySt ol li{display:block;}*/

.privacySt ol { counter-reset: item }
.privacySt ol li { display: block; line-height: 1.5; }
.privacySt ol li:before { content: counters(item, ".") " "; counter-increment: item; }
.privacySt ol li > ol li { font-size: 14px; }
.privacySt ol li > ol li:before { font-size: 14px !important; }
.privacySt ul { margin-bottom: 18px; }
.privacySt ul li { list-style-image: url(images/triangle_bp.png); list-style-position: inside; display: list-item; }
.privacySt ul li:before { content: " "; counter-increment: none }
.privacySt ol li strong { color: #008acf; font-size: 16px; }


h1, h2, h3, h4, h5, h6 { color: #020202; line-height: 1.3em; margin: 0 0 10px }
h1 { font-size: 2rem }
h2 { font-size: 1.5rem }
h3 { font-size: 1.375rem }
h4 { font-size: 1.25rem }
h5 { font-size: 1.125rem }
h6 { font-size: 1rem }
.buttons-wrapper { text-align: center }
.Normal, .NormalDisabled, .NormalDeleted { font-weight: normal; font-family: Lato,'Open Sans',Verdana,sans-serif; font-size: 16px; line-height: 1.5; color: #555; }
.NormalDisabled, .NormalDeleted { color: Silver; }
.NormalDeleted { text-decoration: line-through; }
.NormalBold { font-size: 16px; font-weight: bold; }
.NormalRed { font-size: 16px; font-weight: bold; color: #f00; }
.NormalTextBox { font-size: 16px; font-weight: normal; }
#DNN8 div, header, footer, section, .section { position: relative; }
#map_canvas div { position: initial; }
.fl { float: left; }
.fr { float: right; }
.projectinfo .fl, .projectinfo .fr { box-sizing: border-box; }
.forty { width: 40px; height: 40px; line-height: 40px; }
#Body { min-width: 320px; }
a, a:visited { color: #008acf; }
table { border-spacing: 0px; border-width: 0px; padding: 0px; }
.pagerParrent { text-align: right; }
.pager { display: inline-block; line-height: 50px; height: 50px; background: #008acf; padding: 0 30px; margin: 30px 0px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; }
.pager a { color: #fff; font-family: 'Libre Franklin','Open Sans',Verdana,sans-serif; font-size: 18px; display: inline-block; width: 25px; margin: 0 5px; text-align: center; }
.contentWrap, #dnn_statsPane, .cookieWrap { width: 96%; margin: 0 auto; max-width: 1140px; }
#dnnLogo { display: inline-block; width: 232px; padding: 20px 0; line-height: 57px; vertical-align: baseline; }
#DNN8 #layer2, #DNN8 #layer3, #DNN8 #layer4, #DNN8 #layer5, #DNN8 #layer6, #DNN8 #layer7, #DNN8 #layer8, #DNN8 #cloud1, #DNN8 #cloud2, #DNN8 #christmas1, #DNN8 #christmas2, #DNN8 #layer10 { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
#DNN8 #menu { position: absolute; top: 0; right: 0; width: 100%; height: 100%; z-index: 1000; }
.dnnEditState #DNN8 #menu { top: 22px; }
.mt70p { margin-top: 70px; }
.menuPos { display: none; width: 0; }
#layer1 { overflow: hidden; }
.portal #layer1 { overflow: initial; }
#layer1 img { width: 100%; }
#layer3, #layer5, #layer7 { bottom: 0; right: 0; }
#layer2, #layer4, #layer6, #menu, #layer10 { height: auto; overflow: hidden; }
.portal #menu { overflow: initial; }
#layer2 span { display: inline-block; background-color: #f00; color: #fff; font-family: Raleway,'Open Sans',Verdana,sans-serif; font-size: 139px; line-height: 1.1; font-weight: 500; margin-top: 130px; padding: 14px 20px; letter-spacing: -0.1em; }
#layer10 span { display: inline-block; background-color: #f00; color: #fff; font-family: Raleway,'Open Sans',Verdana,sans-serif; font-size: 59px; line-height: 1.1; font-weight: 500; margin-top: 60px; padding: 14px 20px; letter-spacing: -0.1em; }
#layer4 span { display: inline-block; color: #008acf; font-family: Raleway,'Open Sans',Verdana,sans-serif; font-size: 322px; line-height: 1.01; font-weight: 300; margin-top: 290px; text-transform: uppercase; letter-spacing: -0.1em; }
#layer6 span { display: inline-block; color: #008acf; font-family: Raleway,'Open Sans',Verdana,sans-serif; font-size: 424px; line-height: 1.01; font-weight: 500; margin-top: 540px; text-transform: uppercase; letter-spacing: -0.1em; }
#cloud1 img { display: inline-block; margin-top: 140px; width: 44.1%; }
#cloud2 img { display: inline-block; margin-top: 240px; width: 84.8%; }
#christmas1 img { display: inline-block; margin-top: 400px; width: 18.92%; margin-left: -360px; }
#christmas2 img { width: 18.816%; display: block; position: absolute; bottom: 4%; right: -18.816%; }
.marquee { width: 120%; display: none; }
#layer2 .marquee { width: 0; display: block; float: right; }
#layer8 span { display: block; }
#layer8 div { margin: 25% auto 0 auto; max-width: 1140px; width: 96%; }
#layer8 img { display: block; max-width: 440px; width: 100%; height: auto; }
#layer9 img { position: absolute; bottom: 0px; left: 0px; top: auto; width: 100%; }
#layerM { display: none; }
#menuToggle { display: none; float: right; text-indent: -9999em; text-align: left; background: transparent url(images/icons.png) no-repeat -168px -150px; margin-top: 28px; }
#menuToggle2 { display: none; float: right; text-indent: -9999em; text-align: left; background: transparent url(images/icons.png) no-repeat -168px -192px; margin-top: 15px; }
.dnnMenu { float: right; }
.dnnMenu li { list-style: none none outside; float: left; }
.dnnMenu li a, .dnnMenu li > span { display: block; color: #2f2f2f; font-family: 'Libre Franklin','Open Sans',Verdana,sans-serif; font-size: 16px; padding: 36px 8px; text-align: center; text-transform: uppercase; }
.portal #menu .dnnMenu li a, .portal #menu .dnnMenu li > span { color: #fff; text-shadow: 1px 1px #000; }
.dnnMenu li a:hover, .portal #menu .dnnMenu li a:hover { text-decoration: none; color: #008acf; }
#callToday { background-color: #008acf; z-index: 0; padding: 20px 0; text-align: center; color: #fff; font-family: 'Libre Franklin','Open Sans',Verdana,sans-serif; font-size: 40px; line-height: 1.1; font-weight: normal; }
#callToday h1, #callToday a { color: #fff; font-family: 'Libre Franklin','Open Sans',Verdana,sans-serif; font-size: 40px; line-height: 1.1; font-weight: normal; }
#callToday h1.webinarTitle { font-size:32px;}
#callToday h1 { display: inline-block; margin-bottom: 0px; }
#callToday a, #callToday a:hover { color: #fff; }
#floatingMenu { position: fixed !important; top: 0; left: 0; overflow: visible; background: transparent url(images/shadow_menu.png) repeat-x bottom left; padding-bottom: 7px; box-sizing: border-box; width: 100%; display: none; z-index: 2; }
#floatingMenu > div { background-color: #fff; }
#floatingMenu .dnnMenu li a, #floatingMenu .dnnMenu li > span { display: block; color: #363636; font-family: 'Libre Franklin','Open Sans',Verdana,sans-serif; font-size: 14px; padding: 22px 8px; text-align: center; }
#dnnLogo2 { display: inline-block; width: 180px; }
#dnnLogo2 a { display: inline-block; width: 180px; padding: 13px 0; line-height: 43px; vertical-align: baseline; }
.dnnMenu ul.topLevel li .sub-menu { position: relative; left: -9999px; top: 0px; }
.dnnMenu ul.topLevel > li:hover .sub-menu { left: 0px; top: 0px; background-color: #fff; }
.sub-menu ul { padding: 0px; }
.dnnMenu .topLevel > li .sub-menu ul { display: block; left: 0; list-style-type: none; margin: 0; padding: 10px; position: absolute; top: -30px; width: 210px; z-index: 99; }
.dnnMenu .topLevel > li.id209 .sub-menu ul { width: 305px; }
.dnnMenu .topLevel li .sub-menu ul li { list-style-type: none; font-size: 14px; display: block; line-height: 21px; width: 100%; background-color: #fff; border-top: 1px solid #008acf }
.dnnMenu .topLevel li .sub-menu ul li a { font-size: 14px; line-height: 21px; color: #fff; text-transform: uppercase; display: block; padding: 10px; text-decoration: none; font-weight: normal; color: #008acf !important; text-shadow: none !important; text-align: left }
.dnnMenu .topLevel li .sub-menu ul li:first-child { border-top: none; }
.dnnMenu .topLevel li .sub-menu ul li a:hover { color: #fff !important; background-color: #008acf }
#floatingMenu .dnnMenu .sub-menu ul li a, #floatingMenu .dnnMenu .sub-menu ul li > span { padding: 10px; text-align: left }
.socialMHeader { float: right; min-width: 171px; margin-left: 20px; margin-top: 28px; }
#floatingMenu .socialMHeader { margin-top: 15px; }

#services, #maincontent { border-bottom: 1px solid #eceff8; }
.services { padding: 50px 0; }
.services img { padding: 30px 0px; display: block; }
.services .hoverSwipe { margin: 0px; }
.services.salesforce { padding: 0px; }
.services.salesforce ul li { font-size: 18px; }
.services .service { box-sizing: border-box; width: 32%; float: left; }

.services .serviceImg { width: 100%; height: 310px; margin-bottom: 20px; }
.services.salesforce .serviceImg { height: 90px }
.services .serviceImg img, .cyberSec .serviceImg img { display: block; margin: 0 auto; }
.services .serviceImg a { display: block; margin: 0 auto; }
.services .serviceImg a:hover { text-decoration: none; }
.Security .serviceImg a { width: 32px; height: 40px; background: transparent url(images/icons.png) no-repeat 0 0; }
.CloudIT .serviceImg a { width: 48px; height: 28px; background: transparent url(images/icons.png) no-repeat -34px 0; }
.Websites .serviceImg a { width: 24px; height: 48px; background: transparent url(images/icons.png) no-repeat -84px 0; }
.MobileAps .serviceImg a { width: 28px; height: 48px; background: transparent url(images/icons.png) no-repeat -110px 0; }
.services .serviceDescription { font-family: Lato,'Open Sans',Verdana,sans-serif; font-size: 18px; line-height: 1.5; color: #555; padding-bottom: 40px; text-align: left; }
.services .serviceTitle, .services .serviceText h2 { color: #363636; font-family: 'Libre Franklin','Open Sans',Verdana,sans-serif; font-size: 24px; line-height: 1.5; padding-bottom: 20px; text-align: center; display: block; font-weight: normal; }
.services .serviceText { width: 100%; box-sizing: border-box; }
.cyberSec ul { padding-left: 20px; }
.cyberSec ul li { list-style-image: url(images/check.png); }
.cyberSec h2, .cyberSec h3 { text-align: center; }

.services .serviceTitle { color: #363636; font-family: 'Libre Franklin','Open Sans',Verdana,sans-serif; font-size: 22px; line-height: 1.5; padding-bottom: 10px; display: block; text-decoration: none; box-sizing: border-box; padding-left: 10px; }
.services a.serviceTitle.active { color: #008acf; font-family: 'Libre Franklin','Open Sans',Verdana,sans-serif; font-size: 22px; line-height: 1.5; padding-bottom: 10px; display: block; text-decoration: none; }
.services .serviceTitle:hover { color: #008acf; font-family: 'Libre Franklin','Open Sans',Verdana,sans-serif; font-size: 22px; line-height: 1.5; padding-bottom: 10px; display: block; text-decoration: none; }
.serviceItem { border-top: 1px solid #d7d7d7; }
.serviceItem.cyberessentials img.infoImg { max-width: 140px; }
.serviceItem table { margin: 0 auto; }
.serviceItem table tr td { border-bottom: 1px solid #d7d7d7; }
.serviceItem table tr td.col1 { border-left: 1px solid #d7d7d7; }
.serviceItem table tr td.col2 { border-right: 1px solid #d7d7d7; }
.serviceItem table.ServiceTable1 { width: 100% }
.serviceItem table.ServiceTable1 tr th.col1 { width: 70%; }
.serviceItem table.ServiceTable1 tr th.col2 { width: 30%; }
.serviceItem table.ServiceTable1 tr td.col2 { border-left: 1px solid #d7d7d7; }
.serviceItem table tr td.footerCell { border: none; }
.serviceItem table tr th { font-size: 20px; background-color: #008acf; color: #fff; border: 1px solid #d7d7d7; line-height: 2; }
.serviceItem table tr th.vcol1H { border-bottom: none; }
.vcol1, .vcol2, .vcol3, .vcol4, .vcol5 { border-left: 1px solid #d7d7d7; }
.tdLast { border-right: 1px solid #d7d7d7; }
.serviceItem table.ServiceTable3, .serviceItem table.ServiceTable1 { padding: 2px; }
.serviceItem table.ServiceTable3 { display: none; }
.serviceItem table.ServiceTable3 tr td.vcol1 { width: 60%; }
.serviceItem table.ServiceTable3 tr td.vcol2 { width: 40%; }
.serviceList .serviceImg, .cyberSec .serviceImg { width: 20%; float: left; }
.serviceList .serviceText, .cyberSec .serviceText { width: 80%; float: left; padding: 50px 0px; }
.subTitle1, h3.subTitle1 strong { color: #008acf; font-family: 'Libre Franklin','Open Sans',Verdana,sans-serif; font-size: 28px; line-height: 1.1; font-weight: normal; }
ul.standard, ul.emailSec { padding: 0px 0px 20px 60px; margin: 0px; }
ul.standard li, ul.emailSec li { list-style-image: url(images/check.png); }
.Privacy ol li strong { color: #008acf; }
.Privacy li { margin-bottom: 5px; }
.Testimonials div .testimonialImg { width: 20%; float: left; }
.Testimonials div .testimonialText, .Testimonials .testimonialFrom { width: 78%; float: right; box-sizing: border-box; padding: 20px 70px; }
.Testimonials div .testimonialText .rQuote { top: auto; bottom: 0px; }
.Testimonials .testimonialFrom { text-align: right; }
table.ServiceTable2 tr th.col1H { width: 40%; }
table.ServiceTable2 tr th.col2, table.ServiceTable2 tr th.col3, table.ServiceTable2 tr th.col5 { width: 20%; }
table.ServiceTable2 tr td.vcol3 { background-color: #e0f1ff; }
p.last, ul.last, div.last { margin-bottom: 50px; }
p.bgTitle, h3.bgTitle, h2.bgTitle, h4.bgTitle { background: #eee; text-indent: 34px; position: relative; font-size: 16px; line-height: 24px; }
p.bgTitle:before, h3.bgTitle:before, h2.bgTitle:before, h4.bgTitle:before { position: absolute; left: 0; top: 0; width: 24px; height: 24px; background: #008acf; display: block; content: ' '; }
.whoWeAre { }
.whoWeAre .whoWeAreMonitor { margin-top: 4px; width: 597px; float: left; height: 476px; background: transparent url(images/monitor.png) no-repeat center top; }
.whoWeAre .whoWeAreMonitor img { height: auto; margin: 25px 0 0 23px; }
.whoWeAre > img { display: block; float: left; width: 46%; margin-top: 5px; }
.whoWeAre .whoWeAreText { float: right; width: 44%; color: #555; }
.subTitle1 { color: #008acf; font-family: 'Libre Franklin','Open Sans',Verdana,sans-serif; font-size: 22px; line-height: 1.1; font-weight: normal; }
.subTitle2 { color: #363636; font-family: 'Libre Franklin','Open Sans',Verdana,sans-serif; font-size: 22px; line-height: 1.9; padding-bottom: 15px; font-weight: normal; }
.subTitle3 { color: #555; font-family: 'Libre Franklin','Open Sans',Verdana,sans-serif; font-size: 38px; line-height: 1.5; padding-bottom: 15px; font-weight: 300; }
.subTitle3.lh11 { font-size: 36px; line-height: 1.1; padding-top: 8px; padding-bottom: 10px; }
.subTitle4 { color: #555; font-family: 'Libre Franklin','Open Sans',Verdana,sans-serif; font-size: 25px; line-height: 1.3; padding-bottom: 8px; font-weight: 300; }
.subTitle5 { color: #555; font-family: 'Libre Franklin','Open Sans',Verdana,sans-serif; font-size: 18px; line-height: 1.4; padding-bottom: 8px; font-weight: 300; }
p.subTitle3 { padding-top: 10px }
.whoWeAreDescription { color: #555; font-family: Lato,'Open Sans',Verdana,sans-serif; font-size: 16px; line-height: 1.5; }
.knowMore, .knowMore:link, .knowMore:visited, .loadMore, .hoverSwipe { display: inline-block; color: #fff !important; font-family: 'Libre Franklin','Open Sans',Verdana,sans-serif; font-size: 18px; line-height: 50px; background-color: #008acf; padding: 0 50px; margin-top: 30px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; }
.knowMore, .loadMore, .hoverSwipe { vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; }
.knowMore:before, .loadMore:before, .hoverSwipe:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #007dbb; -moz-border-radius: 4px; -webkit-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; }
.knowMore:hover, .loadMore:hover, .hoverSwipe:hover { text-decoration: none; color: #fff; }
.knowMore:hover:before, .knowMore:focus:before, .knowMore:active:before, .loadMore:hover:before, .loadMore:focus:before, .loadMore:active:before, .hoverSwipe:hover:before, .hoverSwipe:focus:before, .hoverSwipe:active:before { -webkit-transform: scaleX(1); transform: scaleX(1); }
.loadMore { margin-bottom: 40px; }
.hoverSwipe { margin: 20px 0; box-sizing: border-box; /*width:240px;*/ padding: 0 50px; text-align: center; }
.plusIcon { width: 50%; margin: 0 auto; }
.da-thumbs { padding: 0; margin: 0; width: 100%; overflow: hidden; }
.da-thumbs li { float: left; width: 33.333%; padding: 0; margin: 0; color: #fff; position: relative; list-style: none none outside; }
.da-thumbs li .project, .da-thumbs li .project img, .da-thumbs li .mediaVideo, .da-thumbs li .mediaVideo img, .da-thumbs li .mediaPresentation, .da-thumbs li .mediaPresentation img, .da-thumbs li .mediaEvent, .da-thumbs li .mediaEvent img, .da-thumbs li .seoCaseStudyProject, .da-thumbs li .seoCaseStudyProject img { display: block; position: relative; width: 100%; }
.da-thumbs li .project, .da-thumbs li .mediaVideo, .da-thumbs li .mediaPresentation, .da-thumbs li .mediaEvent, .da-thumbs li .seoCaseStudyProject { overflow: hidden; padding: 0; margin: 0; border: 0 none; color: #fff; text-align: center; }
.da-thumbs li span { display: block; font-family: 'Libre Franklin','Open Sans',Verdana,sans-serif; font-size: 40px; line-height: 1.6; padding-bottom: 20px; padding-top: 22%; }
.da-thumbs li .project a, .da-thumbs li .mediaVideo a, .da-thumbs li .mediaPresentation a, .da-thumbs li .mediaEvent a, .da-thumbs li .seoCaseStudyProject a { display: inline-block; text-indent: -9999em; width: 40px; height: 40px; line-height: 40px; background: transparent url(images/icons.png) no-repeat; z-index: 4; }
.da-thumbs li .mediaVideo a.zoomImg { background-position: -304px -265px; }
.da-thumbs li .project div, .da-thumbs li .mediaVideo div, .da-thumbs li .mediaPresentation div, .da-thumbs li .mediaEvent div, .da-thumbs li .seoCaseStudyProject div { background: transparent url(images/b.png) repeat left top; box-sizing: border-box; padding: 40px 20px; position: absolute !important; width: 100%; height: 100%; }
.da-thumbs li .project .projectLink, .da-thumbs li .mediaVideo .youtube { background-position: -140px 0; margin-right: 24px; }
.da-thumbs li .project .siteLink, .da-thumbs li .mediaVideo .moreInfo, .da-thumbs li .mediaPresentation .moreInfo, .da-thumbs li .mediaEvent .moreInfo, .da-thumbs li .seoCaseStudyProject .moreInfo { background-position: -182px 0; }
img.infoImg { margin: 50px auto 0px; display: block; }
.whyGoliveText { width: 36%; float: left; }
.whyGoliveImage { width: 56%; float: right; position: relative; }
.whyGoliveImage .stamp { display: block; position: absolute; bottom: -30px; left: -30px; display: none; }

.seoCaseStudy .da-thumbs li span { padding-top: 12px; }
.DNNAlignjustify { text-align: justify; }

/* Flexslider*/
/* RESETS */
.flex-container a:hover, .flex-slider a:hover { outline: none; }
.slides, .slides > li, .flex-control-nav, .flex-direction-nav, .flex-direction-nav li { margin: 0; padding: 0; list-style: none none outside; }
.flex-pauseplay span { text-transform: capitalize; }
/* BASE STYLES */
.flexslider { margin: 0; padding: 0; }
.slides li { }
.flexslider .slides > li { display: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; }
.flexslider .slides:after { content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
html[xmlns] .flexslider .slides { display: block; }
* html .flexslider .slides { height: 1%; }
.no-js .flexslider .slides > li:first-child { display: block; }
/* Styling */
.flexslider { position: relative; color: #fff; font-family: Lato,'Open Sans',Verdana,sans-serif; font-size: 18px; line-height: 1.5; zoom: 1; }
.flexslider .slides { zoom: 1; }
.flexslider .slides img { height: auto; -moz-user-select: none; }
.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.flex-direction-nav { *height: 0; }
.flex-direction-nav a { text-decoration: none; display: block; width: 40px; height: 40px; margin: 0; z-index: 10; overflow: hidden; opacity: 0; cursor: pointer; color: #fff; text-indent: -999em }
.flex-direction-nav .flex-prev { }
.flex-direction-nav .flex-next { }
.loading .flex-viewport { max-height: 344px; background-color: #008acf; }
/* Custom */
.flexslider .slides > li > div { padding-top: 40px; }
.flexslider .slides > li > div, .flexslider .slides > li > div > div { position: relative; box-sizing: border-box; }
.flexslider .slides > li > div > div { padding: 0 58px 30px 58px; float: right; width: 76.17543%; font-style: italic; }
.flexslider .slides > li > div > div.fullWidth { padding: 0 58px 30px 58px; float: none; width: 100%; clear: both; }
.flexslider .slides > li > div > div.fullWidth strong { color: #fff; font-size: 120%; }
.flexslider .slides > li > div > div.clear { padding: 0; margin: 0; }
.projectinfo .flexslider .slides > li > div > div { padding: 0 58px 30px 58px; width: 100%; font-style: italic; }
.flexslider .slides > li > div > .tImg { float: left; width: 19.82456%; padding: 0 !important; margin-bottom: 40px; }
.sliderOuterWrap { background-color: #008acf; }
.sliderInnerWrap { width: 94%; max-width: 1140px; margin: 0 auto; }
.flex-direction-nav li { height: 40px; }
.flexslider .slides > li .DNNAlignright { font-style: italic; }
.tCompany { font-size: 20px; line-height: 1.5; font-style: normal; }
.lQuote, .rQuote { width: 48px; height: 38px; position: absolute !important; top: 0; background: transparent url(images/icons.png) no-repeat; }
.lQuote { left: 0; background-position: -223px 0; }
.rQuote { right: 0; background-position: -272px 0; }
.flex-direction-nav { display: block !important; opacity: 1 !important; top: 35% !important; width: 100%; z-index: 999 !important; position: absolute; }
.flex-direction-nav li { background: transparent url(images/icons.png) no-repeat; }
.flex-direction-nav .flex-nav-prev { width: 40px; float: left; background-position: -168px -108px; margin-left: -50px; }
.flex-direction-nav .flex-nav-next { width: 40px; float: right; background-position: -210px -108px; margin-right: -50px; }

.partnerLogos { padding: 30px 0; text-align: center; }
.partnerLogos span { line-height: 84px; display: inline-block; }
.ie7 .partnerLogos span, .ie8 .partnerLogos span { width: 100%; text-align: center; }
.partnerLogos img { display: inline-block; margin: 0 10px; }
#layer1 .partnerLogos { padding: 10px 0; }
#layer1 .partnerLogos img { width: auto; }

#stats > div { background: transparent url(images/b.png) repeat left top; }
#stats video { position: absolute; top: 0; left: 0; width: 100%; height: auto; max-width: 100%; }
#stats > img { position: absolute; top: 0; left: 0; width: 100%; height: auto; max-width: 100%; display: none; }
.ie7 #stats > img, .ie8 #stats > img { display: block; }
.ie7 video, .ie8 video { display: none; }
#circle_stats { color: #fff; }
.two_circles, #yearsstat, #visitorstat, #projectstat, #clientstat { float: left; width: 50%; }
#yearsstat, #visitorstat, #projectstat, #clientstat { box-sizing: border-box; padding: 30px 0; font-family: Lato,'Open Sans',Verdana,sans-serif; font-size: 20px; line-height: 1.5; }
.circle_text { font-size: 44px; line-height: 48px; padding: 20px 0 30px 0; }
.two_circles .icon { background: transparent url(images/icons.png) no-repeat; width: 50px; height: 50px; margin: 0 auto; }
#yearsstat .icon { background-position: -131px -53px; }
#visitorstat .icon { background-position: -190px -53px; }
#projectstat .icon { background-position: -240px -53px; }
#clientstat .icon { background-position: -296px -53px; }

.sprite { background-image: url(images/spritesheet.webp); background-repeat: no-repeat; display: inline-block; margin: 0 4px; }
.sprite-cyber_logo { width: 150px; height: 60px; background-position: 0px -429px; }
.sprite-google_logo { width: 170px; height: 60px; background-position: 0 -60px; }
.sprite-g-cloud { width: 152px; height: 60px; background-position: 0 -120px; }
.sprite-microsoft_logo { width: 206px; height: 60px; background-position: 0 -180px; }
.sprite-ukita_logo { width: 144px; height: 60px; background-position: 0 -240px; }
.sprite-ukwda_logo { width: 198px; height: 60px; background-position: 0 -300px; }
.sprite-iasme { width: 150px; height: 60px; background-position: 0 -369px; }


.tbWaterR { background-color: #fbe0e0; }
#BlogContent { width: 74.123%; float: left; }
#BlogSidebar { width: 20.877%; float: right; }
.w0 { width: 0; height: 0; padding: 0; margin: 0; overflow: hidden; }
.w0 img { width: 0; height: 0; }
.BlogBody { margin-bottom: 60px; }
.BlogHead a { color: #008acf; display: block; margin-bottom: 20px; }
.BlogHead h2 { margin: 0; }
.imgFeed { display: block; margin-bottom: 20px; }
.BlogBody .shortDescription { margin-bottom: 40px; }
.blogInfo { width: 100%; display: block; padding: 0; margin: 0 0 30px 0; }
.blogInfo li { float: left; padding: 0 40px 0 0; list-style: none none outside; }
.blogInfo li.clear { padding: 0; float: none !important; clear: both !important; }
.blogInfo li .icon { display: inline-block; background: transparent url(images/icons.png) no-repeat; width: 22px; height: 16px; margin-right: 20px; vertical-align: text-bottom; }
.blogInfo .blogPublishDate .icon { background-position: -196px -243px; }
.blogInfo .blogListAuthor .icon { background-position: -214px -158px; }
.blogInfo .blogListComments .icon { background-position: -236px -157px; }
.blogInfo .blogListTags .icon { background-position: -262px -158px; }
.blogInfo a { color: #777; }
.moreAndSocial nav { float: left; width: 210px; }
.moreAndSocial nav a { margin-top: 0; }
.moreAndSocial .socialList { display: block; position: absolute !important; right: 0; top: 0; }
.moreSocial { display: inline-block; background-color: #eceff8; line-height: 50px; height: 50px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; }
.socialCallOut, .socialCallOutInner { line-height: 50px; height: 50px !important; display: inline-block; overflow: hidden; }
.socialCallOut { z-index: 20; }
.socialCallOutInner { text-align: right; }
.moreSocialArrow { display: inline-block; background: transparent url(images/icons.png) no-repeat -332px -186px; width: 0; line-height: 50px; height: 50px; }
/*width:13px;*/
.contactText .st_linkedin_custom, .contactText .st_googleplus_custom, .contactText .st_twitter_custom, .contactText .st_facebook_custom { width: 40px; text-indent: -9999em; }
.moreAndSocial .shareActivator { background: #008acf url(images/icons.png) no-repeat -294px -142px; display: inline-block; width: 50px; height: 50px; line-height: 50px; cursor: pointer; -moz-border-radius: 4px; -webkit-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; }
.h2blog { padding-bottom: 10px; }
.pnlArchive { margin-bottom: 50px; }
.pnlArchive a, .pnlTags a { color: #777; }
.pnlTags a { font-size: 15px; display: inline-block; padding-right: 3px; }
.ulArchives li { list-style: none none outside; }
.ulArchives li a { font-size: 16px; line-height: 1.5; display: inline-block; padding: 4px 0; }
.ulArchives li.extra, #blogMonthsLess { display: none; }
.Posted { display: block; float: left; }
.innerImage { padding-bottom: 20px; }
.innerImage img { display: block; width: 100%; }
#BlogHeader .moreAndSocial { min-height: 50px; padding-bottom: 20px; }
.BlogEntry .moduleTitle .TitleH2, .BlogEntry .moduleTitleTAC .TitleH2 { font-size: 28px; line-height: 1.1; padding-bottom: 10px; }
.CommentBody { padding-bottom: 30px; }
.ComName { font-weight: bold; }

#TopFooter { display: none; border-top: 2px solid #2f2f2f; }
.tfHeading { color: #363636; font-size: 22px; font-weight: normal; line-height: 1.5; padding: 20px 0; font-family: 'Libre Franklin','Open Sans',Verdana,sans-serif; margin: 0; }
.TFContentLeft { width: 49%; float: left; }
.TFContentRight { width: 49%; float: right; }
.TopFooterL, .TopFooterR { width: 49%; }
.TopFooterL { float: left; }
.TopFooterR { float: right; }
.ulTopFooter { padding-bottom: 25px; margin-left: 0; }
.ulTopFooter li { list-style-type: none; }
.ulTopFooter li a { color: #777; font-size: 16px; line-height: 1.5; font-family: Lato,'Open Sans',Verdana,sans-serif; }
#toggleFooter { display: block; margin: 0 auto; text-decoration: none; text-indent: -9999em; background: transparent url(images/icons.png) no-repeat -89px -192px; width: 45px; }
#toggleFooter.minus { background-position: -42px -192px; }
#Copyright { width: 40%; float: left; }
#SocialD { width: 100%; float: left; text-align: center; }
#FooterNav { width: 60%; float: right; text-align: right; }
#Copyright, #SocialD, #FooterNav, #SocialM { line-height: 40px; }
#Copyright, #FooterNav, #Copyright a, #FooterNav a, #SocialD a, #SocialM a { color: #eee; font-size: 12px; font-family: Lato,'Open Sans',Verdana,sans-serif; }
#SocialM { display: none; visibility: hidden; clear: both; float: none; text-align: center; }
#SocialM a, #SocialD a { display: inline-block; padding: 0 3px; }
.tw, .gp, .fb, .in { display: inline-block; text-indent: -9999em; background: transparent url(images/icons.png) no-repeat; }
.tw { background-position: -42px -108px; }
.gp { background-position: -84px -108px; }
.fb { background-position: 0 -108px; }
.in { background-position: -126px -108px; }
.tw:hover { background-position: -42px -150px; }
.gp:hover { background-position: -84px -150px; }
.fb:hover { background-position: 0 -150px; }
.in:hover { background-position: -126px -150px; }
.Dark { background-color: #2f2f2f; padding: 18px 0; }
#getInTouch a { display: block; margin: 0 auto; width: 56px; height: 56px; line-height: 56px; text-indent: -9999em; background: transparent url(images/icons.png) no-repeat -21px -52px; }
#getInTouch a:hover { background-position: -21px -285px; }
#getInTouch .subTitle { padding-bottom: 20px; }
#getInTouch .moduleTitle, .moduleTitleTAC { text-align: center; }
.DNNContainer_Title_h1, .DNNContainer_Title_h2 { padding: 70px 0; }
.moduleTitle .TitleH1, .moduleTitleTAC .TitleH1, .moduleTitle .TitleH2, .moduleTitleTAC .TitleH2 { display: inline-block; font-family: 'Libre Franklin','Open Sans',Verdana,sans-serif; color: #008acf; font-size: 40px; line-height: 1.1; font-weight: 400; }
.subTitle { font-family: 'Libre Franklin','Open Sans',Verdana,sans-serif; color: #555; font-size: 16px; line-height: 1.5; text-align: center; }
.pb50 { padding-bottom: 50px; }
.pb20 { padding-bottom: 20px; }
.pb2 { padding-bottom: 2px; }
.pb3 { padding-bottom: 3px; }

.editPanel { position: fixed !important; width: 100%; height: 100%; left: 0; top: 0; right: 0; bottom: 0; background-color: #fff; z-index: 100000; box-sizing: border-box; padding: 100px 50px; }
.editPanel table { width: 100%; }
.editPanel td { vertical-align: top; padding: 3px 10px; border: 1px solid #949494; }
.editPanel th { border: 1px solid #949494; }
.editPanel .dnnFilePicker .dnnLeft { margin-top: 0 !important; }
.editPanel input[type=text] { width: 100%; max-width: 320px; }
.editPanel textarea { width: 100%; max-width: 640px; }
.editPanel .scrollable { max-height: 600px; overflow-y: scroll; display: block; }

.ScrollTop, .ScrollTop:hover { display: none; width: 40px; height: 40px; line-height: 40px; background: transparent url(images/icons.png) no-repeat left -192px; position: fixed; right: 5%; bottom: 50px; text-indent: -9999em; }
.mr2p { margin-right: 2%; }
.mLB2p { margin-left: 2%; margin-bottom: 2%; }
.mRB2p { margin-right: 2%; margin-bottom: 2%; }

.w5p, .w5 { width: 5%; }
.w10p, .w10 { width: 10%; }
.w15p, .w15 { width: 15%; }
.w20p, .w20 { width: 20%; }
.w25p, .w25 { width: 25%; }
.w30p, .w30 { width: 30%; }
.w32p, .w32 { width: 32%; }
.w33p, .w33 { width: 33.33%; }
.w35p { width: 35%; }
.w40p { width: 40%; }
.w45p { width: 45%; }
.w49p { width: 49%; }
.w50p, .w50 { width: 50%; }
.w50 { width: 50%; }
.w55p { width: 55%; }
.w60p, .w60 { width: 60%; }
.w65p { width: 65%; }
.w70p, .w70 { width: 70%; }
.w80p, .w80 { width: 80%; }
.w85p { width: 85%; }
.w90p { width: 90%; }
.w100p, .w100 { width: 100%; }
.w100p .dnnleft { box-sizing: border-box; }
.w33p.dnnLeft { box-sizing: border-box; padding: 10px; text-align: center; }
.w33p.dnnLeft img { margin: 20px auto; }
.blueText { padding: 20px 0px; font-size: 36px; color: #2792c1; font-family: 'Libre Franklin','Open Sans',Verdana,sans-serif; font-weight: normal; }
.TitleImg h1, .TitleImg .h1 { position: absolute; top: 60%; left: 0; color: #fff; font-family: 'Libre Franklin','Open Sans',Verdana,sans-serif; font-size: 50px; line-height: 1.05; font-weight: normal; width: 100%; text-shadow: 1px 1px #000; }
h1 span.contentWrap { text-shadow: 1px 1px #000; }
.TitleImg h1 .contentWrap, .TitleImg .h1 .contentWrap, .topImage h1 .contentWrap { display: block; }
.TitleImg .h1 { position: absolute !important; }

.PLinks a { color: #555; display: inline-block; font-size: 16px; line-height: 25px; margin: 0 20px 20px 20px; text-decoration: none; padding: 0 10px; }
.PLinks a span { display: inline-block; width: 9px; background: transparent url(images/icons.png) no-repeat -336px -25px; line-height: 25px; height: 25px; margin: 0 0 0 10px; }
.PLinks a.ActiveL { color: #008acf; border-bottom: 1px #008acf solid; }
.PLinks a.ActiveL span { background-position: -336px 0; }

.colLBtnAdmin a, .colLBtnLeft a, .colLBtn a { display: inline-block; color: #fff; font-family: 'Libre Franklin','Open Sans',Verdana,sans-serif; font-size: 18px; line-height: 50px; background-color: #008acf; padding: 0 50px; margin-top: 30px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; width: 110px; text-align: center; }
.colLBtnAdmin a, .colLBtnLeft a, .colLBtn a { vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; }
.colLBtnAdmin a:before, .colLBtnLeft a:before, .colLBtn a:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #007dbb; -moz-border-radius: 4px; -webkit-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; }
.colLBtnAdmin a:hover, .colLBtnLeft a:hover, .colLBtn a:hover { text-decoration: none; }
.colLBtnAdmin a:hover:before, .colLBtnAdmin a:focus:before, .colLBtnAdmin a:active:before, .colLBtnLeft a:hover:before, .colLBtnLeft a:focus:before, .colLBtnLeft a:active:before, .colLBtn a:hover:before, .colLBtn a:focus:before, .colLBtn a:active:before { -webkit-transform: scaleX(1); transform: scaleX(1); }
.bb { border-bottom: 1px solid #ddd; }
.Testimonials .bb { padding: 30px; }
.Testimonials .bb:last-child { border-bottom: none; }
div.popup_bg { position: static !important; }
.tblFAQ { border-collapse: collapse; border-spacing: 0; width: 100%; }
.tblFAQ td { border-bottom: 1px solid #ddd; padding: 40px 0; }
.faqA { }
.faqAText { font-size: 18px !important; line-height: 26px; color: #000; float: right; width: 85%; font-weight: normal; padding-top: 30px; }
.faqAText p { padding-bottom: 10px; font-size: 18px !important; }
.faqAText ul { margin-left: 20px; }
.faqAText ul li { list-style: none none outside; }
.faqQText { font-size: 28px; line-height: 40px; color: #008acf; float: right; width: 85%; font-weight: normal; }
.faqQNum { float: left; width: 15%; font-size: 40px; line-height: 46px; font-weight: normal; color: #008acf; }
.faqQText:hover, .faqQNum:hover { color: #007dbb }
#dnn_ctr755_VDC_ctl00_pnlComments td { vertical-align: top; }
#frameVid { border: 0 none; }

.testimonialbg { background-size: contain !important; }
.modalBG { position: fixed !important; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; background: transparent url(images/b.png) repeat left top; z-index: 10000; }
.modalPopup { width: 96%; max-width: 1140px; top: 15%; left: 15%; left: calc(calc(100% - 1140px) / 2); position: fixed !important; z-index: 10000; background-color: #fff; border: 1px solid #777; height: 70%; overflow-y: scroll; }
.modalPopupReg { width: 96%; max-width: 940px; top: 15%; left: 15%; left: calc(calc(100% - 940px) / 2); position: fixed !important; z-index: 10000; background-color: #fff; border: 1px solid #777; padding: 20px; box-sizing: border-box; text-align: center; }
.modalPopup td, .tblProjects td { vertical-align: top; }
ul.nobullet { padding: 0px; }
ul.nobullet li { list-style: none; }
.ui-state-default { color: #fff; background-color: #008acf; -moz-border-radius: 4px; -webkit-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; margin-bottom: 2px; box-sizing: border-box; padding: 4px 8px; }
.ui-state-default:hover { text-shadow: 1px 1px #777; }
.ui-state-default.ui-sortable-helper { background-color: #008acf; }
input.txtBlogEntryTitle, input.txtTags { width: 97%; }

#breadcrumbs { padding: 10px 0; }
#breadcrumbs, #breadcrumbs a { color: #777; line-height: 30px; }
#breadcrumbs a.disabled { cursor: text; text-decoration: none; }
#breadcrumbs a:hover { text-decoration: none; }
.breadcrumbSep { font-size: 26px; line-height: 26px; vertical-align: text-bottom; display: inline-block; padding: 0 4px; color: #008acf; }

.glForm .divrow { margin-bottom: 20px; }
.glForm .tbWater, .projectAdmin input[type=text] { background-color: #eceff8; box-sizing: border-box; color: #555; padding: 17px 25px; font-size: 16px; line-height: 1.5; border: 0 none; width: 100%; }
.glForm textarea { height: 240px; }
.glForm .tbWaterR { background-color: #fbe0e0; box-sizing: border-box; color: #555; padding: 17px 25px; font-size: 16px; line-height: 1.5; border: 0 none; width: 100%; }

.topImage h1 { position: absolute; bottom: 25%; left: 0; color: #fff; font-size: 50px; line-height: 1.1; font-family: 'Libre Franklin','Open Sans',Verdana,sans-serif; width: 100%; }
.topImage img { width: 100%; display: block; }
.ProjectNav { position: absolute !important; top: 0; left: 0; height: 60px; width: 100%; }
.ProjectNav .lbtnClose { display: block; background-color: #fff; -moz-border-radius: 4px; -webkit-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; margin-bottom: 2px; box-sizing: border-box; padding: 10px 14px; width: 60px; height: 60px; position: fixed; top: 30px; right: 5%; z-index: 1; }
.ProjectNav .lbtnClose span { display: block; background: transparent url(images/icons.png) no-repeat -134px -192px; width: 32px; height: 40px; text-indent: -9999em; }
.sectionTitles { padding: 20px 0 50px 0; }
.projectinfo { padding-bottom: 80px; }
.imgLaptop, .mobileView, .browserView { text-align: center; padding-bottom: 50px; }
.mobileView { overflow: hidden; }
.mobileView img { width: 100%; min-width: 1440px; display: block; }

.notvis { display: none; visibility: hidden; }

#map_canvas { width: 100%; height: 520px; max-height: 520px !important; margin-bottom: -40px; }
.contactForm { width: 66%; float: right; margin-top: 20px; }
.contactForm .clearfix { color: #555; font-family: 'Libre Franklin','Open Sans',Verdana,sans-serif; font-size: 18px; text-decoration: none; }
.contactForm input[type=text] { max-width: 360px; }
.contactForm .divrow { width: 50%; float: left; margin-bottom: 26px; }
.contactForm .divrow.rightCol input[type=text] { float: right; }
.contactForm .divrow.rightCol .clearfix { float: right; max-width: 360px; width: 100% }
.contactForm .divrow.msgText, .contactForm div.divrow.MsgText #MessageText { width: 100%; }
.contactForm .divrow.sendMail { width: 100%; text-align: right; }
.contactText { width: 34%; float: left; margin-top: 20px; }
.contactText .infoIcon { width: 22%; float: left; margin-bottom: 58px; }
.contactText .infoIcon > div { width: 58px; height: 58px; background-color: #ECEFF8 }
.contactText .infoIcon div span { display: block; background-image: url(images/icons.png) }
.contactText .infoIcon div span.locIcon { width: 17px; height: 28px; background-position: -255px -112px; margin: 15px 20px; float: left; }
.contactText .infoIcon div span.phoneIcon { width: 18px; height: 28px; background-position: -298px -112px; margin: 15px 20px; float: left; }
.contactText .infoIcon div span.emailIcon { width: 18px; height: 18px; background-position: -276px -112px; margin: 20px 20px; float: left; }
.contactText .infoIcon div span.followIcon { width: 18px; height: 18px; background-position: -320px -112px; margin: 20px 20px; float: left; }
.contactText .infoIcon div span.regIcon { width: 26px; height: 28px; background-position: -218px -241px; margin: 15px 17px; float: left; }
.contactText .infoIcon div span.vatIcon { width: 23px; height: 23px; background-position: -245px -241px; margin: 18px 18px; float: left; }
.contactText .infoText, .contactText .infoText > p, .contactText .infoText > a, .contactText .infoText p > a { width: 78%; float: left; color: #555; font-family: 'Libre Franklin','Open Sans',Verdana,sans-serif; font-size: 18px; line-height: 1.5; text-decoration: none; }
.contactText .infoText > a:hover, .contactText .infoText p > a:hover { text-decoration: none; color: #008acf; }
.contactText .infoText p > a { float: none; }
.contactText .infoText > p { margin-bottom: 0px; width: 100%; }
.contactText .infoText > a { display: block; }
.contactText .email .infoText > a { margin-top: 17px; }
.contactText .infoText p.folUs { }
.contactText .infoText p.tel { margin-top: 4px; }
.contactText .infoText ul.socIcon { margin: 0px; padding: 0px; }
.contactText .infoText ul.socIcon li { list-style: none; float: left; }
.contactText .infoText ul.socIcon li span.forty { display: block; background-image: url(images/icons.png); height: 50px; text-indent: -9999em; width: 40px; }
.contactText .infoText ul.socIcon li span.fb { background-position: -80px -57px; }
.contactText .infoText ul.socIcon li span.tw { background-position: -212px -185px; }
.contactText .infoText ul.socIcon li span.gp { background-position: -251px -187px; }
.contactText .infoText ul.socIcon li span.in { background-position: -292px -187px; }
.contactText .infoText ul.socIcon li span.fb:hover, .moreAndSocial .st_facebook_custom:hover { background-position: 0px -232px; }
.contactText .infoText ul.socIcon li span.tw:hover, .moreAndSocial .st_twitter_custom:hover { background-position: -40px -232px; }
.contactText .infoText ul.socIcon li span.gp:hover, .moreAndSocial .st_googleplus_custom:hover { background-position: -80px -232px; }
.contactText .infoText ul.socIcon li span.in:hover, .moreAndSocial .st_linkedin_custom:hover { background-position: -120px -232px; }
.tooltipLink { display: inline-block; width: 20px; height: 20px; background-image: url(images/icons.png); background-position: -268px -241px; cursor: pointer; margin-left: 10px; }
.supportForm .tooltipLink { margin-left: 0; margin-right: 10px; }
.balloon { box-sizing: border-box; position: absolute !important; color: #fff; font-family: Lato, Verdana,sans-serif; font-size: 14px; background-color: #008acf; z-index: 1; min-width: 300px; width: auto; bottom: 47px; border-radius: 4px; padding: 14px; left: -20px; display: none; }
.balloon a { color: #fff; text-decoration: underline; }
/*.balloon:before{content:' ';border-left:27px solid #008acf;border-top:14px solid #008acf;border-right:27px solid transparent;border-bottom:14px solid transparent;position:absolute;bottom:-27px;left:30px;}*/
.balloon span.closeB { width: 14px; height: 14px; cursor: pointer; background-image: url(images/icons.png); background-position: -310px -241px; position: absolute; right: 5px; top: 5px; display: block; z-index: 5; }
.balloon span.arrow { content: ' '; border-left: 27px solid #008acf; border-top: 14px solid #008acf; border-right: 27px solid transparent; border-bottom: 14px solid transparent; position: absolute; bottom: -27px; left: 30px; padding: 0px !important; }
.contactText .infoTextMob > div { margin-bottom: 20px; }
a.agree { display: inline-block; color: #555; }
a.agree:hover { text-decoration: none; }
a.agree > span { display: block; width: 28px; height: 28px; float: left; background: #eceff8; margin-right: 15px; }
a.agree.checked > span > span { display: block; width: 20px; height: 14px; float: left; margin-left: 4px; margin-top: 7px; background-image: url(images/icons.png); background-position: -289px -241px; }
.moreAndSocial .st_sharethis_custom { display: inline-block; width: 0px !important; height: 0px !important; overflow: hidden; line-height: 0px !important; }
.moreAndSocial .st_linkedin_custom { background: transparent url(images/icons.png) no-repeat -292px -187px; display: inline-block; width: 0; height: 50px; line-height: 50px; cursor: pointer; }
/*width:40px;*/
.moreAndSocial .st_googleplus_custom { background: transparent url(images/icons.png) no-repeat -251px -187px; display: inline-block; width: 0; height: 50px; line-height: 50px; cursor: pointer; }
.moreAndSocial .st_twitter_custom { background: transparent url(images/icons.png) no-repeat -212px -185px; display: inline-block; width: 0; height: 50px; line-height: 50px; cursor: pointer; }
.moreAndSocial .st_facebook_custom { background: transparent url(images/icons.png) no-repeat -80px -57px; display: inline-block; width: 0; height: 50px; line-height: 50px; cursor: pointer; }

.contactSection section { border-bottom: none; }

a.golivebtn, a.golivebtn:link, a.golivebtn:visited, a.golivebtn:active { display: block; width: 152px; height: 44px; line-height: 44px; color: #fff; font-size: 20px; text-align: center; background: transparent url(images/bttn_send_spite.png) no-repeat center top; float: right; }
a.golivebtn:hover { background-position: center bottom; text-decoration: none; }
.customer-satisfactory-survey .cl1 { width: 15% !important; }
.customer-satisfactory-survey .maintbl.mini { max-width: 500px; }
.customer-satisfactory-survey .maintbl th { font-size: 14px; background-color: #efefef; vertical-align: top; min-height: 40px; padding: 4px 1%; text-align: center; }
.customer-satisfactory-survey .maintbl td { padding: 4px 1%; }
.customer-satisfactory-survey .maintbl .alt td { background-color: #fbfbfb; }
.customer-satisfactory-survey .maintbl td.cl2 { text-align: center; vertical-align: middle; }
.customer-satisfactory-survey .maintbl th.cl2 { vertical-align: bottom }
.customer-satisfactory-survey .maintbl.mini th.cl2 { vertical-align: top }
.customer-satisfactory-survey .maintbl .cl2 { width: 7% !important; }
.customer-satisfactory-survey .maintbl .cl2.wide { width: 9% !important; }
.customer-satisfactory-survey .maintbl.mini .cl2.wide { width: 19% !important; }
.customer-satisfactory-survey .rbl label { margin-left: 10px; }
.customer-satisfactory-survey .rbl td { padding: 3px 0; vertical-align: middle; }
.customer-satisfactory-survey .pnler { padding: 10px 2%; width: 95%; margin: 0 auto 20px auto; text-align: center; color: #9d0101; border: 1px solid #9d0101; background-color: #fbd5d5; border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -webkit-border-radius: 5px; }
.customer-satisfactory-survey .pnlok { padding: 10px 2%; width: 95%; margin: 0 auto 20px auto; text-align: center; color: #2a8b03; border: 1px solid #2a8b03; background-color: #bfffbf; border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -webkit-border-radius: 5px; }
.customer-satisfactory-survey .maintbl td div { display: none; }
.hrep { width: 100%; }
.hrep td { width: 20% !important; text-align: center; border: 1px solid #949494; }
.customer-satisfactory-survey a.golivebtn, .customer-satisfactory-survey a.golivebtn:link, .customer-satisfactory-survey a.golivebtn:visited, .customer-satisfactory-survey a.golivebtn:active { display: inline-block; float: none; margin: 5px; }
a.golivebtn.alt, a.golivebtn.alt:link, a.golivebtn.alt:visited, a.golivebtn.alt:active { background-image: url(images/bttn_send_spite2.png); }
table.table-reset, .table-reset caption, .table-reset tbody, .table-reset tfoot, .table-reset thead, .table-reset tr, .table-reset th, .table-reset td { border: 0 none; font: inherit; margin: 0; padding: 0; }
.progress-bar-container { margin: 0 auto 36px auto; text-align: center; white-space: nowrap; width: 60%; min-width: 280px; border-collapse: collapse; border-spacing: 0; border: 0 none; padding: 0; display: inline-table; }
.progress-bar-section { background-color: #fff; color: #555; font-size: 12px; white-space: nowrap; }
.progress-bar-indicator-container { padding: 4px; text-align: left; width: 100%; }
.progress-bar-indicator-wrapper { border: 1px solid #ccc; background: rgba(204, 204, 204, 0.25) none repeat scroll 0 0 padding-box; border-radius: 4px; overflow: hidden; }
.progress-bar-indicator { background-color: #97c21f; }
.progress-bar-section.progress-bar-percentage { padding: 4px 6px; white-space: nowrap; }
.progress-bar-container-hidden-text { opacity: 0; overflow: hidden; position: absolute; right: 50%; width: 0; }
.bl0to10 { width: 100%; border: 1px solid #ddd; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -ms-border-radius: 3px; height: 30px; }
.bl0to10 li { width: 9.09%; float: left; height: 30px; list-style: none none outside; }
.bl0to10 li a { display: block; width: 100%; height: 30px; line-height: 30px; text-align: center; border-right: 1px solid #ddd; }
.bl0to10 li.selected a { background-color: #008acf; color: #fff; }
.bl0to10 li:last-child a { border-right: none 0; }
.bl0to10 li a:hover { background-color: #f0f0f0; text-decoration: none; }
.LikelyRecommend0, .ProficiencyProjectManager0 { float: left; }
.LikelyRecommend10, .ProficiencyProjectManager10 { float: right; }
.LikelyRecommend10m, .ProficiencyProjectManager10m { display: none; }
input.hs { display: none; }
#popupContactUs { position: fixed; bottom: 0; right: 10px; width: 260px; -moz-border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; -moz-box-shadow: 3px -3px 3px #eee,-3px -3px 3px #eee,3px 3px 3px #eee,-3px 3px 3px #eee; -webkit-box-shadow: 3px -3px 3px #eee,-3px -3px 3px #eee,3px 3px 3px #eee,-3px 3px 3px #eee; -ms-box-shadow: 3px -3px 3px #eee,-3px -3px 3px #eee,3px 3px 3px #eee,-3px 3px 3px #eee; box-shadow: 3px -3px 3px #eee,-3px -3px 3px #eee,3px 3px 3px #eee,-3px 3px 3px #eee; behavior: url(PIE.htc); z-index: 9999991; }
#popupCallOut { display: block; color: #fefefe; background-color: #008acf; font-family: 'Libre Franklin','Open Sans',Verdana,sans-serif; font-size: 14px; -moz-border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; box-sizing: border-box; padding: 0 10px; line-height: 32px; height: 32px; behavior: url(PIE.htc); }
#popupCallOut:link, #popupCallOut:hover, #popupCallOut:active { text-decoration: none; }
#popupCallOut span { display: inline-block; float: right; width: 9px; height: 32px; background: transparent url(images/arrows_contactForm.png) no-repeat 0 center; line-height: 32px; }
#popupContactForm { background-color: #fff; font-family: Lato,'Open Sans',Verdana,sans-serif; color: #555; font-size: 12px; line-height: 1.5; box-sizing: border-box; padding: 10px 10px 20px 10px; min-height: 304px; display: none; }
#popupContactForm input[type=text], #popupContactForm textarea { background-color: #eceff8; font-family: Lato,'Open Sans',Verdana,sans-serif; color: #555; font-size: 12px; line-height: 2; width: 100%; border: 1px solid #eceff8; margin-bottom: 10px; box-sizing: border-box; padding: 10px; overflow: hidden; min-height: 46px; }
#popupContactForm textarea { resize: none; min-height: 118px; }
#popupContactText { padding-bottom: 10px; }
#popupContactForm #popuptxt1 { display: none; }
#popupContactUs .popupBtn { display: block; color: #fefefe; background-color: #008acf; border: 1px solid #008acf; font-family: 'Libre Franklin','Open Sans',Verdana,sans-serif; font-size: 12px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; box-sizing: border-box; padding: 12px 0; line-height: 1.5; text-align: center; behavior: url(PIE.htc); }
#popupContactUs .popupBtn:link, #popupContactUs .popupBtn:hover, #popupContactUs .popupBtn:active { text-decoration: none; }
#popupContactUs .popupVal { display: none; text-align: center; margin-bottom: 10px; color: #f00; font-family: 'Libre Franklin','Open Sans',Verdana,sans-serif; font-size: 12px; line-height: 1.5; }
.ui-autocomplete { padding: 0; margin: 0; background-color: #fff; border: 1px solid #949494; max-width: 500px; }
.ui-autocomplete li { list-style: none none outside; color: #2d2d2d; box-sizing: border-box; padding: 1px 3px; }
.ui-autocomplete li:hover { background-color: #efefef; }
/*-----------------popup------------------------------*/
#popbg, #modbg, #sfpopbg, .pnlCookiesBGPanel { width: 100%; height: 100%; background: url(images/bg_popup.png) repeat; position: fixed !important; top: 0; left: 0; z-index: 10000000; }
#chatpopbg { width: 100%; height: 100%; background: url(images/bg_popup.png) repeat; position: fixed; top: 0; left: 0; z-index: 10000000; }
#popUpDiv, #modUpDiv, #sfpopUpDiv { width: 640px; margin: 120px auto 0; background-color: #2b2f3e; text-align: center; position: static; }
#CookieAdminSettings, #CookieUserPreferences { z-index: 10000001; width: 90%; margin: 120px auto 0; background-color: #ebefee; text-align: center; }
.popup_content { width: 590px; margin: 0 auto; padding-bottom: 25px; }
.lbtnClosePopUp { display: block; float: right; }
#PopUpLeft { float: left; width: 47%; }
#PopUpRight { float: right; width: 48%; }
.pprow { margin-bottom: 10px; }
.pph { color: #fff; font-size: 34px; font-weight: normal; line-height: 60px; }
.ppp { color: #fff; font-size: 20px; line-height: 28px; margin-bottom: 25px; padding-top: 18px; }
.btnRequest { width: 100%; text-align: center; padding-top: 20px; }
.btnRequest a { display: block; margin: 0 auto; text-align: center; width: 294px; height: 44px; line-height: 44px; background: transparent url(images/bttn_popup_spite.png) no-repeat center top; color: #fff; font-size: 16px; }
.btnRequest a:hover, .btnRequest a:focus, .btnRequest a:active { background-position: center bottom; text-decoration: none; }
.pprow input[type="text"], .pprow .tbWater, .pprow .tbWaterR, .pprow select { font-size: 18px; color: #949494; line-height: 44px; height: 44px; width: 100%; padding: 0 2%; border: 0px none; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
.pprow .txtareaWater, .pprow .txtareaWaterR, .pprow textarea { font-size: 18px; color: #949494; line-height: 44px; width: 100%; padding: 0 2%; border: 0px none; overflow: hidden; }
.pprow input[type="text"], .pprow textarea, .pprow .tbWater, .pprow .txtareaWater, .pprow select { background-color: #f1f1f1; }
.pprow textarea, .pprow .txtareaWater { display: block; margin: 0 auto; }
.pphone { float: right; display: block; }
.ppcode { display: inline-block; font-size: 18px; color: #949494; line-height: 44px; height: 44px; }
.pprow .tbWaterR, .pprow .txtareaWaterR { background-color: #fdefff !important; }
.DisplayNoPopUp { display: none; }
.DisplayPopUp { display: block; }
#btnClosePopUp { float: right; line-height: 30px; }
textarea { resize: none; }
.BlogHeading { font-size: 25px; color: #008acf; }
.progress { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #ccc; opacity: 0.8; filter: alpha(opacity=80); z-index: 9999999; }
.progress img { position: absolute; left: 48%; top: 45%; }
.h1home { font-family: 'Open Sans',Arial,sans-serif; font-size: 26px; font-style: normal; font-weight: normal; line-height: 40px; text-align: center; text-transform: uppercase; color: #008acf; margin: 25px 0px; }
/*tootip*/
.tipsy { font-size: 14px; position: absolute; padding: 5px; z-index: 100000000; }
.tipsy-inner { background-color: #008acf; color: #fff; max-width: 200px; padding: 5px 8px 4px 8px; text-align: center; }
/* Rounded corners */
/*.tipsy-inner{border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;}*/
/* Uncomment for shadow */
/*.tipsy-inner{box-shadow:0 0 5px #555000;-webkit-box-shadow:0 0 5px #555000;-moz-box-shadow:0 0 5px #555000;}*/
.tipsy-arrow { position: absolute; width: 0; height: 0; line-height: 0; border: 5px dashed #008acf; }
/* Rules to colour arrows */
.tipsy-arrow-n { border-bottom-color: #008acf; }
.tipsy-arrow-s { border-top-color: #008acf; }
.tipsy-arrow-e { border-left-color: #008acf; }
.tipsy-arrow-w { border-right-color: #008acf; }
.tipsy-n .tipsy-arrow { top: 0px; left: 50%; margin-left: -5px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent; }
.tipsy-nw .tipsy-arrow { top: 0; left: 10px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent; }
.tipsy-ne .tipsy-arrow { top: 0; right: 10px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent; }
.tipsy-s .tipsy-arrow { bottom: 0; left: 50%; margin-left: -5px; border-top-style: solid; border-bottom: none; border-left-color: transparent; border-right-color: transparent; }
.tipsy-sw .tipsy-arrow { bottom: 0; left: 10px; border-top-style: solid; border-bottom: none; border-left-color: transparent; border-right-color: transparent; }
.tipsy-se .tipsy-arrow { bottom: 0; right: 10px; border-top-style: solid; border-bottom: none; border-left-color: transparent; border-right-color: transparent; }
.tipsy-e .tipsy-arrow { right: 0; top: 50%; margin-top: -5px; border-left-style: solid; border-right: none; border-top-color: transparent; border-bottom-color: transparent; }
.tipsy-w .tipsy-arrow { left: 0; top: 50%; margin-top: -5px; border-right-style: solid; border-left: none; border-top-color: transparent; border-bottom-color: transparent; }
/* Cookie Message */
.cookieBar { width: 100%; position: fixed; bottom: 0; left: 0; z-index: 32768; background: transparent url(images/b.png) repeat center center; color: #fff; text-align: center; padding: 20px 0px; border-bottom: 1px solid #bbb; cursor: pointer; line-height: 26px; display: none; }
.cookieBar a:hover { color: #008acf; }
a#accept-cookie, a#accept-cookie:hover { background-color: #008acf; color: #fff; text-decoration: none; padding: 4px 14px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; }
/** no-js **/
.no-js #layer2, .no-js #layer3, .no-js #layer4, .no-js #layer5, .no-js #layer6, .no-js #layer7, .no-js #layer8, .no-js #layer1 > img, .no-js #christmas1 { display: none; }
.no-js #layerM { display: block; }
.no-js .da-thumbs li .project div { left: 0; top: 0; }
.booking { display: block; width: 40px; height: 30px; }
.booking.green { background-color: #dcf4ef; }
.booking.red { background-color: #fbe4e1; }
.rblSlots td table tr td label { display: none; visibility: hidden; }
.rblSlots td table tr td { width: 40px; }
.floatleft49.book { width: 30%; float: left; margin-right: 2%; }
.floatright50.book { width: 68%; float: right; }
.bookingForm { width: 300px; }
.bookingForm ul { margin: 0px; padding: 0px; }
.floatleft49 { float: left; width: 49% }
.floatright50 { float: right; width: 50% }
.bookingForm ul li { display: block; width: 84px; list-style-type: none; height: 46px; font-size: 14px; line-height: 44px; background-color: #e0f1ff; border-left: 1px solid #008cff; border-top: 1px solid #008cff; border-bottom: 1px solid #008cff; margin-bottom: 10px; padding: 0 10px; box-sizing: border-box; color: #969696; }
.radios table { padding: 0px; box-sizing: border-box; }
.radios tr { padding: 0px; box-sizing: border-box; }
.radios tr td { display: block; width: 59px; line-height: 44px; height: 46px; margin-bottom: 10px; padding: 0; background: #e0f1ff; box-sizing: border-box; border-right: 1px solid #008cff; border-top: 1px solid #008cff; border-bottom: 1px solid #008cff; }
.radios tr td span { max-height: 40px; }
.limit { display: none; visibility: hidden; }
.icr, .LinkCheckBox { position: relative; display: inline-block; vertical-align: top; cursor: pointer; width: 100%; height: 36px; line-height: 36px; text-indent: 40px; margin-bottom: 3px; }
.icr { margin-bottom: 20px; }
.LinkCheckBox { background-color: #ececec; width: 36px; text-decoration: none; }
.icr__hidden, .icr__text, .icr-text { display: none; visibility: hidden; }
.icr__checkbox { position: absolute; display: block; top: 6px; left: 4px; width: 30px; height: 30px; background-color: #fff; box-shadow: 0px 5px 5px rgba(0,0,0,0.1); -moz-box-shadow: 0px 5px 5px rgba(0,0,0,0.1); -webkit-box-shadow: 0px 5px 5px rgba(0,0,0,0.1); }
.checked .icr__checkbox, .LinkCheckBox.Checked { background-image: url(/images/check.png); }
.icr-label { position: relative; display: inline-block; vertical-align: top; cursor: pointer; width: 100%; height: 36px; line-height: 36px; text-indent: 40px; margin-bottom: 15px; }
.icr { margin-bottom: 20px; }
.icr-hidden { display: none; visibility: hidden; }
.icr-item.type_checkbox, .icr-item.type_radio { position: absolute; display: block; top: 6px; right: 10px; width: 30px; height: 30px; background-color: #fff; box-shadow: 0px 5px 5px rgba(0,0,0,0.1); -moz-box-shadow: 0px 5px 5px rgba(0,0,0,0.1); -webkit-box-shadow: 0px 5px 5px rgba(0,0,0,0.1); }
.icr-label.checked .icr-item.type_checkbox, .icr-label.checked .icr-item.type_radio, .icr-item.type_radio:hover { background-image: url(/images/check.png); }
textarea { resize: none; }
#modUpDiv #formMsg, #sfformMsg { background-color: #fff; }
.icr-label.disabled .icr-item.type_checkbox, .icr-label.disabled .icr-item.type_radio { background-color: #f5f5f5; background-image: url(/images/nocheck.png); cursor: not-allowed; }
#modUpDiv .dnnFormMessage.dnnFormError, #sfpopUpDiv .dnnFormMessage.dnnFormError { color: #e84c3d; }
#modUpDiv .dnnFormMessage.dnnFormSuccess, #sfpopUpDiv .dnnFormMessage.dnnFormSuccess { color: #1abb9a; }
.daydiv { background-color: #008cff; color: #fff; width: 134px; padding: 15px; text-align: center; box-sizing: border-box; font-size: 18px; margin-bottom: 10px; }
span.newsiteh2 { display: inline-block; font-family: 'Libre Franklin','Open Sans',Verdana,sans-serif; color: #008acf; font-size: 40px; line-height: 1.1; border-bottom: 1px solid #008cff; padding: 0 8px; font-weight: 400; text-transform: initial; }
.glForm .divrow.h { width: 100%; font-size: 22px; color: #2d2d2d; padding-bottom: 30px; font-weight: normal; }
.businessShow p { padding-right: 30px; position: static; }
span.gospan, span.nogospan { display: block; width: 30px; margin: 10px auto; height: 30px; background-image: url(/Portals/_default/Skins/GoLiveUK2016/images/gospan.png); background-size: 30px; }
span.nogospan { background-image: url(/Portals/_default/Skins/GoLiveUK2016/images/nogospan.png); }

/* Colorbox Core Style:The following CSS is consistent between example themes and should not be altered. */
#colorbox, #cboxOverlay, #cboxWrapper { position: absolute; top: 0; left: 0; z-index: 9999; overflow: hidden; -webkit-transform: translate3d(0,0,0); }
#cboxWrapper { max-width: none; }
#cboxOverlay { position: fixed; width: 100%; height: 100%; }
#cboxMiddleLeft, #cboxBottomLeft { clear: left; }
#cboxContent { position: relative; }
#cboxLoadedContent { overflow: auto; -webkit-overflow-scrolling: touch; }
#cboxTitle { margin: 0; }
#cboxLoadingOverlay, #cboxLoadingGraphic { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow { cursor: pointer; }
.cboxPhoto { float: left; margin: auto; border: 0; display: block; max-width: none; -ms-interpolation-mode: bicubic; }
.cboxIframe { width: 100%; height: 100%; display: block; border: 0; padding: 0; margin: 0; }
#colorbox, #cboxContent, #cboxLoadedContent { box-sizing: content-box; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; }

/* User Style:Change the following styles to modify the appearance of Colorbox. They are ordered & tabbed in a way that represents the nesting of the generated HTML. */
#cboxOverlay { background: #000; opacity: 0.9; filter: alpha(opacity = 90); }
#colorbox { outline: 0; }
#cboxContent { margin-top: 32px; overflow: visible; background: #000; }
.cboxIframe { background: #fff; }
#cboxError { padding: 50px; border: 1px solid #ccc; }
#cboxLoadedContent { background: #000; padding: 1px; }
#cboxLoadingGraphic { background: url(images/loading.gif) no-repeat center center; }
#cboxLoadingOverlay { background: #000; }
#cboxTitle { position: absolute; top: -22px; left: 0; color: #555; }
#cboxCurrent { position: absolute; top: -22px; right: 205px; text-indent: -9999px; }

/* these elements are buttons,and may need to have additional styles reset to avoid unwanted base styles */
#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose { border: 0; padding: 0; margin: 0; overflow: visible; text-indent: -9999px; width: 32px; height: 30px; position: absolute; top: -32px; background: #fff url(images/icons.png) no-repeat -134px -198px; }

/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active { outline: 0; }

#cboxPrevious { background-position: 0px 0px; right: 44px; }
/*#cboxPrevious:hover{background-position:0px -25px;}*/
#cboxNext { background-position: -25px 0px; right: 22px; }
/*#cboxNext:hover{background-position:-25px -25px;}*/
#cboxClose { right: 0; }
/*#cboxClose:hover{background-position:-50px -25px;}*/
.cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious { right: 66px; }
.cboxSlideshow_on #cboxSlideshow { background-position: -75px -25px; right: 44px; }
.cboxSlideshow_on #cboxSlideshow:hover { background-position: -100px -25px; }
.cboxSlideshow_off #cboxSlideshow { background-position: -100px 0px; right: 44px; }
.cboxSlideshow_off #cboxSlideshow:hover { background-position: -75px -25px; }

/*Media*/
.mediaContent h2 { text-align: center; }
.mediaContent .video { height: 642px; }
.mediaContent .video iframe { width: 100%; height: 100% !important; }
.mediaContent .mediaDescription p { margin-top: 20px; color: #555; font-family: Lato,'Open Sans',Verdana,sans-serif; font-size: 16px; line-height: 1.5; }
.mediaContent .mediaInfo .col { width: 33.33%; float: left; box-sizing: border-box; padding: 10px 20px; }
.mediaContent .mediaInfo .col > div { background-color: #eceff8; box-sizing: border-box; padding: 10px 20px; }
.mediaContent .mediaInfo .col > div > p { margin-bottom: 10px; font-size: 20px; }
.mediaContent .mediaInfo .col h3 { border-bottom: 1px solid #008acf; }

/*ProjectAdministration*/
.projectAdmin input[type=text], .projectAdmin input[type=file] { margin: 10px auto; max-width: 360px; display: block; }
.projectAdmin textarea { height: 240px; max-width: 360px; margin: 0 auto; display: block; background-color: #eceff8; box-sizing: border-box; color: #555; padding: 17px 25px; font-size: 16px; line-height: 1.5; border: 0 none; width: 100%; }
.projectAdmin td input[type=text], .projectAdmin td input[type=file], .projectAdmin td textarea { max-width: 100%; }
.projectAdmin > div { text-align: center; font-size: 20px; line-height: 1.5; margin: 20px auto; font-family: Lato,'Open Sans',Verdana,sans-serif; }
.fBG, .sBG { background-repeat: no-repeat; }
.fBG { background-position: -130px 350px; }
.sBG { background-position: calc(100% + 130px) bottom; }

/*Salesforce page*/
.products div.w33p.fl, .w100p.pay { background-color: #051F38; }
.w100p.pay { max-width: 600px; margin: 20px auto 0px; }
.products div.w33p.fl h3, .w100p.pay h3 { font-size: 32px; font-family: 'Libre Franklin','Open Sans',Verdana,sans-serif; font-weight: 300; color: #6bd0e9; line-height: 86px; margin: 0px; text-align: center; padding-bottom: 11px; }
.w100p.pay .bgrndProduct { box-sizing: border-box; background-image: url(images/bg_products_l.png); height: 230px; padding-top: 20px; }
.bgrndProduct { background-image: url(images/bg_products_1.png); height: 480px; }
span.pricePer { font-size: 14px; }
.centerC { height: 504px; background-position: left 10px; border-left: 2px solid #fff; border-right: 2px solid #fff; }
.centerC h3 { padding-top: 24px; }
.leftC, .rightC { margin-top: 24px; }
.leftC .bgP { background-position: left 0px; }
.rightC .bgP { background-position: left -117px; }
p.descr { font-size: 16px; font-family: 'Open Sans',sans-serif; color: #fff; font-weight: 300; padding: 0 30px; text-align: center; margin-bottom: 44px; }
p.price { display: block; position: relative; font-size: 42px; font-family: 'Open Sans',sans-serif; color: #fff; font-weight: 300; text-align: center; margin: 0px; line-height: 1; background-image: url(images/cloudbgwhite.png); background-position: center top; background-size: 224px; background-repeat: no-repeat; height: 60px; padding-top: 48px; }
p.price .spanPrem { display: inline-block; font-size: 32px; font-family: 'Open Sans',sans-serif; color: #fff; font-weight: 300; }
p.priceOurP { font-size: 42px; font-family: 'Open Sans',sans-serif; color: #005eb8; font-weight: 300; text-align: left; margin: 0px; padding-bottom: 6px; line-height: 1; }
p.pricePer { font-size: 14px; font-family: 'Open Sans',sans-serif; color: #fff; font-weight: 300; text-align: center; line-height: 130%; top: -30px; }
p.pricePerOurP { font-size: 14px; font-family: 'Open Sans',sans-serif; color: #005eb8; font-weight: 300; text-align: left; line-height: 1; margin-bottom: 27px; }
.btnBuy { margin-top: 31px; }
.bgrndProducts .products .btnBuy { margin: 0 auto; }
.bgBestS { background-image: url(images/bestseller.png); background-repeat: no-repeat; background-position: right top; }
.featuresP h2 { padding-bottom: 0px; }
.headerT { font-size: 24px; font-family: 'Libre Franklin','Open Sans',Verdana,sans-serif; font-weight: 300; color: #1B68AE; line-height: 61px; background-color: #F4F4F4; text-align: center; }
.headerT div.w20.fl { text-align: center; }
.lblFeature { font-size: 20px; font-family: 'Open Sans',sans-serif; color: #333; line-height: 40px; }
.itemT { border-bottom: 1px solid #f4f4f4; font-family: 'Open Sans',sans-serif; color: #333; font-weight: 300; line-height: 50px; text-indent: 10px; clear: both; }
.itemT h4 { width: 40%; margin: 0px; float: left; font-weight: 300; line-height: 50px; }
.itemT p { display: inline; text-align: right; }
div.row:nth-child(odd) { background: #f9f9f9; }
.headerT div.w40.fl { text-indent: 26px; }
ul.feature { margin: 0px; list-style: none; }
.lblFeature { padding-left: 26px; }
.blueP { display: block; background-image: url(images/icons.png); background-position: left top; width: 12px; height: 12px; margin: 18px auto 0px; }
.greyP { display: block; background-image: url(images/icons.png); background-position: -13px top; width: 12px; height: 12px; margin: 18px auto 0px; }
.h40px { min-height: 50px; }
.point { height: 32px; }
.hideOnDesk { display: none; }
.features, .products { margin: 0px; list-style: none; }
.features li:nth-child(2n+0), .products li:nth-child(2n+0) { background: #F2F2F2; }
.fl { float: left; }
.fr { float: right; }

.services.salesforce.step a.service { display: block; text-decoration: none; max-width: 360px; }
.services.salesforce.step a.service h2 { display: block; visibility: visible; max-width: 200px; color: #363636; font-family: 'Libre Franklin','Open Sans',Verdana,sans-serif; font-size: 24px; line-height: 1.5; font-weight: normal; text-align: center; }
.services.salesforce.step a.service .serviceDesc { display: none; visibility: hidden; max-width: 200px; font-family: Lato,'Open Sans',Verdana,sans-serif; font-size: 14px; line-height: 1.5; color: #363636; cursor: pointer; }
.services.salesforce.step a.service span.img { display: block; float: left; width: 86px; height: 86px; margin: 0 auto 20px; background-image: url(images/sficonsprite.png); background-size: 516px; background-repeat: no-repeat; background-position: 0px top; cursor: pointer; }
.services.salesforce.step a.service span.img.business { background-position: -86px top; }
.services.salesforce.step a.service span.img.explore { background-position: -344px top; }
.services.salesforce.step a.service span.img.agree { background-position: -172px top; }
.services.salesforce.step a.service span.img.scope { background-position: -258px top; }
.services.salesforce.step a.service span.img.success { background-position: -430px top; }
.services.salesforce.step a.service:hover span.img { background-position-y: bottom; }
.services.salesforce.step a.service:hover .serviceDesc { display: block; visibility: visible; }
.services.salesforce.step a.service:hover h2 { display: none; visibility: hidden; }
.pt80 { padding-top: 80px; }
div.ssl .border { background-color: #fff; padding: 2px; box-sizing: border-box; border: 5px dashed #2593C4; overflow: hidden; margin-right: 40px; z-index: 3 }
div.ssl { margin-bottom: 60px; }
.services.step div.service { width: 100%; padding: 10px 80px; }
.pt50 { padding-top: 50px; }
.pt30 { padding-top: 30px; }
.services.step div.service.pb50 { padding-bottom: 50px; }
.services.step div.service h2, .service3 h2 { display: block; visibility: visible; max-width: 200px; color: #008acf; padding-top: 22px; font-family: 'Libre Franklin','Open Sans',Verdana,sans-serif; font-size: 28px; line-height: 1.5; font-weight: normal; text-align: left; }
.service3 h2 { text-align: center; max-width: none; }
.services.step div.service .serviceDesc, .service3 .serviceDesc { display: block; visibility: visible; max-width: 265px; font-family: Lato,'Open Sans',Verdana,sans-serif; font-size: 16px; line-height: 1.5; color: #363636; }
.service3 .serviceDesc { margin: 0 auto; }
.services.step div.service span.img, .service3 span.img { display: block; float: left; width: 140px; height: 138px; margin: 20px 60px 20px 0; background-image: url(images/ssliconsprite.png); background-size: 140px; background-repeat: no-repeat; background-position: 0px top; }
.service3 span.img { float: none; margin: 20px auto 20px auto; }
.services.step div.service span.img.surpass, .service3 span.img.surpass { background-position: 0 -139px; }
.services.step div.service span.img.ensure, .service3 span.img.ensure { background-position: 0 -276px; }
.service3 { width: 33.33%; float: left; text-align: center; }
main.gray { background-color: #eee; }
.blueContainer { background-color: #c6d8e2; margin: 0 30px; box-sizing: border-box; max-width: 380px; width: 100%; padding: 40px; text-align: center; }
.green .blueContainer { background-color: #0b387c; }
.blueContainer h3 { font-size: 20px; color: #fff; margin-bottom: 20px; }
.green .blueContainer h3 { font-weight: bold; font-family: 'Libre Franklin','Open Sans',Verdana,sans-serif; }
.blueContainer p { margin: 40px 0px; }
.green .blueContainer p { margin: 0 0 20px 0; font-family: Lato,'Open Sans',Verdana,sans-serif; font-size: 18px; line-height: 1.5; }
.green .blueContainer p.striked { text-decoration: line-through; }
.green .blueContainer p.striked span { font-size: 24px; line-height: 1.125; }
#btnSSLLandingSend, #btnSSL2LandingSend, #lbtnBuy, .redBuy, .lbtnCallMeBack { font-size: 30px; padding: 10px; background-color: #fe0002; color: #fff; }
#lbtnBuy, .lbtnCallMeBack { padding: 20px 0px; display: block; }
#btnSSLLandingSend:hover, #btnSSL2LandingSend:hover, #lbtnBuy, .lbtnCallMeBack, .redBuy:hover { text-decoration: none; color: #fff; }
#btnSSL3LandingSend, #btnSSL4LandingSend, #btnHC1LandingSend { font-size: 23px; }
.optin { height: 70px; text-align: center; }
.contactForm.ssl input { background-color: #fff; }
.contactForm.ssl input.tbWaterR { background-color: #fbe0e0; }
.bigBlueArrow { position: absolute !important; right: 0; bottom: 0; }
.bigBlueArrow img { width: 380px; max-width: 380px; right: 140px; z-index: 2; position: relative; margin: 0; }
.mb40p { margin-bottom: 40px; }
.mb20p { margin-bottom: 20px; }
.subTitle1.light { font-size: 20px; color: #71bce3; padding-top: 30px; }
.green .subTitle1.light { color: #fff; }
.green .subTitle1.light.borderBottom span { border-bottom: 1px solid #fff; display: inline-block; }
.subTitle1.light.big { font-size: 36px; }
.ssl.thanks img { display: block; margin: 0px auto 50px; padding-top: 80px; }
.bigBlue { font-size: 36px; color: #2792c1; font-family: 'Libre Franklin','Open Sans',Verdana,sans-serif; margin-bottom: 80px; font-weight: normal; }
#DNN8 div .pulsea { display: block; position: absolute; width: 100%; height: 80px; text-align: center; bottom: 0px; }
.pulsy, .pulsy:hover { text-decoration: none; display: block; position: relative; width: 80px; margin: 0 auto; bottom: 0px; height: 80px }
.fourstep a.service { width: 49%; padding: 0 20px; }
.fourstep .contactForm, .fourstep .contactForm .divrow { width: 100%; float: none; }
.fourstep .contactForm { width: 460px; margin: 0 auto; max-width: 100%; }
.fourstep img { display: block; margin: 0 auto; width: 500px; }
.fourstep .contactForm input[type=text] { max-width: 460px; }
.fourstep textarea { height: 160px; max-width: 460px; }
#christmas1 { display: none; }
.testSliderOuterWrap div { color: #333; }
.green .testSliderOuterWrap div { color: #fff; margin-bottom: 30px; }
.green .Normal .white { color: #fff; }
.BuyTimeSlots { background-color: #fff; border: 5px dashed #2593c4; box-sizing: border-box; overflow: hidden; padding: 40px 0; margin: 50px 0 30px 0; }
.TimeSlot { float: left; width: 21%; margin: 10px 2%; }
.TimeSlot > div { text-align: center; }
.BuyTimeDescription { font-size: 18px; color: #008acf; font-family: Lato,'Open Sans',Verdana,sans-serif; line-height: 1.2; box-sizing: border-box; padding: 40px 3px 20px 3px; }
.BuyTimeDescription > div { font-size: 14px; line-height: 1.3; }
.blackText { color: #000 !important; }
.green #maincontent, .green #bottomcontent { background-color: #82ca9c; color: #fff; }
.green footer { margin-top: -60px; }
.green #maincontent .Normal, .green #bottomcontent .Normal { color: #fff; }
.green .blueContainer p.salePrice { font-family: 'Libre Franklin','Open Sans',Verdana,sans-serif; font-weight: bold; font-size: 24px; line-height: 1.5; }
p.salePrice span { font-size: 36px; line-height: 1; }
.green .subTitle.pt80.pb50 * { color: #fff; }
.green .moduleTitle .TitleH1, .green .moduleTitleTAC TitleH2 { border-color: #fff; }
.dotArrowHorizontal { width: 215px; height: 215px; margin: 0 auto 50px auto; background: transparent url(images/DotArrowRight.png) no-repeat center right; background-size: 100% 100%; }
.dotArrowVertical { width: 215px; height: 215px; margin: 20px; display: none; background: transparent url(images/DotArrowDown.png) no-repeat center right; background-size: 100% 100%; }
.listHeading { font-family: 'Libre Franklin','Open Sans',Verdana,sans-serif; font-weight: bold; font-size: 20px; line-height: 1.5; color: #012942; }
.green .fourstep ul { padding: 0 0 0 30px; margin: 0 auto 30px auto; box-sizing: border-box; width: 290px; display: block; }
.green .fourstep strong { color: #fff; }
.green .fourstep .w60p.fl { width: calc(100% - 460px); }
.green .fourstep .w60p.fl ul { width: 100%; max-width: 600px; }
.green .fourstep .w60p.fl .listHeading { width: 100%; max-width: 600px; margin: 0 auto 30px auto; text-transform: uppercase }
.green .fourstep ul li { padding: 0; margin: 0 auto; list-style: disc url(images/CheckMark.png) outside; vertical-align: baseline; font-family: 'Libre Franklin','Open Sans',Verdana,sans-serif; font-weight: bold; font-size: 20px; line-height: 1.5; }
.green .fourstep .w35p.fl { width: calc(50% - 230px); }
.green .fourstep .w35p.fl img, .green .fourstep .w60p img { max-width: 229px; }
.green .fourstep .w60p img { margin-left: 6%; }
.green .fourstep .w30p.fl { width: 215px; margin-left: 8%; }
.green .fourstep .w30p.fl.singleArrow { position: absolute !important; /*bottom:10%;*/ left: 30%; top: 25%; }
.IEFT .divrow .clearfix span, .IEFT .divrow.clearfix.msgText p, .IEFT .divrow.clearfix.msgText .divrow a.agree { color: #fff; }
.BuyTimeSlots .hoverSwipe { width: 200px; padding: 0; }
.BuyTimeSlots .ui-slider-handle { position: relative; width: 20px; border-radius: 0; top: -3px; }
.BuyTimeSlots .ui-slider { border: 1px solid #d7d7d7; border-radius: 4px; max-width: 320px; height: 14px; background-color: #d7d7d7; margin: 0 auto; }
.TimeSlot4 { float: none; clear: both; margin-bottom: 60px; }
.slideTime, .TimeSlot.min60 { float: left; box-sizing: border-box; width: 40%; padding: 10px 5%; }
.TimeSlot.min60 { margin: 0; }
.TimeSlot3 { float: left; box-sizing: border-box; width: 60%; padding: 10px 2%; color: #008acf; font-size: 16px; line-height: 1.5; }
.slidePricing { float: left; width: 25%; text-align: center; color: #008acf; }
.slideBuy { float: right; width: 25%; text-align: center; }
.BuyTimeDescription.Timed { padding: 10px 3px; }
.slideBuy .hoverSwipe { margin: 0; }
#DNN8 div#callToday { /*position:fixed;left:0;*/ width: 100%; z-index: 15; }
.dnnMenuResp, .dnnMenuResp .sub-menu { display: none; }
.toggleM { background-image: url("images/icons.png"); background-repeat: no-repeat; box-sizing: border-box; display: block; height: 21px; right: 15px; top: 12px; padding: 0 !important; text-align: center; width: 22px; position: absolute; }
.toggleM.opened { background-position: -168px -241px; }
.toggleM.closed { background-position: -168px -264px; }
.socialMHeaderResp { display: none; }
.presentationInfo div.w100p { margin: 20px 0; }
.hoverme, .hovermeMob { height: 100%; left: 0; position: absolute !important; top: 0px; width: 100%; background-image: url(images/40.png); }
.hovermeMob { display: none; }
.skillsInclude .AboutSerItem { border-bottom: 1px solid #d7d7d7; }
.skillsInclude .AboutSerItem .w50.fl { padding: 2.5%; box-sizing: border-box; }
.skillsInclude .AboutSerItem .w50.fl .w70p.fl { padding-left: 10px; box-sizing: border-box; }
.weCare { margin-top: 20px; }
.weCare > ul { margin-left: 5%; margin-top: 3%; }
.weCare li { float: left; width: 50%; }
.skill, .weCare h2 { margin: 70px 0px; }
.landing .lightBlueContainer { background-color: #00bff3; margin: 0 30px; box-sizing: border-box; width: 380px; padding: 40px; text-align: center; }
.GDPR .lightBlueContainer, .CSS .lightBlueContainer { background-color: #00bff3; box-sizing: border-box; max-width: 476px; width: 100%; padding: 0 40px 20px; margin-bottom: 44px; }
.GDPR .lightBlueContainer h2, .CSS .lightBlueContainer h2 { color: #fff; font-size: 40px; font-family: 'Montserrat',Verdana,sans-serif; text-align: center; padding-top: 10px; font-weight: normal; }
.headerContent .w60p.fl, .headerContentV2 .w60p.fl { padding-right: 12px; box-sizing: border-box; }
.headerContent .w60p ul, .headerContentV2 .w60p ul { margin: 0px; padding: 0px; }
.headerContent .w60p ul li, .headerContentV2 .w60p ul li { font-family: 'Lato',Verdana,sans-serif; font-weight: bold; color: #00BFF3; font-size: 26px; list-style-image: url(images/arrowLandingPage.png); margin-bottom: 8px; }
.headerContent .doubleArrow, .headerContentV2 .doubleArrow { display: block; width: 53px; height: 36px; background-image: url(images/double_arrow.png); position: absolute; top: 236px; right: 10px; }
.headerContent .w60p .gdprCons { padding: 14px 60px 14px 50px; background-color: #fff; }
.headerContentV2 .w60p .gdprCons { padding: 34px 60px 14px 50px; background-color: #fff; }
.headerContentV2 .w60p .gdprCons p { color: #008acf; }
.headerContent .w60p .cssMeans, .headerContentV2 .w60p .cssMeans { padding: 60px; background-color: #fff; }
.headerContent h1, .headerContentV2 h1 { font-family: 'Lato',Verdana,sans-serif; color: #c4d000; font-size: 78px; line-height: 1.2; text-shadow: 1px 1px #aaacac; padding: 60px 0px 10px; }
.headerContentV2 h1 { padding-top: 150px; color: #00bff3; }
.bottomFormText { margin-top: 44px; }
.addressEvent { color: #fff; text-align: center; }
.logoGDPR { width: 184px; height: 38px; margin: 52px 0px 0px; z-index: 999; }
.GDPR .glForm, .CSS .glForm { margin-top: 240px; }
.headerLand { width: 100%; float: left; position: absolute !important; left: 0px; top: -90px; }
.headerLand img { width: 100%; }
.headerLand .contentWrap { position: absolute; left: 0px; top: 0px; }
header .headerContent { margin-top: 324px; margin-bottom: 150px; float: left; }
header .headerContentV2 { margin: 150px 0px; float: left; }
.headerLand2 { background-image: url("/Portals/0/web_images/landing_page_pic2.png"); background-size: cover; width: 100%; float: left; height: 782px }
.GDPR .lightBlueContainer .divrow span, .CSS .lightBlueContainer .divrow span { display: block; color: #fff; font-family: 'Montserrat',Verdana,sans-serif; font-weight: bold; font-size: 18px; padding-bottom: 12px; }
.GDPR .lightBlueContainer .divrow.msgText span { padding-bottom: 0px; }
.GDPR .lightBlueContainer .divrow input[type="text"], .CSS .lightBlueContainer .divrow input[type="text"] { width: 100%; max-width: 340px; line-height: 1.5; padding: 17px 25px; box-sizing: border-box; border: 0 none; font-size: 16px; }
.GDPR .lightBlueContainer .divrow label, .CSS .lightBlueContainer .divrow label { color: #fff; font-family: 'Montserrat',Verdana,sans-serif; font-size: 14px; }
.GDPR .lightBlueContainer .divrow input[type="checkbox"], .CSS .lightBlueContainer .divrow input[type="checkbox"] { visibility: hidden }
.GDPR .lightBlueContainer .divrow input[type="checkbox"] + label::before, .CSS .lightBlueContainer .divrow input[type="checkbox"] + label::before { display: block; content: ""; width: 24px; height: 24px; float: left; background-color: #fff; }
.GDPR .lightBlueContainer .divrow input[type="checkbox"]:checked + label::before, .CSS .lightBlueContainer .divrow input[type="checkbox"]:checked + label::before { content: ""; width: 24px; height: 24px; display: block; background-image: url(images/checkLandingPage.png); background-position: center; background-repeat: no-repeat; }
.GDPR .lbtnCallMeBack, .CSS .lbtnCallMeBack { background-color: #c4d000; font-family: 'Montserrat',Verdana,sans-serif; font-size: 30px; max-width: 476px; width: 100%; }
.CSS .lbtnCallMeBack { font-size: 20px; }
/*.glForm.GDPR{margin-top:242px;}*/
.GDPR .divrow.newsLet, .CSS .divrow.newsLet { margin-top: 38px; }
.whiteBG { height: 330px; float: left; }
.landingTestimonials { background-color: #00bff3; }
.newsLet { margin-top: 40px; }
.testimLandingPage { padding-right: 48px; box-sizing: border-box; }
.testimLandingPage .headerTestimonials { font-size: 26px; line-height: 92px; font-family: "Lato"; text-align: center; background: #00bff3; color: #fff; }
.testimLandingPage .landingTestimonials { background-color: #ebebeb; padding: 0px 74px; box-sizing: border-box; }
.testimLandingPage .landingTestimonials .flex-direction-nav { top: -66px !important; }
.testimLandingPage .landingTestimonials .flex-direction-nav .flex-nav-prev { margin-left: 0px; }
.testimLandingPage .landingTestimonials .flex-direction-nav .flex-nav-next { margin-right: 0px; }
.testimonialsFormLanding { margin: 40px auto; }
.testimonialsFormLanding .landingTestimonials .testimonialText { font-size: 20px; font-style: italic; }
.contentBottomPane h3 { font-family: 'Lato', Verdana,sans-serif; font-weight: 300; }
.footerPane { background-color: #00bff3 }
.footerPane .glForm { margin: 0 auto; max-width: 1140px; }
.footerPane .glForm.GDPR .lightBlueContainer, .footerPane .glForm.CSS .lightBlueContainer { max-width: inherit; padding: 0px; }
.footerPane .glForm.CSS .lightBlueContainer { float: left; margin-bottom: 0px; }
.footerPane .glForm.CSS .DNNAligncenter { float: left; margin-bottom: 20px; width: 23%; }
.footerPane .glForm.CSS .newsLet { margin-top: 0px; }
.footerPane .glForm.GDPR .lightBlueContainer h2, .footerPane .glForm.CSS .lightBlueContainer h2 { text-align: left; }
.footerPane .glForm.GDPR .lightBlueContainer .divrow, .footerPane .glForm.GDPR .DNNAligncenter, .footerPane .glForm.CSS .lightBlueContainer .divrow { float: left; width: 25%; box-sizing: border-box; padding-right: 20px; }
.footerPane .glForm.GDPR .DNNAligncenter, .footerPane .glForm.CSS .DNNAligncenter { padding-right: 0px; }
.footerPane .lbtnCallMeBack { padding: 18px 0px; }
.landingFooter .logoGDPR { float: left; margin: 0px; }
.landingFooter #Copyright { float: right; text-align: right; }
.landingFooter .logoGDPR img { width: 80%; }
.glForm .divrow .dnnLabel { width: auto; }
.glForm .divrow .dnnFormHelp { z-index: 99999; left: 0px; }
.glForm .divrow .dnnFormHelpContent.dnnClear { z-index: 999999; }
.glForm .divrow a.dnnFormHelp { background-image: url(/images/helpI-icn-white.png) }
.glForm .divrow a.pinHelp { background: url(/images/pin-icn-white.png); background-repeat: no-repeat; opacity: 1; }
.glForm .divrow .dnnLabel { text-indent: 20px; width: 100%; text-align: left; }
.glForm .divrow .dnnFormHelpContent { background-color: #00bff3e0; border: 1px solid #fff; }
.glForm .divrow .dnnTooltip { left: -64% !important; top: 0 !important; }
.glForm .divrow .bottomArrow::after { right: -12px; top: 6px; left: auto; transform: rotate(270deg); border-top: 7px solid #fff; }

.services.GDPRProducts .service { width: 23.5%; }
.services.GDPRProducts .service img { padding: 10px 0px 0px; width: 100%; }
.services.GDPRProducts .service p { margin: 0px; }
.services.GDPRProducts .service p.text { text-align: center; font-size: 30px; color: #d1d3d4; margin: 0px; background-color: #00a79d; }
.borderTopGDPR { border-top: 2px solid #008acf; padding: 10px; max-width: 320px; width: 100%; }
.GDPRDesc p strong, .GDPRDesc p i { color: #008acf; }
.GDPRMonitor { width: 597px; margin: 10px auto; height: 476px; background: transparent url(images/monitor.png) no-repeat center top; }
.GDPRMonitor img { height: auto; margin: 25px 0 0 23px; }
.GDPRProducts { margin-top: 50px; }
.GDPRProducts .w25p.fl { padding: 0px 9px; box-sizing: border-box; }
.GDPRProducts .w25p.fl img { max-width: 200px; margin: 0 auto; display: block; width: 100%; }
.GDPRProducts .w25p.fl .GDPRProdPrice { line-height: 60px; display: block; text-align: center; font-size: 32px; background-color: #00A69C; max-width: 200px; margin: 0px auto; color: #d0d2d3; margin-bottom: 30px; font-weight: 300; }
.GDPRProducts .w25p.fl > div { box-shadow: 0px 0px 24px #ebebeb; padding: 30px; box-sizing: border-box; }
.GDPRProducts .w25p.fl ul li { margin-bottom: 10px; }

/*24/7 support*/
.headerSupport { background-image: url("/Portals/0/web_images/24-7_HeaderBackground.jpg"); background-size: 100% auto; width: 100%; float: left; background-repeat: no-repeat; min-height: 854px; }
.headerSupport h1 { font-family: 'Montserrat','Open Sans',Verdana,sans-serif; color: #fff; font-size: 40px; font-weight: 400; margin-top: 50px; }
.supportForm, .thankYouSupport { background-color: rgba(1, 168, 158, 0.7); max-width: 400px; width: 100%; margin: 50px auto; padding: 30px 40px 26px; box-sizing: border-box; }
.supportForm .supportSend { display: block; text-align: center; color: #fff; background-color: #01A89E; border: 2px solid #fff; font-size: 16px; padding: 10px; text-decoration: none; }
.supportForm .divrowR { margin-bottom: 36px; }
.supportForm .divrowR span, .supportForm .divrow span { color: #fff; font-size: 28px; padding-bottom: 36px; display: block; font-family: 'Montserrat', Verdana,sans-serif; }
.supportForm .divrow span { font-size: 24px; padding-bottom: 14px; }
.supportForm .divrow span.NormalRed { color: #ff0000; }
.supportForm .divrowR input[type="text"], .supportForm .divrow input[type="text"], .sbHolder { width: 100%; height: 36px; border: none; text-indent: 10px; font-family: 'Montserrat', Verdana,sans-serif; box-sizing: border-box; }
.sbHolder { height: 38px; background-color: #fff; line-height: 38px; color: #000; }
.sbHolder a { display: block; color: #000; text-decoration: none; line-height: 38px; }
.sbToggle { float: right; width: 38px; height: 38px; background-image: url(images/dropdown.png); background-position: center center; background-repeat: no-repeat; }
.sbHolder ul { margin: 0px; padding: 0px; position: absolute; left: 0px; top: 38px; width: 100%; z-index: 9999; }
.sbHolder ul li { list-style: none; background-color: #fff; text-indent: 10px; border-bottom: 1px solid #000; }
.supportForm .divrow textarea { height: 98px; margin-bottom: 20px; box-sizing: border-box; border: none; padding-left: 10px; width: 100%; font-family: 'Montserrat',Verdana,sans-serif; }
.supportForm .reqField { background-color: #fbe0e0; }
.wrongCode::-webkit-input-placeholder { color: #f00; font-size: 18px; }
.wrongCode::-moz-placeholder { color: #f00; font-size: 18px; }
.wrongCode:-ms-input-placeholder { color: #f00; font-size: 18px; }
.wrongCode:-moz-placeholder { color: #f00; font-size: 18px; }
.supportForm .aspNetDisabled { background-color: #fff; color: #000; }
.thankYouSupport p { font-size: 18px; color: #fff; }
.thankYouSupport p:first-child { font-size: 24px; font-weight: bold; }
.goToSupport { background-image: url(/Portals/0/web_images/CyberGuardian24-7_02_NoTM.jpg); width: 293px; height: 60px; display: block; float: left; margin-bottom: 50px; }

#callToday h1 img { margin-right: 20px; }
#callToday h1 a { background-color: #f6931e; text-transform: uppercase; font-size: 20px; float: right; height: 48px; line-height: 48px; display: inline-block; margin-left: 20px; border-radius: 4px; padding: 0px 30px; text-decoration: none; }

.overlay { position: fixed !important; top: 0; left: 0; width: 100%; height: 100%; z-index: 97; background: #008acf; }
.popUp { position: fixed !important; height: 150px; width: 300px; top: 50%; z-index: 10000; background-color: #013760; color: #fff; padding: 15px; left: 50%; margin-left: -150px; margin-top: -75px; }
.videoAccForm .divrow span { font-size: 24px; padding-bottom: 14px; color: #fff; display: block; font-family: 'Montserrat',Verdana,sans-serif; }
.videoAccForm input[type="password"] { width: 100%; height: 36px; border: none; text-indent: 10px; font-family: 'Montserrat',Verdana,sans-serif; }
.videoAccForm a { display: block; text-align: center; color: #fff; background-color: #008acf; border: 2px solid #fff; font-size: 16px; padding: 10px; text-decoration: none; }
.videoClip { width: 100%; height: auto; margin-top: 50px; }


/*.pinochioImg{z-index:1;position:relative;bottom:-38px;}*/
/*a.agree{display:inline-block;color:#555;text-decoration:none;font-size:16px;}
a.agree:hover{text-decoration:none;}
a.agree>span{display:block;width:28px;height:28px;float:left;background:#eceff8;margin-right:15px;}
a.agree.checked>span>span{display:block;width:20px;height:14px;float:left;margin-left:4px;margin-top:7px;background-image:url(images/icons.png);background-position:-289px -241px;}*/
.chkbl label { font-family: Lato,'Open Sans',Verdana,sans-serif; font-weight: bold; color: #4c5e70; font-size: 18px; margin-right: 10px; margin-bottom: 12px; display: inline-block; cursor: pointer; }
.chkbl.AgreeNewsletter label { margin-bottom: 0px; }
.chkbl .NormalRed label { color: #dd0000; }
.chkbl input[type=checkbox] { visibility: hidden; position: absolute; right: 0px; bottom: 0px; }
.chkbl input[type=checkbox] + label::before { display: block; content: ""; width: 18px; height: 18px; float: left; background: #b0e8ff; margin-right: 15px; cursor: pointer; margin: 2px 15px 2px 2px; }
.chkbl input[type=checkbox]:checked + label::before { content: ""; width: 18px; height: 18px; background-image: url(images/icons.png); background-position: -289px -241px; background-repeat: no-repeat; float: left; display: block; cursor: pointer; }
.chkbl .tbWaterR { background-color: #fbe0e0; display: inline-block; }

.glFormProducts .w50p.fl, .ifYouChooseGoLive .w50p.fl, .sslErrors .w50.fl { padding-right: 10%; box-sizing: border-box; }
.glFormProducts .w50p.fr, .ifYouChooseGoLive .w50p.fr, .sslErrors .w50.fr { padding-left: 10%; box-sizing: border-box; }
.glFormProducts .w50p.fr.imgTextContainer { padding:0px;}
.sslErrors .w50.fr img { width: 100%; }
.sslErrors .w50.fl { text-align: justify; }
.ourMissionVision { padding: 68px; }
.ourMissionVision h2 { color: #7cd9ff; font-size: 48px; font-family: 'Playfair Display',Verdana,sans-serif; }
.ifYouChooseGoLive { padding: 40px 0px; }
.ifYouChooseGoLive h2 { color: #7cd9ff; font-size: 60px; font-family: 'Playfair Display',Verdana,sans-serif; }
.ifYouChooseGoLive ul li { list-style-image: url(images/liteblue_square.png) }
.ourMissionVision p { color: #fff; font-size: 24px; margin: 50px 0 30px; font-family: Lato,'Open Sans',Verdana,sans-serif; }
.ourMissionVision .w50p { box-sizing: border-box; }
.ourMissionVision .w50p.fr { border-left: 1px solid #fff; padding: 60px 0 60px 10%; }
.ourMissionVision .w50p.fl { padding: 60px 10% 60px 0; text-align: right }
.glFormProducts { box-sizing: border-box; padding: 60px 0px 60px; width: 100%; float: left; }
.glFormProducts.ptb40 { padding: 40px 0px 40px; }
.sslProtection { padding: 20px 0px 20px; }
.glFormProducts input[type=text], .glFormProducts textarea { font-size: 26px; padding: 10px; border: none; background-color: #b0e8ff; color: #4c5e70; font-weight: bold; width: 100%; box-sizing: border-box; height: 50px; font-family: Lato,'Open Sans',Verdana,sans-serif; }
.glFormProducts input.tbWaterR[type=text] { background-color: #fbe0e0; }
.glFormProducts textarea { height: 238px; }
.glFormProducts .divrow p { font-size: 18px; color: #4c5e70; font-weight: bold; font-family: Lato,'Open Sans',Verdana,sans-serif; margin: 0px; padding-bottom: 10px; }
.sslProtection .w50p.fl .divrow p { padding-bottom: 4px; }
.glFormProducts .divrow p.NormalRed { color: #dd0000; }
.glFormProducts .divrow { margin-bottom: 6px; }
.glFormProducts .divrow a.getInTouch, .glFormProducts .divrow a.getInTouch:visited { margin-top: 38px; color: #fff; background-color: #0178a8; font-weight: bold; letter-spacing: 1px; font-size: 22px; width: 100%; box-sizing: border-box; display: inline-block; text-align: center; padding: 16px; text-decoration: none; }
a.orangeBtn, a.orangeBtn:visited {max-width:500px; margin-top: 20px; background-color: rgba(255, 106, 6, 0.945); color: #fff; border: 1px solid rgba(255, 106, 6, 0.945); font-weight: bold; letter-spacing: 1px; font-size: 22px; width: 100%; box-sizing: border-box; display: inline-block; text-align: center; padding: 16px; text-decoration: none; }
a.orangeBtn:hover { background-color: #fff; color: rgba(255, 106, 6, 0.945); text-decoration: none; }
.sslProtection .divrow a.getInTouch, .sslProtection .divrow a.getInTouch:visited { margin-top: 10px; }
.sslProtection h1 { font-family: Lato,'Open Sans',Verdana,sans-serif; font-size: 28px; font-weight: bold; color: #4c5e70; }
.glFormProducts h2 { font-family: Lato,'Open Sans',Verdana,sans-serif; font-size: 26px; font-weight: bold; color: #4c5e70; }
.sslProtection h2 { font-size: 22px; margin-bottom: 34px }
.glFormProducts p { font-family: Lato,'Open Sans',Verdana,sans-serif; font-size: 14px; color: #4c5e70; }
.sslProtection .w50p.fr p { font-size: 14px; font-family: 'Open Sans',Verdana,sans-serif; font-weight: 400; }
.sslProtection .w50p.fr { text-align: justify; }
.lightBlue { background-color: #7cd9ff; }
.darkBlue { background-color: #0178a8 }
.bgrndImg { background-image: url(/portals/0/Images/ssl_h1.jpg); height: 400px; background-position: center; background-repeat: no-repeat; background-size: 100%; }
.bgrndImgBottom { background-image: url("/portals/0/Images/TreeBackground.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; }
.logoGetintouch { width: 184px; height: 38px; margin: 34px 0px; }
.headerImgGetInTouch { margin-bottom: 48px; }
.bgrndImg .logoGetintouch { position: absolute !important; top: 0px; left: 0px; z-index: 999; }
.bgrndImg .logoGetintouch img { background-color: #ffffff80 }
.bgrndImg .headerImgGetInTouch { margin-bottom: 0px; }
.bgrndImg .TitleImg img { width: 100%; }

.tooltip { bottom: -20px; left: 20px; position: absolute !important; max-width: 280px; width: 100%; }
.tooltip .balloon { max-width: 300px; min-width: unset; }
.tooltipChkb { position: relative; }
.tooltipChkb .balloon { width: 300px; left: 0px; }
.tooltipChkb .balloon span.arrow { left: 10px; }
.btnGetInTouch, .btnGetInTouch:visited, .btnGetInTouchPinocchio { box-sizing: border-box; color: #fff !important; background-color: #d3011f; font-weight: bold; letter-spacing: 1px; font-size: 26px; width: 100%; display: block; text-align: center; padding: 16px; text-decoration: none !important; margin: 0px auto; max-width: 430px; }
.ifYouChooseGoLive ul li { font-size: 24px; color: #fff; margin-bottom: 20px }
.ourServices { padding: 70px 0 100px; }
.ourServices p { font-size: 18px; }
.ourServices .cervicesCircles { margin-top: 60px; background-image: url("/portals/0/Images/ServicesCircles.svg"); background-repeat: no-repeat; height: 186px; background-size: contain; }
#dnn_contentPane5 .partnerLogos.w100p.fl { padding-bottom: 0px; }

.linkPP { color: #fff; }
footer.darkBlue > div.copyrightText { text-align: right; color: #fff; font-size: 18px; font-family: Lato,'Open Sans',Verdana,sans-serif; padding: 20px 0px; }
footer.darkBlue > div.copyrightText a { float: left; color: #fff; text-decoration: none; }
.DNNAligncenter.ssl.thanks .contacts a { font-size: 30px; display: inline-block; line-height: 1.5 }
.DNNAligncenter.ssl.thanks .contacts a:first-child { font-size: 36px; margin-bottom: 20px; }
.serverMap img { width: 100%; }
.zoom { display: inline-block; position: relative; max-width: 64%; }
.zoom:after { content: ''; display: block; width: 33px; height: 33px; position: absolute; top: 0; right: 0; background: url(icon.png); }
.zoom img { display: block; }
.zoom img::selection { background-color: transparent; }

/*Event V2*/
#events { margin-bottom: 50px; }
#events > div > div { padding: 3px; }
#events > div:nth-child(2n) { background-color: #eee }

.formBackground { background-image: url(/Portals/0/web_images/FormBackground.jpg); background-repeat: no-repeat; background-position: center center; background-size: cover; }
.pinochioImg img, .crystalBallImg img { z-index: 1; position: relative; }
.pinocchioTestForm h1 { font-size: 36px; color: #fff; font-family: Lato,'Open Sans',Verdana,sans-serif; margin: 40px 0 70px; }
.cbwt h1 { margin: 40px 0 40px; font-size: 22px; }
.pinocchioTestForm h1 span { padding-bottom: 30px; }
.cbwt h1 span { padding-bottom: 40px; display: block; }
.pinocchioTestForm h2 { color: #4c5e70; font-size: 30px; font-family: Lato,'Open Sans',Verdana,sans-serif; font-weight: bold; margin-bottom: 30px }
.cbwt h2 { color: #fff; font-size: 20px; margin-bottom: 42px; }
.pinocchioTestForm .w50p.fl p { color: #4c5370; font-size: 20px; font-family: Lato,'Open Sans',Verdana,sans-serif; font-weight: 400; padding-bottom: 30px; }
.pinocchioTestForm h3 { color: #4c5e70; font-size: 24px; font-family: Lato,'Open Sans',Verdana,sans-serif; font-weight: bold; }
.pinocchioTestForm .w50p.fr .divrow span { font-size: 16px; font-family: Lato,'Open Sans',Verdana,sans-serif; font-weight: bold; padding-bottom: 0px; }
.pinocchioTestForm { padding: 30px 0px 60px; }
.pinocchioTestForm .divrow a.getInTouch, .pinocchioTestForm .divrow a.getInTouch:visited, .btnGetInTouchPinocchio { background-color: #0178a8; font-size: 16px; font-family: Lato,'Open Sans',Verdana,sans-serif; font-weight: bold; letter-spacing: 1px; margin-top: 20px; }
.pinocchioTestForm .tooltipLink { z-index: 10; }
.pinocchioTestForm input[type=text], .pinocchioTestForm textarea { font-size: 16px; font-family: Lato,'Open Sans',Verdana,sans-serif; font-weight: bold; }
.pinocchioTestForm .AgreeNewsletter .balloon { z-index: 11; left: -6px; }
.pinocchioTestForm .AgreeNewsletter .balloon span.arrow { left: 16px }
.pinocchioTestForm .AgreeNewsletter .tooltipLinkChkb { position: relative; }

.Terms .ui-tabs-nav { padding: 0 0 2em 0; margin: 0; }
.Terms .ui-tabs-nav:after { display: block; content: " "; width: 0; height: 0; float: none; clear: both; }
.Terms .ui-tabs-nav > li { border: 1px solid #008acf; width: auto; max-width: 49%; background-color: #fff; float: left; margin: 0.5%; }
.Terms .ui-tabs-nav > li.ui-state-active { background-color: #008acf; }
.Terms .ui-tabs-nav > li > a { color: #008acf; }
.Terms .ui-tabs-nav > li.ui-state-active > a { color: #fff; }
.lvl1num { margin: 0; padding: 0 0 0 16px; }
.lvl1num > li { margin-bottom: 0.6em; font-weight: bold; list-style: none decimal outside; }
.lvl1num > li:before { padding-right: 0.6em; }
.lvl1num > li p { font-weight: 400; margin: 0px; }
.lvl2num { padding: 5px 0 0 20px; }
.lvl3num { padding: 10px 0 20px 40px; }
.lvl2num > li, .lvl3num > li { margin: 0; font-weight: normal; list-style: none none outside; position: relative; }
.lvl2num > li { padding-left: 4px; }
.lvl2num > li > span, .lvl3num > li > span { position: absolute; left: -42px; top: 0; display: block; width: 40px; }
.lvl3num > li > span { left: -60px; width: 44px; }
.lvl2num > li:before, .lvl3num > li:before { padding-right: 0.6em; }
.lvl3lat, .lvl4rom { padding: 10px 0 20px 0; }
.lvl3lat > li { margin: 0; font-weight: normal; list-style: none lower-latin outside; position: relative; padding-left: 4px; }
.lvl4rom > li { margin: 0; font-weight: normal; list-style: none lower-roman outside; position: relative; padding-left: 4px; }
.lvl3text > span { display: inline-block; font-weight: bold; margin-right: 20px; width: 100px; }
.lvl1numL { margin: 0; padding: 0 0 0 16px; }
.lvl1numL > li { margin: 0; padding: 0 0 0 4px; list-style: none decimal outside; }
.lur li { list-style: upper-roman; }
.pb0 { padding-bottom: 0 !important; }
#divCountDownDate { color: #fff; font-size: 22px; font-weight: bold; line-height: 1.5; }
.glFormProducts .w50p.fr.imgContent { padding-left: 0px; padding-top: 36px; }


.respTable { border-left: 1px solid #000; border-right: 1px solid #000; border-top: 1px solid #000; }
.respTable .repTableHeaderShowOnMobile { display: none; font-size: 18px; font-weight: 700; }
.respTable .respTableHeader, .respTable .respTableSubHeader { font-size: 18px; font-weight: 700; }
.respTable .respTableHeader, .respTable .respTableSubHeader, .respTable .respTableRow { border-bottom: 1px solid #000; box-sizing: border-box; display: flex; flex-direction: row; }
.respTable .respTableSubHeader { padding: 6px; justify-content: center; }
.respTable .respTableHeader > .w33p.fl, .respTable .respTableRow > .w33p.fl { border-right: 1px solid; box-sizing: border-box; padding: 6px; display: flex; flex-direction: row; }
.respTable .respTableHeader > .w33p.fl:last-child, .respTable .respTableRow > .w33p.fl:last-child { border-right: 0px; }

.innerVideo { max-width: 100%; height: auto; }
.webinarForm { width: 98%; max-width: 768px; margin: 20px auto; }


/*SBI Quiz form*/
.quizForm { margin-top: 50px; }
.quizForm input[type=text] { background-color: #eceff8; box-sizing: border-box; color: #555; padding: 17px 25px; font-size: 16px; line-height: 1.5; border: 0 none; width: 100%; outline: none; }
.quizForm .label { color: #555; font-family: 'Libre Franklin','Open Sans',Verdana,sans-serif; font-size: 20px; text-decoration: none; margin-bottom: 10px; line-height: 1.2; }
.quizForm div.row { background-color: #fff; margin-bottom: 20px; }
.quizForm table { margin-left: 20px; }
.quizForm table label { font-size: 16px; margin-left: 6px; }
.quizForm .required { font-weight: bold; color: #f00; }

.certificatesAwards { margin-top: 40px; }
main { position: relative; }
.overlayMainContent { position: absolute !important; z-index: 1; top: 0; bottom: 0; left: 0; right: 0; background-image: url(images/b.png); }


/*Admins - Forms*/
.formFieldsEdit > div, .quizFieldsEdit > div { background-color: #EFF3FB; border-radius: 5px; padding: 3px; }
.formFieldsEdit ul.formFields, .quizFieldsEdit ul.quizFields { width: 100%; padding: 3px; margin: 0px; background: #fff; box-sizing: border-box; }
.formFieldsEdit ul.formFields li, .quizFieldsEdit ul.quizFields li { float: left; width: 25px; height: 31px; margin: 2px; list-style-type: none; cursor: move; list-style-image: none; }
.formFieldsEdit .fieldHover, .quizFieldsEdit .fieldHover { height: 30px; line-height: 30px; }
.formFieldsEdit ul.formItems, ul.reorder, .quizFieldsEdit ul.quizItems { min-height: 100px; width: 100%; padding: 5px; background: #fff; margin: 0px; box-sizing: border-box }
.formFieldsEdit ul.formItems li, .quizFieldsEdit ul.quizItems li { margin: 2px; list-style-type: none; border: 3px solid #EFF3FB; border-radius: 5px; min-height: 33px; padding: 5px; background: #fff; cursor: move; list-style-image: none; }
ul.reorder li { margin: 1px; list-style-type: none; border: 1px solid #EFF3FB; border-radius: 5px; padding: 1px 4px; background: #fff; cursor: move; }
.formFieldsEdit ul.formItems li.ui-sortable-placeholder, ul.reorder li.ui-sortable-placeholder, .quizFieldsEdit ul.quizItems li.ui-sortable-placeholder { background: #EFF3FB; }
.formFieldsEdit ul.fieldOption, .quizFieldsEdit ul.fieldOption { width: 100%; padding: 0px; background: #fff; margin: 0px; }
ul.fieldOption li { list-style-type: none; cursor: move; }
.modalContainer { width: 70%; left: 15%; position: fixed; z-index: 1002; background: #fff; border: 3px solid #0046a6; border-radius: 4px; top: 15%; padding: 10px; max-height: 70vh; overflow-y: auto; }
.modalContainer a.fa { text-decoration: none; text-decoration: none; }
.modalContainer a.fa-times-circle-o { display: inline-block; position: absolute; right: 10px; top: 10px; font-size: 20px; }
.ui-widget-overlay { z-index: 1001; }
.glForm.adminForm input[type="text"].w50 { width: 50%; }
.glForm input[type="text"].ttc, .glForm textarea.ttc { text-transform: capitalize; }
.glForm input[type="text"], .glForm input[type="password"], .glForm input[type="email"], .glForm input[type="number"], .glForm textarea, .glForm select { background-color: #eceff8; box-sizing: border-box; color: #555; padding: 17px 25px; font-size: 16px; line-height: 1.5; border: 0 none; width: 100%; }
.glForm.adminForm input[type="text"], .glForm.adminForm input[type="password"], .glForm.adminForm input[type="email"], .glForm.adminForm input[type="number"], .glForm.adminForm textarea, .glForm.adminForm select { padding: 3px 13px; height: 37px; }
.glForm select { -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; }
.glForm textarea, .glForm.adminForm textarea { height: auto; }
.glForm select.whiteBlackBorder { padding: 11px; font-size: 14px; font-variant: petite-caps; font-weight: normal; font-family: 'Libre Franklin','Open Sans',Verdana,sans-serif; border: 1px solid #000; background-color: initial; }
.glForm select.whiteBlackBorder.fs16 { font-size: 16px; }
.glForm .rLabel { color: #555; font-family: 'Libre Franklin','Open Sans',Verdana,sans-serif; font-size: 18px; text-decoration: none; margin-bottom: 10px; }
.glForm .rLabel .required { color: #ff0000; }
.glForm .rLabel.pc { font-variant: petite-caps; }
.glForm .rLabel.fs15 { font-size: 15px }
.glForm .rLabel.fs18 { font-size: 18px; }
.glForm .rLabel.fs20 { font-size: 20px; }
.glForm ul li { list-style-image: none; list-style: none; }
.glForm ul.horizontalAlign { display: flex; flex-wrap: wrap; margin-left:0px;}
.glForm ul.horizontalAlign li { float: left; margin-right: 10px; }
.glForm ul.horizontalAlign li:last-child { margin-right: 0px; }
/*.glForm .rLabel.w25.fl { line-height:47px;}*/
.glForm .rLabel.w25.fl.lhInherit { line-height: inherit; }
.glForm .calendarContainer { position: relative; }
.glForm .calendarContainer img, .glForm .calendarContainer input[type="image"] { position: absolute; top: -5px; right: 0px; z-index: 2; cursor: pointer; }
.glForm .calendarContainer .ajax__calendar_container, .glForm .calendarContainer .ajax__calendar_container TABLE { width: auto; }
.glForm .checkboxContainer { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; font-size: 16px; }
.glForm .checkboxContainer label span { display: inline-block; vertical-align: middle; cursor: pointer; }
.glForm .checkboxContainer input { margin-right: 10px; vertical-align: middle; cursor: pointer; }
.glForm .ui-widget.ui-widget-content { border: 1px solid #0046a6; }
.glForm .ui-widget-header { background-color: #B7B7B7; }
.glForm .ui-tabs .ui-tabs-nav li { border: none; color: #282828; font-family: 'Libre Franklin','Open Sans',Verdana,sans-serif; background-color: #0046a6; }
.glForm .ui-tabs .ui-tabs-nav .ui-tabs-anchor, .glForm .ui-tabs .ui-tabs-nav .ui-tabs-anchor:visited, .glForm .ui-tabs .ui-tabs-nav .ui-tabs-anchor:hover { background: none; background-color: #fff; text-shadow: none; color: #0046a6; }
.glForm .ui-tabs .ui-tabs-nav li.ui-tabs-active { padding: 1px 0px; }
.glForm .ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor, .glForm .ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor:visited, .glForm .ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor:hover { color: #fff; background-color: #0046a6; }
.glForm .dnnFormItem button, .glForm.dnnFormItem input[type="button"], .glForm .dnnFormItem input[type="reset"], .glForm .dnnFormItem input[type="submit"], .glForm .dnnPrimaryAction, .glForm .dnnSecondaryAction, .glForm .dnnTertiaryAction, .glForm ul.dnnAdminTabNav li a, .glForm .dnnLogin .LoginTabGroup span { border: none; }
.glForm .evenOddRow:nth-child(2n), .glForm .evenOddRowType:nth-of-type(2n+1) { background: #EFF3FB; }
.glForm .headerTable { background: #0046a6; color: #fff; }
.mb10p { margin-bottom: 10px; }
.mr2 { margin-right: 2%; }
.glOverlayV2 { position: fixed; background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAABGdBTUEAALGPC/xhBQAAAA1JREFUGFdjYGRkbAAAAI4AhOSHVUwAAAAASUVORK5CYII=) repeat center center; opacity: 0.5; z-index: 999999999; width: 100%; height: 100%; top: 0; left: 0; overflow: hidden; -webkit-overflow-scrolling: touch; }
.progressV2 { width: 50px; height: 50px; position: fixed; z-index: 9999999999; transform: translate(-50%,-50%); left: 50%; top: 50%; }
.thankYouMsg { text-align: center; font-size: 26px; margin-top: 40px; }
.thankYouMsg div, .thankYouMsg p { font-size: 26px; }

@media screen and (max-width:1400px) { #yearsstat, #dbsupstat, #projectstat, #clientstat, #visitorstat { padding: 20px 0; font-size: 18px; line-height: 1.5; }
    .circle_text { padding: 15px 0 20px 0; }
    #callToday h1.webinarTitle a { display: block; float: none; margin: 10px auto; max-width: 260px; padding: 0px; }
}

@media screen and (max-width:1280px) {
    #yearsstat, #dbsupstat, #projectstat, #clientstat, #visitorstat { padding: 15px 0; font-size: 16px; line-height: 1.5; }
    .circle_text { font-size: 40px; line-height: 44px; padding: 10px 0 15px 0; }
    .da-thumbs li span { font-size: 30px; line-height: 1.6; }
    .flex-direction-nav { top: 80% !important; }
    .flex-direction-nav .flex-nav-prev { margin-left: -20px; }
    .flex-direction-nav .flex-nav-next { margin-right: -20px; }
    .ScrollTop, .ScrollTop:hover, .ProjectNav .lbtnClose { right: 20px; }
    .TitleImg h1, .TitleImg .h1 { font-size: 40px; line-height: 1.05; }
    .cookieWrap a#accept-cookie { display: block; width: 30px; margin: 10px auto; }
    #callToday h1 { font-size: 36px; }
}

@media screen and (max-width:1190px) {
    .products .rightC p.descr { margin-bottom: 20px; }
    .fourstep:not(.ssl) .w60p.fl, .fourstep:not(.ssl) .w40p.fr { float: none; width: 100%; }
    .fourstep .w60p.fl { margin: 0 auto 70px; }
    .services.salesforce.step { max-width: 720px; margin: 0 auto; }
    .services.salesforce.step.mt50p { margin-top: 20px; }
    .services.step div.service { padding: 0px 50px; }
    .bigBlueArrow { bottom: 90px; }
    .bigBlueArrow.hc { bottom: 66px; }
    .services.step div.service span.img { margin: 20px 40px 20px 0px; }
    .dnnMenu li a, .dnnMenu li > span { font-size: 14px; padding: 36px 6px; }
    #Copyright, #FooterNav { width: 100%; clear: both; float: none; text-align: center; line-height: 1.7 }
}

@media screen and (max-width:1160px) {
    .green .fourstep .w60p.fl { width: calc(90% - 460px); }
}

@media screen and (max-width:1140px) {
    .skillsInclude .AboutSerItem .w100p.fl .w85p.fl { padding-left: 10px; box-sizing: border-box; }
    .TitleImg h1, .TitleImg .h1 { font-size: 36px; line-height: 1.05; }
    .da-thumbs li span { padding-top: 12%; }
    .contactForm .divrow { box-sizing: border-box; padding: 0 13px; }
    .fourstep .contactForm .divrow { padding: 0px; }
    .whoWeAre > img, .whoWeAre .whoWeAreText, .whyGoliveText, .whyGoliveImage { float: none; width: 100%; clear: both; }
    .whoWeAre .whoWeAreMonitor { margin: 0 auto; float: none; }
    .mediaContent .video { height: 450px; }
    .fourstep .w60p.fl, .fourstep .w40p.fr { float: none; width: 100%; }
    .green .fourstep .w60p.fl { width: calc(90% - 460px); float: left; }
    div.ssl .border { margin-right: 0px; }
    .services.step div.service .serviceDesc { max-width: 100%; }
    .bigBlueArrow { left: 0px; right: initial; -ms-transform: rotate(90deg); /* IE 9 */ -webkit-transform: rotate(90deg); /* Safari */ transform: rotate(90deg); /* Standard syntax */ z-index: 3; bottom: 100px; }
    .blueContainer.fr { float: none; margin: 0 auto; position: relative; z-index: 1; }
    .fourstep .w60p.fl { z-index: 4; }
    #floatingMenu .dnnMenu li a, #floatingMenu .dnnMenu li > span { padding: 22px 8px; }
    .whyGoliveText { padding-bottom: 30px; }
    .GDPR .doubleArrow { display: none; }
    .GDPR h1, .CSS h1 { font-size: 60px; }
    .headerSupport { min-height: inherit; }
    .headerContent .doubleArrow, .headerContentV2 .doubleArrow { display: none; }
    .testimonialsFormLanding .GDPR .lightBlueContainer, .testimonialsFormLanding .CSS .lightBlueContainer { padding: 0 10px 20px; }
    .TopFooterL, .TopFooterR { padding: 0px 10px; box-sizing: border-box; }
    .footerPane .glForm { padding: 0 20px; }
    #callToday h1 { font-size: 28px; }
    .btnGetInTouch, .btnGetInTouch:visited, .glFormProducts .divrow a, .glFormProducts .divrow a:visited { max-width: 450px; }
    .pinocchioTestForm h1 { font-size: 30px; }
    .pinocchioTestForm h2 { font-size: 26px; }
    .pinocchioTestForm .w50p.fl p { font-size: 18px; padding-bottom: 14px; }
    #layer8 img { max-width: 39%; max-width: 39vw; }
}

@media screen and (max-width:1090px) {
    #DNN8 #menu { overflow: visible; }
    .dnnMenu { border: 0px solid #777; border-bottom: 0 none; z-index: 1000; width: 0; height: 0; overflow: hidden; }
    .dnnMenu { display: none; }
    .dnnMenuResp, .dnnMenuResp li { background-color: #fff; box-sizing: border-box; }
    .dnnMenuResp { border: 0px solid #777; border-bottom: 0 none; z-index: 1000; height: auto; width: 0; overflow: hidden; float: right; }
    .dnnMenuResp ul { padding: 0; margin: 0; }
    .dnnMenuResp li { border-bottom: 1px solid #777; float: none; clear: both; min-width: 320px; position: relative; }
    .dnnMenuResp .sub-menu li { border-bottom: none; border-top: 1px solid #777; padding-left: 30px; }
    .dnnMenuResp li a, .dnnMenuResp li > span, #floatingMenu .dnnMenuResp li a, #floatingMenu .dnnMenuResp li > span { color: #2f2f2f; padding: 16px 58px 16px 18px; text-align: left; display: block; font-size: 20px; }
    .dnnMenuResp li > .toggleM { width: 22px; }
    .dnnMenuResp li a:hover { text-decoration: none; color: #008acf; }
    .dnnMenuResp li a.toggleM { top: 18px; right: 26px; }
    /*.dnnMenuResp .sub-menu ul li a{text-indent:20px;}*/
    #menu .contentWrap, #floatingMenu .contentWrap { width: 100%; }
    #dnnLogo { width: 200px; margin-left: 20px; }
    .portal #menu #dnnLogo { width: 160px; }
    #menuToggle { display: block; margin-right: 20px; }
    .menuPos { display: block; float: none; clear: both; width: 100%; height: 0; font-size: 0; line-height: 0; padding: 0; margin: 0; }
    #floatingMenu { z-index: 2; }
    #dnnLogo2 { margin-left: 20px; }
    #menuToggle2 { display: block; margin-right: 20px; }
    #floatingMenu .dnnMenu { position: fixed; right: 0; }
    .home #menuToggle { background-position: -168px -192px; }
    .socialMHeader { margin-right: 20px; }
    .MENUResp { z-index: 99999999; }
}

@media screen and (max-width:1010px) {
    .customer-satisfactory-survey .divrow.h { padding: 0 1% 10px 1%; width: 98%; }
    .customer-satisfactory-survey .rbl { padding: 0 1%; width: 98%; display: inline-block; }
    .bigBlueArrow img { max-width: 300px; }
    .services.step div.service { padding: 0 30px; }
    .services.step div.service .serviceDesc { max-width: 600px; }
    .services { margin: 0 auto; }
    .services .service { width: 100%; padding-bottom: 30px; }
    .services .service.Websites, .services .service.MobileAps { padding-bottom: 0; }
}

@media screen and (max-width:1000px) {
    #layer2, #layer3, #layer4, #layer5, #layer6, #layer7, #layer1 > img, #cloud1, #cloud2, #christmas1, #layer10 { display: none; }
    /*#layer8{display:none;}*/
    #layerM { display: block; }
    #stats > img { display: block; }
    #stats video { display: none; }
    .TFContentLeft, .TFContentRight { width: 96%; float: none; clear: both; margin: 0 auto; max-width: 640px; }
    #stats { background: transparent url(/video/video.png) no-repeat center center; background-size: cover; }
    #stats > img { display: none !important; }
    #layer1 { overflow: visible; }
    /*.services .service.MobileAps{float:none;clear:both;margin:0 auto;}*/
    #callToday { padding: 10px 0; }
    .flexslider { padding-bottom: 20px; }
    .flex-direction-nav { top: auto !important; width: 33.34%; left: 33.33%; bottom: 10px; }
    .flex-direction-nav .flex-nav-prev { margin-left: 0; }
    .flex-direction-nav .flex-nav-next { margin-right: 0; }
    .da-thumbs li span { padding-top: 8%; }
    /*.dnnMenu li a,.dnnMenu li > span{font-size:14px;padding:36px 6px;}*/
    .testimonialsFormLanding .flex-direction-nav { width: 100%; left: 0%; }
}

@media screen and (max-width:980px) {
    .TimeSlot { width: 44%; margin: 10px 3%; }
    .dotArrowHorizontal { display: none; }
    .dotArrowVertical { display: inline-block; }
    .green .fourstep .w35p.fl, .green .fourstep .w35p.fr, .green .fourstep .w30p.fl { float: none; clear: both; width: 100%; }
    .green .fourstep .w30p.fl { text-align: center; margin: 20px 0; }
    .singleArrow { display: none; }
    .green .fourstep .w60p.fl { float: none; width: 94%; clear: both; padding-top: 40px; }
    .green .fourstep .w60p img { margin-left: auto; }
    .contactLandForm .GDPR .lightBlueContainer, .testimonialsFormLanding .GDPR .lightBlueContainer, .landingFooter .GDPR .lightBlueContainer, .contactLandForm .CSS .lightBlueContainer, .testimonialsFormLanding .CSS .lightBlueContainer, .landingFooter .CSS .lightBlueContainer { margin: 0 auto 44px }
    .contactLandForm .GDPR .lbtnCallMeBack, .testimonialsFormLanding .GDPR .lbtnCallMeBack, .landingFooter .GDPR .lightBlueContainer, contactLandForm .CSS .lbtnCallMeBack, .testimonialsFormLanding .CSS .lbtnCallMeBack, .landingFooter .CSS .lightBlueContainer { margin: 0 auto; }
    .contactLandForm, .headerContent .w60p.fl, .headerContentV2 .w60p.fl, .testimonialsFormLanding .formContent, .testimonialsFormLanding .testimLandingPage { width: 100%; }
    .contactLandForm .GDPR .lightBlueContainer .divrow input[type="text"], .testimonialsFormLanding .GDPR .lightBlueContainer .divrow input[type="text"], .landingFooter .GDPR .lightBlueContainer .divrow input[type="text"], .contactLandForm .CSS .lightBlueContainer .divrow input[type="text"], .testimonialsFormLanding .CSS .lightBlueContainer .divrow input[type="text"], .landingFooter .CSS .lightBlueContainer .divrow input[type="text"] { max-width: 100%; }
    .footerPane .glForm.GDPR .lightBlueContainer, .footerPane .glForm.CSS .lightBlueContainer { max-width: 476px }
    .footerPane .glForm.GDPR .lightBlueContainer .divrow, .footerPane .glForm.GDPR .DNNAligncenter, .footerPane .glForm.CSS .lightBlueContainer .divrow, .footerPane .glForm.CSS .DNNAligncenter { float: none; width: 100%; padding-right: 0px; }
    .footerPane .glForm.GDPR, .footerPane .glForm.CSS { padding-bottom: 20px; }
    .footerPane .GDPR .lbtnCallMeBack, .footerPane .CSS .lbtnCallMeBack { margin: 44px auto 0px; }
    .landingFooter #Copyright { width: auto; }
    header .headerContent { margin-top: 20%; }
    header .headerContent { margin-bottom: 20px; }
    header .headerContentV2 { margin-top: 20%; margin-bottom: 20px; }
    .testimLandingPage { padding: 0px; margin-bottom: 50px; }
    .testimonialsFormLanding .GDPR .lightBlueContainer, .testimonialsFormLanding .CSS .lightBlueContainer { padding: 0 40px 20px; }
    .testimLandingPage .landingTestimonials { padding: 0px 20px; }
    .testimonialsFormLanding .flexslider .slides > li .DNNAlignright { margin-top: 20px; }
    .CSS .lbtnCallMeBack { margin: 0 auto; }
    .footerPane .glForm.CSS .lightBlueContainer { float: none; }
    .footerPane .glForm.CSS .newsLet { margin-top: 40px; }
    .SiteMap li a:hover, .SiteMap li a:visited { color: #008acf; }
    .glForm .divrow .dnnTooltip { left: 0% !important; top: -4px !important; bottom: 40px !important; }
    .glForm .divrow .dnnFormHelpContent { position: absolute !important; bottom: 100%; }
    .glForm .divrow .bottomArrow::after { left: 0px; bottom: -8px; transform: rotate(360deg); top: auto; }
}

@media screen and (max-width:960px) {
    .two_circles { width: 100%; float: none; clear: both; max-width: 600px; margin: 0 auto; }
    .da-thumbs li span { font-size: 24px; line-height: 1.6; }
    .pagerParrent { text-align: center; }
    .floatleft49.book { width: 290px; }
    .floatright50.book { width: 64%; }
    .GDPRProducts .w25p.fl { width: 50%; margin-top: 2%; }
}

@media all and (max-width:940px) {
    .products p.descr { padding: 0px 12px; }
    #callToday h1 a { display: block; float: none; margin: 10px auto; max-width: 260px; padding: 0px; }
}

@media screen and (max-width:900px) {
    #layer1 { z-index: 20; }
    main { z-index: 1; }
    /*#DNN8 #menu{overflow:visible;}
.dnnMenu{border:0px solid #777;border-bottom:0 none;z-index:1000;width:0;height:0;overflow:hidden;}*/
    /*.dnnMenu,.dnnMenu li{background-color:#fff;box-sizing:border-box;}
.dnnMenu ul{padding:0;margin:0;}
.dnnMenu li{border-bottom:1px solid #777;float:none;clear:both;min-width:320px;}*/
    /*.dnnMenu{display:none;}
.dnnMenuResp,.dnnMenuResp li{background-color:#fff;box-sizing:border-box;}
.dnnMenuResp{border:0px solid #777;border-bottom:0 none;z-index:1000;height:auto;width:0;overflow:hidden;float:right;}
.dnnMenuResp ul{padding:0;margin:0;}
.dnnMenuResp li{border-bottom:1px solid #777;float:none;clear:both;min-width:320px;}
.dnnMenuResp .sub-menu li{border-bottom:none;border-top:1px solid #777;}
.dnnMenuResp li a,.dnnMenuResp li>span,#floatingMenu .dnnMenuResp li a,#floatingMenu .dnnMenuResp li>span{color:#2f2f2f;padding:10px 18px;text-align:left;display:inline-block;}
.dnnMenuResp li a:hover{text-decoration:none;color:#008acf;}
.dnnMenuResp .sub-menu ul li a{text-indent:20px;}*/
    /*.dnnMenu li a,.dnnMenu li>span,#floatingMenu .dnnMenu li a,#floatingMenu .dnnMenu li>span{color:#2f2f2f;padding:10px 18px;text-align:left;}
.dnnMenu li a:hover{text-decoration:none;color:#008acf;}*/
    /*.SiteMap li a:hover,.SiteMap li a:visited{color:#008acf;}
#menu .contentWrap,#floatingMenu .contentWrap{width:100%;}
#dnnLogo{width:200px;margin-left:20px;}
.portal #menu #dnnLogo{width:160px;}
#menuToggle{display:block;margin-right:20px;}
.menuPos{display:block;float:none;clear:both;width:100%;height:0;font-size:0;line-height:0;padding:0;margin:0;}
#floatingMenu{z-index:2;}
#dnnLogo2{margin-left:20px;}
#menuToggle2{display:block;margin-right:20px;}
#floatingMenu .dnnMenu{position:fixed;right:0;}*/
    #BlogContent, #BlogSidebar { float: none; clear: both; width: 100%; }
    .ulArchives li { float: left; width: 33.33%; }
    .pnlTags { padding-bottom: 30px; }
    .TitleImg h1 .contentWrap, .TitleImg .h1 .contentWrap { box-sizing: border-box; padding: 0 20px; width: 100%; }
    .da-thumbs li span { padding-top: 0px; }
    .contactText { width: 96%; float: none; margin: 0 auto; clear: both; }
    .infoTextMob { float: left; width: 50%; }
    .contactForm { width: 100%; }
    .contactForm input[type="text"], .contactForm .divrow.rightCol .clearfix { max-width: 100%; }
    .emailRes .contactForm .btnBack { padding: 0px; }
    .businessShow p { padding-right: 0px; }
    .portal #menu .dnnMenu li a, .portal #menu .dnnMenu li > span { color: #2f2f2f; text-shadow: none; }
    /*.home #menuToggle{background-position:-168px -192px;}*/
    .services.step div.service .serviceDesc { max-width: 400px; }
    .goToSupport { margin: 0 auto 50px; float: none; }
    .glFormProducts .w50p.fl, .ifYouChooseGoLive .w50p.fl, .glFormProducts .w50p.fr, .ifYouChooseGoLive .w50p.fr { width: 100%; padding-right: 0px; padding-left: 0px; }
    .glFormProducts .w50p.fr.imgTextContainer { padding-top: 36px; }
    .sslProtection h1 { margin-top: 20px; }
    .cyberGL .w50 { width: 100%; }
    .zoom { max-width: 70%; }
    .glFormProducts .w50p.fr.imgContent { text-align: center; }
}

@media screen and (max-width:860px) {
    #SocialD { display: none; }
    #SocialM { display: block; text-align: center; visibility: visible; }
    /*#Copyright,#FooterNav{width:49%;}*/
    .serviceList .serviceImg, .cyberSec .serviceImg { float: left; width: 100%; }
    .serviceList .serviceText, .cyberSec .serviceText { width: 100%; float: left; padding: 0px 0px 20px; }
    .serviceList img { display: block; margin: 0 auto; }
    .subTitle1, .subTitle2, .mediaContent .mediaInfo .col > div > p { text-align: center; }
    .floatright50.book { width: 58%; }
    .mediaContent .mediaInfo .col { padding: 10px; width: 100%; }
    .mediaContent .video { height: 400px; }
    .w33p.dnnLeft { width: 100%; border-top: 1px solid #d7d7d7; }
    .w33p.dnnLeft img { margin: 50px auto; }
    .bigBlueArrow { bottom: 190px; }
    .bigBlueArrow img { max-width: 200px; }
    .glForm.GDPR, .glForm.CSS { margin-top: 40px; }
    .GDPR .w40p, .GDPR .w60p, .CSS .w40p, .CSS .w60p { width: 100%; margin-bottom: 20px; }
    .GDPR .lightBlueContainer, .CSS .lightBlueContainer { margin: 0px auto 44px; }
    .GDPR .lightBlueContainer .divrow input[type="text"], .CSS .lightBlueContainer .divrow input[type="text"] { max-width: none; }
    .GDPR .lbtnCallMeBack, .CSS .lbtnCallMeBack { margin: 0 auto; }
    .headerLand, .headerLand2 { height: auto; }
    .whiteBG { display: none; }
    .GDPR .w60p div, .CSS .w60p div { padding: 14px 14px 14px 50px; }
    .GDPR .w60p.fl, .CSS .w60p.fl { padding-right: 0px; }
    /*#callToday h1 a{display:block; float:none;margin:10px auto;max-width:260px;padding:0px;}*/
    .cookieLanding { padding-bottom: 50px; }
}

@media screen and (max-width:820px) {
    .products .bgBestS p.descr { margin-bottom: 20px; }
}

@media screen and (max-width:810px) {
    .products .leftC p.descr { margin-bottom: 20px; }
}

@media screen and (max-width:768px) {
    .whoWeAre .whoWeAreText { padding-top: 30px; }
    .da-thumbs li { width: 50%; }
    .whyGoliveImage { margin: 0 30px; text-align: center; }
    .flexslider .slides > li > div > div { width: 66.17543% }
    .flexslider .slides > li > div > .tImg { width: 29.82456%; }
    .flexslider { padding-bottom: 30px; }
    .TitleImg h1, .TitleImg .h1, .topImage h1 { font-size: 30px; line-height: 1.05; }
    .faqAText, .faqQText, .faqQNum { float: none; width: 100%; clear: both; }
    .faqQText { font-size: 28px; line-height: 1.5 }
    .tblFAQ td { padding: 32px 0; }
    .faqQ .faqQNum { padding-bottom: 10px; }
    .faqA .faqQNum { display: none; overflow: hidden; }
    .blogInfo .blogListTags { float: none; clear: both; width: 100%; box-sizing: border-box; }
    .blogInfo .blogListAuthor, .blogInfo .blogListComments, .blogInfo .blogPublishDate { margin-bottom: 10px; }
    .da-thumbs li span { padding-top: 6%; }
    .projectinfo .fl.w32p, .projectinfo .fl.w32p.mr2p { width: 100%; margin: 0 0 30px 0; }
    #christmas2 { display: none; }
    .TimeSlot.min60, .TimeSlot3, .slideBuy, .slideTime, .slidePricing { float: none; width: 100%; clear: both; margin-bottom: 20px; }
    .TimeSlot3 { text-align: center; }
    .fc-calendar-container { height: 280px !important; padding: 10px !important; }
    .ourServices .cervicesCircles { height: 124px; }
}

@media all and (max-width:760px) {
    .products div.w33p, .products .w100p { float: none; margin: 0 auto 30px; width: 300px; }
    .pay .w49p { float: none; width: 100%; }
    .w100p.pay .bgrndProduct { height: auto; background-image: url("images/bg_products_1.png"); }
    .skillsInclude .AboutSerItem .w50.fl, .skillsInclude .AboutSerItem .w100p.fl { width: 100%; border-bottom: 1px solid #d7d7d7; }
    .skillsInclude .AboutSerItem { border: none; }
    .weCare li { width: 100%; }
    .skillsInclude .AboutSerItem .w100p.fl .w85p.fl { width: 70%; }
    .skillsInclude .AboutSerItem .w100p.fl .w15p.fl { width: 30%; }
    #events .fl.w15p, #events .fl.w80p { float: none; clear: both; text-align: center; width: 90%; margin: 0 auto; }
}

@media screen and (max-width:740px) {
    .floatright50.book { width: 52%; }
    .itemT, .itemT h4, .itemT p { line-height: 150%; display: block; text-align: center; float: none; }
    .itemT h4 { width: 100%; font-weight: 500; }
    .itemT { padding: 10px 0px; }
    .hovermeMob { display: block; }
}

@media screen and (max-width:720px) {
    .services.salesforce.step { width: 90%; min-width: 280px; max-width: 360px; }
    .services.salesforce.step a.service { max-width: 100%; width: 100%; box-sizing: border-box; margin-bottom: 20px; }
    .services.salesforce.step.mt50p { margin-top: 0; }
    .services.salesforce.step a.service h2, .services.salesforce.step a.service .serviceDesc { text-align: left; width: 60%; width: calc(100% - 126px); max-width: 80%; }
}

@media screen and (max-width:700px) {
    .subTitle2 { text-align: center; }
    .serviceItem table.ServiceTable2 { display: none; }
    .serviceItem table.ServiceTable3 { display: block; }
    .Terms p, .aboutText, .servicesTextTop, .serviceItem .serviceText > div { padding: 0 10px; }
    .Testimonials div .testimonialImg { float: none; margin: 0 auto; text-align: center; width: 100%; }
    .Testimonials div .testimonialText, .Testimonials .testimonialFrom { width: 100%; }
    .Testimonials .testimonialFrom { text-align: center; }
    .fourstep a.service { }
    .participant .floatleft49, .participant .floatright50 { float: none; clear: both; width: 100%; }
    .participant textarea { box-sizing: border-box; }
    #sfpopUpDiv { width: 98%; max-width: 320px; margin-top: 10%; }
    .infoTextMob { width: 100%; float: none; clear: both; }
    .infoTextMob > div { width: 292px; margin: 0 auto; }
    .ourMissionVision { padding: 20px 0px; }
    .ourMissionVision .w50p.fl, .ourMissionVision .w50p.fr { width: 100%; padding: 0px; text-align: left; border: none; }

    .respTable { border: 0px; }
    .respTable .repTableHeaderShowOnMobile { display: block; }
    .respTable .respTableHeader { display: none; }
    .respTable .respTableSubHeader, .respTable .respTableRow { border-bottom: 1px solid #000; border-right: 0px; border-left: 0px; border-top: 0px; display: block; }
    .respTable .respTableHeader > .w33p.fl, .respTable .respTableRow > .w33p.fl { width: 100%; border-right: 0px; box-sizing: border-box; padding: 6px 14px; display: initial; flex-direction: unset; }
    .respTable .respTableHeader > .w33p.fl:last-child, .respTable .respTableRow > .w33p.fl:last-child { border-right: 0px; width: 100%; }
}

@media screen and (max-width:680px) {
    #callToday a { display: inline-block; line-height: 1.1; }
    .partnerLogos span { margin: 20px auto; display: block; max-width: 460px; }
    .partnerLogos img { margin: 0 20px; }
    .services.step div.service .serviceDesc { max-width: 330px; }
    .bigBlueArrow { bottom: 200px; }
    .bigBlueArrow img { max-width: 150px; }
    /*#layer8{display:none;}*/
    #layer9 { display: none; }
}

@media screen and (max-width:640px) {
    .whoWeAreText div:last-child { text-align: center; }
    .services .service { width: 100%; float: none; clear: both; padding: 0 0 30px }
    .services .service.Websites { padding-bottom: 30px; }
    .services .serviceDescription, .DNNAlignjustify { text-align: left; }
    .whoWeAreDescription, .contentWrap, #dnn_statsPane, .cookieWrap { width: 90%; }
    #popUpDiv, #modUpDiv { width: 90%; overflow-y: scroll; height: 100%; margin: 30px auto 0; }
    .pph { line-height: 46px; margin-bottom: 10px; }
    .ppp { line-height: 20px; margin-bottom: 8px; font-size: 14px; }
    .popup_content { width: 85%; padding-bottom: 15px; }
    #PopUpLeft, #PopUpRight { float: none; width: 98%; }
    .btnRequest { padding-top: 0; }
    .btnRequest a, .btnRequest a:link { font-size: 14px; width: 240px; padding: 0; text-align: center; }
    .chatpopup_content { width: 80%; padding: 0 10px; }
    .pprow input[type="text"], .pprow .tbWater, .pprow .tbWaterR, .pprow select, .ppcode { font-size: 14px; line-height: 26px; height: 26px; }
    .pprow .txtareaWater, .pprow .txtareaWaterR, .pprow textarea { font-size: 14px; line-height: 26px; }
    .popup_content .br { display: none; }
    .flexslider .slides > li > div > div, .flexslider .slides > li > div > .tImg { width: 100%; float: none; clear: both; }
    .flexslider .slides > li > div > .tImg { text-align: center; }
    .flexslider { padding-bottom: 40px; }
    .PLinks a, .PLinks a:link, .PLinks a:visited { margin: 0 10px 20px 10px; }
    .ulArchives li { float: left; width: 50%; }
    .ulArchives li.extra { display: list-item !important; }
    #blogMonthsAll, #blogMonthsLess { display: none; }
    .ProjectNav .lbtnClose { width: 40px; height: 40px; padding: 0 4px; }
    .floatleft49.book, .floatright50.book { width: 100%; float: none; clear: both; margin: 0 auto; }
    .floatleft49.book { width: 290px; margin-bottom: 30px; }
    #modUpDiv .floatleft49, #modUpDiv .floatright50 { float: none; clear: both; width: 100%; margin: 0 auto; }
    #modUpDiv .floatright50 textarea { max-width: 96% !important; }
    .whoWeAre .whoWeAreMonitor, .GDPRMonitor { background: transparent url("images/monitor.png") no-repeat scroll center top / 100% auto; float: none; height: 255px; width: 288px; margin: 0 auto; }
    .whoWeAre .whoWeAreMonitor img, .GDPRMonitor img { margin: 12px 0 0 11px; max-width: 266px; }
    .GDPRDesc .w100p.pb20.pt30 { padding: 10px 0px; }
    .subTitle, .subTitle1, .subTitle2 { line-height: 1.5; text-align: center; }
    .services.step div.service .serviceDesc { max-width: 270px; }
    .headerContent h1, .headerContentV2 h1 { font-size: 40px; }
    .headerContent .w60p .gdprCons, headerContent .w60p .cssMeans, .headerContentV2 .w60p .gdprCons, headerContentV2 .w60p .cssMeans { padding-right: 0px; }
    .logoGDPR { margin: 12px 0px 0px; }
    .headerLand { top: -50px; }
    .Terms .ui-tabs-nav > li { float: none; clear: both; text-align: center; margin: 0 auto 10px auto; max-width: 100%; }
    .portal.construction .socialMHeader, .portal.construction .socialMHeaderResp { display: none !important; }
}

@media screen and (max-width:600px) {
    .contactText { padding-top: 20px; }
    .contactText .infoIcon { width: 78px; }
    .contactText .infoText, .contactText .infoText > p, .contactText .infoText > a, .contactText .infoText p > a { width: 212px; }
    .contactForm .divrow { width: 100%; }
    .contactForm .divrow.sendMail { width: 100%; text-align: center; }
    .emailRes .contactForm .Normal { text-align: center; }
    /*#Copyright,#FooterNav{width:100%;clear:both;float:none;text-align:center;line-height:1.7}*/
    .landingFooter #Copyright { width: auto; text-align: center; float: none; }
    .landingFooter .logoGDPR { margin: 0 auto; float: none; }
    .services.step div.service .serviceDesc { width: auto; max-width: unset; margin-bottom: 45px; text-align: center; }
    .services.step div.service span.img { display: block; margin: 0 auto; float: none; }
    .services.step div.service .fl { float: none; }
    .services.step div.service h2 { max-width: unset; text-align: center; }
    .bigBlueArrow { bottom: 240px; }
    .bigBlueArrow img { max-width: 100px; }
    .GDPRProducts .w25p.fl { width: 100%; margin-top: 6%; }
    .popUp { width: 270px; }
    .ourServices .cervicesCircles { margin-top: 60px; background-image: url("/portals/0/Images/ServicesCircles_Vertical.svg"); height: 800px; background-position: center; }
}

@media screen and (max-width:540px) {
    .customer-satisfactory-survey .maintbl { width: 100%; border-bottom: 1px solid #949494; }
    .customer-satisfactory-survey .maintbl td div { display: block; }
    .customer-satisfactory-survey .maintbl th { display: none; }
    .customer-satisfactory-survey .maintbl tr { display: block; }
    .customer-satisfactory-survey .maintbl .alt td { background-color: #fff; }
    .customer-satisfactory-survey .maintbl td.cl1, .customer-satisfactory-survey .maintbl td.cl2, .customer-satisfactory-survey .maintbl td.cl2.wide, .customer-satisfactory-survey .maintbl.mini td.cl2.wide { width: 98% !important; display: block; text-align: center; }
    .customer-satisfactory-survey .maintbl td.cl2:nth-child(odd) { background-color: #fbfbfb; }
    .customer-satisfactory-survey .maintbl td.cl1 { font-size: 14px; background-color: #f0f0f0; vertical-align: top; text-align: center; padding-top: 10px; padding-bottom: 10px; }
    .customer-satisfactory-survey .rbl label { display: inline-block; float: right; width: 90%; width: calc(100% - 26px); }
    .customer-satisfactory-survey .rbl, .customer-satisfactory-survey .rbl td, .customer-satisfactory-survey .rbl tbody, .customer-satisfactory-survey .rbl tr { width: 100%; display: inline-block; }
    .bl0to10 { border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; -ms-border-radius: 0; }
    .service3 { float: none; clear: both; width: 280px; margin: 0 auto 40px auto; }
    .service3:nth-child(3) { margin-bottom: 0; }
    .service3 span.img { margin: 0 auto; }
    .GDPR .lightBlueContainer, .CSS .lightBlueContainer { padding: 0 20px 20px; max-width: initial; }
    footer.darkBlue > div.copyrightText { display: flex; flex-direction: column; justify-content: center; text-align: unset; }
}

@media screen and (max-width:520px) {
    .da-thumbs li { width: 100%; float: none; clear: both; }
    .da-thumbs li span { font-size: 30px; line-height: 1.6; padding-top: 8%; }
    .mediaContent .video { height: 400px; }
    .TimeSlot { width: 94%; margin: 10px 3%; float: none; clear: both; }
}

@media screen and (max-width:500px) {
    .TFContentRight { padding-bottom: 25px; }
    .TopFooterL, .TopFooterR { width: 100%; max-width: 300px; float: none; clear: both; margin: 0 auto; }
    .ulTopFooter { padding-bottom: 0; margin-bottom: 0; }
    .circle_text { font-size: 30px; line-height: 36px; }
    .socialMHeader { display: none; }
    #menu .socialMHeader { margin-top: 22%; position: absolute !important; display: block; }
    .portal #menu .socialMHeader { margin-top: 14%; }
    .portal #breadcrumbs { margin-top: 16%; }
    .portal.construction #breadcrumbs { margin-top: 0 !important; }
    .GDPR h1, .CSS h1 { font-size: 40px; }
    #TopFooter .TFContentRight > h3 { max-width: 300px; margin: 0 auto; }
    .zoom { max-width: 90%; }
    .portal.construction .socialMHeader, .portal.construction .socialMHeaderResp { display: none !important; }
}

@media screen and (max-width:480px) {
    .green .moduleTitle .TitleH1, .green .moduleTitleTAC .TitleH1 { font-size: 36px; }
    .green .subTitle1.light.borderBottom span { font-size: 32px; }
}

@media screen and (max-width:440px) {
    .lQuote, .rQuote { display: none; }
    .flexslider .slides > li > div > div { padding: 0 3px 30px 3px; }
    .flexslider .slides > li > div > div.clear { padding: 0; }
    .topImage h1, .TitleImg h1, .TitleImg .h1 { position: initial; background-color: #008acf; text-align: center; padding: 10px 0; }
    .TitleImg .h1 { position: initial !important; }
    .Testimonials div .testimonialText, .Testimonials .testimonialFrom { padding: 20px 10px; }
    .mobileView img { min-width: 1000px }
    .blueContainer { width: 100%; padding: 40px 20px; text-align: center; }
    .bigBlueArrow, .bigBlueArrow img { display: none; visibility: hidden; }
    .portal #menu .socialMHeader { margin-top: 8%; }
    .portal #breadcrumbs { margin-top: 16%; }
    .headerSupport h1 { margin-top: 10px; }
    .testimonialsFormLanding .flexslider .slides > li > div > div.fullWidth { padding: 0 10px 0px 10px; }
    .testimLandingPage .landingTestimonials .flex-direction-nav .flex-nav-prev { margin-left: -22px; }
    .testimLandingPage .landingTestimonials .flex-direction-nav .flex-nav-next { margin-right: -22px }
}

@media screen and (max-width:400px) {
    #callToday { font-size: 30px; line-height: 1.1; }
    #menu .socialMHeader { margin-top: 14%; }
    .GDPR .lightBlueContainer, .testimonialsFormLanding .GDPR .lightBlueContainer, .CSS .lightBlueContainer, .testimonialsFormLanding .CSS .lightBlueContainer { padding: 0 10px 20px; }
    .footerPane .glForm.GDPR .lightBlueContainer, .footerPane .glForm.CSS .lightBlueContainer { padding: 0PX 10px }
    .supportForm .divrowR span, .supportForm .divrow span { line-height: 1.2; }
    .supportForm, .thankYouSupport { padding: 30px 10px 20px; }
    .headerSupport h1 { font-size: 30px; }
    .g-recaptcha { transform: scale(0.77); -webkit-transform: scale(0.77); transform-origin: 0 0; -webkit-transform-origin: 0 0; }
}

@media screen and (max-width:380px) {
    .below_circle span { display: block; text-align: center; }
    .PLinks a, .PLinks a:link, .PLinks a:visited { margin: 0 0 20px 0; }
    .blueContainer { padding: 40px 12px; }
    .blueContainer h4 { font-size: 18px; }
    #btnSSLLandingSend { font-size: 24px; }
    .portal #menu .socialMHeader { margin-top: 4%; }
    .chkbl.AgreeNewsletter label { margin-bottom: 12px; }
    .ifYouChooseGoLive h2 { font-size: 34px; }
    .pinocchioTestForm h1 { font-size: 24px; }
    .pinocchioTestForm h2 { font-size: 20px; }
    .pinocchioTestForm .w50p.fl p { font-size: 16px; padding-bottom: 6px; }
    .pinocchioTestForm .divrow a.getInTouch, .pinocchioTestForm .divrow a.getInTouch:visited { font-size: 14px; }
}

@media screen and (max-width:360px) {
    .ulArchives li a { font-size: 14px; }
    .services.salesforce.step a.service { padding: 0; }
    #btnSSL3LandingSend { font-size: 20px; }
    .tbWater.SSLPromoCode { font-size: 14px; line-height: 24px; }
    #menu .socialMHeader { margin-top: 12%; }
    .portal #menu .socialMHeader { margin-top: 2%; }
}

@media screen and (max-height:459px) {
    #popbg { display: none !important; }
}

@media screen and (max-height:380px) {
    .dnnMenu li a, .dnnMenu li > span, #floatingMenu .dnnMenu li a, #floatingMenu .dnnMenu li > span { padding: 2px 18px; }
}

.clear { float: none; clear: both; padding: 0; margin: 0; height: 0; width: 0; font-size: 0px !important; line-height: 0px !important; }
