/*
HOVERNAV
A simple addition to the dropdown menu (Bootstrap itself is unchanged). Navbar dropdowns appear on hover.
This works only for screen sizes larger than phones.
If you don't want this, delete this segment of the CSS and delete the corresponding segment of bst.js
*/

@font-face {
    font-family: 'gotham_bookregular';
    src: url('../fonts/gotham_book-webfont.eot');
    src: url('../fonts/gotham_book-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/gotham_book-webfont.woff') format('woff'),
         url('../fonts/gotham_book-webfont.ttf') format('truetype'),
         url('../fonts/gotham_book-webfont.svg#gotham_bookregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'gotham_lightregular';
    src: url('../fonts/gotham_light-webfont.eot');
    src: url('../fonts/gotham_light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/gotham_light-webfont.woff') format('woff'),
         url('../fonts/gotham_light-webfont.ttf') format('truetype'),
         url('../fonts/gotham_light-webfont.svg#gotham_lightregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'gotham_htfbold';
    src: url('../fonts/gothamhtf-bold-webfont.eot');
    src: url('../fonts/gothamhtf-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/gothamhtf-bold-webfont.woff2') format('woff2'),
         url('../fonts/gothamhtf-bold-webfont.woff') format('woff'),
         url('../fonts/gothamhtf-bold-webfont.ttf') format('truetype'),
         url('../fonts/gothamhtf-bold-webfont.svg#gotham_htfbold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'gotham_htfmedium';
    src: url('../fonts/gothamhtf-medium-webfont.eot');
    src: url('../fonts/gothamhtf-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/gothamhtf-medium-webfont.woff') format('woff'),
         url('../fonts/gothamhtf-medium-webfont.ttf') format('truetype'),
         url('../fonts/gothamhtf-medium-webfont.svg#gotham_htfmedium') format('svg');
    font-weight: normal;
    font-style: normal;

}


@media (min-width: 768px) {
  .navbar-nav .caret {
    display: none
  } 
  /* Delete the above if you wish to display the caret */
  .navbar-nav .open ul {
    display: none
  }
  .navbar-default .navbar-nav > .open > a,
  .navbar-default .navbar-nav > .open > a:hover,
  .navbar-default .navbar-nav > .open > a:focus {
    color: #555;
    background: none
  }
  .navbar-inverse .navbar-nav > .open > a,
  .navbar-inverse .navbar-nav > .open > a:hover,
  .navbar-inverse .navbar-nav > .open > a:focus {
    color: #969696;
    background: none
  }
  .navbar-nav .hovernav:hover > .dropdown-menu {
    display: block
  }
}

/*
MEGANAV
A simple addition to the dropdown menu (Bootstrap itself is unchanged). When you add GRAND-CHILD links in the navbar,
On screens larger than phones, Meganav will transform the dropdown into a mega-menu, with child-links displayed as menu-column heads (in bold).
If you don't want this, delete this segment of the CSS and delete the corresponding segment of bst.js
*/
.mega-menu ul a {
	color: #666;
}
.has-children > a {
	font-size: 15px;
	font-weight: bold !important
}
@media (max-width: 767px) {
	.has-children ul {
		display: block !important;
		margin-left: 15px
	}
}
@media (min-width: 768px) {
	.dropdown.mega-menu {
		position: static;
	}
	.mega-menu > .dropdown-menu {
		left: 0;
		right: 0;
		overflow-x: auto
	}
	.mega-menu > ul > li {
	  display:table-cell;
	}
	.mega-menu > ul ul {
		position: relative;
		display: block !important;
		border: 0;
		border-radius: 0;
		box-shadow: none;
		padding: 0
	}
	.has-children {
		border-right: 1px solid #e7e7e7
	}
	.has-children:last-of-type {
		border-right: 0
	}

}


/*
Max content widths
*/
.size-auto, 
.size-full,
.size-large,
.size-medium,
.size-thumbnail {
	max-width: 100%;
	height: auto
}

/*
Header logo
An example of how to use CSS to display an image as a background of an HTML element.
*/

#site-title a {
  display: inline-block;
  padding: 30px 0 30px 100px;
  background: url(../img/bst.png) 0 0 no-repeat;
  background-size: 95px 95px
}
#site-title a:hover {
  background: url(../img/bst-hover.png) 0 0 no-repeat;
  background-size: 95px 95px;
  text-decoration: none
}
.main-nav {
  margin-top: 20px
}

/*
Sidebar
*/

.sidebar ul,
.sidebar ol {
  list-style-type: none;
  padding: 0
}
.sidebar li {
  margin: 10px 0
}

/*
Hide form placeholders on focus
*/

input:focus::-webkit-input-placeholder { color:transparent; }
input:focus:-moz-placeholder { color:transparent; } /* FF 4-18 */
input:focus::-moz-placeholder { color:transparent; } /* FF 19+ */

/*
Footer
*/

.footer ul,
.footer ol {
  list-style-type: none;
  padding: 0
}
.footer li {
  margin: 10px 0
}
.sub-footer p {
  text-align: center
}

/*
Commentlist
*/

ol.commentlist {
	counter-reset: li; /* Initiate a counter */
	padding: 0
}
ol.commentlist ul {
  padding: 0
}
ol.commentlist > li {
	position: relative;
	margin: 0 0 20px 0;
	list-style: none /* Disable the normal item numbering */
}
ol.commentlist > li:before {
  content: "Thread " counter(li); /* Use the counter as content */
  counter-increment: li; /* Increment the counter by 1 */
  position:absolute;  
  top: 0;
  right: 0;
  border-bottom: 1px solid #ddd;
  border-left: 1px solid #ddd;
  border-bottom-left-radius: 4px;
  padding: 5px 20px 5px 10px;
  color: #999
}
ol.commentlist li ol,
ol.commentlist li ul {
  list-style-type: none;
  margin: 0
}

.commentlist li li {
  background: #f8f8f8;
}
.commentlist li li li {
  background: #fff
}
.commentlist li li li li {
  background: #f8f8f8
}
.commentlist li li li li li li {
  background: #fff
}
.commentlist li {
  padding: 20px
}
.commentlist ul li {
  margin-top: 20px;
  margin-bottom: 0
}
.reply p {
  margin: 0
}

/*
Woocommerce re-styling
*/

.woocommerce a:focus {
  outline: none
}
.woocommerce .count {
  background: inherit
}
.woocommerce .added_to_cart {
  display: block !important
}
.woocommerce .woocommerce-error:before,
.woocommerce .woocommerce-info:before,
.woocommerce .woocommerce-message:before,
.woocommerce-page .woocommerce-error:before,
.woocommerce-page .woocommerce-info:before,
.woocommerce-page .woocommerce-message:before {
  padding-top: 0
}
@media(min-width: 1400px){

body.home, #sectionP{
  background-size: 100% auto!important
}
}

