@import url(css/bootstrap.min.css);
@import url(css/ie10-viewport-bug-workaround.css);
@import url(css/carousel.css);
@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,900&subset=latin-ext');

body{
    font-family: 'Source Sans Pro', sans-serif;
    background-color: #1A1A1A;
    background-image: url(img/background.png);
    font-size: 16px;
}

header{    
    background-color: #333333;
    display: table;
    width: 100%;
    background-repeat: no-repeat;
    color: #fff;
    background-image: url(img/header-background.jpg);
}

.header-top{
    font-size: 16px;
    color: #fff;
    padding: 5px;
    background-color: #000;
    text-align: center;
}

.header-top a{
    color: yellow;
}

.header-top a:hover{
    color: #fff;
    text-decoration: none;
}

.header-top a:focus{
    color: yellow;
    text-decoration: none;
}

.header-top span{
    color: yellow;
}

.phone-number{
    padding: 10px;
    background-color: #1A1A1A;
    border: 2px solid #fff;
    text-align: center;
    border-radius: 30%;
}

.number{
    color: #fff;   
}

.call-info{
    padding-top: 30px;   
}

.logo img{
    margin: 0 auto;
    float: right;
}

.navbar {
    margin-bottom: 0px;
}

li{
    list-style: none;
}

section{
    color: #ccc;
    display: table;
    padding: 15px;
    width: 100%;
}

section h1{
    color: #fff;   
}

section h2{
    color: #fff;
}

section h3{
    color: #fff;
}

section hr{
    border: 1px dashed #fff;   
}

section a{
    color: #fff;
}

section a:hover{
    color: #fff;
    text-decoration: none;
}

section a:focus{
    color: #fff;   
}

section span{
    color: yellow;   
}

section ul{
    padding-left: 0;   
}

.thumbnail-item{
    padding: 10px; 
    margin-bottom: 15px;
}

.thumbnail-item img:hover{
    opacity: 0.6;
}

.section-map{
    padding: 0;  
    height: 450px;
    background-color: #333;
}

.thumbnail-card{
    padding: 10px;
    text-align: left;
    background-color: #1A1A1A;
    border-radius: 4px;
}

.thumbnail-card-menu img{
    border-top: 1px solid #ccc; 
    border-left: 1px solid #ccc; 
    border-right: 1px solid #ccc; 
}

table{
    width: 100%;
    margin-bottom: 20px;
}

table h3{
    margin: 5px;   
}

tr{
    width: 100%;
}

td{
    width: 50%;
    border: 1px solid #ccc;
}

.tripple td{
    width: 33%;   
}

.phi{
    padding: 5px;
    font-size: 22px; 
    background-color: #000;
}

.phi p{
    margin: 0;   
}

.price{
    background-color: red;
    color: yellow;
    font-weight: 900;
    font-size: 25px;
    width: 100px;
    padding: 5px;
    text-align: center;
}

.price p{
    margin: 0;   
}

.gray-background{
    background-color: #333;   
}

.black-background{
    background-color: #000;   
}

footer{
    background-color: #000;
    padding: 15px;
    color: #ccc;
}

footer li{
    float: left;
    text-align: center;
    padding-right: 10px;
    list-style: none;
}

footer a{
    color: #ccc;
}

footer a:hover{
    color: #fff;  
    text-decoration: none;
}

footer a:focus{
    color: #fff;
    text-decoration: none;
}

.green-span{
    color: limegreen;
}

.white-span{
    color: white;
}

.red-span{
    color: red;
}

.button-submit{
    background-color: limegreen;
    color: #000;
    font-weight: bold;
    border: 2px solid #fff;
}

.warning{
    color: red;   
}

@media screen and (max-width: 767px) {
    .logo img{
        margin: 0 auto;
        float: none;
    }
}

.border{
    padding-top: 10px;
    padding-bottom: 10px;
}

.border-green{
    background-color: limegreen;
}

.border-white{
    background-color: white;
}

.border-red{
    background-color: red;
}

/*=================================*/
.text-left{
    text-align: left;
}

.text-right{
    text-align: right;
}

.text-center{
    text-align: center;
}

.image-left img{
    margin: 0 auto;
    float: left;
}

.image-right img{
    margin: 0 auto;
    float: right;
}

.image-center img{
    margin: 0 auto;
    float: none;
}

.no-padding{
    padding: 0px;   
}