@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600,700);

body {
    background-color: #382922;
    font-family: 'Open Sans', sans-serif;
    color: #5d5d5d;
}

.clearfix {
    clear: both;
}

.bottom-space{
    margin-bottom: 20px;
}

.verticalLine {
    border-left: 1px solid #ECECEC;
}
@media(min-width:768px){
    .nopadding{
        padding-right: 0px;
        padding-left: 0px;
    }

}
@media(max-width:768px){
    .nopadding{
        padding-right: 15px;
        padding-left: 15px;
    }
}

.img_logo{
    width: 100%;
    margin-bottom: 4px;
}

a {
    color: #382922;
    text-decoration: none;
}
a:hover {
    color: #382922 !important;
    text-decoration: none;
}
a:hover {
    color: #382922 !important;
    text-decoration: none;
}

.pagination {
    margin: 50px 0;
}

.pagination > li > a {
    color: #382922;
}

.pagination > li.active > a {
    background-color: #392A23;
}

.menu-costumized{
    margin-bottom: 0px;
    border: none;
}
.newsletter-btn{
    margin-top: 2px;
    margin-bottom: 2px;
    text-align: right;
}

.btn-golds:hover{
    background-color: #BFBFBF;
    color: black;
}

.btn-golds{
    background-color: #B1A998;
    color: white;
}

.btn-gold{
    background-color: #e9c877;
}

.btn-primary:hover, .btn-primary:active, .btn-primary:focus{
    background-color: #e9c877;
    border-color: #CCCCCC;
}
.btn-primary {
    color: black !important;
    background-color: #e9c877 !important;
    border-color: #CCCCCC !important;
}
button {
    outline: none !important;
    outline-color: transparent !important;
}
.btn-size{
    padding: 3px 3px;
    font-size: 10px;
}
.navbar {
    min-height: 35px;
}

.navbar-nav > li a {
    padding: 8px 10px;
    text-decoration: none;
    font-size: 14px;
    color: #382922;
    transition: all 0.3s ease 0s;
}

.navbar-nav > li a:hover {
    color: #FFFFFF;
    background-color: #382922;
}
.nav>li>a:focus, .nav>li>a:hover {
    text-decoration: none;
    background-color: #DDD;
}

.navbar-toggle {
    border: 1px solid rgb(56, 41, 34);
/*    margin-top: 40px;*/
}

.navbar-toggle .icon-bar {
    border: 1px solid rgb(56, 41, 34);
}

/******* HEADER *******/

#Header{

}

#HeaderTop {
    background-color: #2D2A2D;
    padding-top: 1px;
    padding-bottom: 1px;
}

#HeaderMid {
    background: url('../media/bg-header.jpg') repeat-x;
}

#HeaderBot {
    background-color: #e9c877;
    border-top: 1px dotted black;
}
#HeaderBot div.container{
   position: relative;
}

/******* Body *******/

#BodyTop {

}

#right {
    border-color: #ECECEC;
}

#fullcenter {
    background-color: white;
}

#BodyMain {
    background-color: #FFFFFF;
    padding-top: 30px;
}

#BodyMain h1 {
    margin: 0 0 5px 0;
    font-size: 18px;
    text-transform: uppercase;
}

#BodyMain h2 {
    margin: 0 0 4px 0;
    font-size: 15px;
    text-transform: uppercase;
}



/********** FOOTER **********/

#Footer {
    min-height: 100px;
}

#Footer > div {
    background-color: #e9c877;
    float: left;
    width: 100%;
}

#footer_top a {
    color: white;
    text-decoration: none;
}

#footer_top {
    background-color: #8853C3;
}

#footer_mid {
    background-color: #2E2B2D;
}

#footer_bot {
    background: url('../media/bg-footer.jpg') repeat-x;
    color: #b1a998;
    font-size: 12px;
    margin-top: 25px;
    padding-top: 10px;
}
#footer_bot a {
    color: #b1a998;
    text-decoration: none;
    font-weight: bold;
}
#footer_bot a:hover {
    color: #DCAC3F !important;
}
.footer-align {
    text-align: center;
    margin-bottom: 5px;
}

.fa-facebook-square:hover {
    color: #3B5998;
}

