@import "https://fonts.googleapis.com/css?family=Oswald:400,500,500i";
@import "https://fonts.googleapis.com/css?family=Merriweather";
body {
    font-family: 'Merriweather', serif;
    color: #646464;
    font-size: 14px
}
a,
a:hover {
    color: #FF2D0D
}
p,
li {
    font-size: 14px
}
label {
    font-weight: 600
}
.container {
    max-width: 1250px;
    width: 95%
}
.box-shadow {
    box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075)!important
}
.padding {
    padding-top: 70px;
    padding-bottom: 70px
}
.padding-top {
    padding-top: 70px
}
.padding-bottom {
    padding-bottom: 70px
}
.btn {
    border-radius: 35px;
    padding: 8px 40px;
    font-family: 'Oswald', sans-serif;
    font-size: 22px
}
.btn-danger {
    background-color: #FF2D0D
}
.section .head {
    position: relative;
    padding-bottom: 5px;
    margin-bottom: 30px
}
.section .head:after,
.section .head:before {
    width: 130px;
    position: absolute;
    content: '';
    bottom: -5px;
    height: 1px;
    background-color: #FF2D0D;
    left: 0;
    transition: all .4s ease;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -o-transition: all .4s ease
}
.section .head:after {
    width: 60px;
    transition-delay: .3s;
    height: 3px;
    bottom: -4px
}
.section .head h1,
.section .head h2 {
    font-family: 'Oswald', sans-serif;
    font-weight: 500;
    color: #FF2D0D;
    font-size: 42px
}
.section .head h1 b,
.section .head h1 span,
.section .head h2 b,
.section .head h2 span {
    font-size: 24px;
    font-family: 'Merriweather', serif;
    color: #646464
}
h3.hcollapse {
    font-family: 'Oswald', serif;
    color: #FF2D0D;
    font-size: 28px
}
.section .footer {
    margin-top: 35px
}
.section .footer .btn {
    margin-bottom: 10px
}
.section .footer .btn.btn-block {
    max-width: 350px;
    display: inline-block
}
img {
    max-width: 100%
}
header.navbar {
    min-height: 128px;
    background-color: #fff;
    padding-top: 0;
    padding-bottom: 0
}
#logo {
    display: inline-block;
    height: 128px;
    width: 140px;
    background-image: url(../images/logo.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center
}
.navbar-nav .nav-link,
.navbar-light .navbar-nav .nav-link {
    font-size: 18px;
    color: #616161;
    position: relative;
    display: block;
    font-family: 'Oswald', sans-serif
}
.dropdown-item {
    background-color: transparent!important;
    font-size: 15px
}
.dropdown-item.active,
.dropdown-item:active {
    color: #646464
}
.navbar-light .navbar-nav .active>.nav-link,
.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .show>.nav-link,
.dropdown-menu .active .dropdown-item {
    color: #FF2D0D
}
.navbar-light .navbar-nav .active>.nav-link:before,
.navbar-light .navbar-nav .nav-link:focus:before,
.navbar-light .navbar-nav .nav-link:hover:before {
    width: calc(100% - 10%)
}
.navbar-light .navbar-nav .active>.nav-link:after,
.navbar-light .navbar-nav .nav-link:focus:after,
.navbar-light .navbar-nav .nav-link:hover:after {
    width: calc(100% - 50%);
    transition-delay: .3s
}
.bottom .navbar-nav .nav-link {
    color: #FF2D0D!important;
    font-weight: 500;
    font-style: italic;
    font-size: 25px
}
.top .navbar-nav {
    margin-bottom: 1rem
}
.top .navbar-nav .nav-link {
    font-size: 14px
}
.bottom .nav-link:after,
.bottom .nav-link:before {
    display: none
}
.has-warning .form-control {
    border-color: #f0ad4e
}
.has-warning .form-control-feedback,
.has-warning .fv-control-feedback {
    color: #f0ad4e
}
.has-success .form-control {
    border-color: #5cb85c
}
.has-success .form-control-feedback,
.has-success .fv-control-feedback {
    color: #dc3545
}
.has-danger .form-control {
    border-color: #dc3545
}
.has-danger .form-control-feedback,
.has-danger .fv-control-feedback {
    color: #dc3545
}
main {
    position: relative;
    overflow: hidden;
    padding-top: 109px
}
body.home section#portada {
    position: relative;
    overflow: hidden
}
body.home section#portada .bottom {
    background: rgba(255, 255, 255, 0);
    background-image: url(../images/brush3.png)!important;
    height: 135px;
    width: 100%;
    margin: auto;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 2;
}
#portada-video{
    position: relative;
    z-index: 1;
    color: #fff;
}
#portada-video .contenido{
    position: absolute;
    background-image: url(../images/shadow.png);
    width: 100%;
    height: 100%;
    margin: auto;
    top: 0;
    left: 0;
}
#portada-video h2{
     font-family: 'Oswald', sans-serif;
     font-size: 48px;
}
#portada-video .contenido .container{
    height: inherit;
}
#portada-video .contenido .container > div{
    width: 100%;
}
body.home section#nosotros .img {
    text-align: center
}
body.home section#nosotros p {
    font-size: 16px
}
body.home section#tours,
#accordionDestino {
    background-color: #FAF4E7;
    background-image: url(../images/tours.jpg);
    background-position: top center;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover
}
section#tours p,
body.home #tours h3 {
    font-size: 20px
}
section#tours .body .row {
    margin-bottom: -15px;
    margin-top: 30px
}
section#tours .bloque {
    padding-bottom: 15px
}
section#tours .bloque > a {
    display: block;
    background-color: #fff;
    text-decoration: none;
    color: #646464
}
section#tours .bloque > a:hover {
    color: #FF2D0D
}
section#tours .bloque > a .img {
    position: relative
}
section#tours .bloque > a .img img {
    width: 100%
}
section#tours .bloque > a .img .dias {
    position: absolute;
    bottom: 8px;
    right: 0;
    background-color: #FF2D0D;
    padding: 8px 25px;
    color: #fff;
    font-family: 'Oswald', sans-serif;
    font-weight: 700;
    -webkit-border-top-left-radius: 15px;
    -webkit-border-bottom-left-radius: 15px;
    -moz-border-radius-topleft: 15px;
    -moz-border-radius-bottomleft: 15px;
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px
}
section#tours .bloque > a .text {
    padding: 20px
}
body.home section#category {
    background-image: linear-gradient(#FBFBFB, #DEDEDE);
    position: relative
}
body.home section#category img {
    width: 100%
}
body.home section#category p,
body.home #category h3 {
    font-size: 20px
}
body.home section#category a {
    display: block;
    position: relative;
    color: #fff
}
body.home section#category .body {
    position: relative;
    z-index: 1
}
body.home section#category .text {
    background-color: rgba(255, 45, 13, 0.28);
    position: absolute;
    margin: auto;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 15px;
    -webkit-transition: all .6s ease;
    -moz-transition: all .6s ease;
    -o-transition: all .6s ease
}
body.home section#category .text h3 {
    width: 100%;
    text-align: center;
    font-size: 48px;
    font-family: 'Oswald', sans-serif
}
body.home section#category a:hover .text {
    background-color: rgba(255, 45, 13, 1)
}
body.home section#category .nube {
    background: rgba(255, 255, 255, 0);
    background-image: url(../images/brush3.png)!important;
    height: 135px;
    width: 100%;
    margin: auto;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0
}
body.home section#category .row {
    margin-top: 45px
}
section#testimonios p,
body.home #testimonios h3 {
    font-size: 20px
}
section#testimonios .row {
    margin-top: 30px;
    margin-bottom: -15px
}
section#testimonios .bloque {
    padding-top: 15px;
    padding-bottom: 15px
}
section#testimonios .bloque p {
    font-size: 14px
}
section#testimonios .bloque > div {
    display: block;
    background-color: #fff;
    text-decoration: none;
    padding: 35px;
    background-image: url(../images/icon-testimonio.jpg);
    background-position: bottom right;
    background-repeat: no-repeat
}
section#testimonios .bloque > div .img {
    width: 75px;
    height: 75px;
    border-radius: 50%;
    overflow: hidden;
    text-align: center;
    position: relative;
    float: left;
    margin: 0 15px 15px 0
}
section#testimonios .bloque > div .img img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    height: 100%
}
section#testimonios .bloque > div .text {
    overflow: hidden
}
section#testimonios .bloque > div .text h3 {
    font-weight: 500;
    color: #FF2D0D;
    font-family: 'Oswald', sans-serif;
    font-size: 24px
}
section#testimonios .bloque > div .text h4 {
    font-weight: 500;
    font-family: 'Oswald', sans-serif;
    font-size: 16px
}
section#testimonios .bloque .top,
section#testimonios .bloque .bottom {
    overflow: hidden
}
footer {
    font-size: 14px
}
footer .top {
    padding: 35px 0;
    background-color: #FF2D0D;
    color: #fff
}
footer .top a {
    color: #fff;
    text-decoration: none
}
footer .bottom {
    padding: 15px
}
footer ul {
    list-style: none;
    padding: 0;
    margin: 0
}
footer ul li {
    margin-bottom: 5px
}
footer ul li:last-child {
    margin-bottom: 0
}
footer .iframe {
    border-radius: 30px;
    overflow: hidden
}
footer #copyright {
    font-size: 16px
}
ul.social {
    padding: 0;
    margin: 0;
    margin-top: 25px
}
ul.social li {
    display: inline-block;
    margin-bottom: 0;
    margin-right: 8px
}
ul.social li a {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background-color: #000;
    color: #fff;
    font-size: 22px;
    line-height: 48px;
    text-align: center;
    display: inline-block
}
ul.social li a.facebook {
    background-color: #205B99
}
ul.social li a.twitter {
    background-color: #00AEF3
}
ul.social li a.google {
    background-color: #FF4B3E
}
ul.social li a.linkedin {
    background-color: #007ABC
}
#map {
    min-height: 300px;
    border-radius: 30px;
    overflow: hidden
}
#map #map_canvas {
    width: 100%;
    min-height: inherit
}
.navbar-light .navbar-toggler {
    border: 1px solid #ff2902;
    color: #ff2902
}
.navbar-light .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,41,2,1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")
}
.responsive {
    display: none
}
#navigation .top {
    background-image: url(../images/navigation.jpg);
    background-position: center left;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 80px 0 150px;
    position: relative;
    color: #fff
}
#navigation .top h1 {
    font-family: 'Oswald', sans-serif;
    font-size: 54px;
    text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.63)
}
#navigation .top p {
    font-size: 21px;
    text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.85)
}
#navigation .top .nube {
    background: rgba(255, 255, 255, 0);
    background-image: url(../images/brush3.png)!important;
    height: 100px;
    width: 100%;
    margin: auto;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0
}
#navigation .breadcrumb {
    padding: 0;
    background-color: transparent;
    font-family: 'Oswald', sans-serif;
    font-size: 18px
}
#navigation .breadcrumb li a {
    color: #646464
}
#navigation .breadcrumb li.active,
#navigation .breadcrumb li.active a {
    font-weight: 700;
    color: #FF2D0D
}
#navigation .breadcrumb-item+.breadcrumb-item::before {
    font-family: "Font Awesome 5 Free";
    display: inline-block;
    padding-right: .5rem;
    color: #6c757d;
    content: "\f30b";
    font-weight: 700
}
#contacto ul.contacto {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-bottom: 20px
}
#contacto ul.contacto li {
    margin-bottom: 20px
}
#contacto ul.contacto li:last-child {
    margin-bottom: 0
}
#contacto ul.contacto li a {
    color: #646464;
    text-decoration: none
}
#contacto ul.contacto li.email a,
#contacto ul.contacto li.phone a {
    color: #FF2D0D;
    font-family: 'Oswald', sans-serif;
    font-style: italic;
    font-size: 20px
}
.page-link {
    color: #646464
}
.page-link:hover {
    color: #FF2D0D
}
.page-item.active .page-link {
    z-index: 1;
    color: #fff;
    background-color: #FF2D0D;
    border-color: #FF2D0D
}
body.destinos #destinos .row {
    margin-top: -15px;
    margin-bottom: -15px
}
body.destinos #destinos article {
    padding-top: 15px;
    padding-bottom: 15px
}
body.destinos #destinos article a {
    background-color: #fff;
    color: #646464;
    display: block;
    text-decoration: none
}
body.destinos #destinos article a h3 {
    font-family: 'Oswald', sans-serif;
    font-size: 24px
}
body.destinos #destinos article a:hover h3 {
    color: #FF2D0D
}
body.destinos #destinos article a .text {
    padding: 15px 25px
}
body.view-destinos #navigation .top,
body.view-tours #navigation .top {
    padding: 200px 0;
    background-position: center
}
body.view-tours .itinerario-head h4{
    cursor: pointer;
    font-size: 17px;
    font-weight: bold;
    position: relative;
}
body.view-tours #itinerario .contenido{
    border: 1px solid #e5e5e5;
    border-top: 0;
}
body.view-tours #itinerario .contenido > div{
    border-top: 1px solid #e5e5e5;
    padding: 15px;
}
body.view-tours .itinerario-head h4.collapsed:after {
    content: "\f105"
}
body.view-tours .itinerario-head h4:after {
    font-family: "Font Awesome 5 Free";
    font-weight: 700;
    content: "\f107";
    position: absolute;
    top: -10;
    right: 0;
    color: grey;
    font-size: 26px;
    line-height: 39px
}
body.view-tours .terminos a{
    display:  block;
    padding: 15px;
    background-color: #f6f6f6;
    border-radius: 15px;
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 25px;
    overflow: hidden;
    text-decoration: none !important;
}
body.view-tours .terminos a .img{
    float:  left;
    padding-right: 10px;
    font-size: 28px;
    border-right: 1px solid #e5e5e5;
    margin-right: 10px;
}
body.view-tours .terminos a .text{
    padding: 0 !important;
    overflow: hidden;
    line-height: 45px;
    font-size: 18px;
    color:  #646464;
}
body.view-tours .terminos a:hover .text{
    color:  #FF2D0D;
}
body.view-destinos .listado article {
    padding: 25px;
    background-color: #fff;
    margin-bottom: 25px;
}
body.view-destinos .listado article:last-child {
    margin-bottom: 0
}
h3.hcollapse {
    cursor: pointer;
    position: relative
}
h3.hcollapse.collapsed:after {
    content: "\f107"
}
h3.hcollapse:after {
    font-family: "Font Awesome 5 Free";
    font-weight: 700;
    content: "\f105";
    position: absolute;
    top: 0;
    right: 0;
    color: grey;
    font-size: 35px;
    line-height: 39px
}
.custom-hover {
    display: inline-block;
    position: relative;
    overflow: hidden;
    vertical-align: top;
    width: 100%
}
.custom-hover:before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    padding-bottom: 100%;
    margin-top: -50%;
    opacity: 0;
    background: #FF2D0D;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transition: -webkit-transform .5s cubic-bezier(0.4, 0, 0.2, 1), opacity .5s;
    -moz-transition: -moz-transform .5s cubic-bezier(0.4, 0, 0.2, 1), opacity .5s;
    transition: transform .5s cubic-bezier(0.4, 0, 0.2, 1), opacity .5s;
    z-index: 1
}
.custom-hover:hover:before {
    opacity: .7;
    -webkit-transform: scale(1.55);
    -moz-transform: scale(1.55);
    -ms-transform: scale(1.55);
    transform: scale(1.55)
}
.custom-hover:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 29px;
    height: 29px;
    margin-top: -14.5px;
    margin-left: -14.5px;
    background: url(../images/hover_icon.png) no-repeat center center;
    opacity: 0;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transition: -webkit-transform .5s cubic-bezier(0.4, 0, 0.2, 1), opacity .5s;
    -moz-transition: -moz-transform .5s cubic-bezier(0.4, 0, 0.2, 1), opacity .5s;
    transition: transform .5s cubic-bezier(0.4, 0, 0.2, 1), opacity .5s;
    z-index: 2
}
.custom-hover:hover:after {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}
.custom-hover.round:hover:before {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}
.custom-hover img {
    width: 100%
}
body.tours #tours .bloque .head {
    background-color: #FF2D0D;
    color: #fff;
    padding: 10px 15px;
    text-align: center;
    text-transform: uppercase;
    font-family: 'Oswald', sans-serif;
    border-radius: 5px
}
body.tours #tours .bloque .head h4 {
    margin-bottom: 0;
    font-size: 20px
}
body.tours #tours .bloque .body {
    padding-top: 15px
}
.chosen-container-multi .chosen-choices {
    padding: 7px;
    width: 100%;
    background-image: none;
    background-image: none;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
}
.chosen-container-multi .chosen-choices li.search-choice {
    background-image: none;
    padding: 8px 20px 8px 8px
}
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
    top: 10px
}
section#tours .contenido {
    margin-bottom: -15px;
    margin-top: -15px
}
section#tours article.bloque {
    padding-top: 15px;
    padding-bottom: 15px
}
section#tours article.bloque > a {
    display: block;
    background-color: #fff;
    text-decoration: none;
    color: #646464
}
section#tours article.bloque > a:hover {
    color: #FF2D0D
}
section#tours article.bloque > a .img {
    position: relative
}
section#tours article.bloque > a .img img {
    width: 100%
}
section#tours article.bloque > a .img .dias {
    position: absolute;
    bottom: 8px;
    right: 0;
    background-color: #FF2D0D;
    padding: 8px 25px;
    color: #fff;
    font-family: 'Oswald', sans-serif;
    font-weight: 700;
    -webkit-border-top-left-radius: 15px;
    -webkit-border-bottom-left-radius: 15px;
    -moz-border-radius-topleft: 15px;
    -moz-border-radius-bottomleft: 15px;
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px
}
section#tours article.bloque > a .text {
    padding: 20px;
    min-height: 90px
}
section#tours article.bloque > a .text h3 {
    font-size: 18px
}
section#tours article.bloque.customize > div {
    background-color: #FAF4E7;
    padding: 60px 25px;
    max-height: 294px
}
section#tours article.bloque.customize h3 {
    font-size: 24px
}
section#tours article.bloque.customize .btn {
    font-size: 18px;
    padding: 8px 15px
}
section#tours article.bloque.customize .btn.btn-outline-secondary {
    background-color: #fff
}
section#tours article.bloque.customize .btn.btn-outline-secondary:hover {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d
}
section#tours article.bloque.customize .button {
    padding: 12px 0
}
section#tours article.bloque.customize .btn.btn-danger {
    background-color: #FF2D0D;
    margin-bottom: 8px
}
#view-tours article{
    margin-bottom: 30px;
}
#view-tours h3 {
    color: #FF2D0D;
    font-size: 26px;
    font-family: 'Oswald', sans-serif;
    margin: 20px 0
}
#view-tours .img .small {
    padding: 25px 0;
    margin: -8px
}
#view-tours .img .small > div {
    margin: 8px;
    border: 3px solid #909394;
    width: 120px;
    display: inline-block;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden;
    cursor: pointer
}
#view-tours .img .small > div.active {
    border-color: #D8270B
}
#view-tours .img .small > div img {
    width: 100%
}
#view-tours small ul {
    list-style: none;
    padding: 0
}
#view-tours .text {
    padding-top: 25px
}
.tab-content {
    background-color: #FFF3E1;
    padding: 35px 25px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    font-size: 14px
}

