/* Table of Contents - - - - - - - - - 1. Global 2. Standard Forms 3. Header 4. Home Page 5. Inner Pages 6. Order Slider 7. Footer 8. Media Queries - - - - - - - - - */ /* ============ 1 = Global ============ */ body {font-family: 'Open Sans', Optima, Segoe, "Segoe UI", Candara, Calibri, Arial, sans-serif; font-weight: normal; font-style: normal; font-size: 16px; line-height: 1.4; color: #5A5A5A; position: relative; -webkit-font-smoothing: antialiased; background: #fff; margin:0;} body.login-page {background:url(images/login_page_bg.jpg);} .red {color:#ef662f;} .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: 'Open Sans', 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: 10px; } h2 { font-size: 10px; } h3 { font-size: 10px; } h4 { font-size: 10px; font-weight:normal; } h5 { font-size: 14px; } h6 { font-size: 12px; } a { color: #ef662f; text-decoration: underline; line-height: inherit; } a:hover { color: #37485C; text-decoration: none;} p { font-family: inherit; font-weight: normal; line-height: 1.45; margin-bottom: 17px; font-size: 15px;} hr { border: solid #eff0f4; 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;} .spacing-top-15 {padding-top:15px;} .chat A {position:fixed; bottom:10px; display:block; right:30px; z-index:1; background:url(images/chat-off.png) no-repeat 0px 0px; width:290px; height:145px;} .chaton A { background:url(images/chat-on.png) no-repeat 0px 0px;} /* ================== 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: #666; 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; border: 1px solid #DEDEDE; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; color: #666; display: block; margin: 0; padding: 6px; width: 100%; border-radius: 4px; } #contactform input[type="text"].error, #contactform select.error {border:1px solid #ef662f !important; background-color:#f8ccbb;} .error-message { margin:20px 0px; padding:15px; background-color:#EEE; border:1px solid #fb4800; color:#fb4800; } .info-message { margin:20px 0px; padding:15px; background-color:#EEE; border:1px solid #999; color:#333; } .success-message { margin:20px 0px; padding:15px; background-color:#EEE; border:1px solid #74a634; color:#74a634; } /* ================== 3 = Header ================== */ header {background:url(images/header_bg2.jpg) top center no-repeat; min-height:680px; position: relative;} header .message {position: absolute; top:200px; left:1%; right:1%; margin:0 auto; text-align: center; color:#fff;} .message-intro {display:table-row;line-height:1.5em;font-size:2em;white-space:nowrap;margin-bottom:2em; } .message-intro p{font-size:inherit;overflow:hidden; display:table-cell;vertical-align:middle;padding-bottom:30px;color:#fff;font-size:22px;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:30px 0 10px; padding:0;} header .message .button {background:transparent; border:1px solid #f7ebdf; color:#f7ebdf; margin-top:60px; font-weight:700;} header .message .button:hover {background:#65464c; border-color:#65464c; text-decoration: none;} .top {background:#000000; background: rgba(0,0,0,.3); padding:0; width:100%; position:absolute; top:0; z-index:999999;} .top.sticky {background:#232e3f; background: rgba(35,46,63,.7); padding:0; width:100%; position:fixed; z-index:99999999999999;} .logo {margin:15px 0 12px;} header h2 {padding:45px 0 25px; font-size:42px; color:#fff; text-align: center; font-weight: 100;} #js-rotating {display: none;} .loggedinHeader {min-height:400px; background-position:bottom;} header.loggedinHeader .message {top:135px;} header.loggedinHeader .message h1 {margin:10px 0px; font-size:24px;} header.loggedinHeader .domainsearch {margin-top:0px;} header.loggedinHeader .domainsearch input[type="text"] {height:35px; padding:5px; font-size:16px;} header.loggedinHeader .domainsearch input[type="submit"] {height:35px; padding:5px; font-size:18px;} header.loggedinHeader .loggedinSearch {margin:0px auto; width:70%;} header.alt-1 {background:url(images/header_alt-1_bg.jpg) bottom center no-repeat; min-height:350px; 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 {font-size:30px; font-weight:normal; color:#FFF !important; margin-top:10px;} header.alt-1 .message h1, header.alt-2 .message h1, header.alt-4 .message h1 {color: #D7D7D7;} header .login-top {background-color:#74a634; color:#FFF; padding:0px 0px 0px 10px; width:100%; min-height:55px;} header .login-top .topform form{float:right;} header .login-top .topform input {xx-text-transform:uppercase; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px; padding:5px; display:inline-block; font-size:0.9em;} header .login-top .topform input::-webkit-input-placeholder { /* WebKit, Blink, Edge */ color:#74a634; } header .login-top .topform input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color:#74a634; opacity: 1; } header .login-top .topform input::-moz-placeholder { /* Mozilla Firefox 19+ */ color:#74a634; opacity: 1; } header .login-top .topform input:-ms-input-placeholder { /* Internet Explorer 10-11 */ color:#74a634;; } header .login-top .topform input[type="text"],header .login-top .topform input[type="password"] {width:150px; background-color:#cbe0b0; color:#74a634; margin:10px 5px 10px 0px;} header .login-top .topform input[type="submit"] {background-color:#FFF; color:#74a634; margin:9px 0px 10px 0px; padding:9px 15px 8px 15px; font-weight:bold;} header .login-top .topform input[type="text"]:focus,header .login-top .topform input[type="password"]:focus{background-color:#ffffff; color:#74a634;} header .login-top .toplinks {float:right; margin:12px 0px 0px 15px;} header .login-top .toplinks A {display:block; font-size:0.7em; color:#FFF; text-transform:uppercase; text-decoration:underline; line-height:1.4em;} header .login-top .toplinks A:HOVER {text-decoration:none; color:#9ec171;} header .login-top .loggedin {color:#FFF; margin-top:10px; float:right; font-size:0.9em;} header .login-top .loggedin A {color:#fff; text-decoration:none;} header .login-top .loggedin A:HOVER {text-decoration:underline;} header .login-top .loggedin .cart {font-weight:bold;} header .login-top .loggedin .cart i {margin-right:5px;} header .login-top .loggedin .logindata {display:inline-block; margin-right:10px;} header .login-top .loggedin .divider1 {color:#abcd7f;display:inline-block; margin-right:10px} /* Video Header */ header.video {background:#F5E8DF; min-height:1px; } header.video .message {top:35%; z-index:2;} header.video .message h1 {color:#fff;} header.video .message .button:hover {background:#C66C66;} #video-container {width: 100%; display: block; position: relative; margin:0; padding:0; } #video-container:after { content: ""; background: url(images/video_bg_pattern.png) repeat; top: 0; left: 0; bottom: 5px; right: 0; position: absolute; z-index: 1; } video { width: 100%;} /* Slider Header */ header.slider {background:#F5E8DF; min-height:1px; } #slider-container {width: 100%; display: block; position: relative; margin:0; padding:0; } #home-slider .item {width:100%; max-width:100%; margin:0; padding:0;} header.slider .owl-controls {position:absolute; bottom:15%; right:1%; left:1%; z-index:99;} header.slider .owl-theme .owl-controls .owl-buttons div{padding: 5px 10px;-webkit-border-radius: 0; margin:0; -moz-border-radius: 0; border-radius: 0; background: #C66C66; } header.slider .owl-theme .owl-controls .owl-buttons .owl-prev{margin-right:1px; } header.slider .owl-theme .owl-controls .owl-buttons i { font-size:24px; font-style: normal;} .slidercaption { position: absolute;top: 26%; left: 1%; right:1%; text-align: center; z-index:999;} .slidercaption h3 { color:#fff; font-weight:700; font-size:35px; letter-spacing: .15em; margin-bottom:32px;} .slidercaption p {display:inline-block; font-size:19px; color:#fff; background: #C66C66 url(images/slider_text_bg.png) repeat; max-width:55%; letter-spacing: 0; padding:25px; -webkit-box-shadow: 7px 7px 0px 0px rgba(55, 72, 92, 0.25); -moz-box-shadow: 7px 7px 0px 0px rgba(55, 72, 92, 0.25); box-shadow: 7px 7px 0px 0px rgba(55, 72, 92, 0.25);} .slidercaption .button {background:transparent; border:1px solid #f7ebdf; color:#f7ebdf; margin-top:20px; font-weight:700; letter-spacing: .15em;} .slidercaption .button:hover {background:#C66C66; border-color:#C66C66; text-decoration: none;} .clouds {position: absolute; bottom:0; z-index:4; max-width:100%;} /* 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.0; 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: 100% !important; text-align: left; padding:4px 0; border-bottom: 1px solid #668d38;margin-left:0!important; } .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: #668d38 !important; } .sf-menu li { float: left; position: relative; text-decoration:none; text-align: center;padding:26px 0 26px; margin-left:6px; } .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 12px 8px; color:#fff; } .sf-menu a.lang {padding:6px 5px 8px;} .sf-menu > li > a {display: block; text-decoration:none !important;} .sf-menu li li a { font-size:11px; color:#fff; padding:7px 10px 5px; text-decoration:none !important;} .sf-menu li a:hover { background: #668d38; 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: 5px;} .sf-menu li li a:hover { border-bottom:0; text-decoration: none;} .sf-menu li.current-menu-item a, .sf-menu li.current-menu-parent a, .sf-menu li.current_page_parent a { background: #ed6639; color:#fff; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;} .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: 80px; z-index:999999; width:175px; -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: 175px; 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: 175px; 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:#77a63c; -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: #77a63c; 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;} .slicknav_nav a:hover {text-decoration: none!important;} /* ================== 4 = Home Page ================== */ /* Features */ .features {padding:75px 0; background:#F5E8DF; 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:55px; color:#C5645B;} .features h2 {font-weight:900;text-align: center; margin-bottom: 12px;} .features.premium-servers h2 {color:#d7d7d7;} .features.premium-servers p {color:#ccc;} .features p {text-align: center;} .features ul {margin-top:60px;} .features ul li {text-align: center; padding:50px 20px 20px; border:1px solid #E0E0E0; border-left:0; border-top:0; min-height:230px;} .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;} /* Call to Action */ .calltoaction {padding:50px 0; background:#222D3A; overflow:hidden;} .calltoaction .longshadow { text-shadow: 1px 1px rgb(31, 41, 52), 2px 2px rgb(31, 41, 52), 3px 3px rgb(31, 41, 52), 4px 4px rgb(31, 41, 52), 5px 5px rgb(31, 41, 52), 6px 6px rgb(31, 41, 52), 7px 7px rgb(31, 41, 52), 8px 8px rgb(31, 41, 52), 9px 9px rgb(31, 41, 52), 10px 10px rgb(31, 41, 52), 11px 11px rgb(31, 41, 52), 12px 12px rgb(31, 41, 52), 13px 13px rgb(31, 41, 52), 14px 14px rgb(31, 41, 52), 15px 15px rgb(31, 41, 52), 16px 16px rgb(31, 41, 52), 17px 17px rgb(31, 41, 52), 18px 18px rgb(31, 41, 52), 19px 19px rgb(31, 41, 52), 20px 20px rgb(31, 41, 52), 21px 21px rgb(31, 41, 52), 22px 22px rgb(31, 41, 52), 23px 23px rgb(31, 41, 53), 24px 24px rgb(31, 41, 53), 25px 25px rgb(31, 42, 53), 26px 26px rgb(31, 42, 53), 27px 27px rgb(31, 42, 53), 28px 28px rgb(32, 42, 54), 29px 29px rgb(32, 42, 54), 30px 30px rgb(32, 42, 54), 31px 31px rgb(32, 42, 54), 32px 32px rgb(32, 43, 55), 33px 33px rgb(32, 43, 55), 34px 34px rgb(32, 43, 55), 35px 35px rgb(32, 43, 55), 36px 36px rgb(32, 43, 55), 37px 37px rgb(33, 43, 56), 38px 38px rgb(33, 43, 56), 39px 39px rgb(33, 44, 56), 40px 40px rgb(33, 44, 56), 41px 41px rgb(33, 44, 56), 42px 42px rgb(33, 44, 57), 43px 43px rgb(33, 44, 57), 44px 44px rgb(33, 44, 57), 45px 45px rgb(33, 44, 57), 46px 46px rgb(34, 45, 58); height: 100%; width: 100%; font-size: 64px; text-align: center; color:#37485c; font-weight:900;} .calltoactioninfo {margin-top:40px; border-top:4px double #37485c; padding:40px 0 0; text-align: center; } .calltoaction h2 {font-weight:900;text-align: center; margin:0; padding:0; color:#37485c; font-size:57px; } .calltoaction h2 span {color:#C5645B; } .calltoaction h3 {font-weight:300;text-align: center; margin:15px 0 0; padding:0; color:#C5645B; font-size:22px; } .calltoactioninfo .button {background:#C5645B; color:#fff; margin-top:30px; font-weight:700; float:none;} .calltoactioninfo .button:hover {background:#37485c; text-decoration: none;} /* 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: 'Open Sans', Optima, Segoe, "Segoe UI", Candara, Calibri, Arial, sans-serif; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; 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 .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: #65454c; 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: 'Open Sans', Optima, Segoe, "Segoe UI", Candara, Calibri, Arial, sans-serif; background: #b86662; 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 rgb(166, 92, 88), 2px 2px rgb(166, 92, 88), 3px 3px rgb(166, 92, 88), 4px 4px rgb(166, 92, 88), 5px 5px rgb(166, 92, 88), 6px 6px rgb(166, 92, 88), 7px 7px rgb(166, 92, 88), 8px 8px rgb(166, 92, 88), 9px 9px rgb(166, 92, 88), 10px 10px rgb(166, 92, 88), 11px 11px rgb(166, 92, 88), 12px 12px rgb(166, 92, 88), 13px 13px rgb(167, 92, 88), 14px 14px rgb(168, 93, 89), 15px 15px rgb(169, 93, 89), 16px 16px rgb(170, 94, 90), 17px 17px rgb(171, 94, 90), 18px 18px rgb(172, 95, 91), 19px 19px rgb(173, 95, 91), 20px 20px rgb(174, 96, 92), 21px 21px rgb(175, 97, 93), 22px 22px rgb(176, 97, 93), 23px 23px rgb(177, 98, 94), 24px 24px rgb(178, 98, 94), 25px 25px rgb(179, 99, 95), 26px 26px rgb(180, 99, 95), 27px 27px rgb(181, 100, 96), 28px 28px rgb(182, 100, 96), 29px 29px rgb(183, 101, 97), 30px 30px rgb(184, 102, 98); background-color: rgb(184, 102, 98); } .pricing-table .description { background: #b86662; text-align: center; padding:32px 0; color: #fff; font-size: 17px; font-weight: normal; line-height: 1.4; border-bottom: solid 1px #a85d59; -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: #b86662; padding: 0.9375em; text-align: center; color: #fff; font-size: 14px; font-weight: normal; border-bottom: solid 1px #a85d59; } .pricing-table .cta-button { background: #b86662; 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: #65454c; 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: 'Open Sans', 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: 'Open Sans', 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;} /* Testimonials */ .testimonials {padding:50px 0; background:#222D3A; margin-top:45px;} .testimonials h2 {font-weight:900;text-align: center; margin: 28px 0 12px; color:#fff; font-size:44px;} .testimonials h2 span {color:#B86662; } .testimonials i {color:#B86662; font-size:56px;} .testimonials .circle {border-radius: 50%; overflow:hidden; width: 104px; height: 104px; background:#37485c; padding-top:26px; margin:0 auto; margin-top:-104px; position:relative; z-index:99999; text-align: center; } .owl-carousel .item {margin:0 3px;} .testimonial-content {margin-top:-12px; padding:20px 0; text-align: center; background: #37485c; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; } .testimonial-content p {color:#fff; padding:25px 60px 15px; margin-bottom:0; text-align: left;} .testimonial-content p:before { content: "\f10d"; font-family: FontAwesome; font-size:18px; padding-right:12px; margin-bottom:10px; color:#fff; color: rgba(255,255,255,.1);} .testimonial-content p:after { content: "\f10e"; font-family: FontAwesome; font-size:18px; padding-left:12px; margin-bottom:10px; color:#fff; color: rgba(255,255,255,.1);} .whoclient {text-align: center; margin-top:30px; z-index:9999;} .whoclient span {font-size:17px; position: relative; color:#fff; margin:0 auto; background: #000; background: rgba(0,0,0,.4); padding:7px 14px; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; } .whoclient span:after { top: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(0, 0, 0, 0); border-top-color: #000000; border-top-color:rgba(0,0,0,.4); border-width: 6px; margin-left: -6px; } .whoclient span a {color:#C5645B; } .whoclient span a:hover {color: #37485c; text-decoration: none; } .testimonialimg {text-align: center;} .testimonialimg img { width: 104px; margin-top:12px; height: 104px; border-radius: 50px; -webkit-border-radius:50px; -moz-border-radius: 50px; box-shadow: 1px 1px rgb(50, 65, 83), 2px 2px rgb(50, 65, 83), 3px 3px rgb(50, 65, 83), 4px 4px rgb(50, 65, 83), 5px 5px rgb(50, 65, 83), 6px 6px rgb(50, 65, 83), 7px 7px rgb(50, 65, 83), 8px 8px rgb(50, 65, 83), 9px 9px rgb(50, 65, 83), 10px 10px rgb(50, 65, 83), 11px 11px rgb(50, 65, 83), 12px 12px rgb(50, 65, 83), 13px 13px rgb(50, 65, 83), 14px 14px rgb(50, 65, 83), 15px 15px rgb(50, 65, 83), 16px 16px rgb(50, 65, 83), 17px 17px rgb(50, 65, 83), 18px 18px rgb(50, 65, 83), 19px 19px rgb(50, 65, 83), 20px 20px rgb(50, 65, 83), 21px 21px rgb(50, 65, 83), 22px 22px rgb(50, 65, 83), 23px 23px rgb(50, 65, 83), 24px 24px rgb(50, 65, 83), 25px 25px rgb(50, 65, 83), 26px 26px rgb(50, 65, 83), 27px 27px rgb(50, 65, 84), 28px 28px rgb(50, 65, 84), 29px 29px rgb(50, 66, 84), 30px 30px rgb(50, 66, 84), 31px 31px rgb(51, 66, 85), 32px 32px rgb(51, 66, 85), 33px 33px rgb(51, 66, 85), 34px 34px rgb(51, 67, 85), 35px 35px rgb(51, 67, 86), 36px 36px rgb(51, 67, 86), 37px 37px rgb(51, 67, 86), 38px 38px rgb(52, 67, 86), 39px 39px rgb(52, 68, 87), 40px 40px rgb(52, 68, 87), 41px 41px rgb(52, 68, 87), 42px 42px rgb(52, 68, 87), 43px 43px rgb(52, 68, 88), 44px 44px rgb(52, 69, 88), 45px 45px rgb(53, 69, 88), 46px 46px rgb(53, 69, 88), 47px 47px rgb(53, 69, 89), 48px 48px rgb(53, 69, 89), 49px 49px rgb(53, 70, 89), 50px 50px rgb(53, 70, 89), 51px 51px rgb(53, 70, 90), 52px 52px rgb(54, 70, 90), 53px 53px rgb(54, 70, 90), 54px 54px rgb(54, 71, 90), 55px 55px rgb(54, 71, 91), 56px 56px rgb(54, 71, 91), 57px 57px rgb(54, 71, 91), 58px 58px rgb(54, 71, 91), 59px 59px rgb(55, 72, 92);} /* 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 ================== */ /*domain lookup*/ .domainlookup {background-color:#EFEFEF; padding-bottom:5px; background:url(images/bg-lookup.jpg) no-repeat top left;} .lookupright {margin:10px 10px 0px 10px; color:#FFF;} .lookupright P {font-size:13px !important; margin:0px !important; border-left:none !important; font-size:13px !important; padding:0px !important;} .lookupright .lookup { margin:10px 0px;color:#FFF;} .lookupright .lookup input[type="text"] {background-color:#fff; color:#000;} .lookupright .lookup input[type="submit"] {width:100%; background-color:#ef662f;} .lookupright .lookup input[type="submit"]:hover {background-color:#74a634;} .lookupright .tldList {color:#444; margin:4px 5px 10px; font-size:0.8em;} .sidebar .lookupright input[type="checkbox"] {margin:2px 3px 2px 0px; height:auto;} .lookupright .tldList div {width:70px; display:block; float:left; margin-right:5px;color:#FFF;} /* shared hosting - features */ .sharedfeatures-odd {padding:50px 0; overflow:hidden; background:#F8F8F8;} .sharedfeatures-odd h2, .sharedfeatures-even h2 {font-weight:900;margin-bottom: 12px; font-size:23px;} .sharedfeatures-odd i {color:#FFFFFF; font-size:100px;} .sharedfeatures-odd .circle {border-radius: 50%; overflow:hidden; width: 200px; height: 200px; background:#76a63c; padding-top:50px; margin:0 auto; position:relative; z-index:99999; text-align: center; } .sharedfeatures-even {padding:50px 0; overflow:hidden; background:#fff;} .sharedfeatures-even i {color:#FFFFFF; font-size:100px; } .sharedfeatures-even .circle {border-radius: 50%; overflow:hidden; width: 200px; height: 200px; background:#ef662f; padding-top:50px; margin:0 auto; position:relative; z-index:99999; text-align: center; } /* cloud vps - order steps */ .vps-order-steps {padding:0; overflow: hidden; margin: 0 10px;} .vps-order-steps h2 {font-weight:900;text-align: center; margin-bottom: 12px;} .vps-order-steps h3 {font-weight:900;font-size:22px;} .vps-order-steps p {text-align: center;} .vps-order-steps img {margin:0 auto;} .vps-order-steps .order-step { height: 40px; margin: 25px 0 20px;} .vps-order-steps .order-step .order-circle { position: relative; text-align: center;} .vps-order-steps .order-step .order-circle .line { position: absolute; width: 100%; top: 50%; margin-top: -1px; height: 3px; background: #EDEDED; z-index: 1;} .vps-order-steps .order-step .order-circle .line.left-side { width: 50%; right: 0;} .vps-order-steps .order-step .order-circle .line.right-side { width: 50%; left: 0;} .vps-order-steps .order-step .order-circle span { position: relative; display: inline-block; vertical-align: middle; width: 40px; height: 40px; line-height: 40px; text-align: center; -webkit-border-radius: 1000px; -moz-border-radius: 1000px; -ms-border-radius: 1000px; -o-border-radius: 1000px; border-radius: 1000px; color: #fff; font-weight:900; background:#3DB39E; border:1px dotted #3DB39E; z-index: 10;} .vps-order-steps .order-step .order-circle span.left-side { margin-right: 15px;} .vps-order-steps .order-step .order-circle span.right-side { margin-left: 15px;} /* dedicated servers */ table.responsive {min-width:100%; margin-top:45px; overflow:hidden; border:0!important; box-shadow: 1px 1px rgb(75, 78, 87), 2px 2px rgb(75, 78, 87), 3px 3px rgb(75, 78, 87), 4px 4px rgb(75, 78, 87), 5px 5px rgb(75, 78, 87), 6px 6px rgb(75, 78, 87), 7px 7px rgb(75, 78, 88), 8px 8px rgb(76, 79, 88), 9px 9px rgb(76, 79, 88), 10px 10px rgb(76, 79, 88), 11px 11px rgb(76, 79, 88), 12px 12px rgb(76, 79, 88), 13px 13px rgb(76, 79, 89), 14px 14px rgb(76, 79, 89), 15px 15px rgb(76, 80, 89), 16px 16px rgb(77, 80, 89), 17px 17px rgb(77, 80, 89), 18px 18px rgb(77, 80, 89), 19px 19px rgb(77, 80, 89), 20px 20px rgb(77, 80, 90), 21px 21px rgb(77, 80, 90), 22px 22px rgb(77, 81, 90), 23px 23px rgb(77, 81, 90), 24px 24px rgb(78, 81, 90), 25px 25px rgb(78, 81, 90), 26px 26px rgb(78, 81, 91), 27px 27px rgb(78, 81, 91), 28px 28px rgb(78, 81, 91), 29px 29px rgb(78, 82, 91), 30px 30px rgb(78, 82, 91), 31px 31px rgb(78, 82, 91), 32px 32px rgb(79, 82, 92), 33px 33px rgb(79, 82, 92), 34px 34px rgb(79, 82, 92), 35px 35px rgb(79, 82, 92), 36px 36px rgb(79, 83, 92), 37px 37px rgb(79, 83, 92), 38px 38px rgb(79, 83, 92), 39px 39px rgb(79, 83, 93), 40px 40px rgb(80, 83, 93), 41px 41px rgb(80, 83, 93), 42px 42px rgb(80, 83, 93), 43px 43px rgb(80, 84, 93), 44px 44px rgb(80, 84, 93), 45px 45px rgb(80, 84, 94), 46px 46px rgb(80, 84, 94), 47px 47px rgb(80, 84, 94), 48px 48px rgb(81, 84, 94), 49px 49px rgb(81, 84, 94), 50px 50px rgb(81, 85, 94), 51px 51px rgb(81, 85, 94), 52px 52px rgb(81, 85, 95), 53px 53px rgb(81, 85, 95), 54px 54px rgb(81, 85, 95), 55px 55px rgb(81, 85, 95), 56px 56px rgb(82, 85, 95), 57px 57px rgb(82, 86, 95), 58px 58px rgb(82, 86, 96), 59px 59px rgb(82, 86, 96), 60px 60px rgb(82, 86, 96), 61px 61px rgb(82, 86, 96), 62px 62px rgb(82, 86, 96), 63px 63px rgb(82, 86, 96), 64px 64px rgb(83, 87, 97);} .flat-table {border-collapse:collapse; font-family: 'Lato', Calibri, Arial, sans-serif;} .flat-table th, .flat-table td {box-shadow: inset 0 -1px rgba(0,0,0,0.05),inset 0 1px rgba(0,0,0,0.05); color:#fff!important;} .flat-table th {font-weight: normal; -webkit-font-smoothing: antialiased; padding: 0.7em 1em 0.7em 1.15em; color: rgba(0,0,0,0.45); text-shadow: 0 0 1px rgba(0,0,0,0.1); font-size: 16px; } .flat-table td {color: #fff; padding: 0.7em 1em 0.7em 1.15em; text-shadow: 0 0 1px rgba(255,255,255,0.1); font-size: 16px; } table tr.even, table tr.alt, table tr:nth-of-type(even) { background: #f4f4f4 !important; } table tr th {background-color:#74a634; color:#FFF;} table tr th A {color:#FFF;} .flat-table-1 { background: #3E434C;} .flat-table th {background: #2F333E;color:#fff!important; } .flat-table td span {background:#B86662; padding:3px 7px 5px; border-radius:5px;} .flat-table td span:hover {background:#FD8875;} .flat-table td span a{color:#fff; font-size: 12px; } .flat-table td span a:hover{text-decoration: none;} .tablesaw-stack tbody tr {border-bottom:0!important;} .dedicated-servers-features {padding:50px 0; overflow:hidden;} .dedicated-servers-features h2 {text-align: center; font-weight: 900;} .dedicated-servers-features p {text-align: center;} .dedicated-servers-features ul {margin-top:50px;} .dedicated-servers-features ul li {margin-bottom:30px;} .dedicated-servers-features ul p {font-size:15px; font-weight:400; text-align: left;} .dedicated-servers-features ul h3 {font-size:18px; padding:11px 0; margin: 0 0 5px; font-weight:400; color:#000;} /* Domain Names Search Box ------------------------ */ .domainsearch{ margin-top:45px; } .domainsearch p { font-size:14px; color:#333; padding:5px 0; margin:0;} .domainsearch form {padding: 10px;} .domainsearch input[type="text"] {box-shadow: 3px 3px 1px #808080; font-size:20px; padding: 15px; height:65px; width:100%; -webkit-border-radius: 5px;-webkit-border-top-right-radius: 0;-webkit-border-bottom-right-radius: 0;-moz-border-radius: 5px;-moz-border-radius-topright: 0;-moz-border-radius-bottomright: 0;border-radius: 5px;border-top-right-radius: 0;border-bottom-right-radius: 0; } .domainsearch select { box-shadow: 3px 3px 1px #808080; font-size:18px; padding: 15px;height:65px; background:#fff; width:100%; border-radius:0; border-left:1px solid #ccc;} .domainsearch input[type="submit"] {box-shadow: 3px 3px 1px #808080; width:100%; float: left; font-size:24px; background: #ef662f; 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; -webkit-border-radius: 0;-webkit-border-top-right-radius: 5px;-webkit-border-bottom-right-radius: 5px;-moz-border-radius: 0;-moz-border-radius-topright: 5px;-moz-border-radius-bottomright: 5px;border-radius: 0;border-top-right-radius: 5px;border-bottom-right-radius: 5px;} .domainsearch input[type="submit"]:hover { background: #cd5e32; } .domainsearch select option span {color:#c00;} .clear { clear: both; } .tldList { overflow: hidden;padding: 0; position: relative; display:block; color:#76a63c; margin-top:20px; font-size:1em; } .tldList div { display: inline-block; margin-right: 15px; } .lookup {margin:20px 0px;} .lookup input[type="text"] {background-color:#ebebeb; padding:5px 3px; border-radius:0px;-moz-border-radius:0px;-webkit-border-radius:0px; height:35px;} .lookup input[type="submit"] {background-color:#ef662f; color:#FFF; padding:5px 10px; font-weight:bold; border:none;height:35px; transition: background-color 300ms ease-out; } .lookup input[type="submit"]:hover, .lookup input[type="submit"]:focus,.lookup input[type="submit"]:hover, .lookup input[type="submit"]:focus { background-color: #74a634; } .domain-prices {padding:50px 0; overflow:hidden;} .domain-prices h2 {text-align: center; font-weight: 900;} .domain-prices p {text-align: center;} .domainfeatures-list {padding:50px 0 70px; overflow:hidden; background:#F9F9F9;} ul.domainfeatures {margin:0;} ul.domainfeatures li {background:#F0F0F0; padding:20px; border:5px solid #F9F9F9;} ul.domainfeatures p {font-size:15px; font-weight:400; text-align: left;} ul.domainfeatures h3 {font-size:18px; padding:11px 0; margin: 0 0 5px; font-weight:400; color:#000;} ul.domainfeatures li i {color:#fff; font-size:54px;} ul.domainfeatures li .circle {border-radius: 50%; overflow:hidden; width: 110px; height: 110px; background:#74a634; padding-top:27px; margin:0 auto; position:relative; z-index:99999; text-align: center; } .domain-prices .title-alt { background: #65932b; padding: 12px 0; text-align: center; letter-spacing: .07em; color: #fff; font-weight: 800; font-size: 17px; } .domain-prices .title-alt2 { background: #8db55a; padding: 12px 0; text-align: center; letter-spacing: .07em; color: #fff; font-weight: 800; font-size: 17px; } .domain-prices .title-features { background: #74a634; padding: 12px 0; text-align: center; letter-spacing: .07em; color: #fff; font-weight: 800; font-size: 17px; } .pricing-table.domains .description {border-radius: 0;} .pricing-table.domains.tld .bullet-item { background-color: #A1A0A5; text-align: left;color: #fff; font-size:14px; border-bottom: solid 1px #959498; } .pricing-table.domains .bullet-item { background-color: #EDEDED; padding: 0.9375em; text-align: center; color: #333; font-size: 14px; font-weight: normal; border-bottom: solid 1px #dadada; border-right: solid 1px #dadada; } .pricing-table.domains.tld .bullet-item A {color:#fff;} .domain-prices input[type="text"] {padding:2px !important; margin:0px 3px 0px 3px; width:50%;} .domain-prices .height {height:61px;} TABLE.pricetable TR TD {border-bottom: 1px solid #dadada; background-color:#ededed;} .tb1 {background-color: #74a634 !important;color: #fff;} .tb1 {background-color: #65932b !important;color: #fff; border-left:1px solid #fff;} .tb3 {background-color: #a1a0a5 !important; border-bottom: 1px solid #959498 !important; color: #fff;} TABLE i {font-size:26px !important; color:#333 !important;} .width30 {width:30%;} .width30px {width:30px; text-align:center;} /* Support ------------------------ */ .support-subheader {padding:50px 0; overflow:hidden;} .support-subheader h2 {text-align: center; font-weight: 900;} .support-subheader p {text-align: center;} .supportchannels {padding:0;} .supportchannels h3 {font-size:21px; text-align: left;} .supportchannels p {text-align: left;} .timeline-content {padding:65px 0;} .timeline-content .email.button {background:transparent; border:1px solid #DE6724; color:#DE6724; font-weight:700;} .timeline-content .email.button:hover {background:#DE6724; color:#fff; text-decoration: none;} .timeline-content .chat.button {background:transparent; border:1px solid #589DA8; color:#589DA8; font-weight:700;} .timeline-content .chat.button:hover {background:#589DA8; color:#fff; text-decoration: none;} .timeline-content .phone.button {background:transparent; border:1px solid #4F6366; color:#4F6366; font-weight:700;} .timeline-content .phone.button:hover {background:#4F6366; color:#fff; text-decoration: none;} .timeline-content .ticket.button {background:transparent; border:1px solid #E2574C; color:#E2574C; font-weight:700;} .timeline-content .ticket.button:hover {background:#E2574C; color:#fff; text-decoration: none;} .timeline-content .tweet.button {background:transparent; border:1px solid #4C9AD6; color:#4C9AD6; font-weight:700;} .timeline-content .tweet.button:hover {background:#4C9AD6; color:#fff; text-decoration: none;} .line { border-left: 3px solid #DDDDDD; position: relative;} .line .roundimg {position: absolute; top:75px; right:40px; width:100%; max-width: 100%; height:auto;} .line .roundimg img {border:7px solid #fff;} .timeline-content img.imgpaddingright {padding-right:50px;} .creditCards {text-align:center; margin:20px 0px;} .creditCards A {margin:10px 5px;} .width100 {width:100%;} /* Testimonials Page ------------------------ */ .testimonial-item .testimonial-text {background:#F0F0F0; margin-bottom:15px; padding:0 0 20px; -webkit-box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.100), 3px 3px 0 rgba(255,255,255, 1.0), 4px 4px 0 rgba(0, 0, 0, 0.125), 6px 6px 0 rgba(255,255,255, 1.0), 7px 7px 0 rgba(0, 0, 0, 0.150), 9px 9px 0 rgba(255,255,255, 1.0), 10px 10px 0 rgba(0, 0, 0, 0.175); -moz-box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.100), 3px 3px 0 rgba(255,255,255, 1.0), 4px 4px 0 rgba(0, 0, 0, 0.125), 6px 6px 0 rgba(255,255,255, 1.0), 7px 7px 0 rgba(0, 0, 0, 0.150), 9px 9px 0 rgba(255,255,255, 1.0), 10px 10px 0 rgba(0, 0, 0, 0.175); box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.100), 3px 3px 0 rgba(255,255,255, 1.0), 4px 4px 0 rgba(0, 0, 0, 0.125), 6px 6px 0 rgba(255,255,255, 1.0), 7px 7px 0 rgba(0, 0, 0, 0.150), 9px 9px 0 rgba(255,255,255, 1.0), 10px 10px 0 rgba(0, 0, 0, 0.175);} .testimonial-item .testimonial-text p {margin:0; padding:20px 20px 0; color:#333;text-transform: uppercase; font-size:14px;} .testimonial-item .testimonial-text h6 {text-transform: uppercase; font-size:12px; line-height:1.4; font-weight: 900; color:#000; margin:17px 20px 0; padding:10px 0 0; letter-spacing: .07em; text-align: center; color:#fff; border-top:4px solid rgba(0,0,0,.1);} .testimonial-item .testimonial-text h6 a {color:#000; } .testimonial-item .testimonial-text h6 a:hover {color:#333; text-decoration: underline;} /* Typography ------------------------ */ .typography-subheader {padding:50px 0;} /* Login ------------------------ */ .login-container {padding:170px 0 120px; 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;} .additional-contacts {margin:0px 0px 20px; padding:10px; background-color:#ddd;} .additional-contacts H4 {margin:0px 0px 15px 0px;} .add-contact A {display:block;background-color:#efefef; margin-top:10px; border-radius:4px; padding:5px 10px; text-align:center; text-decoration:none; font-weight:900;} .add-contact A:HOVER {background-color:#74a634; color:#FFF;} #gmap iframe {height: 450px; margin-bottom: 50px; width:100%;} #sendstatus { margin: 0;} #contactform input[type="text"], #contactform input[type="password"], #contactform select { font-size:15px; padding: 5px 10px; height:45px; 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; } #contactform textarea { font-size:15px; padding: 5px 10px; 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; } #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); width:100%; float: left; font-size:15px; background: #ef662f; 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; box-sizing: border-box; } .buttonOrange { -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: #ef662f; height:45px; color:#fff; font-weight:900; padding:6px 15px; text-transform: uppercase; 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; } #contactform #submit:hover, .buttonOrange:hover { background: #74a634; } A.linkbutton {display:block; line-height:32px; text-decoration:none; color:#FFF !important; margin:10px 20px 10px 0px;} .smaller {font-size:0.8em;} /* About Us ------------------------ */ .about-us-subheader {padding:50px 0; overflow:hidden;} .about-us-subheader h2 {text-align: center; font-weight: 900;} .about-us-subheader p {text-align: center;} .connect-with-us {margin:40px 0; padding:40px 0; background:#F0F0F0; border-top:1px solid #e8e8e8; border-bottom:1px solid #e8e8e8;} .connect-with-us h2 {text-align: center; font-weight: 900;} ul.connecticons {display:table; margin:0 auto; text-align: center; margin-top:45px;} ul.connecticons li {padding: 0 45px;} ul.connecticons li i {color:#fff; text-align: center; font-size:38px; width:90px; height:90px; background:#C5645B; border-radius:50%; padding:20px 0 0 0; border:6px solid #E2E2E2; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } ul.connecticons li i:hover {background:#37485C; -webkit-transform:scale(1.2);transform:scale(1.2);} .about-us-links {padding:0 0 50px; background:#fff; overflow:hidden;} .about-us-links i {margin-bottom:10px; font-size:55px; color:#C5645B;} .about-us-links ul {margin:40px 0;} .about-us-links ul li {text-align: center; padding:35px 20px 30px; border:1px solid #E0E0E0; border-left:0; border-top:0; min-height:230px;} .about-us-links ul li:nth-child(3n+3) { border-right:0;} .about-us-links ul li:nth-last-child(-n+3) {border-bottom:0;} .about-us-links ul li h3 {margin-bottom:12px; font-size:21px;} .about-us-links .cta-button { 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; } .about-us-links .cta-button p { padding: 10px 0 6px; } .about-us-links .cta-button span a {color:#C5645B; font-size:13px; font-weight:400; padding:6px 18px; border-radius: 6px; border:1px solid #C5645B;} .about-us-links .cta-button span a:hover {color:#fff; text-decoration: none; background:#C5645B;} /* FAQ ------------------------ */ .faq-subheader {padding:30px 0 50px; overflow:hidden;} .faq-subheader H2 {font-size: 23px; font-weight: 900; margin-bottom: 30px;} .faq-subheader h3 {font-weight: 900; font-size:20px; color:#C6C6C6;} .faq-subheader .question {font-weight: 900; font-size:18px; color:#ef662f;} .faq-subheader p {font-size:15px; margin: 17px 0 40px; padding: 0 0 0 15px; border-left: 5px solid #ECECEC;} .faqcategory {padding:45px 0 20px; border-bottom:1px solid #ECECEC;} .faqcategory:last-child {padding:45px 0 0; border-bottom:0;} /* Infrastructure */ .infrastructure-subheader {padding:50px 0; overflow:hidden;} .infrastructure-subheader h2 {text-align: center; font-weight: 900;} .infrastructure-subheader p {text-align: center;} #map_wrapper { height: 550px; margin-top:25px;} #map_canvas {width: 100%; height: 100%;} .info_content h5 {font-weight: 900; font-size:18px; color:#C66C66;} .info_content p {text-align: left; font-size:15px;} /* Infrastructure Tabs */ .r-tabs .r-tabs-nav { display: table; margin:0 auto; text-align: center; padding: 0;} .r-tabs .r-tabs-tab { display: inline-block; margin: 0; list-style: none; } .r-tabs .r-tabs-panel { padding: 15px; display: none;} .r-tabs .r-tabs-accordion-title { display: none;} .r-tabs .r-tabs-panel.r-tabs-state-active { display: block;} /* Tabs container */ .r-tabs { position: relative; background-color: #fff; border:0; } .r-tabs .r-tabs-nav .r-tabs-tab { position: relative; background-color: #C66C66;} .r-tabs .r-tabs-nav .r-tabs-anchor { display: inline-block; padding: 16px 30px; text-decoration: none; text-shadow: 0 1px rgba(0, 0, 0, 0.4); font-size: 14px; font-weight: bold; color: #fff;} /* Disabled tab */ .r-tabs .r-tabs-nav .r-tabs-state-disabled { opacity: 0.5;} /* Active state tab anchor */ .r-tabs .r-tabs-nav .r-tabs-state-active .r-tabs-anchor { color: #C66C66; text-shadow: none; background-color: #e8e8e8;} /* Tab panel */ .r-tabs .r-tabs-panel { padding:20px 25px; border-radius: 4px; border-top:1px solid #e8e8e8; border-left: 1px solid #e8e8e8; border-right: 1px solid #e8e8e8; border-bottom: 4px solid #e8e8e8;} /* Accordion anchor */ .r-tabs .r-tabs-accordion-title .r-tabs-anchor { display: block; padding: 10px; background-color: #C66C66; color: #fff; font-weight: bold; text-decoration: none; text-shadow: 0 1px rgba(0, 0, 0, 0.4); font-size: 14px; border-bottom: 1px solid #fff; } /* Active accordion anchor */ .r-tabs .r-tabs-accordion-title.r-tabs-state-active .r-tabs-anchor { background-color: #e8e8e8; color: #C66C66; text-shadow: none;} /* Disabled accordion button */ .r-tabs .r-tabs-accordion-title.r-tabs-state-disabled { opacity: 0.5;} /* 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 { background: #ef662f;} /* 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_Moja_Regica { color:#FFF; background:#74a634; font-size:13px; padding:9px 8px 8px; letter-spacing:.07em; text-transform:uppercase; position: relative; font-weight:900;} .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:#74a634; text-decoration: none;} .sidebar ul li a.visited {color:#74a634; 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 = Order Slider ================== */ .pricing-order-slider {padding:40px 0; } .pricing-order-slider h1 {color:#67484e; font-size:34px; font-weight:900; margin:8px 0 0; padding:75px 0 0; text-align:center;} .pricing-order-slider li {border:0;} .pricing-order-slider .centralized {text-align: center; padding:6px 15px 13px; margin:25px 0; background:#40546A; background:rgba(64,84,106,.85); border-radius:0; -webkit-box-shadow: 7px 7px 0px 0px rgba(55, 72, 92, 0.45);-moz-box-shadow: 7px 7px 0px 0px rgba(55, 72, 92, 0.45);box-shadow: 7px 7px 0px 0px rgba(55, 72, 92, 0.45);} .pricing-order-slider h6 {font-size:15px;letter-spacing:.04em; color:#fff;font-weight:100;} .pricing-order-slider .how_much {font-size:19px;color:#fff; font-weight:900; text-transform: uppercase; letter-spacing: -.03em;} .ui-slider { position: relative; text-align: left; } .ui-slider .ui-slider-handle { cursor: default; height: 1.2em; position: absolute; width: 1.2em; z-index: 2; } .ui-slider .ui-slider-range { background-position:0 0; border: 0; display: block; font-size: .7em; position: absolute; z-index: 1; } .ui-slider-horizontal { height: .8em; } .ui-slider-horizontal .ui-slider-handle { margin-left: -.6em; top: -.3em; } .ui-slider-horizontal .ui-slider-range { height: 100%; top: 0; } .ui-slider-horizontal .ui-slider-range-min { left: 0; } .ui-slider-horizontal .ui-slider-range-max { right: 0; } .ui-slider-vertical { height: 100px; width: .8em; } .ui-slider-vertical .ui-slider-handle { left: -.3em; margin-bottom: -.6em; margin-left: 0; } .ui-slider-vertical .ui-slider-range { left: 0; width: 100%; } .ui-slider-vertical .ui-slider-range-min { bottom: 0; } .ui-slider-vertical .ui-slider-range-max { top: 0; } .vps-prices-drag { float: left; margin: 0; padding: 45px 30px; width: 100%; background:#40546A; background:rgba(64,84,106,.85); border-radius:0; -webkit-box-shadow: 7px 7px 0px 0px rgba(55, 72, 92, 0.45);-moz-box-shadow: 7px 7px 0px 0px rgba(55, 72, 92, 0.45);box-shadow: 7px 7px 0px 0px rgba(55, 72, 92, 0.45);} .vps-prices-container {float: left; width: 100%; margin-top:50px;} .vps-prices-panel { float: left; width: 100%; } .vps-prices-container #vps-slider { background: #bbbbbb; border-radius: 3px; float: left; height:7px; margin: 0 0 15px; width: 100%; padding:0; box-shadow: 0 13px 16px rgba(0,0,0,0.16), 0 13px 16px rgba(0,0,0,0.23); cursor:pointer;} .vps-prices-container #sliderlines { background: url(images/lines1.png) center top; display: table; height: 10px; margin: 0 auto; width: 100%; opacity:.4; } .vps-prices-container #vps-slider .ui-slider-range { background:#CB6D63; border-radius: 3px; } .vps-prices-container #vps-slider .ui-slider-handle { background: url(images/slider_range.png) no-repeat left top; border: 0; border-radius: 0; height: 25px; margin-left: -15px; margin-top:-5px; outline: none; width: 25px; } .vps-prices-container #vps-slider .ui-slider-handle:hover { cursor: pointer; } #vps_name_option h3 span {font-size:18px; display:table; border-bottom:0; padding:10px 20px; margin:0 auto; margin-top:-12px; margin-bottom:20px; letter-spacing:.05em; color:#fff; background:#c44747; font-weight:900; position: relative;} #vps_name_option h3 span:after { bottom: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(196, 71, 71, 0); border-bottom-color: #c44747; border-width: 10px; margin-left: -10px;} .total_amount h3 {text-align: center; } .total_amount h3 span {font-size:45px; color:#fff; font-weight:900; letter-spacing: -.03em; } a.order-vps { background:#40546A; background:rgba(64,84,106,.85); margin-bottom:70px; border-radius: 6px;} a.order-vps:hover {background: #fff;color:#4b5462; text-decoration: none;} /* End Order Slider - VPS Page */ /* ================== 7 = Footer ================== */ footer {padding:50px 0 15px; background:#74a634;} .contacts {padding-bottom:30px; color:#fff; text-align: center; font-size:13px;font-weight: 300; } .contacts a {color:#fff;} .contacts a:hover {text-decoration: none; color: #FFFFFF;} .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:#fff;} .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; } /* 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:20px; 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:#ef662f; background: rgba(239,102,47,.9); } .orange {color:#ef662f !important;} .green {color:#74a634 !important;} /* ================== 8 = Media Queries ================== */ @media only screen and (max-width: 640px) { .js nav.desktop-menu, .hideResp { display:none; } .js .slicknav_menu {display: block;} header.alt-3.order-slider {background:url(images/header_alt-3_bg.jpg) bottom center no-repeat; min-height:10px; background-size:cover; position: relative;} header .message {top:200px; color:#fff;} header.video .message, header.slider .message {display:none;} header.video .top, header.slider .top {position: relative;} .top.sticky {position:relative; z-index:0;} #video-container, #slider-container {display: none;} .message-intro span.message-line{display: none;} .message-intro {padding-bottom:0;font-size:15px;letter-spacing: 0; text-align: center; width:100%; margin:0 auto; display:table;} .message-intro p{text-align: center; margin:0 auto;} header .message h1 {font-size:30px; margin:0;} header .message .button {margin-top:30px;} .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%;} .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;} .columns.hostingfeatures {display:none;} .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, .domain-prices .title-alt2 { letter-spacing: 0; font-size: 13px; } .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;} ul.connecticons li {margin-bottom:15px;} .about-us-links ul li {border:0;} .faq-subheader h1 {font-size:24px;} .r-tabs .r-tabs-nav { display: none; } .r-tabs .r-tabs-accordion-title { display: block;} header .login-top .toplinks {display:block; margin:5px 0px; float:none;} header .login-top .topform input[type="text"], header .login-top .topform input[type="password"] {width:31%;} .tldList div {margin-right: 10px;} .footerLast {margin-bottom:100px !important;} header .login-top {padding-bottom:15px;} header.loggedinHeader {min-height:560px;} header.loggedinHeader .message h1 {margin-top:40px;} .chaton A {background-size: 100% 100%;width:180px; height:90px;} .domain-prices .title-alt input[type="text"], .domain-prices .title-alt2 input[type="text"] {width:95%;} .width30 {width:50%;} } @media only screen and (min-width: 641px) and (max-width: 959px) { .sf-menu a { font-size:13px; letter-spacing:0; padding:6px 7px 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:200px;} header.video .message {top:25%;} .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; } .slidercaption { top: 30%;} .slidercaption h3 { font-size:15px;margin-bottom:12px;} .slidercaption p {font-size:12px; max-width:90%; padding:10px;} .slidercaption .button {display:none;} .faq-subheader h1 {font-size:24px;} header.loggedinHeader {min-height:440px;} } @media only screen and (min-width: 960px) and (max-width: 1025px) { .line .roundimg {right:43px;} .slidercaption { top: 23%;} .slidercaption h3 { font-size:25px;margin-bottom:22px;} .slidercaption p {font-size:14px; max-width:80%; padding:15px;} .slidercaption .button {margin-top:0;padding:5px;} } @media only screen and (min-width: 1026px) and (max-width: 1441px) { .slidercaption { top: 23%;} .slidercaption h3 { font-size:25px;margin-bottom:22px;} .slidercaption p {max-width:80%; padding:15px;} } table.moneyOrder { border-collapse: separate; border-color:#FFF; } table.moneyOrder tr.even, table.moneyOrder tr.alt, table.moneyOrder tr:nth-of-type(2n) {background-color:#fff !important;} table.moneyOrder .pink1{border-top: 0px; border-bottom: 1px; border-left: 0px; border-right: 2px; border-style: solid; border-color: red; background: #ffc0c0 !important; padding: 0px;} table.moneyOrder .pink2 {border-top: 0px; border-bottom: 2px; border-left: 2px; border-right: 2px; border-style: solid; border-color: red; background: white} table.moneyOrder .pink3 {border-top: 0px; border-bottom: 1px; border-left: 0px; border-right: 2px; border-style: solid; border-color: red; background:#ffc0c0;} table.moneyOrder .pink4 {border-top: 0px; border-bottom: 2px; border-left: 2px; border-right: 2px; border-style: solid; border-color: red; background: #ffc0c0; padding: 0px} table.invoicesmalltb { background: transparent; border: none; margin: 5px 0px 0px; border-spacing:5px; } table.invoicesmalltb2 { background: transparent; border: none; margin: 5px 0px; border-spacing:5px; } .moneyOrder tr { border: medium none; height: auto; } .moneyOrder th { background: #000000 none repeat scroll 0 0; border: medium none; border-color:#FFF; color: #ffffff; font-family: Arial,Helvetica,sans-serif; font-size: 9pt; font-weight: bold; height: auto; text-align: center; } .moneyOrder td { border: medium none; font-family: Arial,Helvetica,sans-serif; font-size: 9pt; height: auto; padding: 1px; } .moneyOrder .bold { color: red; font-size: 8pt; font-weight: bold; } .moneyOrder .normal { color: red; font-size: 8pt; font-weight: normal; } .moneyOrder .input { color: black; background-color: #FFF; border: none; font-size: 14px; font-weight: normal; line-height: 10pt; font-style: normal; } .moneyOrder .amount { color: red; font-size: 10pt; font-weight: bold; } .moneyOrder .box { border-color: red; border-style: solid; color: black; font-weight: bold; } .sidebar TABLE.width100 {border-left:none; border-right:none; margin-bottom:0;} .sidebar TABLE.width100 TR TD, .sidebar TABLE.width100 TR TH {font-size:13px; padding:5px;} .sidebar TABLE.width100 TR TH {background-color:#FFF; color:#333;} .sidebar TABLE.width100 TR TH A {color:#333;} A.more {background-color:#74a634; padding:5px 10px; color:#FFF; text-decoration:none; display:block; float:right; font-weight:bold; text-transform:uppercase; font-size:13px;} A.more:hover {background-color:#ef662f;} /* vnesek custom */ h2 { text-transform: uppercase; } .priceList h2 { margin-bottom: 2em; } .priceList h3 { margin: 2em 0; } .faq h2 {font-size: 23px; font-weight: 900; margin-bottom: 30px;} .faq h3 {font-weight: 900; font-size:20px; color:#C6C6C6;} .faq h4 {font-weight: 900; font-size:18px; color:#ef662f;} .faq ol { list-style-type: none; margin-left: 0; } .faq .faqcategory li div {font-size:15px; margin: 17px 0 40px; padding: 0 0 0 15px; border-left: 5px solid #ECECEC;} .faq .faqcategory li div ol { margin: 1em 0 1em 2em; list-style-type: circle; } .faq p strong { display: block; margin: 1em 0; } .faqcategory {padding: 0 0 20px 0; border-bottom:1px solid #ECECEC;} .faqcategory:last-child {padding:45px 0 0; border-bottom:0;} fieldset { border: none; margin: 0; padding: 0; } form.form input[type="text"], form.form input[type="password"], form.form select { font-size:15px; padding: 5px 10px; height:45px; 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; } form.form textarea { font-size:15px; padding: 5px 10px; 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; } form.form #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:15px; background: #ef662f; 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; box-sizing: border-box; } .buttonOrange { -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: #ef662f; height:45px; color:#fff; font-weight:900; padding:6px 15px; text-transform: uppercase; 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; } form.form #submit:hover, .buttonOrange:hover { background: #74a634; } form.form input[type="text"].error, form.form select.error {border:1px solid #ef662f !important; background-color:#f8ccbb;} hr.extra {margin-bottom: 3em; } .disclaimer {font-style: italic; } /* Hide chat button if width less than 600 px */ @media only screen and (max-width: 640px) { #lz_floating_button { display: none; } } /* Price calculator rules */ button.calc-button { padding: 1px 2px 3px 2px; margin: 0; border-radius: 2px; width: 1.5em; text-align: center; } input.calc-qty { width: 1.5em; border: none; border-radius: 2px; padding: 2px 0px 3px 0px; text-align:center }