/* Add your CSS here */
@font-face {
    font-family: 'texgyreadventorregular';
    src: url('https://lichtfoto.com/fonts/texgyreadventor-regular-webfont.eot');
    src: url('https://lichtfoto.com/fonts/texgyreadventor-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('https://lichtfoto.com/fonts/texgyreadventor-regular-webfont.woff') format('woff'),
         url('https://lichtfoto.com/fonts/texgyreadventor-regular-webfont.ttf') format('truetype'),
         url('https://lichtfoto.com/fonts/texgyreadventor-regular-webfont.svg#texgyreadventorregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-touch-callout: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;

}
*:focus {
   outline: none;
}

html{
  font-size: 16px;
  height:100%;
}
body{
  font-size: 1rem;
  height:100%;
}
.site-wrapper{
  height:100%;
}
#content{
    display: flex;
    min-height: 100%;
    flex-flow: column;
}

#app{
  flex: 1 0 auto;
}
footer{
  flex-shrink: 0;
}
.logo > a{
  position: relative;
}

.logo > a:after{
  content:"";
  top:0;
  left:0;
  width:100%;
  height:100%;
}

.bg1 {
  background: #ffffff url(https://dyd1zcfxbevsu.cloudfront.net/content/images/bg1.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
  -webkit-background-size: cover; 
  -webkit-background-repeat: no-repeat;
  -webkit-background-attachment: fixed;
}

.header-top-colored .header-top {
    background: rgb(253,29,29);
    background: linear-gradient(90deg, rgba(220,42,11,1) 0%, rgba(255,38,0,1) 50%, rgba(220,42,11,1) 100%);
}

