body {
    color: #DDD;
}

h1.h1-banner {
    margin: 0;
    padding: 0;
    border: 0;
}

/* Brand container in Header */
#brand-container {

}
#brand-container img {
    margin: 25px auto;
}
#brand-contacts {
    margin-top: -60px;
    margin-bottom: 60px;
}
#brand-contacts ul {
    list-style: none;
    font-size: 18px;
    margin: 0;
    padding: 0;
}
#brand-contacts li {
    display: inline;
    margin-right: 15px;
    white-space: nowrap;
}
#brand-contacts li:last-child {

}
#brand-contacts li a {
    color: #DDDDDD;
}
#brand-contacts li a:hover {
    color: #6BA6D6;
}


h4 small {
    color: #FFFFFF;
    text-transform: none;
}

.img-portfolio h5 {
    margin-bottom: 12px;
}
.img-portfolio h5 {
    height: 32px;
    overflow: hidden;
    text-transform: none;
    margin-bottom: 18px;
    font-weight: 600;
}
.img-portfolio h5 a {
    color: #6BA6D6;
    font-weight: 600;
    text-decoration: none;
}
.img-portfolio h5 a:hover {
    color: #EEEEEE;
}

.img-border2 {
    float: none;
    margin: 0 auto 0;
    border: #999999 solid 1px;
}
a.project-prev-next {
    color: #6BA6D6;
    font-weight: 600;
    text-decoration: none;
}
a.project-prev-next:hover {
    color: #EEEEEE;
}

/* Products */
.box-products h4 {
    text-transform: revert;
    font-weight: 500;
    font-size: 18px;
}

/* FAQs */
#accordion-one .panel {
    margin-bottom: 15px;
    border-color: #444444;
    background-color: #444444;
}
#accordion-one .panel-heading  {
    background-color: #373737;
    color: #DDDDDD;

}
#accordion-one .panel-body {
    color: #DDDDDD;
    border-top-color: #28618E;
}
#accordion-one .panel-body a {
    text-decoration-style: dashed;
    color: #6BA6D6;
}
#accordion-one .panel-body a:hover {
    color: #DDDDDD;
}
#accordion-one .panel-body a:focus {
    color: #6BA6D6;
}
a.accordion-toggle {
    text-decoration-style: dashed;
    text-transform: none;
}
a.accordion-toggle:hover {
    color: #6BA6D6;
}
a.accordion-toggle:focus {
    text-decoration: none;
}

/**
Links page:
*/
#links-intro a {
    text-decoration-style: dashed;
    color: #6BA6D6;
}
#links-intro a:hover {
    color: #337AB7;
    text-decoration-style: dotted;
}
#links-intro a:focus {
    color: #6BA6D6;
}


/**
Links Page: panels
*/
.panel-box .panel {
    margin-bottom: 15px;
    border-color: #373737;
    background-color: #444444;
}
.panel-box .panel-heading  {
    background-color: #ec971f;
    color: #373737;
    border-color: #373737;
    font-weight: bold;
}
.panel-box-products .panel-heading {
    background-color: #5bc0de;
}
.panel-box .panel-body {
    color: #DDDDDD;
    border-top-color: #28618E;
    min-height: 85px;
}
.panel-box .panel-body p {
    font-size: 14px;
}
.panel-box li.list-group-item a {
    text-decoration-style: dashed;
    color: #6BA6D6;
}
.panel-box li.list-group-item a:hover {
    color: #337AB7;
    text-decoration-style: dotted;
}
.panel-box .panel-body a:focus {
    color: #6BA6D6;
}
.panel-box li.list-group-item {
    background-color: inherit;
    border-color: #373737;
}
.panel-box .glyphicon  {
    width: 2rem;
}
.panel-box li.list-group-item .glyphicon {
    color: #f0ad4e;
}
.panel-box-products li.list-group-item .glyphicon {
    color: #5bc0de;
}
.panel-box li.list-group-item .glyphicon-disabled {
    color: #787878;
}

