/* Sticky footer styles
-------------------------------------------------- */

html,
body {
    height: 100%;
    background: transparent no-repeat url(/images/page-background-blue-gradient.jpg);
    background-position: center 0px;
   /* background-position: 0px -154px;*/
   
    /* The html and body elements cannot have any padding or margin. */
}

/* Wrapper for page content to push down footer */
#wrap {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    /* Negative indent footer by it's height */
    margin: 0 auto -61px;
}

/* Set the fixed height of the footer here */
#push,
#footer {
    height: 60px;
}
#footer {
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    text-align: center;
}

#header-desktop {
    padding-top: 30px !important;
    padding-bottom: 0px !important;
    
}

h2.page-heading { 
    text-align : right;
    color: #104993;
    text-shadow: 0px 2px 2px #ccc;
    margin: 0;
}

div.heading-background {
    margin-top: 10px;
    float: right;
    margin-bottom : 0px;
    padding-right: 15px;
    padding-left: 15px;
    /*background: no-repeat url(/images/heading_background.png);*/
    /*width: 435px;*/
    /*height: 61px;*/
 
}

/*
.navbar-inner {
    background: blue;
    background-color: #006dcc;
background-image: -moz-linear-gradient(top,#08c,#04c);
background-image: -webkit-gradient(linear,0 0,0 100%,from(#08c),to(#04c));
background-image: -webkit-linear-gradient(top,#08c,#04c);
background-image: -o-linear-gradient(top,#08c,#04c);
background-image: linear-gradient(to bottom,#08c,#04c);
background-repeat: repeat-x;
border-color: #04c #04c #002a80;
border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc',endColorstr='#ff0044cc',GradientType=0);
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.navbar-inner div.nav-collapse ul.nav li a {
    color: #fff;
text-shadow: 0 -1px 0 rgba(0,0,0,0.25);

}
*/

/* Lastly, apply responsive CSS fixes as necessary */
@media (max-width: 767px) {
    #footer {
        margin-left: -20px;
        margin-right: -20px;
        padding-left: 20px;
        padding-right: 20px;
    }
}

/* Custom page CSS
-------------------------------------------------- */
/* Not required for template or sticky footer method. */

#wrap > .container {
    padding-top: 0px;
    padding-bottom: 30px;
}
.container .copyright {
    margin: 20px 0;
    vertical-align: middle;
}

/* Retina logos for mobile and tablet */

img.logo-mobile {
    width: 251px;
    height: 100px;
    margin: 0 auto 20px auto;
}

#logo-phone-retina {
    width: 36px;
    height: 40px;
}

.logo_tablet {
    margin-bottom: 10px;
}

#logo-tablet-retina { 
    width: 161px;
    height: 70px;
}

@media 
(-webkit-min-device-pixel-ratio: 1) and (-webkit-max-device-pixel-ratio : 1.4){
    .hidden-non-retina {
        display: none!important;
    }
}

@media
(min-resolution: 1dppx) and (max-resolution: 1.4dppx){
    .hidden-non-retina {
        display: none!important;
    }
}

@media 
(-webkit-min-device-pixel-ratio: 1.5){
    .hidden-retina {
        display: none !important;
    }
}

/* Home page thumbnails */
.thumbnails {
    background-color: #fff;
}

/* Customising Bootstrap Carousel */
#home_carousel {
    margin-top: 30px;
    height: 300px;
    /*background-color : #f5f5f5;*/
    border-radius : 4px;
    -webkit-border-radius : 4px;
    -moz-border-radius : 4px;
    margin-bottom: 38px;
    padding: 0;
}

#home_carousel div.item {
    height: 300px;
}

#home_carousel div.item img {
    position: absolute;
    right: 50px;
}

#slide1 {
    top: 17px;
    right: 60px;
}

#slide2 {

}

#slide3 {
    top: 40px;
    right: 70px;
}

.carousel-caption {
    top: 65px;
    padding: 0px;
    left: 70px;
    background-color: transparent;
    width: 480px;
}

.carousel-caption h3 {
    margin-top: 0px;
}

@media (max-width: 1200px) {
    .carousel-caption {
        top: 55px;
        padding: 0px;
        left: 70px;
        background-color: transparent;
        width: 380px;
    }
    
    .carousel-caption h1 {
        font-size: 2em;
    }
    
    .carousel-caption p.lead {
        font-size: 1.2em;
    }
    
    #home_carousel div.item img {
        width: 45%;
    }
    
    #slide1 {
        top: 37px;
    }
    
}


/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) { 
    .carousel-caption {
        top: 65px;
        padding: 0px;
        left: 70px;
        background-color: transparent;
        width: 280px;
    }    
        #home_carousel div.item img {
        width: 45%;
    }
    
    #slide1 {
        top: 60px;
    }
    
    #slide3 {
        top: 79px;
    }
}
 
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
    #slide1 {
        top: 60px;
    }
}

