/*

https://github.com/stubbornella/oocss/blob/master/core/spacing/space.css

p,m = padding,margin

a,t,r,b,l,h,v = all,top,right,bottom,left,horizontal,vertical

s,m,mx,l,n = small(5px),medium(10px),medium-x(15px),large(20px),none(0px)

*/

.ptn, .pvn, .pan {

  padding-top: 0px !important;

}



.pts, .pvs, .pas {

  padding-top: 5px !important;

}



.ptm, .pvm, .pam {

  padding-top: 10px !important;

}



.ptmx, .pvmx, .pamx {

  padding-top: 15px !important;

}



.ptl, .pvl, .pal {

  padding-top: 20px !important;

}



.prn, .phn, .pan {

  padding-right: 0px !important;

}



.prs, .phs, .pas {

  padding-right: 5px !important;

}



.prm, .phm, .pam {

  padding-right: 10px !important;

}



.prmx, .phmx, .pamx {

  padding-right: 15px !important;

}



.prl, .phl, .pal {

  padding-right: 20px !important;

}



.pbn, .pvn, .pan {

  padding-bottom: 0px !important;

}



.pbs, .pvs, .pas {

  padding-bottom: 5px !important;

}



.pbm, .pvm, .pam {

  padding-bottom: 10px !important;

}



.pbmx, .pvmx, .pamx {

  padding-bottom: 15px !important;

}



.pbl, .pvl, .pal {

  padding-bottom: 20px !important;

}



.pln, .phn, .pan {

  padding-left: 0px !important;

}



.pls, .phs, .pas {

  padding-left: 5px !important;

}



.plm, .phm, .pam {

  padding-left: 10px !important;

}



.plmx, .phmx, .pamx {

  padding-left: 15px !important;

}



.pll, .phl, .pal {

  padding-left: 20px !important;

}



.mtn, .mvn, .man {

  margin-top: 0px !important;

}



.mts, .mvs, .mas {

  margin-top: 5px !important;

}



.mtm, .mvm, .mam {

  margin-top: 10px !important;

}



.mtmx, .mvmx, .mamx {

  margin-top: 15px !important;

}



.mtl, .mvl, .mal {

  margin-top: 20px !important;

}



.mrn, .mhn, .man {

  margin-right: 0px !important;

}



.mrs, .mhs, .mas {

  margin-right: 5px !important;

}



.mrm, .mhm, .mam {

  margin-right: 10px !important;

}



.mrmx, .mhmx, .mamx {

  margin-right: 15px !important;

}



.mrl, .mhl, .mal {

  margin-right: 20px !important;

}



.mbn, .mvn, .man {

  margin-bottom: 0px !important;

}



.mbs, .mvs, .mas {

  margin-bottom: 5px !important;

}



.mbm, .mvm, .mam {

  margin-bottom: 10px !important;

}



.mbmx, .mvmx, .mamx {

  margin-bottom: 15px !important;

}



.mbl, .mvl, .mal {

  margin-bottom: 20px !important;

}



.mln, .mhn, .man {

  margin-left: 0px !important;

}



.mls, .mhs, .mas {

  margin-left: 5px !important;

}



.mlm, .mhm, .mam {

  margin-left: 10px !important;

}



.mlmx, .mhmx, .mamx {

  margin-left: 15px !important;

}



.mll, .mhl, .mal {

  margin-left: 20px !important;

}



.mra, .mha {

  margin-right: auto !important;

}



.mla, .mha {

  margin-left: auto !important;

}



html {

  position: relative;

  height: 100%;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

}



body {

  font-family: 'Arial', sans-serif !important;

  font-size: 16px;

  height: 100%;

  color: #212121;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

}



.container {

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

}



a {

  color: #f5b400;

  text-decoration: none;

}

a:hover, a:focus {

  color: #f5b400;

  text-decoration: none;

}



h2 {

  font-weight: 36px;

  margin-bottom: 40px;

}



*:focus {

  outline: none !important;

  box-shadow: none;

}



textarea:focus, input:focus {

  outline: none;

}



#home {

  position: relative;

  -webkit-transition: background 0.8s linear;
  -o-transition: background 0.8s linear;
  transition: background 0.8s linear;

  position: relative;

  background-position: center;

  background-size: cover;

  height: 100%;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

}
#home.background1{
  background-image: url("../img/home.png");
}

#home.background2{
  background-image: url("../img/home2.png");
}

