/*!
 * Start Bootstrap - Shop Homepage (http://startbootstrap.com/)
 * Copyright 2013-2016 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap/blob/gh-pages/LICENSE)
 */

/*################################################################
BODY
################################################################# */

* { 
    margin: 0;
    padding: 0px;
}

html, body {
    height: 100%;
}

body {
    font-family: 'robotoregular',sans-serif;
	color: #5e5e5e;
	background-color: #FaFaFa;
    /*padding-top: 36px; /* Required padding for .navbar-fixed-top. Change if height of navigation changes. */
    margin: 0; 
    height: 100%;
}



img {
    height: auto;
    max-width: 100%;
}

/*################################################################
NAVBAR
################################################################# */


.navbar-fixed-top .nav {
  padding: 0px 0;
}

.navbar-fixed-top .navbar-brand {
  padding: 0 15px;
}






@media(min-width:768px) {
  body {
    /*padding-top: 36px; /* Required padding for .navbar-fixed-top. Change if height of navigation changes. */
  }

  .navbar-fixed-top .navbar-brand {
    padding: 0px 0;
  }
  
}

/* Default */
.navbar-default {
  font-family: Arial,'robotomedium';
  background: #1f3b7c; /* Old browsers */
  background: -moz-linear-gradient(/*left,*/  #1f3b7c 0%, #394eb5 25%, #225ba5 75%, #1f3b7c 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(/*left,*/  #1f3b7c 0%, #394eb5 25%, #225ba5 75%, #1f3b7c 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(/*to right,*/  #1f3b7c 0%, #394eb5 25%, #225ba5 75%, #1f3b7c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9736', endColorstr='#c27329',GradientType=1 ); /* IE6-9 */
  border-top: 0px solid;
  border-top-color:#e4a276; /*rgba(140, 54, 22, 0.75);*/
  border-bottom: 0px solid #e4a276;
  -webkit-box-shadow: 0 8px 6px -6px #999;
  -moz-box-shadow: 0 8px 6px -6px #999;
  box-shadow: 0 8px 6px -6px #999;
}

/* Test */

.navbar-brand img {
    max-height: 100%;
    width: auto;
}

/* End Test */

.navbar-default .navbar-brand {
  color:#fff; /*#23363B;*/
}

.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
  color: #fff;
  text-decoration:underline;
}
.navbar-default .navbar-text {
  color: #fff;
}
.navbar-default .navbar-nav > li > a {
  color: #fff;
  
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #fff;
  text-decoration:underline;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: #fff;
  text-decoration:underline;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  color: #fff;
  text-decoration:underline;
}
.navbar-default .navbar-toggle {
  background-color: #E3E8E4; /* Default Hamburger Background*/
  border-color: #e4a276; /* Default Hamburger Box Outline*/
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: #E3E8E4; /* Hamburger Hover Background*/
  border-color: #e4a276; /* Hamburger Hover Box Outline*/
  
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #23363B; /* Hamburger Stripes*/
  border-color: #e4a276; /* Hamburger Outline*/
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border-color: #de9e62; 
}
.navbar-default .navbar-link {
  color: #fff;
}
.navbar-default .navbar-link:hover {
  color: #fff;
  text-decoration:underline;
}



@media (max-width: 767px) {
	
  .navbar-collapse
    {
   background-color:#EFCAA7; /*#F9F8F9;*/
  }
  
  .navbar-default .navbar-nav > li > a:hover{
   background-color: #e0a66f; /*#E3E8E4;*/
  }
  
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
	color: #CC9968;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #423222;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #423222;
  }
}
/*################################################################
BUTTONS
################################################################# */

.btn-button-thumb {
    color: #c27329;
    font-weight: bold;
    background-color: transparent;
    border: 1px solid #c27329;
    margin-top:15px;
}

.btn-button-thumb:hover,
.btn-button-thumb:focus,
.btn-button-thumb:active,
.btn-button-thumb.active{
    color: #f8f5ea;
    background-color: #FF9736;
    border: 1px solid #c27329;
} 


.btn-button-slider {
    color: #f8f5ea;
    background-color: #617358;
    border: 1px solid #213318;
    margin: 4px;
    -webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
}


.btn-button-slider:hover,
.btn-button-slider:focus,
.btn-button-slider:active,
.btn-button-slider.active
{
    color: #f8f5ea;
    background-color: #213318;
    border: 1px solid #213318;
    margin: 4px;
    -webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
} 


/*################################################################
MainContent
################################################################# */


.MainContent{
	background-color: transparent;
	padding-top: 30px;
	padding-bottom: 30px;
	
}

/*################################################################
LIST GROUP PANEL
################################################################# */


.side-panel .list-group-item{
    color: #2b2b2b;
    background-color: transparent;
    border: 1px solid #E8E3E3;
    border-radius: 0 !important;
}

.side-panel .list-group-item:hover{
    color: #2b2b2b;
    background-color: #E3E8E4;
    border: 1px solid #E8E3E3;
    border-radius: 0 !important;
   
}

