*
{
    font-family: 'Roboto', sans-serif;
}

body{
    background-color: #1c1c1b;
}

.heading
{
    font-size: 10px;
}

/* Round button edges*/
.btn-round
{
    border-radius: 1px;
}

input, textarea
{
    border-radius: 2px !important;
}


textarea {
    max-width: 96%;
    margin: 14px;
}

select
{
    border-radius: 1px;
    -webkit-appearance: none;
}

h4, h3, h2, label
{
    color: #ffffff;
    font-family: Roboto, sans-serif;
}

.btn-reef, .btn-reef:hover, .btn-reef:active, .btn-reef:visited, .btn-reef:focus {
    text-decoration:none;
    background-color: #204c72;
    /*border: solid #ffffff;*/
    color: white;
    padding: 10px 25px;
    text-align: center;
    font-size: 18px;
    border-radius: 1px;
    box-sizing: border-box;
}


.btn-reef-two, .btn-reef-two:hover, .btn-reef-two:active, .btn-reef-two:visited, .btn-reef-two:focus
{
    text-decoration:none;
    background-color: #4a96c3;
    /*border: solid #ffffff;*/
    color: white;
    padding: 10px 25px;
    text-align: center;
    font-size: 18px;
    border-radius: 1px;
    box-sizing: border-box;
}

.banner-text
{
    font-size: 16px;
}
/* Builds text colour*/
#builds h3
{
    color: #ffffff;
}

.build-descript-list
{
    text-justify: auto;
    color: #ffffff;
    text-decoration: none;
    /*list-style: none;*/
    /*display: inline-block;*/
    text-align: left;
    font-size: 16px;
}

#builds p
{
    text-justify: auto;
    color: #ffffff;
}

.qoute-p
{
    color: rgba(243, 243, 243, 0.9);
}

.parts-p
{
    color: rgba(255,255,255,0.8);
}

#form-messages
{
    color: #ffffff;
    border-radius: 1px;
    border: 1px solid #ffffff;
    padding: 5px;
    background-color: rgba(25, 25, 24, 0.8);
}
/* Pricing Cards New*/
/* COMMON PRICING STYLES */

.price-bg
{
    margin-top: 15px;
    /*background-image: url("/img/motherboards.jpg");*/
    /*background-color: #75756d;*/
}
.price-expl{
    font-style: italic;
    font-weight: normal;
    font-family: 'Roboto', sans-serif;
}

.panel.price,
.panel.price>.panel-heading{
    border-radius:1px;
    -moz-transition: all .3s ease;
    -o-transition:  all .3s ease;
    -webkit-transition:  all .3s ease;
}
.panel.price:hover{
    box-shadow: 0px 0px 30px rgba(0,0,0, .2);
}
.panel.price:hover>.panel-heading{
    box-shadow: 0px 0px 30px rgba(0,0,0, .2) inset;
}


.panel.price>.panel-heading{
    box-shadow: 0px 5px 0px rgba(50,50,50, .2) inset;
    text-shadow:0px 3px 0px rgba(50,50,50, .6);
}

.price .list-group-item{
    border-bottom-:1px solid rgba(250,250,250, .5);
}

.panel.price .list-group-item:last-child {
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
}
.panel.price .list-group-item:first-child {
    border-top-right-radius: 0px;
    border-top-left-radius: 0px;
}

.price .panel-footer {
    color: #fff;
    border-bottom:1px;
    background-color:  rgba(0,0,0, .1);
    /*box-shadow: 0px 3px 0px rgba(0,0,0, .3);*/
}


.panel.price .btn{
    box-shadow: 0 -1px 0px rgba(50,50,50, .2) inset;
    border:0px;
}

.amd {
    background-color: #8b1012;
}

.intel {
    background-color: #0860a8;
}


/* blue panel */
.price.panel-blue>.panel-heading {
    color: #fff;
    background-color: #0860a8;
    border-color: #0860a8;
    border-bottom: 1px solid #0860a8;
}


.price.panel-blue>.panel-body {
    color: #fff;
    background-color: #0877c2;
}


.price.panel-blue>.panel-body .lead{
    text-shadow: 0px 3px 0px rgba(50,50,50, .3);
}

.price.panel-blue .list-group-item {
    color: #333;
    background-color: rgba(50,50,50, .01);
    font-weight:600;
    text-shadow: 0px 1px 0px rgba(250,250,250, .75);
}

/* red price */
.price.panel-red>.panel-heading {
    color: #fff;
    background-color: #8b1012;
    border-color: #8b1012;
    border-bottom: 1px solid #8b1012;
}


.price.panel-red>.panel-body {
    color: #fff;
    background-color: #c21012;
}

.price.panel-red>.panel-body .lead{
    text-shadow: 0px 3px 0px rgba(50,50,50, .3);
}

.price.panel-red .list-group-item {
    color: #333;
    background-color: rgba(50,50,50, .01);
    font-weight:600;
    text-shadow: 0px 1px 0px rgba(250,250,250, .75);
}

/* grey price */
.price.panel-grey>.panel-heading {
    color: #fff;
    background-color: #6D6D6D;
    border-color: #B7B7B7;
    border-bottom: 1px solid #B7B7B7;
}


.price.panel-grey>.panel-body {
    color: #fff;
    background-color: #808080;
}



.price.panel-grey>.panel-body .lead{
    text-shadow: 0px 3px 0px rgba(50,50,50, .3);
}

.price.panel-grey .list-group-item {
    color: #333;
    background-color: rgba(50,50,50, .01);
    font-weight:600;
    text-shadow: 0px 1px 0px rgba(250,250,250, .75);
}