/*=============================================================

    01. GLOBAL
    -- 01.1 RESETS
    -- 01.2 TYPOGRAPHY
    02. GENERAL STYLES
    -- 02.1 GENERAL
    -- 02.2 botones
    03 Proximamente
    04 Trancisiones de fondo

===============================================================

    COLOR SCHEME:

    Main Color : #edcb9a
    Main Color Hover/Focus : #d8ba8e

=============================================================*/

/* ===========================================
// 01. GLOBAL
=============================================*/

/* ===== 01.1 RESETS ===== */

h1 {
  font-size: 30px;
  color: #21CADB;
}

h2.detalle {
  font-size: 18px;
  color: #CCFFFF;
}

p.titulo {
  font-size: 20px;
  color: #CCFFFF;
}

* {
  margin: 0;
  padding: 0;
}

body {
  background: #fff;
  font-size: 15px;
  font-weight: 400;
  font-family: 'Share Tech', sans-serif;
  line-height: 1.9em;
  color: #b5bec4;
}


body.dark {
  background: #232628;
}

body.boxed {
  background-attachment: fixed;
}

body.boxed .wrapper {
  background: #fff;
  max-width: 1250px;
  overflow: hidden;
  position: relative;
  padding: 0;
  -webkit-box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .05);
  box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .05);
  margin-left: auto;
  margin-right: auto;
}

body.dark.boxed .wrapper {
  background: #232628;
}

body.has-vertical-header {
  overflow-x: hidden;
}

body.has-vertical-header .wrapper {
  margin-left: 100px;
}

body.has-vertical-header-open .wrapper {
  margin-left: 280px;
}

body.has-vertical-header .wrapper {
  -webkit-transition: .4s;
  transition: .4s;
}

::-moz-selection {
  background: #f5f5f5;
}

::selection {
  background: #f5f5f5;
}

*::-moz-selection {
  background: #f5f5f5;
}

figure {
  margin: 0;
}

ul, li {
  margin: 0;
  padding: 0;
}

main {
  padding: 100px 0;
}

/* ===== 01.2 TYPOGRAPHY ===== */

h1, h2, h3, h4, h5, h6, button {
  font-weight: 600;
}

h1 {
  font-size: 34px;
}

h2 {
  font-size: 28px;
}

h3 {
  font-size: 24px;
}

h4 {
  font-size: 20px;
}

h5 {
  font-size: 18px;
}

h6 {
  font-size: 16px;
}

p {
  font-size: 15px;
  line-height: 28px;
}