.header-main {
    background: #ffffff;
}
.bg4{

    background: url(https://dyd1zcfxbevsu.cloudfront.net/content/images/polygon-clean/10.png) ;
    background-size: cover;
    -webkit-background-size: cover;
    
}
.bg5{

   background: #200122;  /* fallback for old browsers */
background: -webkit-linear-gradient(to left, #6f0000, #200122);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #6f0000, #200122); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    -webkit-background-size: cover;
    -webkit-background-repeat: no-repeat;
    -webkit-background-attachment: fixed;

}


h3{
  font-size: 24px;
  font-family: Fjalla One;
  text-transform: capitalize;
}

.text-unstyled{
  color:inherit;
}

/*ESTILO GENERAL */

.header {
  /*background: #fff;*/
  /*box-shadow: 0px -5px 6px 4px;*/
}

.entry__no_style{

    border-bottom: none; 
    padding-bottom: 0px; 
    margin-bottom: 0px; 

}

.fhmm .navbar-collapse .navbar-nav > li.active > a:hover,
.fhmm .navbar-collapse .navbar-nav > li.active > a:focus {
    background: #dc2a0b !important;
    color: #2f2f2f;
}

/* Logo Height on Scroll */
.header.headhesive.headhesive--stick .logo img {
	/*height: 28px;*/
}

.header .logo {
  text-align: left;
}

.tagline{
	font-family: 'Oswald', sans-serif;
  font-size: 12px !important;
  color:#6d6d6d !important;
  margin-top: 5px !important;
}


.gradient-background{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+20,cccccc+100 */
background: #ffffff; /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover,  #ffffff 20%, #cccccc 100%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover,  #ffffff 20%,#cccccc 100%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center,  #ffffff 20%,#cccccc 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cccccc',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}

.box-white-shadow{
	background: #ffffff;
    padding: 30px;
    box-shadow: 0px 22px 39px -10px rgba(0,0,0,0.54);
    -webkit-box-shadow: 0px 22px 39px -10px rgba(0,0,0,0.54);
	-moz-box-shadow: 0px 22px 39px -10px rgba(0,0,0,0.54);	
}
.wallet{
  float:left;
  width:50%;
}
.wallet img{
  width:100%;
}

.nav > li > a > img {
  border-radius: 50%;
  height: 50px;
}

.section-title{
  font-size:2rem;
  line-height:2rem;
  text-transform: uppercase;
  font-family:Oswald;
  color:black;
  font-weight: 500;
}
.profile-menu>a:hover, .open.profile-menu>a{
  background:none!important;
}

input[type=search].search-bar{
  border-top-left-radius:6px !important; 
  border-bottom-left-radius:6px !important;
}
.no-padding{
  padding:0px !important;
}
.slogan{
  color:white;
  font-size:4rem;
  font-family:Oswald;
  line-height:4rem;
  text-transform:uppercase;
  margin-bottom: 10px;
  width:60%;
}
.slogan-tagline{
  color:white;
  font-size:1.2rem;
  line-height:1.2rem;
  font-weight:300;
  margin-bottom: 20px;
  font-weight:500;
}
.btn-cta{
  border-radius:0px !important;
  background:none;
  border:1px solid white;
  text-transform:uppercase;
  font-family: oswald;
  font-weight: 500;
  transition:0.5s;
  padding: 15px 30px;
  color:white;
}
.btn-cta:hover{
    box-shadow: 0px 0px 20px 0px white;
    color:white;
}
.btn-cta>i{
  transition:0.5s;
}
.btn-cta:hover>i{
padding-left:10px;
}
.cta{
  color:white;
}
.test{
  position:relative;
  width: 100%;
  display: block;
  box-sizing: border-box;
  overflow: hidden;
}
/* BOTON FACEBOOK */
.btn-facebook {
  background-image: -webkit-linear-gradient(top, #5870A0 0%, #3b5998 100%);
  background-image: linear-gradient(to bottom, #5870A0 0%, #3b5998 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5870A0', endColorstr='#ff3b5998', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  background-repeat: repeat-x;
  border-color: #3b5998;
  color:#ffffff;
}
.btn-facebook:hover,
.btn-facebook:focus {
  background-color: #3b5998;
  background-position: 0 -15px;
  border-color: #3b5998;
}
.btn-facebook:active,
.btn-facebook.active {
  background-color: #3b5998;
  border-color: #3b5998;
  -webkit-box-shadow: inset 0 3px 0 rgba(0, 0, 0, 0.12);
  box-shadow: inset 0 3px 0 rgba(0, 0, 0, 0.12);
}

/* BOTON INSTAGRAM */
.btn-instagram {
  background-image: -webkit-linear-gradient(top, #688EAD 0%, #3f729b 100%);
  background-image: linear-gradient(to bottom, #688EAD 0%, #3f729b 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff688EAD', endColorstr='#ff3f729b', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  background-repeat: repeat-x;
  border-color: #3f729b;
  color:#ffffff;
}
.btn-instagram:hover,
.btn-instagram:focus {
  background-color: #3f729b;
  background-position: 0 -15px;
  border-color: #3f729b;
}
.btn-instagram:active,
.btn-instagram.active {
  background-color: #3f729b;
  border-color: #3f729b;
  -webkit-box-shadow: inset 0 3px 0 rgba(0, 0, 0, 0.12);
  box-shadow: inset 0 3px 0 rgba(0, 0, 0, 0.12);
}

/* TYPEAHEAD.JS */
span.twitter-typeahead .tt-menu,
span.twitter-typeahead .tt-dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  list-style: none;
  font-size: 14px;
  text-align: left;
  background-color: #ffffff;
  border: 1px solid #cccccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  background-clip: padding-box;
  width: 100%;
}
span.twitter-typeahead .tt-suggestion {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.42857143;
  color: #333333;
  white-space: nowrap;
}
span.twitter-typeahead .tt-suggestion.tt-cursor,
span.twitter-typeahead .tt-suggestion:hover,
span.twitter-typeahead .tt-suggestion:focus {
  color: #ffffff;
  text-decoration: none;
  outline: 0;
  background-color: #337ab7;
}
.input-group.input-group-lg span.twitter-typeahead .form-control {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px;
}
.input-group.input-group-sm span.twitter-typeahead .form-control {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
span.twitter-typeahead {
  width: 100%;
}
.input-group span.twitter-typeahead {
  display: block !important;
  height: 34px;
}
.input-group span.twitter-typeahead .tt-menu,
.input-group span.twitter-typeahead .tt-dropdown-menu {
  top: 32px !important;
}
.input-group span.twitter-typeahead:not(:first-child):not(:last-child) .form-control {
  border-radius: 0;
}
.input-group span.twitter-typeahead:first-child .form-control {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group span.twitter-typeahead:last-child .form-control {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.input-group.input-group-sm span.twitter-typeahead {
  height: 30px;
}
.input-group.input-group-sm span.twitter-typeahead .tt-menu,
.input-group.input-group-sm span.twitter-typeahead .tt-dropdown-menu {
  top: 30px !important;
}
.input-group.input-group-lg span.twitter-typeahead {
  height: 46px;
}
.input-group.input-group-lg span.twitter-typeahead .tt-menu,
.input-group.input-group-lg span.twitter-typeahead .tt-dropdown-menu {
  top: 46px !important;
}

/*FIVE COLUMNS BOOTSTRAP*/
.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}

.col-xs-5ths {
    width: 20%;
    float: left;
}

.totales-compra{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f7f7f7+0,ffffff+100&1+0,0+100 */
background: -moz-linear-gradient(top,  rgba(247,247,247,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(247,247,247,1)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(247,247,247,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(247,247,247,1) 0%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(247,247,247,1) 0%,rgba(255,255,255,0) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(247,247,247,1) 0%,rgba(255,255,255,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
}

.modal-login .modal-content .modal-header{
  background:#2F2F2F;
  line-height: 2em;
}
.modal-login .modal-content .modal-header .modal-title{
  color: white;
  line-height: 3em;
  text-align: center;
}
.modal-login .modal-content .modal-body{
  padding:30px;
}
input[type=email],input[type=password]{
  height: 45px;
  padding: 0 12px;
  border-radius: 4px;
  border: 1px solid #f2f2f2;
  font-size: 15px;
}
.modal-login .modal-content .modal-footer{
  text-align:left;
}

#scrollable-dropdown-menu .tt-menu {
  max-height: 150px;
  overflow-y: auto;
}

img.lazy {
    background-image: url('/images/loaders/preloader5.gif') !important;
    background-repeat: no-repeat !important;
    background-position: 50% 50% !important;
    background-size: 20% !important;
}

.paquete-nombre >h3> span {
  font-family: 'Anton', sans-serif;
  font-size: 3em;
}
.paquetes-descripcion {
  font-family: Fjalla One;
  font-size: 1.5em;
  line-height: 1.5em;
}
.paquetes > section{
  padding: 55px 100% 60px 100%;
  margin: 0px -100% 0px -100%;
}
.paquetes  > section:nth-child(even) {

}
.paquetes  > section:nth-child(even) .paquete-nombre >h3> span {

}

.paquetes  > section:nth-child(even) .paquetes-descripcion {
}

.paquete-lista > ul >li{
  font-family:Fjalla One;
  font-size:1.3em;
  color:black;
}

.paquete-nombre-4{
    font-family: 'Anton', sans-serif;
    font-size: 2.5em;
    margin-bottom: 10px;
    color: #484848;
}
.paquete-descripcion-4{
  font-style: italic;
}
.paquete-descripcion-larga-4{
    height: 350px;
    overflow-y: scroll;
    padding:20px;
}
.cta-4>.btn-success{
background-image: linear-gradient(to bottom, #000000 0%, #2d2d2d 100%);
    border-color: #000;
}
.cta-4>.btn-success:hover{
    background-color: #000000 ;
    background-position: 0 -15px;
    border-color: #000000 ;
}

.galeria-icons{

  padding: 15px 15px 10px 15px;
  border-bottom: solid 1px #f3f3f3;

}

.galeria-icons a{
  color: #a3a3a3;
}

.galeria{

  margin-bottom: 30px;
}
.footer-mobile{
   position:fixed;
   z-index: 99 !important;
   /*left:0px;*/
  /* bottom:0px;*/
   /*width:100%;*/
  /* box-shadow: 0px 0px 20px -10px #000;*/
   /*background:#fff;*/
}
.footer-mobile ul{
  float:right;
  list-style-type: none;
  margin:0px;
  min-width:100%;
}
.footer-mobile ul li{
  float:right;
  padding: 8px 15px;
  text-align: center;
}
.footer-mobile a{
  text-align: center;
  color:#6f6f6f;
}
.footer-mobile a span{
  display:block;
  font-size: .8em;
  line-height: 1.4em;
}
.footer-mobile a:active { 
  color: #DC2A0B;
}

#resp-cart-table {
  width: 100%;
  display: table;
}
#resp-cart-table-header{
  display: table-header-group;
  padding: 14px;
  font-family: 'Oswald', sans-serif;
  text-transform: uppercase;
  font-weight: normal;
  color: #2f2f2f;
  /*background-color: gray;
  font-weight: bold;
  font-size: 25px;*/
}
.cart-table-header-cell{
  display: table-cell;
  padding:14px;
  border-bottom: 1px solid #ddd;
}
#resp-cart-table-body{
  display: table-row-group;
}
.resp-cart-table-row{
  display: table-row;
  border-top:1px solid #ddd;
}
.cart-table-body-cell{
  display: table-cell;
  padding:14px;
  vertical-align:middle;
  border-top: 1px solid #ddd;
}

.cart-table .product-name {
  width: 50%;
}
.cart-table .product-thumb img {
  max-width: 80px;
  height: auto;
}
button.dim {
  display: inline-block;
  text-decoration: none;
  text-transform: uppercase;
  text-align: center;
  padding-top: 6px;
  margin-right: 10px;
  position: relative;
  cursor: pointer;
  border-radius: 5px;
  font-weight: 600;
  margin-bottom: 20px !important;
}
button.btn-danger.dim {
    box-shadow: inset 0 0 0 #ea394c, 0 5px 0 0 #ea394c, 0 10px 5px #999999;
}
.btn-large-dim {
    width: 90px;
    height: 90px;
    font-size: 42px;
}
button.btn-danger.dim {
  box-shadow: inset 0 0 0 #ea394c, 0 5px 0 0 #ea394c, 0 10px 5px #999999;
}
button.btn-danger.dim:active {
  box-shadow: inset 0 0 0 #ea394c, 0 2px 0 0 #ea394c, 0 5px 3px #999999;
}
button.dim:before {
  font-size: 50px;
  line-height: 1em;
  font-weight: normal;
  color: #fff;
  display: block;
  padding-top: 10px;
}
button.dim:active:before {
  top: 7px;
  font-size: 50px;
}
.square {
    width: 100%;
    padding-top: 100% !important;
    overflow: hidden;
    height: 100%;
  }
.square img {
  position: absolute;
  padding: 0px !important;
  left: 50%;
  top: 0px;
  height: 100%;
  width: auto;
  min-width: 100% !important;
  -webkit-transform: translate(-50%,0%);
      -ms-transform: translate(-50%,0%);
          transform: translate(-50%,0%);
}
.square img.portrait {
  max-width: 100%;
  height: auto;
}
.project-item .overlay{
  top:0px !important;
  left:0px !important;
  right:0px !important;
  bottom:0px !important;
}
/*JQUERY TYPEAHEAD */

.typeahead__list{
  position: absolute;
  left: 0;
  z-index: 4;
  width: 100%;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  list-style: none;
  text-align: left;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 2px;
  background-clip: padding-box;
}

.typeahead__list>li:first-child {
    border-top: none;
}
.typeahead__list>li {
    position: relative;
    /*border-top: 1px solid #ccc;*/
}
.typeahead__dropdown .typeahead__dropdown-item>a, .typeahead__list .typeahead__item>a {
    display: block;
    padding: .5rem .75rem;
    clear: both;
    color: #333;
    text-decoration: none;
}

.typeahead__container * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  outline: 0;
}

.typeahead__query {
  position: relative;
  z-index: 2;
  width: 100%;
}

.typeahead__container.loading .typeahead__query:before, .typeahead__container.loading .typeahead__query:after {
  -webkit-transition: all 0s linear, opacity 0.2s ease;
  -o-transition: all 0s linear, opacity 0.2s ease;
  transition: all 0s linear, opacity 0.2s ease;
  position: absolute;
  z-index: 3;
  content: "";
  top: 50%;
  right: 0.55em;
  margin-top: 0.75em;
  width: 2rem;
  height: 2rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 500rem;
  border-style: solid;
  border-width: 0.1em;
}

.typeahead__container.loading .typeahead__query:before {
  border-color: rgba(0, 0, 0, 0.35);
}

.typeahead__container.loading .typeahead__query:after {
  -webkit-animation: button-spin 0.6s linear;
  animation: button-spin 0.6s linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  border-color: #fff transparent transparent;
  -webkit-box-shadow: 0 0 0 1px transparent;
  box-shadow: 0 0 0 1px transparent;
}

@-webkit-keyframes button-spin {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes button-spin {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.blur-before-load
{
  -webkit-filter: blur(10px) grayscale(100%);
  filter: blur(10px) grayscale(100%);
  -webkit-transition: 1s; /* Safari */
  transition: 1s;
}
.opacity-0
{
opacity:0;
}
.opacity-1
{
opacity: 0.1;
}
.opacity-2
{
opacity: 0.2
}
.opacity-3
{
opacity: 0.3
}
.opacity-4
{
opacity: 0.4
}
.opacity-5
{
opacity: 0.5
}
.opacity-6
{
opacity: 0.6;
}
.sesiones:hover
{
  background:#f3f3f3;
  transition: 0.2s;
  cursor: pointer;
}
.sesiones a
{
  color: inherit;
}
.vertical-align-top
{
  vertical-align: top;
}
.width-70
{
  width:70%;
}
.foto-grid{
  margin:0px -7px;
}
.foto-grid-item {
  margin-bottom: 15px;
  padding-left:7px;
  padding-right:7px;
}

.magazine-slider-holder{
  border:none;
}

.magazine-slider-holder:before {
  background:none;
}

.magazine-slider-holder .item-desc {
    background: #dc2a0b;
}

.tooltip {
  display: block !important;
  border:0px;
  border-radius: 6px;
   box-shadow: 0 5px 30px rgba(0, 0, 0, 0.2);
  z-index: 1000;
}

.tooltip .tooltip-inner {
  background: black;
  color: white;
  border-radius: 16px;
  padding: 5px 10px 4px;
}

.tooltip .tooltip-arrow {
  width: 0;
  height: 0;
  border-style: solid;
  position: absolute;
  margin: 5px;
  border-color: black;
  z-index: 1;
}
.tooltip-inner{
  text-align:left;
}

.tooltip[x-placement^="top"] {
  margin-bottom: 5px;
}

.tooltip[x-placement^="top"] .tooltip-arrow {
  border-width: 5px 5px 0 5px;
  border-left-color: transparent !important;
  border-right-color: transparent !important;
  border-bottom-color: transparent !important;
  bottom: -5px;
  left: calc(50% - 5px);
  margin-top: 0;
  margin-bottom: 0;
}

.tooltip[x-placement^="bottom"] {
  margin-top: 5px;
}

.tooltip[x-placement^="bottom"] .tooltip-arrow {
  border-width: 0 5px 5px 5px;
  border-left-color: transparent !important;
  border-right-color: transparent !important;
  border-top-color: transparent !important;
  top: -5px;
  left: calc(50% - 5px);
  margin-top: 0;
  margin-bottom: 0;
}

.tooltip[x-placement^="right"] {
  margin-left: 5px;
}

.tooltip[x-placement^="right"] .tooltip-arrow {
  border-width: 5px 5px 5px 0;
  border-left-color: transparent !important;
  border-top-color: transparent !important;
  border-bottom-color: transparent !important;
  left: -5px;
  top: calc(50% - 5px);
  margin-left: 0;
  margin-right: 0;
}

.tooltip[x-placement^="left"] {
  margin-right: 5px;
}

.tooltip[x-placement^="left"] .tooltip-arrow {
  border-width: 5px 0 5px 5px;
  border-top-color: transparent !important;
  border-right-color: transparent !important;
  border-bottom-color: transparent !important;
  right: -5px;
  top: calc(50% - 5px);
  margin-left: 0;
  margin-right: 0;
}

.tooltip.popover .popover-inner {
  background: #ffffff;
  color: black;
  padding: 24px;
  border-radius: 5px;
  box-shadow: 0 5px 30px rgba(black, .1);
}

.tooltip.popover .popover-arrow {
  border-color: #f9f9f9;
}

.tooltip[aria-hidden='true'] {
  visibility: hidden;
  opacity: 0;
  transition: opacity .15s, visibility .15s;
}

.tooltip[aria-hidden='false'] {
  visibility: visible;
  opacity: 1;
  transition: opacity .15s;
}
.actions-menu{
  padding:0px;
}
.actions-menu>div>ul>li{
  padding: 5px 10px;
  cursor:pointer;
}
.actions-menu>div>ul>li:hover{
  background-color:#eaeaea;
  transition: background-color 100ms ease-in
}
.actions-menu>div>ul>li:active {
    background-color:#d8d8d8;
}
.actions-menu>div>ul{
  margin:0px;
}
.yearbook-menu-actions{
  background: 0 0;
    border: 0;
    color: #303030;
    cursor: pointer;
    margin: 0;
    overflow: visible;
    padding: 0;
    font: inherit;
    line-height: inherit;
}
.popover-inner{
  padding: 10px 30px;
}

@media (max-width: 768px) {
  .slogan{
    font-size: 2.2rem;
    line-height: 2.2rem;
    margin-bottom: 20px;
  }
  .width-70-xs
  {
    width:70%;
  }

  .full-screen-mobile-video{
    margin-right: -15px;
    margin-left: -15px;
    max-width:none;
    min-width: 100%;
    padding: 0px;
    border:none;
  }

  .no-padding-sm {
      padding: 0px 1px 2px 1px !important;
      margin: 0 0 20px 0;
  }
  .galeria-container{
    margin-top:-70px
  }
  .padding-xs--70{
    margin-top:-70px
  }
  .padding-xs--60{
    margin-top:-60px
  }
  .padding-xs--50{
    margin-top:-50px
  }
  .padding-xs--40{
    margin-top:-40px
  }
  .galeria{
    margin-bottom: 0px;
  }
  .header .logo img{
    height:30px;
  }
  .header .logo{
    padding: 15px 0 !important;
  }
  .fhmm .navbar-toggle {
    top: 10px  !important;
  }
  #resp-cart-table {
    display:flex;
  }
  #resp-cart-table-header{
    display:none;
  }
  .resp-cart-table-row img{
    position:absolute;
    padding:0px;
  }
  .cart-table-header-cell{
    display:none;
  }
  #resp-cart-table-body{
    display:block;
    width: 100%;
  }
  .resp-cart-table-row{
    display:inline-block;
    width:100%;
    padding:20px;
  }
  .cart-table-body-cell{
    display:block;
    border-top:none;
    padding:0px;
    margin-left: 40%
  }
  .product-name {
    display:block;
    font-family: 'Oswald', sans-serif;
    text-transform: uppercase;
    color: #2f2f2f;
    font-size: 1.5em;
  }
  .product-name a{
    color: #2f2f2f;
  }
  .product-thumb {
    display: inline-block;
    width: 30% !important;
    float: left;
    margin-left: -10px;
    position: absolute;
  }
  .product-thumb img {
    min-width: 100%;
    height: auto;
  }
  .product-price{
    text-align: left !important;
  }
  .product-subtotal{
    font-family: 'Oswald', sans-serif;
    text-transform: uppercase;
    color: #2f2f2f;
    font-size: 1.5em;
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: right !important;
  }
  .product-quantity{
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .product-quantity> .quantity{
    margin:0px;
  }
  .product-remove{
    text-align: right !important;
    padding-right: 0px !important;
  }
  .snap-drawer{
    background-color:#303030;
  }
  .snap-content {
  position: absolute !important;
  overflow: auto !important;
  }

  .snap-drawer a{
      font-family:'Oswald', sans-serif;
      text-transform:uppercase;
      font-size:11px;
      color:#d6dee6;
      width:80px;
      height:90px;
      text-align:center;
      line-height:90px;
      padding-top:22px;
      border-bottom:solid 1px #161b1f;
      display: block;
      position: relative;
      overflow: hidden;
  }

  .snap-drawer a:hover{
      color:#FFFFFF;
  }

  .snap-drawer a i {
      color: #ffffff; /* Old browsers */
      display:block;
      font-size:20px;
      margin-bottom:-30px;
      padding-bottom:2px;
      font-size:20px;
  }

  .snap-drawer .fa-mobile{
      font-size:34px;
      margin-top:-7px;
  }

  .hide-header-left{
      pointer-events:none!important;
      transform:translateX(80px)!important;
      -webkit-transform:translateX(80px)!important;
      transition:all 250ms ease-in-out;
  }

  .hide-content{
    display:none;
    position:fixed;
    background-color:rgba(255,255,255,0);
    width:100%;
    height:100%;
    top:0px;
    bottom:0px;
    right:0px;
    left:80px;
    z-index:999999;
  }

  .header{
    transform:translateY(0px);
    -webkit-transform:translateY(0px);
     transition:all 250ms ease-in-out;

  }

  .all-elements{
    position:absolute;
    overflow-x:hidden!important;  
    width:100%;
    height:100%;
    min-height:100%;
    max-height:100%;
  }

  #content {
    padding-top:60px;
    overflow-x:hidden !important;
  }

}

@media (min-width: 768px) {
    .col-sm-5ths {
        width: 20%;
        float: left;
    }

}

@media (min-width: 992px) {
    .col-md-5ths {
        width: 20%;
        float: left;
    }
    .fhmm .navbar-collapse .navbar-nav > li > a {
      font-size: 18px;
      color: #000000;
      font-weight: 500;
    }
}

@media (min-width: 1200px) {
    .col-lg-5ths {
        width: 20%;
        float: left;
    }
}