.fa-twitter-square:hover {
    color: #4099FF;
}
.fa-google-plus-square:hover {
    color: #d34836;
}
.fa-youtube-square:hover {
    color: #C52F30;
}
.footer-icons {
    font-size: 2em;
}
/********** Menu alignment **********/
#pb_87 {
    float: left;
}
#pb_99 {
    float: right;
}
#pb_100 {
    float: right;
    padding-top: 1px;
}
.navbar-toggle {
    float: left;
}

/********** News Gallery **********/

#pinBoot {
    position: relative;
    max-width: 100%;
    width: 100%;
}
#pinBoot > article > img {
    width: 100%;
    max-width: 100%;
    height: auto;
}
.white-panel {
    position: absolute;
    background: white;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
    padding: 10px;
}
/*
stylize any heading tags withing white-panel below
*/

.white-panel h1 {
    font-size: 1em;
}
.white-panel h1 a {
    color: #A92733;
}
.white-panel:hover {
    box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.5);
    margin-top: -5px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}


/***********************************  POST  *******************************/

.PostsList {
    width: 100%;
    float: left;
    padding-left: 0px;
    padding-right: 0px
}

.PostsList ul {
    list-style: none;
    list-style-position: inside;
    margin: 0;
    padding: 0;
    width: 100%;
    float: left;
}

