@font-face {
    font-family: "FontAwesome";
    font-weight: normal;
    font-style : normal;
           src : url("http://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.eot?v=4.3.0");
           src : url("http://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.eot?#iefix&v=4.3.0") format("embedded-opentype"),
                 url("http://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.woff2?v=4.3.0") format("woff2"),
                 url("http://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.woff?v=4.3.0") format("woff"),
                 url("http://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.ttf?v=4.3.0") format("truetype"),
                 url("../fonts/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular") format("svg");
}

@font-face {
  font-family: 'Calibri';
  src: url(../fonts/Calibri.ttf) format('truetype');
}

@font-face {
	font-family: 'CalibriBold';
	src: url(../fonts/Calibri-Bold.ttf) format('truetype');
}

@font-face {
    font-family: 'BarlowMedium';
    src: url(../fonts/Barlow-Medium.otf) format('opentype');
}

@font-face {
    font-family: 'MontserratRegular';
    src: url(../fonts/Montserrat/Montserrat-Regular.ttf) format('truetype');
}

@font-face {
    font-family: 'MontserratRegularItalic';
    src: url(../fonts/Montserrat/Montserrat-MediumItalic.ttf);
}

@font-face {
    font-family: 'MontserratBold';
    src: url(../fonts/Montserrat/Montserrat-Bold.ttf) format('truetype');
}

@font-face {
    font-family: 'MontserratSemiBold';
    src: url(../fonts/Montserrat/Montserrat-SemiBold.ttf) format('truetype');
}

@font-face {
    font-family: 'AddingtonLight';
    src: url(../fonts/Addington/OTF/AddingtonCF-Light.otf) format('opentype');
}

@font-face {
    font-family: 'AddingtonRegular';
    src: url(../fonts/Addington/OTF/AddingtonCF-Regular.otf) format('opentype');
}

@font-face {
    font-family: 'AddingtonSemiBold';
    src: url(../fonts/Addington/OTF/AddingtonCF-DemiBold.otf) format('opentype');
}

@font-face {
    font-family: 'AddingtonBold';
    src: url(../fonts/Addington/OTF/AddingtonCF-Bold.otf) format('opentype');
}

@font-face {
    font-family: 'AddingtonRegularItalic';
    src: url(../fonts/Addington/OTF/AddingtonCF-RegularItalic.otf) format('opentype');
}

@font-face {
    font-family: 'AddingtonLightItalic';
    src: url(../fonts/Addington/OTF/AddingtonCF-LightItalic.otf) format('opentype');
}

html, body {
	width: 100%;
    /*height: 100%;*/
    margin: 0px;
    padding: 0px;
    overflow-x: hidden;
    font-family: 'MontserratRegular';
    color:rgb(88, 89, 91);
}

h1,h2,h3,h4,h5,h6 {
    font-family: 'AddingtonBold';
}

.font-montserrat-regular {
    font-family: 'MontserratRegular';
}

.font-montserrat-regular-italic {
    font-family: 'MontserratRegularItalic';
}

.font-montserrat-semibold {
    font-family: 'MontserratSemiBold';
}

.font-montserrat-bold {
    font-family: 'MontserratBold';
}

.font-addington-regular-italic {
    font-family: 'AddingtonRegularItalic';
}

.font-addington {
    font-family: 'AddingtonRegular';
}

.font-addington-bold {
    font-family: 'AddingtonBold';
}

.font-addington-light {
    font-family: 'AddingtonLight';
}

.font-addington-regular {
    font-family: 'AddingtonRegular';
}

.font-addington-light-italic {
    font-family: 'AddingtonLightItalic';
}

.font-gray {
    color: rgb(88, 89, 91);
}

.font-white {
    color:white;
}

.font-green {
    color: rgb(55, 151, 83);
}

.font-dark-green {
    color: rgb(0, 61, 24);
}

.navbar-header {
    width:100%;
    background-color: rgb(55, 151, 83);
}

.w-30 {
    width: 30%;
}

@media only screen and (max-width: 480px) {
    .navbar-header {
        padding: 20px;
        margin:auto;
    }
}

