/* ==========================================================================
Global
========================================================================== */
body {
    font-size: 16px;
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: 300;
    color: #000;
}

h1, h2, h3, h4, h5,
.h1, .h2, .h3, .h4, .h5 {
  font-weight: 400;
  color: #000;
}

small { 
font-weight: 400;
}

.max-width-1680 {
    max-width: 1680px;
    margin-left: auto;
    margin-right: auto
}

a:focus,
input:focus,
select:focus,
textarea:focus,
button:focus {
    outline: none;
}

.p-lg-r-lg {
	padding-right: 60px; 
}

/* ==========================================================================
Buttons
========================================================================== */
button:focus { outline:0; }

.btn-success,
.btn-primary,
.buynow_button {
    color: #fff;
    background-color: #C4C960;
    border-color: #C4C960;
}
.btn-success:hover, .btn-success:focus,
.btn-primary:hover, .btn-primary:focus,
.buynow_button:hover {
    background-color: #C4C960;
    border-color: #C4C960;
}

@media(max-width:768px) {
      #contact-form-dynamic button {
        font-size:14px;
      }
    }


/* ==========================================================================
Top Black Gradient Bar
========================================================================== */
.topbar-black-gra {
    background: #4c694a;
}
.black-gra-btn {
    background: #4c694a;
    border-left: 1px solid #fff;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    padding: 4px 15px 4px 15px;
    text-transform: uppercase;
    font-size: 15px;
  	font-weight: 400;
    margin-left: -1px;
}
.black-gra-btn:hover {
  color:#fff;
}
.black-gra-btn i {
    padding-left: 7px;
    font-style: normal;
}


/* ==========================================================================
Header
========================================================================== */
.calloutbox {
    border: solid 2px #C4C95E;;
    height: 78px;
    overflow: hidden;
  	margin-top: 35px;
}
.calloutbox.left h3 {
    margin-top: 11px;
}
.calloutbox.left h5 {
    margin-bottom: 12px;
}
.calloutbox h2,h3,h5 {
    color: #C4C95E;;
}
.header {
    border-top: solid 1px #1d2113;
    border-bottom: solid 3px #1d2113;
    padding-top: 18px;
    margin-bottom: 12px;
    background: #1d2113;
    -webkit-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.1);
}
.header .social a i {
  color:#ccc;
    font-size: 21px;
    padding-top: 12px;
}
.header .social a+a i {
    padding-left: 20px;
}
.silver-top-bar li {
    background: linear-gradient(to bottom, #efefef, #fff);
    background-color: white;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
}


/* ==========================================================================
Main Menu
========================================================================== */
.navbar-default {
    background-color: #1d2113;
    border-color: #1d2113;
    margin-bottom: 2px;
}
.navbar-default .navbar-brand {
    font-size: 28px;
    padding-left: 0;
    color: #fff;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
    color: #fff;
}
.navbar-default .navbar-toggle { border-color: #000; }
.navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
    background-color: transparent;
}
.navbar-default .navbar-nav .open .dropdown-menu > li > a,
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {
    color: #fff;
}

.navbar-default .navbar-nav > li > a {
    font-size: 20px;
    font-weight: 400;
    text-transform: uppercase;
    padding-bottom: 16px;
    border-bottom: 2px solid transparent;
    color: #fff;
}
.dropdown-menu { font-size: 16px; font-weight: 400; }
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
    border-color: #1d2113;
    color: #fff;
    border-bottom: 2px solid #1d2113;
    padding-bottom: 16px;
}
.navbar-collapse {
    padding-left: 0;
    box-shadow: none;
}
.navbar-default,
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border-color: #1d2113;
}
.dropdown-toggle .fa-plus {
    margin-left: 4px;
}
.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:focus,
.navbar-default .navbar-nav>.open>a:hover {
    background-color: transparent;
}
.navbar-nav>li>.dropdown-menu {
    margin-top: -8px;
    border-top: solid 2px #C4C95E;
}
.dropdown-menu {
    background-color: #1d2113;
    border-radius:0px;
}
.dropdown-menu > li > a { color: #fff; }
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
    color:#fff;
    background-color: #1d2113;
}
.navbar-default .navbar-nav > .open > a {
    color: #fff;
}
.navbar-default .navbar-nav > .open > a:focus {
    color: #fff;
    border-bottom: none;
}
/* Hudson for plus symbol in the nav menu */
.plus:before {
    content: " + ";
    position: relative;
    width: 10px;
    margin-right: 1px;
}



/* ==========================================================================
Footer
========================================================================== */
footer {
    background-color: #212121;
    margin-top:50px;
    color:#fff;
}
footer .container-fluid {
    width: 100%;
}
footer p,
footer li,
footer li a {
    font-size: 15px;
    line-height: 26px;
    font-weight: 400;
    color:#fff;
}
footer h1,footer h2,footer h3,footer h4 { color:#fff; }



/* ==========================================================================
Instagram
========================================================================== */
#instafeed .col-xs-3+.col-xs-3 {
    margin-left: 2%;
}
#instafeed .col-xs-3 {
    width: 23%;
}
#instafeed .col-xs-3 {
    padding: 3px;
    background: #fff;
    border: solid 1px #ddd;
    border-radius: 3px;
}