#home.background3{
  background-image: url("../img/home3.png");
}

#home h2 {

  font-weight: bold;

  text-shadow: 0 2px 2px rgba(0, 0, 0, 0.4);

  font-size: 58px;

  color: white;

  line-height: normal;

}

#home h2 span {

  color: #f5b400;

}

@media (max-width: 768px) {

  #home h2 {

    font-size: 2.5em;

  }

}

@media (max-width: 420px) {

  #home h2 {

    font-size: 2em;

  }

}

@media (max-width: 320px) {

  #home h2 {

    font-size: 1.5em;

  }

}



#abouts {

  padding: 100px 0;

  background-color: #FFFFFF;

  position: relative;

  min-height: 500px;

}



.padding-top-bottom {

  padding: 100px 0;

  background-color: #f7f7f7;

}



#destiny img {

  width: 100%;

}

#destiny .thumbnail {

  border: none !important;

  padding: 0 !important;

  background-color: #212121;

  cursor: pointer;

  margin-bottom: 10px !important;

  border-radius: none !important;

  box-shadow: 0 0 3px #929292;

}

#destiny .thumbnail img {

  opacity: .7;

  -ms-transition: all 0.3s ease-out;

  -moz-transition: all 0.3s ease-out;

  -webkit-transition: all 0.3s ease-out;

  -o-transition: all 0.3s ease-out;

  transition: all 0.3s ease-out;

}

#destiny .thumbnail:hover img {

  opacity: 9;

}

#destiny .thumbnail .name {

  text-transform: uppercase;

  position: absolute;

  top: 50%;

  left: 50%;

  padding: 15px 20PX;

  text-align: center;

  background: transparent;

  -webkit-transform: translate(-50%, -50%);

  transform: translate(-50%, -50%);

  will-change: transform;

  font-size: 27px;

  line-height: normal;

  font-weight: bold;

  color: #FFFFFF;

  text-shadow: 2px 1px 15px #212121;

}

@media (max-width: 48px) {

  #destiny .thumbnail .name {

    font-size: 18px;

  }

}

#destiny .thumbnail .price {

  position: absolute;

  top: 0;

  bottom: auto;

  font-weight: bold;

  font-size: 16px;

  padding: 7px 15px;

  color: #FFFFFF;

  background-color: #212121;

}

#destiny .thumbnail .price i {

  color: #f5b400;

}

#destiny .thumbnail .time {

  position: absolute;

  top: 36px;

  bottom: auto;

  font-weight: bold;

  font-size: 14px;

  padding: 6px 15px;

  color: #212121;

  background-color: #FFFFFF;

}

#destiny .thumbnail .time i {

  font-weight: normal;

  color: #f5b400;

}



#delivery {

  background-color: #212121;

  padding: 30px 0;

}

#delivery h2 {

  color: #FFFFFF;

}



#testimonials {

  background-color: #f5b400;

  padding: 100px 0 50px 0;

}



.client {

  display: inline-block;

  background-color: #FFFFFF;

  padding: 15px;

  box-shadow: 0 0 3px #929292;

  border-radius: 5px;

  width: 100%;

}

.client p {

  font-style: italic;

}

.client .client-left {

  padding-right: 10px;

  display: table-cell;

  vertical-align: top;

}

.client .client-left span {

  color: #f5b400;

  font-size: 30px;

}

.client .client-right {

  display: table-cell;

  vertical-align: top;

}

.client .client-right .client-name {

  color: #545454;

}



#contact {

  background-color: #343434;

  color: #FFFFFF;

  padding: 100px 0 0 0;

}



.map {

  width: 100%;

  height: 300px;

  border: 5px solid #999;

}



.social .btn {

  display: inline-block;

  padding: 6px 12px;

  margin-bottom: 0;

  font-size: 14px;

  font-weight: normal;

  line-height: 1.42857143;

  text-align: center;

  white-space: nowrap;

  vertical-align: middle;

  -ms-touch-action: manipulation;

  touch-action: manipulation;

  cursor: pointer;

  -webkit-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none;

  background-image: none;

  border: 1px solid transparent;

  border-radius: 4px;

}

.social .btn-block {

  width: 70%;

}



#copyright {

  text-align: center;

  font-size: 14px;

  background-color: #343434;

  padding: 15px;

  color: #FFF;

}