/**
Global styles
 */
a.content-link {
    text-decoration-style: dashed;
    color: #6BA6D6;
}
a.content-link:hover {
    color: #337AB7;
    text-decoration-style: dotted;
}
a.content-link:focus {
    color: #6BA6D6;
}
.g-pt-0 {
    padding-top: 0;
}

/**
Special Offers
 */
#cta-special-offer p {
    font-size: 15px;
}

footer {
    margin-bottom: 20px;

}


footer .container {
    background: #444;
    padding-bottom: 20px;
}

.box {
    background: #444;
}

.box.contact-box {
    padding-left: 0;
    padding-right: 0;
}



p,
footer p,
.contact-box p {
    color: #DDD;
}

footer a,
.contact-box a,
a.info-link {
    color: #6BA6D6;
}

footer a:hover,
.contact-box a:hover,
a.info-link:hover {
    color: #337AB7;
    text-decoration-style: dotted;
}



/*
inspired from http://codepen.io/Rowno/pen/Afykb
*/
.carousel-fade .carousel-inner .item {
    opacity: 0;
    transition-property: opacity;
}

.carousel-fade .carousel-inner .active {
    opacity: 1;
}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    left: 0;
    opacity: 0;
    z-index: 1;
}

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
    opacity: 1;
}

.carousel-fade .carousel-control {
    z-index: 2;
}


.hide-bullets {
    list-style:none;
    margin-left: -40px;
    margin-top:20px;
}

.thumbnail {
    padding: 0;
}

#myCarousel.carousel-inner>.item>img,
#myCarousel.carousel-inner>.item>a>img {
    width: 100%;
}

.img-project-index-sm {
    width: 230px;
    height: 230px;
}

/**
alerts
 */
.alert p {
    color: #444444;
    font-size: 1em;
}


/* CTAs */
.btn-cta {
    margin-top: 130px;
}
.btn-cta-mobile {
    margin-bottom: 15px;
}

.box-cta-gold {
    background-color: #ec971f;
    color: #444;
}
.box-cta-gold p {
    color: #444;
}
.box-cta-gold hr {
    border-color: #444;
}

/**
Pantone https://www.pantone.com/color-finder/16-1546-TPX
 */
.pantone-living-coral-fg {
    color: #FA7268;
}
.pantone-living-coral-gg {
    background-color: #FA7268;
}

/**
Gallery Nav
 */
#gallery-nav {
    padding-top: 20px;
    padding-bottom: 20px;
    margin-bottom: 15px;
    margin-top: -5px;
}
#gallery-nav a,
#gallery-nav a:visited {
    line-height: normal;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 1px;
    border-radius: 0;
    padding: 5px 15px;
    color: #ffffff;
}
#gallery-nav li.active > a {
    color: #2C2C2C;
    background-color: #ffffff;
}
#gallery-nav li > a:hover {
    color: #ffffff;
    background-color: #999;
}

/*
WHAT IS NEW IN 3.3: "Added transforms to improve carousel performance in modern browsers."
now override the 3.3 new styles for modern browsers & apply opacity
*/
@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next,
    .carousel-fade .carousel-inner > .item.active.right {
        opacity: 0;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.prev,
    .carousel-fade .carousel-inner > .item.active.left {
        opacity: 0;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.next.left,
    .carousel-fade .carousel-inner > .item.prev.right,
    .carousel-fade .carousel-inner > .item.active {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}


@media screen and (max-width:512px) {
    #brand-contacts {
        margin-top: -50px;
        margin-bottom: 50px;
    }
    #brand-contacts ul {
        font-size: 14px;
    }
    #brand-contacts li {
        margin-right: 10px;
    }
}
@media screen and (max-width:767px) {
    #box-carousel {
        padding: 0;
    }
    #box-carousel > .col-lg-12 {
        padding: 0;
    }
    .carousel-control .icon-next {
        right: 25%;
    }
    .carousel-control .icon-prev {
        left: 25%;
    }
}