a {
  color: #fff;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

a:hover, a:focus, a:active {
  color: #29494C;
  text-decoration: none;
  outline: none;
  background: none;
}

/* ===========================================
// 02. GENERAL
=============================================*/

.mt0 {
  margin-top: 0px
}

.mt5 {
  margin-top: 5px
}

.mt10 {
  margin-top: 10px
}

.mt15 {
  margin-top: 15px
}

.mt20 {
  margin-top: 20px
}

.mt25 {
  margin-top: 25px
}

.mt30 {
  margin-top: 30px
}

.mt35 {
  margin-top: 35px
}

.mt40 {
  margin-top: 40px
}

.mt45 {
  margin-top: 45px
}

.mt50 {
  margin-top: 50px
}

.mt55 {
  margin-top: 55px
}

.mt60 {
  margin-top: 60px
}

.mt65 {
  margin-top: 65px
}

.mt70 {
  margin-top: 70px
}

.mt75 {
  margin-top: 75px
}

.mt80 {
  margin-top: 80px
}

.mt85 {
  margin-top: 85px
}

.mt90 {
  margin-top: 90px
}

.mt95 {
  margin-top: 95px
}

.mt100 {
  margin-top: 100px
}

.mt-5 {
  margin-top: -5px
}

.mt-10 {
  margin-top: -10px
}

.mt-15 {
  margin-top: -15px
}

.mt-20 {
  margin-top: -20px
}

.mt-25 {
  margin-top: -25px
}

.mt-30 {
  margin-top: -30px
}

.mt-35 {
  margin-top: -35px
}

.mt-40 {
  margin-top: -40px
}

.mt-45 {
  margin-top: -45px
}

.mt-50 {
  margin-top: -50px
}

.mb0 {
  margin-bottom: 0px
}

.mb5 {
  margin-bottom: 5px
}

.mb10 {
  margin-bottom: 10px
}

.mb15 {
  margin-bottom: 15px
}

.mb20 {
  margin-bottom: 20px
}

.mb25 {
  margin-bottom: 25px
}

.mb30 {
  margin-bottom: 30px
}

.mb35 {
  margin-bottom: 35px
}

.mb40 {
  margin-bottom: 40px
}

.mb45 {
  margin-bottom: 45px
}

.mb50 {
  margin-bottom: 50px
}

.mb55 {
  margin-bottom: 55px
}

.mb60 {
  margin-bottom: 60px
}

.mb65 {
  margin-bottom: 65px
}

.mb70 {
  margin-bottom: 70px
}

.mb75 {
  margin-bottom: 75px
}

.mb80 {
  margin-bottom: 80px
}

.mb85 {
  margin-bottom: 85px
}

.mb90 {
  margin-bottom: 90px
}

.mb95 {
  margin-bottom: 95px
}

.mb100 {
  margin-bottom: 100px
}

.mb-5 {
  margin-bottom: -5px
}

.mb-10 {
  margin-bottom: -10px
}

.mb-15 {
  margin-bottom: -15px
}

.mb-20 {
  margin-bottom: -20px
}

.mb-25 {
  margin-bottom: -25px
}

.mb-30 {
  margin-bottom: -30px
}

.mb-35 {
  margin-bottom: -35px
}

.mb-40 {
  margin-bottom: -40px
}

.mb-45 {
  margin-bottom: -45px
}

.mb-50 {
  margin-bottom: -50px
}

.pt0 {
  padding-top: 0px
}

.pt5 {
  padding-top: 5px
}

.pt10 {
  padding-top: 10px
}

.pt15 {
  padding-top: 15px
}

.pt20 {
  padding-top: 20px
}

.pt25 {
  padding-top: 25px
}

.pt30 {
  padding-top: 30px
}

.pt35 {
  padding-top: 35px
}

.pt40 {
  padding-top: 40px
}

.pt45 {
  padding-top: 45px
}

.pt50 {
  padding-top: 50px
}

.pt55 {
  padding-top: 55px
}

.pt60 {
  padding-top: 60px
}

.pt65 {
  padding-top: 65px
}

.pt70 {
  padding-top: 70px
}

.pt75 {
  padding-top: 75px
}

.pt80 {
  padding-top: 80px
}

.mt85 {
  padding-top: 85px
}

.pt90 {
  padding-top: 90px
}

.pt95 {
  padding-top: 95px
}

.pt100 {
  padding-top: 100px
}

.pb0 {
  padding-bottom: 0px
}

.pb5 {
  padding-bottom: 5px
}

.pb10 {
  padding-bottom: 10px
}

.pb15 {
  padding-bottom: 15px
}

.pb20 {
  padding-bottom: 20px
}

.pb25 {
  padding-bottom: 25px
}

.pb30 {
  padding-bottom: 30px
}

.mb35 {
  padding-bottom: 35px
}

.pb40 {
  padding-bottom: 40px
}

.pb45 {
  padding-bottom: 45px
}

.pb50 {
  padding-bottom: 50px
}

.pb55 {
  padding-bottom: 55px
}

.pb60 {
  padding-bottom: 60px
}

.pb65 {
  padding-bottom: 65px
}

.pb70 {
  padding-bottom: 70px
}

.pb75 {
  padding-bottom: 75px
}

.pb80 {
  padding-bottom: 80px
}

.pb85 {
  padding-bottom: 85px
}

.pb90 {
  padding-bottom: 90px
}

.pb95 {
  padding-bottom: 95px
}

.pb100 {
  padding-bottom: 100px
}

.nop {
  padding: 0 !important;
}

.nopr {
  padding-right: 0 !important;
}

.nopl {
  padding-left: 0 !important;
}

.nom {
  margin: 0 !important
}

.nomr {
  margin-right: 0 !important;
}

.noml {
  margin-left: 0 !important;
}

.uppercase {
  text-transform: uppercase;
}

.floatleft {
  float: left;
}

.floatright {
  float: right;
}

.aligncenter {
  text-align: center;
}

.alignright {
  text-align: right;
}

.box-shadow-001 {
  -webkit-box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .01);
  box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .01);
}

.box-shadow-002 {
  -webkit-box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .02);
  box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .02);
}

.box-shadow-003 {
  -webkit-box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .03);
  box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .03);
}

.box-shadow-004 {
  -webkit-box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .04);
  box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .04);
}

