/* PORT80 SOFTWARE | PINT (www.pint.com) */

/* SCREEN STYLES
---------------------------------------------- */
@media screen {

/* BASIC ELEMENTS */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,
em,img,small,strong,ol,ul,li,fieldset,form,label,legend,button,
article,aside,embed,footer,header,hgroup,nav { margin:0; padding:0; }
table, th, td { margin:0; }

html { padding:0 0 1px; min-height:100%; }
body { padding:0 2%; color:#333; font:normal 13px/16px arial,sans-serif; text-align:center; background:#f2f2f2 !important; -webkit-font-smoothing:antialiased; }

form#form, form#Form { margin-top:0px !important; }

table, th, td { color:#333; font:normal 12px/18px arial,sans-serif; }
td > p { padding-right: 20px;}
input, td input, select, td select, textarea, td textarea { color:#333; font:normal 12px/15px arial,sans-serif; -webkit-font-smoothing:antialiased; }
textarea { resize:vertical; }
textarea:focus, input:focus{ outline:none; }
fieldset { border:0; }
legend { display:none; }
label[for], input[type=checkbox], input[type=radio], input[type=submit] { cursor:pointer; }
select, button { cursor:pointer; user-select:none; -moz-user-select:none; -webkit-user-select:none; }
button { transition:color .2s cubic-bezier(0.165,0.84,0.44,1), background-color .2s cubic-bezier(0.165,0.84,0.44,1), opacity .2s cubic-bezier(0.165,0.84,0.44,1); -moz-transition:color .2s cubic-bezier(0.165,0.84,0.44,1), background-color .2s cubic-bezier(0.165,0.84,0.44,1), opacity .2s cubic-bezier(0.165,0.84,0.44,1); -webkit-transition:color .2s cubic-bezier(0.165,0.84,0.44,1), background-color .2s cubic-bezier(0.165,0.84,0.44,1), opacity .2s cubic-bezier(0.165,0.84,0.44,1); }
button:hover { transition:color .2s cubic-bezier(0.165,0.84,0.441), background-color .2s cubic-bezier(0.165,0.84,0.44,1), opacity .2s cubic-bezier(0.165,0.84,0.44,1); -moz-transition:color .2s cubic-bezier(0.165,0.84,0.44,1), background-color .2s cubic-bezier(0.165,0.84,0.44,1), opacity .2s cubic-bezier(0.165,0.84,0.44,1); -webkit-transition:color .2s cubic-bezier(0.165,0.84,0.44,1), background-color .2s cubic-bezier(0.165,0.84,0.44,1), opacity .2s cubic-bezier(0.165,0.84,0.44,1); }

a { color:#3d63af; text-decoration:none; transition:color .2s cubic-bezier(0.165,0.84,0.44,1), background-color .2s cubic-bezier(0.165,0.84,0.44,1), opacity .2s cubic-bezier(0.165,0.84,0.44,1); -moz-transition:color .2s cubic-bezier(0.165,0.84,0.44,1), background-color .2s cubic-bezier(0.165,0.84,0.44,1), opacity .2s cubic-bezier(0.165,0.84,0.44,1); -webkit-transition:color .2s cubic-bezier(0.165,0.84,0.44,1), background-color .2s cubic-bezier(0.165,0.84,0.44,1), opacity .2s cubic-bezier(0.165,0.84,0.44,1); }
a:hover { color:#294b90; text-decoration:none; transition:color .2s cubic-bezier(0.165,0.84,0.44,1), background-color .2s cubic-bezier(0.165,0.84,0.44,1), opacity .2s cubic-bezier(0.165,0.84,0.44,1); -moz-transition:color .2s cubic-bezier(0.165,0.84,0.44,1), background-color .2s cubic-bezier(0.165,0.84,0.44,1), opacity .2s cubic-bezier(0.165,0.84,0.44,1); -webkit-transition:color .2s cubic-bezier(0.165,0.84,0.44,1), background-color .2s cubic-bezier(0.165,0.84,0.44,1), opacity .2s cubic-bezier(0.165,0.84,0.44,1); }

code, pre { margin:0 0 20px; padding:10px 5px; display:block; color:#333; font-size:12px; border:1px solid #9ac4da; border-width:1px 0; border-radius:0; -moz-border-radius:0; -webkit-border-radius:0; }
p code, p pre { margin:0 5px; padding:0 4px; display:inline-block; color:#fff; background:#999; border:0; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; }
code a { color:#9AC4DA;}
code a:hover {color:#390;}
hr { margin:15px 0 20px; padding:0; width:100%; height:1px; color:#c8c7c7; font-size:1px; overflow:hidden; clear:both; background:none; border:1px solid #c8c7c7; border-width:1px 0px 0px; }
img { max-width:100%; border:0; }
p { margin:0 0 15px; }
small.alt { color:#aaa; }
span.red { color:#FF0000;}

ul { margin:0 0 12px 15px; }
ol { margin:0 0 12px 27px; }

/* Headlines */
h1, .h1 { margin:0 0 10px; font-weight:normal; font-size:25px; line-height:25px; }
h2, .h2 { margin:0 0 10px; font-weight:normal; font-size:20px; line-height:23px; }
h3, .h3 { margin:0 0 10px; color:#390; font-weight:normal; font-size:16px; line-height:19px; }
h4, .h4 { margin:0 0 10px; color:#333; font-weight:bold; font-size:14px; line-height:17px; }
h5, .h5 { margin:0 0 10px; color:#333; font-weight:bold; font-size:12px; line-height:15px; }
h6, .h6 { margin:0 0 10px; color:#333; font-weight:bold; font-size:11px; line-height:14px; }


/* BOOTSTRAP OVERRIDES 
---------------------------------------------- */
select, 
textarea, 
input[type="text"], 
input[type="password"], 
input[type="datetime"], 
input[type="datetime-local"], 
input[type="date"], 
input[type="month"], 
input[type="time"], 
input[type="week"], 
input[type="number"], 
input[type="email"], 
input[type="url"], 
input[type="search"], 
input[type="tel"], 
input[type="color"], 
.uneditable-input { margin:0; padding:0; box-shadow:none !important; -moz-box-shadow:none !important; -webkit-box-shadow:none !important; }

/* SHARED
---------------------------------------------- */
/* INNER WRAP (Page Centering) */
.inner { position:relative; margin:0 auto; text-align:left; }

/* CENTERED CONTENT CONTAINER */
#container { position:relative; padding:0 0 0; text-align:left; }

/* LOGO STYLES */
#logo { position:absolute; top:20px; left:9px; line-height:15px; z-index:20; }

/* TO TOP */
.p80-top { position:fixed; bottom:7px; left:5px; display:none !important; opacity:.5; color:#39626f; font-size:12px; line-height:14px; }
.p80-top-1 { left:auto; right:3px; }
.p80-top:hover { opacity:1 !important; }
.p80-top + .tooltip { width:54px; }
.p80-top + .tooltip, .p80-top + .tooltip * { padding-top:0; padding-bottom:0; }

/* HOME PAGE SPRITE */
#h-banner .banner-sdvp-hp, .banner-httpzip-hp, .experts-banner,
#lock-homepage, #pci-3, #aws-homepage, #our-clients,
#copyright, #copyright div, .list-line, #nav-primary a, 
#nav-primary li:first-of-type a, .lib-row .col, .icon {
	background-image: url('../images/home-sprite.png');
	background-repeat: no-repeat;
}

/* HEADER
---------------------------------------------- */
#header { position:absolute; top:0; left:0; width:100%; height:100px; clear:both; z-index:10; }

/* HEAD NAV:PRIMARY */
#nav-primary { position:absolute; top:20px; left:150px; margin:0; }
#nav-primary li { position:relative; float:left; list-style:none; }
#nav-primary a { padding:10px; display:inline-block; color:#606060; font-size:12px; font-family:helvetica,sans-serif; text-decoration:none; background-position:-1000px -330px; }
#nav-primary li:first-of-type a { background-position:-1000px -330px; }
#nav-primary a:hover { color:#3d63af; text-decoration:none; }
#nav-primary .nav-drop:hover { background:#fff; background:-moz-linear-gradient(#f2f2f2, #fff 90%, #fff); background:-webkit-linear-gradient(#f2f2f2, #fff 90%, #fff); }
/* ---- First-Level Drop Downs */
#nav-primary li ul { margin:0 0 0 1px; width:140px; display:none; background:#fff; }
#nav-primary li:last-of-type ul { left:auto !important; right:0 !important; }
#nav-primary li li, #nav-primary li li a { background:none; font-size:11px; line-height:13px; }
#nav-primary li:hover ul { position:absolute; top:58px; left:0; width:140px; display:block; }
#nav-primary li:hover li { height:auto; float:none; }
#nav-primary li:hover li a { padding:4px 18px; display:block; background:none; }
#nav-primary li:hover li a:hover, #nav-primary li a:hover li a:hover { background:#f0f0f0; }
#nav-primary li:hover li:last-of-type a { padding-bottom:9px; }
/* ---- Second-Level Drop Downs */
#nav-primary li:hover li ul { display:none; }
    
/* HEAD NAV:SECONDARY */
#nav-secondary { position:relative; margin:5px 0 0; }
#nav-secondary li { position:relative; margin:0 10px 0 0; float:left; list-style:none; }
#nav-secondary a:hover { opacity:.5; }

/* HEADER SEARCH */
#header-search { margin:12px 0 20px 5px; display:inline-block; overflow:hidden; background:#fff; border:0px solid #c8c7c7; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; }
#header-search fieldset { padding:0; border:0; }
#header-search .submit { margin:4px 0 0 5px; padding:0; width:14px; height:15px; cursor:pointer; float:left; font-size:0; background:url(../../assets-new/images/bg-sprite-24.png) no-repeat 0 0; }
#header-search input { width:150px; height:23px; float:left; display:inline-block; text-indent:7px; font-size:11px; line-height:13px; overflow:hidden; background:none; border:0; }
#header-search input:focus { font-size:14px; line-height:16px; }
#header-search div.gsc-input-box.gsc-input-box {width:170px; height:19px; border-style:none;}
#header-search input.gsc-search-button.gsc-search-button-v2 {display:none;}
#header-search div.gsc-control-cse.gsc-control-cse-en {padding:0 0 0 0;}

/* FOOTER
---------------------------------------------- */
#footer { padding:0 0 40px; font-size:11px; line-height:13px; color:#8c8c8c; }
#footer ul { float:left; list-style:none; }
#footer a { color:#606060; display:inline-block; }
#footer a:hover { color:#294b90; }
#footer strong { color:#606060; font:bold 12px/14px 'Eurostile Demi',sans-serif; }
#footer em { font:italic 12px/14px helvetica,sans-serif;  }
/* -- Row 1 */
#footer-row-1 { padding:13px 0; border:1px solid #c8c7c7; border-width:1px 0; }

#footer-info { margin:0 20px 0 0; }
#footer-info li { margin:0 20px 10px 0; line-height:19px; float:left; }
#footer-info li:first-of-type { width:120px; }
#footer-info strong { margin-bottom:4px; display:block; }
#footer-info em { display:block; line-height:15px; }

#footer .list-line { margin:0; float:left; display:none; }
#footer .list-line li { margin-right:5px; }
#footer .list-line a { padding:4px 0 0; display:block; line-height:14px; }

#copyright { clear:left; }
#copyright div { padding-top:10px; line-height:16px; }

/* -- Row 2 */
#footer-row-2 { padding:9px 0 0; }
#footer-row-2 a { color:#3d63af; }
#footer-row-2 .lib-render { margin-right:17px; float:left; }
#footer-row-2 .list-inline { margin:2px 0 0; display:none; }
#footer-row-2 .list-inline a { margin:0 7px 0 0; padding:0 9px 0 0; background:url(../../assets-new/images/bg-divider1.png) no-repeat 100% 2px; }
#footer-row-2 .list-inline li:last-of-type a { margin:0; padding:0; background:none; }


/* LAYOUTS
---------------------------------------------- */
/* LAYOUT DEFAULTS */
.content, .container-fluid { position:relative; padding:145px 0 0; background:url(../../assets-new/images/bg-subpage.png) no-repeat 50% 120px; }
.external-link { padding-right:11px; background:url(../../assets-new/images/bg-external.png) no-repeat 100% 1px; }
.noexternal { padding-right:inherit; background:none; }

#col1 img { /*-webkit-box-shadow:0 0 2px #ccc;*/ /*transition:all .2s cubic-bezier(0.165,0.84,0.44,1); -moz-transition:all .2s cubic-bezier(0.165,0.84,0.44,1); -webkit-transition:all .2s cubic-bezier(0.165,0.84,0.44,1); border: none;*/ }
#col1 img.noframe { -webkit-box-shadow:none; }
#col1 a img:hover { -webkit-box-shadow:0 0 2px #03369b; transition:all .2s cubic-bezier(0.165,0.84,0.44,1); -moz-transition:all .2s cubic-bezier(0.165,0.84,0.44,1); -webkit-transition:all .2s cubic-bezier(0.165,0.84,0.44,1); }
#col1 a img.noframe:hover { box-shadow:none; -moz-box-shadow:none; }

/* LAYOUT TEMPLATES */
/* Homepage */
#layout-homepage { background:none; }
#layout-homepage #col1 { margin:0; width:100%; }
/* 2 Column */
#layout-2col #col1 { margin:0; width:100%; }
#layout-2col #col2 { width:100%; }


/* HOME PAGE
---------------------------------------------- */

/* H-BANNER */
#h-banner .lib-fader-items div { position:absolute; top:10px; left:3%; }
#h-banner .lib-fader-items h2 { margin:0 0 5px; font-size:26px; line-height:28px; }
#h-banner .lib-fader-items h3 { margin:0 0 32px; font-size:16px; line-height:18px; }
#h-banner .lib-fader-items a { margin-right:5px; padding:5px 15px 4px; }
#h-banner .lib-fader-controls { bottom:0; left:0; height:30px; }
#h-banner .lib-fader-controls a { width:10px; height:10px; color:#fff; font-size:0; line-height:11px; background:#5192ee; }
#h-banner .lib-fader-controls a:hover { background:#3167af; }
#h-banner .lib-fader-controls .active a { background:#3167af; }

/* H-BANNER SPRITES */
#h-banner .banner-sdvp-hp { width: 1000px; height:330px; background-position:0px 0px; }
#h-banner .banner-httpzip-hp { width: 1000px; height:330px;  background-position: -1000px 0px; }
#h-banner .experts-banner { width: 1000px; height:330px; background-position: -2000px 0px; }

/* H2-ROW SPRITES */
#lock-homepage { display:block; margin-bottom:15px; height:138px; background-position:-3000px 0px; overflow:hidden; text-indent:100%; white-space:nowrap; }
#pci-3 { display:block; margin-bottom:15px; height:138px; background-position:-3000px -138px; overflow:hidden; text-indent:100%; white-space:nowrap; }
#aws-homepage { display:block; margin-bottom:15px; height:138px; background-position:-3320px 0px; overflow:hidden; text-indent:100%; white-space:nowrap; }
#our-clients { display:block; height:110px; background-position:0px -330px; overflow:hidden; text-indent:100%; white-space:nowrap; }

/* LATEST TWEET */
#latest-tweet { margin:0 0 20px; padding:7px 1%; font-size:12px; line-height:16px; border:1px solid #c8c7c7; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; }
#latest-tweet:after { content:''; display:block; clear:both; }
#latest-tweet strong { margin:0 0 5px; display:block; font-size:14px; line-height:16px; }
#latest-tweet ul { margin:0; }
#latest-tweet li { list-style:none; line-height:16px; }
#latest-tweet a[href*="http://twitter.com"] { padding:0; background:none; }

/* H-ROW */
#h-row { margin:0 0 20px; font-size:12px; }
#h-row .first { background:none; }
#h-row p { margin:0 0 5px; }
#h-row .more { padding:0; font-size:11px; background:none !important; }
#h-row p .more { margin-left;5px; font-size:11px; }
#h-row .list-square { margin:15px 0; }
#h-row .list-square li { margin:0 0 8px; font-weight:bold; line-height:15px; }
#h-row .btn1 { width:92%; color:#52535f; font-size:12px; background:#ebebeb; background:-moz-linear-gradient(#ececec, #ebebeb); background:-moz-linear-gradient(#ececec, #ebebeb); box-shadow:inset 0 0 1px #fff; -moz-box-shadow:inset 0 0 1px #fff; -webkit-box-shadow:inset 0 0 1px #fff; }
#h-row .btn1:active { background:#dadada; }

/* PERFORMANCE CHECK */
#form-performance { margin:0 0 10px; padding:15px 0; text-align:center; border:1px solid #c8c7c7; border-width:1px 0; }
#form-performance:after { content:''; display:block; clear:both; }
#form-performance label { margin:0 0 5px; padding:2px 0 5px 2%; width:98%; color:#fff; background:#69cf3a; background:-moz-linear-gradient(#69cf3a, #2a9607); background:-webkit-linear-gradient(#69cf3a, #2a9607); border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; }
#form-performance strong { font-size:12px; }
#form-performance input { padding:2px 1% 2px; width:95.5%; display:block; border:1px solid #2a9607; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; }
#form-performance button { margin:0; padding-top:7px; padding-bottom:7px; width:19%; display:inline-block; }
#form-performance button:active { padding-top:8px; padding-bottom:6px; }

/* COMPRESSION */
#h-compression:after { content:''; display:block; clear:both; }
#h-compression .col { font-size:13px; line-height:16px; }
#h-compression .first { padding:16px 0 0 17%; width:83%; min-height:82px; color:#3d63af; font-weight:bold; font-size:15px; line-height:17px; background:url(../../assets-new/images/bg-performance.png) no-repeat 0 0; }
#h-compression .last { margin:11px 0 0; }

#signup { float:left; width:50%; }
#signup input { padding:5px; border:1px solid #ccc; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;}
#signup input[type=text] { height:26px; }
#signup input[type=submit]:focus { outline:none; }
#signup input[type=submit] { border:none; cursor:pointer; background:#3366CC; color:#fff; font: normal 14px/16px helvetica,sans-serif; background: #3366CC; background: -moz-linear-gradient(#5f8ff0,#03369b); background: -webkit-linear-gradient(#5f8ff0,#03369b); }
#signup input[type=submit]:hover { color:#333; background:#6389d6; }
#signup-loader { opacity:0; display:inline; }
#signup-loader img { margin-top:-3px; width:35px; vertical-align: middle; }

/* SUBPAGE
---------------------------------------------- */
/* OPTIONS BAR */
#options { position:absolute; top:100px; left:0; width:100%; height:26px; clear:both; color:#a4a4a4; font-size:12px; line-height:14px; background:#f2f2f2; }
#options .list-inline { margin:0 10px 0 0; float:right; }
#options .list-inline li { margin:0 0 0 20px; padding:2px 0; cursor:pointer; color:#3d63af; text-decoration:none; transition:color .2s cubic-bezier(0.165,0.84,0.44,1), background-color .2s cubic-bezier(0.165,0.84,0.44,1), opacity .2s cubic-bezier(0.165,0.84,0.44,1); -moz-transition:color .2s cubic-bezier(0.165,0.84,0.44,1), background-color .2s cubic-bezier(0.165,0.84,0.44,1), opacity .2s cubic-bezier(0.165,0.84,0.44,1); -webkit-transition:color .2s cubic-bezier(0.165,0.84,0.44,1), background-color .2s cubic-bezier(0.165,0.84,0.44,1), opacity .2s cubic-bezier(0.165,0.84,0.44,1); }
#options .list-inline li:hover { color:#294b90; text-decoration:none; transition:color .2s cubic-bezier(0.165,0.84,0.44,1), background-color .2s cubic-bezier(0.165,0.84,0.44,1), opacity .2s cubic-bezier(0.165,0.84,0.44,1); -moz-transition:color .2s cubic-bezier(0.165,0.84,0.44,1), background-color .2s cubic-bezier(0.165,0.84,0.44,1), opacity .2s cubic-bezier(0.165,0.84,0.44,1); -webkit-transition:color .2s cubic-bezier(0.165,0.84,0.44,1), background-color .2s cubic-bezier(0.165,0.84,0.44,1), opacity .2s cubic-bezier(0.165,0.84,0.44,1); }
#options .list-inline .icon { margin-right:6px; float:left; }
#options .list-inline .zc-email .icon { margin-top:2px; }

/* NAV:BREADCRUMB */
#nav-breadcrumb { margin:6px 0 0; }
#nav-breadcrumb li { float:left; list-style:none; }
#nav-breadcrumb a { margin-left:3px; padding-right:7px; display:inline-block; background:url(../../assets-new/images/bg-sprite-24.png) no-repeat 100% -78px; }

#layout-2col #col2 p { margin-bottom:10px; }
#layout-2col #col2 a[class*="btn"] { display:block; }
#layout-2col #col2 small { color:#8c8c8c; font-size:11px; }

.sitemap .margin { margin:0 0 25px; }
.sitemap ul { margin:0 0 5px; }
.sitemap ul ul { margin:5px 0 0 5px; }
.sitemap li li { font-size:13px; }

/* PRODUCT BANNER (LIGHT COLOR) */
#zip-banner {color:#000; }
#zip-banner h2 {color:#000;}

/* PRODUCT BANNER (DARK COLOR) */
#sm-banner {color:#000; }
#sm-banner h2 {color:#FFF;}

/* LIBRARY (WIDGETS)
---------------------------------------------- */
[data-sub-cols] h3 { clear:both; }
[data-sub-cols] > ul, [data-sub-cols] > div { margin:0 0 20px; float:left; }
[data-sub-cols] li { list-style:none; }
[data-sub-cols="2"] > ul, [data-sub-cols="2"] > div { margin-right:5%; width:45%; }
[data-sub-cols="3"] > ul, [data-sub-cols="3"] > div { margin-right:5%; width:28.33%; }

/* IFRAME */
.iframe { position:relative; margin:0 0 26px; padding-bottom:56.25%; padding-top:30px; height:0; overflow:hidden; }
.iframe iframe, .iframe object, .iframe embed { position:absolute; top:0; left:0; width:100%; height:100%; }

/* BANNER */
.lib-banner { position:relative; margin:0 0 20px; width:91%; display:inline-block; color:#b8ccdb; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; }
.lib-banner:after { content:''; display:block; clear:both; }
.lib-banner img { margin:0 auto; border:10px solid #fff; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; }
.lib-banner1 { display:none; }
.lib-banner2 { display:block; }
.lib-banner h2 { color:#fff; }
.lib-banner p { margin-bottom:10px; }

/* BOX */
.lib-box { margin:0 0 20px; padding:3%; font-size:16px; line-height:18px; border:1px solid #c8c7c7; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; }
.lib-box li { font-size:12px; line-height:15px; }
.lib-box li:last-of-type { padding-bottom:0; }
.lib-box .list-line { min-height:1px; padding:0; background:none; }
.lib-box .list-line li { padding:6px 0 5px; border-bottom:1px solid #c8c7c6; }
.lib-box .list-line li:last-child { border:0; }
.lib-box .list-line li:last-of-type { border:0; }
.lib-box .list-line strong { font-weight:normal; font-size:16px; }
.lib-box .list-line-arrow li { border-width:1px 0 0; }
.lib-box .list-line-arrow .first { border:0; }

/* CALLOUT */
.lib-callout { color:#468847; margin:0 0 15px; padding:2%; font-size:13px; line-height:17px; background:#dff0d8; border:1px solid #d6e9c6; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; }
.lib-callout :last-child { margin-bottom:0; }
.lib-callout h2 { margin-bottom:10px; font-size:16px; line-height:19px; }
.lib-callout h3 { margin-bottom:10px; font-size:14px; line-height:17px; }
.lib-callout h4 { margin-bottom:10px; font-size:13px; line-height:16px; }
.lib-callout h5 { margin-bottom:10px; font-size:12px; line-height:15px; }
.lib-callout h6 { margin-bottom:10px; font-size:11px; line-height:14px; }

/* BANNER FADER (REQUIRED) */
.lib-fader { position:relative; overflow:hidden; z-index:1; }
.lib-fader ul { margin:0; z-index:2; }
.lib-fader li { display:inline-block; list-style:none; }
/* -- Items (Fade) */
.lib-fader-items { position:relative; min-height:239px; }
.lib-fader-items li { z-index:1; }
.lib-fader-items img { box-shadow:none !important; -moz-box-shadow:none !important; -webkit-box-shadow:none !important; }
.lib-fader-items .prev { z-index:2; }
.lib-fader-items .active { z-index:3; }
/* -- Controls */
.lib-fader-controls { position:absolute; width:100%; text-align:center; z-index:3; }
.lib-fader-controls a { margin:0 5px 0 0; display:inline-block; overflow:hidden; cursor:pointer; }
.lib-fader-controls a:hover { text-decoration:none !important; }

/* GET BAR */
.lib-get { position:relative; margin:0 0 10px; padding:11px 0; clear:both; font-size:12px; line-height:14px; background:#fff; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; }
.lib-get:after { content:''; display:block; clear:both; }
.lib-get .btn1 { padding-left:4%; padding-right:4%; }
/* -- Li */
.lib-get li { margin-bottom:15px; margin-right:2%; padding:0 4% 0 2%; float:left; list-style:none; background:url(../../assets-new/images/bg-lib-get.png) no-repeat 100% 6px; }
.lib-get-about { margin-bottom:0 !important; width:60%; color:#8c8c8c; font-size:11px; line-height:12px; }
.lib-get-buy { width:42%; color:#fe4e41; background:none !important; }
.lib-get-guarantee { margin-bottom:0 !important; width:92%; color:#8c8c8c; font-size:11px; line-height:12px; background:none !important; }
.lib-get-media-contact { width:25%; color:#8c8c8c; font-size:11px; line-height:12px; background:none !important; }
.lib-get-quote { width:42%; color:#3d63af; }
.lib-get-questions { width:42%; color:#333; background:none !important; }
.lib-get-try { width:42%; color:#390; }
.lib-get .full { width:92%; }
/* -- Strong */
.lib-get strong { margin:8px 0 11px; display:block; color:#333; font-weight:normal; font-size:24px; }
.lib-get-guarantee strong { margin-bottom:3px !important; color:#8c8c8c !important; font-size:12px !important; }
.lib-get .full strong { margin:0 0 3px !important; }
/* -- Small */
.lib-get small { margin-right:-2px; font-size:9px; line-height:10px; display:inline-block; text-transform:uppercase; }
/* -- Span */
.lib-get-questions span { margin:4px 0 11px; display:block; color:#8c8c8c; font-size:11px; line-height:12px; }
/* -- A */
.lib-get a { padding:2px 2%; width:96%; font-weight:bold; font-size:11px; }

/* TIME RENDER */
.lib-render { display:inline-block; }
.lib-render:after { content:''; display:block; clear:both; }
.lib-render div { float:left; display:inline-block; color:#3d63af; font-size:10px; line-height:11px; text-transform:uppercase; }
.lib-render strong { margin:1px 0 0 5px; padding:3px 27px 3px 5px; min-width:42px; float:left; display:inline-block; color:#fff !important; font-weight:bold; font-size:16px; background:#3d63af url(../../assets-new/images/bg-refresh.png) no-repeat 100% 2px; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; }
.lib-render .icon { margin:1px 0 0 4px; float:left; }

/* ROW */
.lib-row { position:relative; margin:0 0 15px; }
.lib-row:after { content:''; display:block; clear:both; }
.lib-row .col { margin:0 0 15px; width:100%; }
.lib-row p { margin:0 0 10px; }
.lib-row + hr { margin-top:0; }

/* SCREENSHOT MODAL */
.modal-header .close { margin:0; font-weight:normal; }
.modal-backdrop { cursor:pointer; }

.screenshot { text-align:left; }
.screenshot.in { display:inline-block; }
.screenshot-min { left:0; right:auto; margin:0 3%; width:94%; text-align:left; }
.screenshot .modal-body { max-height:none; text-align:center; }
.screenshot h2 { margin:0; }
.screenshot select { margin:0 0 10px; width:100%; display:block; outline: none; }
.screenshot img { display:none; }
.screenshot img:first-of-type { display:inline-block; }
.screenshot img.first { display:inline-block; }

/* TB:TOOLTIP */
.tooltip-inner { max-width:100%; display:inline-block; font-weight:bold; background:#606060; }
.tooltip.top .tooltip-arrow { border-top-color:#606060; }
.tooltip.right .tooltip-arrow { border-right-color:#606060; }
.tooltip.bottom .tooltip-arrow { border-bottom-color:#606060; }
.tooltip.left .tooltip-arrow { border-left-color:#606060; }


/* BUTTON STYLES
---------------------------------------------- */
.btn1 { padding:4px 4% 5px; display:inline-block; text-align:center; color:#3d63af; font:normal 14px/16px helvetica,sans-serif; background:#f3f3f3; background:-moz-linear-gradient(#fff, #f3f3f3); background:-webkit-linear-gradient(#fff, #f3f3f3); border:1px solid #c8c7c7; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; }
.btn1:hover { opacity: .75; color:#000; background:#C7D5DE; }
.btn1:active { background:#c8c7c7; box-shadow:inset 0 0 8px #959595; -moz-box-shadow:inset 0 0 8px #959595; -webkit-box-shadow:inset 0 0 8px #959595; }
button.btn1 { border:0; }

.btn2 { padding:4px 4% 5px; display:inline-block; text-align:center; color:#fff; font:normal 14px/16px helvetica,sans-serif; background:#349a01; background:-moz-linear-gradient(#6fd33d, #349a01); background:-webkit-linear-gradient(#6fd33d, #349a01); border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; }
.btn2:hover { opacity: .75; color:#000; background:#349a01; }
.btn2:active { background:#267200; box-shadow:inset 0 0 8px #174400; -moz-box-shadow:inset 0 0 8px #174400; -webkit-box-shadow:inset 0 0 8px #174400; }
button.btn2 { border:0; }

.btn3 { padding:4px 4% 5px; display:inline-block; text-align:center; color:#fff; font:normal 14px/16px helvetica,sans-serif; background:#ff4040; background:-moz-linear-gradient(#fe7260, #ff0302); background:-webkit-linear-gradient(#fe7260, #ff0302); border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; */}
.btn3:hover { opacity: .75; color:#000; background:#ff4040; }
.btn3:active { background:#d20100; box-shadow:inset 0 0 8px #940100; -moz-box-shadow:inset 0 0 8px #940100; -webkit-box-shadow:inset 0 0 8px #940100; }
button.btn3 { border:0; }

.btn4 { padding:4px 4% 5px; display:inline-block; text-align:center; color:#fff; font:normal 14px/16px helvetica,sans-serif; background:#3366CC; background:-moz-linear-gradient(#5f8ff0, #03369b); background:-webkit-linear-gradient(#5f8ff0, #03369b); border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; */}
.btn4:hover { opacity: .75; color:#000; background:#3366CC; }
.btn4:active { background:#03369b; box-shadow:inset 0 0 8px #04276c; -moz-box-shadow:inset 0 0 8px #04276c; -webkit-box-shadow:inset 0 0 8px #04276c; }
button.btn4 { border:0; }

.btn5 {padding:4px 4% 5px; display:inline-block; text-align:center; color:#000; border:1px solid #B2B2B2; font:normal 14px/16px helvetica,sans-serif; background:#F2F2F2; background:-moz-linear-gradient(#F2F2F2, #B2B2B2); background:-webkit-linear-gradient(#fff, #FFFFF0); border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;}
.btn5:hover { opacity: .75; color:#000; background:#F2F2F2; }
.btn5:active { background:#03369b; box-shadow:inset 0 0 8px #04276c; -moz-box-shadow:inset 0 0 8px #04276c; -webkit-box-shadow:inset 0 0 8px #04276c; }
button.btn5 { border:5px; color:#FF9933 }

.btn6 { padding:4px 4% 5px; display:inline-block; text-align:center; color:#fff; font:normal 14px/16px helvetica,sans-serif; background:#FF9900; background:-moz-linear-gradient(#FF9900, #e08702); -background:-webkit-linear-gradient(#FF9900, #e08702); -border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; }
.btn6:hover { opacity: .75; color:#000; background:#FF9900; }
.btn6:active { background:#267200; box-shadow:inset 0 0 8px #174400; -moz-box-shadow:inset 0 0 8px #174400; -webkit-box-shadow:inset 0 0 8px #174400; }
button.btn6 { border:0; }

.btn7 { padding:4px 4% 5px; display:inline-block; text-align:center; color:#fff; font:normal 14px/16px helvetica,sans-serif; background:#339900;}
.btn7:hover { opacity: .75; color:#000; background:#339900; }
.btn7:active { background:#267200; box-shadow:inset 0 0 8px #174400; -moz-box-shadow:inset 0 0 8px #174400; -webkit-box-shadow:inset 0 0 8px #174400; }
button.btn6 { border:0; }


/* FORMS
---------------------------------------------- */
/* Fix search type display appearance */
input[type="search"] { appearance:textfield; -moz-appearance:textfield; -webkit-appearance:textfield; }
/* 'Placeholder' (color,etc.) */
::-webkit-input-placeholder {}
:focus::-webkit-input-placeholder { color:#390; opacity:.4; }
:-moz-placeholder, ::-moz-placeholder {}
:-ms-input-placeholder {}
/* Webkit:Search 'cancel' button */
::-webkit-search-cancel-button {}
/* Webkit:The results magnifying icon */
::-webkit-search-results-button { display:none; }

form { margin:20px 0 25px; }
td form { margin:0; }

/* TB */
.control-label, .checkbox label { font-size:13px; line-height:16px; }
.input-append .add-on, .input-prepend .add-on { padding:5px; }
input[type="radio"], input[type="checkbox"] { margin-top:1px; }

legend+.control-group { margin-top:5px; }
.form-horizontal .control-group { margin-bottom:10px; }
.form-horizontal .control-label { padding-top:10px; width:150px; text-align:left; clear:left; }
.form-wide .control-label { width:200px; }
.form-horizontal .controls { margin-left:160px; }
.form-wide .controls { margin-left:210px; }
.form-horizontal .controls input[type="text"] { width:92%; float:left; }
.form-horizontal .controls input[type="password"] { width:92%; float:left; }
.form-horizontal .controls input[type="radio"] { margin:7px 5px 8px 0; float:left; display:block; }
.form-horizontal .controls input[type="checkbox"] { margin:2px 5px 8px 0; float:left; clear:both; display:block; }
.form-horizontal .controls input[type="radio"] + label { margin:5px 10px 0 0; float:left; }
.form-horizontal .block input[type="radio"] { margin:3px 0 6px; width:7%; clear:both; }
.form-horizontal .block input[type="radio"]:first-of-type { margin-top:-15px; }
.form-horizontal .block label { margin:0 0 6px !important; width:90%; float:left; }
.form-horizontal .block label:first-of-type { margin-top:-15px !important; }
.form-horizontal .controls .input-qty { width:12% !important; text-align:center; }
.form-horizontal .controls .required { margin:6px 0 0 3px; display:inline-block; }
.form-horizontal .controls textarea { width:92%; min-height:80px; float:left; }
.form-horizontal .controls .col { padding:10px 0 0; width:45%; }
.form-horizontal .controls .first { margin:0 5% 0 0; width:45%; }
.form-horizontal .controls .col [type="checkbox"] { mfloat:left; }
.form-horizontal .controls .col label { margin:0 0 8px; display:block; line-height:16px; }
.form-horizontal .controls .col span { margin:0 5px 0 0; display:inline-block; float:left; }

.form { width:98%; display:block; float:none; }
.form-full { width:98%; }
.form-wide { width:98%; }
.form [type="text"] { margin:0 0 10px; padding:5px 2%; width:96%; display:block; font-size:12px; }
.form [type="password"] { margin:0 0 10px; padding:5px 2%; width:96%; display:block; font-size:12px; }
.form textarea { margin:0 0 10px; padding:5px 2%; width:96%; display:block; font-size:12px; }
.form [type="submit"] { margin-top:15px; }
.form .btn1 { opacity:.5; }
.form .btn1:hover { opacity:1; }
.form .list-inline button[class*="btn"] { padding-left:16%; padding-right:16%; }
.form .submit-list-inline button[class*="btn"] { padding-left:16%; padding-right:16%; }
.form .checkbox { margin:0 0 3px; }
.form prod-rec {position:absolute; padding:15px 0 25px 0;}
.form .quantity { width:50px; }
#extraInformation { display:none; }

.form table { width:100%; border-collapse:collapse; }
.form td { padding:10px 2%; vertical-align:top; border-bottom:1px solid #e2e2e2; }
.form td [type="text"] { margin:0 0 5px; padding-left:4%; }
.form td.inline [type="text"] { width:25%; display:inline-block; }
.form td span { font-size:90%; }
.form td [type="submit"] { margin:0; padding-top:9px; padding-bottom:7px; }

/* ICONS
---------------------------------------------- */
.icon { position:relative; display:inline-block; overflow:hidden; font-size:0; }
.icon-full { background:url(../../assets-new/images/bg-sprite-24.png) no-repeat 0 100px; }
.icon.floatleft { margin-bottom:0; }

.icon-alert { margin-right:5px; width:32px; height:31px; line-height:40px; background-position:-180px 0; }
.icon-arrow1 { margin-top:3px; width:3px; height:6px; background-position:-290px 0; }
.icon-blank { width:1px; height:30px; line-height:40px; background-position:0 100px; }
.icon-cart { width:30px; height:30px; background-position:-3084px -276px; }
.icon-contact { width:30px; height:30px; background-position:-3004px -276px; }
.icon-email { margin-right:1px; width:28px; height:14px; line-height:23px; background-position:0 -45px; }
.icon-help { width:20px; height:20px; background-position:-145px 0; cursor:pointer; }
.icon-lock { margin-right:5px; width:22px; height:31px; line-height:40px; background-position:-260px 0; }
.icon-login { width:30px; height:30px; background-position:-3044px -276px; }
.icon-monitor { margin-right:5px; width:30px; height:30px; line-height:40px; background-position:-220px 0; }
.icon-top { position:fixed !important; width:21px; height:21px; background-position:-155px -40px; }
.icon-print { margin-right:1px; width:23px; height:18px; line-height:28px; background-position:-35px -45px; }
.icon-screencast { margin-right:14px; width:37px; height:32px; line-height:36px; background-position:-110px -40px; }
.icon-screenshot { margin-right:5px; width:37px; height:31px; line-height:36px; background-position:-3044px -316px; }


/* LIST STYLES
---------------------------------------------- */
/* CALLOUT LIST */
.list-callout { margin:0 0 15px; padding:20px 10px 15px 20px; border:1px solid #c8c7c7; border-width:1px 0; }
.list-callout li { margin:0 0 5px; list-style:none; }
.list-callout strong { color:#390; font-size:14px; }

/* INLINE LIST */
.list-inline { margin:0px; }
.list-inline li { margin:0 15px 5px 0; padding: 0; list-style:none; }
.list-inline [class*="btn"] { margin: 0; }

/* SUBMIT LIST */
.submit-list-inline { margin:0px; }
.submit-list-inline li { display: inline-block; margin:0 15px 5px 0; width: 13%; padding: 0; list-style:none; }
.submit-list-inline [class*="btn"] { margin: 0; }

/* ITEMS LIST */
.list-items { margin:0 0 15px; }
.list-items li { padding:15px 0; list-style:none; border-top:1px solid #c8c7c7; }
.list-items blockquote { margin:0 0 10px; font:italic 15px/23px georgia,serif; border:0; }
.list-items p { margin:0 0 0 5px; }
.list-items p strong { color:#390; }
.list-items blockquote p { margin:0 0 10px; }
.list-items blockquote p strong { color:#333; }
.list-items small { margin:2px 0 -1px; display:block; font-size:12px; }
.list-items em { display:block; font-size:12px; }
.list-items .new { padding:3px; text-transform:uppercase; font-size:12px; background:#deebf7; }

/* JUMP NAV LIST */
.list-jumpnav ul { margin:2px 0 12px 18px; }
.list-jumpnav li { font-weight:bold; }
.list-jumpnav .list-jumpnav-single { margin-bottom:12px; }
.list-jumpnav li li { margin-bottom:0; font-weight:normal; }

/* LINED LIST */
.list-line { margin:0; min-height:58px; padding:0 20px; background-position:-1000px -330px; }
.list-line li { list-style:none; }

/* LINED ARROW LIST */
.list-line-arrow { margin:0; }
.list-line-arrow ul { margin:7px 0 0 7px; }
.list-line-arrow li { padding:7px 0 6px 15px; list-style:none; background:url(../../assets-new/images/bg-list-line-arrow.png) no-repeat 3px 9px; border:1px solid #c8c7c6; border-width:0 0 1px; }
.list-line-arrow li li { margin:0 0 7px; padding:0; font-size:11px; background:none; border:0; }

/* NEWS LIST */
.list-news small { padding-left:2px; color:#aaa; }

/* NO-BULLET LIST */
.list-nobull { margin:0; }
.list-nobull li { list-style:none; }

/* SQUARE LIST */
.list-square { margin:0 0 20px 11px; }
.list-square ul { margin-top:10px; }
.list-square li { padding:0 0 0 14px; list-style:none; background:url(../../assets-new/images/bg-square.png) no-repeat 0 6px; }


/* TABLE STYLES
---------------------------------------------- */
.tbl-generic { margin:0 0 20px; width:100%; border-collapse:collapse; }
.tbl-generic th { padding:0 1% 4px; color:#3d63af; vertical-align:bottom; font-weight:bold; font-size:12px; line-height:14px; border-bottom:2px solid #c8c7c7; }
.tbl-generic td { padding:8px 1%; vertical-align:top; border-bottom:1px solid #e2e2e2; }
.tbl-generic [class*="btn"] { display:block; }
.tbl-features {width:100%; border-collapse:collapse; }
.tbl-features th {padding:10px; color:#3d63af; vertical-align:bottom; font-weight:bold; font-size:12px; line-height:14px; border-bottom:2px solid #c8c7c7; } 
.tbl-features td {width:45%; padding:20px; vertical-align:top; border-bottom:1px solid #e2e2e2; }

/* TAB STYLES
---------------------------------------------- */
.tabs { position:relative; margin:0 0 20px; border-bottom:1px solid #c8c7c7; z-index:1; }
.js .tabs { padding:34px 0 0; }
/* -- Tab */
.tab-menu { position:absolute; top:0; left:0; margin:0; display:none; z-index:3; }
.tab-menu li { margin:0 2px 0 0; padding:0 5px 0 0; height:35px; float:left; display:inline; font-weight:bold; font-size:12px; line-height:14px; list-style:none; cursor:pointer; }
.tab-menu a { padding:11px 10px 0; height:22px; display:inline-block; color:#3d63af; outline:none; cursor:pointer; background:#fff; background:-moz-linear-gradient(#fff, #f2f2f2); background:-webkit-linear-gradient(#fff, #fff 20%, #f2f2f2); border:1px solid #f2f2f2; border-width:1px 1px 0; border-radius:4px 4px 0 0; -moz-border-radius:4px 4px 0 0; -webkit-border-radius:4px 4px 0 0; }
.tab-menu a:hover { color:#409f10; }
.tab-menu-active a { height:23px; color:#409f10; border-color:#c8c7c7; background:#f2f2f2; }
/* -- Back Tab */
.tab-back { padding:11px 10px 0; height:22px; display:inline-block; color:#3d63af; outline:none; font-weight:bold; font-size:12px; line-height:14px; background:#fff; background:-moz-linear-gradient(#fff, #f2f2f2); background:-webkit-linear-gradient(#fff, #fff 20%, #f2f2f2); border:1px solid #f2f2f2; border-width:1px 1px 0; border-radius:4px 4px 0 0; -moz-border-radius:4px 4px 0 0; -webkit-border-radius:4px 4px 0 0; }
/* -- Tabbox */
.tabbox { position:relative; padding:15px 0; border-top:1px solid #c8c7c7; z-index:2; }
.tabbox > :last-child { margin-bottom:0 !important; }
.tab-title { margin:0 0 15px; display:none; color:#390; font-size:14px; line-height:17px; }
.tabbox .more { margin:20px 0 0; }


/* MISC. CLASSES & IDS
---------------------------------------------- */
.col { float:left; display:inline; }
.floatleft { margin:0 15px 10px 0; float:left; display:inline; }
.floatright { margin:0 0 10px 15px; float:right; display:inline; }
.last { border:0 !important; }
.pint { display:none !important; }
.req, .required, .error  { color:#ff0000; }
.show { display:block; }
.text-center { text-align:center; }
.text-left { text-align:left; }
.text-right { text-align:right; }

/* SET CUSTOM TEXT HIGHLIGHT */
::-moz-selection { color:#fff; text-shadow:none; background:#369; }
::selection { color:#fff; text-shadow:none; background:#369; }

/* CLEARFIX */
.clearfix:after, .inner:after, .content:after, .block:after, #footer div:after, #footer ul:after, .list-inline:after { content:''; display:block; clear:both; }

/* LANDING PAGE */
.landing-page .floatright { margin:10px 10px 0 0; }
.landing-heading { margin: 10px 0 -30px 8px; }
.landing-heading p { margin:0 0 0 -8px; padding:10px 0 0 9px; background-color:#fff; }
#dnn_LeftContentBannerLandingPage {  background-color:#fff; min-height: 300px; width:50%; float:left; }
#dnn_RightContentBannerLandingPage {  background-color:#fff; min-height: 300px; width:50%; float:right; }
#dnn_RightContentBannerLandingPage iframe { margin: 0 auto; width: 95%; }

} /* END:@media screen */


/* MEDIA QUERIES
---------------------------------------------- */
@media (min-width:767px) {
    body { font-size:14px; line-height:18px; }
    
    h1, .h1 { margin:0 0 15px; font-size:35px; line-height:38px; }
    h2, .h2 { margin:0 0 15px; font-size:20px; line-height:23px; }
    h3, .h3 { margin:0 0 15px; font-size:16px; line-height:19px; }
    h4, .h4 { margin:0 0 10px; font-size:14px; line-height:17px; }
    h5, .h5 { margin:0 0 10px; font-size:12px; line-height:15px; }
    h6, .h6 { margin:0 0 10px; font-size:11px; line-height:14px; }
    
    #header { left:350px; width:50%; }
    
    /* LAYOUT DEFAULTS */
    .content { min-height:100px; }
    
    /* .fixed { position:fixed; } */
    
    .row-fluid { margin:0 0 20px; }

    /* TO TOP */
    .p80-top { display:inline-block !important; } 

    /* HEAD NAV:PRIMARY */
    #nav-primary { top:10px; left:0; }
    #nav-primary a { padding:20px 12px 18px; font-size:14px; }
    
    /* FOOTER */
    #footer-info li { margin:0 10px 0 0; width:140px; }
    #copyright { padding:9px 0 0 20px; float:left; clear:none; background-position:-1000px -330px; }
    #copyright div { padding:12px 0 0 125px; min-height:33px; line-height:16px; background-position: -3160px -315px; }
    #copyright span { display:block; }
    #footer-row-2 .list-inline { display:block; }

    #header-search { position:absolute; top:27px; left:150px; margin:0; }
    
    /* LAYOUT TEMPLATES */
    #layout-2col #col1 { margin:0 5% 0 0; width:75%; }
    #layout-2col #col2 { width:20%; }
    /* #layout-2col #col2.fixed { margin-left:75%; } */


    /* HOME PAGE
    ---------------------------------------------- */
    /* H-BANNER */
    #h-banner .lib-fader-items { min-height:315px; max-height:315px; overflow:hidden; }
    #h-banner .lib-fader-items h2 { margin:0 0 5px; font-size:30px; line-height:32px; }
    #h-banner .lib-fader-items h3 { margin:0 0 32px; font-size:18px; line-height:20px; }
    
    /* LATEST TWEET */
    #latest-tweet { margin-bottom:50px; padding-bottom:4px; }
    #latest-tweet strong { width:13%; display:inline-block; float:left; }
    #latest-tweet ul { margin:2px 0 0 1%; width:84%; height:15px; float:left; overflow:hidden; white-space:no-wrap; text-overflow:ellipsis; }
    #latest-tweet li { float:left; }
    
    /* H-ROW */
    #h-row { margin-bottom:30px; }
    #h-row[data-cols="3"] .col { width:25.5%; }
    #h-row[data-cols="3"] .last { padding-right:0; padding-left:3%; width:40%; }
    #h-row strong { display:block; }
    #h-row .last strong { display:inline-block; }
    #h-row p .more { margin-left:0; }

     /* H2-ROW */
    #h2-row { margin-bottom:30px; }
    #h2-row[data-cols="3"] .col { width:30%; }
    #h2-row img {margin-bottom: 15px; margin-top: 30px;}
    #h2-row #lock-homepage:hover, #pci-3:hover, #aws-homepage:hover {opacity: .7;} 
    #h2-row strong { display:block; }
    #h2-row .last strong { display:inline-block; }
    #h2-row p .more { margin-left:0; }
    
      /* H3-ROW */
    #h3-row { margin-bottom:30px; }
    #h3-row[data-cols="3"] .col { width:35.5%; }
    #h3-row[data-cols="3"] .last { padding-right:0; padding-left:3%; width:40%; }
    #h3-row strong { display:block; }
    #h3-row .last strong { display:inline-block; }
    #h3-row p .more { margin-left:0; }

    
    /* PERFORMANCE CHECK */
    #form-performance { padding-top:0; border-top:0; }
    #form-performance button { padding-left:2%; padding-right:2%; width:20%; }

    /* COMPRESSION */
    #h-compression { margin-bottom:10px; }
    #h-compression .first { padding-left:80px; }
    
    /* CLIENTS */
    #clients {padding-bottom: 10px;}
    #clients img {margin-bottom: 1%; max-width:970px; *width:970px; }
    #clients #our-clients:hover {opacity: .7;}
    #clients a:nth-child(3) {float: right;}
    
    
    /* LIBRARY
    ---------------------------------------------- */
    /* BANNER */
    .lib-banner { width:97%; max-width:100%; font-size:18px; line-height:21px; border:10px solid #fff; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; }
    .lib-banner1 { display:block; }
    .lib-banner2 { display:none; }
    .lib-banner img { border:0; float:left; }
    .lib-banner div { position:absolute; top:30px; left:30px; float:none; }
    .lib-banner h2 { margin:0 0 6px; font-weight:bold; font-size:28px; line-height:31px; text-shadow:0 1px 0 #0a304f; -moz-text-shadow:0 1px 0 #0a304f; -webkit-text-shadow:0 1px 0 #0a304f; }
    .lib-banner p { margin-bottom:29px; }
   
    
    /* BOX */
    .lib-box { padding:6%; }

    /* CALLOUT */
    .lib-callout { margin-left:5%; width:30%; float:right; }

    /* BANNER FADER (REQUIRED) */
    .lib-fader-items { min-height:327px; }

    /* GET BAR */
    .lib-get li { margin-bottom:0; margin-right:1%; padding:0 2% 0 1%; }
    .lib-get-try { width:16%; }
    .lib-get-buy { width:16%; background:url(../../assets-new/images/bg-lib-get.png) no-repeat 100% 6px !important; }
    .lib-get-quote { width:16%; }
    .lib-get-questions { width:24%; background:none !important; }
    .lib-get-questions a { padding:1px 2%; width:58% !important; }
    .lib-get-guarantee { margin-top:5px; width:96%; }
    .lib-get .full { width:62%; }

    /* ROW */
    .lib-row { margin:0 0 90px; }
    .lib-row .col { margin:0; padding:0 1.5%; background-position:-3619px 0px; }
    .lib-row .col:first-of-type { background:none; }
    .lib-row[data-cols="2"] .col { width:47%; }
    .lib-row[data-cols="3"] .col { width:30.33%; }
    .lib-row[data-cols="4"] .col { width:22%; }
    
    .lib-row-1 { margin:0 0 10px; }
    .lib-row-1 .col { margin:0; padding:0 1.5%; height: 175px;}
    .lib-row-1 .col:first-of-type { background:none; }
    .lib-row-1[data-cols="2"] .col { width:47%; }
    .lib-row-1[data-cols="3"] .col { width:30.33%;}
    .lib-row-1[data-cols="4"] .col { width:22%; }
        
    /* FORMS
    ---------------------------------------------- */
    .form { width:75%; }
    .form-full { width:98%; }
    .form-wide { width:85%; }
    
    /* LIST STYLES
    ---------------------------------------------- */
    /* INLINE LIST */
    .list-inline li { float:left; }
    
    
    /* TABLE STYLES
    ---------------------------------------------- */
    .tbl-generic .list-inline[data-cols="2"] li { margin:0 5% 0 0; width:45%; }
    .tbl-generic .list-inline[data-cols="3"] li { width:28%; }
    
    /* TABS
    ---------------------------------------------- */
    .tabs { border-bottom:0; }
    .tab-menu { display:block; }
    .tabbox { padding:24px 0; }
    .tab-title { display:none !important; }
}

@media (min-width:970px) {

    body { padding:0; }
    
    #container { margin:0 auto; width:970px; }
    .inner { width:970px; }
    
    /* HEAD NAV:PRIMARY */
    #nav-primary a { padding-left:19px; padding-right:19px; }
    #nav-primary li:last-of-type ul { left:0 !important; right:auto !important; }

    /* HEAD NAV:SECONDARY */
    #nav-secondary { position:absolute; top:25px; right:19px; margin:0; }
    #nav-secondary li { margin:0 0 0 10px; }
    
    /* FOOTER */
    #footer-info { margin-right:30px; }
    #footer .list-line { display:block; }
    
    #copyright { float:right; }
    
    
    /* LAYOUT TEMPLATES */
    /* #layout-2col #col2.fixed { margin-left:777px; width:194px; } */
    
    
    /* HOME PAGE
    ---------------------------------------------- */
    /* H-BANNER */
    #h-banner { height:327px; }
    #h-banner .lib-fader-items { min-height:327px; max-height:327px; }
    #h-banner .lib-fader-items h2 { margin:0 0 5px; font-size:36px; line-height:38px; }
    #h-banner .lib-fader-items h3 { margin:0 0 32px; font-size:18px; line-height:20px; }
    
    /* LATEST TWEET */
    #latest-tweet strong { width:10%; }
    #latest-tweet ul { width:87%; }
    
    /* PERFORMANCE CHECK */
    #form-performance { padding:0; border:0; }
    #form-performance label { margin:0 1% 0 0; padding-bottom:2px; width:81%; float:left; display:inline-block; font-size:15px; }
    #form-performance input { margin-left:1%; width:34%; display:inline-block; }
    #form-performance strong { font-size:15px; }
    #form-performance button { width:16%; }

        /* H-ROW */
    #h-row { margin-bottom:30px; }
    #h-row[data-cols="3"] .col { width:19.5%; }
    #h-row[data-cols="3"] .last { padding-left:1.5%; width:53.5%; }

    /* COMPRESSION */
    #h-compression { margin-bottom:0; }


    /* LIBRARY
    ---------------------------------------------- */
    /* BANNER */
    .lib-banner { width:950px; }
    .lib-banner div { top:60px; left:60px; float:none; }
    .lib-banner h2 { font-size:36px; line-height:39px; }
    .lib-banner p { margin-bottom:29px; }
    
    /* GET BAR */
    .lib-get-try { width:10%; }
    .lib-get-buy { width:10%; }
    .lib-get-quote { width:10%; }
    .lib-get-questions { width:14%; background:url(../../assets-new/images/bg-lib-get.png) no-repeat 100% 6px !important; }
    .lib-get-questions a { width:60% !important; }
    .lib-get-guarantee { margin-top:0; width:36%; }
        
    /* FORMS
    ---------------------------------------------- */
    .form { width:60%; }
    .form-full { width:98%; }
    .form-wide { width:70%; }
}
 
@media (max-width:767px) { 


    /* OPTIONS */
    #options ul { display:none; }
    
    #h-row .col { margin:0 0 15px; }

    .lib-banner { padding:10px 3% 0; text-align:center; background:#00294c; border:10px solid #fff; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; }
    .lib-banner .lib-banner2 { margin:0 0 15px; display:inline-block; }
    .lib-banner div { margin:0 0 10px; }
    .lib-banner h2 { margin-bottom:5px; }
    .lib-banner img { border:0; }

    /* ROW (overwrite js) */
    .lib-row .col { height:auto !important; }

    .tbl-generic td [class*="btn"] { width:100%; }

    /* H-ROW */
    #h-row .first { text-align:center; }
    #h-row .first p { text-align:left; }

    #footer { padding-bottom:0; }

    /* TABS */
    .js .tabs { padding:0; }
    
    .tab-title { padding:11px 10px 0; height:22px; display:inline-block !important; color:#3d63af; outline:none; cursor:pointer; background:#fff; background:-moz-linear-gradient(#fff, #f2f2f2); background:-webkit-linear-gradient(#fff, #fff 20%, #f2f2f2); border:1px solid #f2f2f2; border-width:1px 1px 0; border-radius:4px 4px 0 0; -moz-border-radius:4px 4px 0 0; -webkit-border-radius:4px 4px 0 0; }
    
    .tabbox { display:block !important; }
}
 
@media (max-width:480px) { 
    
    h2, .h2 { font-size:16px; line-height:19px; }
    
    #logo { position:absolute; top:9px; left:0; z-index:20; }
    
    .container-fluid { padding-top:107px; background-position:50% 101px;}
    #layout-homepage { padding-top:80px; }
    
    /* HEAD NAV:PRIMARY */
    #nav-primary { top:14px; left:138px; }
    #nav-primary a { padding:3px 7px; font-size:12px; }
    #nav-primary li:first-of-type a { background:none; }
    #nav-primary li:last-of-type a { display:none; }
    #nav-primary .nav-drop:hover { background:none; }
    #nav-primary li:hover ul { display:none; }
    
    #header { height:75px; }
    
    /* FOOTER */
    #footer-info li:first-of-type { float:none; }
    
    #options { top:75px; }
    
     /* HOME PAGE
    ---------------------------------------------- */
    /* H-BANNER */
    #h-banner .lib-fader-items { padding-bottom:10px; }
    #h-banner .lib-fader-items li { width:100%; min-height:125px; background:#f2f2f2; }
    #h-banner .lib-fader-items div { top:10px; left:1%; width:99%; text-align:center; }
    #h-banner .lib-fader-items h2 { font-size:22px; line-height:24px;  text-align:left; }
    #h-banner .lib-fader-items h3 { margin-bottom:20px; font-size:14px; line-height:16px; text-align:left; }
    #h-banner .lib-fader-items img { display:none; }
    #h-banner .lib-fader-controls { height:25px; }
    
    #latest-tweet { padding-left:3%; padding-right:3%; }
    
    /* COMPRESSION */
    #h-compression .first { padding-left:22%; width:78%; }

    /* BANNER */
    .lib-banner { max-width:88%; }

    #h-row { margin:0 auto; font-size:12px; }
    
    /* BANNER FADER (REQUIRED) */
    .lib-fader { margin-bottom:10px; }
    .lib-fader-items { min-height:132px; }
    #h-banner .lib-fader-items h2 { text-align:center; }
    #h-banner .lib-fader-items h3 { text-align:center; }
    
    /* FORMS
    ---------------------------------------------- */
    .form-horizontal .control-label { margin:0 0 4px; }
    .form-horizontal .controls { margin-left:0; }
    .form-horizontal .controls input { margin-bottom:0; }

    #dnn_LeftContentBannerLandingPage { padding-left:0; padding-bottom:0; margin-top: 30px; background-color:#fff; width:100%%; float:initial; }
    #dnn_LeftContentBannerLandingPage h2 { min-height: 100%; }
    #dnn_LeftContentBannerLandingPage .form-group { margin-left: 0; margin-right: 0; }
	#dnn_RightContentBannerLandingPage { padding-left:0; padding-bottom:0; background-color:#fff; width:100%%; float:initial; }
	#dnn_RightContentBannerLandingPage iframe { width: 100%; }
}	

/* PRINT STYLES
---------------------------------------------- */
@media print {

body { color:black; font:normal 11pt/16pt arial,sans-serif; text-shadow:none !important; text-align:left; background:none; }
img { max-width:100%; border:0; }
a:link { color:#333; text-decoration:underline; }
a:visited { color:#666; text-decoration:underline; }
a[href]:after { content:" (" attr(href) ")"; }
ul, ol { margin:10px 0 10px 15px; padding:0; }
li { margin:5px 0; padding:0; }
p, h2, h3 { orphans:3; widows:3; }
h2, h3 { page-break-after:avoid; }

/* SHARED ITEMS */
#logo { margin:0 0 35px; display:block; }
#logo:after { content:""; }
.content { width:99%; float:left; display:inline; }
#footer { margin:35px 0 0; padding:5px 0 0; font-size:.9em; clear:left; border-top:1px solid #ccc; }

/* MISC. CLASSES & IDS */
.clearfix:after, .inner:after, .content:after, [data-sub-cols]:after { content:''; display:block; clear:both; }
.floatleft { margin:0 10px 5px 0; position:relative; float:left; }
.floatright { margin:0 0 5px 10px; position:relative; float:right; }

/* HIDE ITEMS */
#nav-primary, #nav-subpage, #nav-tertiary, #header-search, #breadcrumb, #footer ul, .hide, a.more, .pint { display:none; }

} /* END:@media print */