/* ========================================================================== 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; } /* * Remove text-shadow in selection highlight: h5bp.com/i * These selection rule sets have to be separate. * Customize the background color to match your design. */ ::-moz-selection { background: #b3d4fc; text-shadow: none; } ::selection { background: #b3d4fc; text-shadow: none; } *:focus { outline:none; } /* * Body settings, change it as required */ body { font-family:'Lato', Arial, Helvetica, sans-serif; font-size: 1em; line-height: 1.4; position:relative; overflow-x:hidden; } /* * Headings */ h1, h2, h3, h4, h5, h6 { font-family:'Lato', Arial, Helvetica, sans-serif; font-weight:bold; text-rendering: optimizeLegibility; margin-top:0px; } h1 { color:#4679aa; font-size:55px; margin-bottom:28px;} h2 { color:#4679aa; font-size:40px; margin-bottom:20px;} /* * Paragraphs */ p { font-weight: normal; margin-top:0px; } /* * Links */ 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; } /* * A better looking default horizontal rule */ hr { display:block; height:1px; border:0; border-top:1px solid #dcdcdc; margin:30px 0; padding:0; clear:both; } /* * Remove the gap between images and the bottom of their containers: h5bp.com/i/440 */ img { vertical-align: middle; max-width: 100%; height: auto; -ms-interpolation-mode: bicubic; } /* * Remove default fieldset styles. */ fieldset { border: 0; margin: 0; padding: 0; } /* * Allow only vertical resizing of textareas. */ textarea { resize: vertical; } /* ========================================================================== Helper classes ========================================================================== */ /* * Floats */ .left { float: left; } .right { float: right; } /* * Text Alignment */ .text-left { text-align: left; } .text-right { text-align: right; } .text-center { text-align: center; } /* * Image Alignment */ img.alignleft { float:left; margin:0 15px 15px 0; display: inline;} img.alignright { float:right; margin:0 0px 15px 15px; display: inline;} img.aligncenter { display:block; margin-left:auto; margin-right:auto; margin-bottom:15px;} /* * Clearfix: contain floats */ /* * More semantic version as described in http://css-tricks.com/snippets/css/clear-fix/ */ .group:after { content: ""; display: table; clear: both; } /* * overflow method for clearing floats */ .floatbox { overflow:hidden; } /* * older method of adding empty tags for clearing */ .clear { clear: both; height:1px; line-height:1px; } /* * Chromeframe */ .chromeframe { margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0; } /* * Other */ strong { font-weight:bold;} /* * Post */ /* ========================================================================== Layout ========================================================================== */ /* Container ---------------------- */ #container { min-width:320px;} /* Container ---------------------- */ .container { max-width:990px; width:100%;} /* Header ---------------------- */ #header { background:#050000; position:relative; z-index:100;} /* Banner ---------------------- */ #banner { background:#1d4e72; position:relative; overflow:hidden; min-height:420px; } /* Content ---------------------- */ #content { padding:35px 0 0; } /* Main ---------------------- */ #main { padding:35px 0; } body.posts #main { padding:65px 0 35px; } /* Sidebar ---------------------- */ #sidebar { padding:35px 0; } body.posts #sidebar { padding:65px 0 35px; } /* Footer ---------------------- */ #footer { background:#050000; padding-top:43px;} /* ========================================================================== Common Functionalities & UI Elements ========================================================================== */ /* --- 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; } .post p { font-family: inherit; font-weight: normal; font-size:14px; color:#525252; line-height:20px; margin-bottom:20px; } .post p a { text-decoration:none; color:#246696;} .post p a:hover { text-decoration:underline;} .post p.lead { font-size: 16px; line-height: 22px; margin-bottom: 30px; color:#3f3f3f; } .post figure { margin-bottom:14px;} .post h1, .post h2, .post h3, .post h4, .post h5, .post h6 { font-style: normal; font-weight:normal; color: #3f3f3f; text-rendering: optimizeLegibility; line-height: 1.1; margin-bottom: 15px; margin-top: 0; } .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: 25px; } .post h2 { font-size:24px; line-height:33px; margin-bottom:30px; } .post h2 span { font-size:18px; line-height:21px; display:block; } .post h2 a { color:#df6c00; font-size:18px; line-height:21px;} .post h3 { font-size:20px; line-height:28px; margin-bottom:20px; color:#333; } .post h3 img { margin-right:15px; } .post h3 span { display:inline-block; max-width:90%; vertical-align:middle; } .post h3 strong { color:#e07002; } .post h4 { font-size: 16px; margin-bottom:3px; line-height:18px; color:#525252; font-weight:bold; } .post h4 a { color:inherit; } .post h5 { font-size: 15px; line-height:21px; color:#525252; font-weight:bold; margin-bottom:0; } .post h6 { font-size: 14px; line-height:18px; color:#333; margin-bottom:1px; font-weight:bold; } .post code { font-weight: bold; background: #ffff99; } /* Post - Lists ---------------------- */ .post ul, .post ol, .post dl { font-size: 14px; line-height: 1.6; margin-bottom: 10px; list-style-position: outside; list-style:none; } .post li { font-size:15px; color:#939598; line-height:20px;} .post ul li ul, .post ul li ol { margin-left: 20px; margin-bottom: 0; } .post ol { margin-left: 20px; margin-bottom:15px; } .post ol li ul, .post ol li ol { margin-left: 20px; margin-bottom: 0; padding-top:10px; } .post ul li { font-size:14px; color:#525252; line-height:19px; background:url(../images/post-li-bg.png) left 3px no-repeat; padding-left:27px; margin-bottom:15px; } .post ul li ul { margin-top:10px; } .post ul li li { margin-bottom:10px; } .post ol li { color:#525252; list-style:decimal; margin-bottom:10px;} .post ol li span {color:#939598;} /* Post - Blockquotes ---------------------- */ .post blockquote, .post blockquote p { line-height:20px; } .post blockquote { margin: 0 0 39px; padding:0px 20px 0 20px; } .post blockquote p { color:#666666; margin-bottom:1px; font-style:italic;} .post blockquote cite { display: block; text-align:right; font-weight:bold; } .post blockquote cite a, .post blockquote cite a:visited { color: #555555; } .post address { font-size:14px; color:#525252; line-height:16px; font-style:normal; margin-bottom:20px; } .post img.bottom { margin-bottom:-70px; } .post .button3 { color:#fff; font-size:15px; } .post .button4 { color:#fff; } .post h3 img { margin-left:10px; } .post .address h6 { margin-bottom:20px; } .post .address address { font-size:14px; line-height:20px; color:#333; margin-bottom:15px; } .post .address p { margin-bottom:10px; } .post .address p a { color:inherit; } .post .address p strong { color:#e06d00; } .post .address { padding:20px; } .sticker{ background:#000; color:#fff; padding:2px 10px; font-size:16px; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; font-weight:700; line-height:22px; display:inline-block; margin-right:7px; behavior: url("assets/javascripts/vendor/PIE.php"); position:relative; } /* --- Header ---*/ #header .logo { float:left; position:relative; margin-top:-28px;} #header .logo h1 { margin-bottom:0px; line-height:44px;} #header .strip { height:38px; position:absolute; right:0px; top:0px; width:50%; background:#46494c;} #header .top-bar { float:right; background:#46494c url(../images/top-bar-bg.png) left top no-repeat; height:38px; float:right; padding-left:38px; margin-bottom:15px;} #header .top-bar .icon { display:inline-block; vertical-align:text-bottom; margin-right:10px; width:15px; height:18px; background-image:url(../images/icons.png); background-repeat:no-repeat;} #header .top-bar .phone { background-position:0 0; width:10px;} #header .top-bar .email { background-position:-19px 3px;} #header .top-bar .blog { background-position:-43px 2px;} #header .top-bar .customer-portal { background-position:-67px 2px; width:16px;} #header .contact { float:left; margin-right:38px;} #header .contact p {line-height:38px; color:#cecece; font-weight:bold; font-style:italic; font-size:14px; text-transform:uppercase;} #header .contact p span { color:#ffab15; font-weight:900; font-style:normal;} #header .contact p span a { color:#ffab15; } #header .contact p a { color:#cecece;} #header .user-controls { padding:0px; margin:0px; list-style:none; float:right;} #header .user-controls li { float:left; line-height:38px; font-size:13px; color:#cecece; margin-right:50px;} #header .user-controls li.last { margin-right:0px;} #header .user-controls li a {color:#cecece;} #header .order-now-btn { float:right;} /* --- Main Navigation ---*/ #main-navigation { float:right;} #main-navigation ul { padding:0px; margin:0px; list-style:none;} #main-navigation > ul li { float:left; margin-right:17px; position:relative; height:46px; font-size:14px; font-weight:bold; color:#fff;} #main-navigation > ul li > a { color:#fff; line-height:32px;} #main-navigation > ul > li:hover, #main-navigation > ul > li.active { border-bottom:4px solid #e16e00;} #main-navigation > ul > li:hover > a, #main-navigation > ul > li.active > a { color:#e16e00;} #main-navigation ul li a:hover { text-decoration:none;} #main-navigation ul li ul { background:#050000; width:166px; position:absolute; left:0px; top:-100000px;} #main-navigation ul li.managed-hosted-services ul { width:175px; } #main-navigation ul li:hover ul { top:46px;} #main-navigation ul li ul li {margin-bottom:1px; float:none; height:auto; margin-right:0px;} #main-navigation ul li ul li a { display:block; background:#46494c; color:#fff; font-size:14px; line-height:17px; padding:10px 13px;} #main-navigation ul li ul li a:hover { background:#050000; color:#e16e00;} /* --- Secondary Navigation ---*/ #secondary-navigation { background:#e16e00; border-bottom:1px solid #dd6203; } #secondary-navigation.blue-bar{ background:#266ea0; border-bottom:1px solid #21618d; } #secondary-navigation ul { padding:0; margin:0; list-style:none; } #secondary-navigation ul li { margin-right:24px; float:left; position:relative; } #secondary-navigation ul li.active a:after { display:block; } #secondary-navigation ul li.last { margin-right:0; } #secondary-navigation ul li a { font-size:16px; line-height:19px; color:#fff; display:inline-block; padding:15px 0; } #secondary-navigation ul li a:after { background:url(../images/arrow6.png) no-repeat left top; width:22px; height:12px; display:none; position:absolute; bottom:-1px; left:50%; margin-left:-11px; content:""; } #secondary-navigation ul li a:hover { text-decoration:underline; } #secondary-navigation .nav-btn { display:none; } /* --- Banner ---*/ #banner h1 { font-size:52px; color:#fff; line-height:54px; margin-bottom:20px; font-weight:normal;} #banner h1 strong { color:#ee9935; } #banner h2 { font-size:45px; color:#fff; line-height:54px; margin-bottom:20px; font-weight:normal;} #banner h3 { font-size:26px; color:#d5dae0; line-height:31px; margin-bottom:38px; font-weight:normal;} #banner .slides { min-height:420px; position:relative;} #banner .slide { position:absolute; width:100%; display:none; padding:57px 0px 0px; } #banner .slide:first-child { display:block;} #banner .description { position:relative; z-index:5; width:480px; min-height:364px; } #banner .image img { vertical-align:bottom; position:relative;} #banner .image img.slide1-image { right:-47px;} #banner .controls { position:absolute; left:15px; z-index:100; bottom:25px;} #banner .controls a { display:inline-block; width:14px; height:0px; padding-top:14px; overflow:hidden; margin-right:8px; background:url(../images/controls-a-bg.png) right top no-repeat;} #banner .controls a:hover, #banner .controls a.activeSlide { text-decoration:none; background:url(../images/controls-a-bg.png) left top no-repeat;} #banner a.previous-btn { width:14px; z-index:1000; height:26px; position:absolute; display:block; left:40px; top:50%; margin-top:-13px; background:url(../images/icons.png) -91px 0px no-repeat;} #banner a.next-btn { width:14px; z-index:1000; height:26px; position:absolute; display:block; right:40px; top:50%; margin-top:-13px; background:url(../images/icons.png) -112px 0px no-repeat;} #banner a.previous-btn:hover, #banner a.next-btn:hover { text-decoration:none;} #banner #slide1 .image { background:url(../images/banner-image-bg.png) left top no-repeat; width:876px; height:520px; line-height:520px; position:absolute; right:-135px; bottom:0px; text-align:center;} #banner #slide2 .image { background:url(../images/banner-image-bg1.png) no-repeat left bottom; width:100%; height:431px; line-height:431px; position:absolute; bottom:0; left:auto; z-index:2; text-align:center; background-size:contain; } #banner #slide2 .description { width:100%; text-align:center; } #banner #slide2 .description h3 { margin-bottom:24px; } #banner #slide2 .description span.divider { background:url(../images/divider-bg.png) no-repeat left center; width:6px; height:100%; display:inline-block; margin:0 18px; } #banner #slide3 { padding:0; } #banner #slide3 .button2 { float:right; } #banner #slide3 .image1, #banner #slide4 .image1 { height:420px; line-height:420px; position:absolute; left:0px; top:0; width:100%; background-repeat:no-repeat; background-size:cover; } #banner #slide3 .image1 img, #banner #slide4 .image1 img { vertical-align:bottom; position:relative;} #banner #slide3 .description { background:url(../images/banner-box-bg.png) repeat; float:right; padding:20px; width:600px; min-height:0; margin:40px 0; } #banner #slide3 h2 { font-size:36px; line-height:36px; margin-bottom:25px; } #banner #slide3 h2 span { vertical-align:middle; display:inline-block; line-height:36px; } #banner .description ul { margin:0; padding:0; } #banner .description ul li { font-size:17px; list-style:none; color:#fff; line-height:20px; background:url(../images/post-li-bg.png) left 3px no-repeat; padding-left:27px; margin-bottom:15px; } /* --- Banner 1 ---*/ #banner1 { position:relative; } #banner1 img { width:100%; } #banner1 .inner-banner { position:absolute; left:0; bottom:0; width:100%; } #banner1 .inner-banner h2 { text-align:right; color:#fff; font-weight:normal; font-size:45px; line-height:54px; margin-bottom:10px; } /* --- Page Head ---*/ .page-head { padding:25px 0 30px; background:#1d4e72; } .page-head span.cloud-image { background:url(../images/cloud-img.jpg) no-repeat; width:770px; height:166px; position:absolute; right:-70px; bottom:-30px; } .page-head h2 { font-size:45px; line-height:48px; font-weight:normal; vertical-align:middle; color:#fff; margin:0; position:relative; } .page-head h2 span { line-height:54px; display:inline-block; vertical-align:middle;} .page-head h2 img { margin-right:15px; vertical-align:middle; } /* --- Page Head 1 ---*/ .page-head1 { background:#1d4e72 url(../images/page-head1-bg.jpg) no-repeat top center; padding-top:70px; } .page-head1 h2 { font-size:42px; margin-bottom:15px; color:#fff; } .page-head1 h2 span { color:#f89f1e; } .page-head1 p { font-size:26px; line-height:30px; color:#fff; } /* --- Page Head2 ---*/ .page-head2 { padding:35px 0 24px; background:#46494c; } .page-head2 span.cloud-image{ background:url(../images/cloud-black.jpg) no-repeat; width:754px; height:169px; position:absolute; right:-70px; top:-34px; bottom:-30px;} .page-head2 h2 { font-size:45px; line-height:48px; font-weight:normal; vertical-align:middle; color:#fff; margin:0; position:relative; } .page-head2 h2 span { line-height:54px; display:inline-block; vertical-align:middle;} .page-head2 h2 img { margin-right:15px; vertical-align:middle; } .premium-tag{ position:absolute; bottom:-60px; right:0;} /* --- Breadcrumbs ---*/ #breadcrumbs { background:#ededed; border-bottom:1px solid #dcdcdc; padding:20px 0px; } #breadcrumbs a { font-size:14px; line-height:16px; color:#333; } #breadcrumbs a.home { color:#246696; } #breadcrumbs span.arrow { background:url(../images/arrow5.png) no-repeat; height:7px; width:4px; display:inline-block; margin:0 15px; vertical-align:middle; } #breadcrumbs span { font-size:14px; line-height:16px; color:#3f3f3f; } /* --- Services ---*/ #services { padding:35px 0px 42px;} #services .service { text-align:center;} #services .service h2 { font-size:24px; color:#3f3f3f; line-height:33px; font-weight:normal; margin-bottom:19px; min-height:66px;} #services .service h2 span { line-height:63px;} #services .service .icon { margin-bottom:24px; line-height:111px; display:block;} #services .service .icon img { vertical-align:top;} #services .service ul { margin:0px 0px 21px; padding:0px; list-style:none; border-top:1px solid #e5e5e5;} #services .service ul li { border-bottom:1px solid #e5e5e5; padding:7px 10px 10px; font-size:15px; color:#55595a;} /* --- Testimonials ---*/ #testimonials { background:#eeeeee; border-bottom:1px solid #e5e5e5; border-top:1px solid #e5e5e5; padding:33px 0px 44px; position:relative;} #testimonials:after { position:absolute; top:-1px; background:url(../images/arrow.gif) left top no-repeat; display:block; width:36px; height:19px; left:50%; margin-left:-18px; content:"";} #testimonials h2 { text-align:center; font-size:24px; margin-bottom:22px; position:relative; color:#333333; font-weight:normal; line-height:28px;} #testimonials h2 img.icon { vertical-align:middle; margin-right:10px;} #testimonials h2:after { background:url(../images/arrow3.png) left top no-repeat; position:relative; top:17px; width:44px; height:31px; display:inline-block; margin-left:18px; content:"";} #testimonials .slides { width:100% !important; position:relative; } #testimonials .slide { width:100% !important; position:absolute; opacity:0; } #testimonials .slide:first-child { opacity:1; } #testimonials .slide blockquote { background:#fff; position:relative; -webkit-border-radius:7px; -moz-border-radius:7px;border-radius:7px; behavior: url("assets/javascripts/vendor/PIE.php"); text-align:center; padding:29px 25px 21px; margin:0px 15px 0px 0px; border-bottom:2px solid #dedede;} #testimonials .slide blockquote:after { position:absolute; background:url(../images/arrow2.gif) left top no-repeat; width:27px; height:25px; right:-27px; bottom:24px; content:"";} #testimonials .slide blockquote p { font-size:20px; color:#333333; line-height:28px; margin-bottom:15px; font-style:italic;} #testimonials .slide blockquote p.cite { font-style:normal; font-size:16px; line-height:19px; text-align:right; margin-bottom:0px;} #testimonials .slide blockquote p.cite a:hover { text-decoration:underline; } #testimonials .slide blockquote p.cite a { color:#246696;} #testimonials .slide blockquote p.cite cite { font-style:normal;} #testimonials .slide .logo { float:right; background:url(../images/logo-bg.png) left top no-repeat; width:140px; height:140px; background-size:100% 100%; line-height:140px; text-align:center;} #testimonials .slide .logo img { vertical-align:middle;} #testimonials .controls { position:absolute; right:10px; top:10px;} #testimonials .controls a { display:inline-block; width:12px; height:0px; padding-top:12px; overflow:hidden; margin-right:6px; background:url(../images/controls-a-bg1.png) right top no-repeat;} #testimonials .controls a:hover, #testimonials .controls a.activeSlide { text-decoration:none; background:url(../images/controls-a-bg1.png) left top no-repeat;} /* --- Success Stories ---*/ #success-stories { background:#fff; padding:37px 0px 48px;} #success-stories h2 { text-align:center; font-size:24px; margin-bottom:21px; position:relative; color:#333333; font-weight:normal; line-height:28px;} #success-stories h2 img.icon { vertical-align:middle; margin-right:10px;} #success-stories blockquote { margin:0px;} #success-stories blockquote cite { display:block; font-style:normal; float:left; width:180px; font-size:14px; color:#333333; line-height:19px;} #success-stories blockquote cite img { margin-bottom:15px;} #success-stories blockquote cite a { color:#246696;} #success-stories blockquote cite a:hover { text-decoration:underline; } #success-stories blockquote .content { padding:19px 22px 27px; position:relative; background:#eeeeee; border-bottom:2px solid #cccccc; margin-left:180px; margin-right:-2px; left:-2px;} #success-stories blockquote .content:after { content:""; background:url(../images/arrow4.png) left top no-repeat; width:11px; height:24px; display:block; position:absolute; left:-11px; top:50px;} #success-stories blockquote .content p { font-size:14px; color:#55595a; line-height:19px; margin-bottom:20px;} #success-stories blockquote .content p.lead { font-size:16px; color:#333333; line-height:22px;} #success-stories blockquote .content a.read-more { float:right; font-size: 14px; line-height: 19px; color:#246696; } #success-stories blockquote .content a:hover { text-decoration:underline; } /* --- Our Partners ---*/ #our-partners { background:#e16e00; padding:12px 0px;} #our-partners h2 { font-size:22px; color:#fff; font-weight:normal; margin:0px; float:left; line-height:60px;} #our-partners ul { float:right; margin:0px; padding:0px; list-style:none;} #our-partners ul li { float:left; line-height:60px; margin-left:28px;} #our-partners ul li.first { margin-left:0px;} #our-partners ul li img { vertical-align:middle;} /* --- Section1 ---*/ .section1 { margin-bottom:20px;} .section1.box2 { margin-bottom:0px; padding-left:15px; padding-right:15px;} .section1 img.icon { float:left; margin:0 20px 20px 0;} .section1 .description { margin-left:90px; margin-bottom:20px;} .section1 i.icon { width:74px; display:block; margin-right:16px; float:left;} .post .section1 h3 { margin-bottom:25px;} .section1 .description span{ color:#e06d00; font-weight:700; display:block; font-size:14px; line-height:20px;} /* --- Order tabs ---*/ .order-tabs{ position:relative;} .order-tabs h3{ position:relative; font-size:22px; display:inline-block; line-height:45px; margin:0; margin-right:25px;} .order-tabs ul{ float:left;} .order-tabs .tab-content{ clear:both; padding:0 !important;} .order-tabs .tab-strips{ display:inline-block; height:50px;} .order-tabs .tab-strips li a{ height:49px; font-size:18px;} .order-tabs.ui-tabs .ui-tabs-nav .ui-tabs-anchor{ padding:13px 20px !important; border-radius:5px 5px 0 0;} .order-tabs h3:after { position:absolute; content:""; width:47px; height:20px; display:block; background:url(../images/arrow21.png) no-repeat; top:10px; right:-55px; } .order-tabs .tab-strips img{ margin:0 10px 0 0;} .post .order-tabs .tab-strips li{ border-radius:5px 5px 0 0; background:#fff; margin-right:7px;} .post .order-tabs .tab-strips li:hover{ background:#ededed;} .order-tabs .ui-tabs-active{ border-color:#EDEDED !important;} .order-tabs .ui-tabs-active a,.order-tabs .tab-content{ background:#ededed;} .order-tabs .tab-content{ border:0 !important;} .order-tabs .vps-plans { width:75%; float:left;} .order-tabs .vps-plans ul{ width:100%; border-bottom: 1px solid #FFFFFF; float:none; margin:0;} .post .vps-plans li{ float:left; width:25%; border-right:1px solid #fff; background:none; padding:20px 25px 0; margin:0;} .post .vps-plans li.last{ border-right:0;} .post .vps-plans li h6{ font-size:13px; color:#7f7f7f; line-height:16px; text-transform:uppercase; margin:0 0 5px;} .post .vps-plans li p{ font-size:22px;} .post .add-ons li{ color:#246696;} .post ul li .highlight-text{ color:#e06d00; font-weight:700;} .operating-systems{ padding:60px 0 55px;} .operating-systems h3{ margin-bottom:30px;} .operating-systems h4{ font-weight:400; font-size:18px; color:#545454; margin: 0 0 15px;} .post .operating-systems ul{ border-left:1px solid #dadada;} .post .operating-systems li{ background:none; text-align:center; padding:15px 17.8px 20px 18px; float:left; border:1px solid #dadada; margin:0; border-left:0;} .operating-systems.linux ul li { width:20%; } /* slider-box */ .slider-box{ padding:25px;} .slider-box .slider{ background:url(../images/slider-range.png) no-repeat; width:100%; height:37px; position:relative;} .ui-slider-range{ background:url(../images/range-slider-bg.png) repeat-x; height:10px; border:1px solid #1d4e72; border-radius:5px;} .ui-slider-handle{ background:url(../images/slider-handle.png) no-repeat; height:42px; width:42px; position:absolute; top:-15px; margin-left:-5px; } .order-tabs .order-box{ width:25%; float:left; background:#266da0; border-radius:0 10px 10px 0; -moz-border-radius:0 10px 10px 0; -webkit-border-radius:0 10px 10px 0; padding:25px 32px; text-align:center; behavior: url("assets/javascripts/vendor/PIE.php"); position:relative; } .order-tabs .order-box h1{ font-size:48px; color:#fff; margin: 0 0 5px;} .order-tabs .order-box h1 small{ font-size:27px; color:#fff;} .order-tabs .order-box p{ font-size:18px; color:#fff; margin: 0 0 10px;} .order-box .arrow{ background:url(../images/arrow22.png) no-repeat; width:15px; height:28px; position:absolute; top:15%; left:0; display:block;} .order-tabs .order-box .button1{ padding:0 20px;} /* --- Order Now ---*/ .order-now { text-align:center;} .order-now.box1 { padding-top:15px;} .order-now h2 { margin-bottom:0; line-height:30px; color:#333333; } .post .order-now h2 { margin-bottom:0px;} .order-now .order-now-btn { margin-left:16px; height:55px; line-height:52px; padding:0px 30px; font-size:17px; margin-top:15px; -webkit-border-radius:5px; -moz-border-radius:5px;border-radius:5px; behavior: url("assets/javascripts/vendor/PIE.php"); position:relative; } /* --- Spam Virus ---*/ .spam-virus .section1 .description { margin-left:100px;} /* --- Uptime performance ---*/ .uptime-performance .post .features h3 { margin-bottom:30px;} .uptime-performance .post ul { margin-bottom:60px;} .uptime-performance h3 img.icon { float:left;} .uptime-performance h3 span { display:inline-block; padding-top:18px;} .uptime-performance .box3 { float:right; margin-top:15px; margin-bottom:30px;} .uptime-performance .box3:before { position:absolute; right:48px; background:url(../images/arrow7.png) left top no-repeat; width:33px; height:32px; top:-32px; content:""; display:block;} .uptime-performance .box3:after { position:absolute; right:125px; background:url(../images/arrow8.png) left top no-repeat; width:54px; height:124px; bottom:-145px; content:""; display:block;} .uptime-performance .post .box3 h2 { margin-bottom:0px;} /* --- Web Hosting ---*/ .web-hosting .order-now { padding-top:60px;} /* --- Web Email Hosting ---*/ .box1.web-email-hosting { padding-top:90px; } /* --- Network Locations ---*/ .network-locations ul li { width:50%; float:left; padding-right:10px; } .network-locations .frame1 { position:relative; bottom:-35px; margin:0; } /* --- Easy to Use ---*/ .easy-to-use img { margin-right:40px; } .easy-to-use h3 { margin-bottom:5px; } /* --- Managed DNS ---*/ .managed-dns img.dns { margin-bottom:35px; } /* --- DNS Hosting ---*/ .dns-hosting img { margin-right:20px; margin-bottom:0; } .dns-hosting h3 { margin-bottom:5px; padding-top:20px; } .dns-hosting p { font-size:16px; line-height:19px; color:#333; } /* --- Website Builder ---*/ .website-builder img.screen { margin:-70px 0px 15px; position:relative; left:-15px; } .website-builder .post:first-child p.lead { margin-bottom:90px; } .website-builder .order-now span.arrow { background:url(../images/arrow9.png) no-repeat; width:65px; height:58px; display:block; position:absolute; left:10px; top:120px; } /* --- Steps ---*/ .steps figure { margin-bottom:30px; } .steps span.icon { margin-bottom:30px; display:block; } .steps span.number { width:40px; height:40px; border-radius:20px; -moz-border-radius:20px; -webkit-border-radius:20px; font-size:24px; font-weight:bold; background:#dd6901; color:#fff; text-align:center; line-height:40px; display:block; float:left; margin:0 10px; behavior: url("assets/javascripts/vendor/PIE.php"); position:relative; } .post .steps h2 { font-size:24px; margin-bottom:35px; } .steps h4 { padding-top:10px; text-align:left; } /* --- Footer ---*/ #footer h4 { font-size:14px; color:#f4f4f4; font-weight:bold; margin-bottom:8px; line-height:17px;} #footer h5 { font-size:14px; color:#bfc0c0; line-height:22px; font-weight:900; margin-bottom:15px;} #footer p { font-size:14px; color:#bfc0c0; line-height:22px; margin-bottom:26px;} #footer span.date { display:block; font-weight:bold; font-size:14px; line-height:20px; text-transform:uppercase; color:#e06d00;} #footer p a.email {color:#e06d00;} #footer p a {color:#bfc0c0;} #footer #footer-navigation ul { margin:0px; padding:0px; list-style:none;} #footer #footer-navigation ul li { margin-bottom:0px;} #footer #footer-navigation ul li a { font-size:14px; color:#bfbfbf; line-height:17px;} #footer .news { max-width:360px; width:100%;} #footer .news p { line-height:20px;} #footer .contact { padding-left:60px;} #footer .contact p { margin-bottom:33px;} #footer .sociable ul { margin:0px; padding:3px 0px 0px; list-style:none;} #footer .sociable ul li { float:left; margin-right:9px;} #footer .sociable ul li a { display:block; width:24px; height:24px; background-image:url(../images/icons.png); background-repeat:no-repeat;} #footer .sociable ul li.facebook a { background-position:-137px 0px;} #footer .sociable ul li.twitter a { background-position:-170px 0px;} #footer .sociable ul li.linkedin a { background-position:-203px 0px;} #footer .inner-footer { padding:27px 0px; background:#2f2f31; margin-top:35px;} #footer .inner-footer p { line-height:26px; margin:0px; color:#acacac; } #footer .inner-footer p a { color:inherit;} #footer .inner-footer p a:hover { text-decoration:underline; } #footer .inner-footer p span.divider { display:inline-block; margin:0px 10px;} #footer .inner-footer .col-sm-9 p { text-align:right;} #footer .inner-footer .logo { margin-left:30px;} /* --- Frame 1 ---*/ .frame1 { background:#fff; padding:10px; border:1px solid #f0f0f0; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; box-shadow:0 0 1px #f6f6f6; -moz-box-shadow:0 0 1px #f6f6f6; -webkit-box-shadow:0 0 1px #f6f6f6; behavior: url("assets/javascripts/vendor/PIE.php"); position:relative; } .frame1 img { width:100%; } /* --- Frame 2 ---*/ .frame2 { margin-bottom:30px; } .frame2 img { border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; box-shadow:0 0 5px #ccc; -moz-box-shadow:0 0 5px #ccc; -webkit-box-shadow:0 0 5px #ccc; behavior: url("assets/javascripts/vendor/PIE.php"); position:relative; } /* --- Figure 1 ---*/ .figure1 { background:#fff; text-align:center; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; box-shadow:0 1px 0 1px #d4d4d4; -moz-box-shadow:0 1px 0 1px #d4d4d4; -webkit-box-shadow:0 1px 0 1px #d4d4d4; behavior: url("assets/javascripts/vendor/PIE.php"); position:relative; } /* --- Figure 3 ---*/ .figure2 { background:#e4e4e4; height:120px; width:45%; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; float:left; text-align:center; line-height:120px; margin-right:15px; behavior: url("assets/javascripts/vendor/PIE.php"); position:relative; } /* --- Box1 ---*/ .box1 { background:url(../images/box1-bg.gif) left top repeat; border-bottom:1px solid #e5e5e5; border-top:1px solid #e5e5e5; padding:35px 0px;} /* --- Box 2 ---*/ .box2 { padding:50px 0; } /* --- Box3 ---*/ .box3 { position:relative; background:#eeeeee; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; behavior: url("assets/javascripts/vendor/PIE.php"); padding:25px 48px;} /* --- Box 4 ---*/ .box4 { background:#ededed; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; padding:25px; margin-bottom:20px; behavior: url("assets/javascripts/vendor/PIE.php"); position:relative; } /* --- Box 5 ---*/ .box5 { background:#fff; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; border-bottom:2px solid #e3e3e3; padding:25px 30px 10px; behavior: url("assets/javascripts/vendor/PIE.php"); position:relative; } .box5:after { background:url(../images/arrow12.png) no-repeat; width:23px; height:27px; position:absolute; content:""; right:40px; top:-27px; } /* --- Box 6 ---*/ .box6 { border:1px solid #dcdcdc; padding:20px 13px 5px; margin-bottom:45px; } .box6 h6 { font-size:13px; line-height:18px; margin-bottom:20px; } /* --- Box 7 ---*/ .box7 { background:#266da0; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; padding:15px; margin-bottom:55px; behavior: url("assets/javascripts/vendor/PIE.php"); position:relative; } /* --- Box 8 ---*/ .box8 { background:#fff; border-bottom:2px solid #d6d6d6; padding:10px; margin-bottom:15px; } /* --- Sociables ---*/ .sociables { padding-top:30px; } .sociables ul { margin:0; padding:0; } .sociables ul li { list-style:none; float:left; margin-right:20px; } .sociables ul li:last-child { margin-right:0; } .sociables ul li a { background:url(../images/icons.png) no-repeat; height:43px; width:43px; display:block; } .sociables ul li.rss a { background-position:left -40px; } .sociables ul li.fb a { background-position:-62px -40px; width:44px; } .sociables ul li.twitter a { background-position:-121px -40px; width:44px; } .sociables ul li.linkedin a { background-position:-181px -40px; } .sociables ul li.rss:hover a { background-position:left -97px; } .sociables ul li.fb:hover a { background-position:-62px -97px; } .sociables ul li.twitter:hover a { background-position:-121px -97px; } .sociables ul li.linkedin:hover a { background-position:-181px -97px; } /* --- Form ---*/ .form input[type="text"] { border:1px solid #cdcdcd; height:36px; line-height:36px; width:100%; font-size:15px; color:#333; padding:10px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; behavior: url("assets/javascripts/vendor/PIE.php"); position:relative; } ::-webkit-input-placeholder { /* WebKit browsers */ color: #333; } :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #333; } ::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #333; } :-ms-input-placeholder { /* Internet Explorer 10+ */ color: #333; } .form textarea { width:100%; border:1px solid #cdcdcd; font-size:15px; color:#333; padding:10px; resize:none; min-height:100px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; behavior: url("assets/javascripts/vendor/PIE.php"); position:relative; } .form input[type="submit"] { border:0; border-top:1px solid #F4AE26; } .form select { font-size:15px; line-height:18px; color:#333; width:100%; background:#fff url(../images/selectbox-bg.png) no-repeat right top; border:1px solid #cecece; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; height:36px; padding-left:13px; padding-right:34px; -webkit-appearance: none; -moz-appearance: none; appearance: none; text-indent: 0.01px; text-overflow: ""; behavior: url("assets/javascripts/vendor/PIE.php"); } .form select::-ms-expand { display: none; } /* --- Button1 ---*/ .button1 { display:inline-block; -webkit-border-radius: 2px; -moz-border-radius: 2px;border-radius: 2px; background: #f47700;background: -webkit-gradient(linear, 0 0, 0 bottom, from(#f47700), to(#D24F07));background: -webkit-linear-gradient(#f47700, #D24F07);background: -moz-linear-gradient(#f47700, #D24F07);background: -ms-linear-gradient(#f47700, #D24F07);background: -o-linear-gradient(#f47700, #D24F07);background: linear-gradient(#f47700, #D24F07);-pie-background: linear-gradient(#f47700, #D24F07); position:relative; behavior: url("assets/javascripts/vendor/PIE.php"); border-top:1px solid #f4ae26; height:32px; line-height:31px; padding:0px 11px; font-size:14px; color:#fff; font-weight:bold; text-transform:uppercase;} .button1:hover, .button1:after, .button1:focus { color:#fff;background: #ff912a;background: -webkit-gradient(linear, 0 0, 0 bottom, from(#ff912a), to(#F7691C));background: -webkit-linear-gradient(#ff912a, #F7691C);background: -moz-linear-gradient(#ff912a, #F7691C);background: -ms-linear-gradient(#ff912a, #F7691C);background: -o-linear-gradient(#ff912a, #F7691C);background: linear-gradient(#ff912a, #F7691C);-pie-background: linear-gradient(#ff912a, #F7691C);} /* --- Button2 ---*/ .button2 { display:inline-block; -webkit-border-radius:3px; -moz-border-radius:3px;border-radius:3px; background: #d24f07 url(../images/buttons-bg.png) 0px -144px repeat-x; position:relative; behavior: url("assets/javascripts/vendor/PIE.php"); border-top:1px solid #f4ae26; height:44px; line-height:43px; padding:0px 23px; font-size:20px; color:#fff; font-weight:bold; text-transform:uppercase;} .button2:hover, .button2:after, .button2:focus { color:#fff;background: #f7691c url(../images/buttons-bg.png) 0px -222px repeat-x;} /* --- Button3 ---*/ .button3 { display:inline-block; box-shadow:0px 1px 0px #f4ae26 inset; -moz-box-shadow:0px 1px 0px #f4ae26 inset; -webkit-box-shadow:0px 1px 0px #f4ae26 inset; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px; background: #d35007 url(../images/buttons-bg.png) left top repeat-x; position:relative; behavior: url("assets/javascripts/vendor/PIE.php"); border:1px solid #c75103; height:36px; line-height:34px; padding:0px 16px; font-size:15px; color:#fff; font-weight:bold; text-transform:uppercase;} .button3:hover, .button3:after, .button3:focus { color:#fff;background: #f76b1c url(../images/buttons-bg.png) left -68px repeat-x;} /* --- Button 4 ---*/ .button4 { background:#266da0; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; color:#fff; font-size:18px; height:56px; line-height:56px; display:inline-block; padding:0 15px; } .post .button4 span { display:inline-block; vertical-align:middle; line-height: 21px; } .button4:hover, .button4:focus { background:#145f95; } /* --- List 1 ---*/ .post .list1 { margin-bottom:10px; margin-left:50px; } .post .list1 li { background:none; padding-left:0; margin-bottom:0; list-style:lower-alpha; } .post .list1 li ul { margin:5px 0 5px 20px; } .post .list1 li ul li { list-style:lower-roman; } .post .list1 li ul li ul { margin-left:30px; } .post .list1 li ul li ul li { list-style:upper-alpha; } .post .list1 li ul li ul li ul li { list-style:upper-roman; } /* --- List 2 ---*/ ul.list2 li { background:url(../images/list2-bg.png) no-repeat 10px 7px; padding-left:20px; font-size:13px; line-height:16px; color:#545454; margin-bottom:20px; } /* --- List 3 ---*/ ul.list3 li { background:none; padding-left:0; margin-bottom:30px; } .list3 li p { padding-left:40px; font-size:14px; line-height:24px; } .list3 li span.number { background:#1d4e72; font-size:18px; line-height:28px; font-weight:bold; color:#fff; height:28px; width:28px; border-radius:18px; -moz-border-radius:18px; -webkit-border-radius:18px; display:inline-block; text-align:center; float:left; behavior: url("assets/javascripts/vendor/PIE.php"); position:relative; } /* --- Our Management Team ---*/ .our-management-team h4 { color:#333; margin-bottom:5px; } .our-management-team p { color:#555; margin-bottom:30px; } .available-support.section1 .description { margin-left:100px; } /* --- Tabs ---*/ .post .tab-strips { margin:0; padding:0; background:none; border:0; } .post .tab-strips li { list-style:none; float:left; background:#ededed; border:1px solid #DADADA; border-bottom:0; margin-right:2px; border-radius:10px 10px 0 0; -moz-border-radius:10px 10px 0 0; -webkit-border-radius:10px 10px 0 0; margin-bottom:0; padding-left:0; behavior: url("assets/javascripts/vendor/PIE.php"); position:relative; } .tab-strips li:hover, .tab-strips .ui-state-active { background:#fff; border:1px solid #dadada; border-bottom:0; position:relative; z-index:100; } .tab-strips .ui-state-active, .tab-strips .ui-state-active a, .tab-strips .ui-state-active a:link, .tab-strips .ui-state-active a:visited { color:#333; } .tab-strips .ui-state-active {border-bottom:1px solid #fff; color:#333; } .tab-strips .ui-state-active a, .tab-strips .ui-state-hover, .tab-strips li:hover a { color:#333; } .tab-strips li a { font-size:20px; line-height:20px; color:#81827d; padding:20px; display:block; height:62px; } .ui-widget-content { border:0; } .ui-tabs .ui-tabs-panel, .tab-content { border:1px solid #dadada; padding:50px 35px; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; top:-1px; behavior: url("assets/javascripts/vendor/PIE.php"); position:relative; } .tab-content h2 { color:#333333; font-size:21px; line-height:26px; font-weight:normal; } .tab-content h2 a { font-size:13px; line-height:16px; color:#246696; } .tab-content h2 strong { color:#e06d00; } .tab-content h2 span { display:inline; font-size:21px; color:#e06d00; } .tab-content .description h2 { margin-bottom:25px; } .tab-content .description h2 strong { display:block; font-size:14px; line-height:14px; } .ui-widget-content { background:none;} .ui-tabs .ui-tabs-nav .ui-tabs-anchor { padding:20px; font-weight:normal; border-radius:10px 10px 0 0; -moz-border-radius:10px 10px 0 0; -webkit-border-radius:10px 10px 0 0; behavior: url("assets/javascripts/vendor/PIE.php"); position:relative; } .ui-tabs-active a { background:#fff; } /* --- Datacenter Locations ---*/ .datacenter-locations .frame1 { position:relative; bottom:-20px; margin:0; } .ssae16-img { padding-top:50px; } /* --- Guarantee Image ---*/ .page-head1.guarantee { padding-bottom:55px; } .page-head1.guarantee p { font-size:23px; line-height:26px; } .page-head1.guarantee img { position:absolute; top:-55px; left:0px; } /* --- Kixkass Guarantee ---*/ .kickass-guarantee .box3 { margin-top:30px; margin-bottom:80px; } .kickass-guarantee .box3:before { position:absolute; right:48px; background:url(../images/arrow7.png) left top no-repeat; width:33px; height:32px; top:-32px; content:""; display:block;} .kickass-guarantee .box3:after { position:absolute; left:50%; margin-left:-20px; background:url(../images/arrow13.png) left top no-repeat; width:41px; height:91px; bottom:-107px; content:""; display:block; z-index:100; } .kickass-guarantee .box3 h2 { margin-bottom:0px; } .kickass-guarantee .box3 h2 img { margin-right:15px; } .kickass-guarantee .box3 h2 span { display:inline-block; max-width:75%; vertical-align:middle; } /* --- Satisfaction Guaranteed ---*/ .satisfaction-guaranteed .box3 { border-radius:3px; padding-left:205px; margin-bottom:125px; -moz-border-radius:3px; -webkit-border-radius:3px; behavior: url("assets/javascripts/vendor/PIE.php"); position:relative; } .satisfaction-guaranteed .box3 img { position:absolute; left:-135px; top:-55px; } .satisfaction-guaranteed .box3 h3 { margin-bottom:5px; line-height:20px; } .satisfaction-guaranteed .box3 p { margin-bottom:0; } /* --- Available Services ---*/ .mobile-manager .available-devices { position:absolute; left:15px; bottom:30px; } .available-devices p { margin-bottom:10px; } /* --- Signup Account ---*/ .box1.signup-account { padding-top:135px; } .signup-account { text-align:center; } .mobile-manager .signup-btn { height:55px; line-height:55px; margin-left:15px; } .signup-account h2 { color:#050000; line-height:28px; } /* --- Mobile App Feature ---*/ .mobile-app-features .col-sm-6 { margin-bottom:30px; } .mobile-app-features .box3:after { background:url(../images/arrow14.png) no-repeat left top; content:""; position:absolute; width:58px; height:24px; left:25px; bottom:-24px; } .mobile-app-features .box3 { padding:25px 20px; margin-top:50px; } .mobile-app-features .box3 h2 { margin-bottom:15px; } .mobile-app-features .box3 h2 span { font-size:18px; color:#050000; vertical-align:middle; display:inline-block; max-width:70%; } .mobile-app-features .box3 p { margin-bottom:0; } /* --- Download Demo ---*/ .download-demo { padding-top:110px; text-align:center; } .download-demo .button3 { height:55px; line-height:55px; margin:0 22px; } .button3 img { margin-right:15px; margin-top:-3px; } .parallel-plesk .available-devices { float:right; } /* --- Powered By ---*/ .page-head1.powered-by { padding-top:30px; } .page-head1.powered-by h2 { font-size:35px; line-height:35px; } .powered-by .steps span.icon { min-height:103px; line-height:103px; text-align:center; } .powered-by .steps h4 { font-size:18px; line-height:21px; color:#fff; font-weight:normal; padding-top:0; } .powered-by .steps span.number { margin-left:30px; } .powered-by .box3 { padding:5px; margin-bottom:25px; } .powered-by .box3 p { word-break:break-all; font-size:13px; } .powered-by .box3 .content { padding:14px 10px; position:relative; text-align:center; } .powered-by .box3 .content pre { margin-bottom:14px; } .powered-by .figure1 { height:160px; line-height:160px; } /* --- Code Heading ---*/ h2.code-heading { background:url(../images/h2-code-bg.png) repeat-x left top; font-family: 'myriadpro'; position:absolute; color:#fff; height:30px; line-height:30px !important; font-size:13px !important; font-weight:bold; text-transform:uppercase; padding-right:10px; left:-17px; top:-30px; margin-bottom:0; } h2.code-heading span { background:url(../images/code-bg.png) no-repeat left top; display:inline-block; padding:0 4px 0 6px; height:30px; margin-right:13px; line-height:30px !important; font-size:17px !important; font-weight:800; } h2.code-heading:before { background:url(../images/arrow15.png) no-repeat left top; width:12px; height:11px; content:""; position:absolute; left:0; top:-10px; } h2.code-heading:after { background:url(../images/arrow16.png) no-repeat right top; position:absolute; height:30px; width:8px; top:0; right:-8px; content:""; } /* --- Contact Sales ---*/ .contact-sales { vertical-align:middle; } .contact-sales h2 { background:#1d4e72; padding:5px 5px; display:inline-block; position:relative; font-size:28px !important; color:#fff; margin:0; vertical-align:middle; line-height:28px !important; } .contact-sales h2:before { background:url(../images/arrow17.png) no-repeat left top; position:absolute; width:25px; height:58px; content:""; left:-25px; top:0; } .contact-sales h2 span { font-size:16px !important; line-height:20px !important; display:block; } /* --- SSL Premium ---*/ .ssl-premium .box4 { padding:20px 7px 10px 20px; margin-bottom:40px; } .ssl-premium .button3 { margin-left:-10px; padding:0 10px; margin-top:12px; } .ssl-premium .contact-sales h2 { right:7px; position:absolute } /* --- Features ---*/ .features { margin-bottom:20px; } .features h3 { font-size:18px; line-height:22px; font-weight:bold; } .features h3 span { max-width:175px; } .features .box4 { padding-left:0; } .features .contact-sales h2:before { background:url(../images/arrow18.png) no-repeat right top; left:auto; right:-25px; } .features .contact-sales h2 { margin-right:30px; padding-left:20px; padding-right:15px; } .features.geotrust h2 { float:left; } .features.geotrust .button3 { float:right; margin-top:10px; } .features.geotrust h3 span { max-width:75%; } .features.verisign h2 { float:left; } .features.verisign .button3 { float:right; margin-top:10px; margin-right:30px; } .features.verisign h3 span { max-width:85%; } .features.verisign .contact-sales h2 { height:58px; padding-top:15px; } .features.verisign .contact-sales h2 span { display:inline-block; margin-left:5px; } img.verisign-secured { margin-bottom:20px; } /* --- Testimonials ---*/ .testimonials blockquote { padding:0; } .testimonials blockquote p { font-size:17px; line-height:24px; font-style:italic; color:#333; } .testimonials blockquote p.cite cite { text-align:center; font-size:15px; line-height:21px; } .testimonials blockquote p.cite cite strong { font-size:14px; } .testimonials blockquote p.cite cite a { font-size:14px; color:#246696; line-height:20px; display:block; } .testimonials blockquote p.cite cite span { font-size:14px; color:#545454; display:block; font-weight:normal; } .testimonials blockquote figure { min-height:50px; } .testimonials blockquote figure .inner { background:#ededed; height:140px; width:140px; line-height:140px; text-align:center; border-radius:70px; margin-bottom:10px; -moz-border-radius:70px; -webkit-border-radius:70px; behavior: url("assets/javascripts/vendor/PIE.php"); position:relative; } .testimonials blockquote figure img { border-radius:60px; -moz-border-radius:60px; -webkit-border-radius:60px; behavior: url("assets/javascripts/vendor/PIE.php"); position:relative; } .testimonials .box4 { padding:30px 25px; box-shadow:0 2px 0 0 #e4e4e4; margin-bottom:0; -moz-box-shadow:0 2px 0 0 #e4e4e4; -webkit-box-shadow:0 2px 0 0 #e4e4e4; behavior: url("assets/javascripts/vendor/PIE.php"); position:relative; } .testimonials .box4:after { background:url(../images/arrow19.png) no-repeat left top; width:27px; height:25px; content:""; position:absolute; right:-27px; top:93px; } .testimonials .box4.right:after { background:none; } .testimonials .box4.right:before { background:url(../images/arrow20.png) no-repeat left top; width:27px; height:25px; content:""; position:absolute; left:-27px; top:93px; } /* --- Applications ---*/ .applications .figure2 { margin-bottom:25px; } .applications p { color:#545454; } /* --- Dedicated Servers ---*/ .section1.dedicated-servers .description { margin-left:100px; margin-bottom:50px; } .box7.configure-now { padding:15px 30px; } .post .configure-now ul li { color:#fff; } .post .starting-price p { font-size:18px; line-height:18px; color:#fff; margin-bottom:10px; } .post .starting-price h2 { font-size:48px; color:#fff; margin-bottom:0; } .post .starting-price h2 span { display:inline-block; font-size:27px; } .configure-now .configure-now-btn { margin-top:15px; height:44px; line-height:44px; float:right; padding:0 10px; font-size:14px; } .learn-more-box.box4 { padding:20px 10px 5px; } .learn-more-box span.ribbon { background:url(../images/ribbon-img.png) no-repeat; width:67px; height:69px; display:block; position:absolute; left:3px; top:-21px; } .learn-more-box .image { position:absolute; left:70px; top:-52px; } .post .learn-more-box h3 { margin-bottom:10px; } .post .learn-more-box p { margin-bottom:5px; } .post .learn-more-box .button3 { margin-top:15px; height:auto; line-height:16px; padding:15px; text-align:center; } .highlight-text { font-size:16px; line-height:20px; color:#e16e00; } /* --- Managed VPS Page ---*/ .cloud-vps .frame1{ position:absolute; top:0; } .order-vps{ margin-top:-60px;} .order-vps h1{ display:inline-block; margin-right:20px;} .order-vps .button3{ height:55px; font-size:17px; line-height: 55px; padding:0 30px;} .post .operating-systems li{ margin-top:-1px; min-height:100px; line-height:68px; vertical-align:middle; width:25%; } .post .operating-systems .debian{ padding: 15px 17px 20px;} .post .operating-systems .ubuntu{ padding: 15px 24px 20px;;} .post .operating-systems .redhat{ padding: 15px 17px 20px;} .post .operating-systems .centos{ padding: 15px 41.5px 20px;} .post .operating-systems .fedora{ padding: 15px 35px 20px 55px;} .post .operating-systems .server8{ padding: 15px 13.5px 20px;} .post .operating-systems .window7{ padding: 15px 24px 20px;} .post .operating-systems .window8{ padding: 15px 13px 20px;} .post .operating-systems .server12{ padding: 15px 18px 20px;} .post .operating-systems .server3{ padding: 15px 12px 20px;} /* ========================================================================== Blog Pages Specific ========================================================================== */ .page-head.blog { padding:35px 0 30px; background:#1d4e72 url(../images/blog-page-head-bg.png) no-repeat right top; background-size:cover; } .page-head.blog img.image { position:absolute; top:-35px; right:0; } .page-head.blog h2 span { } #content.blog-posts { padding-top:0; } /* --- Blog Posts ---*/ .blog-posts h2 { font-size:24px; line-height:24px; margin-bottom:10px; font-weight:normal; color:#333; } .blog-posts h3 { margin-bottom:10px; font-size:22px; line-height:30px; } .blog-posts h3 a { color:inherit; } .blog-posts p { font-size:15px; line-height:21px; color:#525252; } /* --- Featured Posts ---*/ .featured-posts .box8 { padding-bottom:0; position:relative; min-height:149px; margin-bottom:0; } .featured-posts span.date { background:#000; color:#fff; font-size:15px; line-height:16px; display:inline-block; padding:8px; font-weight:bold; margin-bottom:10px; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; behavior: url("assets/javascripts/vendor/PIE.php"); position:relative; } .featured-posts .post span.comments { position:absolute; right:-6px; top:-6px; } .featured-posts p { font-size:18px; line-height:25px; color:#333; } .post span.comments { display:inline-block; background:#e16e00; border-radius:2px; padding:5px 12px; font-size:16px; line-height:20px; color:#fff; font-weight:bold; -moz-border-radius:2px; -webkit-border-radius:2px; behavior: url("assets/javascripts/vendor/PIE.php"); position:relative; } .post span.comments:after { background:url(../images/arrow23.png) no-repeat; width:13px; height:9px; position:absolute; content:""; right:6px; bottom:-9px; } .post .author { float:left; } .post .author img { margin-bottom:10px; border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; behavior: url("assets/javascripts/vendor/PIE.php"); position:relative; } .post .author p { margin-bottom:10px; font-size:14px; line-height:17px; } .post .author .author-name { display:block; } .post .description { margin-left:100px; } .post .metadata { float:left; margin-bottom:15px; width:100%; } .post .metadata span { margin-bottom:0; margin-right:25px; font-size:15px; line-height:21px; color:#333; } .post a.tag { color:#266c9f; font-size:15px; line-height:21px; } .post a.tag img { margin-right:6px; vertical-align:middle; } /* --- Search Form ---*/ #search-form { background:#266da0; padding:17px 14px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; behavior: url("assets/javascripts/vendor/PIE.php"); position:relative; } #search-form input[type="text"] { border:1px solid #205074; padding:6px; font-size:18px; width:70%; line-height:21px; color:#333; float:left; margin-right:10px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; position:relative; } #search-form input[type="submit"] { border:0; height:36px; padding:0 10px; } #search-form p { margin-bottom:0; } /* --- Widget ---*/ .widget { margin-bottom:25px; } .widget h2 { font-size:18px; line-height:25px; color:#333; } .widget h2 img { margin-right:10px; } .widget hr { margin:15px 0 20px; } .widget ul { margin:0 0 20px; padding:0; } .widget ul li { list-style:none; background:url(../images/arrow25.png) no-repeat left 6px; padding-left:15px; margin-bottom:15px;} .widget ul li a { font-size:14px; line-height:16px; display:block; color:#333; } .widget ul li a:hover { color:#1d4d72; text-decoration:underline; } .widget.popular-posts ul li { background:none; padding-left:0; } .widget .box3 { padding:20px 10px; border-radius:5px; } /* --- Share Post ---*/ .share-post { float:right; } .share-post .inner { background:#050000; border-radius:2px; padding:5px 13px; margin-bottom:15px; -moz-border-radius:2px; -webkit-border-radius:2px; behavior: url("assets/javascripts/vendor/PIE.php"); position:relative; } .share-post a { background:url(../images/share-bg.png) no-repeat left center; color:#fff; margin-bottom:0; padding-left:20px; font-size:15px; line-height:18px; font-weight:bold; } .share-post:hover ul.links { display:block; } .share-post ul.links:before { background:url(../images/arrow24.png) no-repeat; position:absolute; width:18px; height:10px; content:""; left:50%; margin-left:-7px; top:-10px; } .share-post ul.links { margin:0; padding:13px 12px; position:absolute; display:none; background:#050000; width:114px; left:-9px; top:46px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; behavior: url("assets/javascripts/vendor/PIE.php"); } .share-post ul.links li { background:none; float:left; padding-left:0; margin:0 9px 0 0; } .share-post ul.links li.last { margin-right:0; } .share-post ul.links li a { width:24px; height:24px; display:block; background:url(../images/icons.png) no-repeat; } .share-post ul.links li.facebook a { background-position:-137px 0px;} .share-post ul.links li.twitter a { background-position:-170px 0px;} .share-post ul.links li.linkedin a { background-position:-203px 0px;} .share-post ul.links li.facebook a:hover { background-position:0 -160px; } .share-post ul.links li.twitter a:hover { background-position:-33px -160px; } .share-post ul.links li.linkedin a:hover { background-position:-66px -160px; } /* --- Comments ---*/ #comments h2 { margin-bottom:20px; } #comments h2 img { margin-right:10px; } #comments .comment-list { margin:0 0 40px; padding:0; } #comments .comment-list li { list-style:none; margin-bottom:15px; } #comments .comment-author { float:left; width:18%; color:#333; font-size:14px; line-height:17px; } #comments .comment-author a { color:#333; display:block; } #comments .comment-body { float:right; width:80%; } #comments .comment-body .box4:before { background:url(../images/arrow20.png) no-repeat; position:absolute; width:27px; height:25px; left:-27px; bottom:37px; content:""; } #comments .comment-body .box4 { padding:20px 20px 10px; box-shadow:0 3px 0 #e4e4e4; -moz-box-shadow:0 3px 0 #e4e4e4; -webkit-box-shadow:0 3px 0 #e4e4e4; } #comments .comment-body .box4 p { color:#525252; margin-bottom:10px; } /* --- Comment Form ---*/ #comment-form input[type="submit"] { float:right; padding:0 20px; } /* ========================================================================== Affiliate Program Pages Specific ========================================================================== */ /* --- Affiliate and Earn ---*/ .page-head1.affiliate-program { padding-bottom:40px; } .page-head1.affiliate-program h2 span { font-size:50px; display:block; } .page-head1.affiliate-program h2 { font-size:35px; font-weight:normal; line-height:40px; } .page-head1.affiliate-program img { position:absolute; top:-30px; left:-30px; } .affiliate-earn h2 { text-align:center; } .affiliate-earn .buttons-group { text-align:center; width:80%; margin:0 auto 20px; } .affiliate-button { display:inline-block; vertical-align:top; } .affiliate-button span { display:block; color:#525252; } .affiliate-earn .button2 { height:56px; line-height:56px; margin-bottom:10px; margin-right:10px; font-size:17px; } .affiliate-earn .button4 { margin-left:10px; } .affiliate-earn .box3 { margin-bottom: 25px; padding: 5px; border-radius:5px; } .affiliate-earn .figure1 { height: 160px; line-height: 160px; margin-bottom:0; box-shadow:none; } /* ========================================================================== Testimonials Pages Specific ========================================================================== */ .why-kickass h3 { width:160px; text-align:center; line-height:24px; position:relative; z-index:100; margin-bottom:80px; padding-top:60px; } .why-kickass h3:after { position:absolute; background:url(../images/arrow9.png) no-repeat; width:68px; height:55px; content:""; left:50%; bottom:-60px; } .why-kickass .success-stories { position:absolute; display:block; width:202px; height:176px; top:-32px; right:0px; } .why-kickass .success-stories:after { position:absolute; background:url(../images/arrow26.png) no-repeat; height:76px; width:42px; bottom:-80px; left:50%; margin-left:-21px; content:""; } .video.box1 { height:290px; position:relative; margin-bottom:45px; } .video .screen { background:url(../images/screen-img.png) no-repeat center bottom; height:473px; max-width:839px; width:100%; position:absolute; bottom:20px; left:50%; margin-left:-380px; background-size:contain; } .video .screen .inner { padding:2% 15.5% 0 10.5%; } .video .screen footer { background:#266da0; padding:20px; } .video .screen footer h2 { font-size:18px; line-height:22px; color:#fff; margin:0; text-align:center; } .linux-vps.available-support { margin-bottom:40px; } .learn-more-box.box3 { position:relative; padding:30px 40px 25px 0; } .learn-more-box.box3:before { position:absolute; content:""; background:url(../images/free-img.png) no-repeat; width:67px; height:69px; left:0; top:0; } .learn-more-box.box3 .image { position:absolute; top:auto; bottom:0; left:65px; margin:0; } .learn-more-box.box3 .button1 { float:right; margin-top:5px; } .learn-more-box.box3 h3 { margin-bottom:0px; } .learn-more-box.box3 span { font-size:16px; line-height:19px; color:#e06d00; } /* ========================================================================== Media Queries ========================================================================== */ @media (max-width:1100px){ #banner a.previous-btn { left:10px;} #banner a.next-btn { right:10px;} } @media (max-width:1024px){ #secondary-navigation ul li a { font-size:14px; } .satisfaction-guaranteed .box3 img { left:-95px; top:-40px; } .satisfaction-guaranteed .box3 { padding-left:220px; } .contact-sales { margin-bottom:20px; } } @media (max-width:1020px){ #banner .container { padding:0px 50px;} #banner .controls { left:50px;} #banner .image img.slide1-image { right:-115px;} #banner .description { width:450px;} #banner h1 { font-size:45px; } #banner h2 { font-size:43px;} #banner #slide3 h2 { font-size:30px; } .website-builder img.screen { left:0; } } @media (max-width:991px){ .learn-more-box.box3 { padding:20px; } .learn-more-box.box3 .image { position:relative; margin:0 auto 15px; left:0; } } @media (max-width:992px){ .kickass-guarantee .box3 { padding:20px; } .kickass-guarantee .box3 h2 span { max-width:65%; font-size:inherit; } .mobile-manager img.bottom { margin-bottom:15px; } .mobile-manager .available-devices { position:relative; text-align:center; bottom:15px; } .mobile-manager .box1.signup-account { padding:20px 0; } .signup-account h2 { margin-bottom:0; } .signup-account h2 .button3 { margin-top:10px; } .testimonials blockquote figure .inner { width:100px; height:100px; line-height:100px; } .order-tabs .vps-plans,.order-tabs .order-box{ width:100%;} .order-box .arrow,.order-arrow{ display:none;} .slider-box .slider{ width:671px; background-size:contain; margin: 0 auto;} .order-tabs .tab-strips{ border:0 !important; margin-left: 20px;} .post .order-tabs .tab-strips li{ border-width: 1px 1px 0; border-style: solid solid none; border-color: #DADADA; float:left;} .slider-box{ padding:25px 15px;} .post .vps-plans li p{ font-size:18px;} .post .operating-systems li{ padding:15px 10px 20px;} .post .operating-systems .linux{ width:450px;} .post .operating-systems .windows{ width:470px;} .post .operating-systems .linux li,.post .operating-systems .windows li{ width:auto;} .cloud-vps{ margin-bottom:0;} .order-vps{ margin-top:0; text-align:center;} .learn-more-box .image { position:relative; display:block; margin:0 auto 15px; left:0; top:0; } .post .learn-more-box .button3 { margin-bottom:15px; } .page-head h2 img { width:100px; } .page-head.blog h2 { font-size:36px; line-height:40px; } .page-head.blog img.image { right:10px; width:200px; } .sociables ul li { margin-right:10px; } #search-form input[type="text"] { width:100%; margin-right:0; margin-bottom:10px; } .why-kickass h3 { width:100%; margin-bottom:10px; padding-top:0; } .why-kickass h3:after { display:none; } .why-kickass .success-stories { margin:0 auto 10px; position:relative; left:0; top:0; } .why-kickass .success-stories:after { display:none; } .video .screen { left:15px; margin-left:0; bottom:0; position:relative; } .video.box1 { height:auto; margin-bottom:20px; } .order-tabs .order-box { border-radius:0 0 10px 10px; } } @media (max-width:979px){ #our-partners h2 { float:none; text-align:center; line-height:30px; margin-bottom:15px;} #our-partners ul { float:none; text-align:center;} #our-partners ul li { display:inline-block; float:none; margin:0px 14px;} #footer .contact { padding-left:15px;} .uptime-performance .box3:after { right:40px;} .satisfaction-guaranteed .box3 img { left:-80px; top:-40px; } .satisfaction-guaranteed .box3 { padding-left:230px; } } @media (max-width:960px){ #main-navigation { float:none; clear:both;} #header .logo { margin-top:-11px; margin-bottom:15px;} #banner .description { width:300px;} #banner h1 { font-size:36px; line-height:40px; } #banner h2 { font-size:30px; line-height:37px;} #banner h3 { font-size:22px;} #banner #slide3 h2 { font-size:26px; } .page-head1 { padding-top:40px; background-image:none; } .page-head1 h2 { font-size:36px; line-height:36px; } .page-head1 p { font-size:20px; line-height:24px; } .page-head1.guarantee img { position:relative; top:0; margin-bottom:10px; } .page-head1.affiliate-program h2 { font-size:30px; } .page-head1.affiliate-program h2 span { font-size:inherit; display:inline-block; } .mobile-app-features .box3 h2 span { font-size:16px; max-width:60%; } .features.verisign h3 { min-height:45px; } .features.verisign h3 span { max-width:80%; } } @media (min-width:900px){ #secondary-navigation ul { display:block !important; } } @media (max-width:900px){ .uptime-performance .post .features h3 { font-size:15px;} .uptime-performance .box3 { padding:25px 30px;} .uptime-performance .post .box3 h2 { font-size:21px;} #secondary-navigation { padding:18px 0px 0px; border-bottom:0px; height:50px; background:#ededed; } #secondary-navigation .nav-btn { background:url(../images/secondary-navigation-btn.png) no-repeat; background-size:100% 22px; height:22px; max-width:371px; display:block; } #secondary-navigation ul { display:none; padding-bottom:10px; padding-left:10px; position:relative; background:#ededed; z-index:100; } #secondary-navigation ul li { float:none; } #secondary-navigation ul li a { color:#333; padding:0; } #secondary-navigation ul li.active a:after { background:none; } .sticker { display:none; } .post .steps h2 { font-size:20px; margin-bottom:30px; } .steps h4 { font-size:14px; } .kickass-guarantee .box3 h2 { font-size:20px; margin-bottom:0; } .mobile-app-features .box3 { margin-top:0; } .powered-by .steps span.number { font-size:18px; } .powered-by .steps h4 { font-size:15px; } .post .operating-systems li{ border-bottom:0;} .post .operating-systems ul{ border-bottom:1px solid #dadada;} #secondary-navigation.blue-bar{ background:#EDEDED; border:none;} .premium-tag{ display:none;} .features.verisign .button3 { margin-right:0; } .post .starting-price h2 { font-size:32px; line-height:36px; } .post .starting-price h2 span { font-size:20px; line-height:20px; } .post .starting-price p { font-size:16px; } #banner #slide1 .image img { right:-65px; } .page-head.blog .sociables { margin-left:-20px; } .page-head.blog img.image { width:175px; } .blog-posts .box1 { padding:20px 0; } #archive-form select { padding-left:5px; font-size:13px; } } @media (max-width:835px){ #banner .image img.slide1-image { width:370px; right:-130px;} #testimonials .slide .logo { width:130px; height:130px; line-height:126px; } .post .address h6 { font-size:13px; } .download-demo .button3 { margin:10px; } .features.verisign .button3 { margin-right:-10px; } .features.verisign h2 { margin-right:20px; } .page-head1.affiliate-program img { position:relative; top:0; left:0; margin-bottom:15px; } .page-head1.affiliate-program br { display:none; } .video .screen { height:auto; } .video .screen .inner { padding:2% 17% 6% 13%; } .video .screen footer { padding:10px; } .video .screen footer h2 { font-size:14px; line-height:16px; } } @media (max-width:767px){ #header .top-bar { height:63px; background:#46494c; float:none; padding-left:0px; text-align:center;} #header .contact { float:none; margin-right:0px;} #header .contact p { margin-bottom:0px; line-height:36px;} #header .strip { width:100%; height:63px;} #header .user-controls { float:none;} #header .user-controls li { line-height:15px; display:inline-block; float:none;} #header .order-now-btn { margin-top:4px;} #banner .description { width:100%; min-height:0; } #banner #slide1 .image { position:relative; height:auto; line-height:normal; bottom:auto; right:auto; width:100%; background:none;} #banner #slide2 .image { position:relative; height:auto; line-height:normal; bottom:auto; right:auto; width:100%; background:none; padding-bottom:28px; } #banner #slide2 .image img { position:relative; bottom:auto; } #banner .image img { right:auto !important; width:auto !important;} #banner .slides, #banner .slide, #banner { min-height:15px;} #banner .description { text-align:center; margin-bottom:30px;} #banner #slide3 .description { text-align:left; width:100%; margin:20px 0; float:none; padding:20px 10px; } #banner h3 { font-size:21px; line-height:25px; margin-bottom:25px;} #banner #slide3 .button2 { float:none; margin-top:10px; } #banner .button2 { font-size:16px; height:40px; line-height:40px; } #banner #slide3 h2 { font-size:22px; margin-bottom:15px; } #banner #slide3 h2 img { width:50px; margin-right:10px; } #banner #slide3 h2 span { max-width:70%; line-height:22px; } #banner #slide2 .description h3 { font-size:18px; } #banner .description ul li { font-size:15px; line-height:15px; margin-bottom:10px; } #banner .slide { padding:30px 0px;} #banner h1 { font-size:30px; line-height:36px; margin-bottom:15px; } #banner h2 { margin-bottom:15px;} #banner .controls { display: none; } #services .service { margin-bottom:20px;} #testimonials h2 img.icon, #success-stories h2 img.icon, #testimonials h2:after { display:none;} #testimonials .controls { width:100%; text-align:center; right:0px; top:-22px;} #testimonials { padding-top:45px;} #success-stories blockquote .content { margin-bottom:25px;} #success-stories blockquote cite { float:none; width:auto;} #success-stories blockquote cite img { float:left; margin-right:15px; margin-bottom:0px;} #success-stories blockquote .content { clear:both; margin-left:0px; float:none; left:0px; margin-right:0px;} #footer-navigation, #footer .sociable { margin-bottom:30px;} #footer { padding-top:20px;} #footer .inner-footer { margin-top:0px;} #footer .inner-footer .col-sm-9 p { text-align:left;} #footer .inner-footer .logo { display:block; float:right; margin-top:15px;} #testimonials .slide blockquote { margin-right:28px;} .uptime-performance .post .features h3 { font-size:20px;} .uptime-performance .box3 { float:left; margin-right:30px;} .uptime-performance .box3:after { right:-40px; bottom:-48px;} #success-stories blockquote .content:after { width:24px; height:11px; background:url(../images/arrow11.png) left top no-repeat; top:-11px; left:75px;} .box1 { padding:20px 0; } .box2 { padding:30px 15px 15px; } .box2 img { margin-bottom:15px; } .box2.easy-to-use img { margin:0 auto 15px; float:none; display:block; } .box2.dns-hosting img { margin:0 auto 15px; float:none; display:block; } .page-head h2,.page-head2 h2 { font-size:36px; line-height:38px; } .page-head span.cloud-image,.page-head2 span.cloud-image { display:none;} #content { padding-top:15px; } #breadcrumbs { padding:10px 0; } #breadcrumbs span.arrow { margin:0 10px; } .post h3 { margin-bottom:5px; font-size:18px; line-height:22px; } .post h3 img { margin-right:10px; } .post p.lead { margin-bottom:15px; } .post p { margin-bottom:15px; } .post ul, .post ol, .post dl { margin-bottom:15px; } .post ul li { margin-bottom:10px; } .post .frame2 { text-align:center; } .network-locations .frame1 { bottom:auto; margin-bottom:10px; } .post .order-now h2 { font-size:20px; line-height:24px; } .managed-dns img.dns { margin-bottom:0px; } .dns-hosting h3 { padding-top:0; line-height:20px; } .dns-hosting p { font-size:14px; } .website-builder .post:first-child p.lead { margin-bottom:15px; } .steps { padding-top:15px; } .post .steps h2 { margin-bottom:20px; } .steps span.icon { margin-bottom:15px; } .steps span.number { float:none; margin:0 auto; } .steps h4 { text-align:center; margin-bottom:15px; padding-top:0; } .website-builder img.screen { margin:0 0 15px; } .website-builder .order-now-btn { margin:0 auto 15px; } .post .address h6 { font-size:14px; } .post .address address { margin-bottom:10px; } .post .address p { margin-bottom:5px; } .post h2 { font-size:20px; line-height:26px; } .post h2 span { font-size:15px; line-height:18px; } .post h3 img { margin-left:0; } hr { margin:20px 0; } .post .tab-strips { border-top:1px solid #dadada; } .post .tab-strips li { float:none; text-align:center; border-radius:0; height:auto; border:0; border-bottom:1px solid #dadada; } #tabs > .col-xs-12 { padding:0; } .tab-content { border:0; padding:40px 20px; } .tab-content h2 br { display:none; } .order-tabs h3 { padding-left:15px; } .order-tabs h3:after { top:0; } .datacenter-locations .frame1 { margin-bottom:10px; bottom:0; } .ssae16-img { margin-bottom:10px; padding-top:0; } .page-head1 { padding-top:20px; } .page-head1 h2 { font-size:26px; line-height:26px; } .page-head1 p { font-size:16px; line-height:18px; } .satisfaction-guaranteed .box3 { padding-left:20px; margin-bottom:20px; } .satisfaction-guaranteed .box3 img { position:relative; display:block; margin:0 auto 20px; left:auto; top:auto; } .kickass-guarantee .box3:after { left:auto; right:20%; } .mobile-app-features img { display:block; margin:0 auto 15px; } .mobile-app-features .box3:after { background-image:none; } .mobile-app-features .box3 h2 { margin-bottom:10px; } .mobile-app-features h2 img { margin-right:10px; margin-bottom:0; } .mobile-manager .signup-account .signup-btn { margin-bottom:10px; margin-left:0; } .post img.bottom { margin-bottom:20px; } .download-demo h2 { margin-bottom:0; } .powered-by .steps span.number { margin:0 auto 10px; } .post h3 span { font-size:16px; } .powered-by h3 { margin-bottom:15px; } .testimonials blockquote { margin-bottom:15px; } .testimonials blockquote figure { min-height:0; } .testimonials blockquote figure .inner { margin:0 auto 10px; height:140px; width:140px; line-height:140px; } .testimonials blockquote p.cite { margin-bottom:10px; } #banner1 .inner-banner h2 { font-size:30px; line-height:30px; } .page-head1.powered-by h2 { font-size:24px; line-height:24px; } .features.verisign .button3 { margin-right:0; } .contact-sales h2 { font-size:24px !important; } .features .box4 { padding-right:10px; } .operating-systems h3{ margin-bottom:25px;} .page-head2 h2 span{ line-height:36px; max-width:175px; min-width:62%;} .configure-now .configure-now-btn { float:none; margin-top:5px; } .post .metadata { margin-bottom:10px; } .post .metadata span { display:block; margin:0 0 5px; } .blog-posts h3 { margin-bottom:10px; } #main, #sidebar, body.posts #sidebar, body.posts #main { padding:15px 0; } .post .description { margin-left:90px; } .featured-posts .box8 { min-height:0; } .page-head.blog { text-align:center; padding:20px 0; } .page-head.blog img.image { position:relative; right:auto; top:auto; width:auto; } .page-head.blog .sociables { margin:0 0 15px; padding-top:10px; } .page-head.blog .sociables li { display:inline-block; float:none; } .page-head.blog h2 span { text-align:left; } .post p { font-size:14px; line-height:20px; } .page-head.blog h2 { font-size:30px; line-height:36px; } #comments .comment-list { margin-bottom:20px; } #comments h2 { margin-bottom:15px; } .blog-posts h2 { font-size:20px; line-height:20px; } .widget { margin-bottom:10px; } .widget ul li { margin-bottom:10px; } .page-head1.affiliate-program { padding:30px 0; } .page-head1.affiliate-program h2 { font-size:26px; line-height:30px; } .affiliate-earn .button2 { margin-right:0; height:44px; line-height:44px; font-size:14px; } .affiliate-earn .button4 { margin-left:0; } .operating-systems.linux ul { border-bottom:0; } .operating-systems.linux ul li { width:33.33%; border-bottom:1px solid #dadada; } .learn-more-box.box3 .button1 { float:none; } } @media (max-width:700px){ .slider-box .slider{ width:100%;} .ui-slider-handle{ width:30px; height:30px; background-size:contain; top:-10px;} #comments .comment-author { float:none; margin-bottom:10px; } #comments .comment-body { width:100%; float:none; } #comments .comment-body .box4:before { background:none; } #comments .comment-body .box4 { margin-bottom:0; } } @media (max-width:640px){ #main-navigation { position:relative; margin:0px -15px;} #main-navigation ul { background:#fff;} #main-navigation ul li { float:none; margin:0px 0px 1px; height:auto;} #main-navigation ul li a { display:block; background:#e56603; line-height:16px; padding:10px 15px; position:relative;} #main-navigation ul li a:after { width:7px; height:4px; position:absolute; right:13px; top:16px; content:""; background:url(../images/arrow10.png) left top no-repeat;} #main-navigation ul li.active > a:after {background:url(../images/arrow10.png) left bottom no-repeat;} #main-navigation > ul > li:hover, #main-navigation > ul > li.active { border-bottom:0px;} #main-navigation > ul > li:hover > a, #main-navigation > ul > li.active > a { color:#fff;} #main-navigation ul li ul { position:relative; top:auto; display:none; width:100%; background:#fff;} #main-navigation ul li ul li a { padding-left:40px;} #main-navigation ul li ul li a:after { background:none;} #main-navigation ul li:hover ul { top:auto;} #main-navigation ul li ul li a:hover { color:#ffffff;} #main-navigation ul li.managed-hosted-services ul { width:100%; } .order-now .order-now-btn { display:block; margin-left:0px; width:100%; max-width:180px; margin:15px auto 0px;} .page-head h2,.page-head2 h2 { font-size:30px; line-height:80px;} .page-head h2 span{ line-height:36px; max-width:175px; min-width:62%;} .page-head h2 img { width:95px;} .post h3 span { max-width:80%; } .post .vps-plans li{ padding:20px 10px;} #banner #slide2 .description h3 { font-size:14px; line-height:17px; } #banner #slide2 .description span.divider { margin:0 10px; } .operating-systems.linux ul li { width:50%; } } @media (max-width:500px){ .post .operating-systems .linux, .post .operating-systems .windows{ width:100%;} .post .operating-systems .linux li, .post .operating-systems .windows li{ width:100%;} .video .screen footer { padding:5px; } } @media (max-width:479px){ #header .user-controls li { margin-right:25px;} #banner .container { padding:0px 35px;} .box5:after { background:none; } .kickass-guarantee .box3 h2 img { width:60px; } #banner1 .inner-banner h2 { font-size:24px; line-height:24px; margin-bottom:5px; } .post .operating-systems li{ width:50%;} .post .author figure { max-width:65px; } .post .description { margin-left:75px; } .post .description .share-post { float:none; display:inline-block; } .post .description footer .tag { display:block; } .affiliate-earn .button2 { margin-bottom:5px; } .button4 { font-size:15px; } .button4 img { width:30px; margin-bottom:0; } } @media (max-width:400px){ #header .logo { width:165px;} #success-stories blockquote cite img { width:120px;} .page-head h2 { font-size:25px;} .post .order-now h2 { font-size:16px; } .steps span.icon { width:100%; height:66px; display:inline-block; } .steps span.customize { width:96px; height:66px; display:inline-block; } .post .vps-plans li p{ font-size:14px; margin:0;} .post .operating-systems li{ width:100%;} .page-head2 h2 img{ margin-right:10px;} .video .screen footer h2 { font-size:12px; line-height:14px; } .operating-systems.linux ul li { width:100%; } } @media (max-width:380px){ .video .screen footer { padding:0 0 4px; } } /* ========================================================================== Cross Browser CSS ========================================================================== */ /*Use to make CSS 3 Rounded Corners , Text Shadows and Box Shadows for IE */ /* .ie .css3 { behavior: url("assets/javascripts/vendor/PIE.php"); position:relative; } */ .ie8 #main-navigation > ul li > a { font-size:13px;} .ie8 #main-navigation > ul > li { margin-right:15px;} .ie8 #testimonials ul { margin-left:5px !important;} .ie8 #testimonials .slide .logo { margin-right:10px;} .chrome .post h4 { font-size:14px; } .ff2 #archive-form select { padding-top:6px; } .eq-ie8 select { padding:0px 0 0 5px; margin: 0; background:#fff; height:30px; outline:none; display: inline-block; -webkit-appearance:none; -moz-appearance:none; appearance:none; cursor:pointer; width:100%; font-size:16px; line-height:26px; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; behavior: url("assets/javascripts/vendor/PIE.htc"); } .eq-ie8 select option { border:0; padding:0 8px; margin:0 12px; } .eq-ie9 select { padding:0px 0 0 10px; margin: 0; background:#fff; height:36px; outline:none; display: inline-block; -webkit-appearance:none; -moz-appearance:none; appearance:none; cursor:pointer; width:100%; font-size:16px; line-height:16px; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; behavior: url("assets/javascripts/vendor/PIE.htc"); } .eq-ie9 select option { border:0; padding:0 8px; margin:0 12px; } .eq-ie9 .form input[type="text"], .eq-ie8 #search-form input[type="text"] { line-height:14px; } .safari .form input[type="text"], .eq-ie10 .form input[type="text"] { line-height:0; } .eq-ie8 .form input[type="text"] { line-height:12px; } /* ========================================================================== New CSS ========================================================================== */ #banner #slide4 .description { float:right; width:365px;} #banner #slide4 .description h2 { font-size:44px; line-height:53px; margin-bottom:0; } #banner #slide4 .description p { font-size:44px; line-height:53px; color:#ffab14; margin-bottom:25px;} @media (max-width:1020px){ #banner #slide4 .description h2, #banner #slide4 .description p { font-size:43px;} } @media (max-width:960px){ #banner #slide4 .description h2, #banner #slide4 .description p { font-size:30px; line-height:37px;} #banner #slide4 .description p { margin-bottom: 15px;} } @media (max-width:767px){ #banner #slide4 .description { float:none; width:100%; padding-bottom:20px; text-align:center;} } /* *banner slide5 */ #banner #slide5 {padding:70px 0 0 0;} #banner #slide5 h2 {font-size:50px; font-weight:400; margin-bottom:0;} #banner #slide5 h2 strong {font-weight:bold; color:#ed9934;} #banner #slide5 p {font-weight:bold; font-size:33px; color:#ee9935; margin-bottom:19px;} #banner #slide5 img.image {position:absolute; top:-22px; right:238px;} #banner #slide5 .description {min-height:351px;} /* *box7 configure-now */ .layout1 .box7.configure-now {padding: 0px; height: 154px; position:relative; background-color:#fff; border:4px solid #e17003;} .layout1 .configure-now .col-xs-12.col-sm-4 {padding: 15px 0px;} .layout1 .box7.configure-now img.image {margin:-5px 0 0 75px;} /* *configure-now col-xs-12.col-sm-4 */ .layout1 .starting-price img.aligncenter {margin-bottom:0; margin-left:124px; margin-right:50px;} .layout1 .configure-now .col-xs-12.col-sm-4 figure {margin: 0px;} .layout1 .col-xs-12.col-sm-4.starting-price p {font-weight: 400; font-size: 22px; color: #333333; margin: -13px 0px 0px 115px;} /* *configure-now rate */ .layout1 .configure-now .rate {border: 2px solid #e27711; border-radius: 50%; background-color: #266da0; height: 122px; width: 122px; position: absolute; left: -45px; top: 15px; text-align: center; vertical-align: middle; padding: 37px 15px;} .layout1 .configure-now .rate h2 {font-weight: bold; font-size: 16px; line-height:52px;} .layout1 .configure-now .rate h2 span {font-weight: bold; font-size: 48px; display: block;} /* *configure-now col-xs-12.col-sm-5 */ .layout1 .configure-now .col-xs-12.col-sm-5 {padding: 15px 0px;} .layout1 .configure-now .col-xs-12.col-sm-5 ul {margin-bottom:0;} .layout1 .configure-now .col-xs-12.col-sm-5 li {position: relative; color: #333333; font-size: 16px; font-weight: 700;} .layout1 .configure-now .col-xs-12.col-sm-5 li:last-child {margin-bottom:0;} .layout1 .configure-now .col-xs-12.col-sm-5 li::before {background: url(check-mark.png)no-repeat; position: absolute; left: 0px; top: 5px; content: ''; height: 12px; width: 14px;} .layout1 .configure-now .col-xs-12.col-sm-5 li span {color:#266c9f;} /* *action */ .layout1 .action a {width: 182px; height: 146px; background-color: rgb(225, 111, 1); color: rgb(255, 255, 255); display: inline-block; font-weight: bold; font-size: 26px; padding: 35px 15px; text-align: center; float: right; position:relative; } /*******************************************************/ @media (max-width:1280px) { #banner #slide5 img.image {right:0;} } @media (max-width:1024px) { .layout1 .configure-now .rate {left:18px;} .layout1 .col-xs-12.col-sm-4.starting-price p{margin:-13px 0 0 170px; font-size:18px;} .layout1 .box7.configure-now img.image {margin:-5px 0 0 133px;} .layout1 .starting-price img.aligncenter {margin-left:170px;} #banner #slide5 img.image {right:-50px;} } @media (max-width:980px) { .layout1 .configure-now .col-xs-12.col-sm-5 ul li {margin-bottom:10px; font-size:13px;} .layout1 .col-xs-12.col-sm-4.starting-price p {font-size:14px; margin:-13px 0 0 152px;} .layout1 .configure-now .col-xs-12.col-sm-5 {padding:15px;} .layout1 .starting-price img.aligncenter {margin:0 20px 0 135px;} .layout1 .box7.configure-now img.image {margin:-5px 0 0 110px;} .layout1 .configure-now .rate {height:100px; width:100px; padding:30px 9px; left:22px;} .layout1 .configure-now .rate h2 {font-size:14px; line-height:44px;} .layout1 .configure-now .rate h2 span {font-size:40px;} #banner {min-height:420px;} #banner #slide5 h2 {font-size:36px; line-height:40px;} #banner #slide5 p {font-size:30px;} #banner #slide5 img.image {right:-25px;} } @media(max-width:767px){ .layout1 .box7.configure-now {margin-bottom:20px; height:auto;} .layout1 .action a {font-size:18px; width:100%; padding:55px 15px;} .layout1 .configure-now .col-xs-12.col-sm-5 ul {max-width:300px; margin:0 auto;} .layout1 .configure-now .rate {top:10px; left:175px;} .layout1 .col-xs-12.col-sm-4.starting-price p {margin:-13px 0 0 345px;} .layout1 .box7.configure-now img.image {margin:-5px 0 0 298px;} .layout1 .starting-price img.aligncenter {margin:0 100px 0 350px;} .layout1 .configure-now .col-xs-12.col-sm-5 ul li {font-size:13px;} #banner {min-height:520px;} #banner #slide5 img.image {right:60px;} #banner #slide5 .description {top:280px;} #banner #slide5 h2 {font-size:25px;} #banner #slide5 p {font-size:23px;} } @media (max-width:600px) { .layout1 .box7.configure-now {margin-bottom:20px; height:auto;} .layout1 .starting-price img.aligncenter {margin:0 70px 0 270px;} .layout1 .box7.configure-now img.image {margin:-5px 0 0 205px;} .layout1 .col-xs-12.col-sm-4.starting-price p {margin:-13px 0 0 250px; font-size:20px;} .layout1 .configure-now .rate {left:80px; top:10px;} .layout1 .configure-now .col-xs-12.col-sm-5 ul { max-width:400px; margin:0 auto;} .layout1 .action a {width:100%; padding:55px 15px;} .layout1 .configure-now .col-xs-12.col-sm-5 li {margin-bottom:7px; font-size:14px;} #banner {min-height:480px;} #banner #slide5 img.image {right:0;} #banner #slide5 h2 {font-size:25px;} #banner #slide5 p {font-size:20px;} #banner #slide5 .description {top:228px;} } @media (max-width:480px) { .layout1 .box7.configure-now {margin-bottom:15px; height:auto;} .layout1 .configure-now .rate {top:10px; left:24px;} .layout1 .starting-price img.aligncenter {margin: 0 170px;} .layout1 .box7.configure-now img.image {margin:-5px 0 0 135px;} .layout1 .col-xs-12.col-sm-4.starting-price p {margin: -13px 0 0 177px; font-size:16px;} .layout1 .configure-now .col-xs-12.col-sm-5 ul {max-width:400px; margin:0 auto;} .layout1 .configure-now .col-xs-12.col-sm-5 li {font-size:12px; margin-bottom:5px;} .layout1 .action a {font-size:18px; width:100%; padding:55px 15px;} .layout1 .configure-now .col-xs-12.col-sm-5 {padding:15px 10px 16px 24px;} #banner {min-height:420px;} #banner #slide5 img.image {right:14px;} #banner #slide5 .description {min-height:250px; top:175px;} #banner #slide5 h2 {font-size:25px;} #banner #slide5 p {font-size:16px;} } @media (max-width:380px) { #banner .description {top:100px;} #banner {max-height:420px;} #banner #slide5 {padding:0;} }