/**** Colorbox  ****/

div.well {
    background-color: #fafff8;
    border: 1px solid #b3dd9f;
    border-radius:0;
}
div.well-alt {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: #dfdfdf;
    border: 1px solid #b3dd9f;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
}

.left {
    text-align:left !important;
}

/**** Fonts ****/

.title-alt {
    color: #8d8d8d !important;
}

/* Caption */

div.caption {
    margin: 6px auto;
    text-align: center;
    font-weight: bold;
    font-size: 14px;
    font-style: italic;
}

/* Seperator */

div.seperator {
    border-top: 1px solid #aaaaaa;
    clear: both;
    font-size: 0;
    height: 1px;
    line-height: 0;
    margin: 0 0 16px;
    padding: 0;
}


/* Social Icons */

.navbar-custom .nav.navbar-nav.navbar-right .fa {
    font-size: 32px;
    line-height: 100%;
}

.navbar-custom .nav.navbar-nav.navbar-right.navbar-icons li > a {
    padding-top: 9px !important;
}

    .navbar-custom .nav.navbar-nav.navbar-right.navbar-icons li > a:hover {
        color: #e3e3e3;
    }


@media (max-width: 992px) {
    .navbar-custom .nav.navbar-nav.navbar-right.navbar-icons li > a {
        padding-top: 9px !important;
    }
}



@media (max-width: 768px) {
    .navbar-custom .nav.navbar-nav.navbar-right.navbar-icons li > a {
        padding-top: 0 !important;
    }
}


/**** Social Media Icons ****/

.header-contact div.social-media-icons {
    font-weight: normal;
    line-height: 32px;
    position: relative;
    z-index: 0;
}

    .header-contact div.social-media-icons span {
        font-size: 40px !important;
        margin-top: 0;
    }

.fa-stack {
    position: relative;
    display: inline-block !important;
    width: 1em;
    height: 1em;
    line-height: 1em;
    vertical-align: middle;
}

.header-contact div.social-media-icons a.linkedin, .header-contact div.social-media-icons a.linkedin:visited {
    color: #0274b3;
}

    .header-contact div.social-media-icons a.linkedin:hover {
        color: #005f94;
    }

.header-contact div.social-media-icons a.twitter, .header-contact div.social-media-icons a.twitter:visited {
    color: #28a9e2;
}

    .header-contact div.social-media-icons a.twitter:hover {
        color: #2393c4;
    }

.header-contact div.social-media-icons a.facebook, .header-contact div.social-media-icons a.facebook:visited {
    color: #395185;
}

    .header-contact div.social-media-icons a.facebook:hover {
        color: #334877;
    }

.header-contact div.social-media-icons a.youtube, .header-contact div.social-media-icons a.youtube:visited {
    color: #c92d27;
}

    .header-contact div.social-media-icons a.youtube:hover {
        color: #b12721;
    }

.header-contact div.social-media-icons a.google-plus, .header-contact div.social-media-icons a.google-plus:visited {
    color: #dc4a38;
}

    .header-contact div.social-media-icons a.google-plus:hover {
        color: #c64130;
    }

/* Padding */

div.container .pt-0 {
    padding-top: 0;
}

div.container .pb-0 {
    padding-bottom: 0;
}

div.container .pb-20 {
    padding-bottom: 20px;
}

div.container .pl-0 {
    padding-left: 0;
}

div.container .pr-0 {
    padding-right: 0;
}

/* Margins */

div.container .mt-0 {
    margin-top: 0;
}

div.container .mt-15 {
    margin-top: 15px;
}

div.container .mt-30 {
    margin-top: 30px;
}

div.container .mb-0 {
    margin-bottom: 0;
}

div.container .mb-5 {
    margin-bottom: 5px;
}

div.container .mb-10 {
    margin-bottom: 10px;
}

div.container .mb-15 {
    margin-bottom: 15px;
}

div.container .mb-20 {
    margin-bottom: 20px !important;
}

div.container .mb-30 {
    margin-bottom: 30px;
}

div.container .ml-0 {
    margin-left: 0;
}

div.container .mr-0 {
    margin-right: 0;
}

/************ Video Resizer **************/

.video-container {
    height: 0;
    overflow: hidden;
    padding-bottom: 56.25%;
    position: relative;
}

    .video-container iframe {
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
        border: solid #000000 1px;
    }

@media (max-width: 992px) {
    .video-container {
        margin-top: 0 !important;
    }
}


/**** Where to buy page ****/

div.custombox-wrapper {
    margin-bottom: 32px;
    padding: 0px 0px;
    border: 1px solid #000000;
}

div.custombox-wrapper .row .col-xs-12, div.custombox-wrapper .row .col-sm-8 {
    padding-left:0px;
    padding-right:34px;
}

div.custombox-wrapper .row .col-sm-4 {
    padding-left:0;
    padding-right:0;
}

    div.custombox-wrapper .row .col-sm-pull-4 {
        padding-left: 34px;
        padding-right: 0;
    }

@media (max-width: 768px) {
    div.custombox-wrapper .row .col-sm-8, div.custombox-wrapper .row .col-sm-pull-4 {
        padding-left: 27px;
        padding-right: 25px;
    }
}

div.custombox-wrapper .row {
    margin-top:20px;
    margin-bottom:20px;
}

div.custombox-wrapper div.custombox-title {
    overflow: auto;
    padding: 10px 15px;
    font-weight: bold;
    color: #FFFFFF !important;
    border-bottom: 1px solid #000000;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#4d7a38+0,5a9141+100 */
    background: #4d7a38; /* Old browsers */
    background: -moz-linear-gradient(top, #4d7a38 0%, #5a9141 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #4d7a38 0%,#5a9141 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #4d7a38 0%,#5a9141 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d7a38', endColorstr='#5a9141',GradientType=0 ); /* IE6-9 */
}

div.custombox-wrapper div.custombox-title h1, div.custombox-wrapper div.custombox-title h2, div.custombox-wrapper div.custombox-title h3 {
    color: #ffffff !important;
    margin:0 auto;
}

div.custombox-wrapper div.custombox-description {
    padding: 20px 17px 0 17px;
}

div.custombox-wrapper ul {
    padding-left:10px;
}

@media (max-width: 768px) {
    div.custombox-wrapper .h2 {
        text-align:center !important;
    }
}

hr {
    border-top: 1px solid #000000;
}