body, html { width: 100%; height: 100%; }

body { font-family: 'Montserrat', sans-serif; }

.btn-xl { padding: 1.25rem 2.5rem; }

.content-section { padding-top: 7.5rem; padding-bottom: 7.5rem; }

.content-section-heading h2 { font-size: 3rem; }

.content-section-heading h3 { font-size: 1rem; text-transform: uppercase; }

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

h1 span, h2 span, h3 span, h4 span, h5 span, h6 span { color: #ef9ba7; }

.text-faded { color: rgba(255, 255, 255, 0.7); }

/* Map */
.map { height: 30rem; }

@media (max-width: 992px) { .map { height: 75%; } }

.map iframe { pointer-events: none; }

.scroll-to-top { position: fixed; right: 15px; bottom: 15px; display: none; width: 50px; height: 50px; text-align: center; color: white; background: rgba(52, 58, 64, 0.5); line-height: 45px; }

.scroll-to-top:focus, .scroll-to-top:hover { color: white; }

.scroll-to-top:hover { background: #343a40; }

.scroll-to-top i { font-weight: 800; }

.masthead { min-height: 100vh; position: relative; width: 100%; height: auto; background: linear-gradient(90deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.1) 100%), url("../img/bg-masthead.jpg"); background-position: center 30%; background-repeat: no-repeat; background-size: cover; background-attachment: fixed; }

.masthead:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(25, 25, 27, 0.3); }

.masthead .content { position: relative; z-index: 1; }

