html {
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}
body {
margin: 0;
}
/* ===== General ===== */
html,
body {
height: 100%;
}
body {
font-family: 'Source Sans Pro', sans-serif;
font-size: 16px;
line-height: 1.42857143;
color: #333333;
background-color: #ffffff;
}
.wrapper li{
list-style: none;
}
.card-header{
font-weight:bold;
}
.dropdown-menu {
margin: 0.8rem 0 0;
}
/* ===== Wrapper ===== */
.wrapper {
min-height: 100%;
height: auto !important;
/* for older versions of IE */
height: 100%;
margin-top: 40px;
/* navbar height + margin */
margin-bottom: -379px;
/* footer height + margin */
padding-bottom: 379px;
/* footer height + margin */
}
/* ===== Footer & Copyright ===== */
footer {
margin-top: 50px;
padding: 30px 0;
background: #e9e9e9;
}
footer h4 {
margin-bottom: 20px;
text-transform: uppercase;
font-weight: 400;
}
.copyright {
padding: 20px 0;
}
a:hover, a:focus {
color: #2babcf;
text-decoration: underline;
}
a:active, a:hover {
outline: 0;
}
a:focus, a:hover {
color: #23527c;
text-decoration: underline;
}
a:active, a:hover {
outline: 0;
}
a {
color: #2babcf;
text-decoration: none;
}
footer a{
color: gray;
}
footer a:hover, footer a:focus {
color: gray;
text-decoration: underline;
}
#front-page{
background-image: url("/static/img/banner_bg.jpg");
background-color:white;
background-position: left top;
background-repeat: no-repeat;
font-weight:700;
}
#front-page-vps{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f5f6f6+0,dbdce2+21,b8bac6+49,dddfe3+80,f5f6f6+100;Grey+Pipe */
background: rgb(245,246,246); /* Old browsers */
background: -moz-linear-gradient(-45deg, rgba(245,246,246,1) 0%, rgba(219,220,226,1) 21%, rgba(184,186,198,1) 49%, rgba(221,223,227,1) 80%, rgba(245,246,246,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, rgba(245,246,246,1) 0%,rgba(219,220,226,1) 21%,rgba(184,186,198,1) 49%,rgba(221,223,227,1) 80%,rgba(245,246,246,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, rgba(245,246,246,1) 0%,rgba(219,220,226,1) 21%,rgba(184,186,198,1) 49%,rgba(221,223,227,1) 80%,rgba(245,246,246,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f6f6', endColorstr='#f5f6f6',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.webhosting-front-page-bg{
}
section.extra-space {
padding-bottom: 30px;
padding-top: 30px;
}
.navbar{
padding:0;
}
.navbar-light {
background-color: #ffffff;
box-shadow: 0 2px 0 rgba(0, 0, 0, 0.08);
}
/* ===== Responsive Showcase ===== */
.responsive-showcase {
padding: 50px 0;
background: #f6f6f6;
background-image: -webkit-linear-gradient(top, #f6f6f6 0%, #ffffff 150px);
background-image: -moz-linear-gradient(top, #f6f6f6 0%, #ffffff 150px);
background-image: -o-linear-gradient(top, #f6f6f6 0%, #ffffff 150px);
background-image: linear-gradient(top, #f6f6f6 0%, #ffffff 150px);
border-top: 1px solid #ddd;
}
@media (min-width: 768px) {
.responsive-showcase {
padding: 70px 0;
overflow: hidden;
}
}
.responsive-showcase .lead {
margin: 20px 0 25px;
font-size: 16px;
}
.headline{
margin-bottom:30px;
}
/* 480px and less */
@media screen and (max-width: 320px) {
h2{
font-size:larger;
}
}
/* 1024px and less */
@media screen and (max-width: 1024px) {
.dropdown-menu {
border: 1px solid white;
}
.topmenu .nav-item button{
display:none;
}
}
/* 1240px and less */
@media screen and (max-width: 1240px) {
.fp-headline1{
font-size:18px;
font-weight:bolder;
}
.fp-headline2{
font-size:12px;
}
.pointers li{
font-size:12px;
font-weight:normal;
}
.letsencrypt{
width: 100%;
}
}
/* Pricing table*/
.pricing-table{
}
@media(max-width: 500px){
.pricing-table .col-mob{
width:100%;
}
}
/* Item */
.pricing-table .pricing-single{
max-width: 560px;
padding:20px 25px;
margin:20px auto;
border-radius:5px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#606c88+0,3f4c6b+100;Grey+3D+%232 */
background: rgb(96,108,136); /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover, rgba(96,108,136,1) 0%, rgba(63,76,107,1) 100%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover, rgba(96,108,136,1) 0%,rgba(63,76,107,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center, rgba(96,108,136,1) 0%,rgba(63,76,107,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#606c88', endColorstr='#3f4c6b',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.pricing-table .shared{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#516289+0,727f9c+100 */
background: #516289; /* Old browsers */
background: -moz-linear-gradient(top, #516289 0%, #727f9c 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #516289 0%,#727f9c 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #516289 0%,#727f9c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#516289', endColorstr='#727f9c',GradientType=0 ); /* IE6-9 */
}
/* Main Heading */
.pricing-table .pricing-single h2{
font-size: 26px;
line-height: 40px;
float: left;
color:#999;
font-weight:400;
}
.pricing-table .pricing-single h2 a{
color: #fff;
background: rgba(0,0,0,0.2);
display: inline-block;
height: 40px;
margin-left: -30px;
padding: 0 20px;
text-decoration: none;
}
@media(max-width: 325px){
.pricing-table .pricing-single h2{
font-size:16px;
line-height:36px;
}
}
/* Price */
.pricing-table .pricing-single h3{
font-size:30px;
line-height:40px;
float:right;
font-weight:400;
color: #FFEB3B;
}
@media(max-width: 325px){
.pricing-table .pricing-single h3{
font-size:24px;
line-height:34px;
margin-right:18px;
}
}
.pricing-table .pricing-single h3 > span{
font-size:18px;
color:rgba(255,255,255,0.7);
font-weight:300;
margin:0px 3px;
}
@media(max-width: 325px){
.pricing-table .pricing-single h3 > span{
font-size:14px;
}
}
/* Border */
.pricing-table .pricing-single .ui-border{
margin:8px 0px;
height:2px;
}
/* Paragraph */
.pricing-table .pricing-single p{
font-size:13px;
line-height: 26px;
color:rgba(255,255,255,0.7);
margin:15px 0px;
}
/* Small Heading */
.pricing-table .pricing-single h4{
font-size:15px;
line-height:25px;
margin-bottom:5px;
color:#FFEB3B;
text-transform: uppercase;
}
/* Unordered Listing */
.pricing-table .pricing-single ul{
padding:0px;
list-style-type:none;
}
.pricing-table .pricing-single ul > li{
color:#aaa;
position:relative;
padding:3px 0px;
}
.pricing-table .pricing-single hr{
border-top: 1px solid rgba(255,255,255,0.2);
}
/* Icon */
.pricing-table .pricing-single ul > li:before{
content: "\f058";
font-size: 16px;
font-family: "Font Awesome 5 Free";
color:#FFEB3B;
margin-right:8px;
vertical-align:middle;
}
.pricing-table .pricing-single ul > li > span{
color:rgba(255,255,255,0.7);
}
.pricing-table .pricing-single ul > li > b{
color:#fff;
font-weight: normal;
position:absolute;
right:0px;
}
.pricing-table .pricing-single .btn{
padding: 0 20px;
height: 40px;
line-height: 40px;
color: #fff;
border-radius: 20px;
text-transform: lowercase;
}
.has-error input{
border-color: #dc3545;
}
.has-error .error-block{
margin-top: .25rem;
font-size: .875rem;
color: #dc3545;
}