/* ==========================================================================
Masonary Grid
========================================================================== */
                                
#mProducts {
	margin:0 -10px;                              
}
#mProducts > div {
    margin-bottom: 30px;
}
#mProducts .mGrid > div {
    letter-spacing: 1px;
}
#mProducts .mGrid .col-xs-12:first-of-type {
    padding-bottom: 4px;
}
#mProducts .mGrid > div {
    -webkit-box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.3);
}
.mGrid .clearfix {
  padding-top:30px;
  padding-bottom:30px;
  background-color:#424242
}



/* ==========================================================================
Sidebar
========================================================================== */
.nav-bordered.nav-stacked.right > li > a {
    border-left: 1.5px solid transparent;
    color: #000;
    font-weight: 300;
    font-size: 18px;
}
.nav-bordered.nav-stacked.right > li > a:hover {
    border-left: 1.5px solid #1d2113;
}


/* ==========================================================================
Register Page
========================================================================== */
.smalltext_new { color:#000!important; }
.smalltext { color:#000!important; }


/* ==========================================================================
Auth Area
========================================================================== */
.nav-pills>li>a:hover { color:#000; }

.nav-bordered.nav-stacked.right {
  border-left: 1px solid #595959;
}

.card {
  color:#1a1a1a;
}
.card a {
  color: #1a1a1a;
}

/* ==========================================================================
Cart
========================================================================== */
.cartsummary,
.cartsummary a,
#sticky-cart .h3,
#sticky-cart .h5,
#sticky-cart .h4,
#sticky-cart small {
  color: #333;
}
#billingdetailsedit .well,
#billingdetailsedit .well .h4 {
color: #000;
}
                
#express_login .btn {
    color: #fff;
    background-color: #C4C960;
    border-color: #C4C960; 
}

/* ==========================================================================
Home Page
========================================================================== */

.carousel {
 	max-width: 1680px; margin-right:auto;margin-left:auto;
}

/* ==========================================================================
Responsive
========================================================================== */

@media (max-width: 767px) {
  	.navbar .navbar-nav {
    display: inline-block;
    float: none;
    }
  	.p-lg-r-lg {
    	padding-right: inherit;
    }
  	.calloutbox {}
}
@media (min-width: 768px) and (max-width: 991px) {
  	.navbar .navbar-nav {
    display: inline-block;
    float: none;
    }
  	.calloutbox h3 {
    font-size: 23px;
    letter-spacing: -1px;
    }
  	.calloutbox h5 {
    font-size: 13px;
    letter-spacing: -1px;
    }
  	.p-lg-r-lg {
    	padding-right: inherit;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
 	.p-lg-r-lg {
    	padding-right: inherit;
    }
}
@media (min-width: 1200px) {
   
}
.product-name,
span.price.h4 {
    color: #fff;
}
footer {
    background-color: #4c694a;
}
.card .card-header.bg-inverse {
    background: #1d2113;
}
button.btn.send_button {
    background-color: #1d2113;
    color: #fff;
    padding: 10px 25px;
    border-radius: 0px;
}
.mGrid .clearfix {
    padding-top: 30px;
    padding-bottom: 30px;
    background-color: #1d2113;
}
.colour-options .btn-group-vertical>.btn,
.purchase-options .btn-group-vertical>.btn{
        font-weight: 200;
        border-radius: 0px;
  		font-size:15px;
}
.colour-options .btn-group-vertical,
.purchase-options .btn-group-vertical {
	width:95%;
}
.colour-options .btn-group-vertical>.btn:first-child:not(:last-child),
.purchase-options .btn-group-vertical>.btn:first-child:not(:last-child),
.colour-options .btn-group-vertical>.btn:last-child:not(:first-child),
.purchase-options .btn-group-vertical>.btn:last-child:not(:first-child)  {
    -webkit-border-radius: 0px 0px 0 0!important;
    border-radius: 0px 0px 0 0!important;
    font-weight: 200;
}
.colour-options .btn-default.active, .colour-options .btn-default:active,.colour-options .btn-default:hover,.colour-options .btn-default,
.purchase-options .btn-default.active, .purchase-options .btn-default:active,.purchase-options .btn-default:hover,.purchase-options .btn-default{
    border-color: #2f2f2f;
}
button.btn.buynow_button {
    color: #fff;
    background-color: #C4C960;
    font-size: 25px;
    font-weight: 200;
    border-radius: 0px;
    width: 100%;
    border-color:#C4C960;
}
span#delivery_heading {
    display: block;
    text-align: center;
}