.navbar-colored {
    background-color: rgb(0, 23, 0);
}

.navbar-colored a {
    font-family: 'MontserratSemiBold';
    color:white;
    font-size: 12px;
    letter-spacing: 3px;
}

.navbar-colored a.active {
    color: rgb(150, 205, 0);
}

#mainCarousel {
    height: 500px;
}

.resaltado {
    font-family: 'AddingtonLight';
    font-size: 28px;
    color: rgb(134, 29, 52);
}

.resaltado-italic {
    font-family: 'AddingtonRegularItalic';
    font-size: 28px;
    color: rgb(134, 29, 52);
}

.button {
    border-radius: 2px 2px 2px 2px;
    -moz-border-radius: 2px 2px 2px 2px;
    -webkit-border-radius: 2px 2px 2px 2px;
    padding:5px 20px;
    font-size: 14px;
}

.button-green, .button-green:hover {
    background-color: rgb(55, 151, 83);
    color: white;
}

.button-purple, .button-purple:hover {
    border: 1px solid rgb(134, 29, 52);
    color: rgb(134, 29, 52);
}

 .button-green.sides-wider {
    font-size: 20px;
    padding-left: 50px;
    padding-right: 50px;
    padding-top: 2px;
    padding-bottom: 7px;
 }

 .button-green.active {
    color: rgb(0, 61, 24);
 }

#mainCarousel .carousel-item.first {
    background: url(../images/slider/slide_1.jpg) center top no-repeat fixed;
    background-size: cover;
    background-repeat: no-repeat;
}

.carousel-item {
    height: 500px;
}

.carousel-caption {
    top: 50px;
}

.carousel-caption p {
    font-size:22px;
}

p {
    font-size:14px;
}

.bg-dark-green {
    background-color: rgb(0, 61, 24);
}

.gray {
    background-color: rgb(240, 240, 240) !important;
}

.carousel-item img.main-img {
    width:100%; 
    height:500px;
}

@media only screen and (max-width: 480px) {
    .w-mobile-100 {
        width:100% !important;
    }

    .carousel-item img.main-img {
        height: 250px !important;
    }

    #mainCarousel {
        height: 250px;
    }

    .carousel-caption {
        top: 25px;
    }
}

.carousel-indicators li {
    width: 10px;
    height: 10px;
    border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    border: 0px solid #000000;
}

.form-control {
    border-radius: 2px 2px 2px 2px;
    -moz-border-radius: 2px 2px 2px 2px;
    -webkit-border-radius: 2px 2px 2px 2px;
    border: 1px solid rgb(150, 205, 0);
}

.form-control.border-gray {
    border: 1px solid rgb(98, 98, 98);
    font-size:12px;
}

.send-button {
    background-color: rgb(150, 205, 0);
    border-radius: 2px ;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border: 0px solid #000000;
    padding: 5px 20px;
    color:white;
}

#map {
    width:100%;
    height:350px;
}

a.font-pink:hover {
    color: rgb(228, 64, 97);
}

a.font-purple:hover {
    color: rgb(134, 29, 53);
}
a.font-gray:hover {
    color: rgb(88, 89, 91);
}

.list-inline-item.representacion a {
    letter-spacing: 3px;
}

/* FAQs */
.panel-heading {
    padding: 0;
    border:0;
    border-bottom: 1px solid rgb(228, 64, 97);
}

.panel-title>a, .panel-title>a:active{
    font-family: 'MontserratSemiBold';
    display:block;
    padding:15px;
    color:#555;
    font-size:12px;
    font-weight:bold;
    text-transform:uppercase;
    letter-spacing:1px;
    word-spacing:3px;
    text-decoration:none;
}

.panel-heading  a:before {
   font-family: "FontAwesome"; 
   font-weight: 900;
   content: "\f107";
   float: right;
   color:rgb(228, 64, 97);
   transition: all 0.5s;
}

.panel-heading.active a:before {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    transform: rotate(180deg);
}