body.home{
  background-image:url(../img/s0.jpg);
  background-repeat:no-repeat;
  background-attachment: fixed;
  background-position: center top;
  background-color: #c7c59f;
  margin: 0;
  padding: 0;
  overflow-x:hidden;  
  font-family: 'gotham_bookregular';
  font-size: 12px;
  color: #3f4042
} 

h4{
  font-size: 14px;
}
.clear{
  width: 100%;
  clear: both;
  float: left;
  height: 10px;
}
#sectionP{
  background:url(../img/bg.jpg) no-repeat top center #c7c5a0;
}
.container{
    width: 960px!important;
}
.content {
    position: relative;
    width: 960px;
  margin: auto;
}

#inner-content {
    position: relative;
    z-index: 10;
}
#stk{
  margin-top: -1px;
  width: 100%;
  display: none;
  -webkit-transition: all 2s ease;
-moz-transition: all 2s ease;
-ms-transition: all 2s ease;
-o-transition: all 2s ease;
transition: all 2s ease;

}
.is-sticky #stk{
  background: rgba(245,244,237, 0.7);
  display: block; 
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}
.is-sticky #stk ul li a{
  color: #3f4042!important;
  font-size: 14px!important;

}
.is-sticky #stk #menu-menu-1 li a:hover{
  border-bottom: solid 4px #3f4042;
}
.is-sticky #stk  #logo {
    width: 40px;
    height: 40px;
    margin: -21px auto auto;
}
.is-sticky #stk #logo a {
    background: url("../img/logo.png") no-repeat scroll center center / 40px auto rgba(0, 0, 0, 0)!important;
    height: 40px;
    margin-top: 25px;
    width: 40px;
}