.box-shadow-005 {
  -webkit-box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .05);
  box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .05);
}

.box-shadow-006 {
  -webkit-box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .06);
  box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .06);
}

.box-shadow-007 {
  -webkit-box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .07);
  box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .07);
}

.box-shadow-008 {
  -webkit-box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .08);
  box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .08);
}

.box-shadow-009 {
  -webkit-box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .09);
  box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .09);
}

.box-shadow-01 {
  -webkit-box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .1);
  box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .1);
}

.box-shadow-011 {
  -webkit-box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .11);
  box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .11);
}

.box-shadow-012 {
  -webkit-box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .12);
  box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .12);
}

.box-shadow-013 {
  -webkit-box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .13);
  box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .13);
}

.box-shadow-014 {
  -webkit-box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .14);
  box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .14);
}

.box-shadow-015 {
  -webkit-box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .15);
  box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .15);
}

.box-shadow-016 {
  -webkit-box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .16);
  box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .16);
}

.box-shadow-017 {
  -webkit-box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .17);
  box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .17);
}

.box-shadow-018 {
  -webkit-box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .18);
  box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .18);
}

.box-shadow-019 {
  -webkit-box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .19);
  box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .19);
}

.box-shadow-20 {
  -webkit-box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .2);
  box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .2);
}

.box-shadow-021 {
  -webkit-box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .21);
  box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .21);
}

.box-shadow-022 {
  -webkit-box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .22);
  box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .22);
}

.box-shadow-023 {
  -webkit-box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .23);
  box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .23);
}

.box-shadow-024 {
  -webkit-box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .24);
  box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .24);
}

.box-shadow-025 {
  -webkit-box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .25);
  box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .25);
}

.box-shadow-026 {
  -webkit-box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .26);
  box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .26);
}

.box-shadow-027 {
  -webkit-box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .27);
  box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .27);
}

.box-shadow-028 {
  -webkit-box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .28);
  box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .28);
}

.box-shadow-029 {
  -webkit-box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .29);
  box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .29);
}

.box-shadow-30 {
  -webkit-box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .3);
  box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .3);
}

.box-shadow-031 {
  -webkit-box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .31);
  box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .31);
}

.box-shadow-032 {
  -webkit-box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .32);
  box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .32);
}

.box-shadow-033 {
  -webkit-box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .33);
  box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .33);
}

.box-shadow-034 {
  -webkit-box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .34);
  box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .34);
}

.box-shadow-035 {
  -webkit-box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .35);
  box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .35);
}

.box-shadow-036 {
  -webkit-box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .36);
  box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .36);
}

.box-shadow-037 {
  -webkit-box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .37);
  box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .37);
}

.box-shadow-038 {
  -webkit-box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .38);
  box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .38);
}

.box-shadow-039 {
  -webkit-box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .39);
  box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .39);
}

.box-shadow-04 {
  -webkit-box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .4);
  box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .4);
}

.box-shadow-041 {
  -webkit-box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .41);
  box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .41);
}

.box-shadow-042 {
  -webkit-box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .42);
  box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .42);
}

.box-shadow-043 {
  -webkit-box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .42);
  box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .42);
}

.box-shadow-044 {
  -webkit-box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .44);
  box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .44);
}

.box-shadow-045 {
  -webkit-box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .45);
  box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .45);
}

.box-shadow-046 {
  -webkit-box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .46);
  box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .46);
}

.box-shadow-047 {
  -webkit-box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .47);
  box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .47);
}

.box-shadow-048 {
  -webkit-box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .48);
  box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .48);
}

.box-shadow-049 {
  -webkit-box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .49);
  box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .49);
}

.box-shadow-05 {
  -webkit-box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .5);
  box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .5);
}



.color-overlay:after, .color-overlay-hover:after, .color-slider .slotholder:after {
  width: 100%;
  height: 100%;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  background: #333333;
  opacity: 0;
  -webkit-transition: .4s;
  transition: .4s;
}

.color-overlay:after, .color-overlay-hover:hover:after, .color-slider .slotholder:after {
  opacity: .3;
}

.dotted-overlay:after, .dotted-overlay-hover:after, .dotted-slider .slotholder:after {
  width: 100%;
  height: 100%;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  background: url("../images/icons/gridtile.png");
  opacity: 0;
  -webkit-transition: .4s;
  transition: .4s;
}

.dotted-overlay:after, .dotted-overlay-hover:hover:after, .dotted-slider .slotholder:after {
  opacity: .3;
}