.panel-heading a, .panel-heading a:active {
    padding-left:0;
}

.panel-body {
    padding-top: 15px;
    font-family: 'MontserratRegular';
}

/* Pagination */
.page-item.disabled .page-link {
    background-color: transparent;
    border:none;
}

.page-item.active .page-link {
    background-color: transparent;
    color: rgb(0, 61, 24);
    border:none;
}

.page-link {
    background-color: transparent;
    border:none;
    color: rgb(55, 151, 83);
}
/* End pagination */

hr.green {
    border-color:rgb(55, 151, 83));
}

.pl-bordered-green {
    border-left:3px solid rgb(55, 151, 83);
}

.maindiv {
    height:75%;
}

@media only screen and (min-width: 481px) {
    .less-top-space {
        margin-top: -50px;
    }

    .text-10 {
        font-size: 10px
    }

    .text-12 {
        font-size: 12px;
    }

    .text-14 {
        font-size: 14px;
    }
}

#verNovedades .carousel-item.first {
    background-image: url(../images/novedades.jpg);
    background-size: cover;
    background-repeat: no-repeat;
}

@media only screen and (max-width: 480px) {
    #mainCarousel .carousel-item.first {
        height: 280px;
    }

    #verNovedades .carousel-item.first {
        height: 300px;
    }
}

.custom-height {
    height: 100%;
}

.custom-height-less {
    height: 90%;
}

.footer {
    display:none;
}

@media only screen and (max-width: 480px) {
    body {
        background-image: none;
    }

    .footer {
        display:block;
        max-width: 100%;
        max-height: 50px;
        overflow-x: hidden;
    }
}