.tab-content h3 {
    font-family: 'Oswald', sans-serif;
    color: #646464!important;
    font-size: 20px
}
.nav-tabs {
    border: 0
}
.nav-tabs .nav-item a {
    display: inline-block;
    color: #fff;
    padding: 25px;
    border: 0;
    background-color: #D8270B;
    -webkit-border-top-left-radius: 30px;
    -webkit-border-top-right-radius: 30px;
    -moz-border-radius-topleft: 30px;
    -moz-border-radius-topright: 30px;
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
    margin: 0 8px;
    font-family: 'Oswald', sans-serif;
    font-size: 18px;
    font-weight: 500
}
.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
    background-color: #FFF3E1
}
#view-itinerario .head {
    overflow: hidden
}
.buttonform {
    border-radius: 3px 3px 0 0;
    color: #fff!important;
    padding: 15px 15px 30px;
    border: 0;
    background-color: #FF2D0D;
    transform: rotate(-90deg);
    position: fixed;
    right: -90px;
    top: 245px;
    cursor: pointer;
    text-align: center;
    font-weight: 500;
    font-family: 'Oswald', sans-serif;
    font-size: 24px;
    z-index: 999;
    width: 100%;
    max-width: 250px;
    text-decoration: none!important
}
#formulario p {
    font-size: 20px
}
#formulario .dias,
#formulario .indeciso {
    font-size: 12px
}
.datepicker td,
.datepicker th {
    padding: 5px
}
.modal-open .modal {
    padding-right: 0!important
}
.modal-dialog {
    max-width: 1104px!important
}
#modalCotizar .modal-body > div {
    padding: 25px
}
#modalCotizar .modal-body label {
    font-weight: 700
}
#modalCotizar h2 {
    font-family: 'Oswald', sans-serif;
    color: #FF2D0D
}
.form-flex-contact label {
    flex-grow: 1;
    flex-basis: 0;
    margin: .5%;
    border-radius: 4px;
    border: 1px solid transparent
}
.form-flex-contact label div {
    min-height: 65px;
    background: #fff;
    padding: 5px 15px 10px;
    border: 1px solid #ddd;
    text-align: center;
    border-radius: 4px;
    font-weight: 300;
    cursor: pointer;
    position: relative;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}
