/*=================================================*/
/*======== SANATURE CSS PROPERTY CHANGES ==========*/
/*=================================================*/

/*======== GENERAL STYLING =========*/

h2{font-size: 25px;}

a:hover, a:focus {
    color:  #ef7d1c !important;
}

a{
    color:  #eaad78 ;
    text-decoration: underline;
}

.btn-default{
    text-decoration: none;
}

.navbar-inverse .nav .active > a, .navbar-inverse .nav .active > a:hover, .navbar-inverse .nav .active > a:focus{color:#ef7d1c;}

.row.featurette.margin_top {
    margin-top: 25px;
}

.gallery .row.margin_top {
    margin-top: 50px;
    margin-bottom: 50px;
}

/*======== NAVIGATION BAR =========*/

.navbar-header a.navbar-brand img {
    width: 60% !important;
    top: 13px !important;
    left: 25px;
}
.navbar-wrapper .container .navbar {
    opacity: 0.92;
    border-radius: 0;
}

.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
    background-color: #222222;
    opacity: 0.9;
}

.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
    color: #ef7d1c;
}

.marketing h2 {
    margin-top: 0px;
}

.navbar-inverse .navbar-nav > li > a{
    color: #fff;
    font-size: 16px;
    text-decoration: none;
}
.navbar-inverse .navbar-nav > .dropdown > a .caret{
    border-top-color: #fff;
    border-bottom-color: #fff;
}

.navbar-inverse .navbar-nav > .dropdown > a:hover .caret {
    border-top-color: #999;
    border-bottom-color: #999;
}

ul.nav.navbar-nav .dropdown-menu > li > a{
    text-decoration: none;
}
/*========= GALLERY PAGE ===========*/

.container.gallery .row img,
.container.strip .row img{
    border: none !important;
    width: 100% !important;

}

.cosmetics .gallery .row img,
.cosmetics .container.strip .row img{
    max-width: 480px;
    margin: 0px 2.1% 0% 0;

}

.cosmetics .container.strip .row .smaller img{
    width: 455px !important;
}


/*======== CONTACT PAGE ============*/

img.contact_img {
    /* position: absolute; */
    /* right: 15%; */
    /* top: 145px; */
}
.page-header {
    position: relative;
}
@media (min-width: 990px) and (max-width: 1200px) {
    img.contact_img {
        /* width: 300px
     */}

}

form#contactform {
    margin-bottom: 50px;
}

@media  (max-width: 990px) {
    img.contact_img {
        display:none;
    }

    input.span6, textarea.span6, .uneditable-input.span6{
        width: 100%;
    }
}

.contact_information {
    margin: 30px 20px 50px;
}


/*======== minerals PAGE ============*/
.minerals .container .col-md-6 img {
    margin-top: 55px !important;
}

/*======== cosmetics PAGE ============*/

.cosmetics .col-md-6 ul li {
    margin-bottom: 10px;
}

/*///////////17092014//////////*/


.navbar-wrapper {
    margin-top: 0 !important;
}

@media (max-width: 768px) {

    .navbar-wrapper .container {
        /* width: 100%; */
        /* margin: 0 !important; */
        /* padding: 0 !important; */
    }

    .navbar-header a.navbar-brand img{
        top: 5px !important;
    }
    ul.nav.navbar-nav > li{
        padding: 0;
    }

}


.carousel .item {
    height: 100%;
    background-color: #777;
}

.container.fill{margin-top: 50px;}

.carousel-control .icon-prev, .carousel-control .icon-next, .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right{top:37%;}

@media (min-width: 768px){
    .container.fill{ margin-top: 0;}
    .carousel-control .icon-prev, .carousel-control .icon-next, .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right{top:50%;}
}

@media (max-width: 767px) {

    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
        color: #fff;
    }

}

@media (max-width: 1200px) and (min-width: 801px) {
    .container.fill{height: 350px !important;}
}

@media (max-width: 800px) and (min-width: 721px){
    .container.fill{height: 300px !important;}
}
@media (max-width: 720px) and (min-width: 590px){
    .container.fill{ height: 250px !important;}
}

@media (max-width: 590px) and (min-width: 351px){
    .container.fill{ height: 155px !important; }
}

@media (max-width: 350px) {
    .container.fill{ height: 135px !important; }
}

.navbar.navbar-inverse {
    border-radius: 0;
}

/*.carousel-control .icon-prev:hover, .carousel-control .glyphicon-chevron-left:hover {*/
#myCarousel.carousel.slide .carousel-control{
    color: #333;
    font-size: 35px;
    opacity: 1;
    text-shadow: none;
}

/*span.glyphicon:hover {*/
/*color: #333 !important;*/
/*}*/

#myCarousel.carousel.slide .carousel-control {
    background: none;
}

#myCarousel.carousel.slide .carousel-control:hover{
    opacity: 1;
    text-shadow: none;
    color: #999 !important;

}

ul.nav.navbar-nav > li {
    padding: 10px 0;
}

ul.nav.navbar-nav .dropdown-menu > li > a {
    padding: 10px 20px;
}

ul.nav.navbar-nav li.active, ul.nav.navbar-nav li.open {
    background-color: #080808;
}

.navbar-wrapper > .container {
    width: 100%;  margin: 0 !important;  padding: 0 !important;
}