.op1:after, .op1 .slotholder:after {
  opacity: .1;
}

.op2:after, .op2 .slotholder:after {
  opacity: .2;
}

.op3:after, .op3 .slotholder:after {
  opacity: .3;
}

.op4:after, .op4 .slotholder:after {
  opacity: .4;
}

.op5:after, .op5 .slotholder:after {
  opacity: .5;
}

.op5:after, .op5 .slotholder:after {
  opacity: .5;
}

.op6:after, .op6 .slotholder:after {
  opacity: .6;
}

.op7:after, .op7 .slotholder:after {
  opacity: .7;
}

.op8:after, .op8 .slotholder:after {
  opacity: .8;
}

.op9:after, .op9 .slotholder:after {
  opacity: .9;
}

.link-icon, .image-icon, .instagram-icon {
  position: relative;
}

.link-icon:before, .image-icon:before, .instagram-icon:before {
  font-family: 'Share Tech', sans-serif;
  position: absolute;
  top: calc(50% - 18px);
  right: calc(50% - 18px);
  width: 36px;
  height: 36px;
  background: #fff;
  border-radius: 3px;
  text-align: center;
  line-height: 36px;
  color: #a4a4a4;
  z-index: 99;
  font-size: 18px;
  opacity: 0;
  -webkit-transition: .5s;
  transition: .5s;
  pointer-events: none;
}

.link-icon.sm:before, .image-icon.sm:before, .instgram.sm:before {
  top: calc(50% - 13px);
  right: calc(50% - 13px);
  width: 26px;
  height: 26px;
  border-radius: 2px;
  line-height: 26px;
  font-size: 12px;
}

.link-icon:before {
  content: "\f102";
}

.image-icon:before {
  content: "\f100";
}

.instagram-icon:before {
  font-family: FontAwesome;
  content: "\f16d"
}

.link-icon:hover:before, .image-icon:hover:before, .instagram-icon:hover:before {
  opacity: .8;
}

.overlay {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: #8e0222;
  filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: .5;
  z-index: 1;
}

.overlay.o10 {
  opacity: .1;
}

.overlay.o20 {
  opacity: .2;
}

.overlay.o30 {
  opacity: .3;
}

.overlay.o40 {
  opacity: .4;
}

.overlay.o50 {
  opacity: .5;
}

.overlay.o60 {
  opacity: .6;
}

.overlay.o70 {
  opacity: .7;
}

.overlay.o80 {
  opacity: .8;
}

.overlay.o90 {
  opacity: .9;
}

.award-item {
  text-align: center;
  border: 1px solid #efefef;
  border-radius: 2px;
}

.award-item img {
  max-height: 200px;
}

/* ===== 02.1 FORMS ===== */

.form-group {
  margin-bottom: 0px;
}

label {
  color: #b5bec4;
  font-weight: 500;
  font-size: 14px;
  text-transform: uppercase;
}

label a {
  margin-left: 5px;
  color: #b5bec4;
}

.form-control, .form-control[readonly] {
  background: #f7f8f9;
  border: 1px solid #efefef;
  height: 45px;
  border-radius: 0;
  padding: 10px;
  color: #afafaf;
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-transition: .5s;
  transition: .5s;
  font-size: 13px;
  line-height: 25px;
  font-weight: 400;
  font-style: normal;
}

.form-control:focus {
  background: #efefef;
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-color: #e3e3e3;
}

/* BOOTSTRAP SELECT */

.bootstrap-select {
  display: block !important;
}

.form-control.bootstrap-select button, .form-control.bootstrap-select button.dropdown-toggle {
  background: #f7f8f9;
  border: 1px solid #efefef;
  height: 45px;
  border-radius: 0;
  padding: 10px 10px;
  color: #afafaf;
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-transition: .5s;
  transition: .5s;
  font-size: 13px;
  font-weight: 400;
  font-style: normal;
}

.form-control.bootstrap-select button .bs-caret {
  margin-right: -20px;
}

.form-control.bootstrap-select button:hover, .form-control.bootstrap-select button:active, .form-control.bootstrap-select button:focus {
  outline: none !important;
  background-color: transparent !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  border-color: #e3e3e3 !important;
}

.form-control.bootstrap-select .popover-title {
  background: #f7f8f9;
  font-size: 14px;
  text-align: center;
  font-weight: 500;
  color: #afafaf;
  text-transform: uppercase;
  padding: 8px 10px;
  border-bottom: 1px solid #efefef;
}