input[type=checkbox]:checked+div,
input[type=radio]:checked+div {
    border-color: #FF2D0D;
    border: 2px solid #FF2D0D;
    background-color: #f0f0f0
}
@media (min-width: 700px) and (max-width: 1024px) {
    .form-flex-contact label div {
        padding: 5px 15px
    }
}
.form-flex-contact label div:hover {
    border: 2px solid #FF2D0D;
    background-color: #f0f0f0
}
#stars-2,
#stars-3,
#stars-4,
#stars-5,
#t-1,
#t-2,
#t-3,
#t-4,
#t-5,
#t-6,
#t-custom,
#undecided,
#d-1,
#d-2,
#d-3,
#d-4,
#d-5,
#undecided1 {
    opacity: 0;
    position: absolute;
    display: none
}
.hotel-class {
    display: block;
    font-size: 14px
}
.stars-hotel-form {
    display: block;
    color: #e67e22;
    font-size: 16px
}
input[type=checkbox]:checked+div:after,
input[type=radio]:checked+div:after {
    content: "\f00c";
    font: bold 14px/1 'Font Awesome 5 Free';
    color: #FF2D0D;
    position: absolute;
    top: 5px;
    right: 5px
}
.pass-number {
    display: block;
    font-size: 22px
}
#text-specify {
    margin-left: 8px;
    float: left
}
.pass-number-custom {
    font-size: 14px
}
.form-flex-contact input[type=text],
.form-flex-contact input[type=email],
.form-flex-contact textarea {
    background: #fff;
    padding: 10px 0 10px 15px;
    border: 1px solid #ddd;
    border-radius: 4px;
    margin: .5%;
    width: 100%
}
.pass-number-custom>input[type=text] {
    font-size: .8rem!important;
    padding: 2px!important;
    width: 80%!important;
    margin-top: 2px!important;
    text-align: center
}
.undecided {
    display: block;
    font-size: 14px;
    margin-top: 14px
}
.form-flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}
.icon-general {
    margin: .5% .5% .5% 0;
    height: 65px;
    padding: 18px 20px 10px;
    border: 1px solid #ddd;
    border-radius: 4px;
    background-color: #f0f0f0;
    text-align: center
}
.icon-general i {
    font-size: 24px;
    width: 24px
}
#formulario .contenido {
    max-width: 960px;
    width: 100%;
    margin: 0 auto
}
#formulario .contenido legend {
    margin-top: 30px
}
#formulario .contenido h3 {
    font-weight: 500;
    font-size: 32px;
    font-family: 'Oswald', sans-serif
}
#formulario .contenido p {
    font-size: 14px
}
.trip-number {
    display: block;
    font-size: 12px
}
.days {
    font-size: 12px
}
#formulario .contenido input[type=text],
#formulario .contenido input[type=email],
#formulario .contenido textarea {
    background: #fff;
    padding: 10px 0 10px 15px;
    border: 1px solid #ddd;
    border-radius: 4px;
    margin: .5%;
    width: 100%
}
.dropdown-menu {
    z-index: 1051
}
body.version5 #itinerario .contenido > div{
    background-color: #f6f6f6;
    padding: 0;
}
body.version5 .itinerario-head{
    padding: 15px;
}
body.version5 .itinerario-body .collapsed {
    background-color: #fff;
    padding: 15px;
}
body.version5 #view-tours #formulario{
    padding: 15px;
    background-color: #fff;
    border: 1px solid #e5e5e5;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    overflow: hidden;
    margin-top: -150px;
}
body.version5 #formulario .button{
    margin: 15px -15px -15px;
}
body.version5 #formulario .button .btn{
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    width: 100%;
    font-size: 25px;
    text-transform: uppercase;
    padding: 10px 15px;
}
#nav-nosotros{
    margin-top: 20px;
}
#nav-nosotros ul{
    list-style: none;
    padding: 0;
    margin: 0;
}
#nav-nosotros li {
  float: left;
  padding: 5px;
}
#nav-nosotros  li a{
    width: 115px;
    height: 140px;
    background-color: #FF2D0D;
    display: inline-block;
    color: #fff;
    font-family: 'Oswald', sans-serif;
    text-transform: uppercase;
    font-size: 16px;
    text-align: center;
    padding: 10px;
    text-decoration: none;
    border: 25px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075)!important;
    border: 1px solid #e5e5e5;
}
#nav-nosotros  li:nth-child(2) a{
    background-color: #f6f6f6;
    color: #646464;
}
#nav-nosotros  li a i{
    font-size: 32px;
    padding: 10px;
}
body.version5 #view-destinos #formulario{
    padding: 15px;
    background-color: #fff;
    border: 1px solid #e5e5e5;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    overflow: hidden;
}
#view-destinos h3 {
    color: #FF2D0D;
    font-size: 26px;
    font-family: 'Oswald', sans-serif;
    margin: 20px 0
}
@media (min-width: 992px) {
    .navbar-expand-xl .navbar-nav .nav-link {
        padding-right: 20px;
        padding-left: 20px
    }
    .navbar-expand-xl .navbar-nav .nav-link:after,
    .navbar-expand-xl .navbar-nav .nav-link:before {
        position: absolute;
        content: '';
        bottom: -5px;
        width: 0;
        height: 1px;
        background-color: #FF2D0D;
        left: 0;
        transition: all .4s ease;
        -webkit-transition: all .4s ease;
        -moz-transition: all .4s ease;
        -o-transition: all .4s ease
    }
    .navbar-expand-xl .navbar-nav .nav-link:after {
        height: 3px;
        bottom: -4px
    }
}
@media only screen and (max-width: 1300px) {
    .navbar-nav .nav-link,
    .navbar-light .navbar-nav .nav-link {
        font-size: 17px
    }
    .bottom .navbar-nav .nav-link {
        font-size: 22px
    }
    .top .navbar-nav .nav-link {
        font-size: 13px
    }
    .container {
        max-width: 1100px
    }
    .section .head h1,
    .section .head h2 {
        font-size: 36px
    }
    .section .head h1 b,
    .section .head h1 span,
    .section .head h2 b,
    .section .head h2 span,
    section#tours p,
    body.home #tours h3,
    body.home section#category p,
    body.home #category h3,
    section#testimonios p,
    body.home #testimonios h3 {
        font-size: 20px
    }
    .navbar-expand-xl .navbar-nav .nav-link {
        padding-right: 15px;
        padding-left: 15px
    }
    section#tours article.bloque.customize h3 {
        font-size: 21px
    }
    section#tours article.bloque.customize .button {
        padding: 11px 0
    }
}
@media only screen and (max-width: 1199px) {
    .navbar-expand-xl .navbar-nav .nav-link:after,
    .navbar-expand-xl .navbar-nav .nav-link:before {
        display: none
    }
    .responsive {
        display: block
    }
    .desktop {
        display: none
    }
    .responsive .navbar-nav {
        display: block
    }
    .responsive .navbar-nav li {
        display: inline-block
    }
    .responsive .navbar-nav li.active {
        border-bottom: 3px solid #FF2D0D
    }
    body.home section#portada .bottom {
        display: none
    }
    section#tours article.bloque.customize .btn {
        font-size: 16px
    }
}
@media only screen and (max-width: 1159px) {
    section#tours article.bloque.customize > div {
        padding: 43px 25px
    }
}
@media only screen and (max-width: 1100px) {
    section#tours article.bloque.customize .btn {
        font-size: 16px
    }
    section#tours article.bloque.customize > div {
        padding: 34px 25px
    }
}
@media only screen and (max-width: 992px) {
    .btn {
        padding: 8px 25px
    }
    .padding {
        padding-top: 50px;
        padding-bottom: 50px
    }
    .padding-top {
        padding-top: 50px
    }
    .padding-bottom {
        padding-bottom: 50px
    }
    section#tours article.bloque.customize .btn {
        font-size: 20px;
        padding: 8px 25px
    }
    section#tours article.bloque.customize > div {
        padding: 67px 25px
    }
    section#tours article.bloque.customize h3 {
        font-size: 27px
    }
    section#tours article.bloque.customize .button {
        padding: 16px 0
    }
    .lg-desktop {
        display: none
    }
    .lg-block {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
}
@media only screen and (max-width: 935px) {
    section#tours article.bloque.customize > div {
        padding: 43px 25px
    }
}
@media only screen and (max-width: 900px) {
    section#tours article.bloque.customize .btn {
        font-size: 18px;
        padding: 8px 20px
    }
}
@media only screen and (max-width: 768px) {
    body.version5 #view-tours #formulario{
        margin-top: 0;
    }
    .md-desktop {
        display: none
    }
    footer {
        text-align: center
    }
    #logo {
        margin-right: 0
    }
    .section .head h1 b,
    .section .head h1 span,
    .section .head h2 b,
    .section .head h2 span {
        font-family: 'Oswald', sans-serif;
        font-weight: 500;
        color: #FF2D0D;
        font-size: 36px
    }
    #tours .filtro,
    #view-tours .img .small {
        display: none
    }
    #map {
        margin-top: 35px
    }
    .buttonform {
        transform: rotate(0deg);
        right: 0;
        left: 0;
        bottom: 0;
        top: auto;
        max-width: 100%;
        padding: 15px
    }
    .nav-tabs .nav-item a {
        padding: 15px;
        font-size: 16px;
        -webkit-border-radius: 30px;
        -moz-border-radius: 30px;
        border-radius: 30px
    }
    .nav-tabs .nav-item {
        margin-bottom: 20px
    }
    #view-tours .footer,
    #view-destinos .footer {
        text-align: center
    }
    #view-tours .footer {
        margin-bottom: 35px
    }
    section#tours article.bloque.customize > div {
        padding: 35px 24px;
        max-height: 100%
    }
    section#tours article.bloque.customize h3 {
        font-size: 30px
    }
    section#tours article.bloque.customize .btn {
        font-size: 23px;
        padding: 8px 27px
    }
    section#tours article.bloque {
        text-align: center
    }
}
@media only screen and (max-width: 650px) {
    body.home section#portada {
        display: none
    }
    #navigation .top {
        padding: 50px 0 142px
    }
    #navigation .top p {
        display: none
    }
    #navigation .top h1 {
        font-size: 35px
    }
    body.view-destinos #navigation .top,
    body.view-tours #navigation .top {
        padding: 50px 0 142px
    }
    h3.hcollapse {
        font-size: 20px;
        padding-right: 9px
    }
    .form-flex-contact label div {
        min-height: 74px
    }
    .hotel-class,
    .trip-number,
    .form-flex .dias {
        display: block;
        font-size: 11px
    }
    .form-flex-contact label div {
        padding: 5px
    }
}
@media only screen and (max-width: 475px) {
    header.navbar {
        min-width: 110px
    }
    #logo {
        width: 110px;
        height: 104px
    }
    main {
        padding-top: 100px
    }
    .navbar-expand-xl .responsive .navbar-nav .nav-link {
        padding-right: 10px;
        padding-left: 10px
    }
    .btn {
        padding: 8px 15px
    }
    .navbar-expand-xl .responsive .navbar-nav .nav-link {
        padding-right: 5px;
        padding-left: 5px
    }
    header.navbar {
        min-height: 100px
    }
    section#tours article.bloque.customize .btn {
        font-size: 23px;
        padding: 8px 27px;
        font-size: 18px;
        padding: 8px 25px
    }
    section#tours article.bloque.customize h3 {
        font-size: 26px
    }
}
@media only screen and (max-width: 420px) {
    .section .head h1 b,
    .section .head h1 span,
    .section .head h2 b,
    .section .head h2 span {
        display: block
    }
}