.side-panel .list-group-item.active{
    color: #2b2b2b;
    background-color: #E3E8E4;
    border: 1px solid #E8E3E3;
    border-radius: 0 !important;
}
   
/* Test */

.side-panel .list-group-item h4 {
 font-family: 'robotobold';
 overflow: hidden;
 text-align: center;
}
.side-panel .list-group-item h4:before,
.side-panel .list-group-item h4:after {
 background-color: #23363B;
 content: "";
 display: inline-block;
 height: 1px;
 position: relative;
 vertical-align: middle;
 width: 50%;
}
.side-panel .list-group-item h4:before {
 right: 0.5em;
 margin-left: -50%;
}
.side-panel .list-group-item h4:after {
 left: 0.5em;
 margin-right: -50%;
}


/* End Test */



.side-panel .list-group-item h4{ 
    font-size: 1.25em;
    color: #23363B;
}

.side-panel .list-group-item.active h4{ 
    font-size: 1.25em;
    color: #23363B;
}

.side-panel .list-group-item:hover h4{ 
    font-size: 1.25em;
    color: #23363B
}

.side-panel .list-group-item.active:hover h4{ 
    font-size: 1.25em;
    color: #23363B
}

.side-panel .list-group-item p{ 
    color: #2b2b2b;
}

.side-panel .list-group-item:hover p{ 
    color: #2b2b2b;
}
.side-panel .list-group-item.active p{ 
    color: #2b2b2b;
}

.side-panel .list-group-item.active:hover p{
    color: #2b2b2b;
}

.side-panel .list-group-item.disabled{ 
    color: #686666;
    background-color: transparent;
}

.side-panel .list-group-item.disabled:hover{ 
    color: #686666;
}

.side-panel .list-group-item.disabled p{ 
    color: #686666;
}

.side-panel .list-group-item.disabled:hover p{ 
    color: #686666;

}

/*################################################################
THUMBNAIL GALLERY
################################################################# */

.Thumbnails a,
.Thumbnails a:hover,
.Thumbnails a:focus{
	text-decoration:none;
}

.Thumbnails h3{
    font-family: 'roboto_slabregular','Roboto Slab', serif;
    font-style: normal;
    font-weight: 500;
    font-size: 1.35em;
    text-shadow:
	1px 2px 3px #DDEEFF,
        0 0 0 black,
        -1px 1px 0 #DDEEFF,
        1px 1px 0 white;
    color: rgba(35, 54, 59, .8);
    letter-spacing: 0px;

}

.Thumbnails h3 a{
    font-style: normal;
    font-weight: 500;
    font-size: 1.35em;
    text-shadow:
	1px 2px 3px #DDEEFF,
        0 0 0 black,
        -1px 1px 0 #DDEEFF,
        1px 1px 0 white;color: rgba(35, 54, 59, .8);
    letter-spacing: 0px;

}

.Thumbnails h3 a:hover{
	font-style: normal;
    font-weight: 500;
    font-size: 1.35em;
    text-shadow:
	1px 2px 3px #FFE1E7,
        0 0 0 black,
        -1px 1px 0 #FFE1E7,
        1px 1px 0 white;color: rgba(255, 151, 54, .8);
    letter-spacing: 0px;
}

.Thumbnails h5{
	color:#A44F3F;
	padding-left: 20px;
}





/*################################################################
READ MORE
################################################################# */

.morectnt span {
	display: none;
}

/*################################################################
FOOTER
################################################################# */

footer{
	margin-top: 50px;
    min-height: 180px;
    background: transparent;
    /*background-image: url("../img/navbar/Footer.png");
    background-repeat: no-repeat;
    background-position: center; */
}

footer  h3 a{
    text-shadow:
	1px 2px 3px #DDEEFF,
        0 0 0 black,
        -1px 1px 0 #DDEEFF,
        1px 1px 0 white;

  color: rgba(35, 54, 59, .8);
  letter-spacing: 0px;
  font-size: .75em;
  font-weight: bold; 
}

footer  h3 a:hover{
    text-shadow:
	1px 2px 3px #FFF1E7,
        0 0 0 black,
        -1px 1px 0 #FFF1E7,
        1px 1px 0 white;

  color: rgba(255, 151, 54, .8);
  letter-spacing: 0px;
  font-size: .75em;
  font-weight: bold; 
}

footer p{
    color: #2b2b2b;
    text-align: center;
}

footer  a{
    color: #F8983D;
	text-align: center;
}
footer  a:hover{
    color: #23363B;
	text-align: center;
	text-decoration: none;
}

/*################################################################
BACK TO TOP
################################################################# */

a.back-to-top {
	display: none;
	width: 60px;
	height: 60px;
	text-indent: -9999px;
	position: fixed;
	z-index: 999;
	right: 20px;
	bottom: 20px;
	background: rgba(255,151,54,0.4) url("../img/up-arrow.png") no-repeat center 43%;
	outline: 0;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
}