.PostsList ul li {
    list-style: none;
    display: block;
    float: left;
    width: 320px;
    min-height: 395px;
    padding: 5px;
    margin: 5px;
    box-shadow: 0px 0px 5px rgba(0,0,0,0.25);
    -moz-box-shadow: 0px 0px 5px rgba (0,0,0,0.25);
    -webkit-box-shadow: 0px 0px 5px rgba (0,0,0,0.25);
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.PostsList .PostTitle {
    font-size: 16px;
    font-weight: bold;
    color: #382a22;
}
.PostsList .PostTitle a { text-decoration: none; }

.PostsList .PostContent {
    font-size: 13px;

}

.PostsList .PostReadMore {
    clear: both;
    float: right;
    font-size: 12px;
}
.PostsList .PostReadMore a {
    color: #382A22;
    font-weight: bold;
    text-decoration: none;
}

/*************************************************************************************************/

.PostsList {
    width: 100%;
    float: left;
}

.PostsList ul {
    list-style: none;
    list-style-position: inside;
    margin: 0;
    padding: 0;
    width: 100%;
    float: left;
}

.PostsList ul li {
    list-style: none;
    display: block;
    float: left;
    width: 320px;
    min-height: 395px;
    padding: 5px;
    margin: 5px;
    box-shadow: 0px 0px 5px rgba(0,0,0,0.25);
    -moz-box-shadow: 0px 0px 5px rgba (0,0,0,0.25);
    -webkit-box-shadow: 0px 0px 5px rgba (0,0,0,0.25);
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.PostsList .PostImage {

}
.PostsList .PostImage img { border: 0; max-width: 310px; }

.PostsList .PostDate {
    font-size: 10px;
    color: #ae8d42;
    margin-top: 15px;
}

.PostsList .PostTitle {
    font-size: 16px;
    font-weight: normal;
    color: #382a22;
    margin-top: 10px;
    margin-bottom: 5px;
    border-bottom: 1px solid #eee;
}

.PostsList .PostTitle a { text-decoration: none; }

.PostsList .PostContent {
    font-size: 13px;

}

.PostsList .PostReadMore {
    clear: both;
    float: right;
    font-size: 12px;
}
.PostsList .PostReadMore a {
    color: #382A22;
    font-weight: bold;
    text-decoration: none;
}




/*********************** SINGLE POST ************************/

.SinglePost .PostDate {
    font-size: 13px;
    color: #ae8d42;
}

.SinglePost .PostTitle {
    font-size: 20px;
    font-weight: bold;
    color: #382a22;
    margin-bottom: 15px;
}

.SinglePost .PostImage {
    float: left;
    padding: 5px;
    margin: 5px;
    box-shadow: 0px 0px 5px rgba(0,0,0,0.25);
    -moz-box-shadow: 0px 0px 5px rgba (0,0,0,0.25);
    -webkit-box-shadow: 0px 0px 5px rgba (0,0,0,0.25);
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.PostsList .PostImage img {  }

.SinglePost .PostContent {
    font-size: 15px;
    line-height: 22px;
}





.PostsList.PostsList_Right ul li {
    width: initial;
    min-height: initial;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    margin-bottom: 14px;
}
/*.PostsList.PostsList_Right .PostDate { display: none; }*/
.PostsList.PostsList_Right .PostReadMore { display: none; }
.PostsList.PostsList_Right .PostTitle { font-weight: normal; }
.PostsList.PostsList_Right .PostContent {
    font-size: 0.90em;
    line-height: 1.3em;
}


/* carousel */
.media-carousel 
{
    margin-bottom: 0;
    padding: 0 40px 30px 40px;
    margin-top: 30px;
}
/* Previous button  */
.media-carousel .carousel-control.left 
{
    left: -12px;
    background-image: none;
    background: none repeat scroll 0 0 #222222;
    border: 4px solid #FFFFFF;
    border-radius: 23px 23px 23px 23px;
    height: 40px;
    width : 40px;
    margin-top: 30px
}
/* Next button  */
.media-carousel .carousel-control.right 
{
    right: -12px !important;
    background-image: none;
    background: none repeat scroll 0 0 #222222;
    border: 4px solid #FFFFFF;
    border-radius: 23px 23px 23px 23px;
    height: 40px;
    width : 40px;
    margin-top: 30px
}

@media (max-width: 768px){
    .media-carousel .carousel-control.left 
{
    position: absolute;
    left: 160px !important;
    top: -75px;
}
/* Next button  */
.media-carousel .carousel-control.right 
{
    position: absolute;
    right: 160px !important;
    top: -75px;
}
}
/* Changes the position of the indicators */
.media-carousel .carousel-indicators 
{
    right: 50%;
    top: auto;
    bottom: 0px;
    margin-right: -19px;
}
/* Changes the colour of the indicators */
.media-carousel .carousel-indicators li 
{
    background: #c0c0c0;
}
.media-carousel .carousel-indicators .active 
{
    background: #333333;
}
.media-carousel img
{
/*    width: 250px;
    height: 100px*/
}

.carousel .thumbnail {
    margin-bottom: 2px;
}
.carousel .PostTitle {
    font-size: 0.9em;
}
/* End carousel */

/******* BREADCRUMB ********/

.breadcrumb { 
    list-style: none; 
    overflow: hidden; 
    padding: 0px 0px;    
    background-color: rgba(245, 245, 245, 0);
    font-size: 12px;

}
.breadcrumb div { 
    float: left; 
}
.breadcrumb div a {
    color: white;
    text-decoration: none; 
    padding: 10px 0 10px 35px;
    background: brown;                   /* fallback color */
    background: hsl(19, 24%, 18%); 
    position: relative; 
    display: block;
    float: left;
}

.breadcrumb div a:after { 
    content: " "; 
    display: block; 
    width: 0; 
    height: 0;
    border-top: 50px solid transparent;           /* Go big on the size, and let overflow hide */
    border-bottom: 50px solid transparent;
    border-left: 30px solid hsl(19, 24%, 18%);
    position: absolute;
    top: 50%;
    margin-top: -50px; 
    left: 100%;
    z-index: 2; 
}

.breadcrumb div a:before { 
    content: " "; 
    display: block; 
    width: 0; 
    height: 0;
    border-top: 50px solid transparent;       
    border-bottom: 50px solid transparent;
    border-left: 30px solid white;
    position: absolute;
    top: 50%;
    margin-top: -50px; 
    margin-left: 1px;
    left: 100%;
    z-index: 1; 
}

.breadcrumb div:first-child a {
    padding-left: 10px;
}
.breadcrumb div:nth-child(2) a       { background:        hsla(43,85%,45%,1); }
.breadcrumb div:nth-child(2) a:after { border-left-color: hsla(43,85%,45%,1); }
.breadcrumb div:nth-child(3) a       { background:        hsl(43, 72%, 69%); }
.breadcrumb div:nth-child(3) a:after { border-left-color: hsl(43, 72%, 69%); }
.breadcrumb div:nth-child(4) a       { background:        hsla(43,85%,65%,1); }
.breadcrumb div:nth-child(4) a:after { border-left-color: hsla(43,85%,65%,1); }
.breadcrumb div:nth-child(5) a       { background:        hsl(41, 14%, 65%); }
.breadcrumb div:nth-child(5) a:after { border-left-color: hsl(41, 14%, 65%); }
.breadcrumb div:last-child a {

}

.breadcrumb div a:hover { 
/*    background: hsla(43,85%,25%,1); */
    color: white !important;
}
/*.breadcrumb div a:hover:after { border-left-color: hsla(43,85%,25%,1) !important; }*/

.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {

    color: #fff;
    background-color: #E9C877;
    border-color: #A9A9A9;
}

.pagination>li>a, .pagination>li>span {
    color: #6F4737;
}

/*login form*/

.panel-login {
    border-color: #ccc;

}
.panel-login>.panel-heading {
    color: #00415d;
    background-color: #fff;
    border-color: #fff;
    text-align:center;
}
.panel-login>.panel-heading p{
    text-decoration: none;
    color: #666;
    font-weight: bold;
    font-size: 15px;
    -webkit-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    transition: all 0.1s linear;
}
.panel-login>.panel-heading p.active1{
    color: #FFD75F;
    font-size: 20px;
    text-shadow: 0px 0 #866625, 0 1px #866625, 1px 0 #866625, 0 -1px #866625;
}
.panel-login>.panel-heading hr{
    margin-top: 5px;
    margin-bottom: 5px;
    clear: both;
    border: 0;
    height: 1px;
    background-image: -webkit-linear-gradient(left,rgba(0, 0, 0, 0),rgba(0, 0, 0, 0.15),rgba(0, 0, 0, 0));
    background-image: -moz-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,0.15),rgba(0,0,0,0));
    background-image: -ms-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,0.15),rgba(0,0,0,0));
    background-image: -o-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,0.15),rgba(0,0,0,0));
}
.modal-title {
    text-align: center;
}