.carousel-caption h1, .carousel-caption .lead {
    margin: 0;
    line-height: 1.25;
    color: #4A4A49;
}

.carousel-caption .btn {
    margin-top: 10px;
}

#home_carousel a.carousel-control {
    height: 80px;
    color: #333;
    margin-top: 0;
    font-size: 120px;
    text-shadow: 0 1px 1px rgba(0,0,0,.4);
    background-color: transparent;
    border: 0;
    z-index: 10;
}

#home_carousel_indicators {
    position: relative;
    height: 20px;
    width: 50px;
    right:0;
    margin: 0px auto;
}

#home_carousel_indicators li{
    background-color:  #ccc;
    cursor: pointer;
}

#home_carousel_indicators li:hover{
    background-color: #ababab;
}

#home_carousel_indicators li.active {
    background-color: #333;
}


@media (max-width: 480px) {

    #wrap > .container {
        padding-top: 0px;
        padding-bottom: 30px;
    }
    h1 {    
        margin-top: 0px;
    }

}

/* 3 homepage featurettes*/
#featurettes li div.caption {
    text-align: center;
}

.sidenav {
    padding: 0;
    background-color: #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.065);
    -moz-box-shadow: 0 1px 4px rgba(0,0,0,.065);
    box-shadow: 0 1px 4px rgba(0,0,0,.065);
}

.sidenav > a {
}

.sidenav > .active > a { 
    color: #ffffff;
    background-color: #0088cc;
    position: relative;
    z-index: 2;
    border: 0;
    text-shadow: 0 1px 0 rgba(0,0,0,.15);
    -webkit-box-shadow: inset 1px 0 0 rgba(0,0,0,.1), inset -1px 0 0 rgba(0,0,0,.1);
    -moz-box-shadow: inset 1px 0 0 rgba(0,0,0,.1), inset -1px 0 0 rgba(0,0,0,.1);
    box-shadow: inset 1px 0 0 rgba(0,0,0,.1), inset -1px 0 0 rgba(0,0,0,.1);
}

.sidenav > .active > a > i.icon-chevron-right {

    opacity: 1;
}

.sidenav > .active > a:hover {
    color: #ffffff;
    background-color: #0088cc;
}

.sidenav .icon-chevron-right {
    float: right;
    margin-top: 4px;
    margin-right: -6px;
    opacity: .25;
}

/*Galleria Specific Styles*/
#galleria {
    height: 500px;
}

.galleria-container {
    border-radius : 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius : 4px;
}

/*Contact Page Styles*/
iframe#map {
    border-radius : 4px;
    -moz-border-radius : 4px;
    -webkit-border-radius: 4px;
    border: 1px solid #e3e3e3;
}


/*Form Styles*/
form.hn-form.form-horizontal input[type="text"],form.hn-form.form-horizontal input[type="password"], form.hn-form.form-horizontal select, form.hn-form.form-horizontal textarea{
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 100%;
}
form.hn-form.form-horizontal input[type="text"], form.hn-form.form-horizontal input[type="password"] {
    height: 30px;
}
form.hn-form.form-horizontal .control-label{
    text-align: left;
}

label.error {
    display: block;
    margin-top : 5px;
    margin-bottom : 0px;
    color: #b94a48;
}

.important {
    color: #b94a48;
}

form.hn_form div.alert.alert-error a {
    color: #b94a48;
    cursor: pointer;
}

/*Fix for datetime picker on forms page*/
div.datetimepicker {
    display: block !important;
    margin-right: 27px; /*Offsetting by the width of the timepicker add-on*/
}

/*Hosting Styles*/
#plans_mobile h4 {
    text-align: center;
}

#plans_mobile ul li ul {
    margin: 0px 5px 5px 5px;
    list-style-type: none;
}

/*Dedicated Server and Colo Styles*/
/* Fixes spacing between plans / servers */
#tabs_dedicated div .well:nth-of-type(1), #colo_container div .well:nth-of-type(1) {
    margin-top: 6px;
}

#tabs_dedicated .well, #colo_container .well {
    margin-bottom: 10px;
}

#tabs_dedicated hr, #colo_container hr {
    margin: 10px 0;
}

#tabs_dedicated .price h4,  #colo_container .price h4 {
    margin-top: 15px;
    margin-bottom: 5px;
}

#tabs_dedicated .price p, #colo_container .price p {
    margin-bottom: 5px;
}

/*Left Column Styles*/

.left-column img{
    display: block;
    margin: 10px auto;
    opacity: 0.8;
}

.vendor_logo {
}

/*RSS Feed Styles*/

#news_feed ul {
    list-style-type: none;
    margin-left: 0px;
}

#news_feed ul li {
    border-bottom: 1px solid #eee;
    margin-bottom: 15px;
    margin-top: 15px;
}

#news_feed ul li.odd {
}

#news_feed ul li h4 {
    margin-bottom: 2px;
}

#news_feed ul li div {
    font-size: .9em;
    color : #999;
}