5710 lines
114 KiB
CSS
5710 lines
114 KiB
CSS
/* Table of Contents
|
||
- - - - - - - - -
|
||
1. Global
|
||
2. Header
|
||
3. Home Page
|
||
4. Video Header Page
|
||
5. Shared Hosting Page
|
||
6. VPS Page
|
||
7. Dedicated servers
|
||
8. Domains
|
||
9. About Us
|
||
10. FAQ
|
||
11. Login
|
||
12. Datacenter
|
||
13. Elements
|
||
14. Blog
|
||
15. Contact
|
||
16. Footer
|
||
17. Loader
|
||
- - - - - - - - -
|
||
*/
|
||
|
||
/* ============
|
||
1 = Global
|
||
============ */
|
||
|
||
body {
|
||
background-repeat:repeat;
|
||
color: #333;
|
||
font-family: 'Ubuntu', sans-serif;
|
||
font-size: 16px;
|
||
font-style: normal;
|
||
font-weight: normal;
|
||
margin: 0;
|
||
position: relative;
|
||
webkit-font-smoothing: antialiased;
|
||
}
|
||
.hid {
|
||
display: none;
|
||
}
|
||
.sub-info {
|
||
font-family: 'Ubuntu', sans-serif;
|
||
font-size: 18px;
|
||
}
|
||
.smartphoto{
|
||
background-color: rgba(0,0,0,0.9);
|
||
}
|
||
.row {
|
||
margin-bottom: 0;
|
||
margin-left: auto;
|
||
margin-right: auto;
|
||
margin-top: 0;
|
||
width: 100%;
|
||
}
|
||
.row.full-width {
|
||
margin-bottom: 0;
|
||
margin-left: auto;
|
||
margin-right: auto;
|
||
margin-top: 0;
|
||
max-width: 100%;
|
||
width: 100%;
|
||
}
|
||
.row.no-gutter {
|
||
margin: 0 auto;
|
||
}
|
||
.row.no-gutter [class*='col-']:not(:first-child), .row.no-gutter [class*='col-']:not(:last-child) {
|
||
padding-left: 0;
|
||
padding-right: 0;
|
||
}
|
||
.center-block {
|
||
float: none;
|
||
}
|
||
#partners{
|
||
text-align:center;
|
||
}
|
||
.text_shadow{
|
||
text-shadow: 0px -10px 10px rgba(0,0,0,0.7);
|
||
}
|
||
a {
|
||
color: #00a63f;
|
||
outline: 0;
|
||
text-decoration: none;
|
||
}
|
||
.border0{
|
||
border:0px !important;
|
||
}
|
||
.radius{
|
||
border-radius:2em
|
||
}
|
||
.no-radius{
|
||
border-radius:0px!important;
|
||
}
|
||
.shadow{
|
||
-webkit-box-shadow: 2px 4px 29px -4px rgba(0,0,0,0.35);
|
||
-moz-box-shadow: 2px 4px 29px -4px rgba(0,0,0,0.35);
|
||
box-shadow: 2px 4px 29px -4px rgba(0,0,0,0.35);
|
||
}
|
||
.outer-glow{
|
||
-webkit-box-shadow: 1px 4px 28px -5px rgba(0, 166, 63,1);
|
||
-moz-box-shadow: 1px 4px 28px -5px rgba(0, 166, 63,1);
|
||
box-shadow: 1px 4px 28px -5px rgba(0, 166, 63,1);
|
||
}
|
||
a:hover, a:active, a:focus {
|
||
outline: 0;
|
||
text-decoration: none;
|
||
color: #6E6E6E;
|
||
}
|
||
.sticky-wrapper {
|
||
z-index: 100;
|
||
position: relative;
|
||
}
|
||
.banner-title {
|
||
font-size: 3.5em;
|
||
font-weight: 600;
|
||
text-transform: uppercase;
|
||
}
|
||
img {
|
||
max-width: 100%;
|
||
height: auto;
|
||
-ms-interpolation-mode: bicubic;
|
||
display: inline-block;
|
||
vertical-align: middle;
|
||
}
|
||
.section-title {
|
||
margin-top: -2px;
|
||
text-align: center;
|
||
}
|
||
em {
|
||
font-size: 1.4em;
|
||
line-height: 1.2em;
|
||
margin-bottom: 20px;
|
||
display: inline-block;
|
||
}
|
||
.bg_dark .section-title h2 span {
|
||
color: #fff;
|
||
}
|
||
.section_primary .section-title h2 {
|
||
color: #fff;
|
||
}
|
||
.section_primary .section-title h2:before {
|
||
background-color: #FFFFFF;
|
||
}
|
||
.slicknav_nav a:hover {
|
||
background: #00a63f!important;
|
||
}
|
||
.is-sticky .main-badge{
|
||
display:none;
|
||
transition: all 2s linear;
|
||
}
|
||
#plan_option h6 span.how_much {
|
||
background: #1a1a1a;
|
||
}
|
||
#plan_option h6 span.how_much:after {
|
||
border-top-color: #1a1a1a;
|
||
border-color: rgba(114, 172, 148, 0);
|
||
}
|
||
.top li.cart-link a {
|
||
background: #0fa3f2;
|
||
}
|
||
.slicknav_menu {
|
||
background: #1a1a1a;
|
||
border-bottom: 1px solid #494B4C;
|
||
}
|
||
.slicknav_btn {
|
||
background: #1a1a1a;
|
||
}
|
||
.section-title h2 {
|
||
display: inline-block;
|
||
position: relative;
|
||
margin: 0;
|
||
color: #1a1a1a;
|
||
font-weight: 700;
|
||
padding-bottom: 15px;
|
||
}
|
||
.section-title h2 span {
|
||
display: block;
|
||
margin-bottom: 5px;
|
||
color: #00a63f;
|
||
font-size: 16px;
|
||
font-weight: 700;
|
||
line-height: 22px;
|
||
text-transform: uppercase;
|
||
}
|
||
.section-title h2:before {
|
||
content: " ";
|
||
position: absolute;
|
||
top: auto;
|
||
left: 0;
|
||
right: 0;
|
||
bottom: 0;
|
||
width: 50px;
|
||
height: 2px;
|
||
margin: 0 auto;
|
||
background-color: #00a63f;
|
||
}
|
||
.section-title h2:after {
|
||
content: " ";
|
||
position: absolute;
|
||
top: auto;
|
||
left: 0;
|
||
right: 0;
|
||
bottom: 0;
|
||
width: 50px;
|
||
height: 2px;
|
||
margin: 0 auto;
|
||
background-color: #00a63f;
|
||
}
|
||
.section-title.bg_primary h2:before {
|
||
content: " ";
|
||
position: absolute;
|
||
top: auto;
|
||
left: 0;
|
||
right: 0;
|
||
bottom: 0;
|
||
width: 50px;
|
||
height: 2px;
|
||
margin: 0 auto;
|
||
background-color: #fff;
|
||
}
|
||
.text-underline-white{
|
||
border-bottom: 1px dotted #fff;
|
||
}
|
||
.text-underline-dark{
|
||
border-bottom: 1px dotted #1a1a1a;
|
||
}
|
||
.bold{
|
||
font-weight:800;
|
||
}
|
||
.section_primary h2:before, .section_secondary h2:before, .section_dark h2:before, .section_primary h2 span, .section_secondary h2 span, .section_dark h2 span, .bg-primary h2:before, .bg-success h2:before, .bg-info h2:before, .bg-warning h2:before, .bg-danger h2:before, .bg-inverse h2:before, .bg_orange h2:before, .bg_red h2:before, .bg_purple h2:before, .bg_pink h2:before, .bg_blue h2:before, .bg_dark h2:before, .bg_primary h2:before, .bg_secondary h2:before, .bg-primary h2 span, .bg-success h2 span, .bg-info h2 span, .bg-warning h2 span, .bg-danger h2 span, .bg-inverse h2 span, .bg_orange h2 span, .bg_red h2 span, .bg_purple h2 span, .bg_pink h2 span, .bg_blue h2 span, .bg_dark h2 span, .bg_primary h2 span, .bg_secondary h2 span, .section_primary h2 span, .section_secondary h2 span, .section_dark h2 span {
|
||
color: #fff;
|
||
}
|
||
|
||
/*Video Responsive*/
|
||
|
||
.pop-video-container {
|
||
position: relative;
|
||
}
|
||
.col-md-6 .pop-video-container a i {
|
||
top: 35%;
|
||
}
|
||
.pop-video-container a i {
|
||
position: absolute;
|
||
left: 0;
|
||
right: 0;
|
||
z-index: 1;
|
||
text-align: center;
|
||
top: 40%;
|
||
color: #fff;
|
||
width: 70px;
|
||
height: 70px;
|
||
margin: 0 auto;
|
||
border: 3px solid;
|
||
border-radius: 50%;
|
||
line-height: 65px;
|
||
font-size: 20px;
|
||
-webkit-box-shadow: 1px 4px 28px -5px rgba(0, 166, 63,1);
|
||
-moz-box-shadow: 1px 4px 28px -5px rgba(0, 166, 63,1);
|
||
box-shadow: 1px 4px 28px -5px rgba(0, 166, 63,1);
|
||
}
|
||
.demo-1:before {
|
||
content: '';
|
||
position: absolute;
|
||
bottom: 0;
|
||
left: 0;
|
||
top: 0;
|
||
right: 0;
|
||
-webkit-transition-duration: 0.3s;
|
||
-moz-transition-duration: 0.3s;
|
||
-ms-transition-duration: 0.3s;
|
||
-o-transition-duration: 0.3s;
|
||
transition-duration: 0.2s;
|
||
-webkit-transition-property: top, left, right, bottom;
|
||
-moz-transition-property: top, left, right, bottom;
|
||
-ms-transition-property: top, left, right, bottom;
|
||
-o-transition-property: top, left, right, bottom;
|
||
transition-property: top, left, right, bottom;
|
||
}
|
||
.demo-1:hover:before, .demo-1:focus:before {
|
||
-webkit-transition-delay: .1s;
|
||
-moz-transition-delay: .1s;
|
||
-ms-transition-delay: .1s;
|
||
-o-transition-delay: .1s;
|
||
transition-delay: .1s;
|
||
border: #fff solid 3px;
|
||
bottom: -7px;
|
||
left: -7px;
|
||
top: -7px;
|
||
right: -7px;
|
||
}
|
||
.pop-video-container a i:hover {
|
||
color: #fff;
|
||
}
|
||
.video-container {
|
||
position: relative;
|
||
padding-bottom: 56.25%;
|
||
padding-top: 30px;
|
||
height: 0;
|
||
overflow: hidden;
|
||
}
|
||
.video-container iframe, .video-container object, .video-container embed {
|
||
position: absolute;
|
||
top: 0;
|
||
left: 0;
|
||
width: 100%;
|
||
height: 100%;
|
||
}
|
||
.bg-primary {
|
||
background-color: #0275d8;
|
||
}
|
||
.bg-success {
|
||
background-color: #00a63f;
|
||
}
|
||
.bg-info {
|
||
background-color: #279fba;
|
||
}
|
||
.bg-warning {
|
||
background-color: #fd7140;
|
||
}
|
||
.bg-danger {
|
||
background-color: #ef4a44;
|
||
}
|
||
.bg-inverse {
|
||
background-color: #292b2c;
|
||
}
|
||
|
||
/*Over Riders Styles*/
|
||
|
||
.bg_orange {
|
||
background: #ff5722;
|
||
color: #fff;
|
||
}
|
||
.bg_dark-gray {
|
||
background: #ebebeb;
|
||
color: #333;
|
||
}
|
||
.bg_red {
|
||
background: #ef4a44;
|
||
color: #fff;
|
||
}
|
||
.bg_purple {
|
||
background: #9c28b1;
|
||
color: #fff;
|
||
}
|
||
.bg_pink {
|
||
background: #fe1a67 ;
|
||
color: #fff;
|
||
}
|
||
.bg_blue {
|
||
background: #4385f5;
|
||
color: #fff;
|
||
}
|
||
.bg_yellow {
|
||
background: #ffcc00;
|
||
color: #333 !important;
|
||
}
|
||
.text_blue {
|
||
color: #279fba;
|
||
}
|
||
.bg_dark {
|
||
background: #1a1a1a;
|
||
color: #fff;
|
||
}
|
||
.bg_gray {
|
||
background-repeat:repeat;
|
||
background-color:#f7f6f7;
|
||
}
|
||
.bg_white {
|
||
background-color:#FFFFFF;
|
||
background-repeat:repeat;
|
||
}
|
||
.bg_primary {
|
||
background: #00a63f;
|
||
|
||
}
|
||
.bg_secondary {
|
||
background: #fd7140;
|
||
color: #fff;
|
||
}
|
||
.bg_dark .section-title h2, .bg_dark .section-title h2, .bg_primary .section-title h2, bg_secondary .section-title h2, .bg_pink .section-title h2, .bg_purple .section-title h2, .bg_red .section-title h2, .bg_dark-gray .section-title h2, bg_orange .section-title h2, .bg_dark h1, .bg_dark h2, .bg_dark h3, .bg_dark h4, .bg_dark h5, .bg_dark h6, .bg_dark p, .bg_primary h1, .bg_primary h2, .bg_primary h3, .bg_primary h4, .bg_primary h5, .bg_primary h6, .bg_primary p, .section-title.bg_orange h2 {
|
||
color: #FFFFFF;
|
||
}
|
||
.bg_dark .section-title h2:before, .bg_dark .section-title h2:before, .bg_primary .section-title h2:before, bg_secondary .section-title h2:before, .bg_pink .section-title h2:before, .bg_purple .section-title h2:before, .bg_red .section-title h2:before, .bg_dark-gray .section-title h2:before, bg_orange .section-title h2:before, .section-title.bg_orange h2:before {
|
||
background-color: #ffffff;
|
||
}
|
||
.section_gray {
|
||
background-color:#f7f6f7;
|
||
background-repeat:repeat;
|
||
}
|
||
.section_white {
|
||
background: #fff;
|
||
}
|
||
.section_primary {
|
||
background: #00a63f;
|
||
}
|
||
.section_secondary {
|
||
background: #fd7140;
|
||
}
|
||
.section_dark {
|
||
background: #1a1a1a;
|
||
}
|
||
.section_title {
|
||
text-align: center;
|
||
}
|
||
.margin-t30 {
|
||
margin-top: 30px;
|
||
}
|
||
.margin-b30 {
|
||
margin-bottom: 30px;
|
||
}
|
||
.margin-t80 {
|
||
margin-top: 80px;
|
||
}
|
||
.margin-t50 {
|
||
margin-top: 50px;
|
||
}
|
||
.margin-b50 {
|
||
margin-bottom: 50px;
|
||
}
|
||
.margin-b80 {
|
||
margin-bottom: 80px;
|
||
}
|
||
.padding15 {
|
||
padding: 15px;
|
||
}
|
||
.padding30 {
|
||
padding: 30px;
|
||
}
|
||
.padding0 {
|
||
padding: 0px;
|
||
}
|
||
.padding-t0 {
|
||
padding-top: 0px !important;
|
||
}
|
||
.padding-l0 {
|
||
padding-left: 0px;
|
||
}
|
||
.padding15 {
|
||
padding: 15px;
|
||
}
|
||
.padding-l30 {
|
||
padding-left: 30px;
|
||
}
|
||
.padding-l15 {
|
||
padding-left: 15px;
|
||
}
|
||
.padding-r30 {
|
||
padding-right: 30px;
|
||
}
|
||
.padding-r15 {
|
||
padding-right: 15px;
|
||
}
|
||
.padding-t15 {
|
||
padding-top: 15px;
|
||
}
|
||
.padding-t30 {
|
||
padding-top: 30px;
|
||
}
|
||
.padding-b0 {
|
||
padding-bottom: 0px;
|
||
}
|
||
.padding-b15 {
|
||
padding-bottom: 15px;
|
||
}
|
||
.padding-b30 {
|
||
padding-bottom: 30px;
|
||
}
|
||
.padding-t80 {
|
||
padding-top: 80px;
|
||
}
|
||
.padding-t50 {
|
||
padding-top: 50px;
|
||
}
|
||
.padding-b50 {
|
||
padding-bottom: 50px;
|
||
}
|
||
.padding-b80 {
|
||
padding-bottom: 80px;
|
||
}
|
||
.padding-t100 {
|
||
padding-top: 100px;
|
||
}
|
||
.padding-b100 {
|
||
padding-bottom: 100px;
|
||
}
|
||
.paddingleft60 {
|
||
padding-left: 60px;
|
||
}
|
||
.paddingright60 {
|
||
padding-right: 60px;
|
||
}
|
||
.border {
|
||
border: 1px solid #ccc;
|
||
}
|
||
.border-top {
|
||
border-top: 1px solid #ccc;
|
||
}
|
||
.border-bottom {
|
||
border-top: 1px solid #ccc;
|
||
}
|
||
.border-solid {
|
||
border: 1px solid #00a63f;
|
||
}
|
||
.border-dotted {
|
||
border: 1px dotted #ccc;
|
||
}
|
||
.border-dashed {
|
||
border: 1px dashed #ccc;
|
||
}
|
||
.relative {
|
||
position: relative;
|
||
}
|
||
.border2-solid {
|
||
border: 2px solid #00a63f;
|
||
}
|
||
/* Ηeadings */
|
||
.banner-price{
|
||
font-family: 'Nunito', sans-serif;
|
||
}
|
||
h1, h2, h3, h4, h5, h6 {
|
||
font-family: 'Nunito', sans-serif;
|
||
line-height: 1.1;
|
||
margin-bottom: 12px;
|
||
margin-top: 12px;
|
||
text-rendering: optimizelegibility;
|
||
color: #1a1a1a;
|
||
}
|
||
h1 {
|
||
font-size: 2em;
|
||
}
|
||
h2 {
|
||
font-size: 1.7em;
|
||
}
|
||
h3 {
|
||
font-size: 1.5em;
|
||
}
|
||
h4 {
|
||
font-size: 1.3em;
|
||
}
|
||
h5 {
|
||
font-size: 1.1em;
|
||
}
|
||
h6 {
|
||
font-size: 0.9em;
|
||
}
|
||
|
||
/* End of Ηeadings */
|
||
|
||
p {
|
||
font-family: inherit;
|
||
font-size: 16px;
|
||
font-weight: normal;
|
||
line-height: 1.45;
|
||
margin: 0 0 17px 0;
|
||
font-weight: 300;
|
||
}
|
||
p:last-child {
|
||
margin-bottom: 0px;
|
||
}
|
||
hr {
|
||
border: solid #eff0f4;
|
||
border-width: 1px 0 0;
|
||
clear: both;
|
||
height: 0;
|
||
margin: 21px 0;
|
||
}
|
||
hr.small {
|
||
border: solid #fd7140;
|
||
border-width: 1px 0 0;
|
||
clear: both;
|
||
height: 0;
|
||
margin: 0 auto;
|
||
margin-top: 27px;
|
||
margin-bottom: 27px;
|
||
max-width: 150px;
|
||
}
|
||
.spacing-70 {
|
||
padding-top: 70px;
|
||
}
|
||
.spacing-40 {
|
||
padding-top: 40px;
|
||
}
|
||
|
||
/* Bootstrap 5 columns */
|
||
|
||
.col-xs-15, .col-sm-15, .col-md-15, .col-lg-15 {
|
||
position: relative;
|
||
min-height: 1px;
|
||
padding-right: 10px;
|
||
padding-left: 10px;
|
||
}
|
||
|
||
/* Forms */
|
||
|
||
input[type="text"].form-control, input[type="password"].form-control, input[type="date"].form-control, input[type="datetime"].form-control, input[type="email"].form-control, input[type="number"].form-control, input[type="search"].form-control, input[type="tel"].form-control, input[type="time"].form-control, input[type="url"].form-control {
|
||
height: 45px;
|
||
padding: 10px;
|
||
width: 100%;
|
||
border-radius: 2em;
|
||
}
|
||
textarea.form-control {
|
||
font-size: 18px;
|
||
padding: 15px;
|
||
width: 100%;
|
||
border-radius: 1em;
|
||
}
|
||
select.form-control {
|
||
font-size: 18px;
|
||
height: 55px;
|
||
padding: 5px 15px;
|
||
width: 100%;
|
||
background: #fff;
|
||
}
|
||
button[type="submit"] {
|
||
background: #515151;
|
||
border: 0;
|
||
border-radius: 4em;
|
||
color: #fff;
|
||
cursor: pointer;
|
||
float: left;
|
||
font-size: 16px;
|
||
font-weight: 900;
|
||
height: 55px;
|
||
padding: 8px 6px 6px;
|
||
text-transform: uppercase;
|
||
width: 100%;
|
||
}
|
||
button[type="submit"]:hover {
|
||
background: #646464;
|
||
}
|
||
input[type="text"].form-control:focus, input[type="password"].form-control:focus, input[type="date"].form-control:focus, input[type="datetime"].form-control:focus, input[type="email"].form-control:focus, input[type="number"].form-control:focus, input[type="search"].form-control:focus, input[type="tel"].form-control:focus, input[type="time"].form-control:focus, input[type="url"].form-control:focus, textarea.form-control:focus, select:focus {
|
||
box-shadow: none;
|
||
}
|
||
|
||
/* Breadcrumbs */
|
||
|
||
.breadcrumbs {
|
||
background: #f5f5f5;
|
||
padding: 5px 0;
|
||
}
|
||
.breadcrumbs h1 {
|
||
color: #4a4a4a;
|
||
font-size: 12px;
|
||
margin: 0;
|
||
padding: 0;
|
||
font-weight: 300;
|
||
line-height: 22px;
|
||
}
|
||
ol.breadcrumb {
|
||
background: transparent;
|
||
border-radius: 0;
|
||
color: #4a4a4a;
|
||
float: right;
|
||
margin: 0;
|
||
padding: 0px 0 0;
|
||
line-height: 18px;
|
||
}
|
||
ol.breadcrumb li{
|
||
font-size:12px;
|
||
}
|
||
ol.breadcrumb li:first-child {
|
||
color: #4a4a4a;
|
||
font-size: 12px;
|
||
font-weight: normal;
|
||
}
|
||
ol.breadcrumb li.active {
|
||
color: #4a4a4a;
|
||
font-size: 12px;
|
||
font-weight: 300;
|
||
}
|
||
ol.breadcrumb li a {
|
||
color: #00a63f;
|
||
font-size: 12px;
|
||
}
|
||
ol.breadcrumb li a:hover {
|
||
color: #4c746e;
|
||
}
|
||
ol.breadcrumb>li+li:before {
|
||
color: #4a4a4a;
|
||
content: "\f105";
|
||
font-family: "fontawesome";
|
||
font-weight: normal;
|
||
padding: 0 5px;
|
||
}
|
||
ol.breadcrumb>li:first-child+li:before {
|
||
content: "";
|
||
padding: 0 3px 0 0;
|
||
float:left;
|
||
}
|
||
|
||
/* End of Breadcrumbs */
|
||
|
||
|
||
/* ============
|
||
2 = Header
|
||
============ */
|
||
/* TopMiniBar ---------------------- */
|
||
.topminibar{
|
||
border-bottom:1px solid #e8e8e8;
|
||
}
|
||
.topminibar ul li,.topminibar ul li a{
|
||
margin:8px 0 0px 0;
|
||
padding:0px;
|
||
margin-right:10px;
|
||
color:#1a1a1a;
|
||
border-right:1px solid #d6d6d6;
|
||
padding-right:10px;
|
||
}
|
||
.topminibar ul li:last-child,.topminibar ul li a:last-child{
|
||
border-right:0px;padding-right:0px;
|
||
}
|
||
.loginbuttons{
|
||
padding:5px 0;
|
||
}
|
||
.sticky.stuckMenu{
|
||
width:100%;
|
||
z-index:1000;
|
||
border-bottom:1px solid rgba(0,0,0,0.20);
|
||
-webkit-box-shadow:0px 9px 5px -5px rgba(0,0,0,0.15);
|
||
-moz-box-shadow:0px 9px 5px -5px rgba(0,0,0,0.15);
|
||
box-shadow:0px 9px 5px -5px rgba(0,0,0,0.15);
|
||
background: #fff;
|
||
}
|
||
|
||
.top {
|
||
padding: 20px 0;
|
||
box-shadow:0 0 2rem rgba(0,0,0,0.05);
|
||
}
|
||
.top .wc_msg {
|
||
color: #4a4a4a;
|
||
font-size: 12px;
|
||
font-weight: 400;
|
||
}
|
||
.top .nav {
|
||
float: inherit;
|
||
}
|
||
.top li.cart-link a {
|
||
background: #0fa3f2;
|
||
color: #fff;
|
||
}
|
||
.top .nav li {
|
||
color: #1a1a1a;
|
||
}
|
||
.top .nav li.cart-link a {
|
||
background: #fff;
|
||
padding: 5px 10px;
|
||
margin-left: 5px;
|
||
border-radius: 3em;
|
||
color: #1a1a1a;
|
||
border: 2px solid #00a63f;
|
||
}
|
||
.top li.cart-link a:hover {
|
||
background: #00a63f;
|
||
color: #fff;
|
||
}
|
||
.top li.login-link {
|
||
margin: 0px 15px 0 0;
|
||
}
|
||
.top li.login-link a {
|
||
background: #0fa3f2;
|
||
color: #fff;
|
||
line-height: 35px;
|
||
}
|
||
.top li.login-link a {
|
||
background: #fff;
|
||
padding: 2px 20px;
|
||
margin-left: 5px;
|
||
border-radius: 0;
|
||
color: #175bb5;
|
||
border: 2px solid #175bb5;
|
||
}
|
||
.top li.login-link a:hover {
|
||
background: #175bb5;
|
||
color: #fff;
|
||
}
|
||
.top li.register-link {
|
||
margin: 0px 15px 0 0;
|
||
}
|
||
.top li.register-link a {
|
||
background: #0fa3f2;
|
||
color: #fff;
|
||
line-height: 35px;
|
||
border: 2px solid #f95732;
|
||
}
|
||
.top li.register-link a {
|
||
background: #f95732;
|
||
padding: 2px 20px;
|
||
margin-left: 5px;
|
||
border-radius: 0;
|
||
}
|
||
.top li.register-link a:hover {
|
||
background: #fff;
|
||
border: 2px solid #f95732;
|
||
color: #f95732;
|
||
}
|
||
.top .nav li ul.dropdown-menu li {
|
||
margin-top: 0px;
|
||
}
|
||
.top .nav li:last-child {
|
||
margin-right: 0px;
|
||
}
|
||
.top .nav li a {
|
||
color: #1a1a1a;
|
||
font-weight: 400;
|
||
display: inline-block;
|
||
text-transform: uppercase;
|
||
padding: 0px;
|
||
}
|
||
.top .nav li a:hover {
|
||
color: #292929;
|
||
background: none;
|
||
}
|
||
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus {
|
||
background: #00a63f;
|
||
}
|
||
.top .country_select {
|
||
float: left;
|
||
}
|
||
.top .country_select button {
|
||
background: none;
|
||
border-radius: 0;
|
||
border: none;
|
||
box-shadow: none;
|
||
padding: 0;
|
||
font-weight: 400;
|
||
color: #1a1a1a;
|
||
text-transform: uppercase;
|
||
margin-top: 1px;
|
||
}
|
||
.top .country_select button i {
|
||
margin-left: 20px;
|
||
font-size: 18px;
|
||
}
|
||
.top .country_select button:hover, .top .country_select button:focus {
|
||
background: none;
|
||
color: #767676;
|
||
}
|
||
.top .country_select .dropdown-menu {
|
||
border-radius: 0;
|
||
margin-top: 0px;
|
||
background: #fff;
|
||
border: none;
|
||
z-index: 10000 !important;
|
||
padding: 0;
|
||
left:0;
|
||
right:0;
|
||
}
|
||
.top .country_select .dropdown-menu li {
|
||
line-height: 25px;
|
||
margin-right: 0px;
|
||
}
|
||
.top .country_select .dropdown-menu li:hover {
|
||
background: #00a63f;
|
||
}
|
||
.top .country_select .dropdown-menu li a {
|
||
color: #1a1a1a;
|
||
font-family: "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
|
||
font-size: .8em;
|
||
padding: 10px 15px;
|
||
line-height: 24px;
|
||
display: block;
|
||
}
|
||
.top .country_select .dropdown-menu li a:hover {
|
||
color: #fff;
|
||
}
|
||
.logo {
|
||
padding-top: 0px;
|
||
}
|
||
|
||
/* Navigation ---------------------- */
|
||
|
||
.main_menu {
|
||
background: #00a63f;
|
||
}
|
||
nav#desktop-menu {
|
||
padding: 0;
|
||
float: left;
|
||
text-align: left;
|
||
}
|
||
|
||
/*** ESSENTIAL STYLES ***/
|
||
|
||
.sf-menu, .sf-menu * {
|
||
margin: 0;
|
||
padding: 0;
|
||
list-style: none;
|
||
}
|
||
.sf-menu li {
|
||
position: relative;
|
||
}
|
||
.sf-menu ul {
|
||
position: absolute;
|
||
display: none;
|
||
top: 100%;
|
||
left: -20px;
|
||
z-index: 99;
|
||
}
|
||
.main_menu .col-sm-4 .sf-menu ul {
|
||
right: 0px !important;
|
||
left: inherit !important;
|
||
}
|
||
.sf-menu>li {
|
||
float: left;
|
||
}
|
||
.sf-menu li:hover>ul, .sf-menu li.sfHover>ul {
|
||
display: block;
|
||
}
|
||
.sf-menu a {
|
||
display: block;
|
||
position: relative;
|
||
text-align: center;
|
||
}
|
||
.sf-menu ul ul {
|
||
top: 0;
|
||
left: 100%;
|
||
}
|
||
|
||
/*** SKIN ***/
|
||
|
||
.sf-menu {
|
||
float: left;
|
||
margin: 0;
|
||
}
|
||
.sf-menu ul li:first-child{
|
||
position:relative;
|
||
}
|
||
.sf-menu ul li:first-child:before {
|
||
bottom: 100%;
|
||
left: 15%;
|
||
border: solid transparent;
|
||
content: " ";
|
||
height: 0;
|
||
width: 0;
|
||
position: absolute;
|
||
pointer-events: none;
|
||
border-color: rgba(194, 225, 245, 0);
|
||
border-bottom-color: #fff;
|
||
border-width: 6px;
|
||
margin-left: -6px;
|
||
}
|
||
.sf-menu ul li ul li:first-child:before{
|
||
border:0px;
|
||
}
|
||
#desktop-menu ul li ul li a {
|
||
color: #1a1a1a;
|
||
background: #fff;
|
||
margin-right: 0px;
|
||
border: 0px;
|
||
padding:0 0 20px 0;
|
||
}
|
||
#desktop-menu ul li ul li a:hover {
|
||
color: #fff;
|
||
background: #00a63f;
|
||
transition: all 0.2s ease-out 0s;
|
||
}
|
||
|
||
/* 1st level */
|
||
|
||
.sf-menu li {
|
||
white-space: nowrap;
|
||
*white-space: normal;
|
||
}
|
||
|
||
.sf-menu li a {
|
||
color: #ffffff;
|
||
font-weight: 300;
|
||
text-transform: capitalize;
|
||
border-left: 1px solid rgba(0,0,0,0.1);
|
||
}
|
||
.sf-menu li:first-child a {
|
||
border-left:0px;
|
||
}
|
||
.sf-menu li a:last-child {
|
||
margin-right: 0px;
|
||
}
|
||
.sf-menu li:hover a, .sf-menu li.sfHover a, .sf-menu li.current a {
|
||
color: #fff;
|
||
-webkit-transition: none;
|
||
transition: none;
|
||
}
|
||
|
||
/* 2nd level */
|
||
|
||
.sf-menu ul li, .sf-menu li.current ul li {
|
||
background: #fff;
|
||
}
|
||
.sf-menu ul li a {
|
||
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
|
||
background: #00a63f;
|
||
font-size: 14px;
|
||
font-weight: 300;
|
||
padding: 10px 20px 10px
|
||
}
|
||
.sf-menu ul li:hover a, .sf-menu ul li.sfHover a {
|
||
background: #ededed;
|
||
color: black;
|
||
-webkit-transition: none;
|
||
transition: none;
|
||
}
|
||
|
||
/* 3rd level */
|
||
|
||
.sf-menu ul li.sfHover li a {
|
||
background: #fff;
|
||
}
|
||
.sf-menu ul li li:hover a, .sf-menu ul li li.sfHover a {
|
||
background: #ededed;
|
||
color: #6f6f6f;
|
||
-webkit-transition: none;
|
||
transition: none;
|
||
}
|
||
|
||
/* styling for both css and generated arrows */
|
||
|
||
.sf-arrows .sf-with-ul:after {
|
||
content: '';
|
||
position: absolute;
|
||
top: 50%;
|
||
right: 4px;
|
||
margin-top: -3px;
|
||
height: 0;
|
||
width: 0;
|
||
border: 4px solid transparent;
|
||
border-top-color:rgba(0,0,0,0.2);
|
||
}
|
||
.sf-arrows>li>.sf-with-ul:focus:after, .sf-arrows>li:hover>.sf-with-ul:after, .sf-arrows>.sfHover>.sf-with-ul:after {
|
||
border-top-color: #000;
|
||
}
|
||
.sf-arrows ul .sf-with-ul:after {
|
||
margin-top: -5px;
|
||
margin-right: -3px;
|
||
border-color: transparent;
|
||
border-left-color: #6f6f6f;
|
||
}
|
||
.sf-arrows ul li>.sf-with-ul:focus:after, .sf-arrows ul li:hover>.sf-with-ul:after, .sf-arrows ul .sfHover>.sf-with-ul:after {
|
||
border-left-color: #fff;
|
||
}
|
||
.slicknav_menu {
|
||
display: none;
|
||
}
|
||
|
||
/* Second level User Menu */
|
||
|
||
ul#user-menu li:first-child:before {
|
||
border:0px !important;
|
||
}
|
||
#user-menu li a {
|
||
margin-right: 0px;
|
||
}
|
||
#user-menu li ul li a {
|
||
color: #fff;
|
||
border: 0px;
|
||
}
|
||
#user-menu li ul li a:hover {
|
||
color: #fff;
|
||
background: #00a63f;
|
||
transition: all 0.2s ease-out 0s;
|
||
}
|
||
|
||
/* ===============
|
||
3 = Home Page
|
||
=============== */
|
||
|
||
|
||
/* Tab Slider */
|
||
|
||
#mainslider .item {
|
||
color: #fff;
|
||
margin: 0;
|
||
padding: 0;
|
||
position: relative;
|
||
}
|
||
#mainslider .item:before, .index-video-container:before, .cover-image:before, #index-video:after {
|
||
background: #000000c9;
|
||
content: " ";
|
||
height: 100%;
|
||
left: 0;
|
||
opacity: 0.9;
|
||
position: absolute;
|
||
top: 0;
|
||
width: 100%;
|
||
}
|
||
.no-after:after, .no-before:before {
|
||
background: transparent !important;
|
||
}
|
||
#mainslider .item .slidecaption {
|
||
left: 1%;
|
||
position: absolute;
|
||
right: 1%;
|
||
text-align: center;
|
||
}
|
||
#mainslider .item .slidecaption h2 {
|
||
color: #fff;
|
||
font-weight: 900;
|
||
-webkit-box-sizing: content-box;
|
||
-moz-box-sizing: content-box;
|
||
box-sizing: content-box;
|
||
border: none;
|
||
color: rgba(255, 255, 255, 1);
|
||
text-align: center;
|
||
display: inline-block;
|
||
padding: 10px 50px;
|
||
text-shadow: 0px -10px 10px rgba(0,0,0,0.7);
|
||
border-radius: 2em;
|
||
|
||
|
||
}
|
||
#mainslider .item .slidecaption h4 {
|
||
color: #fff;
|
||
font-size: 2em;
|
||
font-weight: 300;
|
||
margin-top: 0px;
|
||
}
|
||
#mainslider .item .slidecaption .btn-slide {
|
||
background: #00a63f;
|
||
border-radius: 6em;
|
||
color: #fff;
|
||
font-size: 16px;
|
||
font-weight: 600;
|
||
margin: 25px auto 10px auto;
|
||
padding: 20px 50px;
|
||
text-transform: uppercase;
|
||
-webkit-box-shadow: 1px 4px 28px -5px rgba(0, 166, 63,1);
|
||
-moz-box-shadow: 1px 4px 28px -5px rgba(0, 166, 63,1);
|
||
box-shadow: 1px 4px 28px -5px rgba(0, 166, 63,1);
|
||
|
||
}
|
||
#mainslider .item .slidecaption .btn-slide:hover {
|
||
background: #00a63f;
|
||
color: #fff;
|
||
}
|
||
#mainslider-nav .item h6, #mainslider-nav .item h5 {
|
||
margin-bottom: 6px;
|
||
margin-top: 0;
|
||
}
|
||
#mainslider-nav .item {
|
||
color: #4a4a4a;
|
||
cursor: pointer;
|
||
font-weight: 500;
|
||
letter-spacing: .07em;
|
||
margin: 0;
|
||
text-align: center;
|
||
}
|
||
#mainslider-nav .item i {
|
||
color: #00a63f;
|
||
padding-right: 10px;
|
||
vertical-align: middle;
|
||
display: block;
|
||
margin-bottom: 10px;
|
||
}
|
||
#mainslider-nav .synced .item {
|
||
background: #00a63f;
|
||
color: #000;
|
||
-webkit-box-shadow: 2px 4px 29px -4px rgba(0,0,0,0.35);
|
||
-moz-box-shadow: 2px 4px 29px -4px rgba(0,0,0,0.35);
|
||
box-shadow: 2px 4px 29px -4px rgba(0,0,0,0.35);
|
||
}
|
||
#mainslider-nav .synced .item i{
|
||
color:#fff;
|
||
}
|
||
#mainslider-nav .synced .item h5, #mainslider-nav .synced .item h6 {
|
||
color: #fff;
|
||
}
|
||
|
||
/* End of Tab Slider */
|
||
|
||
|
||
/* Features */
|
||
|
||
.features {
|
||
overflow: hidden;
|
||
}
|
||
.features h2 {
|
||
margin-bottom: 12px;
|
||
}
|
||
.features span {
|
||
display: block;
|
||
font-size: 18px;
|
||
font-weight: 300;
|
||
}
|
||
.feature img {
|
||
margin: 0 auto;
|
||
}
|
||
.feature h4 {
|
||
font-weight: 500;
|
||
margin-top: 30px;
|
||
}
|
||
.feature p {
|
||
font-size: 16px;
|
||
font-weight: 300;
|
||
margin: 0px 0 0;
|
||
padding: 0 0px;
|
||
}
|
||
.feature {
|
||
position: relative;
|
||
}
|
||
.notice-content{
|
||
display: inline-block;
|
||
padding: 5px 10px;
|
||
border-radius: 2em;
|
||
}
|
||
.notice-content p{
|
||
font-weight:400;
|
||
}
|
||
.bg_offer-header{
|
||
background: #6D47D9; /* For browsers that do not support gradients */
|
||
background: -webkit-linear-gradient(left, #6D47D9, #4772D9); /* For Safari 5.1 to 6.0 */
|
||
background: linear-gradient(to right, #6D47D9 , #4772D9); /* Standard syntax */
|
||
}
|
||
.main-feature {
|
||
background-color: #fff;
|
||
box-sizing: border-box;
|
||
vertical-align: top;
|
||
text-align: center;
|
||
position: relative;
|
||
border-radius: 2em;
|
||
-webkit-box-shadow: 2px 4px 29px -4px rgba(0,0,0,0.35);
|
||
-moz-box-shadow: 2px 4px 29px -4px rgba(0,0,0,0.35);
|
||
box-shadow: 2px 4px 29px -4px rgba(0,0,0,0.35);
|
||
padding: 20px;
|
||
}
|
||
|
||
/*single box left*/
|
||
|
||
.single_box_right {
|
||
margin: 10px 10px 23px 60px;
|
||
padding: 0px 20px 0;
|
||
}
|
||
.single_box_right ul li [class^="fa"] {
|
||
position: relative;
|
||
font-size: 16px;
|
||
display: inline-block;
|
||
color: #808080;
|
||
}
|
||
.single_box_right h3 {
|
||
margin: 0 0 10px;
|
||
font-size: 22px;
|
||
}
|
||
.single_box_right h3 a {
|
||
color: #e16657;
|
||
}
|
||
.single_box_right h3 a:hover {
|
||
color: #e16657;
|
||
}
|
||
.left_icons {
|
||
position: relative;
|
||
-webkit-transition: all 0.2s linear;
|
||
-moz-transition: all 0.2s linear;
|
||
-o-transition: all 0.2s linear;
|
||
-ms-transition: all 0.2s linear;
|
||
transition: all 0.2s linear;
|
||
}
|
||
.left_icons [class^="fa"] {
|
||
display: block;
|
||
font-size: 40px;
|
||
position: absolute;
|
||
top: 0;
|
||
left: 0;
|
||
width: 70px;
|
||
height: 70px;
|
||
line-height: 70px;
|
||
text-align: center;
|
||
-webkit-transition: all 0.2s linear;
|
||
-moz-transition: all 0.2s linear;
|
||
-o-transition: all 0.2s linear;
|
||
-ms-transition: all 0.2s linear;
|
||
transition: all 0.2s linear;
|
||
}
|
||
.style2 .single_box_right {
|
||
margin: 10px 10px 10px 110px;
|
||
padding: 0px;
|
||
}
|
||
.left_icons.style2 [class^="fa"] {
|
||
text-align: center;
|
||
background-color: #01c1c1;
|
||
color: #e16657;
|
||
font-size: 50px;
|
||
width: 90px;
|
||
line-height: 84px;
|
||
height: 90px;
|
||
padding: 0;
|
||
top: 0;
|
||
margin-top: 0;
|
||
border: 4px solid transparent;
|
||
color: #fff;
|
||
}
|
||
.left_icons.style2:hover [class^="fa"] {
|
||
background-color: #21252b;
|
||
}
|
||
|
||
/*feature-icon*/
|
||
|
||
.feature-icon {
|
||
width: 70px;
|
||
height: 70px;
|
||
display: inline-block;
|
||
text-align: center;
|
||
padding-top: 20px;
|
||
position: absolute;
|
||
left: 0;
|
||
top: 0;
|
||
border-radius: 0.5em;
|
||
|
||
}
|
||
.feature-title {
|
||
font-size: 24px;
|
||
font-size: 1.5em;
|
||
color: #1a1a1a;
|
||
font-weight: 400;
|
||
margin: 0 0 10px;
|
||
}
|
||
|
||
/* End of Features */
|
||
|
||
|
||
/* Call to Action */
|
||
|
||
.offer {
|
||
padding: 12px 0;
|
||
text-align: center;
|
||
}
|
||
.offer span {
|
||
color: #fff;
|
||
font-size: 18px;
|
||
font-weight: 300;
|
||
margin: 0;
|
||
padding: 0;
|
||
}
|
||
.offer h2 {
|
||
font-size: 69px;
|
||
font-weight: 900;
|
||
line-height: .9;
|
||
margin: 0;
|
||
padding: 0 0 5px;
|
||
-webkit-box-sizing: content-box;
|
||
-moz-box-sizing: content-box;
|
||
box-sizing: content-box;
|
||
border: none;
|
||
color: rgba(255, 255, 255, 1);
|
||
-o-text-overflow: clip;
|
||
text-overflow: clip;
|
||
text-shadow: 0 1px 0 rgb(204, 204, 204), 0 2px 0 rgb(201, 201, 201), 0 3px 0 rgb(187, 187, 187), 0 4px 0 rgb(185, 185, 185), 0 5px 0 rgb(170, 170, 170), 0 6px 1px rgba(0, 0, 0, 0.0980392), 0 0 5px rgba(0, 0, 0, 0.0980392), 0 1px 3px rgba(0, 0, 0, 0.298039), 0 3px 5px rgba(0, 0, 0, 0.2), 0 5px 10px rgba(0, 0, 0, 0.247059), 0 10px 10px rgba(0, 0, 0, 0.2), 0 20px 20px rgba(0, 0, 0, 0.14902);
|
||
-webkit-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
|
||
-moz-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
|
||
-o-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
|
||
transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
|
||
}
|
||
.offerdescription {
|
||
padding: 12px 0px;
|
||
position: relative;
|
||
top: -25px;
|
||
}
|
||
.offerdescription h2 {
|
||
color: #fff;
|
||
font-size: 44px \9;
|
||
font-weight: 900;
|
||
margin: 0;
|
||
padding: 6px 0;
|
||
text-shadow:0px -10px 10px rgba(0,0,0,0.7);
|
||
}
|
||
.offerdescription p {
|
||
color: #fff;
|
||
font-size: 21px;
|
||
font-weight: 300;
|
||
margin: 0;
|
||
}
|
||
.offerdescription2 {
|
||
padding: 12px 0px;
|
||
}
|
||
.offerdescription2 h2 {
|
||
color: #00a63f;
|
||
font-size: 44px \9;
|
||
font-weight: 900;
|
||
margin: 0;
|
||
padding: 6px 0;
|
||
-webkit-box-sizing: content-box;
|
||
-moz-box-sizing: content-box;
|
||
box-sizing: content-box;
|
||
border: none;
|
||
color: #1a1a1a;
|
||
}
|
||
.offerdescription2 p {
|
||
color: #fff;
|
||
font-size: 21px;
|
||
font-weight: 300;
|
||
margin: 0;
|
||
}
|
||
.cover-image {
|
||
width: 100%;
|
||
height: 100%;
|
||
-webkit-background-size: cover;
|
||
-moz-background-size: cover;
|
||
-o-background-size: cover;
|
||
background-size: cover !important;
|
||
position: relative;
|
||
}
|
||
.cover-image2 {
|
||
width: 100%;
|
||
height: 100%;
|
||
-webkit-background-size: cover;
|
||
-moz-background-size: cover;
|
||
-o-background-size: cover;
|
||
background-size: cover !important;
|
||
position: relative;
|
||
}
|
||
.cover-image3 {
|
||
width: 100%;
|
||
height: 100%;
|
||
-webkit-background-size: cover;
|
||
-moz-background-size: cover;
|
||
-o-background-size: cover;
|
||
background-size: cover !important;
|
||
position: relative;
|
||
}
|
||
.section-parallax, .section-parallax2, .section-parallax3, .section-parallax4, .section-parallax5 {
|
||
background-repeat: repeat;
|
||
background-attachment: fixed !important;
|
||
-webkit-background-size: cover;
|
||
-moz-background-size: cover;
|
||
-o-background-size: cover;
|
||
background-size: cover !important;
|
||
}
|
||
.cover-image2:before {
|
||
background: #000;
|
||
content: " ";
|
||
height: 100%;
|
||
left: 0;
|
||
opacity: 0.8;
|
||
position: absolute;
|
||
top: 0;
|
||
width: 100%;
|
||
}
|
||
.domainsearch {
|
||
border-radius: 3px;
|
||
-webkit-box-shadow: 2px 4px 29px -4px rgba(0,0,0,0.35);
|
||
-moz-box-shadow: 2px 4px 29px -4px rgba(0,0,0,0.35);
|
||
box-shadow: 2px 4px 29px -4px rgba(0,0,0,0.35);
|
||
}
|
||
.domainsearch .form-control {
|
||
width: 100%;
|
||
}
|
||
.domainsearch input[type="text"].form-control {
|
||
border-radius: 3px 0 0 3px;
|
||
font-size: 18px;
|
||
height: 55px;
|
||
padding: 5px 15px;
|
||
width: 100%;
|
||
border: 0;
|
||
}
|
||
.domainsearch select.form-control {
|
||
border-radius: 0;
|
||
font-size: 18px;
|
||
height: 55px;
|
||
padding: 5px 15px;
|
||
width: 100%;
|
||
box-shadow: none !important;
|
||
border: 0;
|
||
}
|
||
.domainsearch button[type="submit"] {
|
||
border-radius: 0 3px 3px 0;
|
||
color: #fff;
|
||
cursor: pointer;
|
||
float: left;
|
||
font-size: 16px;
|
||
font-weight: 900;
|
||
height: 55px;
|
||
padding: 8px 6px 6px;
|
||
text-transform: uppercase;
|
||
width: 100%;
|
||
}
|
||
.domainsearch input[type="text"]:focus, .domainsearch select:focus {}
|
||
|
||
/* End of Call to Action */
|
||
|
||
|
||
/* Pricing Tables Home */
|
||
|
||
.pricingtables.shared .row.no-gutter [class*='col-']:not(:first-child) {
|
||
padding-left: 0px;
|
||
padding-right: 0px;
|
||
}
|
||
.pricingtables.shared .row.no-gutter [class*='col-']:not(:last-child) {
|
||
padding-left: 0px;
|
||
padding-right: 0px;
|
||
}
|
||
.price-cercle {
|
||
position: relative;
|
||
}
|
||
|
||
/* 1-9 RIBBON */
|
||
|
||
.ribbon {
|
||
position: absolute;
|
||
top: -5px;
|
||
right: -5px;
|
||
width: 150px;
|
||
height: 150px;
|
||
overflow: hidden;
|
||
}
|
||
.ribbon-content {
|
||
font-weight: 700;
|
||
z-index: 2;
|
||
font-size: 20px;
|
||
text-align: center;
|
||
-webkit-transform: rotate(45deg);
|
||
-moz-transform: rotate(45deg);
|
||
-ms-transform: rotate(45deg);
|
||
-o-transform: rotate(45deg);
|
||
position: relative;
|
||
padding: 12px 0;
|
||
left: -5px;
|
||
top: 28px;
|
||
width: 202px;
|
||
box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
|
||
}
|
||
.ribbon-content:before, .ribbon-content:after {
|
||
content: "";
|
||
border-top: 3px solid rgba(34, 34, 34, 0.6);
|
||
border-left: 3px solid transparent;
|
||
border-right: 3px solid transparent;
|
||
position: absolute;
|
||
bottom: -3px;
|
||
}
|
||
.ribbon-content:before {
|
||
left: 0;
|
||
}
|
||
.ribbon-content:after {
|
||
right: 0;
|
||
}
|
||
.ribbon-small {
|
||
top: -4px;
|
||
right: -5px;
|
||
width: 113px;
|
||
height: 100px;
|
||
}
|
||
.ribbon-small .ribbon-content {
|
||
top: 20px;
|
||
left: 5px;
|
||
width: 140px;
|
||
padding: 6px 0;
|
||
font-size: 16px;
|
||
font-weight: 500;
|
||
}
|
||
.pricingtables .row.no-gutter [class*='col-']:not(:first-child), .pricingtables .row.no-gutter [class*='col-']:not(:last-child) {
|
||
padding-left: 15px;
|
||
padding-right: 15px;
|
||
}
|
||
.pricingtables h2 {
|
||
margin-bottom: 12px;
|
||
text-align: center;
|
||
margin-top: 0px;
|
||
}
|
||
.pricingtables p {
|
||
font-size: 16px;
|
||
font-weight: 300;
|
||
margin: 18px 0 0;
|
||
text-align: center;
|
||
}
|
||
.pricingtables h4 {
|
||
color: #1a1a1a;
|
||
font-size: 50px;
|
||
letter-spacing: -.07em;
|
||
margin: 0;
|
||
text-align: center;
|
||
font-weight: 300;
|
||
}
|
||
.pricingtables .panel {
|
||
border: 0;
|
||
border-radius: 2em 2em 0 0;
|
||
margin: 0;
|
||
padding: 0;
|
||
-webkit-box-shadow: 2px 4px 29px -4px rgba(0,0,0,0.35);
|
||
-moz-box-shadow: 2px 4px 29px -4px rgba(0,0,0,0.35);
|
||
box-shadow: 2px 4px 29px -4px rgba(0,0,0,0.35);
|
||
}
|
||
.pricingtables .panel-heading {
|
||
background:transparent;
|
||
border: 0;
|
||
border-radius: 3px 3px 0 0;
|
||
filter: none;
|
||
border-bottom: 1px solid #ddd;
|
||
}
|
||
.pricingtables .panel-heading h3 {
|
||
color: #1a1a1a;
|
||
font-size: 21px;
|
||
font-weight: 400;
|
||
margin: 0;
|
||
padding: 12px 0;
|
||
}
|
||
.pricingtables .panel-body {
|
||
margin: 0;
|
||
}
|
||
.pricingtables .panel-body span {
|
||
color: #1a1a1a;
|
||
font-size: 11px;
|
||
margin: 0 auto;
|
||
padding: 5px 10px;
|
||
}
|
||
.pricingtables .panel-body span.start {
|
||
position: absolute;
|
||
top: -25%;
|
||
left: 0;
|
||
right: 0;
|
||
}
|
||
.pricingtables .panel-body span.per {
|
||
background: transparent;
|
||
padding: 5px 10px 2px;
|
||
}
|
||
.pricingtables ul {
|
||
border: 0;
|
||
list-style: none;
|
||
margin: 0;
|
||
padding: 0;
|
||
}
|
||
.pricingtables ul li {
|
||
border: 0;
|
||
font-size: 16px;
|
||
padding: 10px 0;
|
||
}
|
||
.pricingtables .btn-group ul li,.pricingtables.shared .most-popular .btn-group ul li {
|
||
padding:0px;
|
||
}
|
||
.pricingtables .btn-group .btn {
|
||
font-size:14px !important;
|
||
}
|
||
.pricingtables .btn-group ul li a{
|
||
padding:10px;
|
||
}
|
||
.pricingtables .btn-group ul li a:hover {
|
||
color:#fff;
|
||
background:#1a1a1a;
|
||
}
|
||
.pricingtables .panel-footer {
|
||
text-align: center;
|
||
background: #F9F9F9;
|
||
border-radius: 0 0 3px 3px
|
||
}
|
||
.pricingtables .panel-footer .btn{
|
||
border-radius:2em;
|
||
width:100%;
|
||
}
|
||
.pricingtables .btn-pricetable {
|
||
background: #00a63f;
|
||
border-radius: 0;
|
||
color: #fff;
|
||
font-size: 1.3em;
|
||
width: 100%;
|
||
padding: 10px 30px;
|
||
}
|
||
.pricingtables .btn-pricetable:hover {
|
||
background: #00a63f;
|
||
}
|
||
.pricingtables .most-popular {
|
||
border-width: 3px;
|
||
z-index: 2;
|
||
}
|
||
.pricingtables .most-popular .panel-heading {
|
||
background: transparent;
|
||
}
|
||
.pricingtables .most-popular .panel-body {
|
||
background: #fff;
|
||
}
|
||
.pricingtables .most-popular h4 {
|
||
color: #1a1a1a;
|
||
}
|
||
.pricingtables .most-popular .panel-body span.per {
|
||
background: transparent;
|
||
padding: 5px 10px 2px;
|
||
color: #1a1a1a;
|
||
}
|
||
.pricingtables .most-popular .btn-pricetable {
|
||
margin: 0 auto;
|
||
}
|
||
|
||
/* End of Pricing Tables */
|
||
|
||
|
||
/* Statistics */
|
||
|
||
.statistics {
|
||
overflow: hidden;
|
||
}
|
||
.statistics h2 {
|
||
margin-bottom: 12px;
|
||
text-align: center;
|
||
}
|
||
.statistics h2 i {
|
||
color: #00a63f;
|
||
}
|
||
.statistics p {
|
||
font-size: 16px;
|
||
font-weight: 300;
|
||
margin: 0 auto;
|
||
text-align: center;
|
||
}
|
||
.statistics span {
|
||
display: block;
|
||
font-size: 18px;
|
||
font-weight: 300;
|
||
text-align: center;
|
||
}
|
||
.statistics .circle-text {
|
||
font-weight: 900;
|
||
font-family: 'Nunito', sans-serif;
|
||
color: #00a63f;
|
||
}
|
||
|
||
/* End of Statistics */
|
||
|
||
|
||
/* ==============================
|
||
4 = Video Header Page
|
||
============================== */
|
||
|
||
|
||
/* Video */
|
||
|
||
#index-video .index-video-container {
|
||
min-height: 640px;
|
||
padding-bottom: 50px;
|
||
position: relative;
|
||
overflow: hidden;
|
||
}
|
||
#index-video .index-video-container:after {
|
||
background: url(images/video_bg_pattern.png) repeat;
|
||
bottom: 0px;
|
||
content: "";
|
||
left: 0;
|
||
opacity: 0.7;
|
||
position: absolute;
|
||
right: 0;
|
||
top: 0;
|
||
z-index: 1;
|
||
}
|
||
#index-video .index-video-container .videocaption {
|
||
left: 1%;
|
||
position: absolute;
|
||
right: 1%;
|
||
text-align: center;
|
||
top: 25%;
|
||
z-index: 2;
|
||
}
|
||
#index-video .index-video-container .videocaption h2 {
|
||
color: #fff;
|
||
font-size: 4.5em;
|
||
font-weight: 900;
|
||
-webkit-box-sizing: content-box;
|
||
-moz-box-sizing: content-box;
|
||
box-sizing: content-box;
|
||
border: none;
|
||
color: rgba(255, 255, 255, 1);
|
||
text-align: center;
|
||
display: inline-block;
|
||
padding: 10px 50px;
|
||
text-shadow: 0px 5px 8px #000;
|
||
border-radius: 2em;
|
||
}
|
||
#index-video .index-video-container .videocaption h4 {
|
||
color: #fff;
|
||
font-size: 2em;
|
||
margin-top: 25px;
|
||
}
|
||
#index-video .index-video-container .videocaption .btn-slide {
|
||
background: #00a63f;
|
||
color: #fff;
|
||
font-size: 16px;
|
||
font-weight: 600;
|
||
margin: 25px auto 10px auto;
|
||
padding: 20px 50px;
|
||
border-radius: 2em;
|
||
text-transform: uppercase;
|
||
-webkit-box-shadow: 1px 4px 28px -5px rgba(0, 166, 63,1);
|
||
-moz-box-shadow: 1px 4px 28px -5px rgba(0, 166, 63,1);
|
||
box-shadow: 1px 4px 28px -5px rgba(0, 166, 63,1);
|
||
}
|
||
#index-video .index-video-container .videocaption .btn-slide:hover {
|
||
background: #fff;
|
||
color: #1a1a1a;
|
||
}
|
||
#index-video video {
|
||
width: 100%;
|
||
background-size: cover;
|
||
position: absolute;
|
||
top: 0;
|
||
left: 0;
|
||
}
|
||
|
||
/* End of Video */
|
||
|
||
|
||
/* ==============================
|
||
5 = Shared Hosting Page
|
||
============================== */
|
||
|
||
|
||
/* Choose Price Period */
|
||
|
||
span.chooseprice {
|
||
background: #fd7140;
|
||
border-radius: 6px;
|
||
color: #fff;
|
||
display: table;
|
||
font-size: 16px;
|
||
margin: 0 auto;
|
||
margin-top: 30px;
|
||
padding: 5px 20px;
|
||
position: relative;
|
||
}
|
||
span.chooseprice:after {
|
||
border: solid transparent;
|
||
border-color: rgba(222, 98, 98, 0);
|
||
border-top-color: #fd7140;
|
||
border-width: 10px;
|
||
content: " ";
|
||
height: 0;
|
||
left: 50%;
|
||
margin-left: -10px;
|
||
pointer-events: none;
|
||
position: absolute;
|
||
top: 100%;
|
||
width: 0;
|
||
}
|
||
.btn-group.price-per-shared {
|
||
display: table;
|
||
margin: 0 auto;
|
||
margin-top: 30px;
|
||
text-align: center;
|
||
}
|
||
.btn-group.price-per-shared .btn {
|
||
border: 0px;
|
||
font-size: 16px;
|
||
padding: 22px 40px 20px;
|
||
outline: 0;
|
||
z-index: 1;
|
||
}
|
||
.btn-group.price-per-shared .btn:hover {
|
||
border: 0px;
|
||
}
|
||
.price-per-shared .btn-shared-checked {
|
||
z-index: 2;
|
||
}
|
||
.btn-shared-checked {
|
||
background-color: #00a63f;
|
||
border-color: #4cae4c;
|
||
box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075);
|
||
color: #fff;
|
||
text-shadow: 0 -1px 0 rgba(0, 0, 0, .2);
|
||
webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075);
|
||
}
|
||
.btn-shared-checked:after {
|
||
content: '';
|
||
position: absolute;
|
||
left: 42%;
|
||
z-index: 100;
|
||
top: 100%;
|
||
width: 0;
|
||
height: 0;
|
||
border-left: 20px solid transparent;
|
||
border-right: 20px solid transparent;
|
||
border-top: 20px solid #00a63f;
|
||
outline: 0;
|
||
clear: both;
|
||
z-index: 1000;
|
||
}
|
||
.btn-shared-checked:hover, .btn-shared-checked:focus, .btn-shared-checked.focus, .btn-shared-checked:active, .btn-shared-checked.active {
|
||
background-color: #00a63f;
|
||
border-color: #398439;
|
||
box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
|
||
color: #fff;
|
||
webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
|
||
}
|
||
.btn-shared-checked:active, .btn-shared-checked.active {
|
||
background-image: none;
|
||
z-index: 1000;
|
||
}
|
||
|
||
/* End of Choose Price Period */
|
||
|
||
|
||
/* Pricing Tables Shared Hosting Page */
|
||
|
||
.pricingtables .left-price .panel, .pricingtables .left-price .panel-heading, .pricingtables .left-price .panel-body, .pricingtables .left-price .panel-footer {
|
||
background: transparent;
|
||
border: 0;
|
||
box-shadow: none;
|
||
}
|
||
.pricingtables .left-price ul {
|
||
box-shadow: 0 2px 2px rgba(32, 44, 47, 0.2)
|
||
}
|
||
.pricingtables .left-price ul {
|
||
margin-top: 122px;
|
||
-webkit-box-shadow: 2px 4px 29px -4px rgba(0,0,0,0.35);
|
||
-moz-box-shadow: 2px 4px 29px -4px rgba(0,0,0,0.35);
|
||
box-shadow: 2px 4px 29px -4px rgba(0,0,0,0.35);
|
||
border-radius: 1em 0 0 1em;
|
||
overflow: hidden;
|
||
}
|
||
.pricingtables .sitelock ul {
|
||
margin-top: 145px;
|
||
-webkit-box-shadow: 2px 4px 29px -4px rgba(0,0,0,0.35);
|
||
-moz-box-shadow: 2px 4px 29px -4px rgba(0,0,0,0.35);
|
||
box-shadow: 2px 4px 29px -4px rgba(0,0,0,0.35);
|
||
border-radius: 1em 0 0 1em;
|
||
overflow: hidden;
|
||
|
||
}
|
||
.pricingtables.shared .left-price ul li {
|
||
color: #fff;
|
||
padding: 10px 10px;
|
||
}
|
||
.pricingtables.shared .left-price ul li a {
|
||
color: #7b7b7b;
|
||
}
|
||
.pricingtables.shared .left-price ul li:nth-child(odd) {
|
||
background: #f9f9f9;
|
||
}
|
||
.pricingtables.shared .left-price ul li:nth-child(even) {
|
||
background: #fff;
|
||
}
|
||
.pricingtables ul li:nth-child(odd) {
|
||
background: #f9f9f9 !important;
|
||
}
|
||
.pricingtables ul li:nth-child(even) {}
|
||
.pricingtables.shared .most-popular {
|
||
border-width: 3px;
|
||
padding: 0;
|
||
top: 0;
|
||
z-index: 2;
|
||
}
|
||
/*.most-popular .price-cercle {
|
||
border: 10px solid #1a1a1a;
|
||
}*/
|
||
.most-popular .panel-heading {
|
||
background: transparent;
|
||
}
|
||
.pricingtables.shared h4 {
|
||
color: #1a1a1a;
|
||
}
|
||
.pricingtables.shared ul li i {
|
||
color: #00a63f;
|
||
}
|
||
.pricingtables.shared .most-popular .yearprice, .pricingtables.shared .most-popular .twoyearprice {
|
||
border-color: #fff;
|
||
}
|
||
.pricingtables.shared .most-popular h4 {
|
||
color: #1a1a1a;
|
||
}
|
||
.pricingtables.shared .most-popular .panel-body span.per {
|
||
background: transparent;
|
||
}
|
||
.pricingtables.shared .most-popular ul li {
|
||
font-size: 16px;
|
||
padding: 10px 0;
|
||
}
|
||
.tab2, .tab3 {
|
||
display: none;
|
||
margin: 0 auto;
|
||
}
|
||
.tooltip {
|
||
background: transparent;
|
||
font-family: 'hind', sans-serif;
|
||
}
|
||
.tooltip-inner {
|
||
font-size: 16px;
|
||
max-width: 150px;
|
||
padding: 5px 8px;
|
||
}
|
||
|
||
/* End Pricing Tables Shared Hosting Page */
|
||
|
||
|
||
/* Tabs Section - Shared Hosting Page */
|
||
|
||
.shared-features {
|
||
overflow: hidden;
|
||
}
|
||
.shared-features p {
|
||
font-size: 16px;
|
||
font-weight: 300;
|
||
margin: 0 auto;
|
||
}
|
||
.r-tabs .r-tabs-nav {
|
||
display: table;
|
||
margin: 0 auto;
|
||
padding: 0;
|
||
text-align: center;
|
||
}
|
||
.r-tabs .r-tabs-tab {
|
||
float: left;
|
||
list-style: none;
|
||
margin: 0;
|
||
}
|
||
.r-tabs .r-tabs-panel {
|
||
display: none;
|
||
}
|
||
.r-tabs .r-tabs-accordion-title {
|
||
display: none;
|
||
}
|
||
.r-tabs .r-tabs-panel.r-tabs-state-active {
|
||
display: block;
|
||
}
|
||
.r-tabs {
|
||
border: 0;
|
||
position: relative;
|
||
}
|
||
.r-tabs .r-tabs-nav .r-tabs-tab {
|
||
font-size: 16px;
|
||
font-weight: 300;
|
||
text-transform: uppercase;
|
||
margin: 0;
|
||
padding:0px;
|
||
position: relative;
|
||
}
|
||
.r-tabs .r-tabs-nav .r-tabs-anchor {
|
||
color: #7a7c89;
|
||
float: left;
|
||
font-weight: normal;
|
||
margin:0 5px;
|
||
background: #fff;
|
||
padding: 22px 40px 20px;
|
||
text-decoration: none;
|
||
-webkit-box-shadow: 2px 4px 29px -4px rgba(0,0,0,0.35);
|
||
-moz-box-shadow: 2px 4px 29px -4px rgba(0,0,0,0.35);
|
||
box-shadow: 2px 4px 29px -4px rgba(0,0,0,0.35);
|
||
border-radius:6em;
|
||
}
|
||
.r-tabs .r-tabs-nav .r-tabs-state-disabled {
|
||
opacity: 0.5;
|
||
}
|
||
.r-tabs .r-tabs-nav .r-tabs-state-active .r-tabs-anchor {
|
||
background: #00a63f;
|
||
color: #fff;
|
||
border-bottom: 0px;
|
||
|
||
}
|
||
.r-tabs .r-tabs-nav .r-tabs-state-active i{
|
||
color:#fff;
|
||
}
|
||
.r-tabs .r-tabs-nav .r-tabs-state-active .r-tabs-anchor:after {
|
||
content: '';
|
||
position: absolute;
|
||
left: 41.7%;
|
||
top: 100%;
|
||
width: 0;
|
||
height: 0;
|
||
border-left: 20px solid transparent;
|
||
border-right: 20px solid transparent;
|
||
border-top: 10px solid #00a63f;
|
||
outline: 0;
|
||
clear: both;
|
||
}
|
||
.r-tabs .r-tabs-accordion-title .r-tabs-anchor {
|
||
background: #efeff2;
|
||
border: 1px solid #e4e7f0;
|
||
color: #222;
|
||
display: block;
|
||
font-size: 16px;
|
||
padding: 10px;
|
||
}
|
||
.r-tabs .r-tabs-accordion-title.r-tabs-state-active .r-tabs-anchor, {
|
||
background: #fd7140;
|
||
color: #fff;
|
||
text-shadow: none;
|
||
}
|
||
.r-tabs .r-tabs-accordion-title.r-tabs-state-disabled {
|
||
opacity: 0.5;
|
||
}
|
||
.panel-title a {
|
||
display: block;
|
||
padding: 20px 15px;
|
||
font-size: 18px;
|
||
}
|
||
.panel {
|
||
margin-top: 5px;
|
||
}
|
||
#shared-hosting-tabs .centralicon {
|
||
text-align: center;
|
||
}
|
||
#shared-hosting-tabs .centralicon img {
|
||
border: 10px solid #f9f9f9;
|
||
border-radius: 100%;
|
||
}
|
||
#shared-hosting-tabs #feature1 h5, #shared-hosting-tabs #feature5 h5 {
|
||
font-size: 25px;
|
||
line-height: 1.3;
|
||
margin-bottom: 17px;
|
||
text-align: left;
|
||
font-weight: 300;
|
||
}
|
||
#shared-hosting-tabs #feature1 p, #shared-hosting-tabs #feature5 p {
|
||
padding-left: 0;
|
||
padding-roght: 0;
|
||
}
|
||
#shared-hosting-tabs h5 {
|
||
font-size: 25px;
|
||
line-height: 1.3;
|
||
font-weight: 300;
|
||
margin-bottom: 17px;
|
||
text-align: center;
|
||
}
|
||
#shared-hosting-tabs p {
|
||
padding: 0 40px;
|
||
}
|
||
#shared-hosting-tabs .tabfeatures {
|
||
margin-top: 30px;
|
||
}
|
||
#shared-hosting-tabs .tabfeatures img {
|
||
margin: 0 auto;
|
||
}
|
||
#shared-hosting-tabs .tabfeatures p {
|
||
padding: 0;
|
||
}
|
||
#shared-hosting-tabs h6 {
|
||
font-size: 18px;
|
||
line-height: 1.3;
|
||
padding: 17px 0 6px;
|
||
}
|
||
#shared-hosting-tabs #feature1, #shared-hosting-tabs #feature2, #shared-hosting-tabs #feature3, #shared-hosting-tabs #feature4, #shared-hosting-tabs #feature5 {
|
||
transition: all ease-out 0.2s 0.1s;
|
||
}
|
||
.supportchannels {
|
||
display: table;
|
||
margin: 0 auto;
|
||
text-align: center;
|
||
}
|
||
.supportchannels .block-grid-item {
|
||
padding: 0 45px;
|
||
}
|
||
.supportchannels .block-grid-item i {
|
||
background: #00a63f;
|
||
border: 6px solid #f9f9f9;
|
||
border-radius: 50%;
|
||
color: #fff;
|
||
font-size: 38px;
|
||
height: 90px;
|
||
padding: 20px 0 0 0;
|
||
text-align: center;
|
||
transition: all 0.4s ease;
|
||
webkit-transition: all 0.4s ease;
|
||
width: 90px;
|
||
}
|
||
.supportchannels .block-grid-item i:hover {
|
||
background: #fd7140;
|
||
transform: scale(1.3);
|
||
webkit-transform: scale(1.3);
|
||
}
|
||
|
||
/* End Tabs Section - Shared Hosting Page */
|
||
|
||
|
||
/* ==============================
|
||
6 = VPS Page
|
||
============================== */
|
||
|
||
|
||
/* Order Steps - VPS Page */
|
||
|
||
.order-step {
|
||
margin: 25px 0 20px;
|
||
}
|
||
.vps-order h3 {
|
||
background: #00a63f;
|
||
color: #fff;
|
||
font-size: 18px;
|
||
font-weight: normal;
|
||
padding: 20px 35px;
|
||
position: relative;
|
||
text-align: center;
|
||
border-radius: 2em;
|
||
}
|
||
.vps-order .ribbon {
|
||
right: -4px;
|
||
top: -2px;
|
||
}
|
||
.vps-order h3:after {
|
||
bottom: 100%;
|
||
left: 50%;
|
||
border: solid transparent;
|
||
content: " ";
|
||
height: 0;
|
||
width: 0;
|
||
position: absolute;
|
||
pointer-events: none;
|
||
border-color: rgba(114, 172, 148, 0);
|
||
border-bottom-color: #00a63f;
|
||
border-width: 10px;
|
||
margin-left: -10px;
|
||
}
|
||
.vps-order p {
|
||
font-size: 16px;
|
||
padding: 0 25px;
|
||
}
|
||
.order-step .order-circle {
|
||
position: relative;
|
||
text-align: center;
|
||
}
|
||
.order-step .order-circle span {
|
||
border: 4px solid #00a63f;
|
||
border-radius: 1000px;
|
||
color: #00a63f;
|
||
display: inline-block;
|
||
font-weight: 900;
|
||
height: 40px;
|
||
line-height: 32px;
|
||
moz-border-radius: 1000px;
|
||
ms-border-radius: 1000px;
|
||
o-border-radius: 1000px;
|
||
position: relative;
|
||
text-align: center;
|
||
vertical-align: middle;
|
||
webkit-border-radius: 1000px;
|
||
width: 40px;
|
||
z-index: 10;
|
||
}
|
||
|
||
/* End of Order Steps - VPS Page */
|
||
|
||
|
||
/* Order Slider - VPS Page */
|
||
|
||
.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 0 40px;
|
||
padding: 0 60px;
|
||
width: 100%;
|
||
}
|
||
.vps-prices-container {
|
||
background: #1a1a1a;
|
||
border-radius: 6px;
|
||
float: left;
|
||
padding-top: 55px;
|
||
width: 100%;
|
||
}
|
||
.vps-prices-panel {
|
||
float: left;
|
||
width: 100%;
|
||
}
|
||
.vps-prices-container #vps-slider {
|
||
background: #000;
|
||
background: rgba(0, 0, 0, .15);
|
||
border-radius: 6px;
|
||
float: left;
|
||
height: 17px;
|
||
margin: 0 0 12px;
|
||
width: 100%;
|
||
cursor: pointer;
|
||
}
|
||
.vps-prices-container #sliderlines {
|
||
background: url(images/lines1.png) center top;
|
||
display: table;
|
||
height: 10px;
|
||
margin: 0 auto;
|
||
width: 100%;
|
||
}
|
||
.vps-prices-container #vps-slider .ui-slider-range {
|
||
background: #00a63f;
|
||
background: -moz-linear-gradient(left, #00a63f 0%, #FF8C00 100%);
|
||
background: -webkit-linear-gradient(left, #00a63f 0%, #FF8C00 100%);
|
||
background: linear-gradient(to right, #00a63f 0%, #FF8C00 100%);
|
||
filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00a63f', endColorstr='#FF8C00', GradientType=1);
|
||
border-radius: 6px;
|
||
cursor: pointer;
|
||
-webkit-box-shadow: 1px 4px 28px -5px rgba(0, 166, 63,1);
|
||
-moz-box-shadow: 1px 4px 28px -5px rgba(0, 166, 63,1);
|
||
box-shadow: 1px 4px 28px -5px rgba(0, 166, 63,1);
|
||
|
||
}
|
||
.vps-prices-container #vps-slider .ui-slider-handle {
|
||
background:#eeeeee;
|
||
top:-10px;
|
||
border: 0;
|
||
border-radius: 0;
|
||
height: 20px;
|
||
margin-left: -25px;
|
||
margin-top: 8px;
|
||
outline: none;
|
||
width: 35px;
|
||
border-radius: 16em;
|
||
-webkit-box-shadow: 0 0 12px rgba(0, 0, 0, 0.5);
|
||
-moz-box-shadow: 0 0 12px rgba(0, 0, 0, 0.5);
|
||
-o-box-shadow: 0 0 12px rgba(0, 0, 0, 0.5);
|
||
box-shadow: 0 0 12px rgba(0, 0, 0, 0.5);
|
||
-webkit-transition: border-radius 0.5s;
|
||
-moz-transition: border-radius 0.5s;
|
||
-o-transition: border-radius 0.5s;
|
||
transition: border-radius 0.5s;
|
||
background: #eeeeee;
|
||
background: -moz-linear-gradient(top, #eeeeee 0%, #dddddd 100%);
|
||
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eeeeee), color-stop(100%, #dddddd));
|
||
background: -webkit-linear-gradient(top, #eeeeee 0%, #dddddd 100%);
|
||
background: -o-linear-gradient(top, #eeeeee 0%, #dddddd 100%);
|
||
background: -ms-linear-gradient(top, #eeeeee 0%, #dddddd 100%);
|
||
background: linear-gradient(to bottom, #eeeeee 0%, #dddddd 100%);
|
||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@top', endColorstr='@bottom', GradientType=0);
|
||
}
|
||
.vps-prices-container #vps-slider .ui-slider-handle:hover {
|
||
cursor: pointer;
|
||
}
|
||
|
||
.vps-plans {
|
||
display: table;
|
||
margin: 0 auto;
|
||
padding: 2% 0 0;
|
||
width: 99%;
|
||
}
|
||
.vps-plans div.vps-plan {
|
||
color: #fff;
|
||
float: left;
|
||
font-size: 16px;
|
||
font-weight: 300;
|
||
margin: 0;
|
||
text-align: left;
|
||
width: 25%;
|
||
}
|
||
.vps-plans div.vps-plan:first-child {
|
||
text-align: left;
|
||
}
|
||
.vps-plans div.vps-plan:last-child {
|
||
margin-right: 0;
|
||
padding-right: 0;
|
||
text-align: right;
|
||
}
|
||
.vps-plans div.vps-plan:nth-child(2) {
|
||
padding-left: 70px;
|
||
}
|
||
.vps-plans div.vps-plan:nth-child(3) {
|
||
padding-right: 80px;
|
||
text-align: right;
|
||
}
|
||
.vps-plans.threeplans div.vps-plan {
|
||
width: 33.3333333333333%;
|
||
}
|
||
.vps-plans.threeplans div.vps-plan:nth-child(2) {
|
||
padding-left: 0;
|
||
text-align: center
|
||
}
|
||
.vps-plans.threeplans div.vps-plan:nth-child(3) {
|
||
padding-right: 0;
|
||
text-align: right;
|
||
}
|
||
.vps-plans.fiveplans div.vps-plan {
|
||
width: 20%;
|
||
}
|
||
.vps-plans.fiveplans div.vps-plan:nth-child(2) {
|
||
padding-left: 25px;
|
||
text-align: left
|
||
}
|
||
.vps-plans.fiveplans div.vps-plan:nth-child(3) {
|
||
padding-left: 0;
|
||
}
|
||
.vps-plans.fiveplans div.vps-plan:nth-child(4) {
|
||
text-align: right;
|
||
padding-right: 30px;
|
||
}
|
||
.vps-plans.sixplans div.vps-plan {
|
||
width: 16.666666666667%;
|
||
}
|
||
.vps-plans.sixplans div.vps-plan:first-child {
|
||
text-align: left;
|
||
width: 16.666666666667%;
|
||
}
|
||
.vps-plans.sixplans div.vps-plan:nth-child(2) {
|
||
padding-left: 0px;
|
||
}
|
||
.vps-plans.sixplans div.vps-plan:nth-child(3) {
|
||
padding-right: 95px;
|
||
}
|
||
.vps-plans.sixplans div.vps-plan:nth-child(4) {
|
||
text-align: center;
|
||
}
|
||
.vps-plans.sixplans div.vps-plan:nth-child(5) {
|
||
padding-right: 25px;
|
||
text-align: right
|
||
}
|
||
.vps-plans.sixplans div.vps-plan:last-child {
|
||
margin-right: 0;
|
||
padding-right: 0;
|
||
text-align: right;
|
||
width: 16.666666666667%;
|
||
}
|
||
.sliderbottom {
|
||
background: rgba(0, 0, 0, .1);
|
||
float: left;
|
||
padding: 10px 0 25px;
|
||
text-align: center;
|
||
width: 100%;
|
||
}
|
||
.sliderbottom h6 {
|
||
color: #fff;
|
||
font-size: 19px;
|
||
font-weight: 400;
|
||
}
|
||
.sliderbottom .how_much {
|
||
font-size: 29px;
|
||
font-weight: 600;
|
||
line-height: .9;
|
||
margin: 0;
|
||
padding: 0 0 5px;
|
||
font-family: 'Nunito', sans-serif;
|
||
}
|
||
.total_amount {
|
||
font-size: 36px;
|
||
font-weight: 600;
|
||
line-height: .9;
|
||
margin: 0 0 10px;
|
||
margin: 0;
|
||
padding: 10px 10px 20px;
|
||
color: #fff;
|
||
font-family: 'Nunito', sans-serif;
|
||
}
|
||
a.order-vps {
|
||
color: #fff;
|
||
font-size: 16px;
|
||
font-weight: 900;
|
||
padding: 6px 15px;
|
||
background-color: #00a63f;
|
||
border-color: #4cae4c;
|
||
box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075);
|
||
color: #fff;
|
||
text-shadow: 0 -1px 0 rgba(0, 0, 0, .2);
|
||
webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075);
|
||
margin-top: 5px;
|
||
display: inline-block;
|
||
border-radius: 3px;
|
||
}
|
||
.vps3-price {
|
||
font-size: 3em;
|
||
padding-bottom: 0px;
|
||
}
|
||
|
||
/* End Order Slider - VPS Page */
|
||
|
||
.pricingtables.vps {
|
||
overflow: hidden;
|
||
}
|
||
|
||
/* End of VPS Page */
|
||
|
||
|
||
/* ==============================
|
||
7 = Dedicated servers
|
||
============================== */
|
||
|
||
|
||
/* Pricing Tables - Dedicated servers Page */
|
||
|
||
.pricingtables.servers {
|
||
overflow: hidden;
|
||
}
|
||
.pricingtables.servers .panel {
|
||
border-radius: 2em 2em 0 0;
|
||
margin: 0;
|
||
padding: 0;
|
||
box-shadow: none;
|
||
-webkit-box-shadow: 2px 4px 29px -4px rgba(0,0,0,0.35);
|
||
-moz-box-shadow: 2px 4px 29px -4px rgba(0,0,0,0.35);
|
||
box-shadow: 2px 4px 29px -4px rgba(0,0,0,0.35);
|
||
}
|
||
.pricingtables.servers .panel-heading {
|
||
border: 0;
|
||
border-radius: 0;
|
||
filter: none;
|
||
}
|
||
.pricingtables.servers .panel-heading h3 {
|
||
color: #1a1a1a;
|
||
letter-spacing: -.07em;
|
||
margin: 0;
|
||
padding: 12px 0;
|
||
}
|
||
.pricingtables.servers h4 {
|
||
color: #00a63f;
|
||
letter-spacing: -.07em;
|
||
text-align: center;
|
||
}
|
||
.pricingtables.servers .panel-body {
|
||
background: #fff;
|
||
margin: 0;
|
||
}
|
||
.pricingtables.servers .panel-body span {
|
||
color: #555;
|
||
font-size: 11px;
|
||
margin: 0 auto;
|
||
padding: 5px 10px;
|
||
}
|
||
.pricingtables.servers .panel-body span.per {
|
||
padding: 5px 10px 2px;
|
||
background: transparent;
|
||
}
|
||
.pricingtables.servers ul {
|
||
border: 0;
|
||
list-style: none;
|
||
margin: 0;
|
||
padding: 0;
|
||
}
|
||
.pricingtables.servers ul li {
|
||
background: #fff;
|
||
font-size: 16px;
|
||
padding: 10px 0;
|
||
}
|
||
.pricingtables.servers .panel-footer {
|
||
text-align: center;
|
||
background: #fff;
|
||
border: 0;
|
||
}
|
||
.pricingtables.servers .btn-pricetable {
|
||
background: #00a63f;
|
||
border-radius: 0;
|
||
color: #fff;
|
||
font-size: 13px;
|
||
margin: 10px auto;
|
||
padding: 15px 50px 13px;
|
||
font-weight: 700;
|
||
}
|
||
.pricingtables.servers .btn-pricetable:hover {
|
||
background: #00a63f;
|
||
}
|
||
|
||
/* End of Pricing Tables - Dedicated servers Page */
|
||
|
||
|
||
/* Video Background - Dedicated servers Page */
|
||
|
||
#servers-video .servers-video-container {
|
||
min-height: 550px;
|
||
padding-bottom: 50px;
|
||
position: relative;
|
||
overflow: hidden;
|
||
}
|
||
#servers-video .servers-video-container:after {
|
||
background: url(images/video_bg_pattern.png) repeat;
|
||
bottom: 0px;
|
||
content: "";
|
||
left: 0;
|
||
opacity: 0.7;
|
||
position: absolute;
|
||
right: 0;
|
||
top: 0;
|
||
z-index: 1;
|
||
}
|
||
#servers-video .servers-video-container .videocaption {
|
||
left: 1%;
|
||
position: absolute;
|
||
right: 1%;
|
||
text-align: center;
|
||
top: 30%;
|
||
z-index: 2;
|
||
}
|
||
#servers-video .servers-video-container .videocaption h2 {
|
||
color: #fff;
|
||
font-size: 3.5em;
|
||
text-shadow: -1px 1px 0 #2d2d2f;
|
||
font-weight: 600;
|
||
-webkit-box-sizing: content-box;
|
||
-moz-box-sizing: content-box;
|
||
box-sizing: content-box;
|
||
border: none;
|
||
color: rgba(255, 255, 255, 1);
|
||
text-align: center;
|
||
-o-text-overflow: clip;
|
||
text-overflow: clip;
|
||
text-shadow: 0 1px 0 rgb(204, 204, 204), 0 2px 0 rgb(201, 201, 201), 0 3px 0 rgb(187, 187, 187), 0 4px 0 rgb(185, 185, 185), 0 5px 0 rgb(170, 170, 170), 0 6px 1px rgba(0, 0, 0, 0.0980392), 0 0 5px rgba(0, 0, 0, 0.0980392), 0 1px 3px rgba(0, 0, 0, 0.298039), 0 3px 5px rgba(0, 0, 0, 0.2), 0 5px 10px rgba(0, 0, 0, 0.247059), 0 10px 10px rgba(0, 0, 0, 0.2), 0 20px 20px rgba(0, 0, 0, 0.14902);
|
||
-webkit-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
|
||
-moz-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
|
||
-o-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
|
||
transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
|
||
}
|
||
#servers-video .servers-video-container .videocaption h4 {
|
||
color: #fff;
|
||
font-size: 2em;
|
||
font-weight: 300;
|
||
margin-top: 25px;
|
||
text-shadow: -1px 1px 0 #2d2d2f;
|
||
}
|
||
#servers-video .servers-video-container .videocaption .btn-slide {
|
||
background: #00a63f;
|
||
border-radius: 0;
|
||
color: #fff;
|
||
font-size: 19px;
|
||
font-weight: 700;
|
||
margin: 25px auto 10px auto;
|
||
padding: 7px 20px;
|
||
border-radius: 5px;
|
||
position: relative;
|
||
}
|
||
#servers-video .servers-video-container .videocaption .btn-slide:after {
|
||
top: 100%;
|
||
left: 50%;
|
||
border: solid transparent;
|
||
content: " ";
|
||
height: 0;
|
||
width: 0;
|
||
position: absolute;
|
||
pointer-events: none;
|
||
border-color: rgba(113, 172, 147, 0);
|
||
border-top-color: #00a63f;
|
||
border-width: 8px;
|
||
margin-left: -8px;
|
||
}
|
||
#servers-video video {
|
||
width: 100%;
|
||
background-size: cover;
|
||
position: absolute;
|
||
top: 0;
|
||
left: 0;
|
||
}
|
||
|
||
/* End of Video Background - Dedicated servers Page */
|
||
|
||
|
||
/* Responsive Table - Dedicated servers Page */
|
||
|
||
.servers-table {
|
||
overflow: hidden;
|
||
}
|
||
.products-table {
|
||
min-width: 100%;
|
||
border: 1px solid #DFE0E5;
|
||
font-family: 'hind', sans-serif;
|
||
background: #F7F7F7;
|
||
}
|
||
.products-table thead th {
|
||
color: #6E6E6E;
|
||
font-weight: 700 !important;
|
||
font-size: 13px;
|
||
font-weight: bold;
|
||
border-left: 1px solid #DFE0E5;
|
||
border-right: 1px solid #DFE0E5;
|
||
border-bottom: 1px solid #DFE0E5;
|
||
padding: 2em 1em;
|
||
}
|
||
.products-table th {
|
||
font-weight: normal;
|
||
-webkit-font-smoothing: antialiased;
|
||
padding: 16px 12px;
|
||
color: #6E6E6E;
|
||
font-size: 16px;
|
||
background: #fff;
|
||
}
|
||
.products-table td {
|
||
color: #6E6E6E;
|
||
padding: 5px 12px;
|
||
font-size: 16px;
|
||
border-bottom: 1px solid #DFE0E5;
|
||
}
|
||
.products-table th {
|
||
padding: 2em 1em !important
|
||
}
|
||
.products-table td:last-child, .products-table thead th:last-child {
|
||
text-align: center;
|
||
}
|
||
.products-table tr.even, .products-table tr.alt, .products-table tr:nth-of-type(even) {
|
||
background: #fff;
|
||
}
|
||
.products-table td span {
|
||
padding: 0px;
|
||
margin: 0 auto;
|
||
display: block;
|
||
}
|
||
|
||
/* End of Responsive Table - Dedicated servers Page */
|
||
|
||
|
||
/* ==============================
|
||
8 = Domains
|
||
============================== */
|
||
|
||
.domains h2 {
|
||
color: #fff;
|
||
text-align: center;
|
||
font-weight: 300;
|
||
}
|
||
.domains p {
|
||
color: #fff;
|
||
text-align: center;
|
||
font-size: 18px;
|
||
}
|
||
.domainsearch-full {
|
||
background: #666;
|
||
border-radius: 0;
|
||
padding: 20px;
|
||
}
|
||
.domainsearch-full .form-control {
|
||
width: 100%;
|
||
}
|
||
.domainsearch-full input[type="text"].form-control {
|
||
border-bottom-left-radius: 5px;
|
||
border-bottom-right-radius: 0;
|
||
border-top-left-radius: 5px;
|
||
border-top-right-radius: 0;
|
||
font-size: 18px;
|
||
height: 55px;
|
||
padding: 5px 15px;
|
||
width: 100%;
|
||
}
|
||
.domainsearch-full select.form-control {
|
||
border-radius: 0;
|
||
font-size: 18px;
|
||
height: 55px;
|
||
padding: 5px 15px;
|
||
width: 100%;
|
||
}
|
||
.domainsearch-full button[type="submit"] {
|
||
background: #515151;
|
||
border: 0;
|
||
border-bottom-left-radius: 0;
|
||
border-bottom-right-radius: 5px;
|
||
border-radius: 4px;
|
||
border-top-left-radius: 0;
|
||
border-top-right-radius: 5px;
|
||
color: #fff;
|
||
cursor: pointer;
|
||
float: left;
|
||
font-size: 16px;
|
||
font-weight: 900;
|
||
height: 55px;
|
||
padding: 8px 6px 6px;
|
||
text-transform: uppercase;
|
||
width: 100%;
|
||
}
|
||
.domainsearch-full button[type="submit"]:hover {
|
||
background: #646464;
|
||
}
|
||
.domainsearch-full input[type="text"]:focus, .domainsearch-full select:focus {
|
||
border: 0;
|
||
box-shadow: 0 8px 6px -6px #000;
|
||
}
|
||
#domainextensions {
|
||
margin-top: 10px;
|
||
}
|
||
#domainextensions .ribbon {
|
||
right:8px;
|
||
top: -5px;
|
||
}
|
||
#domainextensions .item{
|
||
margin:0 10px;
|
||
}
|
||
#domainextensions .item .extension {
|
||
padding: 20px 20px;
|
||
font-size: 22px;
|
||
font-weight: 500;
|
||
color: #00a63f;
|
||
text-align: center;
|
||
border-radius: 0px;
|
||
text-transform: uppercase;
|
||
background: #fff;
|
||
border-radius: 2em;
|
||
-webkit-box-shadow: 2px 4px 29px -4px rgba(0,0,0,0.35);
|
||
-moz-box-shadow: 2px 4px 29px -4px rgba(0,0,0,0.35);
|
||
box-shadow: 2px 4px 29px -4px rgba(0,0,0,0.35);
|
||
}
|
||
#domainextensions .item .domain-price {
|
||
text-align: center;
|
||
padding: 5px;
|
||
color: #1a1a1a;
|
||
font-size: 20px;
|
||
font-family: 'Nunito', sans-serif;
|
||
}
|
||
.domainfeatures p {
|
||
font-size: 16px;
|
||
font-weight: 300;
|
||
margin: 18px 0 0;
|
||
text-align: center;
|
||
padding: 0 30px;
|
||
}
|
||
.domainfeatures h6 {
|
||
font-size: 18px;
|
||
color: #00a63f;
|
||
font-weight: 300;
|
||
letter-spacing: .07em;
|
||
border: 2px solid #00a63f;
|
||
margin: 0 auto;
|
||
padding: 15px 25px;
|
||
display: table;
|
||
text-align: center;
|
||
}
|
||
.domainfeatures .panel {
|
||
border: 0;
|
||
box-shadow: 0;
|
||
}
|
||
.domainfeatures .panel-heading {
|
||
border-left: 5px solid #00a63f;
|
||
box-shadow: 0;
|
||
background: #00a63f;
|
||
color: #fff;
|
||
border-radius: 0;
|
||
padding: 22px 10px;
|
||
}
|
||
.domainfeatures .panel-heading h4.panel-title {
|
||
font-size: 16px;
|
||
font-weight: normal;
|
||
line-height: 1.3;
|
||
color: #fff;
|
||
color: #6E6E6E\9\0;
|
||
}
|
||
.domainfeatures .panel-heading h4.panel-title a:hover, .domainfeatures .panel-heading h4.panel-title a:focus {
|
||
color: #fff;
|
||
color: #6E6E6E\9\0;
|
||
}
|
||
.domainfeatures .panel-body {
|
||
padding: 15px;
|
||
margin: 0;
|
||
}
|
||
.domainfeatures .panel-body p {
|
||
text-align: left;
|
||
font-size: 16px;
|
||
padding: 0;
|
||
margin: 0;
|
||
}
|
||
.through-line {
|
||
color: rgba(0, 0, 0, 0.3);
|
||
text-decoration: line-through;
|
||
}
|
||
.price-cercle .common-price {
|
||
color: #FFA200;
|
||
position: absolute;
|
||
left: 0;
|
||
right: 0;
|
||
top: -22px;
|
||
font-size: 16px;
|
||
font-weight: 300;
|
||
}
|
||
.domains-table {
|
||
overflow: hidden;
|
||
}
|
||
.domains-table td img {
|
||
width: 100px;
|
||
}
|
||
#tld-table {
|
||
min-width: 100%;
|
||
border: 1px solid #DFE0E5;
|
||
font-family: 'hind', sans-serif;
|
||
background: #f5f5f5;
|
||
}
|
||
#tld-table thead th {
|
||
background: #00a63f;
|
||
color: #ffffff;
|
||
font-weight: 300;
|
||
padding: 30px 15px;
|
||
font-size: 13px;
|
||
position: relative;
|
||
cursor: pointer;
|
||
text-shadow: none;
|
||
}
|
||
#tld-table thead th.header.headerSortDown {
|
||
background: #f5f5f5 !important;
|
||
color: #333;
|
||
}
|
||
#tld-table thead th:before {
|
||
position: absolute;
|
||
font-family: FontAwesome;
|
||
top: 30px;
|
||
right: 12px;
|
||
content: "\f0dc";
|
||
}
|
||
#tld-table th {
|
||
font-weight: normal;
|
||
-webkit-font-smoothing: antialiased;
|
||
padding: 16px 12px;
|
||
color: #6E6E6E;
|
||
font-size: 16px;
|
||
background: #FFFFFF;
|
||
}
|
||
#tld-table td {
|
||
color: #6E6E6E;
|
||
padding: 16px 12px;
|
||
font-size: 16px;
|
||
border-bottom: 1px solid #DFE0E5;
|
||
text-align: center;
|
||
}
|
||
#tld-table td:first-child {
|
||
font-weight: bold;
|
||
text-align: left;
|
||
}
|
||
#tld-table thead th:first-child {
|
||
text-align: left;
|
||
}
|
||
#tld-table tr.even, #tld-table tr.alt, #tld-table tr:nth-of-type(even) {
|
||
background: #FFFFFF;
|
||
}
|
||
|
||
/* ==============================
|
||
9 = About Us
|
||
============================== */
|
||
|
||
.about-hero {
|
||
position: relative;
|
||
}
|
||
.about-text {
|
||
position: absolute;
|
||
top: 35%;
|
||
left: 1%;
|
||
right: 1%;
|
||
z-index: 999;
|
||
}
|
||
.about-text h2 {
|
||
color: #fff;
|
||
text-align: center;
|
||
font-size: 40px;
|
||
text-transform: uppercase;
|
||
font-weight: 600;
|
||
}
|
||
.about-text p {
|
||
font-size: 18px;
|
||
color: #fff;
|
||
text-align: center;
|
||
}
|
||
.about p {
|
||
font-size: 16px;
|
||
font-weight: 300
|
||
}
|
||
.custom-info {
|
||
background: url(images/info-banners/1.jpg);
|
||
background-size: cover;
|
||
background-repeat: no-repeat;
|
||
background-position: center center;
|
||
}
|
||
.custom-info-column {
|
||
background: #1a1a1a;
|
||
}
|
||
.custom-info2 {
|
||
background: url(images/info-banners/2.jpg);
|
||
background-size: cover;
|
||
background-repeat: no-repeat;
|
||
background-position: center center;
|
||
}
|
||
.custom-info2-column {
|
||
background: rgba(253, 113, 64, 0.7)
|
||
}
|
||
.custom-info3 {
|
||
background: url(images/info-banners/3.jpg);
|
||
background-size: cover;
|
||
background-repeat: no-repeat;
|
||
background-position: center center;
|
||
}
|
||
.custom-info3-column {
|
||
background: rgba(0, 0, 0, 0.7);
|
||
}
|
||
.custom-info4 {
|
||
background: url(images/info-banners/3.jpg);
|
||
background-size: cover;
|
||
background-repeat: no-repeat;
|
||
background-position: center center;
|
||
}
|
||
.custom-info4-column {
|
||
background: rgba(255, 255, 255, 0.8);
|
||
}
|
||
.custom-info-column{
|
||
border-radius:2em;
|
||
}
|
||
.thequote h5 {
|
||
font-size: 2.5em;
|
||
font-weight: 700;
|
||
}
|
||
.custom-info h5, .custom-info2 h5, .custom-info3 h5 {
|
||
color: #fff;
|
||
font-size: 41px;
|
||
font-weight: 600;
|
||
margin-bottom: 30px;
|
||
}
|
||
.custom-info p, .custom-info2 p, .custom-info3 p {
|
||
color: #fff;
|
||
}
|
||
.clients {
|
||
border: 1px solid #d7d5d5;
|
||
}
|
||
.clients .block-grid-item {
|
||
text-align: center;
|
||
padding: 30px 20px;
|
||
border: 1px solid #d7d5d5;
|
||
border-left: 0;
|
||
border-top: 0;
|
||
background: #fff;
|
||
}
|
||
.apps{
|
||
text-align: center;
|
||
padding: 0px 20px;
|
||
border-left: 0;
|
||
border-bottom: 0;
|
||
margin:15px;
|
||
}
|
||
.apps img{
|
||
background:#fff;
|
||
text-align:center;
|
||
border-radius: 2em;
|
||
-webkit-box-shadow: 2px 4px 29px -4px rgba(0,0,0,0.35);
|
||
-moz-box-shadow: 2px 4px 29px -4px rgba(0,0,0,0.35);
|
||
box-shadow: 2px 4px 29px -4px rgba(0,0,0,0.35);
|
||
}
|
||
.ourclients h3 {
|
||
text-align: center;
|
||
}
|
||
.ourclients p {
|
||
text-align: center;
|
||
font-size: 18px;
|
||
}
|
||
.counter {
|
||
position: relative;
|
||
padding: 80px 0;
|
||
background-size: cover;
|
||
background-position: center;
|
||
background-repeat: no-repeat;
|
||
text-align: center;
|
||
}
|
||
.counter-holder:hover .counter-icon i.fa {
|
||
border-radius: 50%;
|
||
}
|
||
.counter-text {
|
||
margin-bottom: 5px;
|
||
font-size: 16px;
|
||
line-height: 20px;
|
||
font-weight: 500;
|
||
text-transform: capitalize;
|
||
}
|
||
.counter-number {
|
||
/* margin-bottom: -5px; */
|
||
font-size: 41px;
|
||
font-family: 'Nunito', sans-serif;
|
||
}
|
||
.counter-number-holder {
|
||
font-size: 42px;
|
||
font-weight: 700;
|
||
color: #fff;
|
||
}
|
||
.counter-number-holder .counter-number {
|
||
font-size: 42px;
|
||
}
|
||
.team {
|
||
width: 100%;
|
||
border-radius: 2em;
|
||
overflow: hidden;
|
||
-webkit-box-shadow: 2px 4px 29px -4px rgba(0,0,0,0.35);
|
||
-moz-box-shadow: 2px 4px 29px -4px rgba(0,0,0,0.35);
|
||
box-shadow: 2px 4px 29px -4px rgba(0,0,0,0.35);
|
||
}
|
||
.team img {
|
||
max-width: 100%;
|
||
height: auto;
|
||
display: block;
|
||
width: 100%;
|
||
}
|
||
.team figcaption {
|
||
padding: 25px 20px;
|
||
text-align: center;
|
||
}
|
||
.team h5 {
|
||
text-transform: uppercase;
|
||
line-height: normal;
|
||
width: 100%;
|
||
white-space: nowrap;
|
||
overflow: hidden;
|
||
text-overflow: ellipsis;
|
||
margin-bottom: 5px;
|
||
margin-top: 0px;
|
||
}
|
||
.team p {
|
||
color: #999;
|
||
}
|
||
.clients .block-grid-item:nth-child(4n+4) {
|
||
border-right: 0;
|
||
}
|
||
.testimonials h3 {
|
||
text-align: center;
|
||
color: #fff;
|
||
font-weight: 300;
|
||
}
|
||
.testimonials p {
|
||
font-size: 18px;
|
||
text-align: center;
|
||
color: #fff;
|
||
}
|
||
.testimonial-content {
|
||
padding: 20px 0 0;
|
||
text-align: center;
|
||
}
|
||
.testimonial-content p {
|
||
color: #1a1a1a;
|
||
padding: 25px 60px 5px;
|
||
font-size: 16px;
|
||
text-align: center;
|
||
}
|
||
.testimonial-content .whoclient h5 {
|
||
font-size: 16px;
|
||
color: #1a1a1a;
|
||
text-transform: uppercase;
|
||
letter-spacing: .07em;
|
||
margin-bottom: 15px;
|
||
}
|
||
.testimonial-content .whoclient h5 a {
|
||
color: #00a63f;
|
||
}
|
||
.testimonialimg {
|
||
text-align: center;
|
||
}
|
||
.testimonial-content img {
|
||
width: 160px;
|
||
height: 160px;
|
||
border: 10px solid #00a63f;
|
||
-webkit-box-shadow: 2px 4px 29px -4px rgba(0,0,0,0.35);
|
||
-moz-box-shadow: 2px 4px 29px -4px rgba(0,0,0,0.35);
|
||
box-shadow: 2px 4px 29px -4px rgba(0,0,0,0.35);
|
||
border-radius: 2em;
|
||
}
|
||
|
||
/* ==============================
|
||
10 = FAQ
|
||
============================== */
|
||
|
||
.faq {
|
||
overflow: hidden;
|
||
}
|
||
.faq h2 {
|
||
margin-bottom: 12px;
|
||
text-align: center;
|
||
}
|
||
.faq p {
|
||
font-size: 16px;
|
||
font-weight: 300;
|
||
text-align: center;
|
||
}
|
||
.faq-questions .panel-title a:hover, .faq-questions .panel-title a:active, .faq-questions .panel-title a:focus {
|
||
color: #333;
|
||
background: #f5f5f5;
|
||
}
|
||
.faq-questions .panel {
|
||
margin-top: 0px !important;
|
||
}
|
||
.faq-questions .panel-group {
|
||
margin-bottom: 0px;
|
||
}
|
||
.faq-questions {
|
||
border: 1px solid #ddd;
|
||
}
|
||
.faq .panel {
|
||
border: 0;
|
||
box-shadow: 0;
|
||
box-shadow: none;
|
||
background:transparent;
|
||
}
|
||
.faq .panel-heading {
|
||
border: 0;
|
||
box-shadow: 0;
|
||
background: transparent;
|
||
color: #6E6E6E;
|
||
border-radius: 0;
|
||
padding: 0px;
|
||
}
|
||
.faq .panel {
|
||
border-top: 1px solid #ddd;
|
||
}
|
||
.faq .panel:first-child {
|
||
border-top: 0px;
|
||
}
|
||
.faq .panel-heading h4.panel-title {
|
||
font-size: 16px;
|
||
font-weight: normal;
|
||
line-height: 1.3;
|
||
color: #303030;
|
||
}
|
||
.faq .panel-body {
|
||
padding: 15px;
|
||
margin: 0;
|
||
border-top: 0;
|
||
}
|
||
.faq .panel-body p {
|
||
text-align: left;
|
||
font-size: 16px;
|
||
padding: 0;
|
||
line-height: 24px;
|
||
}
|
||
.needsupport h6 {
|
||
margin-top: 25px;
|
||
}
|
||
|
||
/* ==============================
|
||
11 = Login
|
||
============================== */
|
||
|
||
.login {
|
||
overflow: hidden;
|
||
}
|
||
.login-form-panel {
|
||
border: 0;
|
||
border-radius: 0px;
|
||
}
|
||
.login-form {
|
||
text-align: center;
|
||
border: 0;
|
||
border-radius: 0px;
|
||
overflow: hidden;
|
||
}
|
||
.login-form-panel .center-block, .Register-form-panel .center-block {
|
||
border-radius: 2em;
|
||
}
|
||
|
||
/* ==============================
|
||
12 = Datacenter
|
||
============================== */
|
||
|
||
.datacenter {
|
||
overflow: hidden;
|
||
}
|
||
.datacenter p {
|
||
font-size: 16px;
|
||
font-weight: 300;
|
||
margin: 18px 0 0;
|
||
text-align: center;
|
||
padding: 0 30px;
|
||
}
|
||
.datacenter-facilities {
|
||
overflow: hidden;
|
||
}
|
||
#datacenter-partners .item {
|
||
margin: 3px;
|
||
text-align: center
|
||
}
|
||
|
||
/* ==============================
|
||
13 = Elements
|
||
============================== */
|
||
|
||
/* qsSlider Order Slider ----------------------- */
|
||
#qsSlider .title {
|
||
font-size: 16px;
|
||
margin-bottom: 0;
|
||
font-weight: 600;
|
||
}
|
||
#qsSlider .sdecs {
|
||
padding: 25px 0;
|
||
color: #999
|
||
}
|
||
#qsSlider .slabels {
|
||
float: right;
|
||
}
|
||
#qsSlider .slabels .label {
|
||
display: inline-block;
|
||
padding-top: 6px;
|
||
font-size: 15px;
|
||
margin-top: -10px;
|
||
border-radius: 3px;
|
||
min-width: 80px;
|
||
}
|
||
#qsSlider .slider {
|
||
margin: 15px 0 75px;
|
||
}
|
||
#qsSlider #panelselector, #qsSlider #periodselector {
|
||
padding: 25px 0;
|
||
margin-bottom: 5px;
|
||
}
|
||
#qsSlider #panelselector #panel, #qsSlider #periodselector #period {
|
||
height: 50px;
|
||
}
|
||
#qsSlider #panelselector #panel #panelbackdrop, #qsSlider #periodselector #period #periodbackdrop {
|
||
width: 10px;
|
||
height: 10px
|
||
}
|
||
#qsSlider #month, #qsSlider #pincluded {
|
||
position: absolute;
|
||
width: 170px;
|
||
left: 20px;
|
||
margin-top: 30px;
|
||
cursor: pointer
|
||
}
|
||
#qsSlider #year, #qsSlider #nopanel {
|
||
position: absolute;
|
||
width: 170px;
|
||
left: 20px;
|
||
margin-top: -15px;
|
||
cursor: pointer
|
||
}
|
||
#qsSlider #QsPrice {
|
||
border: 1px solid #d5d7d8;
|
||
border-width: 0 0 0 1px;
|
||
padding-left: 15px
|
||
}
|
||
#qsSlider #buyvps {
|
||
margin: 15px auto 0 0
|
||
}
|
||
#qsSlider #pricetext {
|
||
border-bottom: 3px double #e5e5e5;
|
||
display: inline-block
|
||
}
|
||
#qsSlider #pricetext {
|
||
border: 2px dashed #1a1a1a;
|
||
padding: 25px 15px;
|
||
width: 100%;
|
||
text-align: center;
|
||
}
|
||
#qsSlider #pricetext #btext, #qsSlider #pricetext .fa, #qsSlider #pricetext .glyphicon {
|
||
font-size: 18px
|
||
}
|
||
#qsSlider #pricetext h4, #qsSlider #pricetext h5 {
|
||
text-transform: uppercase;
|
||
margin-bottom: 0;
|
||
font-weight: 600;
|
||
}
|
||
#qsSlider #doller {
|
||
font-size: 47px;
|
||
font-weight: 700;
|
||
color: #000;
|
||
}
|
||
#qsSlider #cents {
|
||
font-size: 18px;
|
||
font-weight: 700;
|
||
color: #000
|
||
}
|
||
#qsSlider #presets {
|
||
position: relative
|
||
}
|
||
#qsSlider #presets .btn {
|
||
width: 95%;
|
||
font-size: 18px;
|
||
text-transform: uppercase;
|
||
margin-left: 2px;
|
||
border-radius: 3px;
|
||
margin-bottom: 15px;
|
||
border: 0px;
|
||
-webkit-box-shadow: 0px 2px 2px rgba(255, 255, 255, 0.25), inset 0px 1px 3px rgba(0, 0, 0, 0.3);
|
||
-moz-box-shadow: 0px 2px 2px rgba(255, 255, 255, 0.25), inset 0px 1px 3px rgba(0, 0, 0, 0.3);
|
||
box-shadow: 0px 2px 2px rgba(255, 255, 255, 0.25), inset 0px 1px 3px rgba(0, 0, 0, 0.3);
|
||
}
|
||
#qsSlider #presets .btn:hover {
|
||
color: #000;
|
||
}
|
||
#qsSlider #presets div.product {
|
||
float: left;
|
||
display: block;
|
||
width: 20%;
|
||
}
|
||
#qsSlider .ui-slider {
|
||
background: #e6e6e6;
|
||
-webkit-box-shadow: 0px 2px 2px rgba(255, 255, 255, 0.25), inset 0px 1px 3px rgba(0, 0, 0, 0.3);
|
||
-moz-box-shadow: 0px 2px 2px rgba(255, 255, 255, 0.25), inset 0px 1px 3px rgba(0, 0, 0, 0.3);
|
||
box-shadow: 0px 2px 2px rgba(255, 255, 255, 0.25), inset 0px 1px 3px rgba(0, 0, 0, 0.3);
|
||
-webkit-border-radius: 10px;
|
||
-moz-border-radius: 10px;
|
||
-ms-border-radius: 10px;
|
||
-o-border-radius: 10px;
|
||
border-radius: 10px;
|
||
}
|
||
#qsSlider .ui-slider .ui-slider-handle:focus, #qsSlider .ui-slider .ui-slider-handle:active {
|
||
outline: 0;
|
||
box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, .3);
|
||
text-decoration: none
|
||
}
|
||
#qsSlider .ui-slider .ui-slider-handle:hover:before, #qsSlider .ui-slider .ui-slider-handle:focus:before, #qsSlider .ui-slider .ui-slider-handle:active:before {
|
||
text-shadow: 1px 1px 1px rgba(0, 0, 0, .3)
|
||
}
|
||
#qsSlider .ui-slider .ui-slider-handle {
|
||
cursor: pointer;
|
||
background: white;
|
||
border: 1px solid #ccc;
|
||
width: 25px;
|
||
height: 25px;
|
||
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(0, 0, 0, 0.1)));
|
||
background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.1));
|
||
background-image: -moz-linear-gradient(rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.1));
|
||
background-image: -o-linear-gradient(rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.1));
|
||
background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.1));
|
||
-webkit-box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.3);
|
||
-moz-box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.3);
|
||
box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.3);
|
||
-webkit-border-radius: 20px;
|
||
-moz-border-radius: 20px;
|
||
-ms-border-radius: 20px;
|
||
-o-border-radius: 20px;
|
||
border-radius: 20px;
|
||
}
|
||
#qsSlider .ui-slider .ui-slider-handle:before {
|
||
display: inline-block
|
||
}
|
||
#qsSlider .ui-slider .ui-slider-handle:hover {
|
||
background-color: #fff;
|
||
outline: 0;
|
||
box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, .3);
|
||
text-decoration: none;
|
||
}
|
||
#qsSlider .ui-slider-horizontal {
|
||
height: 15px
|
||
}
|
||
#qsSlider .ui-slider-horizontal .ui-slider-handle {
|
||
margin-left: -.725em;
|
||
top: -.4em
|
||
}
|
||
#qsSlider .ui-slider-vertical {
|
||
width: 10px
|
||
}
|
||
#qsSlider .ui-slider-vertical .ui-slider-handle {
|
||
left: -8px;
|
||
margin-bottom: -9px;
|
||
}
|
||
#qsSlider .ui-slider-handle {
|
||
outline: 0!important;
|
||
border-color: #414141;
|
||
color: #414141;
|
||
}
|
||
#qsSlider .ui-slider-primary .ui-slider-handle, #qsSlider .ui-slider-primary .ui-slider-handle:hover, #qsSlider .ui-slider-primary .ui-slider-handle:focus, #qsSlider .ui-slider-primary .ui-slider-handle:active {
|
||
color: #337ab7
|
||
}
|
||
#qsSlider .ui-slider-primary .ui-slider-range {
|
||
background-color: #337ab7;
|
||
border-radius: 16px;
|
||
}
|
||
#qsSlider .ui-slider-success .ui-slider-handle, #qsSlider .ui-slider-success .ui-slider-handle:hover, #qsSlider .ui-slider-success .ui-slider-handle:focus, #qsSlider .ui-slider-success .ui-slider-handle:active {
|
||
color: #5cb85c;
|
||
}
|
||
#qsSlider .ui-slider-success .ui-slider-range {
|
||
border-radius: 16px;
|
||
}
|
||
#qsSlider .ui-slider-danger .ui-slider-handle, #qsSlider .ui-slider-danger .ui-slider-handle:hover, #qsSlider .ui-slider-danger .ui-slider-handle:focus, #qsSlider .ui-slider-danger .ui-slider-handle:active {
|
||
color: #d9534f
|
||
}
|
||
#qsSlider .ui-slider-danger .ui-slider-range {
|
||
background-color: #d9534f;
|
||
border-radius: 16px;
|
||
}
|
||
#qsSlider .ui-slider-info .ui-slider-handle, #qsSlider .ui-slider-info .ui-slider-handle:hover, #qsSlider .ui-slider-info .ui-slider-handle:focus, #qsSlider .ui-slider-info .ui-slider-handle:active {
|
||
border-color: #5bc0de;
|
||
color: #5bc0de
|
||
}
|
||
#qsSlider .ui-slider-info .ui-slider-range {
|
||
background-color: #5bc0de
|
||
}
|
||
#qsSlider .ui-slider-warning .ui-slider-handle, #qsSlider .ui-slider-warning .ui-slider-handle:hover, #qsSlider .ui-slider-warning .ui-slider-handle:focus, #qsSlider .ui-slider-warning .ui-slider-handle:active {
|
||
border-color: #f0ad4e;
|
||
color: #f0ad4e
|
||
}
|
||
#qsSlider .ui-slider-warning .ui-slider-range {
|
||
background-color: #f0ad4e
|
||
}
|
||
#qsSlider #tooltip {
|
||
display: none;
|
||
position: absolute;
|
||
max-width: 200px;
|
||
z-index: 1070;
|
||
top: -75px
|
||
}
|
||
#qsSlider #tooltip .text {
|
||
padding: 10px 5px;
|
||
display: block;
|
||
background: #000;
|
||
color: #fff;
|
||
font-size: 12px;
|
||
opacity: .8;
|
||
filter: alpha(opacity=80);
|
||
border-left: 5px solid #00b159;
|
||
}
|
||
#qsSlider .cloud-msg {
|
||
background: #303236;
|
||
font-size: 18px;
|
||
font-weight: normal;
|
||
padding: 20px 35px;
|
||
position: relative;
|
||
text-align: center;
|
||
line-height: 25px;
|
||
color: #fff;
|
||
}
|
||
#qsSlider .cloud-msg:after {
|
||
bottom: 100%;
|
||
left: 50%;
|
||
border: solid transparent;
|
||
content: " ";
|
||
height: 0;
|
||
width: 0;
|
||
position: absolute;
|
||
pointer-events: none;
|
||
border-color: rgba(114, 172, 148, 0);
|
||
border-bottom-color: #303236;
|
||
border-width: 10px;
|
||
margin-left: -10px;
|
||
}
|
||
#qsSlider .options {
|
||
font-size: 19px;
|
||
/* margin: 0; */
|
||
padding: 0 0 5px;
|
||
color: #292929;
|
||
font-weight: 600;
|
||
}
|
||
|
||
/* cart ----------------------- */
|
||
.cart-section{
|
||
padding:15px;
|
||
background:#fff;
|
||
border: 1px solid #e4e4e4;
|
||
-webkit-box-shadow: 2px 4px 29px -4px rgba(0,0,0,0.35);
|
||
-moz-box-shadow: 2px 4px 29px -4px rgba(0,0,0,0.35);
|
||
box-shadow: 2px 4px 29px -4px rgba(0,0,0,0.35);
|
||
}
|
||
/* qsSlider ----------------------- */
|
||
#qsSlider .ui-slider-success .ui-slider-range {
|
||
background-color: #5cb85c;
|
||
}
|
||
#qsSlider .ui-slider-range {
|
||
background: #00a63f;
|
||
background: -moz-linear-gradient(left, #00a63f 0%, #FF8C00 100%);
|
||
background: -webkit-linear-gradient(left, #00a63f 0%, #FF8C00 100%);
|
||
background: linear-gradient(to right, #00a63f 0%, #FF8C00 100%);
|
||
filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00a63f', endColorstr='#FF8C00', GradientType=1);
|
||
cursor: pointer;
|
||
border-radius: 16px;
|
||
}
|
||
/* Modal ----------------------- */
|
||
.modal {
|
||
text-align: center;
|
||
padding: 0!important;
|
||
}
|
||
|
||
.modal:before {
|
||
content: '';
|
||
display: inline-block;
|
||
height: 100%;
|
||
vertical-align: middle;
|
||
margin-right: -4px;
|
||
}
|
||
|
||
.modal-dialog {
|
||
display: inline-block;
|
||
text-align: left;
|
||
vertical-align: middle;
|
||
}
|
||
|
||
/* Smart Photo Gallery ----------------------- */
|
||
.smartphoto-nav ul{
|
||
overflow:hidden;
|
||
}
|
||
|
||
/* Form Elements ----------------------- */
|
||
.coupon-code input{
|
||
padding:14px;
|
||
}
|
||
.coupon-code .input-copon{
|
||
padding:13px;
|
||
}
|
||
.coupon-code .btn{
|
||
border-radius:0px 3px 3px 0;
|
||
}
|
||
.checkbox {
|
||
padding-left: 20px;
|
||
}
|
||
.checkbox label {
|
||
display: inline-block;
|
||
vertical-align: middle;
|
||
position: relative;
|
||
padding-left: 5px;
|
||
}
|
||
.checkbox label::before {
|
||
content: "";
|
||
display: inline-block;
|
||
position: absolute;
|
||
width: 17px;
|
||
height: 17px;
|
||
left: 0;
|
||
margin-left: -20px;
|
||
border: 1px solid #cccccc;
|
||
border-radius: 3px;
|
||
background-color: #fff;
|
||
-webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
|
||
-o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
|
||
transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
|
||
}
|
||
.checkbox label::after {
|
||
display: inline-block;
|
||
position: absolute;
|
||
width: 16px;
|
||
height: 16px;
|
||
left: 0;
|
||
top: 0;
|
||
margin-left: -20px;
|
||
padding-left: 3px;
|
||
padding-top: 1px;
|
||
font-size: 11px;
|
||
color: #555555;
|
||
}
|
||
.checkbox input[type="checkbox"], .checkbox input[type="radio"] {
|
||
opacity: 0;
|
||
z-index: 1;
|
||
cursor: pointer;
|
||
}
|
||
.checkbox input[type="checkbox"]:focus+label::before, .checkbox input[type="radio"]:focus+label::before {
|
||
outline: thin dotted;
|
||
outline: 5px auto -webkit-focus-ring-color;
|
||
outline-offset: -2px;
|
||
}
|
||
.checkbox input[type="checkbox"]:checked+label::after, .checkbox input[type="radio"]:checked+label::after {
|
||
font-family: "FontAwesome";
|
||
content: "\f00c";
|
||
}
|
||
.checkbox input[type="checkbox"]:indeterminate+label::after, .checkbox input[type="radio"]:indeterminate+label::after {
|
||
display: block;
|
||
content: "";
|
||
width: 10px;
|
||
height: 3px;
|
||
background-color: #555555;
|
||
border-radius: 2px;
|
||
margin-left: -16.5px;
|
||
margin-top: 7px;
|
||
}
|
||
.checkbox input[type="checkbox"]:disabled, .checkbox input[type="radio"]:disabled {
|
||
cursor: not-allowed;
|
||
}
|
||
.checkbox input[type="checkbox"]:disabled+label, .checkbox input[type="radio"]:disabled+label {
|
||
opacity: 0.65;
|
||
}
|
||
.checkbox input[type="checkbox"]:disabled+label::before, .checkbox input[type="radio"]:disabled+label::before {
|
||
background-color: #eeeeee;
|
||
cursor: not-allowed;
|
||
}
|
||
.checkbox.checkbox-circle label::before {
|
||
border-radius: 50%;
|
||
}
|
||
.checkbox.checkbox-inline {
|
||
margin-top: 0;
|
||
}
|
||
.checkbox-primary input[type="checkbox"]:checked+label::before, .checkbox-primary input[type="radio"]:checked+label::before {
|
||
background-color: #337ab7;
|
||
border-color: #337ab7;
|
||
}
|
||
.checkbox-primary input[type="checkbox"]:checked+label::after, .checkbox-primary input[type="radio"]:checked+label::after {
|
||
color: #fff;
|
||
}
|
||
.checkbox-danger input[type="checkbox"]:checked+label::before, .checkbox-danger input[type="radio"]:checked+label::before {
|
||
background-color: #d9534f;
|
||
border-color: #d9534f;
|
||
}
|
||
.checkbox-danger input[type="checkbox"]:checked+label::after, .checkbox-danger input[type="radio"]:checked+label::after {
|
||
color: #fff;
|
||
}
|
||
.checkbox-info input[type="checkbox"]:checked+label::before, .checkbox-info input[type="radio"]:checked+label::before {
|
||
background-color: #5bc0de;
|
||
border-color: #5bc0de;
|
||
}
|
||
.checkbox-info input[type="checkbox"]:checked+label::after, .checkbox-info input[type="radio"]:checked+label::after {
|
||
color: #fff;
|
||
}
|
||
.checkbox-warning input[type="checkbox"]:checked+label::before, .checkbox-warning input[type="radio"]:checked+label::before {
|
||
background-color: #f0ad4e;
|
||
border-color: #f0ad4e;
|
||
}
|
||
.checkbox-warning input[type="checkbox"]:checked+label::after, .checkbox-warning input[type="radio"]:checked+label::after {
|
||
color: #fff;
|
||
}
|
||
.checkbox-success input[type="checkbox"]:checked+label::before, .checkbox-success input[type="radio"]:checked+label::before {
|
||
background-color: #5cb85c;
|
||
border-color: #5cb85c;
|
||
}
|
||
.checkbox-success input[type="checkbox"]:checked+label::after, .checkbox-success input[type="radio"]:checked+label::after {
|
||
color: #fff;
|
||
}
|
||
.checkbox-primary input[type="checkbox"]:indeterminate+label::before, .checkbox-primary input[type="radio"]:indeterminate+label::before {
|
||
background-color: #337ab7;
|
||
border-color: #337ab7;
|
||
}
|
||
.checkbox-primary input[type="checkbox"]:indeterminate+label::after, .checkbox-primary input[type="radio"]:indeterminate+label::after {
|
||
background-color: #fff;
|
||
}
|
||
.checkbox-danger input[type="checkbox"]:indeterminate+label::before, .checkbox-danger input[type="radio"]:indeterminate+label::before {
|
||
background-color: #d9534f;
|
||
border-color: #d9534f;
|
||
}
|
||
.checkbox-danger input[type="checkbox"]:indeterminate+label::after, .checkbox-danger input[type="radio"]:indeterminate+label::after {
|
||
background-color: #fff;
|
||
}
|
||
.checkbox-info input[type="checkbox"]:indeterminate+label::before, .checkbox-info input[type="radio"]:indeterminate+label::before {
|
||
background-color: #5bc0de;
|
||
border-color: #5bc0de;
|
||
}
|
||
.checkbox-info input[type="checkbox"]:indeterminate+label::after, .checkbox-info input[type="radio"]:indeterminate+label::after {
|
||
background-color: #fff;
|
||
}
|
||
.checkbox-warning input[type="checkbox"]:indeterminate+label::before, .checkbox-warning input[type="radio"]:indeterminate+label::before {
|
||
background-color: #f0ad4e;
|
||
border-color: #f0ad4e;
|
||
}
|
||
.checkbox-warning input[type="checkbox"]:indeterminate+label::after, .checkbox-warning input[type="radio"]:indeterminate+label::after {
|
||
background-color: #fff;
|
||
}
|
||
.checkbox-success input[type="checkbox"]:indeterminate+label::before, .checkbox-success input[type="radio"]:indeterminate+label::before {
|
||
background-color: #5cb85c;
|
||
border-color: #5cb85c;
|
||
}
|
||
.checkbox-success input[type="checkbox"]:indeterminate+label::after, .checkbox-success input[type="radio"]:indeterminate+label::after {
|
||
background-color: #fff;
|
||
}
|
||
.radio {
|
||
padding-left: 20px;
|
||
}
|
||
.radio label {
|
||
display: inline-block;
|
||
vertical-align: middle;
|
||
position: relative;
|
||
padding-left: 5px;
|
||
}
|
||
.radio label::before {
|
||
content: "";
|
||
display: inline-block;
|
||
position: absolute;
|
||
width: 17px;
|
||
height: 17px;
|
||
left: 0;
|
||
margin-left: -20px;
|
||
border: 1px solid #cccccc;
|
||
border-radius: 50%;
|
||
background-color: #fff;
|
||
-webkit-transition: border 0.15s ease-in-out;
|
||
-o-transition: border 0.15s ease-in-out;
|
||
transition: border 0.15s ease-in-out;
|
||
}
|
||
.radio label::after {
|
||
display: inline-block;
|
||
position: absolute;
|
||
content: " ";
|
||
width: 11px;
|
||
height: 11px;
|
||
left: 3px;
|
||
top: 3px;
|
||
margin-left: -20px;
|
||
border-radius: 50%;
|
||
background-color: #555555;
|
||
-webkit-transform: scale(0, 0);
|
||
-ms-transform: scale(0, 0);
|
||
-o-transform: scale(0, 0);
|
||
transform: scale(0, 0);
|
||
-webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
|
||
-moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
|
||
-o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
|
||
transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
|
||
}
|
||
.radio input[type="radio"] {
|
||
opacity: 0;
|
||
z-index: 1;
|
||
cursor: pointer;
|
||
}
|
||
.radio input[type="radio"]:focus+label::before {
|
||
outline: thin dotted;
|
||
outline: 5px auto -webkit-focus-ring-color;
|
||
outline-offset: -2px;
|
||
}
|
||
.radio input[type="radio"]:checked+label::after {
|
||
-webkit-transform: scale(1, 1);
|
||
-ms-transform: scale(1, 1);
|
||
-o-transform: scale(1, 1);
|
||
transform: scale(1, 1);
|
||
}
|
||
.radio input[type="radio"]:disabled {
|
||
cursor: not-allowed;
|
||
}
|
||
.radio input[type="radio"]:disabled+label {
|
||
opacity: 0.65;
|
||
}
|
||
.radio input[type="radio"]:disabled+label::before {
|
||
cursor: not-allowed;
|
||
}
|
||
.radio.radio-inline {
|
||
margin-top: 0;
|
||
}
|
||
.radio-primary input[type="radio"]+label::after {
|
||
background-color: #337ab7;
|
||
}
|
||
.radio-primary input[type="radio"]:checked+label::before {
|
||
border-color: #337ab7;
|
||
}
|
||
.radio-primary input[type="radio"]:checked+label::after {
|
||
background-color: #337ab7;
|
||
}
|
||
.radio-danger input[type="radio"]+label::after {
|
||
background-color: #d9534f;
|
||
}
|
||
.radio-danger input[type="radio"]:checked+label::before {
|
||
border-color: #d9534f;
|
||
}
|
||
.radio-danger input[type="radio"]:checked+label::after {
|
||
background-color: #d9534f;
|
||
}
|
||
.radio-info input[type="radio"]+label::after {
|
||
background-color: #5bc0de;
|
||
}
|
||
.radio-info input[type="radio"]:checked+label::before {
|
||
border-color: #5bc0de;
|
||
}
|
||
.radio-info input[type="radio"]:checked+label::after {
|
||
background-color: #5bc0de;
|
||
}
|
||
.radio-warning input[type="radio"]+label::after {
|
||
background-color: #f0ad4e;
|
||
}
|
||
.radio-warning input[type="radio"]:checked+label::before {
|
||
border-color: #f0ad4e;
|
||
}
|
||
.radio-warning input[type="radio"]:checked+label::after {
|
||
background-color: #f0ad4e;
|
||
}
|
||
.radio-success input[type="radio"]+label::after {
|
||
background-color: #5cb85c;
|
||
}
|
||
.radio-success input[type="radio"]:checked+label::before {
|
||
border-color: #5cb85c;
|
||
}
|
||
.radio-success input[type="radio"]:checked+label::after {
|
||
background-color: #5cb85c;
|
||
}
|
||
input[type="checkbox"].styled:checked+label:after, input[type="radio"].styled:checked+label:after {
|
||
font-family: 'FontAwesome';
|
||
content: "\f00c";
|
||
}
|
||
input[type="checkbox"] .styled:checked+label::before, input[type="radio"] .styled:checked+label::before {
|
||
color: #fff;
|
||
}
|
||
input[type="checkbox"] .styled:checked+label::after, input[type="radio"] .styled:checked+label::after {
|
||
color: #fff;
|
||
}
|
||
|
||
/* Combo Prices ----------------------- */
|
||
|
||
.combo-prices h3 span {
|
||
font-size: 13px;
|
||
display: block;
|
||
}
|
||
.combo-prices p em {
|
||
font-size: 16px;
|
||
}
|
||
|
||
/* Domain Prices ----------------------- */
|
||
|
||
.domain-prices .prices {
|
||
text-align: center;
|
||
}
|
||
.domain-prices .prices h4 {
|
||
background: #1a1a1a;
|
||
padding: 12px 0;
|
||
color: #fff;
|
||
text-transform: uppercase;
|
||
font-size: 26px;
|
||
font-weight: 600;
|
||
position: relative;
|
||
margin: 0px;
|
||
border-radius: 1em 1em 0 0;
|
||
}
|
||
.domain-p-container:hover h4:after {
|
||
content: '';
|
||
position: absolute;
|
||
left: 47%;
|
||
top: 100%;
|
||
width: 0;
|
||
height: 0;
|
||
border-left: 10px solid transparent;
|
||
border-right: 10px solid transparent;
|
||
border-top: 10px solid #00a63f;
|
||
clear: both;
|
||
}
|
||
.domain-p-container:hover h4, .domain-p-container h4.active {
|
||
background: #00a63f;
|
||
position: relative;
|
||
margin: 0px;
|
||
border-radius: 1em 1em 0 0;
|
||
}
|
||
.domain-p-container:hover h4:hover:after, .domain-p-container:hover h4.active:after {
|
||
content: '';
|
||
position: absolute;
|
||
left: 47%;
|
||
top: 100%;
|
||
width: 0;
|
||
height: 0;
|
||
border-left: 10px solid transparent;
|
||
border-right: 10px solid transparent;
|
||
border-top: 10px solid #00a63f;
|
||
clear: both;
|
||
}
|
||
.domain-prices .prices p {
|
||
font-size: 30px;
|
||
line-height: 32px;
|
||
font-weight: 600;
|
||
margin: 0px;
|
||
padding: 30px;
|
||
border-radius: 0 0 3px 3px;
|
||
}
|
||
.domain-prices .prices p small {
|
||
font-size: 16px;
|
||
font-weight: 300;
|
||
}
|
||
.domain-prices .prices p span {
|
||
display: block;
|
||
font-size: 18px;
|
||
font-weight: 600;
|
||
}
|
||
.domain-p-container {
|
||
margin-bottom: 30px;
|
||
-webkit-box-shadow: 2px 4px 29px -4px rgba(0,0,0,0.35);
|
||
-moz-box-shadow: 2px 4px 29px -4px rgba(0,0,0,0.35);
|
||
box-shadow: 2px 4px 29px -4px rgba(0,0,0,0.35);
|
||
border-radius:2em;
|
||
overflow: hidden;
|
||
}
|
||
|
||
|
||
/* Mini Badge ----------------------- */
|
||
|
||
.main-badge {
|
||
line-height: 18px;
|
||
top: -5px;
|
||
left: 5%;
|
||
border-radius:4px !important;
|
||
height: 20px;
|
||
}
|
||
.left-badge-color-1, .left-badge-color-2, .left-badge-color-3 {
|
||
width: auto;
|
||
background: #F62459;
|
||
position: absolute;
|
||
margin-left: 10px;
|
||
-moz-border-radius: 4px;
|
||
-webkit-border-radius: 0px;
|
||
border-radius: 4px;
|
||
font-size: 11px;
|
||
padding:2px 6px;
|
||
text-transform: uppercase;
|
||
color: #fff;
|
||
line-height: 18px;
|
||
}
|
||
.left-badge-color-2 {
|
||
background: #00a63f;
|
||
}
|
||
.left-badge-color-2:before {
|
||
content: "";
|
||
border-right: 5px solid #00a63f;
|
||
}
|
||
.left-badge-color-3 {
|
||
background: #175bb5;
|
||
}
|
||
.left-badge-color-3:before {
|
||
content: "";
|
||
border-right: 5px solid #175bb5;
|
||
}
|
||
.down-badge-color-1, .down-badge-color-2, .down-badge-color-3 {
|
||
width: auto;
|
||
background: #fc496d;
|
||
position: absolute;
|
||
margin-left: 10px;
|
||
-moz-border-radius: 4px;
|
||
-webkit-border-radius: 0px;
|
||
border-radius: 0px 0px 0px 0;
|
||
font-size: 11px;
|
||
padding: 2px 6px;
|
||
text-transform: uppercase;
|
||
color: #fff;
|
||
}
|
||
|
||
.down-badge-color-2 {
|
||
background: #ffba24;
|
||
color: #333;
|
||
}
|
||
.down-badge-color-3 {
|
||
background: #F62459;
|
||
}
|
||
.down-badge-color-3:before {
|
||
content: "";
|
||
border-color: #F62459 transparent transparent;
|
||
}
|
||
|
||
/*list style 1*/
|
||
|
||
ul.list1 {
|
||
list-style: none;
|
||
padding-left: 22px;
|
||
overflow: hidden;
|
||
}
|
||
ul.list1 li {
|
||
position: relative;
|
||
padding: 8px 0 4px;
|
||
line-height: 25px;
|
||
font-size: 16px;
|
||
}
|
||
ul.list1 li:before {
|
||
content: '';
|
||
display: block;
|
||
position: absolute;
|
||
border: 1px solid #00b159;
|
||
left: -19px;
|
||
top: 13px;
|
||
width: 9px;
|
||
height: 9px;
|
||
border-radius: 100%;
|
||
}
|
||
|
||
/*list style 2*/
|
||
|
||
ul.list2 {
|
||
list-style: none;
|
||
padding-left: 22px;
|
||
overflow: hidden;
|
||
}
|
||
ul.list2 li {
|
||
position: relative;
|
||
padding: 8px 0 4px;
|
||
font-size: 16px;
|
||
}
|
||
ul.list2 li:before {
|
||
content: '';
|
||
display: block;
|
||
position: absolute;
|
||
border: 1px solid #00b159;
|
||
left: -19px;
|
||
top: 13px;
|
||
width: 9px;
|
||
height: 9px;
|
||
}
|
||
|
||
/*list style 3*/
|
||
|
||
ul.list3 {
|
||
list-style: none;
|
||
padding-left: 22px;
|
||
padding: 0;
|
||
}
|
||
ul.list3 li {
|
||
padding: 4px 0 4px;
|
||
}
|
||
ul.list3 li i.fa {
|
||
color: #00b159;
|
||
font-size: 16px;
|
||
width: 20px;
|
||
height: 20px;
|
||
line-height: 20px;
|
||
text-align: center;
|
||
margin-right: 4px;
|
||
}
|
||
|
||
/*list style 4*/
|
||
|
||
ul.list4 {
|
||
list-style: none;
|
||
padding-left: 22px;
|
||
padding: 0;
|
||
}
|
||
ul.list4 li {
|
||
padding: 4px 0 4px;
|
||
font-size: 16px;
|
||
}
|
||
ul.list4 li i.fa {
|
||
background: #00b159;
|
||
color: #fff;
|
||
width: 17px;
|
||
height: 17px;
|
||
line-height: 20px;
|
||
text-align: center;
|
||
margin-right: 8px;
|
||
font-size: 11px;
|
||
border-radius: 100%;
|
||
}
|
||
|
||
/*list style 5*/
|
||
|
||
ol.list5 {
|
||
counter-reset: li;
|
||
list-style: none outside none;
|
||
padding: 0;
|
||
overflow: hidden;
|
||
}
|
||
ol.list5 li {
|
||
position: relative;
|
||
padding: 4px 0 4px 34px;
|
||
font-size: 16px;
|
||
}
|
||
ol.list5 li:after {
|
||
content: counter(li, decimal-leading-zero) ".";
|
||
counter-increment: li;
|
||
position: absolute;
|
||
left: 2px;
|
||
top: 50%;
|
||
margin-top: -12px;
|
||
color: #21252b;
|
||
width: 26px;
|
||
height: 26px;
|
||
text-align: center;
|
||
line-height: 26px;
|
||
}
|
||
|
||
/*list style 6*/
|
||
|
||
ol.list6 {
|
||
overflow: hidden;
|
||
}
|
||
ol.list6 li {
|
||
position: relative;
|
||
padding: 4px 0 4px;
|
||
font-size: 16px;
|
||
}
|
||
|
||
/*BOXES STYLE*/
|
||
|
||
.boxes {
|
||
border: 1px solid #dde1e1;
|
||
padding: 30px 15px;
|
||
}
|
||
.boxes:first-child h2, .boxes:first-child h1, .boxes:first-child h3 {
|
||
margin-top: 0px;
|
||
}
|
||
.boxes p:last-child {
|
||
margin-bottom: 0px;
|
||
padding-bottom: 0px;
|
||
}
|
||
.boxes-border-top {
|
||
border-top: 5px solid #00a63f;
|
||
}
|
||
.boxes-border-left {
|
||
border-left: px solid #01c1c1;
|
||
}
|
||
.boxes.border-dotted {
|
||
border: 1px dotted #dde1e1;
|
||
}
|
||
.boxes.border-dotted-2 {
|
||
border: 2px dotted #dde1e1;
|
||
}
|
||
.boxes.border-dotted-3 {
|
||
border: px dotted #dde1e1;
|
||
}
|
||
.boxes.border-dashed {
|
||
border: 1px dashed #dde1e1;
|
||
}
|
||
.boxes.border-dashed-2 {
|
||
border: 2px dashed #dde1e1;
|
||
}
|
||
.boxes.border-dashed-3 {
|
||
border: 3px dashed #dde1e1;
|
||
}
|
||
|
||
/*MARGINS*/
|
||
|
||
.margin-0 {
|
||
margin: 0px;
|
||
}
|
||
.margin-5 {
|
||
margin: 5px;
|
||
}
|
||
.margin-10 {
|
||
margin: 10px;
|
||
}
|
||
.margin-15 {
|
||
margin: 15px;
|
||
}
|
||
.margin-20 {
|
||
margin: 20px;
|
||
}
|
||
.margin-25 {
|
||
margin: 25px;
|
||
}
|
||
.margin-30 {
|
||
margin: 30px;
|
||
}
|
||
.margin-35 {
|
||
margin: 35px;
|
||
}
|
||
.margin-40 {
|
||
margin: 40px;
|
||
}
|
||
.margin-45 {
|
||
margin: 45px;
|
||
}
|
||
|
||
/*margins-top*/
|
||
|
||
.margin-top-0 {
|
||
margin-top: 0px;
|
||
}
|
||
.margin-top-5 {
|
||
margin-top: 5px;
|
||
}
|
||
.margin-top-10 {
|
||
margin-top: 10px;
|
||
}
|
||
.margin-top-15 {
|
||
margin-top: 15px;
|
||
}
|
||
.margin-top-20 {
|
||
margin-top: 20px;
|
||
}
|
||
.margin-top-25 {
|
||
margin-top: 25px;
|
||
}
|
||
.margin-top-30 {
|
||
margin-top: 30px;
|
||
}
|
||
.margin-top-35 {
|
||
margin-top: 35px;
|
||
}
|
||
.margin-top-40 {
|
||
margin-top: 40px;
|
||
}
|
||
.margin-top-45 {
|
||
margin-top: 45px;
|
||
}
|
||
|
||
/*margins-left*/
|
||
|
||
.margin-left-5 {
|
||
margin-left: 5px;
|
||
}
|
||
.margin-left-10 {
|
||
margin-left: 10px;
|
||
}
|
||
.margin-left-15 {
|
||
margin-left: 15px;
|
||
}
|
||
.margin-left-20 {
|
||
margin-left: 20px;
|
||
}
|
||
.margin-left-25 {
|
||
margin-left: 25px;
|
||
}
|
||
.margin-left-30 {
|
||
margin-left: 30px;
|
||
}
|
||
.margin-left-35 {
|
||
margin-left: 35px;
|
||
}
|
||
.margin-left-40 {
|
||
margin-left: 40px;
|
||
}
|
||
.margin-left-45 {
|
||
margin-left: 45px;
|
||
}
|
||
|
||
/*margins-bottom*/
|
||
|
||
.margin-bottom-0 {
|
||
margin-bottom: 0px !important;
|
||
}
|
||
.margin-bottom-5 {
|
||
margin-bottom: 5px;
|
||
}
|
||
.margin-bottom-10 {
|
||
margin-bottom: 10px;
|
||
}
|
||
.margin-bottom-15 {
|
||
margin-bottom: 15px;
|
||
}
|
||
.margin-bottom-20 {
|
||
margin-bottom: 20px;
|
||
}
|
||
.margin-bottom-25 {
|
||
margin-bottom: 25px;
|
||
}
|
||
.margin-bottom-30 {
|
||
margin-bottom: 30px;
|
||
}
|
||
.margin-bottom-35 {
|
||
margin-bottom: 35px;
|
||
}
|
||
.margin-bottom-40 {
|
||
margin-bottom: 40px;
|
||
}
|
||
.margin-bottom-45 {
|
||
margin-bottom: 45px;
|
||
}
|
||
|
||
/*margins-right*/
|
||
|
||
.margin-right-5 {
|
||
margin-right: 5px;
|
||
}
|
||
.margin-right-10 {
|
||
margin-right: 10px;
|
||
}
|
||
.margin-right-15 {
|
||
margin-right: 15px;
|
||
}
|
||
.margin-right-20 {
|
||
margin-right: 20px;
|
||
}
|
||
.margin-right-25 {
|
||
margin-right: 25px;
|
||
}
|
||
.margin-right-30 {
|
||
margin-right: 30px;
|
||
}
|
||
.margin-right-35 {
|
||
margin-right: 35px;
|
||
}
|
||
.margin-right-40 {
|
||
margin-right: 40px;
|
||
}
|
||
.margin-right-45 {
|
||
margin-right: 45px;
|
||
}
|
||
|
||
/*PROGRESS BAR*/
|
||
|
||
.progress {
|
||
-webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0);
|
||
box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0);
|
||
border-radius: 4px;
|
||
background: #e7e9e9;
|
||
border-radius: 16px;
|
||
}
|
||
.progress-bar {
|
||
background: #00a63f;
|
||
font-size: 16px;
|
||
color: #fff;
|
||
-webkit-box-shadow: inset 0 0px 0 rgba(0, 0, 0, 0);
|
||
box-shadow: inset 0 0px 0 rgba(0, 0, 0, 0);
|
||
border-radius: 16px;
|
||
}
|
||
.skills-name {
|
||
margin-left: 15px;
|
||
}
|
||
.skills-percentage {
|
||
margin-right: 15px;
|
||
}
|
||
|
||
/*style 1*/
|
||
|
||
.progress.progress-style1 {
|
||
border-radius: 0px;
|
||
border-radius: 16px;
|
||
}
|
||
.progress.progress-style1 .progress-bar {
|
||
border-radius: 16px;
|
||
background: #1a1a1a;
|
||
}
|
||
|
||
/*style 2*/
|
||
|
||
.progress.progress-style2 {
|
||
height: 30px;
|
||
line-height: 30px;
|
||
}
|
||
.progress.progress-style2 .progress-bar {
|
||
height: 30px;
|
||
line-height: 30px;
|
||
background: #1a1a1a;
|
||
}
|
||
.progress.progress-style3 {
|
||
height: 30px;
|
||
line-height: 30px;
|
||
border-radius: 0px;
|
||
border-radius: 16px;
|
||
}
|
||
.progress.progress-style3 .progress-bar {
|
||
height: 30px;
|
||
line-height: 30px;
|
||
border-radius: 16px;
|
||
}
|
||
|
||
/*single_box Icons*/
|
||
|
||
.single_box {
|
||
-webkit-transition: all 0.2s ease;
|
||
-moz-transition: all 0.2s ease;
|
||
-o-transition: all 0.2s ease;
|
||
-ms-transition: all 0.2s ease;
|
||
transition: all 0.2s ease;
|
||
text-align: center;
|
||
padding: 30px;
|
||
}
|
||
.single_box:hover {}
|
||
.single_box img {
|
||
border-radius: 100%;
|
||
-webkit-transition: all 0.3s ease-in-out;
|
||
-moz-transition: all 0.3s ease-in-out;
|
||
-o-transition: all 0.3s ease-in-out;
|
||
-ms-transition: all 0.3s ease-in-out;
|
||
transition: all 0.3s ease-in-out;
|
||
}
|
||
.single_box [class^="fa"] {
|
||
font-size: 40px;
|
||
}
|
||
.single_box.style1 {
|
||
padding: 0 0 30px;
|
||
}
|
||
.single_box.style1 [class^="fa"] {
|
||
font-size: 48px;
|
||
line-height: 60px;
|
||
display: inline-block;
|
||
width: 60px;
|
||
height: 60px;
|
||
margin-bottom: 7px;
|
||
-webkit-transition: all 0.2s ease;
|
||
-moz-transition: all 0.2s ease;
|
||
-o-transition: all 0.2s ease;
|
||
-ms-transition: all 0.2s ease;
|
||
transition: all 0.2s ease;
|
||
}
|
||
.single_box.style1:hover [class^="fa"] {
|
||
color: #21252b;
|
||
}
|
||
.single_box.style1 p.introtext {
|
||
margin-bottom: 0;
|
||
}
|
||
.single_box h3 {
|
||
font-size: 24px;
|
||
margin: 10px 0 14px;
|
||
}
|
||
.single_box h3 a {
|
||
color: inherit;
|
||
}
|
||
.single_box h3 a:hover {
|
||
color: #e16657;
|
||
}
|
||
.single_box p.introtext {
|
||
margin: 10px 0 30px;
|
||
}
|
||
|
||
/*CAROUSEL*/
|
||
|
||
|
||
/*owl style*/
|
||
|
||
.owl-theme .owl-controls {
|
||
margin-top: 10px;
|
||
text-align: center;
|
||
}
|
||
.owl-theme .owl-controls .owl-buttons div {
|
||
color: #fff;
|
||
display: inline-block;
|
||
zoom: 1;
|
||
margin: 5px;
|
||
padding: 15px 13px;
|
||
border-radius: 4px;
|
||
font-size: 16px;
|
||
background: #21252b;
|
||
filter: Alpha(Opacity=70);
|
||
opacity: 0.7;
|
||
}
|
||
.owl-theme .owl-controls.clickable .owl-buttons div:hover {
|
||
filter: Alpha(Opacity=100);
|
||
/*IE7 fix*/
|
||
opacity: 1;
|
||
text-decoration: none;
|
||
}
|
||
.owl-theme .owl-controls .owl-page {
|
||
display: inline-block;
|
||
zoom: 1;
|
||
*display: inline;
|
||
/*IE7 life-saver */
|
||
}
|
||
.owl-theme .owl-controls .owl-page span {
|
||
display: block;
|
||
width: 13px;
|
||
height: 13px;
|
||
margin: 5px 5px;
|
||
-webkit-border-radius: 20px;
|
||
-moz-border-radius: 20px;
|
||
border-radius: 20px;
|
||
background: #21252b;
|
||
filter: Alpha(Opacity=70);
|
||
opacity: 0.7;
|
||
}
|
||
.owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span {
|
||
filter: Alpha(Opacity=100);
|
||
/*IE7 fix*/
|
||
opacity: 1;
|
||
}
|
||
.owl-theme .owl-controls .owl-page span.owl-numbers {
|
||
height: auto;
|
||
width: auto;
|
||
color: #FFF;
|
||
padding: 2px 10px;
|
||
font-size: 12px;
|
||
-webkit-border-radius: 30px;
|
||
-moz-border-radius: 30px;
|
||
border-radius: 30px;
|
||
}
|
||
.owl-item.loading {
|
||
min-height: 150px;
|
||
background: url(AjaxLoader.gif) no-repeat center center;
|
||
}
|
||
.owl-item-1 .owl-controls .owl-buttons div.owl-prev {
|
||
position: absolute;
|
||
top: 45%;
|
||
left: 10px;
|
||
}
|
||
.owl-item-1 .owl-controls .owl-buttons div.owl-next {
|
||
position: absolute;
|
||
top: 45%;
|
||
right: 10px;
|
||
}
|
||
|
||
/*search*/
|
||
|
||
.error h1 {
|
||
font-size: 80px;
|
||
font-weight: 600;
|
||
color: #1a1a1a;
|
||
text-align: center;
|
||
}
|
||
.big-title h1 {
|
||
font-size: 80px;
|
||
font-weight: 600;
|
||
color: #1a1a1a;
|
||
text-align: center;
|
||
}
|
||
.widget.search .input-group-addon {
|
||
border-radius: 0px 3px 3px 0;
|
||
border: none;
|
||
color: #fff;
|
||
cursor: pointer;
|
||
padding: 6px 22px;
|
||
background: #00a63f;
|
||
-webkit-box-shadow: 1px 4px 28px -5px rgba(0, 166, 63,1);
|
||
-moz-box-shadow: 1px 4px 28px -5px rgba(0, 166, 63,1);
|
||
box-shadow: 1px 4px 28px -5px rgba(0, 166, 63,1);
|
||
}
|
||
.widget.search {}
|
||
|
||
/*Service Icons*/
|
||
|
||
.service-icon {
|
||
margin:0px auto;
|
||
display: block;
|
||
text-align: center;
|
||
transition: all .3s;
|
||
}
|
||
.service-icon:hover {
|
||
transform: scale(1.1, 1.1);
|
||
color: #00a63f;
|
||
}
|
||
.service-icon i {
|
||
display: block;
|
||
}
|
||
.service-text {
|
||
width: 100%;
|
||
margin-top: 15px;
|
||
display: block;
|
||
font-size: 16px;
|
||
font-family: 'Nunito', sans-serif;
|
||
}
|
||
|
||
/* Icons */
|
||
|
||
.fa.circle-icon {
|
||
padding: 16px 19px;
|
||
font-size: 32px;
|
||
color: #fff;
|
||
border-radius: 50%;
|
||
width: 80px;
|
||
height: 80px;
|
||
vertical-align: middle;
|
||
line-height: 50px;
|
||
text-align: center;
|
||
}
|
||
.fa.square-icon {
|
||
padding: 16px 19px;
|
||
font-size: 32px;
|
||
color: #fff;
|
||
width: 80px;
|
||
height: 80px;
|
||
vertical-align: middle;
|
||
line-height: 50px;
|
||
text-align: center;
|
||
}
|
||
.fa.square-border-icon {
|
||
padding: 16px 19px;
|
||
font-size: 32px;
|
||
color: #00a63f;
|
||
border: 2px solid #00a63f;
|
||
width: 80px;
|
||
height: 80px;
|
||
vertical-align: middle;
|
||
line-height: 49px;
|
||
text-align: center;
|
||
border-radius: 0.5em;
|
||
-webkit-box-shadow: 1px 4px 28px -5px rgba(0, 166, 63,1);
|
||
-moz-box-shadow: 1px 4px 28px -5px rgba(0, 166, 63,1);
|
||
box-shadow: 1px 4px 28px -5px rgba(0, 166, 63,1);
|
||
|
||
}
|
||
.fa.square-border-icon-fill {
|
||
padding: 16px 19px;
|
||
font-size: 32px;
|
||
color: #fff;
|
||
border: 2px solid #00a63f;
|
||
width: 80px;
|
||
height: 80px;
|
||
vertical-align: middle;
|
||
line-height: 46px;
|
||
text-align: center;
|
||
border-radius: 3px;
|
||
}
|
||
.fa.border-icon {
|
||
background: transparent;
|
||
padding: 19px;
|
||
font-size: 32px;
|
||
color: #00a63f;
|
||
border-radius: 50%;
|
||
border: 2px solid #00a63f;
|
||
width: 80px;
|
||
height: 80px;
|
||
vertical-align: middle;
|
||
line-height: 41px;
|
||
text-align: center;
|
||
}
|
||
.fa.fa-cog.rotate-icon {
|
||
background: #00a63f;
|
||
padding: 16px 18px;
|
||
font-size: 32px;
|
||
color: #fff;
|
||
border-radius: 50%;
|
||
width: 80px;
|
||
height: 80px;
|
||
vertical-align: middle;
|
||
line-height: 49px;
|
||
text-align: center;
|
||
}
|
||
|
||
/* Alerts */
|
||
|
||
.alert-success {
|
||
background: #e9ffd9;
|
||
border: 1px solid #d1fab6;
|
||
border-radius: 0px;
|
||
}
|
||
.alert-info {
|
||
background: #d9edf7;
|
||
color: #31708f;
|
||
border: 0px;
|
||
border-radius: 0px;
|
||
}
|
||
.alert-warning {
|
||
background: #fcf8e3;
|
||
color: #8a6d3b;
|
||
border: 0px;
|
||
border-radius: 0px;
|
||
}
|
||
.alert-danger {
|
||
background: #f2dede;
|
||
color: #a94442;
|
||
border: 0px;
|
||
border-radius: 0px;
|
||
}
|
||
.custom-alert {
|
||
padding: 20px 15px;
|
||
box-shadow: 0 8px 25px rgba(0, 0, 0, 0.12);
|
||
margin: 20px 0;
|
||
border-radius: 3px;
|
||
}
|
||
.custom-alert p {
|
||
margin-top: 0px !important;
|
||
}
|
||
.elements {
|
||
background: #fff;
|
||
overflow: hidden;
|
||
}
|
||
h2.elements {
|
||
font-weight: 300;
|
||
margin: 30px 0;
|
||
font-size: 29px;
|
||
text-align: center;
|
||
border-bottom: 7px solid #ededed;
|
||
padding-bottom: 12px;
|
||
}
|
||
.elements p {
|
||
font-size: 16px;
|
||
font-weight: 300;
|
||
margin: 18px 0 0;
|
||
}
|
||
.accordion-example .panel {
|
||
box-shadow: 0;
|
||
/*box-shadow: 0 2px 2px #ddd;
|
||
-webkit-box-shadow: 1px 4px 28px -5px rgba(0, 166, 63,1);
|
||
-moz-box-shadow: 1px 4px 28px -5px rgba(0, 166, 63,1);
|
||
box-shadow: 1px 4px 28px -5px rgba(0, 166, 63,1);*/
|
||
}
|
||
.accordion-example .panel-heading {
|
||
border: 0;
|
||
box-shadow: 0;
|
||
background: #F2F2F2;
|
||
color: #6E6E6E;
|
||
border-radius: 3px 3px 0 0;
|
||
padding: 0px;
|
||
}
|
||
.accordion-example.panel-heading h4.panel-title {
|
||
font-size: 16px;
|
||
font-weight: normal;
|
||
line-height: 1.3
|
||
}
|
||
.accordion-example .panel-body {
|
||
padding: 15px;
|
||
margin: 0;
|
||
}
|
||
.accordion-example .panel-body p {
|
||
text-align: left;
|
||
font-size: 16px;
|
||
padding: 0;
|
||
margin: 0;
|
||
}
|
||
.buttons-example {
|
||
display: table;
|
||
margin: 0 auto;
|
||
}
|
||
.elements .btn {
|
||
margin-bottom: 12px;
|
||
margin: 0;
|
||
border-radius: 3px;
|
||
}
|
||
.btn-lg, .btn-group-lg>.btn {
|
||
padding: 10px 26px !important;
|
||
font-size: 18px !important;
|
||
line-height: 1.3333333 !important;
|
||
}
|
||
.btn-sm{
|
||
padding: 5px 10px !important;
|
||
font-size: 12px !important;
|
||
line-height: 1.5;
|
||
border-radius: 3px;
|
||
}
|
||
.btn {
|
||
text-shadow: none;
|
||
border-radius: 2em;
|
||
padding:6px 22px;
|
||
transition: all .3s;
|
||
position: relative;
|
||
overflow: hidden;
|
||
font-size:16px;
|
||
}
|
||
.btn:hover {
|
||
opacity: 1;
|
||
box-shadow: 0px 1px 25px -1px rgba(248,248,255, .2);
|
||
}
|
||
.btn:hover:after {
|
||
-webkit-transition: .7s linear;
|
||
transition: .7s linear;
|
||
background-position: 150% 0;
|
||
}
|
||
.btn:after {
|
||
position: absolute;
|
||
top: 0;
|
||
left: 0;
|
||
width: 110%;
|
||
height: 100%;
|
||
content: '';
|
||
-webkit-transform: skewX(-50deg);
|
||
transform: skewX(-50deg);
|
||
background: -webkit-linear-gradient(right, rgba(248,248,255, .2), rgba(248,248,255, .2), rgba(248,248,255, .2)) no-repeat -2em 0;
|
||
background: linear-gradient(to left, rgba(248,248,255, .2), rgba(248,248,255, .2), rgba(248,248,255, .2)) no-repeat -2em 0;
|
||
background-size: 1em 100%;
|
||
}
|
||
.btn.no-radius {
|
||
border-radius: 0
|
||
}
|
||
a.btn{
|
||
background:#dddddd;
|
||
}
|
||
|
||
|
||
.btn.btn-default {
|
||
background: #fff;
|
||
border:1px solid #bebdbd;
|
||
}
|
||
.btn.btn-default a {
|
||
display: block;
|
||
}
|
||
.btn.btn-default:hover, .btn.btn-default:focus, .btn.btn-default:active {
|
||
border:1px solid #00a63f;
|
||
}
|
||
.btn.btn-primary {
|
||
background: #00a63f;
|
||
border: 1px solid #00a63f;
|
||
color: #fff;
|
||
-webkit-box-shadow: 1px 4px 28px -5px rgba(0, 166, 63,1);
|
||
-moz-box-shadow: 1px 4px 28px -5px rgba(0, 166, 63,1);
|
||
box-shadow: 1px 4px 28px -5px rgba(0, 166, 63,1);
|
||
|
||
}
|
||
.btn.btn-primary:hover, .btn.btn-primary:focus, .btn.btn-primary:active {
|
||
color: #fff;
|
||
background: #00a63f;
|
||
border: 1px solid #00a63f;
|
||
}
|
||
.btn.btn-info {
|
||
background: #59ABE3;
|
||
}
|
||
.btn.btn-success {
|
||
background: #5cb85c;
|
||
-webkit-box-shadow: 1px 4px 28px -5px rgba(0, 166, 63,1);
|
||
-moz-box-shadow: 1px 4px 28px -5px rgba(0, 166, 63,1);
|
||
box-shadow: 1px 4px 28px -5px rgba(0, 166, 63,1);
|
||
|
||
}
|
||
.btn.btn-border {
|
||
border: 1px solid #4cae4c;
|
||
color: #fff;
|
||
}
|
||
.btn.btn-success:hover, .btn.btn-success:active {
|
||
background: #449d44;
|
||
}
|
||
.btn.btn-warning {
|
||
background: #E67E22;
|
||
}
|
||
.btn.btn-warning:hover, .btn.btn-warning:active {
|
||
background: #f28f37;
|
||
}
|
||
|
||
.btn.btn-danger {
|
||
background: #d9534f;
|
||
}
|
||
.btn.btn-danger:hover, .btn.btn-danger:active {
|
||
background: #c9302c;
|
||
}
|
||
.btn-new {
|
||
background: #00a63f !important;
|
||
color:#fff;
|
||
border:1px solid #00a63f;
|
||
-webkit-box-shadow: 1px 4px 15px -5px rgba(0, 166, 63,1);
|
||
-moz-box-shadow: 1px 4px 15px -5px rgba(0, 166, 63,1);
|
||
box-shadow: 1px 4px 15px -5px rgba(0, 166, 63,1);
|
||
}
|
||
.btn-new:hover, .btn-new:active,.btn-new:focus {
|
||
background: #00a63f !important;
|
||
color:#fff;
|
||
}
|
||
|
||
#carousel-example .item {
|
||
margin: 1px;
|
||
}
|
||
#carousel-example .item img {
|
||
display: block;
|
||
width: 100%;
|
||
height: auto;
|
||
}
|
||
.counters p {
|
||
font-size: 16px;
|
||
font-weight: 300;
|
||
margin: 0 auto;
|
||
text-align: center;
|
||
}
|
||
.counters span {
|
||
display: block;
|
||
font-size: 18px;
|
||
font-weight: 300;
|
||
text-align: center;
|
||
}
|
||
.counters .circle-text {
|
||
color: #807e7e;
|
||
font-weight: 900;
|
||
}
|
||
.elements h5.badge {
|
||
font-size: 18px;
|
||
padding: 9px 20px;
|
||
background: #fd7140;
|
||
display: table;
|
||
margin: 0 auto;
|
||
margin-top: 40px;
|
||
margin-bottom: 30px;
|
||
border-radius: 0px;
|
||
}
|
||
.pricingtables.default {
|
||
background: #fff;
|
||
}
|
||
.pricingtables.default .panel-heading {
|
||
background: transparent;
|
||
}
|
||
.pricingtables.default .panel-heading h3 {
|
||
color: #1a1a1a;
|
||
font-size: 21px;
|
||
font-weight: 400;
|
||
margin: 0;
|
||
padding: 20px 0;
|
||
}
|
||
|
||
/* ==============================
|
||
14 = Blog
|
||
============================== */
|
||
|
||
.post-meta {
|
||
display: table;
|
||
width: 100%;
|
||
height: 100%;
|
||
margin-top: 20px;
|
||
margin-bottom: 20px;
|
||
}
|
||
.post-meta .date, .post-meta .comments {
|
||
display: table-cell;
|
||
vertical-align: middle;
|
||
width: 50%;
|
||
padding: 0;
|
||
background-color: #222;
|
||
color: #fff;
|
||
text-align: center;
|
||
text-transform: uppercase;
|
||
font-size: 12px;
|
||
overflow: hidden;
|
||
}
|
||
.post-meta .date, .post-meta .comments {
|
||
display: table-cell;
|
||
vertical-align: middle;
|
||
width: 50%;
|
||
padding: 0;
|
||
background-color: #222;
|
||
color: #fff;
|
||
text-align: center;
|
||
text-transform: uppercase;
|
||
font-size: 12px;
|
||
overflow: hidden;
|
||
}
|
||
.post-meta {
|
||
display: table;
|
||
width: 100%;
|
||
height: 100%;
|
||
margin-top: 20px;
|
||
margin-bottom: 20px;
|
||
}
|
||
.blog .post-meta .date, .blog .post-meta .comments {
|
||
float: none;
|
||
display: table-cell;
|
||
vertical-align: middle;
|
||
width: 50%;
|
||
color: #1a1a1a;
|
||
background-color: #e9e9e9;
|
||
text-align: center;
|
||
text-transform: uppercase;
|
||
font-size: 16px;
|
||
overflow: hidden;
|
||
border-radius:2em;
|
||
}
|
||
.blog .post-meta .comments {
|
||
background-color: #00a63f;
|
||
border-radius:2em;
|
||
}
|
||
.blog .post-meta .comments a {
|
||
color: #fff;
|
||
}
|
||
.blog .post-meta .date a {
|
||
color: #303030;
|
||
}
|
||
.blog article {
|
||
background: #fff;
|
||
border-radius: 6px;
|
||
}
|
||
.blog.single article {
|
||
margin-bottom: 40px;
|
||
}
|
||
.blog article .post-content {
|
||
padding: 25px;
|
||
border: 1px solid #e4e4e4;
|
||
-webkit-box-shadow: 2px 4px 29px -4px rgba(0,0,0,0.35);
|
||
-moz-box-shadow: 2px 4px 29px -4px rgba(0,0,0,0.35);
|
||
box-shadow: 2px 4px 29px -4px rgba(0,0,0,0.35);
|
||
}
|
||
.blog article .post-content h2 {
|
||
font-size: 32px;
|
||
}
|
||
.blog article .post-content h2 a {
|
||
color: #00a63f;
|
||
font-weight: 600;
|
||
text-transform: uppercase;
|
||
margin-bottom: 40px;
|
||
display: block;
|
||
}
|
||
.blog article .post-content h2 {
|
||
color: #6E6E6E;
|
||
font-weight: 600;
|
||
text-transform: uppercase;
|
||
font-size: 28px;
|
||
margin-bottom: 40px;
|
||
display: block;
|
||
}
|
||
.blog article .post-content hr {
|
||
border: solid #fd7140;
|
||
border-width: 1px 0 0;
|
||
clear: both;
|
||
height: 0;
|
||
margin-top: 27px;
|
||
margin-bottom: 27px;
|
||
max-width: 70px;
|
||
}
|
||
.blog article .post-content .thedate {
|
||
color: #abaaaa;
|
||
font-size: 19px;
|
||
font-weight: 300;
|
||
}
|
||
.blog article .post-content p {
|
||
font-size: 16px;
|
||
font-weight: 400;
|
||
line-height: 30px;
|
||
}
|
||
.blog article .post-content ul li {
|
||
font-size: 16px;
|
||
font-weight: 300;
|
||
}
|
||
.blog article .post-content blockquote {
|
||
border-left-color: #00a63f;
|
||
font-size: 16px;
|
||
font-weight: 300;
|
||
}
|
||
.blog article .post-content .button {
|
||
color: #fff;
|
||
display: inline-block;
|
||
font-size: 16px;
|
||
padding: 15px 20px;
|
||
background: #00a63f;
|
||
border-radius: 2em;
|
||
text-decoration: none;
|
||
-webkit-box-shadow: 1px 4px 28px -5px rgba(0, 166, 63,1);
|
||
-moz-box-shadow: 1px 4px 28px -5px rgba(0, 166, 63,1);
|
||
box-shadow: 1px 4px 28px -5px rgba(0, 166, 63,1);
|
||
|
||
}
|
||
.blog article .post-content .button:hover {
|
||
background: #00a63f;
|
||
}
|
||
.blog .sidebar {
|
||
border-radius: 0px;
|
||
padding:15px;
|
||
-webkit-box-shadow: 2px 4px 29px -4px rgba(0,0,0,0.35);
|
||
-moz-box-shadow: 2px 4px 29px -4px rgba(0,0,0,0.35);
|
||
box-shadow: 2px 4px 29px -4px rgba(0,0,0,0.35);
|
||
background:#fff;
|
||
}
|
||
.blog .sidebar .widget:last-child {
|
||
margin-bottom: 0px;
|
||
}
|
||
.blog .sidebar .widget h3.badge {
|
||
border-radius: 0px;
|
||
padding: 12px 0;
|
||
display: block;
|
||
font-size: 16px;
|
||
text-align: left;
|
||
background: transparent;
|
||
color: #00a63f;
|
||
margin: 0px;
|
||
}
|
||
.blog .sidebar .widget h3.badge:first-child {
|
||
margin-top: 0px;
|
||
padding-top: 0px;
|
||
}
|
||
.blog .sidebar .widget ul {
|
||
padding: 0;
|
||
margin: 0;
|
||
list-style: none;
|
||
border: 1px solid #e6e6e6;
|
||
}
|
||
.blog .sidebar .widget ul li {
|
||
padding: 9px 6px;
|
||
font-size: 16px;
|
||
font-weight: 300;
|
||
border-bottom: 1px solid #EDEDED;
|
||
background: #fff;
|
||
}
|
||
.blog .sidebar .widget ul li span.badge {
|
||
float: right;
|
||
margin-top: 2px;
|
||
border: 1px solid #00a63f;
|
||
background: transparent;
|
||
color: #1a1a1a;
|
||
font-weight: 300;
|
||
}
|
||
.blog .sidebar .widget ul li a {
|
||
color: #6E6E6E;
|
||
}
|
||
.blog .sidebar .widget ul li a:hover {
|
||
color: #00a63f;
|
||
}
|
||
.blog .sidebar .widget .blogsearch input[type="text"].form-control {
|
||
border: 0;
|
||
box-shadow: none;
|
||
border-radius: 3px;
|
||
font-size: 16px;
|
||
height: 45px;
|
||
padding: 5px 15px;
|
||
width: 100%;
|
||
border: 1px solid #e6e6e6;
|
||
}
|
||
.tagcloud {
|
||
overflow: hidden;
|
||
}
|
||
.tagcloud a {
|
||
border: 1px solid #00a63f;
|
||
color: #1a1a1a;
|
||
display: block;
|
||
float: left;
|
||
font-size: 16px;
|
||
margin: 0 6px 6px 0;
|
||
padding: 5px 7px;
|
||
position: relative;
|
||
border-radius: 2em;
|
||
}
|
||
.tagcloud a:hover {
|
||
background: #00a63f;
|
||
color: #fff;
|
||
}
|
||
.blog nav ul.pagination li {
|
||
font-size: 16px;
|
||
}
|
||
.blog nav ul.pagination li a {
|
||
color: #6e6e6e;
|
||
padding: 10px 18px 9px;
|
||
border-radius: 3px;
|
||
margin: 1px;
|
||
}
|
||
.blog nav ul.pagination li a.active, .blog nav ul.pagination li a.active:hover {
|
||
background: #00a63f;
|
||
color: #fff;
|
||
border-color: #00a63f;
|
||
-webkit-box-shadow: 1px 4px 28px -5px rgba(0, 166, 63,1);
|
||
-moz-box-shadow: 1px 4px 28px -5px rgba(0, 166, 63,1);
|
||
box-shadow: 1px 4px 28px -5px rgba(0, 166, 63,1);
|
||
}
|
||
.blog nav ul.pagination li a:hover {
|
||
background: #f5f5f5;
|
||
color: #1a1a1a;
|
||
}
|
||
|
||
/* Author box */
|
||
|
||
.author-wrap {
|
||
position: relative;
|
||
overflow: hidden;
|
||
border-radius: 6px;
|
||
margin-bottom: 50px;
|
||
}
|
||
.author-gravatar {
|
||
margin: 0;
|
||
line-height: 1;
|
||
}
|
||
.author-gravatar img {
|
||
border: 0;
|
||
border-radius: 50%;
|
||
-webkit-border-radius: 50%;
|
||
-moz-border-radius: 50%;
|
||
}
|
||
.author-title {
|
||
color: #6E6E6E;
|
||
display: block;
|
||
line-height: 1.5;
|
||
margin: 0 0 15px;
|
||
padding: 0 0 10px;
|
||
border-bottom: 1px solid #00a63f;
|
||
}
|
||
.author-title h6 {
|
||
padding: 0;
|
||
margin: 0 0 6px;
|
||
font-size: 19px;
|
||
font-weight: 700;
|
||
color: #00a63f;
|
||
}
|
||
.author-description {
|
||
display: block;
|
||
margin: 0 0 5px;
|
||
}
|
||
.author-description p {
|
||
margin: 0;
|
||
font-size: 16px;
|
||
font-weight: 300;
|
||
}
|
||
|
||
/* Comments */
|
||
|
||
.comments, #addcomments {
|
||
border-radius: 6px;
|
||
}
|
||
#thecomments {
|
||
margin-top: 0;
|
||
}
|
||
#thecomments h2 {
|
||
font-size: 25px;
|
||
}
|
||
#addcomments {
|
||
margin-top: 0;
|
||
}
|
||
|
||
/* Comments List */
|
||
|
||
ol.commentlist {
|
||
margin: 0;
|
||
padding: 0 20px;
|
||
}
|
||
.commentlist .comment-body {
|
||
padding: 0;
|
||
margin: 0;
|
||
position: relative;
|
||
border-top: 0;
|
||
}
|
||
.comment-body a:hover {
|
||
text-decoration: underline;
|
||
}
|
||
.comment-body a.comment-reply-link {
|
||
background: #00a63f;
|
||
margin: 0;
|
||
text-decoration: none;
|
||
color: #fff;
|
||
padding: 3px 8px 4px;
|
||
font-size: 11px;
|
||
border: 0;
|
||
border-radius: 2em;
|
||
}
|
||
.comment-body a.comment-reply-link:hover {
|
||
background: #6E6E6E;
|
||
}
|
||
ol.commentlist li {
|
||
margin-top: 20px;
|
||
list-style: none;
|
||
padding: 20px 0;
|
||
border-bottom: 1px solid #e9e9e9;
|
||
}
|
||
ol.commentlist li ul.children {
|
||
margin-bottom: 0px;
|
||
margin-top: 25px;
|
||
}
|
||
ol.commentlist li ul.children li {
|
||
border-bottom: 0;
|
||
padding-left: 20px;
|
||
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 {
|
||
margin-right: 20px;
|
||
float: left;
|
||
border-radius: 50%;
|
||
-webkit-border-radius: 50%;
|
||
-moz-border-radius: 50%;
|
||
width: 48px;
|
||
}
|
||
ol.commentlist .comment-author {
|
||
line-height: 25px;
|
||
border: 0;
|
||
width: 100%;
|
||
}
|
||
.comment-body h6 {
|
||
font-style: normal;
|
||
margin: 0;
|
||
padding: 8px 0 0;
|
||
}
|
||
.comment-body h6 a {
|
||
color: #6E6E6E;
|
||
}
|
||
.comment-body h6 a:hover {
|
||
color: #fd7140;
|
||
text-decoration: none
|
||
}
|
||
.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 {
|
||
padding: 20px 0 6px;
|
||
font-weight: 300;
|
||
}
|
||
.comment-body .comment-author.vcard {
|
||
margin: 0;
|
||
border-bottom: 1px solid #e8e8e8;
|
||
padding-bottom: 15px;
|
||
}
|
||
.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;
|
||
}
|
||
.comment-notes {
|
||
padding-top: 25px;
|
||
text-align: center;
|
||
}
|
||
form#commentform textarea {
|
||
min-height: 150px;
|
||
}
|
||
form#commentform label, form#commentform p {
|
||
font-weight: 300;
|
||
}
|
||
form#commentform input#submit {
|
||
background: #00a63f;
|
||
margin-top: 0;
|
||
color: #fff;
|
||
padding: 9px 12px 10px;
|
||
font-size: 16px;
|
||
border: 0;
|
||
border-radius: 2em;
|
||
}
|
||
form#commentform input#submit:hover {
|
||
background: #00a63f;
|
||
}
|
||
|
||
/* ==============================
|
||
15 = Contact
|
||
============================== */
|
||
|
||
#map_wrapper {
|
||
height: 550px;
|
||
}
|
||
#map_canvas {
|
||
width: 100%;
|
||
height: 100%;
|
||
}
|
||
#map_canvas img {
|
||
max-width: none;
|
||
}
|
||
.info_content h5 {
|
||
font-weight: 400;
|
||
color: #fd7140;
|
||
}
|
||
.info_content p {
|
||
font-weight: 300;
|
||
font-size: 16px;
|
||
}
|
||
.contact {
|
||
background: #fff;
|
||
overflow: hidden;
|
||
}
|
||
.contact h3 {
|
||
padding: 12px 0;
|
||
font-size: 22px;
|
||
border-bottom: 1px solid #EDEDED;
|
||
margin-bottom: 25px;
|
||
margin-top: 0;
|
||
padding-top: 0;
|
||
}
|
||
.contact-address address p i.fa {
|
||
color: #00a63f;
|
||
font-size: 20px;
|
||
width: 35px;
|
||
padding: 5px 0;
|
||
text-align: center;
|
||
}
|
||
.contact-address address p i.fa, .contact-address address p span {
|
||
display: table-cell;
|
||
vertical-align: top;
|
||
}
|
||
#contactform label {
|
||
font-weight: 300;
|
||
}
|
||
#sendstatus {
|
||
margin: 0;
|
||
}
|
||
#sendstatus .alert.alert-danger {
|
||
border-radius: 0;
|
||
background: #ffecec;
|
||
border: 1px solid #fad9d7;
|
||
}
|
||
#sendstatus .alert.alert-success {
|
||
background: #e9ffd9;
|
||
color: #13c823;
|
||
border-radius: 0;
|
||
border: 1px solid #d1fab6;
|
||
}
|
||
.contact h4.badge {
|
||
border-radius: 0;
|
||
padding: 12px;
|
||
display: block;
|
||
font-size: 16px;
|
||
text-align: left;
|
||
background: #fd7140
|
||
}
|
||
.contact p, .contact p a {
|
||
color: #6E6E6E;
|
||
}
|
||
.contact p a:hover {
|
||
color: #fd7140;
|
||
}
|
||
.contact ul {
|
||
padding: 0;
|
||
margin: 0;
|
||
list-style: none;
|
||
}
|
||
.contact ul li {
|
||
padding: 9px 6px;
|
||
font-size: 16px;
|
||
}
|
||
.contact ul li a {
|
||
color: #6E6E6E;
|
||
}
|
||
.contact ul li a:hover {
|
||
color: #fd7140;
|
||
}
|
||
|
||
/* Datacenter ----------------------- */
|
||
|
||
#datacenterLocations .container {
|
||
position: relative;
|
||
}
|
||
#datacenterLocations img.img-responsive {
|
||
margin: 0 auto;
|
||
}
|
||
.datacenter-locations {
|
||
position: relative;
|
||
}
|
||
.datacenter-location-marker {
|
||
position: absolute;
|
||
color: #00a63f;
|
||
font-size: 34px;
|
||
line-height: 38px;
|
||
cursor: pointer;
|
||
}
|
||
.datacenter-location-marker.marker-1 {
|
||
top: 36%;
|
||
left: 17%;
|
||
}
|
||
.datacenter-location-marker.marker-2 {
|
||
top: 26%;
|
||
left: 23%;
|
||
}
|
||
.datacenter-location-marker.marker-3 {
|
||
top: 63%;
|
||
left: 36%;
|
||
}
|
||
.datacenter-location-marker.marker-4 {
|
||
top: 47%;
|
||
left: 69%;
|
||
}
|
||
.datacenter-location-marker.marker-5 {
|
||
top: 59%;
|
||
left: 75.7%;
|
||
}
|
||
.datacenter-location-marker.marker-6 {
|
||
top: 26%;
|
||
left: 51%;
|
||
}
|
||
|
||
.social-links a i {
|
||
position: relative;
|
||
top: 3px;
|
||
}
|
||
.social-links a {
|
||
width: 50px;
|
||
height: 50px;
|
||
border-radius: 50%;
|
||
display: inline-block;
|
||
border:2px solid #1a1a1a;
|
||
color: #1a1a1a;
|
||
text-align: center;
|
||
@include em(20);
|
||
line-height: 2.6;
|
||
margin-right: 10px;
|
||
margin-bottom: 10px;
|
||
}
|
||
.social-links a:hover {
|
||
background-color: #00a63f;
|
||
color: #fff;
|
||
}
|
||
/* MailChip Newsletter Form Styling ----------------------- */
|
||
|
||
#mc_embed_signup {
|
||
text-align: right;
|
||
padding-top: 3px;
|
||
}
|
||
#mc_embed_signup input[type="email"].form-control {
|
||
border-radius:2em;
|
||
font-size: 18px;
|
||
height: 50px;
|
||
padding: 5px 15px;
|
||
width: 100%;
|
||
border: 0;
|
||
}
|
||
#mc_embed_signup input[type="submit"] {
|
||
background: #00a63f;
|
||
border: 0;
|
||
border-radius: 2em;
|
||
color: #ffffff;
|
||
cursor: pointer;
|
||
font-size: 16px;
|
||
height: 50px;
|
||
padding: 8px 6px 6px;
|
||
text-transform: capitalize;
|
||
width: 100%;
|
||
float: right;
|
||
position: relative;
|
||
-webkit-box-shadow: 1px 4px 28px -5px rgba(0, 166, 63,1);
|
||
-moz-box-shadow: 1px 4px 28px -5px rgba(0, 166, 63,1);
|
||
box-shadow: 1px 4px 28px -5px rgba(0, 166, 63,1);
|
||
|
||
}
|
||
#mc_embed_signup input[type="submit"]:hover {
|
||
background: #00a63f;
|
||
}
|
||
#mc_embed_signup input[type="email"]:focus, .domainsearch select:focus {
|
||
box-shadow: 0 8px 6px -6px #000;
|
||
}
|
||
.subscribe h3 {
|
||
margin-top: 0px;
|
||
}
|
||
|
||
/* End of Footer */
|
||
|
||
|
||
/* ============
|
||
17 = Loader
|
||
============ */
|
||
|
||
/* Loading ----------------------- */
|
||
.loading {
|
||
position: fixed;
|
||
width: 100%;
|
||
height: 100%;
|
||
top: 0;
|
||
right: 0;
|
||
left: 0;
|
||
bottom: 0;
|
||
z-index: 300;
|
||
background: rgba(0,0,0,0.9);
|
||
}
|
||
.loading p {
|
||
position: absolute;
|
||
width: 100%;
|
||
text-align: center;
|
||
top: 50vh;
|
||
}
|
||
.loading .loader {
|
||
margin: -12em 0 0 -12em;
|
||
width: 50px;
|
||
height: 50px;
|
||
font-size: 2px;
|
||
position: absolute;
|
||
text-indent: -9999em;
|
||
top: 50vh;
|
||
left: 50vw;
|
||
border-top: 0.8em solid rgba(0,0,0,1);
|
||
border-right: 0.8em solid rgba(0,0,0,1);
|
||
border-bottom: 0.8em solid rgba(0,0,0,1);
|
||
border-left: 0.8em solid #00a63f;
|
||
-webkit-transform: translateZ(0);
|
||
-ms-transform: translateZ(0);
|
||
transform: translateZ(0);
|
||
-webkit-animation: load8 0.7s infinite linear;
|
||
animation: load8 0.7s infinite linear;
|
||
}
|
||
.loading .loader,
|
||
.loading .loader:after {
|
||
border-radius: 50%;
|
||
width: 24em;
|
||
height: 24em;
|
||
}
|
||
|
||
@-webkit-keyframes load8 {
|
||
0% {
|
||
-webkit-transform: rotate(0deg);
|
||
transform: rotate(0deg);
|
||
}
|
||
100% {
|
||
-webkit-transform: rotate(360deg);
|
||
transform: rotate(360deg);
|
||
}
|
||
}
|
||
@keyframes load8 {
|
||
0% {
|
||
-webkit-transform: rotate(0deg);
|
||
transform: rotate(0deg);
|
||
}
|
||
100% {
|
||
-webkit-transform: rotate(360deg);
|
||
transform: rotate(360deg);
|
||
}
|
||
}
|
||
/* End of Loading */
|
||
|
||
/* 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: 3px;
|
||
z-index: 10000;
|
||
height: 50px;
|
||
width: 50px;
|
||
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: 15px;
|
||
font-size: 16px;
|
||
}
|
||
#back-to-top:hover {
|
||
background: #00a63f;
|
||
}
|
||
|
||
/* Bootstrap Styles Reset ----------------------- */
|
||
|
||
.no-shadow {
|
||
text-shadow: none !important;
|
||
}
|
||
.text-muted {
|
||
color: #777 !important;
|
||
}
|
||
.text-left {
|
||
text-align: left !important;
|
||
}
|
||
.text-new {
|
||
color: #F62459 !important;
|
||
}
|
||
.text_dark {
|
||
color: #1a1a1a !important;
|
||
}
|
||
.text_white {
|
||
color: #fff !important;
|
||
}
|
||
.text_mute {
|
||
color: #999 !important;
|
||
}
|
||
.text_primary {
|
||
color: #00a63f !important;
|
||
}
|
||
.text_secondary {
|
||
color: #fd7140 !important;
|
||
}
|
||
.text_purple {
|
||
color: #8d55a0 !important;
|
||
}
|
||
.text_pink {
|
||
color: #dd1a4b !important;
|
||
}
|
||
.alert {
|
||
border-radius: 3px;
|
||
}
|
||
.text-success, .text_success {
|
||
color: #5cb85c;
|
||
}
|
||
.text-info, .text_info {
|
||
color: #5bc0de !important;
|
||
}
|
||
.text-warning, .text_warning {
|
||
color: #f0ad4e!important;
|
||
}
|
||
.text-danger, .text_danger {
|
||
color: #ef4a44!important;
|
||
} |