.form-control.bootstrap-select .dropdown-menu {
  border: 1px solid #efefef;
  -webkit-box-shadow: 0 12px 26px 0 rgba(178, 178, 178, .13);
  box-shadow: 0 12px 26px 0 rgba(178, 178, 178, .13);
  border-radius: 2px;
  padding-bottom: 0;
  margin-top: 15px;
}

.form-control.bootstrap-select .dropdown-menu a.dropdown-item, .form-control.bootstrap-select .btn-info:not(:disabled):not(.disabled):active {
  color: #afafaf;
}

.form-control.bootstrap-select .dropdown-menu a.dropdown-item:active, .form-control.bootstrap-select .dropdown-menu a.dropdown-item.active {
  background: #efefef;
  color: #afafaf;
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.form-control.bootstrap-select .dropdown-menu a.dropdown-item span.dropdown-item-inner {
  outline: none;
}

.form-control.bootstrap-select .dropdown-menu .dropdown-header {
  text-transform: uppercase;
  font-weight: 700;
  color: #a4a4a4;
}

.form-control.bootstrap-select .dropdown-menu a.dropdown-item span.dropdown-item-inner.opt {
  padding-left: 0;
}

.form-control.bootstrap-select.btn-group.show-tick .dropdown-menu a.selected span.dropdown-item-inner span.check-mark {
  right: 0;
}

.form-control.bootstrap-select button.close {
  margin-top: -10px;
  background: transparent !important;
  border: none;
}

.form-control.guestspicker {
  text-transform: uppercase;
  cursor: pointer;
}

textarea {
  max-width: 100%;
  min-height: 150px;
}

::-webkit-input-placeholder {
  color: #afafaf !important;
  font-weight: 400;
  text-transform: uppercase;
}

:-moz-placeholder {
  color: #afafaf !important;
  font-weight: 400;
  text-transform: uppercase;
}

::-moz-placeholder {
  color: #afafaf !important;
  font-weight: 400;
  text-transform: uppercase;
}

:-ms-input-placeholder {
  color: #afafaf !important;
  font-weight: 400;
  text-transform: uppercase;
}

/* ===== 02.2 Botones ===== */

.btn {
  background: #2196f3;
  color: #fff;
  letter-spacing: 0.5px;
  font-size: 15px;
  font-weight: 700;
  text-transform: uppercase;
  border-radius: 2px;
  padding: 10px 20px;
  -webkit-appearance: none;
  -webkit-transition: .5s;
  transition: .5s;
}

.btn:hover, .btn:focus, .btn:active {
  background: #222a86;
  cursor: pointer;
  color: #fff;
  outline: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

.btn-fw {
  width: 100%;
}

.btn i {
  margin-right: 10px;
}

.btn.btn-gray {
  background: #d7d8d9;
  color: #fff;
}

.btn.btn-gray:hover, .btn.btn-gray:focus, .btn.btn-gray:active {
  background: #d7d8d9;
}

.btn.btn-dark {
  background: #444;
}

.btn.btn-dark:hover, .btn.btn-dark:focus, .btn.btn-dark:active {
  background: #222;
  border-color: #222;
}

.btn.btn-blue {
  background: #1dc1f8;
  color: #fff;
}

.btn.btn-blue:hover, .btn.btn-blue:focus, .btn.btn-blue:active {
  background: #1aadde;
}

.btn.btn-lg {

  font-size: 22px;
}

.btn.btn-sm {
  padding: 7px 18px;
  font-size: 14px;
}

.btn.btn-xs {
  padding: 5px 10px;
  font-size: 10px;
}

.btn.btn-rounded {
  border-radius: 50px;
}

.social-media a {
  background: #fff;
  border: 1px solid #efefef;
  border-radius: 2px;
  display: inline-block;
  height: 60px;
  width: 60px;
  line-height: 60px;
  margin-right: 5px;
  margin-bottom: 5px;
  text-align: center;

}

.social-media a:last-child {
  margin-right: 0;
}

.social-media a i {
  font-size: 40px;
  vertical-align: middle;
}

.social-media a:hover {
  color: #fff;
}

.social-media .mercado-libre {
  background-color: #FFE82C;
}

.social-media .mercado-libre img {
  width: 70%;
}

.social-media .mercado-libre:hover {
  background: #3b5998;
  border-color: #3b5998;
}

.social-media .whatsapp {
  background-color: #25d366;
  color: #fff;

}

.social-media .whatsapp:hover {
  background: #128c7e;
  border-color: #4099ff;
}

.social-media .movil {
  background-color: #289be0;
  color: #fff;
}

.social-media .movil:hover {
  background: #284ee0;
  border-color: #d34836;
}

.social-media .fijo {
  background-color: #cb2027;
  color: #fff;
}

.social-media .fijo:hover {
  background: #881419;
  border-color: #cb2027;
}

/* ===== 03 Proximamente ===== */

.full-screen .inner {
  height: 100vh;
  width: 100%;
  position: relative;
  padding: 5% 0;
  color: #fff;
  text-align: center;
}


.count-box:last-child {
  margin-right: 0
}

.count-box .count-number {
  font-size: 40px;
  font-weight: 700;
  padding-top: 10px;
}

.count-box .count-text {
  font-size: 16px;
  padding-top: 10px;
  text-transform: uppercase;
  font-weight: 500;
}

.coming-soon .subscribe-form .form-group {
  max-width: 630px;
  margin: 0 auto;
  position: relative;
  -webkit-box-shadow: 0 12px 26px 0 rgba(178, 178, 178, .13);
  box-shadow: 0 12px 26px 0 rgba(178, 178, 178, .13);
}

.coming-soon .subscribe-form .form-control {
  padding: 28px;
  border-radius: 2px;
  background: #fff;
  border: none;
}

.coming-soon .subscribe-form button {
  display: inline-block;
  position: absolute;
  right: 4px;
  top: 4px;
  width: 48px;
  height: 48px;
  border-radius: 2px;
}

.coming-soon .subscribe-form button i {
  position: relative;
  right: 7px;
  font-size: 20px;
  text-align: center;
}

.coming-soon .social-media a {
  border: none;
}


    /* -------- 04 Trancisiones de fondo --------- */

    .cb-slideshow,
    .cb-slideshow:after {
        position: fixed;
        width: 100%;
        height: 100%;
        top: 0px;
        left: 0px;
        z-index: 0;
    }
    .cb-slideshow:after {
        content: '';
        background: transparent url(../images/pattern.png) repeat top left;
    }
    .cb-slideshow li span {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0px;
        left: 0px;
        color: transparent;
        background-size: cover;
        background-position: 50% 50%;
        background-repeat: none;
        opacity: 0;
        z-index: 0;
    	-webkit-backface-visibility: hidden;
        -webkit-animation: imageAnimation 48s linear infinite 0s;
        -moz-animation: imageAnimation 48s linear infinite 0s;
        -o-animation: imageAnimation s linear infinite 0s;
        -ms-animation: imageAnimation 48s linear infinite 0s;
        animation: imageAnimation 48s linear infinite 0s;
    }
    .cb-slideshow li div {
        z-index: 1000;
        position: absolute;
        bottom: 30px;
        left: 0px;
        width: 100%;
        text-align: center;
        opacity: 0;
        color: #fff;
        -webkit-animation: titleAnimation 36s linear infinite 0s;
        -moz-animation: titleAnimation 36s linear infinite 0s;
        -o-animation: titleAnimation 36s linear infinite 0s;
        -ms-animation: titleAnimation 36s linear infinite 0s;
        animation: titleAnimation 36s linear infinite 0s;
    }
    .cb-slideshow li div h3 {
        font-family: 'Share Tech', sans-serif;
        font-size: 240px;
        padding: 0;
        line-height: 200px;
    }
    .cb-slideshow li:nth-child(1) span {
        background-image: url(../images/1.jpg)

    }
    .cb-slideshow li:nth-child(2) span {
        background-image: url(../images/2.jpg);
        -webkit-animation-delay: 4s;
        -moz-animation-delay: 4s;
        -o-animation-delay: 4s;
        -ms-animation-delay: 4s;
        animation-delay: 4s;
    }
    .cb-slideshow li:nth-child(3) span {
        background-image: url(../images/3.jpg);
        -webkit-animation-delay: 12s;
        -moz-animation-delay: 12s;
        -o-animation-delay: 12s;
        -ms-animation-delay: 12s;
        animation-delay: 12s;
    }
    .cb-slideshow li:nth-child(4) span {
        background-image: url(../images/4.jpg);
        -webkit-animation-delay: 18s;
        -moz-animation-delay: 18s;
        -o-animation-delay: 18s;
        -ms-animation-delay: 18s;
        animation-delay: 18s;
    }
    .cb-slideshow li:nth-child(5) span {
        background-image: url(../images/5.jpg);
        -webkit-animation-delay: 24s;
        -moz-animation-delay: 24s;
        -o-animation-delay: 24s;
        -ms-animation-delay: 24s;
        animation-delay: 24s;
    }
    .cb-slideshow li:nth-child(6) span {
        background-image: url(../images/6.jpg);
        -webkit-animation-delay: 30s;
        -moz-animation-delay: 30s;
        -o-animation-delay: 30s;
        -ms-animation-delay: 30s;
        animation-delay: 30s;
    }
    .cb-slideshow li:nth-child(7) span {
        background-image: url(../images/7.jpg);
        -webkit-animation-delay: 36s;
        -moz-animation-delay: 36s;
        -o-animation-delay: 36s;
        -ms-animation-delay: 36s;
        animation-delay: 36s;
    }
    .cb-slideshow li:nth-child(8) span {
        background-image: url(../images/8.jpg);
        -webkit-animation-delay: 42s;
        -moz-animation-delay: 42s;
        -o-animation-delay: 42s;
        -ms-animation-delay: 42s;
        animation-delay: 42s;
    }
    .cb-slideshow li:nth-child(2) div {
        -webkit-animation-delay: 6s;
        -moz-animation-delay: 6s;
        -o-animation-delay: 6s;
        -ms-animation-delay: 6s;
        animation-delay: 6s;
    }
    .cb-slideshow li:nth-child(3) div {
        -webkit-animation-delay: 12s;
        -moz-animation-delay: 12s;
        -o-animation-delay: 12s;
        -ms-animation-delay: 12s;
        animation-delay: 12s;
    }
    .cb-slideshow li:nth-child(4) div {
        -webkit-animation-delay: 18s;
        -moz-animation-delay: 18s;
        -o-animation-delay: 18s;
        -ms-animation-delay: 18s;
        animation-delay: 18s;
    }
    .cb-slideshow li:nth-child(5) div {
        -webkit-animation-delay: 24s;
        -moz-animation-delay: 24s;
        -o-animation-delay: 24s;
        -ms-animation-delay: 24s;
        animation-delay: 24s;
    }
    .cb-slideshow li:nth-child(6) div {
        -webkit-animation-delay: 30s;
        -moz-animation-delay: 30s;
        -o-animation-delay: 30s;
        -ms-animation-delay: 30s;
        animation-delay: 30s;
    }
    .cb-slideshow li:nth-child(7) div {
        -webkit-animation-delay: 36s;
        -moz-animation-delay: 36s;
        -o-animation-delay: 36s;
        -ms-animation-delay: 36s;
        animation-delay: 36s;
    }
    .cb-slideshow li:nth-child(8) div {
        -webkit-animation-delay: 42s;
        -moz-animation-delay: 42s;
        -o-animation-delay: 42s;
        -ms-animation-delay: 42s;
        animation-delay: 42s;
    }
    /* Animation for the slideshow images */
    @-webkit-keyframes imageAnimation {
        0% { opacity: 0;
        -webkit-animation-timing-function: ease-in; }
        8% { opacity: 1;
             -webkit-animation-timing-function: ease-out; }
        17% { opacity: 1 }
        25% { opacity: 0 }
        100% { opacity: 0 }
    }
    @-moz-keyframes imageAnimation {
        0% { opacity: 0;
        -moz-animation-timing-function: ease-in; }
        8% { opacity: 1;
             -moz-animation-timing-function: ease-out; }
        17% { opacity: 1 }
        25% { opacity: 0 }
        100% { opacity: 0 }
    }
    @-o-keyframes imageAnimation {
        0% { opacity: 0;
        -o-animation-timing-function: ease-in; }
        8% { opacity: 1;
             -o-animation-timing-function: ease-out; }
        17% { opacity: 1 }
        25% { opacity: 0 }
        100% { opacity: 0 }
    }
    @-ms-keyframes imageAnimation {
        0% { opacity: 0;
        -ms-animation-timing-function: ease-in; }
        8% { opacity: 1;
             -ms-animation-timing-function: ease-out; }
        17% { opacity: 1 }
        25% { opacity: 0 }
        100% { opacity: 0 }
    }
    @keyframes imageAnimation {
        0% { opacity: 0;
        animation-timing-function: ease-in; }
        8% { opacity: 1;
             animation-timing-function: ease-out; }
        17% { opacity: 1 }
        25% { opacity: 0 }
        100% { opacity: 0 }
    }
    /* Animation for the title */
    @-webkit-keyframes titleAnimation {
        0% { opacity: 0 }
        8% { opacity: 1 }
        17% { opacity: 1 }
        19% { opacity: 0 }
        100% { opacity: 0 }
    }
    @-moz-keyframes titleAnimation {
        0% { opacity: 0 }
        8% { opacity: 1 }
        17% { opacity: 1 }
        19% { opacity: 0 }
        100% { opacity: 0 }
    }
    @-o-keyframes titleAnimation {
        0% { opacity: 0 }
        8% { opacity: 1 }
        17% { opacity: 1 }
        19% { opacity: 0 }
        100% { opacity: 0 }
    }
    @-ms-keyframes titleAnimation {
        0% { opacity: 0 }
        8% { opacity: 1 }
        17% { opacity: 1 }
        19% { opacity: 0 }
        100% { opacity: 0 }
    }
    @keyframes titleAnimation {
        0% { opacity: 0 }
        8% { opacity: 1 }
        17% { opacity: 1 }
        19% { opacity: 0 }
        100% { opacity: 0 }
    }
    /* Show at least something when animations not supported */
    .no-cssanimations .cb-slideshow li span{
    	opacity: 1;
    }

    @media screen and (max-width: 1140px) {
        .cb-slideshow li div h3 { font-size: 140px }
    }
    @media screen and (max-width: 600px) {
        .cb-slideshow li div h3 { font-size: 80px }
    }

    /* CSS reset */
    body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
    	margin:0;
    	padding:0;
    }
    html,body {
    	margin:0;
    	padding:0;
    }
    table {
    	border-collapse:collapse;
    	border-spacing:0;
    }
    fieldset,img {
    	border:0;
    }
    input{
    	border:1px solid #b0b0b0;
    	padding:3px 5px 4px;
    	color:#979797;
    	width:190px;
    }
    address,caption,cite,code,dfn,th,var {
    	font-style:normal;
    	font-weight:normal;
    }
    ol,ul {
    	list-style:none;
    }
    caption,th {
    	text-align:left;
    }
    h1,h2,h3,h4,h5,h6 {
    	font-weight:normal;
    }
    q:before,q:after {
    	content:'';
    }
    abbr,acronym { border:0;
    }
    /* General Demo Style */
    body{
    	font-family: 'Share Tech', sans-serif;
    	background: #64ADB8;
    	font-weight: 400;
    	font-size: 15px;
    	color: #aa3e03;
    	overflow-y: scroll;
    	overflow-x: hidden;
    }

    a{
    	/* color: #333;
    	text-decoration: none; */
    }
    .container{
    	position: relative;
    	text-align: center;
    }
    .clr{
    	clear: both;
    }
    .container > header{
    	padding: 30px 30px 10px 20px;
    	margin: 0px 20px 10px 20px;
    	position: relative;
    	display: block;
    	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
        text-align: left;
    }
    .container > header h1{
    	font-family: 'Share Tech', sans-serif;
    	font-size: 35px;
    	line-height: 35px;
    	position: relative;
    	font-weight: 400;
    	color: #fff;
    	text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
        padding: 0px 0px 5px 0px;
    }
    .container > header h1 span{

    }
    .container > header h2, p.info{
    	font-size: 16px;
    	font-style: italic;
    	color: #f8f8f8;
    	text-shadow: 1px 1px 1px rgba(0,0,0,0.6);
    }


    .panel .panel-heading {
      font-size: 1.2rem; }

      .panel .panel-heading a {
      background: #21CADB;
      color: #29494C;
      display: block;
      padding: 1rem;
      border-radius: 5px;
      text-decoration: none;
      -webkit-transition: all .5s ease;
      transition: all .5s ease; }

      .panel .panel-heading a:hover {
      background: #64ADB8;
      color: #29494C; }

      button.btn {
        background-color: #9DC9D3;
        border-color: #9DC9D3;
        color: #29494C;
      }
      button.btn:hover {
        background-color: #B48550;
        border-color: #B48550;
        color: #fff;
      }

      @media (max-width: 426px) {
      .logotipo {
        width: 60%;
      }
      }

      img {
      -webkit-user-select: none;
      -khtml-user-select: none;
      -moz-user-select: none;
      -o-user-select: none;
      user-select: none;
      }