/*=== basic styles ===*/

html,
body {
    margin: 0;
    padding: 0;
    width: 100%;
    font-family: 'Lato', sans-serif;
    background-color: #fcfdff;
}
a:active,
a:focus,
a:visited,
a:hover{
    text-decoration: none;
}


/*--- header ---*/
header .jumbotron{
    background-color: #fff;
    margin-bottom: 20px;
    text-align: center;
    padding: 30px 0 15px 0;
}
header .altushost-logo{
    display: inline-block;
}


/*--- body ---*/
section{
    background-image: url(../img/bg-body.png);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: auto;
    padding: 40px 0 20px 0;
    border-top: 1px solid #d9d9d9;
    border-bottom: 1px solid #d9d9d9;
}
.panel-default>.panel-heading {
    background-color: #a5161a;
    text-transform: uppercase;
    font-weight: 700;
    color: #fff;
}
.row#info-margin{
    margin-left: 15px;
    margin-right: 15px;
}
.info-from-sidebar {
    background-color: #fff;
    border: 1px solid #d9d9d9;
    padding: 20px;
    margin-bottom: 20px;
}
.info-from-sidebar a{
    color: #c21015;
    font-weight: 600;
}
.info-from-sidebar a:hover{
    text-decoration: none;
}

#map {
    width: 100%;
    height: 450px;
    margin-bottom: 20px;
    border: 1px solid #d9d9d9;
}

#map .gm-style-iw h1{
    font-size: 24px;
    font-weight: 300;
    text-align: center;
}
.speed-test,
.speed-test .list-group-item{
    text-align: center;
}
.testip,
.testip:hover,
.testip:focus,
.testip:active{
    color: #555;
}
.item-hover:hover{
    background-color: #f5f5f5;
    cursor: pointer;
}
/*
.testip:hover > .item-hover{
    background-color: #f5f5f5;
}
*/


/*--- footer ---*/

#footer,
#footer a {
    color: #555;
    text-align: center;
}
#footer a:hover {
    transition: 0.5s;
    -webkit-transition: 0.5s;
    color: #a5161a;
    text-decoration: none;
}
#footer p,
#footer a:active,
#footer a:focus,
#footer a:visited{
    margin: 0;
    color: #555;
}


/*=== Responsive design ===*/


/*--- max-width - 1200px ---*/

@media only screen and (max-width: 1200px) {}


/*--- max-width - 979px ---*/

@media only screen and (max-width: 979px) {}


/*--- max-width - 767px ---*/

@media only screen and (max-width: 767px) {}


/*--- max-width - 480px ---*/

@media only screen and (max-width: 480px) {
    header #dropdown {
        padding-top: 0;
    }
    header #dropdown .btn {
        font-size: 16px;
        padding: 5px 15px;
        font-weight: 700;
    }
}


/*--- max-width - 320px ---*/

@media only screen and (max-width: 320px) {}