/* Search button */
.input-group {
    width: 100%;
}
@media (min-width: 768px){
    .navbar-form .input-group .form-control, .navbar-form .input-group .input-group-addon, .navbar-form .input-group .input-group-btn {
        width: 1px;
    }
}
.input-group-btn:last-child>.btn, .input-group-btn:last-child>.btn-group {
    margin-left: 0px;
}
.navbar-collapse {
    padding-top: 0px !important;
    max-height: 270px;
}
.navbar-collapse form[role="search"] {
    position: relative;
    top: 0px;
    right: 0px;
    width: 100%;
    padding: 0px;
    margin: 0px;
    z-index: 0;
}
.navbar-collapse form[role="search"] button,
.navbar-collapse form[role="search"] input {
    padding: 7px 12px;
    border-radius: 0px;
    border-width: 0px;
    color: rgb(56, 41, 34);
    background-color: rgb(233, 200, 119);
    border-color: rgb(231, 231, 231);
    box-shadow: none;
    outline: none;
}
.navbar-collapse form[role="search"] input {
    padding: 16px 12px;
    font-size: 14px;
    font-style: normal;
    color: rgb(56, 41, 34);
    box-shadow: none;
}

@media (min-width: 768px) {
    .navbar-collapse {
        padding-top: 0px !important;
        padding-right: 0px !important;
        padding-left: 0px;
    }
    .navbar-collapse form[role="search"] {
        width: 38px;
    }
    .navbar-collapse form[role="search"] button,
    .navbar-collapse form[role="search"] input {
        padding: 8px 12px;
    }
    .navbar-collapse form[role="search"] input {
        padding: 18px 12px;
        font-size: 14px;
        opacity: 0;
        display: none;
    }
    .navbar-collapse form[role="search"].active {
        width: 100%;
    }
    .navbar-collapse form[role="search"].active button,
    .navbar-collapse form[role="search"].active input {
        display: table-cell;
        opacity: 1;
    }
    .navbar-collapse form[role="search"].active input {
        width: 100%;
        text-align: right;
        border-bottom-left-radius: 5px;
        border-top-left-radius: 5px;
    }
    .navbar-collapse form[role="search"].active button[type="submit"] {
        background-color: rgb(221, 221, 221);
        border-radius: 4px;
    }
}
@media (max-width: 767px) {
    .navbar-collapse form[role="search"] button, .navbar-collapse form[role="search"] input {
        background-color: #eee;
    }
}

.alert-gold {
    color: #382922;
    background-color: rgb(233, 201, 119);
    border-color: white;
    padding: 8px;
    border-radius: 0px;
}

.breadcrumb div:last-child a {
/* display: none;*/
}

.datestyle{
 font-size: 10px;      
 color: #ae8d42;
}

.imagemargin{
    margin-top: 10px;
    margin-bottom: 10px;
    
}

div.container ul li {
    list-style-type: none;
}
div.np ul {
    padding: 0px;
}