/* Table of Contents - - - - - - - - - 1. Global 2. Standard Forms 3. Header 4. Home Page 5. Inner Pages 6. Footer 7. Media Queries - - - - - - - - - */ /* ============ 1 = Global ============ */ body {font-family: 'Lato', Optima, Segoe, "Segoe UI", Candara, Calibri, Arial, sans-serif; font-weight: normal; font-style: normal; font-size: 16px; line-height: 1.4; color: #3F3F3F; position: relative; -webkit-font-smoothing: antialiased; background: #fff; margin:0;} body.login-page {background:url(images/login_page_bg.jpg);} .row {max-width:1170px;} iframe {margin: 0 0 40px; border:0; width:100%;} code { text-shadow: 0 1px white; line-height:1.3; font-family: Consolas, Monaco, 'Andale Mono', monospace; font-weight:normal; white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -o-pre-wrap; background: #F5F2F0;display: block; padding: 12px; margin: 8px 0; color:#303038; border: 0; border-radius:6px;} h1, h2, h3, h4, h5, h6 { font-family: 'Lato', Optima, Segoe, "Segoe UI", Candara, Calibri, Arial, sans-serif; font-weight: 700; color: #5A5A5A; text-rendering: optimizeLegibility; line-height: 1.1; margin-bottom: 12px; margin-top: 12px; } h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { font-size: 60%; color: #6f6f6f; line-height: 0; } h1 { font-size: 44px; } h2 { font-size: 34px; } h3 { font-size: 27px; } h4 { font-size: 23px; } h5 { font-size: 17px; } h6 { font-size: 14px; text-align:left; } a { color: #118DF0; text-decoration: none; line-height: inherit; } a:hover { color: #37485C; text-decoration: underline;} p { font-family: inherit; font-weight: normal; line-height: 1.45; margin-bottom: 17px; font-size: 1.035rem;} hr { border: solid ; border-width: 1px 0 0; clear: both; margin: 21px 0; height: 0; } hr.small { border: double #37485c; border-width: 4px 0 0; clear: both;margin:0 auto; margin-top:30px; margin-bottom:20px; height: 0; max-width:150px; } .spacing-30 {padding-bottom:30px;} .spacing-top-50 {padding-bottom:50px;} .inner h1 { font-family: 'Lato', Optima, Segoe, "Segoe UI", Candara, Calibri, Arial, sans-serif; font-weight: 800; color: #FFF; text-align: center; text-rendering: optimizeLegibility; line-height: 1.9; margin-bottom: -72px; margin-top: -62px; } .inner h5 { font-size: 17px; margin-top: 140px; color: RGBA(255, 255, 255, 0.87); text-align: center;} /* ================== 2 = Standard Forms ================== */ form { margin: 0; padding:0;} .row form .row { margin: 0 -6px; } .row form .row .column, .row form .row .columns { padding: 0.4px; } .row form .row.collapse { margin: 0; } .row form .row.collapse .column, .row form .row.collapse .columns { padding: 0; } label { 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 #e8e8e8ccc; } .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: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; color: #000; display: block; margin: 0; padding: 6px; width: 100%; border-radius: 4px } 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: #f6f6f6; 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 { background-color: white; font-family: inherit; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; color: #7E7E7E; display: block; margin-top: 5px; padding: 6px; margin-left: 5px; width: 90%; height:35px; border-radius: 4px; border:2px solid rgba(0, 0, 0, 0.1); } /* ================== 3 = Header ================== */ header {background:url(images/slide-2.jpg) repeat;width: 100%;height: auto;position: relative;box-shadow: 4px 11px 35px -14px rgba(0, 0, 0, 0.5);} header .message {position: absolute; top:125px; left:1%; right:1%; margin:0 auto; text-align: center} .message-intro {line-height:4em;font-size:1em;white-space:nowrap;margin-bottom:2em;margin-top:100px;} .message-intro p{font-size:inherit;overflow:hidden; display:table-cell;vertical-align:middle;padding-bottom:30px;color:#fff;font-size:18px;font-weight:400; letter-spacing: 2px} .message-intro span.message-line{display:table-cell;width:50%} .message-intro span.message-line{padding:0 10px} .message-intro span.message-line:first-child{padding:0 30px 30px 0} .message-intro span.message-line:last-child{padding:0 0 30px 30px} .message-intro span.message-line:after{display:inline-block;width:100%;content:".";font-size:0;color:transparent;height:1px;background:#f7ebdf;vertical-align:middle;position:relative;top:0} header .message h1 {color:#ffffff; font-size:45px; font-weight:900; margin:8px 0 0; padding:0;} header .message .button {background:transparent; border:1px solid #f7ebdf; color:#f7ebdf; margin-top:60px; font-weight:700;} header .message .button:hover {background:#0A6198; border-color:#0A6198; text-decoration: none} .top {background:#034086; padding:0; width:100%;position: fixed;z-index:999999;} .top.sticky {background:#232e3f; background: rgba(35,46,63,.7); padding:0; width:100%; position:fixed; z-index:99999999999999} #container { width: 100%; height: 50px; background: url(images/square.png) repeat-x 0px -16px; background-size: 12px 33px; padding: 0; position: fixed; z-index: 99999; margin-top: 77px; } .logo {margin-top:20px; width: 32px; height: 32px; margin-bottom: 25px; margin-right: 3px;} header h2 {padding:45px 0 25px; font-size:42px; color:#fff; text-align: center; font-weight: 100} #js-rotating {display: none} header.alt-1 {background:url(images/header_alt-1_bg.jpg) bottom center no-repeat; min-height:490px; position: relative} header.alt-2 {background:url(images/header_alt-2_bg.jpg) bottom center no-repeat; min-height:490px; position: relative} header.alt-3 {background:url(images/header_alt-3_bg.jpg) bottom center no-repeat; min-height:490px; position: relative} header.alt-4 {background:url(images/header_alt-4_bg.jpg) bottom center no-repeat; min-height:580px; position: relative} header.alt-5 {background:url(images/header_alt-5_bg.jpg) bottom center no-repeat; min-height:490px; position: relative} header.login {background:transparent; min-height:1px;} header.alt-1 .message h1, header.alt-2 .message h1, header.alt-4 .message h1 {color: #D7D7D7} /* Navigation ---------------------- */ nav.desktop-menu { padding: 0; float:right; text-align: left; } .slicknav_menu, .mobile-menu { display:none; } /*** Superfish Essential Styles ***/ .sf-menu, .sf-menu * { overflow: visible; margin: 0; padding: 0; list-style: none; z-index: 1000; } .sf-menu { line-height: 1.1; float: left; margin-bottom: 0; } .sf-menu ul { z-index: 1000; position: absolute; top: -999em; padding: 0; overflow: visible !important; } .sf-menu ul li { display: block; width: 50% !important; text-align: left; padding:4px 0; margin-left:0!important; border-bottom: 1px solid #40546a;border-bottom-left-radius:5px;} .sf-menu ul li:last-child { border-bottom: 0; -webkit-border-bottom-right-radius: 5px;-webkit-border-bottom-left-radius: 5px;-moz-border-radius-bottomright: 5px;-moz-border-radius-bottomleft: 5px;border-bottom-right-radius: 5px;border-bottom-left-radius: 5px;} .sf-menu ul li a { border:none; -webkit-border-radius: 0!important;-moz-border-radius: 0!important;border-radius: 0!important;} .sf-menu ul li:hover, .sf-menu ul li a:hover { background: #40546a !important; } .sf-menu li { float: left; position: relative; text-decoration:none; text-align: center;padding:24px 0 24px; margin-left:10px; } .sf-menu li:first-child { margin-left:0; } .sf-menu a { display: block; position: relative; font-size:14px; letter-spacing:.07em; text-transform: uppercase; font-weight:400; padding:6px 15px 8px; color:#fff; } .sf-menu > li > a {display: block; } .sf-menu li li a { font-size:11px; color:#fff; padding:7px 10px 5px; } .sf-menu li a:hover { background: none; text-decoration: none; -webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;-ms-transition:all .3s;transition:all .3s; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius:0px;border-bottom: 2px solid RGBA(252, 247, 251, 0.79);} .sf-menu li li a:hover { border-bottom:0; text-decoration: none} .sf-menu li.current-menu-item a:hover {background:#fff; color:#118DF0;} .sf-menu li.current-menu-item a, .sf-menu li.current-menu-parent a, .sf-menu li.current_page_parent a { background: #FFF; color:#0F80D1; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 30px;border: 2px solid #FFF;margin-top: -2px;} .sf-menu li.login-menu-item a { background: #fabc3d; color:#4b4b4b; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 30px;border: 2px solid #fabc3d;margin-top: -2px;} .sf-menu li li.current-menu-item a, .sf-menu li.current-menu-parent li a, .sf-menu li.current-menu-item ul.sub-menu li a { background: #898a8d; color:#fff; } .sf-menu li li.current-menu-item a:hover, .sf-menu li.current-menu-parent li a:hover, .sf-menu li.current-menu-item ul.sub-menu li a:hover { background: #3ec7cf; color:#fff;} .sf-menu li:hover ul,.sf-menu li.sfHover ul { left: 0; top: 77px; z-index:999999; width:400px; -webkit-animation-duration: .3s; -webkit-animation-timing-function: ease; -webkit-animation-fill-mode: both; -webkit-animation-name: fadeInRight; -moz-animation-duration: .3s; -moz-animation-timing-function: ease; -moz-animation-fill-mode: both; -moz-animation-name: fadeInRight; animation-duration: .3s; animation-timing-function: ease; animation-fill-mode: both; animation-name: fadeInRight;} ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul { top: -999em; } ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul { left: 200px; top: 0; -webkit-border-radius: 0!important;-moz-border-radius: 0!important;border-radius: 0!important; } ul.sf-menu li li:hover ul li:last-child, ul.sf-menu li li.sfHover ul li:last-child {-webkit-border-bottom-right-radius: 5px;-webkit-border-bottom-left-radius: 5px;-moz-border-radius-bottomright: 5px;-moz-border-radius-bottomleft: 5px;border-bottom-right-radius: 5px;border-bottom-left-radius: 5px;} ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul { top: -999em; } ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul { left: 200px; top: 0; -webkit-border-radius: 0!important;-moz-border-radius: 0!important;border-radius: 0!important;} .sf-menu li:hover { outline: 0; } .sf-menu li li a:hover { color:#fff !important; -webkit-transition:none !important;-moz-transition:none!important;-o-transition:none!important;-ms-transition:none!important;transition:none!important;} .sf-menu > li:hover { border:none !important; background: none !important; } .alt-nav { display:none; } .sf-menu ul {background:#37485C; -webkit-border-bottom-right-radius: 5px;-webkit-border-bottom-left-radius: 5px;-moz-border-radius-bottomright: 5px;-moz-border-radius-bottomleft: 5px;border-bottom-right-radius: 5px;border-bottom-left-radius: 5px; } .sf-menu ul:after { bottom: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none;} .sf-menu ul:after { border-color: rgba(127, 140, 141, 0); border-bottom-color: #37485C; border-width: 10px; left: 17%; margin-left: -10px;} .sf-menu ul li ul:after { bottom: 100%; border: transparent; } .sf-menu ul li ul:after { border:0;} /* ================== 4 = Home Page ================== */ /* Features */ .features {padding:30px 0; background: url(images/pattern-3.png) repeat; overflow:hidden;} .features.servers {padding:40px 0 0; background:#fff;} .features.premium-servers {padding:50px 0; background:#535761;} .features i {margin-bottom:10px; font-size: 42px;color: #03B487; } .features h2 { margin-bottom: 10px; font-size: 1.5rem; line-height: 1.4; font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; font-weight: normal; font-style: normal; color: #222222; text-rendering: optimizeLegibility; margin-top: 0.2rem; text-align:center;} .features.premium-servers h2 {color:#d7d7d7;} .features.premium-servers p {color:#ccc;} .features ul {margin-top:0px;} .features ul li {text-align: left; } .features ul li:nth-child(3n+3) { border-right:0;} .features ul li:nth-last-child(-n+3) {border-bottom:0;} .features ul li h3 {margin-bottom:12px; font-size:21px;} /* Monitoring */ .monitoring {padding:50px 0 0; overflow:hidden; background: #fafafa url(images/monitoring_bg.jpg) repeat-x center bottom;} .monitoring h2 {font-weight:900;text-align: center; margin-bottom: 12px} /* ================== 5 = Inner Pages ================== */ /* Typography ------------------------ */ .typography-subheader {padding:50px 0;} /* Login ------------------------ */ .login-container {padding:100px 0; overflow:hidden;} .login-form {text-align: center; background:#fff; border: 2px solid #ebebeb; border-radius: 5px; overflow:hidden; padding:60px 30px;} .login-form input[type="text"], .login-form input[type="password"] { font-size:18px; padding: 15px; height:65px; width:100%; border: 1px solid #d4d4d4; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -moz-box-shadow: inset 0 1px 1px 0 rgba(0,0,0,0.1); -webkit-box-shadow: inset 0 1px 1px 0 rgba(0,0,0,0.1); box-shadow: inset 0 1px 1px 0 rgba(0,0,0,0.1); margin:8px 0 18px; } .login-form input[type="submit"] { -moz-box-shadow: inset 0 1px 1px 0 rgba(0,0,0,0.1); -webkit-box-shadow: inset 0 1px 1px 0 rgba(0,0,0,0.1); box-shadow: inset 0 1px 1px 0 rgba(0,0,0,0.1); width:100%; float: left; font-size:16px; background: #65454c; height:65px; color:#fff; font-weight:900; padding:6px; text-transform: uppercase; width: 100%; border-radius: 4px; border:0; cursor: pointer; -ms-box-sizing: border-box; -khtml-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; box-sizing: border-box; } .login-form input[type="submit"]:hover { background: #37485C; } /* Contact ------------------------ */ .contact-section {padding:50px 0;} .contact-details h4 { color:#4B4854;margin-top:75px; font-size:18px; padding:0; letter-spacing:.07em; text-transform:uppercase; position: relative; font-weight:900;} .contact-details ul { list-style: none; margin:0; padding:4px 0; } .contact-details ul li {padding:7px 0; border-bottom:1px solid; border-color: #ecedee; font-weight:600; letter-spacing:.07em; text-transform:uppercase; font-size:12px; text-align: left} .contact-details ul li span {display: block;} .contact-details ul li:last-child { border-bottom:0;} .contact-details ul li a { color:#303038} .contact-details ul li a:hover { color:#b86662; text-decoration: none} #gmap iframe {height: 450px; margin-bottom: 50px; width:100%;} #sendstatus { margin: 0;} #contactform input[type="text"] { font-size:15px; padding: 5px 10px; height:35px; width:90%; border: 2px solid rgba(0, 0, 0, 0.1); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -moz-box-shadow: inset 0 1px 1px 0 rgba(0,0,0,0.1); -webkit-box-shadow: inset 0 1px 1px 0 rgba(0,0,0,0.1); box-shadow: inset 0 1px 1px 0 rgba(0,0,0,0.1); margin:6px 5px 18px; } #contactform textarea { font-size:15px; padding: 5px 10px; width:90%; border: 2px solid rgba(0, 0, 0, 0.1); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -moz-box-shadow: inset 0 1px 1px 0 rgba(0,0,0,0.1); -webkit-box-shadow: inset 0 1px 1px 0 rgba(0,0,0,0.1); box-shadow: inset 0 1px 1px 0 rgba(0,0,0,0.1); margin:8px 5px 18px; } #contactform #submit { -moz-box-shadow: inset 0 1px 1px 0 rgba(0,0,0,0.1); -webkit-box-shadow: inset 0 1px 1px 0 rgba(0,0,0,0.1); box-shadow: inset 0 1px 1px 0 rgba(0,0,0,0.1); float: left; font-size:15px; background: #118DF0; height:45px; color:#fff; font-weight:900; padding:6px; text-transform: uppercase; width: 100%; border-radius: 4px; border:0; cursor: pointer; -ms-box-sizing: border-box; -khtml-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #contactform #submit:hover { background: #37485C; } #contactform input[type="text"]:focus { outline: none; box-shadow: none; border-color: #118DF0; background-color:#FFF; } #contactform textarea:focus { outline: none; box-shadow: none; border-color: #118DF0; background-color:#FFF; } /* Blog ---------------------- */ .sectionarea {padding:50px 0;overflow:hidden;} .sectionarea.blog h2 {font-size:33px;padding:0; font-weight:900; margin:8px 0 28px; text-transform: uppercase;} .sectionarea.blog h2 a {color:#4B4854;} .sectionarea.blog h2 a:hover {color:#b86662; text-decoration: none} .sectionarea.blog h3 {font-size:20px;padding:0; color:#666; font-weight:300; margin:10px 0; line-height: 1.3} .sectionarea.blog .meta {letter-spacing:.07em; margin:10px 0 15px; padding:10px 0 10px 2px; color:#222D3A; border-top:1px solid #e8e8e8; border-bottom:4px solid #e8e8e8; font-size:13px; font-weight: 300; text-transform: uppercase;} .sectionarea.blog .meta i {padding:0 5px 0 10px; color:#222D3A;} .sectionarea.blog .meta a {color:#b86662;} .sectionarea.blog .entry p {margin-top:15px; color:#3D3F40; font-size:16px;} .sectionarea.blog .button {background:#8C7379; color:#fff; font-weight:700; padding:8px 15px;} .sectionarea.blog .button:hover {background:#b86662;; text-decoration: none} .sectionarea.blog hr.separator { border: solid #e8e8e8; border-width: 1px 0 0; clear: both; margin: 40px 0; height: 0; } #blogslider .item img{ display: block; width: 100%; height: auto; } ul.pagination {margin:0 auto; text-align: center; display:table; margin-top:50px;} ul.pagination li { font-size:17px; } ul.pagination li:hover a, ul.pagination li a:focus { text-decoration: none } ul.pagination li.current a {text-decoration:none;} /* widgetized areas sidebar ---------------------- */ .sidebar {position: relative; padding:0 0 8px; margin:12px 0 5px;} .sidebar #searchform {padding:15px 0 11px; margin:0;} .sidebar #searchform input {background:#fff; border:1px solid #ccc; width:100%; font-size:13px; color: #303038; height:28px;} .sidebar #searchform button {background:#fff; margin-left:0; margin-top: 0; color:#333; padding: 6px 7px 5px; font-size:12px; -webkit-border-top-right-radius: 4px;-webkit-border-bottom-right-radius: 4px;-moz-border-radius-topright: 4px;-moz-border-radius-bottomright: 4px;border-top-right-radius: 4px;border-bottom-right-radius: 4px;} .sidebar .widget {margin-bottom:30px;} .sidebar .textwidget {padding:4px 0; margin:0; line-height:1.4;} .sidebar h4 {margin:0; padding:0;} .sidebar h4.widget_title { color:#4B4854; background:#E8E8E8; font-size:13px; padding:9px 8px 8px; letter-spacing:.07em; text-transform:uppercase; position: relative; font-weight:900;} .sidebar input {margin:0; padding: 0 8px; height:27px;} .sidebar button {margin:0; padding:0; border:0;} .sidebar form {margin:0; padding:0} .sidebar select {background-color: white; font-size:12px; font-family: inherit; border: 1px solid #cccccc; color:#333; display: block; margin:0 auto; margin-top:12px; margin-bottom:12px; padding: 4px; width: 100%;} .sidebar ul { list-style: none; margin:0; padding:4px 0; } .sidebar ul li {padding:7px 0; border-bottom:1px solid; border-color: #ecedee; font-weight:600; letter-spacing:.07em; text-transform:uppercase; font-size:12px; text-align: left} .sidebar ul li:last-child { border-bottom:0;} .sidebar ul li a { color:#303038} .sidebar ul li a:hover { color:#b86662; text-decoration: none} .sidebar .portfoliowidget li {border-bottom:0; padding:3px;} .sidebar .latestpostimg {float:left; width:25%;} .sidebar .latestpostinfo {float:right; width:70%;} .sidebar .latestpostinfo .latestposttitle {font-size:13px; color:#000; font-weight:bold; padding:4px 0 10px 8px; line-height:1.3;} .sidebar .latestpostinfo .latestpostdate {font-size:10px; color:#999; padding-left:8px;} .sidebar ul.children, .sidebar ul.sub-menu {padding-left:20px;} .sidebar abbr {color:#999;} .sidebar span a.rsswidget { color:#fff; padding-left:2px;} .sidebar .rssSummary { padding-top:7px; line-height:1.3;} .sidebar p.wp-caption-text {color:#666;} .sidebar img.attachment-shop_thumbnail {max-width:50px; height:auto; float:right; padding-left:10px;} .sidebar ul.product_list_widget li {overflow:hidden;} .sidebar ul.product_list_widget li span.amount {display:block;} .sidebar ul.product_list_widget li ins {display:block; background: none; text-decoration: none;} .sidebar ul.product_list_widget li del span.amount {display:none;} .sidebar .screen-reader-text {display:none;} .sidebar #wp-calendar {width:90%; margin:0 auto; margin-top:12px; margin-bottom:12px;} .sidebar .tagcloud {padding: 17px 0 4px; overflow:hidden;} .sidebar #searchform #searchsubmit {background:#b86662!important; cursor:pointer; width:100%!important; margin:0 auto!important; text-align: center!important; float:none!important; margin-top:4px!important; color:#fff!important; padding: 3px!important; font-size:12px!important; } p.tags {margin-top: 12px;} p.tags a {background:#5D5D65; color:#fff; padding:2px 6px 3px; border:none; font-size: 13px; text-decoration: none; margin-bottom:2px; display: inline-block; } p.tags a:hover {background:#b86662; color:#fff;} .tagcloud {padding: 8px 0;} .tagcloud a{position: relative; display: block; border: 0; float: left; padding: 5px 7px; margin: 0 3px 3px 0; color: #fff; background: #4B4854; font-size:13px !important;} .tagcloud a:hover {position: relative;background: #b86662;border: 0; text-decoration: none; color:#fff;} .single-section-container{padding-top:12px;} .single-section-title{border-bottom:6px solid #E8E8E8; text-align:center; margin-bottom:23px;} .single-section-title span.single-section-text{display:block; width:70px; padding:8px; background-color:#fff; margin:0px auto -17px;} .sharing-buttons { padding:0; margin:0 auto; display:table;} .sharing-buttons ul { list-style: none; margin:0; padding:0; } .sharing-buttons ul li { display:inline-block; padding:11px 7px 12px; margin:0;} .sharing-buttons ul li i { color:#fff; text-align: center; font-size:16px; width:38px; height:38px; background:#b86662; border-radius:50%; padding:12px 0 0 0;} .sharing-buttons ul li:hover i { background:#4B4854;} .sharing-buttons ul li a {color:#fff; font-size:17px; } .sharing-buttons ul li a:hover {color:#b86662; } /* Author box */ .author-wrap {position: relative; overflow:hidden; background:#fff; border:6px solid #e8e8e8; padding:20px; margin:35px 0; border-radius: 3px;} .author-gravatar {margin: 0;line-height: 1;} .author-gravatar img {border: 0;} .author-title {color: #303038;display: block;line-height: 1.5;margin: 0 0 15px; padding: 0 0 10px; border-bottom:2px solid #e8e8e8;} .author-title h6 {padding:0; margin: 0 0 6px;font-size: 18px; letter-spacing: .07em; font-weight: 900} .author-title a {color: #000;text-decoration: none;} .author-title a:hover, .author-title a:focus {color: #000;text-decoration: none;} .author-description {display: block; margin: 0 0 5px;} .author-description p {margin: 0; font-size: 16px} .authorsocial ul { float:left; list-style: none; margin-top:17px; margin-left:0; padding:0; } .authorsocial ul li { float:left; margin-right:5px; font-size:11px;} .authorsocial ul li a { padding:6px 8px; margin-top:-3px; color:#303038; background:#e8e8e8;} .authorsocial ul li a:hover { background:#b86662; color:#fff; } /* Comments */ .comments { background:#fff; border:1px solid #e8e8e8; border-radius: 3px;} #thecomments {margin-top: 0;} #thecomments h2.comment-title { color:#303038; background:#f1f3f5; font-size:16px; padding: 12px; position: relative; margin:0;} #addcomments {margin-top: 0;} /* Comments List */ ol.commentlist, ol.pingbacklist, .commentspagination, .nocomments, #addcomments { margin: 0; padding: 0 20px;} #addcomments {padding-bottom:10px; padding-top:10px;} .commentsform {margin-top:35px; background:#fff; border:6px solid #e8e8e8; border-radius: 3px;} .commentlist .comment-body{ padding: 0; margin: 0; position: relative; border-top: 0;} .comment-body .reply{ margin-top:15px;} .comment-body a:hover{ text-decoration: underline;} .comment-body a.comment-reply-link {background:#b86662; margin: 0 0 0 12px; text-decoration:none; color:#fff; padding: 3px 8px 4px; font-size:11px; border:0; -webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;} .comment-body a.comment-reply-link:hover { background: #000;} ol.commentlist li, ol.pingbacklist li{ margin-top:20px; list-style: none; padding: 20px 0; background:#fff; border-bottom: 1px solid #e9e9e9;} ol.commentlist li ul.children {margin-bottom: 0px !important; margin-top: 25px !important;} ol.commentlist li ul.children li{ border-bottom: 0; padding-left: 20px !important; margin: 10px 0; border-left:1px solid #e8e8e8;} ol.commentlist li ul.children comment-body{ padding: 15px 0 5px; margin: 10px 0 0; position: relative;} .reply {margin-bottom:25px;} ol.commentlist img.avatar, ol.pingbacklist img.avatar { margin-right:20px; float:left; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%;} ol.commentlist .comment-author, ol.pingbacklist .comment-author { line-height: 25px; border:0; width:100%; } .comment-body cite.fn{ font-style: normal; color: #000;} .comment-time{ font-size: 12px; font-style: normal; color: #ccc;} .commentmetadata { clear: both; padding: 0; margin: 0;} .commentmetadata a{ margin: 0; color: #000; text-decoration: underline;} .comment-body p{ margin: 5px; padding:0 10px;} .comment-body .comment-author.vcard{ margin: 0;} .comment-body ul, .comment-body ol {padding:0; margin:0;} .comment-body ul li, .comment-body ol li {padding:7px 0; margin:0; border:0;} .comment-body ul li ul, .comment-body ol li ol {padding:7px 0 7px 7px; margin:0; border:0;} #reply-title { margin:10px 0; padding:0 0 5px; font-weight:normal; font-size:26px; line-height:1.3; display: block; margin-bottom:-2px; font-weight: 700;} form#commentform textarea {min-height:150px; border:1px solid #ccc;} form#commentform input {border:1px solid #ccc;} form#commentform input#submit, .wpcf7-submit {background:#b86662; margin-top: 0; color:#fff; padding: 6px 6px 7px; font-size:14px; border:0; -webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;} form#commentform input#submit:hover, .wpcf7-submit:hover { background: #303038;} /* ================== 6 = Footer ================== */ footer {padding:50px 0 15px; background:#222D3A;} .contacts {padding-bottom:30px; color:#fff; text-align: center; font-size:14px;font-weight: 300; } .contacts a {color:#fff;} .contacts a:hover {text-decoration: none; color: #C5645B;} .contacts i {display:block; font-size:33px; font-weight: 400; margin-bottom:12px;} .footerlinks {padding:0;border-top:4px double #37485c;border-bottom:4px double #37485c; overflow:hidden;} .footerlinks .border-right {border-right:1px solid #37485c;} .footerlinks .columns {padding:20px 0 20px 50px;} .footerlinks h2 {font-size:17px; color:#fff; padding:0; margin:0 0 20px; font-weight:900;} .footerlinks ul {padding:0; margin:0; list-style:none;} .footerlinks ul li {padding:4px 0; font-size:14px; color:#ccc;} .footerlinks ul li a {color:#ccc;} .footerlinks ul li a:hover {color:#C5645B; text-decoration: none} .footerlinks p {color:#ccc; font-size:14px;} .footerlinks hr { border: solid #494B4C; border-width: 7px 0 0; clear: both; margin: 11px 0; height: 0; } /* Pricing Tables - Boxes */ .pricingboxes {padding:50px 0; overflow: hidden } .pricingboxes h2 {font-weight:900;text-align: center; margin-bottom: 12px} .pricingboxes p {text-align: center;} .pricingboxes .title { font-family: 'Lato', Optima, Segoe, "Segoe UI", Candara, Calibri, Arial, sans-serif; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; background: #232E3F; padding: 12px 0; text-align: center; letter-spacing: .07em; color: #fff; font-weight: 800; font-size: 17px; margin-bottom:15px; position: relative; } .pricingboxes .title:after { top: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(101, 69, 76, 0); border-top-color: #232E3F; border-width: 8px; margin-left: -8px; } .pricing-table { border: 0; margin: 0 0 1.25em 0;padding:0; } .pricing-table * { list-style: none; line-height: 1; } .pricing-table .price { font-family: 'Lato', Optima, Segoe, "Segoe UI", Candara, Calibri, Arial, sans-serif; background: #1D91C0; text-align: center; padding:12px 0 18px; color: #EAEAEA; font-weight: 900; font-size: 15px; } .pricing-table .price span { color: #EAEAEA; font-weight: 900; font-size: 53px; display: block; padding:10px 0; text-shadow: 1px 1px #1D91C0, 2px 2px #1D91C0, 3px 3px #1D91C0, 4px 4px #1D91C0, 5px 5px #1D91C0, 6px 6px #1D91C0, 7px 7px #1D91C0, 8px 8px #1D91C0, 9px 9px #1D91C0, 10px 10px #1D91C0, 11px 11px #1D91C0, 12px 12px #1D91C0, 13px 13px #1D91C0, 14px 14px #1D91C0, 15px 15px #1D91C0, 16px 16px #1D91C0, 17px 17px #1D91C0, 18px 18px #1D91C0, 19px 19px #1D91C0, 20px 20px #1D91C0, 21px 21px #1D91C0, 22px 22px #1D91C0, 23px 23px #1D91C0, 24px 24px #1D91C0, 25px 25px #1D91C0, 26px 26px #1D91C0, 27px 27px #1D91C0, 28px 28px #1D91C0, 29px 29px #1D91C0, 30px 30px #1D91C0; background-color: #1D91C0; } .pricing-table .description { background: #1D91C0; text-align: center; padding:32px 0; color: #fff; font-size: 17px; font-weight: normal; line-height: 1.4; border-bottom: solid 1px #1D91C0; -webkit-border-top-left-radius: 8px;-webkit-border-top-right-radius: 8px;-moz-border-radius-topleft: 8px;-moz-border-radius-topright: 8px;border-top-left-radius: 8px;border-top-right-radius: 8px;} .pricing-table .bullet-item { background-color: #1D91C0; padding: 0.9375px 0.999em; text-align: center; color: #fff; font-size: 14px; font-weight: normal; border-bottom: solid 1px #1D91C0; } .pricing-table .cta-button { background: #1D91C0; text-align: center; padding: 8px 0; -webkit-border-bottom-right-radius: 8px;-webkit-border-bottom-left-radius: 8px;-moz-border-radius-bottomright: 8px;-moz-border-radius-bottomleft: 8px;border-bottom-right-radius: 8px;border-bottom-left-radius: 8px; } .pricing-table .cta-button p { padding: 14px 0 8px; } .pricing-table .cta-button span a {color:#fff; font-size:16px; font-weight:800; background: #232E3F; padding:9px 27px; border-radius: 6px} .pricing-table .cta-button span a:hover {background: #37485c; text-decoration: none;} .pricingboxes-comparison {padding:0 0 50px; overflow: hidden; margin: 0 10px; } .pricingboxes-comparison h2 {font-weight:900;text-align: center; margin-bottom: 12px} .pricingboxes-comparison p {text-align: center;} .pricingboxes-comparison .title-alt { font-family: 'Lato', Optima, Segoe, "Segoe UI", Candara, Calibri, Arial, sans-serif; background: #65454c; padding: 12px 0; text-align: center; letter-spacing: .07em; color: #fff; font-weight: 800; font-size: 17px; margin-bottom:15px; position: relative; } .pricingboxes-comparison .title-alt:after { top: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(101, 69, 76, 0); border-top-color: #65454c; border-width: 8px; margin-left: -8px; } .pricingboxes-comparison .title-features { font-family: 'Lato', Optima, Segoe, "Segoe UI", Candara, Calibri, Arial, sans-serif; background: #b86662; padding: 12px 0; text-align: center; letter-spacing: .07em; color: #fff; font-weight: 800; font-size: 17px; margin-bottom:15px; position: relative; } .pricingboxes-comparison .title-features:after { top: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(101, 69, 76, 0); border-top-color: #b86662; border-width: 8px; margin-left: -8px; } .pricing-table.alter .description {border-radius: 0;} .pricing-table.alter.features .bullet-item { background-color: #E5E5E5; text-align: left;color: #333; font-size:14px; border-bottom: solid 1px #D7D7D7; } .pricing-table.alter.features .bullet-item a { color:#666; cursor: pointer;} .has-tip { border:none!important; padding:0!important; margin:0!important; font-weight: 400!important} .has-tip:hover { color:#000;} .pricing-table.alter .bullet-item i { font-size: 12px } .pricing-table.alter .bullet-item i.fa-check { color:#65454C; } .pricing-table.alter .bullet-item i.fa-times { color:#FEB762; } .pricing-table.alter .price { padding:14px 0 20px; } .pricing-table.alter .price span { font-size: 33px; } .pricing-table.alter .price span sub { font-size: 14px; padding-left:2px; font-weight: 400; text-shadow:none; top:0px; vertical-align: baseline; position: relative;} .pricing-table.alter .cta-button { background: #65454C; padding: 4px 0; border-radius: 0;} .pricing-table.alter .cta-button p { padding: 14px 0 2px; } .pricing-table.alter .cta-button span a {font-size:14px; background: #b86662; padding:5px 17px; border-radius: 6px} .pricing-table.alter .cta-button span a:hover {background: #37485c; text-decoration: none;} /* MailChip Newsletter Form Styling ----------------------- */ #mc-embedded-subscribe-form {padding:0!important; margin:0!important;} #mc-embedded-subscribe-form input.email {width:100%!important;} #mc-embedded-subscribe-form input.button {float: left; background: #37485C; margin-top:6px; color:#fff; font-size:12px; font-weight:900; padding:11px; text-transform: uppercase; width: 100%!important; border-radius: 4px; border:0; cursor: pointer; -ms-box-sizing: border-box; -khtml-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; box-sizing: border-box;} #mc-embedded-subscribe-form input.button:hover { background: #C5645B; } /* Social Links / Copyright Text ----------------------- */ .social {margin-top:12px;} .social ul {margin:0 1px;} .social ul li {text-align: center; background:#2a3848; padding:6px 0; border-right:1px solid #222D3A; width:20%;} .social ul li:last-child {border-right:0;} .social ul li a {color:#fff;} .social ul li a:hover {text-decoration: none;} .social ul li.facebook:hover {background:#214379;} .social ul li.twitter:hover {background:#42A4D7;} .social ul li.googleplus:hover {background:#C65441;} .social ul li.linkedin:hover {background:#1A96D5;} .social ul li.pinterest:hover {background:#E4232F;} p.copyright {font-size:12px; text-align:center; padding:35px 0 0; margin:0; color:#ccc; text-transform: uppercase;} /* Back to Top Button ----------------------- */ #back-to-top { color:#fff; position:fixed; bottom:40px; right:20px; z-index:99; display:none; text-align: center; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 2px; z-index: 10000; height: 29px; width: 29px; background-color: rgba(0,0,0,0.4); background-repeat: no-repeat; background-position: center; transition: background-color 0.1s linear; -moz-transition: background-color 0.1s linear; -webkit-transition: background-color 0.1s linear; -o-transition: background-color 0.1s linear;} #back-to-top i { padding-top:4px; font-size:17px; } #back-to-top:hover { background:#B86662; background: rgb(77, 114, 198); } /* ================== 7 = Media Queries ================== */ @media only screen and (max-width: 719px) { .js nav.desktop-menu { display:none; } .js .slicknav_menu {display: block;} header .message {top:100px;} .message-intro span.message-line{display: none} .message-intro {padding-bottom:0;font-size:15px;letter-spacing: 0; text-align: center; width:100%; display:table;} .message-intro p{font-size:12px;text-align: center; margin:0 auto;} header .message h1 {font-size:30px; margin:0;} header .message .button {margin-top:30px;} .inner h1 {font-size:30px; margin:0;} .logo {text-align: center} .features ul li {border:0;} .calltoaction .longshadow {font-size:39px;} .calltoaction h2 {font-size:33px; } .testimonials h2 {font-size:33px;} .whoclient span {font-size:12px;} .testimonial-content p {padding:15px;} .contacts .columns {margin-bottom:20px;border-bottom:1px double #37485c; padding-bottom:15px;} .footerlinks {border: 0;} .footerlinks .border-right {border-right:0;} .footerlinks .columns {padding:0; margin-bottom:35px; text-align: center;} .footerlinks h2 {margin:0 0 8px;} .social {margin-top:0;} .social ul li {border-right:0; margin-bottom:1px; width:100%;} .columns.hostingfeatures {display:none;} .pricing-table.alter .bullet-item i { margin-bottom:6px;} .pricingboxes-comparison .title-alt { -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;} .pricing-table.alter li.bullet-item:first-child { -webkit-border-top-left-radius: 8px;-webkit-border-top-right-radius: 8px;-moz-border-radius-topleft: 8px;-moz-border-radius-topright: 8px;border-top-left-radius: 8px;border-top-right-radius: 8px;} .pricing-table.alter .cta-button { -webkit-border-bottom-right-radius: 8px;-webkit-border-bottom-left-radius: 8px;-moz-border-radius-bottomright: 8px;-moz-border-radius-bottomleft: 8px;border-bottom-right-radius: 8px;border-bottom-left-radius: 8px; } .dedicated-servers-features ul li img {display:block; margin:0 auto; text-align: center; padding-bottom:12px;} .flat-table td span {width:100%; display:block; text-align: center} .domainsearch{ margin-top:20px; } .domainsearch input[type="text"] {font-size:15px; padding:6px; height:40px; border-radius: 5px; margin-bottom:6px;} .domainsearch select { font-size:15px; height:40px;border-radius:5px;padding:6px; border-left:0;margin-bottom:6px;} .domainsearch input[type="submit"] {font-size:14px; height:40px; border-radius: 5px;} .domain-prices .title-alt { letter-spacing: 0; font-size: 11px; } .domain-prices .title-features { letter-spacing: 0; font-size: 11px; } .pricing-table.domains.tld .bullet-item { font-size:12px; } .pricing-table.domains .bullet-item { padding: 0.65em; font-size: 12px;} .timeline-content {padding:15px 0; text-align:center;} .supportchannels h3 {text-align:center;} .supportchannels p {text-align:center;} .timeline-content img.imgpaddingright {padding-right:0; display: block; text-align: center;} .supportchannels {padding:15px 0; border-bottom:3px solid #d7d7d7;} } @media only screen and (min-width: 720px) and (max-width: 959px) { .sf-menu a { font-size:13px; letter-spacing:0; padding:6px 10px 8px;} .logo {margin-top:23px;} .sf-menu li:hover ul,.sf-menu li.sfHover ul {top: 78px; width:135px;} header .message .button {margin-top:30px;} header .message {top:100px;} .message-intro {margin-bottom:20px} header .message h1 {margin-top:0;} .features ul li {min-height:315px;} .features ul li h3 {margin-bottom:10px; font-size:18px;} .features ul li p {font-size:15px;} .footerlinks .columns {padding:20px 0 20px 10px;} .pricing-table .price span { font-size: 33px; } .pricing-table .cta-button span a {font-size:14px; padding:9px 17px; border-radius: 6px} .flat-table td span {display: block; text-align: center;} .flat-table td, .flat-table th {font-size: 13px; padding: 0.7em; } .line .roundimg {right:30px;} ul.domainfeatures li i {font-size:30px;} ul.domainfeatures li .circle {width: 60px; height: 60px;padding-top:13px; } } @media only screen and (min-width: 960px) and (max-width: 1025px) { .line .roundimg {right:43px;} } .dj { font-family: "Varela Round", Arial, sans-serif; font-size:20px; text-rendering: optimizeLegibility; color:#FFF; } .dj mpan{ color:#FFF; } .dj span{ color:#308CED; } .logowidth { width:400px; } .homebox { font-family: "Varela Round", Arial, sans-serif; width: 100%; background: rgba(59, 59, 59, 0.52); padding-left: 35px; padding-top: 20px; padding-right: 25px; padding-bottom: 30px; color: RGBA(252, 250, 250, 0.86); position: relative; text-align: left; box-shadow: 4px 11px 35px -14px rgba(0, 0, 0, 0.5); top:105px; left:0px; } .homebox h3{ font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; font-weight: normal; font-style: normal; color: RGBA(252, 250, 250, 0.86); } .homebox .price-status{ margin-bottom: 20px; } .homebox .price-status .price{ font-size: 22px; color: #4CB648; margin-bottom: 10px; position: relative; } .homebox .price-status .price .tag{ border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-top-left-radius: 4px; border-bottom-left-radius: 4px; top: -6px; font-size: 14px; background: RGBA(233, 149, 68, 0.9); color: RGB(255, 255, 255); height: 26px; line-height: 26px; padding: 0 20px 0 20px; position: relative; display: inline-block; zoom: 1; } .homebox .price-status .price .tag::before { right: 100%; top: 50%; border: solid #FFF transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .homebox .price-status .price .tag::after{ border-color: rgba(136, 183, 213, 0); border-right-color: #4CB648; border-width: 13px; margin-top: -13px; } .featurebox { font-family: "Varela Round", Arial, sans-serif; width: 100%; background: #FFF; padding: 15px; position: relative; text-align: center; box-shadow: 0 1px 4px #838383; top:25px; border-radius:5px; left:0px; color:#838383; font-size:16px; } .bottombox { margin-bottom:25px; } .featurebox h1{ font-family: 'Lato', Optima, Segoe, "Segoe UI", Candara, Calibri, Arial, sans-serif; color:#000; font-size:20px; text-align:left; } .featurebox h2{ font-family: 'Lato', Optima, Segoe, "Segoe UI", Candara, Calibri, Arial, sans-serif; color:#000; font-size:20px; text-align:left; font-weight:bold; } .featurebox figure{ bottom: 0; right: 0; color: #fff; text-align:center; } .featurebox figure span{ color:#000; border-radius:25px; padding-left: 15px; padding-right: 15px; } .loginbox { font-family: "Varela Round", Arial, sans-serif; width: 100%; background: RGBA(21, 21, 21, 0.62); padding: 30px; color: #fff; position: relative; text-align: left; box-shadow: 4px 11px 35px -14px rgba(0, 0, 0, 0.5); top:115px; left:0px; color:RGBA(255, 255, 255, 0.87); } .loginbox h3{ font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; font-weight: normal; font-style: normal; color: #FFF; } .loginbox .price-status{ margin-bottom: 20px; } .loginbox .price-status .price{ font-size: 22px; color: #4CB648; margin-bottom: 10px; position: relative; } .loginbox .price-status .price .tag{ border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-top-left-radius: 4px; border-bottom-left-radius: 4px; top: -6px; font-size: 14px; background: #D29832;; color: #fff; height: 26px; line-height: 26px; padding: 0 20px 0 20px; position: relative; display: inline-block; zoom: 1; } .loginbox .price-status .price .tag::before { right: 100%; top: 50%; border: solid #FFF transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .loginbox .price-status .price .tag::after{ border-color: rgba(136, 183, 213, 0); border-right-color: #4CB648; border-width: 13px; margin-top: -13px; } /*button*/ .btn { color: #fff; } .btn.with-arrow { position: relative; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .btn-primary.btn-outline { background: transparent; color: #118DF0; border: 2px solid #118DF0; } .btn-outline { background: none; border: 2px solid gray; font-size: 16px; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .btn-primary { background: #118DF0; color: #fff; border: 2px solid #118DF0; } .btn { margin-right: 4px; margin-bottom: 4px; font-family: "Varela Round", Arial, sans-serif; font-size: 16px; font-weight: 400; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; border-radius: 30px; -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; padding: 4px 20px; } .btn-sm, .btn-group-sm > .btn { padding: 5px 20px; font-size: 12px; line-height: 1.5; border-radius: 3px; } .btn-primary { color: #fff; background-color: #337ab7; border-color: #2e6da4; } .btn { display: inline-block; margin-bottom: 0; font-weight: normal; text-align: center; vertical-align: middle; touch-action: manipulation; cursor: pointer; background-image: none; border: 1px solid transparent; white-space: nowrap; padding: 4px 18px; font-size: 18px; line-height: 1.42857; border-radius: 4px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border-radius:20px; } .btn.with-arrow i { color:rgba(255, 255, 255, 0.9); opacity: 5; position: relative; -webkit-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; left:25px; } .btn.with-arrow:hover { padding-right: 50px; } .btn-primary.btn-outline:hover, .btn-primary.btn-outline:focus, .btn-primary.btn-outline:active { background: #118DF0; color: #fff; } .btn.with-arrow { position: relative; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .btn-outline:hover, .btn-outline:focus, .btn-outline:active { box-shadow: none; } .btn-primary.btn-outline { background: #118DF0; color: #FFF; border: 2px solid #118DF0; padding-right: 50px; } .btn-primary:hover, .btn-primary:focus, .btn-primary:active { background: #2998f2 !important; border-color: #2998f2 !important; } .btn:hover, .btn:active, .btn:focus { box-shadow: none !important; outline: none !important; } .btn-primary:hover { color: #fff; background-color: #286090; border-color: #204d74; } .btn:hover, .btn:focus, .btn.focus { color: #333; text-decoration: none; } .imgwithin { margin-top:5px; margin-left:-30px; width: 11%; } .btn.with-arrow i:hover { visibility:visible; } /* ABC */ .abc {padding-top:20px;padding-bottom:70px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAAG0lEQVQImWNQMcr7jw0zqBjl/Td0qMXA9JAAAF3tQ4eZFPsdAAAAAElFTkSuQmCC) repeat; overflow:hidden;} .abc.servers {padding:40px 0 0; background:#fff;} .abc.premium-servers {padding:50px 0; background:#535761;} .abc i {margin-bottom:10px; font-size:55px; color:RGBA(212, 132, 13, 0.91);} .abc h2 { margin-bottom: 10px; font-size: 20px; line-height: 1.4; font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; font-weight: normal; font-style: normal; color: #222222; text-rendering: optimizeLegibility; margin-top: 0.2rem; } .abc.premium-servers h2 {color:#d7d7d7;} .abc.premium-servers p {color:#ccc;} .abc p {text-align: center;} .abc ul {margin-top:60px;} .abc ul li {text-align: center; padding:50px 20px 20px; border:1px solid #E0E0E0; border-left:0; border-top:0; min-height:230px;} .abc ul li:nth-child(3n+3) { border-right:0;} .abc ul li:nth-last-child(-n+3) {border-bottom:0;} .abc ul li h3 {margin-bottom:12px; font-size:21px;} /* ABC */ /* RIGHT PANEL */ .rightp { font-family: "Varela Round", Arial, sans-serif; width: 100%; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAAG0lEQVQImWNQMcr7jw0zqBjl/Td0qMXA9JAAAF3tQ4eZFPsdAAAAAElFTkSuQmCC) repeat; padding-left: 35px; padding-top: 20px; padding-right: 25px; padding-bottom: 30px; color: RGBA(252, 250, 250, 0.86); position: relative; text-align: left; box-shadow: 4px 11px 35px -14px rgba(0, 0, 0, 0.5); top:25px; left:0px; margin-bottom:25px; border-radius:5px; } .rightp i{ font-size:16px; } .rightp h3{ font-family: 'Lato', Optima, Segoe, "Segoe UI", Candara, Calibri, Arial, sans-serif; color: RGBA(255, 255, 255, 0.95); font-size: 20px; text-align: left; } .rightp img{ margin-left:4px; border-radius:4px; border:2px solid rgba(0, 0, 0, 0.1); } .subpage { background: url(images/slide-2.jpg) repeat; width: 100%; height: auto; padding-bottom: 155px; position: relative; } .hwform { margin-top: 10px; margin-left: 5px; margin-right: 28px; } .black { background:url(images/slide-footer.jpg); font-family: "Varela Round", Arial, sans-serif; padding-left: 35px; padding-top: 316px; padding-right: 25px; padding-bottom: 316px; color: RGBA(252, 250, 250, 0.86); position: relative; box-shadow: 4px 11px 35px -14px rgba(0, 0, 0, 0.5); top: 25px; left: 0px; text-align:center } .pmt { background:url(images/slide-footer.jpg); font-family: "Varela Round", Arial, sans-serif; padding-left: 35px; padding-top: 25px; padding-right: 25px; padding-bottom: 25px; color: RGBA(252, 250, 250, 0.86); position: relative; box-shadow: 4px 11px 35px -14px rgba(0, 0, 0, 0.5); top: 25px; left: 0px; text-align:left; margin-bottom:25px; } .pmt h3 { font-family: 'Lato', Optima, Segoe, "Segoe UI", Candara, Calibri, Arial, sans-serif; color: RGBA(255, 255, 255, 0.95); font-size: 20px; text-align: left; } .pmt select { margin-left: 5px; margin-top:0px; } .pmt input[type="text"]{ margin-left: 5px; width:90%; margin-bottom:24px; } .microe { font-family: inherit; font-weight: normal; line-height: 1.45; margin-bottom: 17px; font-size: 1.042rem; }