/*!
 * Yamm!3 - Yet another megamenu for Bootstrap 3
 * http://geedmo.github.com/yamm3
 * 
 * @geedmo - Licensed under the MIT license
 */
.bootstrap .yamm .nav,
.bootstrap .yamm .collapse,
.bootstrap .yamm .dropup,
.bootstrap .yamm .drop-down {
position: static;
background-color:#c13e32;
}
.bootstrap .yamm .container {
  position: relative;
}
.bootstrap .yamm .mega-menu {
  left: 0;
  right: 0;
}	
.bootstrap .mega-menu, ul.dropdown-menu,
.bootstrap .mega-menu li.open  {
	background-color: #ebe2cf!important;
	background: #ebe2cf;
	background-color: rgba(235, 226, 207, 1);
	background: rgba(235, 226, 207, 1);
}
ul.dropdown-menu {padding:20px;}
.bootstrap .yamm .yamm-content {
  padding: 20px 30px;
}
/*CUBE styles*/
.bootstrap .white, .bootstrap p.white {color:#ffffff!important;}
.bootstrap .CubeMed {font-size:0.9em!important;}
.bootstrap .CubePost {font-size:100%;line-height:1.1;}
.bootstrap ul li
{
	font-family: 'Teko', sans-serif;
	font-size: 1.5em;
	line-height:1em;
	padding: 0 6px 0 2px;
	border:1px solid transparent;
}
.bootstrap .navbar-nav > li:hover {background-color: #333333;}
#navbar ul li.open {background-color: #ebe2cf;}
li.drop-down.open a.dropdown-toggle:active:focus {color:#333333;}

/*Custom styles*/
.bootstrap ul li {
  list-style: none;
}
.bootstrap ul.nav li ul li {padding: 2px 0;}
.bootstrap .dropdown-menu p, .bootstrap div.yamm-content div.media-body {
    font-size: 0.7em;
    font-weight: 200;
    line-height: 1.1;
    font-family: Oswald;
    color: #847b67;
}
.bootstrap p.med {font-size: 0.9em;font-family: Arial!important;}

.bootstrap ul ul li:hover a{
  color: #333333;
}
/*/ CUBE styles /*/
.CubeRed {color:#c13e32!important;}
.flex {display: flex;}
.flex-1 {flex: 1;}
.menuflex {display: flex;justify-content: center;flex: 1;flex-wrap: wrap;align-content: space-between;}
.full-height {display: flex;flex: 1;justify-content: center;flex-wrap: wrap;flex-direction: column;}
.cube-menu-border {border-right:dotted 1px #333333;}
.bootstrap div.text-contact {font-family: Oswald; font-size:calc(0.6vw + 0.6em);line-height:1.1;margin:auto 0 2vw 0;}
a.BlackLink {color:#333333; text-decoration: underline;}
a.BlackLink:hover {color:#c13e32; text-decoration: none;}
.flex-50 {min-width:50%;display: flex;} 
.flex-50-cube {min-width:50%;max-width:50%;display: flex;border-bottom: solid 6px #d7d0c0;padding: 1em 1em 0 2em;min-height:1px;}
.flex-50-cube:nth-child(odd) {border-right:dotted 1px #333333;}
.pic-wrap {width:33%;min-width:35%;}
.width-100 {max-width:100%;}
.btn-block {display: block;width: 100%;}
.btn {display: inline-block;margin-bottom: 0;text-align: center;vertical-align: middle;
   border: 1px solid transparent;
  white-space: nowrap;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
}

.mp {width: 25%;padding-bottom: 1.2em; padding-top:1em; border-bottom: solid 6px #d7d0c0;}
.fx {width: 25%; border-bottom: solid 6px #d7d0c0;}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
.bootstrap ul.nav {margin-left: -130px;margin-right: -20px;}
.bootstrap ul.nav li ul li a { padding: 2px 0;}
.bootstrap ul.nav li a i {font-size: 80%;}
.bootstrap .dropdown-menu li a {font-size: 0.6em;}
.bootstrap .yamm .nav,
.bootstrap .yamm .collapse,
.bootstrap .yamm .dropup,
.bootstrap .yamm .drop-down  {height: 100%;}
}
@media (max-width: 992px){
.mp {min-width: 50%;float:left;}
.mp:nth-child(even) {border-right:none;}
}
@media (max-width: 767px) {
.bootstrap .nav .open > a, .bootstrap .nav .open > a:hover, .bootstrap .nav .open > a:focus .bootstrap .nav .open > a:active {background-color: #ebe2cf;}
.width-100 {max-width:280px;}	
.fx {min-width: 50%!important;}
.fx:nth-child(even) {border-right:none;}
.flex-50 {border-bottom: solid 6px #d7d0c0;padding: 1em 1em 0 2em;} 

}
@media (max-width: 600px){
.bootstrap .col-md-3 {width: 100%;}
.cube-menu-border {border-right:none;}
.flex-50, .flex-50-cube {max-width:100%;width:100%!important;float:none;} 
div.text-contact {font-size:calc(1.3vw + 0.5em);margin:auto;width:52%;word-break: break-all;}
.flex, .bootstrap .btn {display: block;}
.pic-wrap {width:40%!important;margin:auto;}
.width-100 {width:70%;}
.bootstrap h1 {font-size: 30px;}
.bootstrap h4 {font-size: 190%;}
.flex-50-cube:nth-child(odd) {border-right:none;}
}
/* @media all and (-ms-high-contrast: none), (-ms-high-contrast: active),
@supports (-ms-accelerator:true) or (-ms-ime-align:auto) {
    
    .bootstrap .btn {font-size:0.8em!important;}
} */