.is-sticky #stk #menu-menu-1, .is-sticky #stk #menu-menu-1 ul {
      margin: -40px 0 0;
}   
.navbar-default .navbar-toggle {
    border-color: transparent;
    margin-top: -60px;
} 
.is-sticky #stk .navbar-toggle {
    border-color: transparent;
    margin-top: -13px;
}
#logo{
    height: 66px;
    margin: 0px auto 10px;
    width: 66px;
    position: relative;z-index: 999;
}
#logo a{  
  display: block;
  background: url(../img/logo.png);
  background-size: 100% 100%;
  width: 66px;
  height: 66px;
  cursor: pointer;
}
.navbar-toggle {
    background: url(../img/hs.png) no-repeat center center;
    background-size: 71%;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background-color: transparent;
    color: #555;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: transparent;
}

.navbar-default {
    background-color: transparent;
    border: 0 none;
}
#fnav{
  position: fixed;
    width: 100%;
    z-index: 1;
    top: 30px;
}
#menu-menu ,#menu-menu ul, #menu-menu-1 ,#menu-menu-1 ul{
 margin: 0;
 padding: 0;
 width: 100%;
}

#menu-menu li, #menu-menu-1 li{
  display: inline-block;
  width: 230px;
  list-style: none;
  text-align: center;
}

#menu-menu li a, #menu-menu-1 li a{
  color: #f4f3e9;
  display: inline-block;
  text-decoration: none;
  text-transform: uppercase;
  cursor: pointer;
  font-family: 'gotham_htfbold';
  font-size: 15px;
  padding: 10px 0 3px 0!important;
  letter-spacing: 3px;
}

#menu-menu li a:hover, #menu-menu-1 li a:hover{
  border-bottom: solid 4px #f4f3e9;
}
.section0{
  /*height: 380px;*/
  position: relative;
  width: 100%;
/*  margin-bottom: 417px;*/
}
.section0 .foo{
    margin: auto;
    position: fixed;
    bottom: 20px;
    width: 100%;
    z-index: -1;
}
.section{
  width: 70%;
  padding: 100px 0 400px;
  min-height: 30px;
  margin: auto;
  font-family: 'gotham_bookregular';
}
.info{
  font-size: 12px;
  background: rgba(255, 255,255, .8);
  padding:25px;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  overflow: hidden;
}

.section h2{
  color: #f5f4f0;
  font-family: 'gotham_htfbold';
  font-size: 26px;
  letter-spacing: 10px;
  text-align: center;
  text-transform: uppercase;
  margin: 16px auto;
}
.col-md-6:last-child{
  opacity: .8;
}
.margen_info{
  /*padding: 66px 0 35px 0 ;*/
  float: none;
  margin-top: 78px;
  overflow: inherit;
  padding: 0 0 35px;
}
.menu_list{
  position: relative;
}
.menu_list h3{
  font-size: 12px;
  text-transform: uppercase;
  margin: 0;
}
.menu_list .item{
  margin-bottom: 20px;
}
.col-md-4.item{
  text-align: right;
}
.tab-content{
 padding: 25px 5px;
}
#tab_menu_list{
    background-color: rgba(255, 255, 255, 0.4);
    min-height: 66px;
    position: absolute;
    top: -66px;
    width: 100%;
    text-align: center;
}
#tab_menu_list ul{
  border: 0 none;
  display: table;
  margin: 10px auto auto;
  width: auto;
}
#tab_menu_list a{
  background: none repeat scroll 0 0 transparent;
  border: 0 none;
  color: #48484a;
  font-size: 16px;
  text-transform: uppercase;
  letter-spacing: 3px;
}
#tab_menu_list li.active a{
  font-family: 'gotham_htfbold';
}
.tab-pane h2{
  color: #48484a;
  font-size: 16px;
  text-align: left;
  font-weight: normal;
  letter-spacing: 2px;
  margin: 0;
}
.desc_cat{
  clear: both;
    margin: auto;
    text-align: center;
    width: 60%;
}
.logos{
  min-height: 35px;
  margin: 15px 0;
  overflow: hidden;
  text-align: center;
}
.logos img{
  display: inline;
  margin: 0 18px;
  min-height: 34px;
}
.second{
  margin-top: 25px;
}
.second img{
  width: 100%;
  height: auto;
}
.section .line{
  width: 100%;
  height: 2px;
  text-shadow: 0 2px 6px #000;
  -webkit-box-shadow: 1px 2px 6px 0 #000;
  box-shadow: 1px 2px 6px 0 rgba(35,31,32,.4);
  background: #f0efe7;
}
.section .line.bottom {
  margin-top: 65px;
}