body.custom {
    background-image: url(../images/background.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

@media only screen and (max-width: 480px) {
    body.custom {
        background-image: url(../images/background.jpg);
        background-size: 100% 130vh;
        background-position: center;
        background-repeat: no-repeat;
    }

    body.custom-new {
        background-image: url(../images/background.jpg);
        background-size: 100% 130vh;
        background-position: center;
        background-repeat: no-repeat;
    }
}

body.no-bg {
    background-image: none;
}

@media only screen and (min-width: 1200px) {
    .container {
        max-width: 960px;
    }
}

@media only screen and (min-width: 960px) {
    .container {
        max-width: 840px;
    }
}

@media only screen and (min-width: 480px) {
    .form-container {
        width:100%;
        padding: 25px 15px;
        /*border: 2px solid white;*/
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
    }
}

nav > a {
    font-family: 'BarlowMedium';
    font-size: 16px;
}

.blue-navbar {
    background-image: url(../images/navbar_background.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

@media only screen and (max-width: 480px) {
    .mobile-background {
        background-image: url(../images/navbar_background.png);
        background-size: 100vh 100%;
        background-repeat: no-repeat;
        margin-left: -16px;
        margin-right: -16px;
    }

    .nav-item {
        font-size: 20px;
        text-align: center;
    }

    /*.nav-item:hover > a {
        background-color:white;
        color:blue !important;
    }*/
}

img.veraneros {
    width:100%;
    height:auto;
    margin-top:70px;
    padding-left:50px;
}

img.description {
    width:100%;
    height:auto;
}

@media only screen and (max-width: 480px) {
    img.veraneros {
        margin-top:5px;
        padding-left:30px;
        padding-right: 30px;
        max-width:80%;
    }

    img.description {
        max-width:80%;
        height:auto;
    }
}

h3 {
    color: rgb(10, 81, 157);
    font-weight: normal;
}

.main-button {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#1e5799+0,2989d8+50,2898b9+51,38bed1+100 */
    background: rgb(30,87,153); /* Old browsers */
    background: -moz-linear-gradient(top,  rgb(30,87,153) 0%, rgb(41,137,216) 50%, rgb(40,152,185) 51%, rgb(56,190,209) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgb(30,87,153) 0%,rgb(41,137,216) 50%,rgb(40,152,185) 51%,rgb(56,190,209) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgb(30,87,153) 0%,rgb(41,137,216) 50%,rgb(40,152,185) 51%,rgb(56,190,209) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#38bed1',GradientType=0 ); /* IE6-9 */
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    font-family: 'MontserratBold';
    padding: 10px 40px;
    color:white;
    text-decoration: none;
    border:none;
    cursor: pointer;
    -webkit-box-shadow: -1px 10px 23px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: -1px 10px 23px 0px rgba(0,0,0,0.75);
    box-shadow: -1px 10px 23px 0px rgba(0,0,0,0.75);
}

.main-button:hover {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#1e5799+0,2989d8+50,2898b9+51,38bed1+100 */
    background: rgb(30,87,153); /* Old browsers */
    background: -moz-linear-gradient(top, rgb(56,190,209) 0%, rgb(40,152,185) 50%, rgb(41,137,216) 51%, rgb(30,87,153) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgb(56,190,209) 0%,rgb(40,152,185) 50%, rgb(41,137,216)  51%, rgb(30,87,153) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgb(56,190,209) 0%,rgb(40,152,185) 50%, rgb(41,137,216)  51%, rgb(30,87,153) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#38bed1', endColorstr='#1e5799',GradientType=0 ); /* IE6-9 */
    color:white;
    border:none;
    text-decoration: none;
    cursor: pointer;
    -webkit-box-shadow: -1px 10px 23px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: -1px 10px 23px 0px rgba(0,0,0,0.75);
    box-shadow: -1px 10px 23px 0px rgba(0,0,0,0.75);
}

.font-bold {
    font-weight: bold;
    font-size:18px !important;
}

.custom-label {
    color: rgb(10, 81, 157);
    font-size: 20px;
    font-weight: normal;
    font-family: 'MontserratSemiBold';
}

.custom-input {
    background-color: rgb(10, 81, 157);
    border: none;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    width:100%;
    padding: 6px 15px;
    font-size: 14px;
    color:white;
}

.custom-link {
    color:white;
    text-decoration: none;
    font-size:12px;
}

.custom-link:hover {
    color:white;
    text-decoration: underline;
}

.custom-button {
    width:100%;
    padding-top:5px;
    background-color: rgb(6, 45, 146);
    border: 2px solid white;
    text-align:center;
    font-size: 24px;
    color:white;
}

.custom-button:hover {
    text-decoration: none;
}

img.img-hawaii {
    width:80%;
    height: auto;
    margin-top:25px;
}

.premio_container {
    background-image: url(../images/contenedor_premio.png);
    background-size: contain;
    background-repeat: no-repeat;
    min-height: 400px;
}

.img-ganaste {
    width:80%;
    height:auto;
}

@media only screen and (max-width: 480px) {
    .custom-label {
        font-size: 26px;
    }

    .custom-input {
        font-size: 18px;
        text-align: center;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
    }

    .custom-input.taller {
        height:auto;
    }

    .custom-button {
        font-size: 28px;
    }
}

.invalid-feedback {
    display:block;
}

h1.listo {
    margin: auto;
    color: rgb(252, 194, 0);
}

/* Bootstrap helpers */
@media only screen and (min-width: 576px) {
    .mw-sm-50 {
        max-width: 50% !important;
    }
}

.row.autos {
    max-height: 300px;
}

.chosen-select {
    height:40px;
    padding-left:0;
    padding-right: 0;
}

@media only screen and (max-width: 480px) {
    .mw-sm-50 {
        max-width: 100% !important;
    }

    .row.autos {
        max-height: 150px;
    }

    .chosen-select {
        height:50px;
    }
}

.scrollable {
    overflow-y: scroll;
}

@media only screen and (max-width: 480px) {
    .scrollable {
        height:auto;
    }
}

.scrollable ul {
    list-style: none;
}

img.logo-footer {
    height: 30px; 
    width: auto;
    margin-top: -5px;
}

@media only screen and (max-width: 480px) {
    img.loho-footer {
        width:100%;
        height:auto;
    }
}

@media only screen and (min-width: 481px) {
    .add-padding-sides {
        padding-left: 15px;
        padding-right: 15px;
    }
}