.masthead .title { font-size: 4rem; padding: 0; color: #FFF; margin-bottom: 20px; }

.masthead .licence { font-size: 14px; color: #FFF; font-shadow: 0 1px 1px black; letter-spacing: .5px; }

.masthead a.btn { margin-top: 30px; }

@media (min-width: 992px) { .masthead { height: 100vh; } .masthead h1 { font-size: 5.5rem; } }

.masthead h3 { color: #FFF; }

/* home social-list */
.home-social-list { position: absolute; left: 48px; bottom: 54px; margin: 0; padding: 0; list-style: none; font-size: 2.4rem; line-height: 1.75; text-align: center; }

.home-social-list:before { display: block; content: ""; width: 2px; height: 42px; background-color: rgba(255, 255, 255, 0.3); margin-left: auto; margin-right: auto; margin-bottom: 12px; }

.home-social-list li { padding-left: 0; }

.home-social-list li a { font-size: 28px; }

.home-social-list li a i, .home-social-list li a svg { color: #FFF; }

.home-social-list li a i:hover, .home-social-list li a svg:hover { color: #151515; }

.home-social-list li a i:focus, .home-social-list li a svg:focus { color: #151515; }

.home-social-list li a i:active, .home-social-list li a svg:active { color: #151515; }

.home-social-list li a i:visited, .home-social-list li a svg:visited { color: #FFF; }

/* scroll down */
.scrolldown { position: absolute; bottom: 0; right: 0; transform: rotate(90deg); transform-origin: right top 0; float: right; }

.scrolldown i { padding-left: 9px; }

.scrolldown .scroll-icon { display: inline-block; text-transform: uppercase; letter-spacing: .3rem; color: #FFF !important; background: transparent; position: relative; top: 36px; right: 42px; animation: animate-it 3s ease infinite; }

.scrolldown a:hover, .scrolldown a:focus, .scrolldown a:active { color: #151515 !important; }

html[data-useragent*='MSIE 10.0'] .scrolldown, .oldie .scrolldown { display: none; }

/* vertical animation */

@keyframes animate-it { 0%, 60%, 80%, 100% { -webkit-transform: translateX(0); }
  20% { -webkit-transform: translateX(-5px); }
  40% { -webkit-transform: translateX(20px); } }

/* Side Menu */
#sidebar-wrapper { position: fixed; z-index: 2; right: 0; width: 400px; height: 100%; transition: all 0.4s ease 0s; transform: translateX(400px); background: #343a40; border-left: 1px solid rgba(255, 255, 255, 0.1); background: url("../img/bg-mobile-nav-2.jpg") center center no-repeat; background-size: cover; }

#sidebar-wrapper .sidebar-nav { position: absolute; top: 0; width: 400px; margin: 0; padding: 0; list-style: none; }

#sidebar-wrapper .sidebar-nav .sidebar-brand { font-size: 1.2rem; font-weight: 700; background: rgba(52, 58, 64, 0.1); height: 80px; padding: 15px 30px; }

#sidebar-wrapper .sidebar-nav .sidebar-brand a { color: #FFF; }

#sidebar-wrapper .sidebar-nav .sidebar-brand a:hover { color: #FFF; background: none; text-decoration: none; }

#sidebar-wrapper .sidebar-nav .sidebar-brand a .byme { display: block; font-size: 12px; font-weight: 300; }

#sidebar-wrapper .sidebar-nav .sidebar-brand a .byme span { font-weight: 500; }

#sidebar-wrapper .sidebar-nav li.sidebar-nav-item a { display: block; text-decoration: none; color: #FFF; padding: 15px 30px; transition: all .3s ease-in; }

#sidebar-wrapper .sidebar-nav li.sidebar-nav-item a:hover { text-decoration: none; color: #FFF; background: rgba(0, 0, 0, 0.2); padding: 15px 35px; }

#sidebar-wrapper .sidebar-nav li.sidebar-nav-item a:active, #sidebar-wrapper .sidebar-nav li.sidebar-nav-item a:focus { text-decoration: none; }

#sidebar-wrapper.active { right: 400px; width: 400px; transition: all 0.4s ease 0s; }

.menu-toggle { position: fixed; right: 15px; top: 15px; width: 50px; height: 50px; text-align: center; color: #FFF; background: rgba(0, 0, 0, 0.3); font-size: 24px; line-height: 50px; z-index: 999; transition: all 0.4s ease 0s; }

.menu-toggle:focus, .menu-toggle:hover { color: #FFF; }

.menu-toggle:hover { background: rgba(0, 0, 0, 0.5); }

#services { color: #000; }

#services .service-icon { background: #7fb3ef; background: url("../img/abstract-6.png") center center no-repeat; background-size: cover; color: #FFF; height: 7rem; width: 7rem; display: block; line-height: 7.5rem; font-size: 2.25rem; }

#services h3 { color: #7fb3ef; }

#services .text-faded { color: #000; }

#follow_me .follow_me-button { position: relative; display: block; height: 4rem; width: 4rem; line-height: 4.3rem; font-size: 1.5rem; }

#follow_me .follow_me-button:hover { text-decoration: none; }

#follow_me .follow_me-button .arrow { width: 50px; position: absolute; left: 6px; top: 26px; transition: all .3s ease; animation-name: arrow_moving; animation-duration: .8s; animation-iteration-count: infinite; }

@keyframes arrow_moving { /* from { margin-left: 10px; } to { margin-left: 4px; } */
  0% { transform: rotate(-10deg);
    margin-left: 10px; }
  50% { transform: rotate(0deg);
    margin-left: 0; }
  100% { transform: rotate(-10deg);
    margin-left: 10px; } }

#follow_me .follow_me-button .follow_me-icon { background: #7fb3ef; background: url("../img/abstract-11.png") center center no-repeat; background-size: cover; background-size: 98px; color: #FFF; height: 7rem; width: 7rem; display: block; line-height: 7.5rem; font-size: 2.25rem; }

.callout { padding: 15rem 0; background: linear-gradient(90deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.1) 100%), url("../img/bg-callout.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; }

.callout h2 { color: #FFF; }

footer.footer { padding-top: 40px; padding-bottom: 40px; }

a { color: #ef9ba7; }

a:hover, a:focus, a:active { color: #e86f80; }

.btn { box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.1); font-weight: 700; text-transform: uppercase; border-radius: 0; }

.btn-primary { background-color: #ef9ba7 !important; border-color: #ef9ba7 !important; color: #FFF !important; }

.btn-primary:hover, .btn-primary:focus, .btn-primary:active { background-color: #e86f80 !important; border-color: #e86f80 !important; }

.btn-secondary { background-color: #d42027 !important; border-color: #d42027 !important; color: #FFF !important; }

.btn-secondary:hover, .btn-secondary:focus, .btn-secondary:active { background-color: #a8191f !important; border-color: #a8191f !important; }

.btn-dark { color: #FFF !important; }

.btn-outline-light { color: #FFF !important; background: transparent !important; border: 2px solid #FFF !important; }

.btn-outline-dark { color: #000 !important; background: transparent !important; border: 2px solid #000 !important; }

.bg-primary { background-color: #ef9ba7 !important; }

.text-primary { color: #ef9ba7 !important; }

.text-secondary { color: #d42027 !important; }

.scroll-to-top { position: fixed; left: 20px; bottom: 20px; display: none; width: 50px; height: 50px; text-align: center; color: white; background: rgba(52, 58, 64, 0.5); line-height: 50px; z-index: 100; }

.whatsapp_btn { position: fixed; right: 20px; bottom: 20px; display: block; width: 50px; height: 50px; text-align: center; color: white; background: #00e675; line-height: 50px; font-size: 28px; color: #FFF; z-index: 100; }

.whatsapp_btn:hover { background: #07a959; color: #FFF; }

/* PAGINA CON LISTADO DE AFILIACIONES */
.planifica_tu_viaje .masthead { height: 600px !important; min-height: 600px !important; background: linear-gradient(90deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.1) 100%), url("../img/bg-planificar.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; background-attachment: fixed; }

@media (min-width: 992px) { .planifica_tu_viaje .masthead { height: 600px; min-height: 600px; } }

.planifica_tu_viaje .masthead:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(25, 25, 27, 0); }

.planifica_tu_viaje .masthead .content { position: relative; z-index: 1; }

.planifica_tu_viaje .masthead .title { font-size: 4rem; padding: 0; color: #FFF; margin-bottom: 20px; }

.planifica_tu_viaje .masthead .licence { font-size: 14px; color: #FFF; font-shadow: 0 1px 1px black; letter-spacing: .5px; }

.planifica_tu_viaje .masthead a.btn { margin-top: 30px; }

.planifica_tu_viaje .intro .title { font-weight: 500; font-size: 28px; line-height: 1.6em; }

.planifica_tu_viaje .afiliaciones .afiliaciones-section { margin-bottom: 40px; }

.planifica_tu_viaje .afiliaciones .afiliaciones-section:last-child { margin-bottom: 0; }

.planifica_tu_viaje .afiliaciones .afiliaciones-section .section-header { text-align: center; margin-bottom: 20px; }

.planifica_tu_viaje .afiliaciones .afiliaciones-section .section-header .title { color: #ef9ba7; }

.planifica_tu_viaje .afiliaciones .afiliaciones-section .section-header .icon i { background: #FFF; color: #FFF; width: 80px; height: 80px; line-height: 80px; border-radius: 100px; font-size: 28px; margin-bottom: 10px; }

.planifica_tu_viaje .afiliaciones .afiliaciones-section .mod { margin-bottom: 30px; padding: 40px; background: #FFF; border: 1px solid #DDD; border-radius: 10px; }

.planifica_tu_viaje .afiliaciones .afiliaciones-section .mod:last-child { margin-bottom: 0; }

.planifica_tu_viaje .afiliaciones .afiliaciones-section .mod .logo img { max-width: 100px; border-radius: 6px; margin-bottom: 30px; }

@media (min-width: 992px) { .planifica_tu_viaje .afiliaciones .afiliaciones-section .mod .logo img { max-width: 140px; margin-bottom: 0; } }

.planifica_tu_viaje .afiliaciones .afiliaciones-section .mod .mod-content { text-align: left; padding: 0; }

@media (min-width: 992px) { .planifica_tu_viaje .afiliaciones .afiliaciones-section .mod .mod-content { padding: 0 0 0 30px; } }

.planifica_tu_viaje .afiliaciones .afiliaciones-section .mod .mod-content .title { font-size: 28px; }

.planifica_tu_viaje .afiliaciones .afiliaciones-section .mod .mod-content .description { font-size: 16px; margin: 0; }

.vline:before { display: block; content: ""; width: 3px; height: 9.6rem; background-color: rgba(0, 0, 0, 0.1); margin: 0 auto 2.4rem; }

.copete { font-size: 20px; text-transform: uppercase; }

.title { font-size: 30px; }

@media (min-width: 992px) { .title { font-size: 38px; } }

@media (min-width: 992px) { .title--mega { font-size: 48px; } }

#about h4 { font-size: 20px; }

#about p span { color: #ef9ba7; }

.img-shaddow { box-shadow: 80px 80px 0 rgba(0, 0, 0, 0.03); transition: all .3s ease; }

.img-shaddow--invert { box-shadow: -80px 80px 0 rgba(0, 0, 0, 0.03); }

.img-shaddow--invert:hover { box-shadow: -40px -40px 0 rgba(0, 0, 0, 0.03); }

.img-shaddow:hover { box-shadow: 40px 40px 0 rgba(0, 0, 0, 0.03); }

#faqs h2 { font-size: 3.5rem; font-weight: 700; display: block; color: #000; }

#faqs .card { background: transparent; border: 0; }

#faqs .card .card-header { background: transparent; border: 0; }

#faqs .card .card-header .btn { box-shadow: none; color: #000; display: block; width: 100%; text-align: left; padding: 10px 0; border-bottom: 1px solid #EEE; font-size: 1.5rem; }

#faqs .card .card-header .btn:hover { text-decoration: none; color: #ef9ba7; }

#faqs .card .card-header .btn:focus { text-decoration: none; color: #ef9ba7; }

#faqs .card .card-body { background: transparent; }

#contact { background: #e9ecef; background: #ef9ba7; background: url("../img/bg-contact_info.jpg") no-repeat; background-size: cover; }

#contact a { color: #FFF; }

#contact i { color: #FFF; }

#portfolio { max-width: 1920px; }

#portfolio .portfolio-box { position: relative; display: block; }

#portfolio .portfolio-box:hover .portfolio-box-caption { opacity: 1; }

#portfolio .portfolio-box .portfolio-box-caption { display: flex; align-items: center; justify-content: center; flex-direction: column; width: 100%; height: 100%; position: absolute; bottom: 0; text-align: center; opacity: 0; color: #fff; background: rgba(0, 0, 0, 0.8); transition: opacity 0.25s ease; text-align: center; }

#portfolio .portfolio-box .portfolio-box-caption .project-category { font-size: 0.85rem; font-weight: 600; text-transform: uppercase; }

#portfolio .portfolio-box .portfolio-box-caption .project-name { font-size: 1.2rem; }

#getyourguide { margin: 80px 0 0 0; }

#agoda { margin-top: 80px; }
/*# sourceMappingURL=stylish-portfolio.css.map */