/* ==========================================================================
	Global Settings
========================================================================== */

/*
* Boxsizing set to border box http://css-tricks.com/box-sizing/
*/

*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
html { font-size: 62.5%; }
body { background: #ffffff; font-family: 'Roboto', sans-serif; position: relative; -webkit-font-smoothing: antialiased; line-height: 1; }
/* Block Content ---------------------- */

/* Headings */

h1, h2, h3, h4, h5, h6 { font-family: 'Roboto', sans-serif; font-weight: bold; text-rendering: optimizeLegibility; color: #333333; margin-top: 0px; }
h3 { font-size: 26px; line-height: 31px; margin-bottom: 13px; }
h4 { font-size: 18px; line-height: 23px; }
h5 { font-size: 14px; line-height: 19px; }
h6 { font-size: 12px; line-height: 15px; }
/* Paragraphs */

p { font-weight: normal; font-size: 14px; line-height: 19px; color: #5f6666; margin-bottom: 20px; margin-top: 0px; }
/* A better looking default horizontal rule */

hr { display: block; height: 1px; border: 0; border-top: 1px solid #e9e9e9; margin-bottom: 32px; padding: 0; }
/* Inline Content ---------------------- */


/* Links */

a img { border: none; }
a { color: #2ba6cb; text-decoration: none; line-height: inherit; }
a:hover { color: #2795b6; }
a:focus { color: #2ba6cb; outline: none; }
p a, p a:visited { line-height: inherit; }
img, object, embed { max-width: 100%; height: auto; }
img { -ms-interpolation-mode: bicubic; vertical-align: middle; }
object, embed { height: 100%; }
/* Formatting */

em, i { font-style: italic; line-height: inherit; }
strong, b { font-weight: bold; line-height: inherit; }
small { font-size: 60%; line-height: inherit; }
abbr, acronym { text-transform: uppercase; font-size: 90%; color: #222222; border-bottom: 1px solid #ddd; cursor: help; }
abbr { text-transform: none; }
p strong { font-weight: 500; }
/* Misc Classes ---------------------- */

.left { float: left; }
.right { float: right; }
.text-left { text-align: left; }
.text-right { text-align: right; }
.text-center { text-align: center; }
img.alignleft { float: left; margin: 0 10px 10px 0; display: inline; }
img.alignright { float: right; margin: 0 0px 10px 10px; display: inline; }
img.aligncenter { display: block; margin-left: auto; margin-right: auto; margin-bottom: 10px; }
.hide { display: none !important; }
.highlight { background: #ffff99; }
.imporatant { color: #ac0b12; }
/* Clearfix ---------------------- */

.clearfix:before, .clearfix:after { content: " "; /* 1 */ display: table; /* 2 */ }
.clearfix:after { clear: both; }
/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix { *zoom: 1;
}
/* overflow method for clearing floats */

.floatbox { overflow: hidden; }
/* older method of adding empty tags for clearing */

.clear { clear: both; height: 1px; line-height: 1px; }
/* Chrome Frame prompt ---------------------- */

.chromeframe { margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0; }
/* ------------------------------------- 
 	Modules
------------------------------------- */
.column, .columns { float: left; min-height: 1px; padding: 0 15px; position: relative; }
.column.centered, .columns.centered { float: none; margin: 0 auto; }
[class*="column"] + [class*="column"]:last-child {
float: right;
}
[class*="column"] + [class*="column"].end {
float: left;
}
/* Form ---------------------- */

form { margin: 0px; }
.row form .row { margin: 0 -6px; }
.row form .row .column, .row form .row .columns { padding: 0 6px; }
.row form .row.collapse { margin: 0; }
.row form .row.collapse .column, .row form .row.collapse .columns { padding: 0; }
/* Labels */

label { font-size: 14px; color: #4d4d4d; cursor: pointer; display: block; font-weight: 500; margin-bottom: 3px; }
label.right { float: none; text-align: right; }
label.inline { line-height: 32px; margin: 0 0 12px 0; }
.prefix, .postfix { display: block; position: relative; z-index: 2; text-align: center; width: 100%; padding-top: 0; padding-bottom: 0; height: 32px; line-height: 31px; }
a.button.prefix, a.button.postfix { padding-left: 0; padding-right: 0; text-align: center; }
span.prefix, span.postfix { background: #f2f2f2; border: 1px solid #cccccc; }
.prefix { left: 2px; -moz-border-radius-topleft: 2px; -webkit-border-top-left-radius: 2px; border-top-left-radius: 2px; -moz-border-radius-bottomleft: 2px; -webkit-border-bottom-left-radius: 2px; border-bottom-left-radius: 2px; overflow: hidden; }
.postfix { right: 2px; -moz-border-radius-topright: 2px; -webkit-border-top-right-radius: 2px; border-top-right-radius: 2px; -moz-border-radius-bottomright: 2px; -webkit-border-bottom-right-radius: 2px; border-bottom-right-radius: 2px; }
input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea { background-color: white; font-family: inherit; border: 1px solid #cccccc; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); color: rgba(0, 0, 0, 0.75); display: block; font-size: 14px; margin: 0 0 12px 0; padding: 6px; height: 32px; width: 100%; -webkit-transition: all 0.15s linear; -moz-transition: all 0.15s linear; -o-transition: all 0.15s linear; transition: all 0.15s linear; }
input[type="text"].oversize, input[type="password"].oversize, input[type="date"].oversize, input[type="datetime"].oversize, input[type="email"].oversize, input[type="number"].oversize, input[type="search"].oversize, input[type="tel"].oversize, input[type="time"].oversize, input[type="url"].oversize, textarea.oversize { font-size: 17px; padding: 4px 6px; }
input[type="text"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="time"]:focus, input[type="url"]:focus, textarea:focus { background: #fafafa; outline: none !important; border-color: #b3b3b3; }
input[type="text"][disabled], input[type="password"][disabled], input[type="date"][disabled], input[type="datetime"][disabled], input[type="email"][disabled], input[type="number"][disabled], input[type="search"][disabled], input[type="tel"][disabled], input[type="time"][disabled], input[type="url"][disabled], textarea[disabled] { background-color: #ddd; }
textarea { height: auto; }
select { width: 100%; }
/* Fieldsets */

fieldset { border: solid 1px #ddd; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; padding: 12px 12px 0; margin: 18px 0; }
fieldset legend { font-weight: bold; background: white; padding: 0 3px; margin: 0; margin-left: -3px; }
/* Errors */

.error input, input.error, .error textarea, textarea.error { border-color: #c60f13; background-color: rgba(198, 15, 19, 0.1); }
.error label, label.error { color: #c60f13; }
.error small, small.error { display: block; padding: 6px 4px; margin-top: -13px; margin-bottom: 12px; background: #c60f13; color: #fff; font-size: 12px; font-weight: bold; -moz-border-radius-bottomleft: 2px; -webkit-border-bottom-left-radius: 2px; border-bottom-left-radius: 2px; -moz-border-radius-bottomright: 2px; -webkit-border-bottom-right-radius: 2px; border-bottom-right-radius: 2px; }
.error textarea:focus, textarea.error:focus { background: #fafafa; border-color: #b3b3b3; }
/* ==========================================================================
	Common Functionalities & UI Elements
========================================================================== */
/*
* Container
*/
#container { min-width: 320px; overflow-x: hidden; }
.container { width: 100%; }
@media screen and (min-width:1200px) {
.container { max-width: 1000px !important; }
#dashboard .container, #footer .container { max-width: 970px !important; }
}
@media screen and (max-width:1199px) and (min-width:768px) {
.container { max-width: 740px !important; }
}
/*
* Content
*/
#content { padding-bottom: 16px; }
/*
* Wrapper
*/
.wrapper { width: 1000px; margin: 0 auto; min-width: 1000px; }
#header .container { padding: 0 10px 10px; }
#content .container { background: url(../images/content-bg.png) no-repeat top center; position: relative; margin-top: -47px; padding: 33px 30px 0px; z-index: 100; }
#content .container.cdn { padding: 21px 28px 0 32px; }
@media screen and (max-width:1199px) {
#content .container { background-size: contain; padding: 20px 15px 0px; }
#content .container.cdn { padding: 21px 15px 0px; }
}
@media screen and (max-width:767px) {
#content .container { background: none; margin-top: 0px; padding-top: 10px; z-index: 1; }
#content .container.cdn { padding-top: 12px; }
}
/*
* Header
*/
#header { margin-bottom: 221px; }
#header .container { background: url(../images/header-inner.png) repeat; }
.header-inner { background: url(../images/header-bg.png) repeat center center; padding-top: 20px; position: relative; }
body.home #header { margin-bottom: 395px; position: relative; z-index: 10; }
@media screen and (max-width:767px) {
#header, body.home #header { background: url(../images/header-bg.png) repeat; margin-bottom: 0px; }
#header .header-inner, #header .container { background: none; }
#header .container { padding: 0px; }
}
/*
* Logo
*/
.logo { margin: 0 0 15px 15px; }
.logo a { background: url(../images/logo.png) no-repeat; display: block; width: 170px; height: 0; padding-top: 33px; overflow: hidden; }
@media screen and (max-width:767px) {
.logo a { margin: 0px auto; }
}
/*
* User Controls
*/
.user-controls { float: right; margin: 0px; padding: 0px 14px 0px 0px; }
.user-controls li { float: left; margin-right: 2px; list-style: none; }
.user-controls li a img { margin-right: 7px; }
.user-controls li a { background: #525252 url(../images/control-button-bg.png) repeat-x left bottom; line-height: 26px; padding: 0 9px; display: block; border: 1px solid #282828; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; color: #d8dcde; font-size: 13px; font-weight: bold; behavior: url("assets/javascripts/vendor/PIE.htc"); position: relative; text-shadow: 2px 2px 0px #000000; height: 30px; }
.user-controls li a:hover { background: #6a6a6a url(../images/control-button-hover-bg.png) repeat-x left bottom; }
@media screen and (max-width:767px) {
.user-controls { float: none; text-align: center; margin-bottom: 15px; }
.user-controls li { float: none; display: inline-block; }
}
@media (max-width: 640px) {
.user-controls { margin-bottom: 20px; }
}
/*
* Main Navigation
*/
#main-navigation { background: #a60a12 url(../images/main-navigation-bg.png) repeat-x left top; }
#main-navigation ul { margin: 0px; padding: 0px; }
#main-navigation li { float: left; border-right: 1px solid #7f060c; border-left: 1px solid #c23b41; border-top: 1px solid #c23b41; list-style: none; }
#main-navigation li:first-child { border-left: none; }
#main-navigation li.last { border-right: none; }
#main-navigation li a { color: #ffffff; display: block; line-height: 42px; font-size: 16px; font-weight: bold; padding: 0 21px; text-shadow: 2px 2px 0px #78050B; behavior: url("assets/javascripts/vendor/PIE.htc"); position: relative; }
#main-navigation li a:hover, #main-navigation li a.active { background: #bc0b13 url(../images/main-navigation-hover.png) repeat-x left top; }
.menu-btn { display: none; width: 30px; border: 0; background: none; right: 11px; top: -45px; position: absolute; padding: 0; }
.menu-btn:focus { outline: none; }
.menu-btn span.icon-bar { background: #525252; display: block; height: 4px; border-radius: 4px; margin-bottom: 4px; display: block; }
.menu-btn span.icon-bar:last-child { margin-bottom: 0; }
@media screen and (max-width:1199px) {
#main-navigation li a { padding: 0 12px; font-size: 13px; }
}
@media screen and (max-width:767px) {
#main-navigation li a { padding: 0 10px; font-size: 12px; }
}
@media (min-width: 641px) {
#main-navigation > ul { display: block !important; }
}
@media (max-width: 640px) {
#main-navigation .menu-btn { display: block; z-index: 9999; }
#main-navigation { background: #a60a12; position: absolute; left: 0px; bottom: 0px; width: 100%; }
#main-navigation ul { display: none; float: none; background: #a60a12; width: 100%; position: absolute; left: 0; top: 0; z-index: 99999; }
#main-navigation li { float: none; margin: 0; padding: 0; width: 100%; }
#main-navigation li a { display: block; line-height: 15px; padding: 12px 15px 10px; }
#main-navigation li:first-child { border-left: 1px solid #c23b41; }
#main-navigation li.last { border-bottom: 1px solid #c23b41; }
}
/*
* Dashboard
*/
#dashboard { background: url(../images/dashboard-bg.png) repeat; padding: 28px 0 55px; position: relative; }
#dashboard:before { content: ''; display: block; background: url(../images/content-arrow.png) center center no-repeat; width: 26px; height: 14px; position: absolute; top: -1px; left: 50%; margin-left: -13px; }
#dashboard h2 { font-size: 18px; color: #080808; font-weight: bold; margin-bottom: 15px; text-shadow: 2px 2px 0 #FFFFFF; behavior: url("assets/javascripts/vendor/PIE.htc"); position: relative; }
#dashboard .list4 { padding-top: 5px; }
@media screen and (max-width:767px) {
#dashboard .list4 { padding-top: 0px; }
}
/*
* Footer
*/
#footer { background: #464b4b; padding-top: 30px; }
#footer .container { position: relative; }
#footer .section { background: url("../images/section-divider1.png") no-repeat scroll right center transparent; padding: 25px 15px 23px; }
#footer .section.last { background: none repeat scroll 0 0 transparent; position: relative; padding-right: 0px; }
#footer .section h2 { font-size: 13px; line-height: 13px; color: #ffffff; margin-bottom: 9px; }
#footer .section ul { margin: 0px; padding: 0px; list-style: none; }
#footer .section ul li a { font-size: 12px; line-height: 19px; color: #b8bbbb; }
#footer .section ul li a:hover, #footer #footer-navigation ul li a:hover { text-decoration: underline; }
@media screen and (max-width:767px) {
#footer { padding-top: 0px; }
#footer .section { padding: 0px 15px; margin-bottom: 25px; float: left; width: 50%; }
#footer .section:nth-child(2n) { background-image: none; }
#footer .section h2 { margin-bottom: 6px; }
}
/*
* Footer Navigation
*/
#footer #footer-navigation { background: #333636; color: #b8bcbc; padding: 24px 0px; }
#footer #footer-navigation ul { float: left; margin-top: 27px; }
#footer #footer-navigation ul li { float: left; list-style: none; }
#footer #footer-navigation ul li a { color: #b8bcbc; font-size: 12px; }
#footer #footer-navigation ul li.divider { padding: 0 15px; }
#footer #footer-navigation .copy-right { text-align: right; color: #b8bcbc; font-size: 12px; line-height: 15px; margin-bottom: 0; }
/*
* Post
*/
.post dl, .post dt, .post dd, .post ul, .post ol, .post li, .post h1, .post h2, .post h3, .post h4, .post h5, .post h6, .post pre, .post p, .post blockquote, .post th, .post td { margin: 0; padding: 0; font-size: 14px; direction: ltr; color: #666; }
.post p { font-weight: normal; color: #5f6868; margin-bottom: 20px; line-height: 21px; font-family: 'Roboto', sans-serif, "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; }
.post p span.highlight { color: #8c9292; font-size: 15px; line-height: 22px; font-weight: 500; background: none; }
.post p.lead { font-size: 17.5px; line-height: 1.6; margin-bottom: 17px; }
.post h1, .post h2, .post h3, .post h4, .post h5, .post h6 { font-weight: bold; font-style: normal; color: #5f6767; text-rendering: optimizeLegibility; line-height: 1.1; margin-bottom: 14px; margin-top: 14px; }
.post h1 small, .post h2 small, .post h3 small, .post h4 small, .post h5 small, .post h6 small { font-size: 60%; color: #6f6f6f; line-height: 0; }
.post h1 { font-size: 44px; }
.post h2 { color: #070707; font-size: 18px; margin-bottom: 20px; }
.post h3 { font-size: 27px; }
.post h4 { font-size: 23px; }
.post h5 { font-size: 17px; }
.post h6 { font-size: 13px; line-height: 18px; margin-bottom: 5px; }
.post code { font-weight: bold; background: #ffff99; }
/* Lists ---------------------- */
.post ul, .post ol, .post dl { font-size: 14px; line-height: 1.6; margin-bottom: 17px; list-style-position: outside; }
.post ul li ul, .post ul li ol { margin-left: 20px; margin-bottom: 0; }
.post ol { margin-left: 20px; }
.post ol li ul, .post ol li ol { margin-left: 20px; margin-bottom: 0; }
/* Blockquotes ---------------------- */
.post blockquote, .post blockquote p { line-height: 1.5; color: #6f6f6f; }
.post blockquote { margin: 0 0 17px; padding: 9px 20px 0 19px; border-left: 1px solid #ddd; }
.post blockquote cite { display: block; font-size: 13px; color: #555555; }
.post blockquote cite:before { content: "\2014 \0020"; }
.post blockquote cite a, .post blockquote cite a:visited { color: #555555; }
@media screen and (max-width:1199px) {
.post h3 { font-size: 22px; }
}
/* Buttons ---------------------- */
/* Default Button */
.button { width: auto; background: #2ba6cb; border: 1px solid #1e728c; -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; color: white; cursor: pointer; display: inline-block; font-family: inherit; font-size: 14px; font-weight: bold; line-height: 1; margin: 0; outline: none; padding: 10px 20px 11px; position: relative; text-align: center; text-decoration: none; -webkit-transition: background-color 0.15s ease-in-out; -moz-transition: background-color 0.15s ease-in-out; -o-transition: background-color 0.15s ease-in-out; transition: background-color 0.15s ease-in-out; }
/* Hovers */ /* Sizes */ /* Colors */ /* Radii */ /* Layout */ /* Disabled ---------- */
.button:hover { color: white; background-color: #2284a1; }
.button:active { -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2) inset; -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2) inset; box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2) inset; }
.button:focus { -webkit-box-shadow: 0 0 4px #2ba6cb, 0 1px 0 rgba(255, 255, 255, 0.5) inset; -moz-box-shadow: 0 0 4px #2ba6cb, 0 1px 0 rgba(255, 255, 255, 0.5) inset; box-shadow: 0 0 4px #2ba6cb, 0 1px 0 rgba(255, 255, 255, 0.5) inset; color: white; }
.button.expand { width: 100%; text-align: center; }
.button.full-width { width: 100%; text-align: center; padding-left: 0px !important; padding-right: 0px !important; }
.button.left-align { text-align: left; text-indent: 12px; }
.button.disabled, .button[disabled] { opacity: 0.6; cursor: default; background: #2ba6cb; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
.button.disabled :hover, .button[disabled] :hover { background: #2ba6cb; }
/* Secondary Button */

.button.secondary { background-color: #e9e9e9; color: #1d1d1d; border: 1px solid #c3c3c3; }
.button.secondary:hover { background-color: #d0d0d0; }
.button.secondary:focus { -webkit-box-shadow: 0 0 5px #e9e9e9, 0 1px 0 rgba(255, 255, 255, 0.5) inset; -moz-box-shadow: 0 0 5px #e9e9e9, 0 1px 0 rgba(255, 255, 255, 0.5) inset; box-shadow: 0 0 5px #e9e9e9, 0 1px 0 rgba(255, 255, 255, 0.5) inset; }
.button.disabled.secondary, .button[disabled].secondary { background-color: #e9e9e9; }
.button.disabled.secondary:hover, .button[disabled].secondary:hover { background-color: #e9e9e9; }
/* Lists ---------------------- */

/* Inline List */

ul.inline-list, ul.link-list { margin: 0 0 17px -22px; padding: 0; list-style: none; overflow: hidden; }
ul.inline-list > li, ul.link-list > li { list-style: none; float: left; margin-left: 22px; display: block; }
ul.inline-list > li > *, ul.link-list > li > * { display: block; }
/* Common Bullet List */

ul.square, ul.circle, ul.disc { margin-left: 17px; }
ul.square { list-style-type: square; }
ul.square li ul { list-style: inherit; }
ul.circle { list-style-type: circle; }
ul.circle li ul { list-style: inherit; }
ul.disc { list-style-type: disc; }
ul.disc li ul { list-style: inherit; }
/*
* Listings
*/
.list1, .list2, .list3, .list4, .list5, .list6 { margin: 0px; padding: 0px; }
/*
* List1
*/
.list1 li { background: url(../images/list-arrow.png) no-repeat left 4px; padding-left: 17px; margin-bottom: 20px; list-style: none; }
.list1 li, .list1 li p { font-size: 14px; line-height: 18px; color: #606969; }
.list1 li p { margin-bottom: 0px; }
.list1 li.last { margin-bottom: 0; }
.list1 li small { color: #d60611; font: inherit; }
.colocation .list1 li, .dedicated .list1 li { padding: 8px 14px; line-height: 17px; background: none; margin-bottom: 0; color: #666666; border-bottom: 1px solid #e1e1e1; }
.colocation .list1 li.last, .dedicated .list1 li.last { border-bottom: none; }
.colocation .list1 li p, .dedicated .list1 li p { margin-left: 46px; line-height: 26px; }
.colocation .list1 li span, .dedicated .list1 li span { float: left; width: 26px; text-align: center; }
@media screen and (max-width:1199px) {
body.home .box5 .list1 li, body.home .box5 .list1 li p { font-size: 12px; line-height: 15px; }
.colocation .list1 li, .dedicated .list1 li { padding: 8px 10px; }
.colocation .list1 li p, .dedicated .list1 li p { font-size: 12px; }
}
/*
* List2
*/
.list2 li { margin-bottom: 10px; color: #606969; font-size: 14px; line-height: 20px; padding-left: 35px; height: auto; list-style: none; }
.list2 li.gigenet { background-position: 0 0; }
.list2 li.route { background-position: 0 -68px; }
.list2 li.switching { background-position: 0 -125px; }
.list2 li.uptime { background-position: 0 -183px; }
.list2 li.delivary { background-position: 0 -245px; }
/*
* List3
*/
.list3 li { background: url(../images/list3-bg.png); float: left; width: 33.33333%; border-right: 1px solid #d7d7d7; border-top: 1px solid #d7d7d7; list-style: none; }
.list3 li:nth-child(3n) { border-right: 0; }
.list3 li:nth-child(1), .list3 li:nth-child(2), .list3 li:nth-child(3) { border-top: 0px; }
.list3 li a.image { height: 80px; line-height: 80px; text-align: center; display: block; }
@media screen and (max-width:1199px) {
.list3 li { width: 33.33%; }
.list3 li:nth-child(4) { border-top: 1px solid #d7d7d7; }
.list3 li:nth-child(4n) { border-right: 1px solid #d7d7d7; }
.list3 li:nth-child(3n) { border-right: 0px; }
}
@media screen and (max-width:767px) {
.list3 { margin-bottom: 40px; }
}
@media screen and (max-width:480px) {
.list3 li { width: 50%; }
.list3 li:nth-child(3) { border-top: 1px solid #d7d7d7; }
.list3 li:nth-child(2n) { border-right: 0px !important; }
.list3 li:nth-child(3n) { border-right: 1px solid #d7d7d7; }
}
/*
* List4
*/
.list4 li { margin-bottom: 8px; list-style: none; }
.list4 li p { font-size: 13px; color: #5f6868; line-height: 21px; margin-bottom: 0px; margin-left: 74px; }
.list4 span.date-stamp { background: url(../images/date-stamp-bg.png) repeat-x; font-size: 11px; line-height: 21px; color: #b10b13; font-weight: bold; border-top: 1px solid #ffffff; border-bottom: 1px solid #cbcbcb; padding: 0 8px; text-shadow: 2px 2px 0 #FFFFFF; display: block; float: left; behavior: url("assets/javascripts/vendor/PIE.htc"); position: relative; }
.list4 span.date-stamp a { color: inherit; }
.list4 span.date-stamp a:hover { text-decoration: underline; }
/*
* List5
*/
.list5 li { border-right: 1px solid #e1e1e1; padding: 0 35px 17px 0; margin-bottom: 17px; list-style: none; }
.list5 li img { float: left; }
.list5 li h5 { font-size: 16px; line-height: 22px; font-weight: 500; color: #666666; margin-bottom: 2px; }
.list5 li h5 span { color: #b10b13; }
.list5 li .content { margin-left: 82px; }
.list5 li p { font-size: 13px; line-height: 18px; color: #666666; }
.dedicated .list5, .ip .list5 { margin: 0 -18px; }
.dedicated .list5 li, .ip .list5 li { float: left; width: 16.66%; min-height: 160px; padding: 0; text-align: center; margin-bottom: 0; }
.dedicated .list5 li.last, .ip .list5 li.last { border-right: none; }
.dedicated .list5 li p, .ip .list5 li p { font-size: 14px; line-height: 20px; font-weight: 500; margin-bottom: 5px; }
.dedicated .list5 li p small, .ip .list5 li p small { color: #d60611; font: inherit; }
.dedicated .list5 li img, .ip .list5 li img { margin-right: 0; margin-bottom: 15px; float: none; }
.colocation .list5 li { display: inline-block; vertical-align: top; width: 50%; padding-bottom: 0px; margin: 0 0 17px -2px; }
.colocation .list5 li.alt { border-right: none; padding-right: 0; padding-left: 35px; }
.colocation .list5 li.last { padding-bottom: 0; }
.networks .world-map .list5 { margin: 0px -15px 25px; }
.networks .world-map .list5 li { float: left; width: 33.33%; min-height: 138px; padding: 0 15px; margin: 0; text-align: center; }
.networks .world-map .list5 li.last { border-right: none; }
.networks .world-map .list5 li p { font-size: 14px; line-height: 20px; font-weight: 500; margin-bottom: 0; }
.networks .world-map .list5 li img { margin-right: 0; margin-bottom: 20px; float: none; width: auto; }
.ip .list5 li { width: 19.6666%; min-height: auto; }
@media screen and (max-width:1199px) {
.dedicated .list5 li { width: 33.33%; }
.dedicated .list5 li:nth-child(3n) { border-right: 0px; }
}
@media screen and (max-width:767px) {
.dedicated .list5 li, .ip .list5 li { width: 50%; min-height: 151px; }
.dedicated .list5 li img { margin-bottom: 5px; }
.dedicated .list5 li:nth-child(2n), .ip .list5 li:nth-child(2n) { border-right: 0px; }
.dedicated .list5 li:nth-child(3n), .ip .list5 li:nth-child(3n) { border-right: 1px solid #e1e1e1; }
}
@media screen and (max-width:640px) {
.colocation .list5 li, .ip .list5 li { display: block; width: 100%; padding-right: 0px; border-right: 0px; margin-left: 0px; }
.colocation .list5 li.alt { padding-left: 0px; }
}
@media screen and (max-width:480px) {
.dedicated .list5 { margin: 0px; }
.dedicated .list5 li, .networks .world-map .list5 li { float: none; width: 100%; min-height: 100px; border-right: 0px; }
.dedicated .list5 li:nth-child(3n) { border-right: 0px; }
.networks .world-map .list5 { margin: 0px; }
.networks .world-map .list5 li { margin-bottom: 15px; }
.networks .world-map .list5 li p { line-height: 17px; }
.networks .world-map .list5 li img { margin-bottom: 5px; }
}
/*
* List6
*/
.list6 { margin: 0 -10px; }
.list6 li { display: inline-block; width: 50%; margin-left: -2px; vertical-align: top; padding: 0px 10px; list-style: none; position: relative; }
.list6 li p { display: block; padding: 10px 6px 9px 12px; margin: 0; font-size: 14px; line-height: 20px; color: #333333; border-top: 1px solid #ffffff; border-bottom: 1px solid #ffffff; }
.list6 li.grey-bg p { background-color: #f5f5f5; border-top: 1px solid #ededed; border-bottom: 1px solid #ededed; }
.feature .list6 li p { padding-right: 47px; font-weight: 500; }
.feature .list6 li p span { font-weight: normal; }
.feature .list6 li p span.button2 { float: right; font-weight: bold; margin-right: 2px; margin-top: -2px; position: relative; }
.feature .list6 li span.availability { background: url(../images/availability.png) 8px 8px no-repeat; width: 41px; height: 39px; border-left: 1px solid #fff; position: absolute; right: 10px; top: 1px; }
.feature .list6 li span.unavailable { background-position: 8px -32px; }
.feature .list6 li.grey-bg span.availability { background-color: #f5f5f5; }
@media screen and (max-width:1199px) {
.list6 { margin: 0 -5px; }
.list6 li { padding: 0px 5px; }
.list6 li p, .feature .list6 li p span.button2 { font-size: 12px; }
.feature .list6 li span.availability { right: 5px; }
}
@media screen and (max-width:767px) {
.list6 li { display: block; width: 100%; margin-left: 0px; margin-bottom: 5px; }
.feature .list6 li p span.button2 { float: none; display: block; margin-top: 4px; display: none; }
}
@media screen and (max-width:480px) {
.list6 li p, .feature .list6 li p span.button2 { font-size: 11px; }
}
/* Tables ---------------------- */
/* Data Table */
table.data { margin: 0 0 18px; }
table.data th, table.data td { padding: 5px; font-size: 14px; line-height: 18px; text-align: left; }
table.data th { border-top: 1px solid #222; border-bottom: 1px solid #222; font-weight: bold; }
table.data tr td { border-bottom: 1px solid #ccc; }
/*----- Button1 ----- */
.button1 { background: url(../images/button1-bg.png) repeat-x left top; border: 1px solid #71050a; font-weight: bold; color: #ffffff; font-size: 15px; line-height: 32px; cursor: pointer; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; behavior: url("assets/javascripts/vendor/PIE.htc"); position: relative; text-align: center; min-width: 228px; display: block; text-shadow: 0px -2px #96070E; box-shadow: 1px 1px 2px #D0D0D0; -moz-box-shadow: 1px 1px 2px #D0D0D0; -webkit-box-shadow: 1px 1px 2px #D0D0D0; }
.button1:hover, .button1:focus { background: url(../images/button1-hover.png) repeat-x; color: #ffffff; }
.button2 { background: url(../images/button2.jpg) repeat-x left top; color: #ffffff; width: 100px; height: 24px; font-size: 13px; font-weight: bold; line-height: 20px; text-align: center; border: 1px solid #83080b; text-shadow: 0px -2px #96070e; ; behavior: url("assets/javascripts/vendor/PIE.htc"); position: relative; }
/*----- read-more  ----- */
a.read-more { color: #b10b13; font-size: 12px; }
a.read-more:hover { text-decoration: underline; }
/*----- Icons1 ----- */
.icons1 { background-image: url(../images/icons1.png); background-repeat: no-repeat; height: 30px; }
/*
* Frame
*/
.frame { border: 1px solid #e1e1e1; padding: 12px; }
.frame img { width: 100%; }
/*
* Box1
*/
.box1 { background: #b80b12; border: 1px solid #78050b; padding: 6px; position: absolute; left: 15px; top: -58px; width: 98%; height: 54px; box-shadow: 1px 1px 2px #000000; -mox-box-shadow: 1px 1px 2px #000000; -webkit-box-shadow: 1px 1px 2px #000000; behavior: url("assets/javascripts/vendor/PIE.htc"); }
@media screen and (max-width:767px) {
.box1 { left: 0px; top: 0px; width: auto; position: relative; margin: 0px -15px 25px; }
}
/*
* Box2
*/
.box2 { border: 1px solid #94070f; box-shadow: 0 0 5px #A10910 inset; -moz-box-shadow: 0 0 5px #A10910 inset; -webkit-box-shadow: 0 0 5px #A10910 inset; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 4px; behavior: url("assets/javascripts/vendor/PIE.htc"); position: relative; }
/*
* Box3
*/
.box3 { background: url(../images/column3-bg.png) repeat-x bottom; border-top: 1px solid #e1e1e1; border-left: 1px solid #e1e1e1; border-right: 1px solid #e1e1e1; padding: 21px 32px 7px 20px; margin-bottom: 32px; }
.box3 h4 { font-size: 18px; line-height: 18px; margin-bottom: 24px; color: #060606; }
.box3 h4 .icon { margin-right: 12px; }
.box3 h4 sup { font-size: 11px; line-height: 19px; vertical-align: top; }
.box3.feature { padding: 19px 14px 15px 16px; }
.box3.feature h4 { margin-bottom: 6px; }
.box3.two-column-layout2 { padding: 0 0 5px; margin-bottom: 28px; }
.box3.two-column-layout2 h4 { margin-bottom: 11px; }
.two-column-layout1 .box3 { padding: 8px 39px 29px 13px; }
.two-column-layout1 .box3.last { margin-right: 0; }
.two-column-layout1 .box3 h4 { display: inline-block; }
.two-column-layout1 .box3 h4 img { margin: 0px 17px 0px 0px; }
.two-column-layout1 .box3 p { margin-bottom: 27px; }
.two-column-layout1 .box3 h5 { margin-bottom: 23px; }
.two-column-layout1 .box3 .list1 { padding-left: 5px; margin: 0 0 21px 0; }
.two-column-layout1 .box3 .list1 li { font-size: 13px; line-height: 18px; color: #5f6666; }
.two-column-layout1 .box3 .button1 { margin: 0 auto; }
.two-column-layout1 .box3 .button1 img { margin: 0 13px 4px 0; }
@media screen and (max-width:1199px) {
.two-column-layout1 .box3 h4 { font-size: 16px; }
}
@media screen and (max-width:640px) {
.box3 { padding: 20px 15px 5px; margin-bottom: 20px; }
.two-column-layout1 .box3 { padding: 8px 15px 5px; }
.two-column-layout1 .box3 h4 { font-size: 15px; margin-bottom: 14px; }
.two-column-layout1 .box3 h4 img { margin: 0px 7px 0px 0px; }
.two-column-layout1 .box3 p { margin-bottom: 17px; }
.two-column-layout1 .box3 h5 { margin-bottom: 13px; }
.two-column-layout1 .box3 .list1 li { margin-bottom: 10px; }
}
/*
* Box4
*/
.box4 { width: 100%; border: 1px solid #e1e1e1; padding: 14px; margin-bottom: 27px; }
@media screen and (max-width:767px) {
.box4 { padding: 7px; }
}
/*
* Box5
*/
.box5 { border: 1px solid #e1e1e1; margin: 0px 0px 45px 0px; }
.box5 header { border: 10px solid #0b0b0b; background: #424242 url(../images/content-head-bg.png) repeat-x left bottom; padding: 13px 10px 09px 25px; }
.box5 header p { font-size: 30px; color: #d60611; margin-bottom: 0; letter-spacing: -1px; min-height: 46px; }
.box5 header p sup { font-size: 14px; position: relative; top: -15px; }
.box5 header p sub { bottom: 0; font-size: 14px; line-height: inherit; }
.box5 .list1 { padding: 15px 20px; border-top: 5px solid #bc0a12; min-height: 170px; }
.box5 footer { background: #f5f5f5; border-top: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; margin-bottom: 2px; padding: 11px 15px 10px; }
.box5 footer .button1 { min-width: 228px; max-width: 228px; margin: 0 auto; }
body.home .box5 header .details { float: right; width: 160px; }
body.home .box5 header h2 { background: #af0a11 url(../images/content-header-bg.png) repeat-x left top; text-align: center; line-height: 31px; border: 1px solid #71050a; color: #ffffff; font-size: 18px; text-shadow: 1px 1px #631014; position: relative; border-radius: 5px 0 0 5px; -moz-border-radius: 5px 0 0 5px; -webkit-border-radius: 5px 0 0 5px; behavior: url("assets/javascripts/vendor/PIE.htc"); margin: 0 -21px 22px 0; box-shadow: 2px 2px 2px #2F2F2F; -moz-box-shadow: 2px 2px 2px #2F2F2F; -webkit-box-shadow: 2px 2px 2px #2F2F2F; letter-spacing: -0.25px; }
body.home .box5 header h2 .head-arrow { background: url(../images/content-head-arrow.png) no-repeat; position: absolute; right: -18px; top: -10px; width: 19px; height: 53px; }
body.home .box5 header .image { float: left; padding-top: 7px; }
.colocation .box5 { margin-bottom: 29px; }
.colocation .box5 header { padding: 10px 10px 6px 12px; }
.colocation .box5 header h2, .dedicated .box5 header h2, .special .box5 header h2 { border-bottom: 1px solid #000000; padding-bottom: 6px; margin-bottom: 0px; font-size: 28px; line-height: 38px; color: #d0d8d8; text-align: center; }
.colocation .box5 header h2 img { margin-right: 9px; margin-top: -8px; }
.colocation .box5 header p, .dedicated .box5 header p { border-top: 1px solid #484848; padding-top: 20px; text-align: center; }
.colocation .box5 .list1, .dedicated .box5 .list1 { padding: 0; }
@media screen and (max-width:1199px) {
.box5 header { padding: 10px 12px 7px; }
.box5 header p { font-size: 18px; }
.box5 header p sup, .box5 header p sub { font-size: 11px; }
.box5 footer .button1 { min-width: 190px; font-size: 13px; }
.dedicated .box5 header h2 { font-size: 20px; line-height: 30px; }
.colocation .box5 header h2 { font-size: 16px; line-height: 30px; }
}
@media screen and (max-width:1199px) and (min-width:768px) {
body.home .box5 header .details { width: 100px; }
body.home .box5 header h2 { font-size: 14px; }
}
@media screen and (max-width:767px) {
.box5 { margin: 0px 0px 25px 0px; }
.box5 header p { font-size: 24px; }
.box5 header p sup, .box5 header p sub { font-size: 13px; }
}
/*
* Section1
*/
.section1 .row { margin: 0 -10px; }
.section1 .row .col-sm-4 { display: inline-block; float: none; margin-left: -2px; padding: 0 10px; vertical-align: top; }
@media screen and (max-width:767px) {
.section1 .row .col-sm-4 { display: block; margin-left: 0px; }
}
/*
* Two Column Layout
*/
.two-column-layout { position: relative; }
.two-column-layout:before { content: ''; display: block; background: url(../images/main-divider.png) top center repeat-y; height: 100%; width: 9px; position: absolute; top: 0px; left: 50%; margin-left: -5px; }
.two-column-layout .col-sm-6 + .col-sm-6 { padding-left: 25px; }
@media screen and (max-width:767px) {
.two-column-layout:before { display: none; }
.two-column-layout .col-sm-6 + .col-sm-6 { padding-left: 15px; }
}
/*
* Two Column Layout1
*/
.two-column-layout1 { padding-top: 45px; margin-bottom: 7px; }
.two-column-layout1 .column { float: left; width: 458px; }
@media screen and (max-width:767px) {
.two-column-layout1 { padding-top: 25px; }
}
/*
* Two Column Layout2
*/
.two-column-layout2 { margin-bottom: 7px; }
.two-column-layout2 .column1 { float: left; width: 78%; padding: 17px 21px 15px 14px; border-right: 1px solid #e1e1e1; }
.two-column-layout2 .column2 { float: right; width: 22%; padding-top: 27px; }
@media screen and (max-width:1199px) {
.two-column-layout2 .column2 { padding-top: 18px; }
}
@media screen and (max-width:767px) {
.two-column-layout2 .column1, .two-column-layout2 .column2 { float: none; width: 100%; }
.two-column-layout2 .column1 { border-right: 0px; }
.two-column-layout2 .column2 { border-top: 1px solid #e1e1e1; }
}
/*
* Services-list
*/
.services-list { margin: 0px; padding: 0px; list-style: none; }
.services-list li { padding: 0px 5px; margin-bottom: 16px; text-align: center; }
.services-list li .image { background: url(../images/services-box.jpg) repeat-x; width: 120px; height: 80px; margin: 0 auto 10px; padding-top: 15px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; behavior: url("assets/javascripts/vendor/PIE.htc"); position: relative; }
.services-list li p { margin: 0; color: #666666; font-weight: 500; font-size: 14px; line-height: 17px; }
/*
* Banner
*/
#banner { background: #2A2C2B url(../images/banner.jpg) no-repeat center 0; position: absolute; width: 100%; top: 0; left: 0; z-index: -2; min-height: 344px; padding-top: 152px; background-size: cover; background-repeat: no-repeat; }
#banner .page-title { text-align: center; }
#banner .page-title h2 { font-size: 50px; line-height: 60px; color: #ffffff; font-family: 'Aller', sans-serif; font-weight: bold; margin-bottom: 11px; }
#banner .page-title h2 span.logo2 { background: url(../images/logo2.png) no-repeat; display: inline-block; width: 63px; height: 36px; verticl-aalign: middle; margin: 0 13px -3px; }
#banner .page-title p { font-size: 25px; line-height: 30px; color: #d0d8d8; font-weight: 500; }
body.home #banner { background: #2A2C2B; position: absolute; width: 100%; top: 0; left: 0; z-index: 1; min-height: 518px; padding-top: 170px; }
body.home #banner .container { padding-left: 25px; }
body.home #banner h2 { color: #ffffff; font: bold 48px Arial, Helvetica, sans-serif; display: inline-block; position: relative; letter-spacing: -1px; width: 265px; text-align: center; padding: 4px 0; }
body.home #banner .banner-head1 { background: #464646 url(../images/banner-head-bg1.png) repeat-x left bottom; border-radius: 5px 0 0 5px; -webkit-border-radius: 5px 0 0 5px; -moz-border-radius: 5px 0 0 5px; box-shadow: 5px 5px 0px #252626; -moz-box-shadow: 5px 5px 0px #252626; -webkit-box-shadow: 5px 5px 0px #252626; z-index: 1; behavior: url("assets/javascripts/vendor/PIE.htc"); position: relative; margin-bottom: 0; text-shadow: 3px 3px 0 #5E0407; }
body.home #banner .banner-head1 span.arrow1 { background: url(../images/arrow1.png) no-repeat; width: 33px; height: 90px; top: -12px; right: -33px; position: absolute; }
body.home #banner .banner-head2 { background: url(../images/banner-head-bg2.png) repeat-x; margin: 0 0 71px 105px; border-radius: 0 5px 5px 0; -webkit-border-radius: 0 5px 5px 0; -moz-border-radius: 0 5px 5px 0; behavior: url("assets/javascripts/vendor/PIE.htc"); position: relative; text-shadow: 3px 3px 0 #000000; box-shadow: 5px 5px 0px #252626; -moz-box-shadow: 5px 5px 0px #252626; -webkit-box-shadow: 5px 5px 0px #252626; }
body.home #banner .banner-head2 span.arrow2 { background: url(../images/arrow2.png) no-repeat; width: 33px; height: 90px; top: -10px; left: -24px; position: absolute; z-index: 1; }
body.home #banner h3 { line-height: 30px; font-size: 25px; color: #d0d8d8; font-weight: 500; text-align: center; text-shadow: -2px 2px 2px #000000; -moz-text-shadow: -2px 2px 2px #000000; -webkit-text-shadow: -2px 2px 2px #000000; behavior: url("assets/javascripts/vendor/PIE.htc"); position: relative; }
body.home #banner h3 span.logo1 { background: url(../images/logo1.png) no-repeat; display: inline-block; width: 52px; height: 30px; vertical-align: middle; margin: 0 15px; }
body.home #banner .slides .slide { position: relative; display: none; width: 100%; padding: 0 15px; }
body.home #banner .slides .slide:first-of-type { display: block; }
body.home #banner .slides .slide2 { text-align: center; }
body.home #banner .slides .banner-head1 { position: absolute; }
body.home #banner .slides .banner-head2 { position: absolute; }
body.home #banner .slides .slide1 .banner-head1 { left: 0; top: 0; }
body.home #banner .slides .slide1 .banner-head2 { left: 0; top: 70px; }
body.home #banner .slides .slide1 img { margin-bottom: 30px; }
body.home #banner .slides .slide2 img { position: relative; margin-top: -59px; }
body.home #banner .slides .slide2 .banner-head1 { right: 125px; top: 65px; width: 200px; text-align: left; padding-left: 10px; }
body.home #banner .slides .slide2 .banner-head2 { right: 35px; top: 135px; }
body.home #banner .slides .slide3 img { margin-top: -59px; margin-left: 30px; }
body.home #banner .slides .slide3 .banner-head1 { left: 0; top: 40px; }
body.home #banner .slides .slide3 h3 { position: absolute; right: 0; top: 30px; width: 210px; }
body.home #banner a.prev-btn, body.home #banner .next-btn { background: url(../images/prev-next-btn.png) no-repeat; width: 14px; height: 26px; position: absolute; top: 50%; margin-top: -13px; z-index: 99; }
body.home #banner a.prev-btn { left: 20px; }
body.home #banner a.next-btn { right: 20px; background-position: right top; }
@media screen and (max-width:1199px) {
#banner .page-title h2 { font-size: 36px; line-height: 42px; }
#banner .page-title p { font-size: 20px; line-height: 25px; }
body.home #banner h3 { font-size: 20px; }
body.home #banner .slides .slide2 img { margin-bottom: 60px; }
}
@media screen and (max-width:767px) {
#banner, body.home #banner { position: relative; min-height: 100px; padding-top: 30px; }
#banner .page-title h2 { font-size: 30px; }
#banner .page-title p { font-size: 18px; line-height: 22px; }
body.home #banner { min-height: 250px; }
body.home #banner .banner-head1, body.home #banner .banner-head2 { display: none; }
body.home #banner .container { padding-right: 25px; }
body.home #banner .slides .slide3 h3 { top: 0px; width: 100%; padding: 0px 20px; }
}
/*----- Tabs ----- */
.tabs { padding-top: 7px; }
.tabs .ui-tabs-hide { display: none; }
.tabs .tab-strips { text-align: center; margin: 0 0 33px; padding: 0px; list-style: none; }
.tabs .tab-strips li { display: inline-block; position: relative; margin-left: -3px; width: 199px; border: 1px solid #d8d8d8; height: 46px; }
.tabs .tab-strips li.first { margin-left: 0px; }
.tabs .tab-strips li a { display: block; font-family: 'Aller', sans-serif; padding-left: 30px; font-weight: bold; font-size: 15px; line-height: 18px; color: #5f6868; height: 44px; line-height: 44px; background: #ffffff; }
.tabs .tab-strips li a:hover, .tabs .tab-strips li.active a { color: #333333; background: #f9f9f9; }
.tabs .tab-strips li a:hover { color: #fff; background: #c10a13; }
.tabs .tab-strips li.ui-state-active a { color: #fff; }
.tabs .tab-strips li.terms-of-service a { background: #ffffff url(../images/tos-icon.png) no-repeat 25px 10px; }
.tabs .tab-strips li.policy a { background: #ffffff url(../images/policy-icon.png) no-repeat 10px 11px; }
.tabs .tab-strips li.privacy-policy a { background: url(../images/privacy-policy.png) no-repeat 25px 15px; }
.tabs .tab-strips li.terms-of-service a:hover, .tabs .tab-strips li.terms-of-service.ui-state-active a { background: #c10a13 url(../images/tos-hover-icon.png) no-repeat 25px 10px; }
.tabs .tab-strips li.policy a:hover, .tabs .tab-strips li.policy.ui-state-active a { background: #c10a13 url(../images/policy-hover-icon.png) no-repeat 10px 11px; }
.tabs .tab-strips li.privacy-policy a:hover, .tabs .tab-strips li.privacy-policy.ui-state-active a, .tabs .tab-strips li.colocation a:hover { background: #c10a13 url(../images/privacy-policy-hover.png) no-repeat 25px 15px; }
.tabs .tab-content ul { margin: 0px 0px 17px; padding: 0px; list-style: none; }
.tabs .tab-content p, .tabs .tab-content h6 { font-family: 'Aller'; }
.tabs .tab-content p { font-size: 13px; line-height: 18px; margin-bottom: 23px; }
@media screen and (max-width:1200px) {
.tabs .tab-strips li { width: 260px; margin-left: -3px !important; }
}
@media screen and (max-width:480px) {
.tabs .tab-strips { max-width: 230px; margin: 0px auto 33px; }
.tabs .tab-strips li { display: block; width: 100%; margin-left: 0px; border-top: 0px; height: auto; }
.tabs .tab-strips li.first { border-top: 1px solid #d8d8d8; }
.tabs .tab-strips li a { background-position: 15px center !important; }
}
/*----- Sociables ----- */
#sociables { padding: 7px; }
#sociables h2 { color: #ffffff; float: left; font-size: 15px; margin: 0 10px 0 0; line-height: 22px; text-shadow: 2px 2px 1px #000000; behavior: url("assets/javascripts/vendor/PIE.htc"); position: relative; }
#sociables ul { float: left; }
#sociables li { margin-right: 5px; float: left; }
#sociables li a { display: block; width: 24px; height: 25px; }
#sociables li.fb { background: url(../images/fb-icon.png) no-repeat; }
#sociables li.fb:hover { background: url(../images/fb-hover.png) no-repeat; }
#sociables li.twitter { background: url(../images/twitter-icon.png) no-repeat; }
#sociables li.twitter:hover { background: url(../images/twitter-hover.png) no-repeat; }
#sociables li.linkedin { background: url(../images/linkedin-icon.png) no-repeat; }
#sociables li.linkedin:hover { background: url(../images/linkedin-hover.png) no-repeat; }
/*----- Dedicated ----- */
.dedicated .box3, .ip .box3 { padding: 24px 22px 22px; }
.dedicated .box3 h4, .ip .box3 h4 { margin-bottom: 19px; }
/*
*faq
*/
#faq h6 { font-size: 16px; color: #333333; line-height: 22px; margin: 0 0 2px; }
i.faq-icon { background: url(../images/faq.png) no-repeat; content: ''; display: inline-block; height: 22px; width: 22px; vertical-align: top; margin-right: 10px; float: left; }
#faq p { color: #666; line-height: 20px; }
#faq p a { color: #bb0a13; }
#faq .content { margin-left: 30px; }
#faq p.lead { font-size: 16px; line-height: 22px; color: #333333; font-weight: normal;  }
#faq p.lead span { color: #bb0a13; }

@media (max-width:640px){
   #faq h6 { font-size: 14px; line-height: 20px; }
   #faq p { font-size: 13px; line-height: 19px; margin-bottom: 10px; }
   #faq p.lead { font-size: 14px; line-height: 20px; }
}
/* ==========================================================================
	VPS Page Specific
========================================================================== */
.vps-plans { margin-bottom: 35px; }
.vps-plans .slider-box { border: 10px solid #0b0b0b; background: #424242 url(../images/content-head-bg.png) repeat-x left bottom; padding: 12px 13px 0; height: 130px; }
.vps-plans .slider-box h2 { text-align: center; color: #d0d8d8; margin-bottom: 10px; font-size: 24px; line-height: 27px; font-weight: normal; text-shadow: 0 2px 2px #282828; }
.vps-plans .slider-box .slider { position: relative; background: url(../images/slider.png) no-repeat 0 0; width: 100%; height: 54px; padding: 4px 4px 0; }
.vps-plans .slider-box .slider .ui-slider-range { background: url(../images/ui-slider-range.png) repeat-x 0 0; height: 12px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; position: relative; }
.vps-plans .slider-box .slider .ui-slider-handle { background: url(../images/slider-handle.png) no-repeat 0 0; width: 34px; height: 30px; position: absolute; z-index: 500; left: 50%; top: -3px; display: block; margin-left: -3px; }
.vps-plans ul.plan-features { border-bottom: 1px solid #E1E1E1; border-top: 5px solid #BC0A12; margin: 0px; padding: 0px; list-style: none; }
.vps-plans ul.plan-features li.last { border-right: 1px solid #e1e1e1; }
.vps-plans ul.plan-features li { float: left; border-left: 1px solid #e1e1e1; width: 20%; height: 165px; padding-top: 18px; text-align: center; }
.vps-plans ul.plan-features li h4 { font-size: 14px; color: #666; line-height: 16px; margin-bottom: 10px; font-weight: normal; }
.vps-plans ul.plan-features li span { font-size: 30px; display: inline-block; color: #d60711; font-family: 'Aller', sans-serif; }
.vps-plans ul.plan-features li img { display: block; margin: 0 auto 12px; }
.vps-plans footer { border: 1px solid #e1e1e1; border-top: 0; padding-bottom: 2px; }
.vps-plans footer .inner { background: #f5f5f5; text-align: center; padding: 16px 0; border-bottom: 1px solid #e1e1e1; }
.vps-plans footer span { font-size: 30px; color: #080808; margin-right: 12px; display: inline-block; vertical-align: middle; }
.vps-plans footer .button1 { display: inline-block; line-height: 34px; }
@media screen and (max-width:1199px) {
.vps-plans .slider-box .slider { background-size: contain; padding-top: 3px; }
.vps-plans .slider-box .slider .ui-slider-range { height: 8px; }
.vps-plans ul.plan-features li h4 { font-size: 12px; }
.vps-plans ul.plan-features li span { font-size: 20px; }
.vps-plans footer span { font-size: 24px; }
}
@media screen and (max-width:767px) {
.vps-plans .slider-box .slider { background-size: 100% 36px; padding-top: 3px; }
.vps-plans .slider-box .slider .ui-slider-handle { height: 25px; width: 25px; background-size: contain; }
.vps-plans .slider-box h2 { font-size: 18px; line-height: 22px; }
.vps-plans ul.plan-features li { width: 50%; border-bottom: 1px solid #E1E1E1; }
.vps-plans ul.plan-features li:nth-child(2n) { border-right: 1px solid #e1e1e1; }
.vps-plans ul.plan-features li.last { width: 100%; border-bottom: 0px; }
.vps-plans footer span { font-size: 20px; }
}
@media screen and (max-width:568px) {
.vps-plans footer span { display: block; }
.vps-plans footer span span { display: inline-block; }
.vps-plans footer .button1 { margin-top: 10px; }
}
/*----- All Features ---*/
.all-plan-features { padding-bottom: 30px; }
.all-plan-features .section { border-right: 1px solid #e1e1e1; padding-right: 15px; min-height: 236px; }
.all-plan-features .section.templates { border: 0; }
.all-plan-features .section ul { margin: 0px; padding: 0px; list-style: none; }
.all-plan-features .section ul li { list-style: none; margin-bottom: 12px; line-height: 20px; }
.all-plan-features .section ul li img { vertical-align: middle; }
.all-plan-features .section ul li a { font-size: 14px; color: #666; }
.all-plan-features .section ul li a span { color: #d60611; }
.all-plan-features .section ul li span.icon { width: 26px; text-align: center; display: inline-block; margin-right: 15px; float: left; margin-bottom: 10px; }
.all-plan-features .section.templates h5 { font-size: 14px; color: #666; margin-bottom: 15px; font-family: 'Aller', sans-serif; font-weight: normal; }
.all-plan-features .section.templates img { margin: 0 4px 6px 0; }
.all-plan-features .section.templates img.outer-most { margin-right: 0; }
@media screen and (max-width:1199px) {
.all-plan-features { padding: 20px 15px 30px; }
.all-plan-features .section ul li a { font-size: 12px; }
.all-plan-features .section ul li span.icon { margin-right: 8px; }
.all-plan-features .section.templates img.outer-most { margin-right: 4px; }
}
@media screen and (max-width:767px) {
.all-plan-features { padding-bottom: 5px; }
.all-plan-features .section { border-right: 0px; min-height: 80px; margin-bottom: 20px; }
.all-plan-features .section.templates img, .all-plan-features .section.templates img.outer-most { margin-right: 2px; }
}
/* ==========================================================================
	Networks Page Specific
========================================================================== */
.networks .world-map { margin-bottom: 28px; }
.networks .world-map .map { width: 100%; margin-bottom: 40px; }
.networks .post h2 { font-size: 26px; color: #333333; }
.networks .post h5 { font-size: 14px; margin-bottom: 10px; color: #5f6767; }
.networks .post p { line-height: 19px; }
.networks .box3 { padding: 18px; }
.networks .box3 h4 { margin-bottom: 15px; }
.networks .box3 h4 img { vertical-align: middle; margin-right: 10px; }
.networks .box3 h5 { margin-bottom: 10px; color: #666666; font-size: 14px; }
.networks .box3 .speed-tester { width: 456px; margin: 0 auto 14px; }
.networks .box3.speed-test h4 { margin-bottom: 25px; }
.networks ul.test-files { position: relative; margin: 0px -15px; padding: 0px; }
.networks ul.test-files li { float: left; width: 25%; margin-bottom: 15px; text-align: center; font-family: 'Aller', sans-serif; border-right: 1px solid #E1E1E1; list-style: none; }
.networks ul.test-files li span.file-size { display: block; margin: 0 auto 15px; width: 60px; height: 60px; background: url(../images/file-bg.jpg) no-repeat 0 0; padding-top: 13px; color: #d60611; font-size: 18px; font-weight: bold; line-height: 20px; text-align: center; }
.networks ul.test-files li a { font-size: 12px; color: #d60611; }
.networks ul.test-files li.last { border: 0; }
.networks .query-form { background: #f5f5f5; padding: 34px 20px 20px; position: relative; margin: 0 -18px -12px; }
.networks .query-form ul li.last { margin-bottom: 0; }
.networks .query-form ul li { margin-bottom: 12px; list-style: none; }
.networks .query-form ul li span.one-half { display: inline-block; width: 122px; margin-right: 6px; }
.networks .query-form ul li .textbox { background: #fff; height: 30px; line-height: 30px; padding: 0 8px; font-size: 14px; color: #666666; width: 100%; border: 1px solid #e1e1e1; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; }
.networks .query-form ul li input.button1 { height: 34px; line-height: 34px; width: 120px; float: right; }
@media screen and (max-width:480px) {
.networks .world-map, .networks .world-map .map { margin-bottom: 20px; }
.networks ul.test-files li { width: 50%; }
.networks ul.test-files li:nth-child(2n) { border-right: 0px; }
}
/*------ pricing-table ----*/
.pricing-table table { width: 100%; background: #ffffff; }
.pricing-table thead { background: url(../images/heading-bg.jpg) repeat-x #353535; height: 40px; }
.pricing-table thead th { font-size: 18px; font-weight: bold; line-height: 18px; color: #d60611; padding: 12px 0 10px; }
.pricing-table thead th.first { padding: 12px 17px 10px; text-align: left; }
.pricing-table tbody tr td { border-right: 1px solid #ffffff; border-bottom: 1px solid #ededed; }
.pricing-table tbody tr.alt td { background: #f5f5f5; }
.pricing-table tbody td { text-align: center; padding: 9px 17px 10px; }
.pricing-table tbody td:first-child { text-align: left; }
.pricing-table tbody td p { margin: 0; font-weight: 500; }
.pricing-table tbody td p span { font-weight: normal; }
.pricing-table tbody td span { font-weight: normal; }
.pricing-table tbody td p, .pricing-table tbody td span { font-size: 14px; line-height: 20px; color: #333333; }
.pricing-table tfoot .button1 { line-height: 34px; float: right; }
.pricing-table tfoot td { padding-top: 14px; }
.pricing-table tfoot td p { float: right; margin-right: 18px; margin-bottom: 0; line-height: 36px; font-size: 13px; color: #666666; }
@media screen and (max-width:1199px) {
.pricing-table thead th { font-size: 16px; }
.pricing-table tbody td p, .pricing-table tbody td span { font-size: 12px; line-height: 18px; }
}
@media screen and (max-width:767px) {
.pricing-table thead th { font-size: 14px; }
}
@media screen and (max-width:568px) {
.pricing-table tfoot td p, .pricing-table tfoot .button1 { float: none; }
.pricing-table tfoot td p { text-align: right; margin-right: 0px; }
}
/* ==========================================================================
	cdn Page Specific
========================================================================== */
.cdn h3 { margin-top: 11px; margin-bottom: 18px; }
.cdn .price { background: #f5f5f5; float: right; height: 52px; border: 1px solid #e1e1e1; margin-bottom: 8px; padding: 7px 6px 6px 15px; }
.cdn .price p { float: left; font-weight: 500; font-size: 21px; line-height: 29px; color: #333333; margin: 3px 0 0; }
.cdn .price .button1 { float: right; line-height: 34px; margin-left: 13px; }
@media screen and (max-width:767px) {
.cdn .price { float: none; }
}
@media screen and (max-width:480px) {
.cdn .price { height: auto; padding: 5px 15px 8px; }
.cdn .price p, .cdn .price .button1 { float: none; }
.cdn .price p { font-size: 18px; }
.cdn .price .button1 { margin-left: 0px; margin-top: 3px; }
}
/* ==========================================================================
	Cross Browser CSS
	Documentation: http://rafael.adm.br/css_browser_selector/
========================================================================== */
.ie9 #main-navigation li.last a { padding: 0 16px; }
.ie8 #main-navigation li.last a { padding: 0 40px; }
.ie8 .user-controls li { width: 120px; border-radius: 5px; }
.ie8 #main-navigation li a { padding: 0 24px; }
.ie8 .box5 header h2 { letter-spacing: -1px; }
.tabs .tab-strips li.colocation a { background: url(../images/colocation-icon2.png) no-repeat 25px 15px; padding-left: 40px; }
#footer .sociable ul { padding: 0; margin: 0; display: inline-block; }
#footer .sociable li { display: inline-block; list-style: none; margin: 0 2px; }
#footer .sociable p { font-size: 15px; font-weight: bold; color: #fff; display: inline-block; margin-bottom: 0; margin-right: 10px; line-height: 28px; }
.sociable.box2 { padding: 4px 9px; }
/*
*button1
*/
#banner .button1 { font-size: 24px; font-weight: bold; display: inline-block; margin-bottom: 17px; }
/*
*special
*/
p.lead { font-size: 16px; color: #060606; line-height: 22px; font-weight: bold; }
.special .box5 header h2 { border-bottom: 0; }
.box6 { border-top: 5px solid #bc0a12; padding: 30px 15px; }
.box6 p { font-size: 16px; color: #666; line-height: 22px; }
.special hr { margin-bottom: 16px; }
.special .box5 header p { font-size: 24px; }
/*
*form
*/
.form ul { margin: 0; padding: 0; }
.form li { list-style: none; display: inline-block; width: 48%; margin-right: 2%; margin-bottom: 10px; }
.form p { font-size: 18px; color: #666; line-height: 22px; }
.form input[type="text"], .form input[type="email"], .form input[type="number"] { background: #f5f5f5; color: #666666; font-size: 14px; }
.form .button1 { min-width: 120px; display: inline-block; margin-right: 14px; }
.form li:nth-child(2n), .form li:last-child { margin-right: 0; }
.form .submit { float: right; text-align: right; }
 @media screen and (max-width:640px) {
.form li { width: 100%; margin-right: 0; display: block; }
.form .button1 { margin-right: 0; }
}
/*
*box3
*/
.box3.form { padding: 20px 10px 10px 10px; }
/*
*ip partners
*/
.ip .partners { float: right; }
.ip .partners ul { margin: 0; padding: 0; }
.ip .partners li { list-style: none; display: inline-block; margin-left: 15px; margin-bottom: 10px; }
 @media(max-width:767px) {
.partners { width: 100%; }
}
/*
*icon
*/
i.icon { padding-right: 10px; }
/*
*network
*/
.ip .network.list5 li { width: 50%; min-height: 0; }
@media screen and (max-width:640px) {
.ip .network.list5 li { width: 100%; margin-bottom: 20px; }
}
/*
*column
*/
.column3, .column4 { width: 50%; }
.column3 { float: left; }
.column4 { float: right; margin-top: 20px; }
@media (max-width:1200px) {
.column3, .column4 { width: 100%; float: none; }
}
/*
*pdf
*/
.pdf.button1 { min-width: 182px; display: inline-block; position: relative; }
.pdf:after { background: url(../images/pdf-icon2.png) no-repeat; content: ''; display: inline-block; height: 21px; width: 37px; position: absolute; top: 4px; right: 7px; }
/*
*footer-navigation
*/
#footer #footer-navigation .footer-navigation ul { margin: 0; padding: 0; }
.footer-navigation li { display: inline-block; border-right: 1px solid #b8bcbc; list-style: none; font-size: 12px; line-height: 12px; color: #b8bcbc; padding: 0 10px; }
.footer-navigation li:last-child { border-right: 0; }
@media screen and (max-width:640px) {
.footer-navigation li { padding: 0 4px; margin-bottom: 10px; }
#footer #footer-navigation .copy-right { text-align: center; }
}
/*
*sociable
*/
.sociable.box2 { max-width: 210px; }
@media screen and (max-width:1119px) {
.sociable.box2 { width: 138%; }
}
@media screen and (max-width:767px) {
.sociable.box2 { display: none; }
}