header {

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

  z-index: 1039;

  position: fixed;

  height: 85px;

  left: 0;

  top: 0;

  float: left;

  width: 100%;

  -ms-transition: all 0.3s ease-out;

  -moz-transition: all 0.3s ease-out;

  -webkit-transition: all 0.3s ease-out;

  -o-transition: all 0.3s ease-out;

  transition: all 0.3s ease-out;

}

header .logo {

  width: 350px;

  -ms-transition: all 0.3s ease-out;

  -moz-transition: all 0.3s ease-out;

  -webkit-transition: all 0.3s ease-out;

  -o-transition: all 0.3s ease-out;

  transition: all 0.3s ease-out;

}

@media (max-width: 768px) {

  header .logo {

    width: 250px !important;

  }

}

@media (max-width: 500px) {

  header .logo {

    width: 230px !important;

  }

}

@media (max-width: 319px) {

  header .logo {

    width: 150px !important;

  }

}

header .logo.small {

  width: 250px;

}

header .top {

  margin-top: 30px;

  -ms-transition: all 0.3s ease-out;

  -moz-transition: all 0.3s ease-out;

  -webkit-transition: all 0.3s ease-out;

  -o-transition: all 0.3s ease-out;

  transition: all 0.3s ease-out;

}

@media (max-width: 768px) {

  header .top {

    margin-top: 10PX;

  }

}

header.small-nav {

  background-color: #212121;

  height: 80px;

}

header.small-nav .top {

  margin-top: 15px;

}



@media (max-width: 768px) {

  .navbar-default {

    background-color: #212121 !important;

  }

}

.text-right-responsive {

  text-align: right !important;

}

@media (max-width: 768px) {

  .text-right-responsive {

    text-align: center !important;

  }

}



.mauto {

  margin: 0 auto !important;

}



/*

 * Custom styles

 */

.navbar-brand {

  font-size: 24px;

}



.navbar-container {

  padding: 20px 0 20px 0;

}



.navbar.navbar-fixed-top.fixed-theme {

  background-color: #222;

  border-color: #080808;

  box-shadow: 0 0 5px rgba(0, 0, 0, 0.8);

}



.navbar-brand.fixed-theme {

  font-size: 18px;

}



.navbar-container.fixed-theme {

  padding: 0;

}



.navbar-brand.fixed-theme,

.navbar-container.fixed-theme,

.navbar.navbar-fixed-top.fixed-theme,

.navbar-brand,

.navbar-container {

  transition: 0.8s;

  -webkit-transition: 0.8s;

}



.content-vmiddle-papa {

  display: table;

  text-align: center;

  width: 100%;

}



.content-vmiddle-hijo {

  display: table-cell;

  vertical-align: middle;

  padding: 0 15px;

}



hr.actions {

  height: 1px;

  color: #cccccc;

  background: #cccccc;

  opacity: 0.8;

  font-size: 0;

  border: 0;

  margin: 30px 0;

}



.modal-header h4.modal-title {

  font-weight: bold !important;

}



table thead th {

  background-color: #f9f9f9;

}



#sidebar.social .btn {

  display: inline-block;

  padding: 6px 12px;

  margin-bottom: 0;

  font-size: 14px;

  font-weight: normal;

  line-height: 1.42857143;

  text-align: center;

  white-space: nowrap;

  vertical-align: middle;

  -ms-touch-action: manipulation;

  touch-action: manipulation;

  cursor: pointer;

  -webkit-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none;

  background-image: none;

  border: 1px solid transparent;

  border-radius: 4px;

}

#sidebar.social .btn-block {

  width: 100%;

}



.brsolid {

  border-right: 1px solid #ddd;

}

@media (max-width: 768px) {

  .brsolid {

    border-right: none !important;

  }

}



.text-small {

  font-size: 14px;

}



.pt-container {

  padding-top: 80px;

}



.yellow {

  color: #f5b400;

}



.white {

  color: #FFFFFF;

}



.back-about {

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

  background-color: #212121;

  color: #FFFFFF;

  padding: 10px;

}



@media (max-width: 768px) {

  #tabs-destiny li a h3 {

    font-size: 16px !important;

  }

}

@media (max-width: 480px) {

  #tabs-destiny li a h3 {

    font-size: 11px !important;

  }

}

.modal-backdrop.in {
  filter: alpha(opacity=80);
  opacity: .8 !important;
}

/*# sourceMappingURL=app.css.map */

.modal-oferta{
  width: 650px; 
}
@media (max-width: 480px) {
  
  .modal-oferta{
      width: 90% !important; 
  }
  
  }