.mapp-layout{
    border: 1px solid #fdfcfa!important;
    height: auto;
    margin: 0;
    width: 100%!important;
}
.footer{
  margin-top: 630px;
  position: relative;
    z-index: 5;
}
.is-sticky #stk .p{
  margin-left: -30px;
  margin-right: 31px;
}
.is-sticky #stk .m{
  margin-right: -35px;
  margin-left: 40px;
}
@media (max-width: 960px) {
  .container, .foo{
    width: 90%!important;
  }
  .section{
    width: 100%;
  }
  #menu-menu li, #menu-menu-1 li {
    width: 25%
  } 

  .is-sticky #stk .p{
  margin-left: -30px;
  margin-right: 28px;
}
.is-sticky #stk .m{
  margin-right: -38px;
  margin-left: 40px;
}
}

@media(max-width: 769px){
  body.home{
  background-image:url(../img/bg2.jpg);
  background-repeat:no-repeat;
  background-attachment: inherit!important;

}
#sectionP{
  background:transparent;
}
#fnav {
    position: inherit;
}    

.section0 .foo {
    
    position: inherit;
    top: 550px;
    margin-bottom: 150px;
}
.section0 {
    margin-bottom: 350px;
}
.section {
    padding: 150px 0 300px;
}
.footer {
    margin-top: 460px;
}
.easingsliderlite, .easingsliderlite-slide {
    max-height: 360px!important;
    max-width: 702px!important;

}
@media(max-width: 767px){
  .is-sticky #stk #logo a, #logo a {
    margin-left: 0;
} 
.is-sticky #stk #menu-menu-1, .is-sticky #stk #menu-menu-1 ul {
    margin: 0px 0 0;
}
.is-sticky #stk .navbar-toggle {
    margin-top: -36px;
}
#menu-menu li {
    display: block;
    width: 100%;
}
.is-sticky #stk #menu-menu, .is-sticky #stk #menu-menu ul {
    margin: 0 0;
}
#menu-menu li, #menu-menu-1 li {
    width: 100%
  }
  .is-sticky #stk .p{
  margin-left: 0;
  margin-right: 0;
}
.is-sticky #stk .m{
  margin-right: 0;
  margin-left: 0;
}
.logos{
  height: auto;
  overflow: auto;
}

#fnav{
  background: rgba(245,244,237, 0.7);
  display: block; 
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
  position: fixed;
  z-index: 9999;
  top: 0;
}
 #fnav ul li a{
  color: #3f4042!important;
  font-size: 14px!important;

}
.navbar-default .navbar-toggle {
    margin-top: -38px;
}
#fnav #menu-menu-1 li a:hover{
  border-bottom: solid 4px #3f4042;
}
#fnav #logo {
    width: 40px;
    height: 40px;
    margin: -21px auto auto;
}
#fnav #logo a {
    background: url("../img/logo.png") no-repeat scroll center center / 40px auto rgba(0, 0, 0, 0)!important;
    height: 40px;
    margin-top: 25px;
    width: 40px;
}
  .section0 {
    display: none;
  }
  body.home {
    background-position: center -900px!important;
  }
}

@media(max-width: 515px){
  .m{
    display: none;
  }
  .section0 .foo {
    margin-bottom: 0;
    position: inherit;
    top: 500px;
    width: 60% !important;
}
.section {
    padding: 50px 0 100px;
}
.footer {
    margin-top: 260px;
}
}

@media(max-width: 400px){
  .margen_info{
   margin-top: 65px;
  }
  .section {
    padding: 100px 0 0px;
}
  .footer {
    margin-top: 100px;
}
#tab_menu_list {
   
    min-height: 50px;
    top: -50px;
}
.margen_info {
    padding: 0px 0 35px;
}
#tab_menu_list a {
    padding:10px  5px;
    font-size: 13px;
    letter-spacing: 1px
  }
}