/* @font-face kit by Fonts2u (https://fonts2u.com) */ @font-face {font-family:"CAC Champagne";src:url("CAC_Champagne/CACCHAMP.eot?") format("eot"),url("CAC_Champagne/CACCHAMP.woff") format("woff"),url("CAC_Champagne/CACCHAMP.ttf") format("truetype"),url("CAC_Champagne/CACCHAMP.svg#CACChampagne") format("svg");font-weight:normal;font-style:normal;}





.ec-register {

    left: auto;

    right: 0px;

}



.ec-menu_options {

    right: auto;

    left: 0px;

}



.menu_oculto{

	display: none;

}



.oct{

    display: none;

}





.linea_menu{

	border-top: 1px solid #02420E;

	padding-bottom: 20px;

    border-bottom: 1px solid #02420E

}



.ec-menu-part{

	width: 50%;

	transition: all ease 0.5s

}



.pull-right{

	float: right !important;

}



.pull-left{

	float: left !important;

}

/*

#logo {

    background: #000;

    width: 100px;

    height: 100px;

    border-radius: 50%;

    margin: auto;

    transition: all ease 0.5s;

}



#logo img {

    margin-top: 10%;

    height: 80%;

}*/



.ec-logo {

    width: 130px;

    height: 130px;

    border-radius: 50%;

    margin: auto;

    transition: all ease 0.5s;

    position: absolute;

    top: 100%;

    left: calc(50% - 50px);

    z-index: 999;

    text-align: center;

    background: #02420E;

}



.ec-logo img {

    margin-top: 6%;

    width: 80%;

    height: 80%;
    

}





#header.header-scrolled .ec-logo{

    width: 100px;

    height: 100px;

    top: 0;

    left: calc(50% - 50px);

    z-index: 999;

    background:  #02420E;

}







@media (max-width: 768px) {

	.ec-logo{

	    width: 100px;

	    height: 100px;

	    top: 0;

	    left: calc(50% - 50px);

	    z-index: 997;

        background: #02420E;

	}





	.linea_menu{

		padding-bottom: 0px;

	}



	.menu_oculto{

		display: block;

	}





}



#header.header-scrolled .ec-menu-part {

    width: 45%;

}

/*

#header.header-scrolled #logo {

   position: relative;

   top: -60px;

   transition: all 0.5s;

}*/



a.ec-user-button {

    background: #000000;

    color: #ffffff;

    text-align: center;

    position: absolute;

    /*line-height: 50px;

    width: 50px;*/

    top: 0;

    z-index: 997;

    display: inline-block;

    padding-top: 20px;

    padding-bottom: 20px;

    font-size: 16px;

    font-weight: bold;

}



a.ec-user-button {

    width: 170px;

    background: #FF0000;

    cursor: pointer;

    /* text-transform: capitalize; */

}



a.ec-user-button i {

    display: none;

}	





@media (max-width: 768px){



	a.ec-user-button {

	    width: 50px;

	    background: #FF0000;

	    cursor: pointer;

	    font-size: 20px;

	    margin-right: 50px;

	}



	a.ec-user-button span {

	    display: none;

	}



	a.ec-user-button i {

	    display: block;

	}	



}



@media (max-width: 768px) {

	.ec-register {

    left: auto;

    right: 0px;

    }

}



.center-back{

	height: 320px;

}



.center-back02{

	height: 120px;

}





@media (max-width: 1400px) {

	.center-back{

		height: 250px;

	}





}



.texto_banner{

  font-size: 35px;

}



.reservation-fmp{

  margin-top: -26%;

}



.reservation-c{

	top: -100px;

	/*margin-left: 33%;*/

	text-align: center;

}



.reservation-h{

	top: -60px;

	/*margin-left: 33%;*/

	text-align: center;

}



.text_div{

	background: #FF0000;

	color: white;

	font-weight: bold;

	padding-top: 5px;

	padding-bottom: 5px;

}







.cuadro_banner{

	width: 90%;

	/*height: 200px;*/

	border-radius: 5%;

	margin: auto;

	top: 60px;

	/*background: #FF0000;*/

	text-align: center;

	position: absolute;

	padding-top: 10px;

	padding-bottom: 10px;

}



.cuadro_banner span{

	font-weight: bold;

}



.cuadro_banner_redes{

	width: 90%;

	/*height: 200px;*/

	border-radius: 5%;

	margin: auto;

	top: 100px;

	text-align: center;

	position: absolute;

	/*padding-top: 20px;*/

	padding-bottom: 20px;

}



.text_div_redes{

	background: #f00;

	color: white;

	font-weight: bold;

	padding-top: 5px;

	padding-bottom: 5px;

	border-radius: 0 0 5% 5%;

}





@media (max-width: 1024px) {

	.cuadro_banner{

		top: 30px;

	}



}



@media (max-width: 768px) {



	.cuadro_banner{

		width: 95%;

		/*height: 200px;*/

		border-radius: 5%;

		margin: auto;

		top: 0px;

	}



	.cuadro_banner h3{

		font-size: 16px;

	}



	.cuadro_banner span{

		font-size: 12px;

	}



	.cuadro_banner_redes{

		width: 95%;

		margin: auto;

		font-size: 12px;

		top: -45px;

	}



	.text_div_redes{

		font-size: 10px;

	}



}



@media (max-width: 540px) {

	.reservation-c{

		margin-left: 0%;

	}



	.reservation-c h1{

		font-size: 24px;

	}



	.reservation-d{

		display: none

	}



	.cuadro_banner{

		width: 30%;

		position: relative;

		margin-left: 0px;

		margin-bottom: 10px;

	}







	.icon_left{

		position: absolute;

		left: 2%;

		width: 80px;

	}



	.icon_right{

		position: absolute;

		right: -2%;

		width: 80px;

	}



}





@media (max-width: 480px) {

	.reservation-c{

		margin-left: 0%;

	}



	.reservation-c h1{

		font-size: 24px;

	}



	.reservation-d{

		display: none

	}



	.cuadro_banner{

		width: 40%;

		position: relative;

		margin-left: 0px;

		margin-bottom: 10px;

	}







	.icon_left{

		left: 2%;

		width: 80px;

	}



	.icon_right{

		right: -2%;

		width: 80px;

	}



}



@media (max-width: 360px) {



	.reservation-c h1{

		font-size: 20px;

	}



	.cuadro_banner{

		width: 35%;

	}



	.cuadro_banner_redes{

		width: 35%;

	}



	.icon_left{

		left: 2%;

		width: 70px;

	}



	.icon_right{

		right: -2%;

		width: 70px;

	}



	.cuadro_banner h3{

		font-size: 12px;

	}



	.cuadro_banner span{

		font-size: 9px;

	}



	.text_div_redes{

		font-size: 9px;

	}



}



@media (max-width: 280px) {



    .ec-logo{

	    width: 70px;

	    height: 70px;

	    top: 15px;

	    left: calc(50% - 30px);

    }



    #header.header-scrolled .ec-logo{

	    width: 70px;

	    height: 70px;

	    top: 15px;

	    left: calc(50% - 30px);

    }



	.cuadro_banner_redes{

		width: 40%;

	}



	.icon_left{

		left: -10%;

		width: 70px;

	}



	.icon_right{

		right: -10%;

		width: 70px;

	}



}



/* ##########################

          SECTION 2

   ########################## */





.reservation-e{

	/*top: -130px;

	margin-left: 25%;*/

	text-align: center;

}



.reservation-e h1{

	font-size: 32px;

  font-weight: bold;

}



.text_div_two{

	background: #FF0000;

	color: white;

	font-weight: bold;

	padding-top: 5px;

	padding-bottom: 5px;

	font-family:"CAC Champagne";

	font-size: 55px;

}



/*

.imagen_lineas {

    background: url(../img/iconos_section_2/lineas.png) no-repeat center/cover

}*/



.iconos_linea img{

	width: 30%;

}



.center-back_iconos{

	height: 200px;

}



.cuadro_linea{

	width: 98%;

	margin: auto;

	top: -60px;

	/*background: yellow;*/

	text-align: center;

	position: absolute;

	padding-top: 10px;

	padding-bottom: 10px;

}



.cuadro_icono01{

	width: 90%;

	margin: auto;

	top: -60px;

	/*background: #FF0000;*/

	text-align: center;

	position: absolute;

	padding-top: 10px;

	padding-bottom: 10px;

}



.cuadro_icono02{

	width: 98%;

	margin: auto;

	top: -170px;

	/*background: #FF0000;*/

	text-align: center;

	position: absolute;

	padding-top: 10px;

	padding-bottom: 10px;

}



.cuadro_icono03{

	width: 98%;

	margin: auto;

	top: -120px;

	/*background: #FF0000;*/

	text-align: center;

	position: absolute;

	padding-top: 10px;

	padding-bottom: 10px;

}



.cuadro_icono04{

	width: 80%;

	margin: auto;

	top: -150px;

	/*background: #FF0000;*/

	text-align: center;

	position: absolute;

	padding-top: 10px;

	padding-bottom: 10px;

}



.text-socios{

	font-weight: bold;

	text-align: center;

	font-size: 34px;

}



/**

   BONTON DE COMPRA

                   **/



.ec-btn-action {

    font-size: 14px;

    /*border-radius: 400px;*/

    padding: 25px 40px;

    line-height: 14px;

    letter-spacing: 1px;

    text-transform: uppercase;

    font-weight: 700;

    white-space: normal;

    background: #FF0000;

    color: #ffffff;

    display: inline-block;

    transition: all ease 0.5s;

}



.ec-btn-action:hover, a.ec-btn-action:focus, a.ec-btn-action:active {

    text-decoration: none;

    background: #c81217;

}



.ec-reserva {

    padding: 0;

    margin: 0;

    height: 80px;

    line-height: 80px;

    width: 335px;

    position: relative;

    cursor: pointer;

    overflow: hidden;

    text-align: center;

}



.ec-reserva span{

	font-size: 22px;

}



.ec-reserva.ec-morph {

    width: 335px;

    padding: 0;

    height: 180px;

    line-height: 180px;

    border-radius: 4px;

}



.ec-reserva.ec-morph span {

    visibility: hidden;

}



.ec-reserva ul {

    position: absolute;

    top: -181px;

    left: 0;

    margin: 0;

    padding: 0;

    transition: all ease 0.5s;

}



.ec-reserva ul.ec-morph {

    position: absolute;

    top: 0;

    left: 0;

}



.ec-reserva ul li {

    line-height: 14px;

}



.ec-reserva ul li:nth-of-type(2) {

    border-top: 1px solid #bbb;

}



.ec-reserva ul li a {

    background: #eee;

    line-height: 90px;

    height: 90px;

    display: inline-block;

    width: 335px;

    font-weight: normal;

    text-transform: none;

    color: #333;

    transition: all ease 0.5s;

    border: 2px solid #333;

}



.ec-reserva ul li a.disp{

   background: rgba(0, 0, 0, .5); 

    line-height: 90px;

    height: 90px;

    display: inline-block;

    width: 335px;

    font-weight: normal;

    text-transform: none;

    color: #333;

    transition: all ease 0.5s;

}



.ec-reserva ul li a:hover {

    text-decoration: none;

    background: #FF0000;

    color: #ffffff;

    font-weight: normal;

}



.ec-reserva ul li a.disp:hover {

    text-decoration: none;

   background: rgba(0, 0, 0, .5); 

    color: #ffffff;

    font-weight: normal;

}



.ec-fixed-bottom.ec-btn-action {

    display: none;

}



.ec-icon-action {

    font-size: 25px!important;

    margin: 0 15px;

    line-height: 90px!important;

}





.ec-fixed-bottom {

    position: fixed;

    bottom: 0;

}



.ec-fixed-bottom.ec-btn-action {

    display: none;

}



.ec-btn-lugares{

  height: 80px;

  width: 335px;

  font-size: 22px;

}



.img_oculta{

   display: none;

}



@media (max-width: 1024px) {



    .cuadro_icono01{

      top: -40px;

    }



    .cuadro_icono02{

      top: -150px;

    }



    .cuadro_icono03{

      top: -105px;

    }



    .cuadro_icono04{

      top: -130px;

    }



    .ec-reserva{

      left: -30px;

    }



    .ec-btn-lugares{

      width: 300px;

    }

}







@media (max-width: 768px) {



	.reservation-e{

		margin-left: 18%;

	}



	.text-socios{

		font-size: 26px;

	}





    .ec-fixed-bottom.ec-btn-action {

        -webkit-box-shadow: 0px -2px 5px 0px rgba(0,0,0,0.36);

        -moz-box-shadow: 0px -2px 5px 0px rgba(0,0,0,0.36);

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

        display: block;

        border-radius: 0;

        width: 100%;

        z-index: 943;

        text-align: center;

    }



    .ec-fixed-bottom.ec-btn-action>span {

        line-height: 30px;

    }



    .ec-fixed-bottom.ec-reserva ul.ec-morph, .ec-fixed-bottom.ec-reserva ul li a {

        width: 100%;

        text-align: center;

    }



  	.ec-reserva, .ec-panel-fix{

  		display: none;

      left: 0px;

  	}



    .cuadro_icono02{

      top: -120px;

    }



    .cuadro_icono03{

      top: -80px;

    }



}





@media (max-width: 540px) {



    .iconos_linea{

      display: none;

    }



    .ec-btn-lugares{

      width: 100%

    }



    .img_lineas{

      display: none;

    }



    .img_oculta{

       display: block;

    }



}



@media (max-width: 480px) {

    .reservation-e{

    	margin-left: 0px;

    }



    .reservation-e h1{

    	font-size: 24px;

    }



    .text_div_two{

    	font-size: 35px;

    }





	.iconos_linea{

		display: none;

	}



	.text-lugares{

		font-size: 14px;

	}



    .ec-fixed-bottom.ec-reserva.ec-morph {

        width: 100%;

    }



    .ec-reserva ul li a {

        width: 340px;

    }



    .ec-fixed-bottom.ec-reserva.ec-morph {

        width: 100%;

    }



    .ec-btn-lugares{

      width: 100%;

    }



}





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

       AÑADIENDO CLASES

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



    .xls{

        display: none !important;

    }



    .soku li{

        color: black !important;

        border: 1px solid #cccccc;

        width: auto;

    }



    .xmen li{

        color: black !important;

        border: 1px solid #cccccc;

        width: auto; 

    }



    .compy{

        display: none;

    }



    .ec-reservation.tab-content {

        display: block;

    }



	.modal-content {

	    border-radius: 0;

	    border-top: 5px solid #db0308;

	}

  

  .tull:hover:after{

      background: #db0308;

      background: rgba(255,0,0,.8);

      border-radius: 5px;

      top: 66px;

      color: #fff;

      content: attr(title);

      right: 18%;

      padding: 5px 15px;

      position: absolute;

      z-index: 98;

      width: 220px;

      font-size: 12px;

      line-height: 25px;

      border-style: solid;

      border-color: black;

  }

  

  .tull:hover:before{

      border: solid;

      border-color: #db0308 transparent;

      border-width: 6px 6px 0 6px;

      top: 50px;

      content: "";

      right: 18%;

      position: absolute;

      z-index: 99;

      font-size: 10px;

  }



  .colors{

    color: #db0308;

  }



  .dv_color{

    border-style: solid !important;

    border-color: red !important;    

  }



  .men{

    font-size: 25px;

  }



  input["#add_number_card"]::-webkit-input-placeholder {

    color: #9B9B9B;

   }



   #add_number_cardMask{

    color: transparent;

   }



   #add_vigencia_cardMask{

    color: transparent;

   }



   #card-pay-new-numMask{

    color: transparent;

   }



   #card-pay-new-datesMask{

    color: transparent;

   }





.disabledcar {

    pointer-events: none;

    opacity: 0.4;

}



.text_black{

    color: black;

}



.center_photo {

    margin-left: auto;

    margin-right: auto;

    display: block;

}



.isDisabled {

  color: currentColor;

  cursor: not-allowed;

  opacity: 0.5;

  text-decoration: none;

}



.sa-custom {

    max-width: 100%;

    margin: 1.25em auto;

}



.btn-sin-border{

   border-color: transparent !important;

   cursor:none;

}





.btn-sin-border:hover{

    border-color: transparent !important;

    background-color: #fff !important;

    cursor: none;

}





.modal-dialog{

    overflow-y: initial !important

}

.modal-body{

    /*height: 250px;*/

    overflow-y: auto;

}





.ec-radio-selector {

    width: 130px;

    height: 130px;

    border-radius: 50%;

    background: #ddd;

    margin: auto;

    transition: all ease 0.5s;

    line-height: 130px;

    font-size: 50px;

    text-align: center;

    cursor: pointer;

}



.ec-radio-selector i {

    color: #ffffff;

}



.ec-car-type .radio label {

    display: none;

}



.ec-car-type-selected {

    background: #db0308;

    width: 130px;

    height: 130px;

}



.ec-car-type div span {

    font-weight: bold;

    text-transform: uppercase;

    padding-top: 20px;

    display: block;

}



.ec-button {

    background: #db0308;

    border: none;

    padding: 10px 15px;

    color: #fff !important

}



.ec-button:hover, .ec-button:active, .ec-button:focus {

    background: #db0308!important;

}



@media (max-width: 425px) {



    .ec-radio-selector {

        width: 100px;

        height: 100px;

        line-height: 100px;

    }



}



.pulse {

    overflow: visible !important;

    position: relative !important;

  }

  

  .pulse::after {

    content: '' !important;

    display: block !important;

    position: absolute !important;

    width: 100% !important;

    height: 100% !important;

    top: 0 !important;

    left: 0 !important;

    background-color: inherit !important;

    border-radius: inherit !important;

    transition: opacity .3s, transform .3s;

    animation: pulse-animation 1s cubic-bezier(0.24, 0, 0.38, 1) infinite;

    /*z-index: -1;*/

  }



  @keyframes pulse-animation {

    0% {

      opacity: 1;

      transform: scale(1);

    }

    50% {

      opacity: 0;

      transform: scale(1.5);

    }

    100% {

      opacity: 0;

      transform: scale(1.5);

    }

  }



.nav-tabs .nav-link{

  color: #2B2E4A;

  font-size: 16px;

  font-weight: bold;

}



.nav-tabs {

    border-bottom: 1px solid #222;

}



.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {

    color: #f42f2c !important;

    background-color: #fff;

    border-color: #222 #222 #f9f9ff;

    font-size: 18px !important;

    font-weight: bold;

}





aside.ec-options {

    background: #111;

    height: calc(100vh - 50px);

    width: 20%;

    position: fixed;

    left: -20%;

    top: 62px;

    transition: all ease 0.5s;

    z-index: 9999;

}



aside.ec-options.show {

    left: 0;

}



aside.ec-options ul {

    margin: 0;

    padding: 0;

}



aside.ec-options ul li {

    list-style: none;

}



aside.ec-options ul li a {

    list-style: none;

    color: #ffffff;

    padding: 20px 30px;

    display: block;

    border-top: 1px solid #191919;

    border-bottom: 1px solid #080808;

    transition: all ease 0.5s;

}



aside.ec-options ul li a:hover {

    text-decoration: none;

    padding-left: 15px;

    background: red;

}



  .ec-fac {

        display: none !important;

    }



a.ec-options-menu {

    background: #000000;

    color: #ffffff;

    text-align: center;

    position: absolute;

    /*line-height: 50px;*/

    width: 50px;

    top: 0;

    z-index: 10000;

    display: inline-block;

    padding-bottom: 20px;

    padding-top: 20px;

    padding-left: 20px;

}

/***************** agregado  ****************************/

/*

a.ec-options-menu, a.ec-user-button1 {

    background: #000000;

    color: #ffffff;

    text-align: center;

    position: absolute;

    line-height: 50px;

    width: 50px;

    top: 0;

    z-index: 10000;

    display: inline-block;

}

a.ec-options-menu, a.ec-user-button2 {

    background: #000000;

    color: #ffffff;

    text-align: center;

    position: absolute;

    line-height: 50px;

    width: 50px;

    top: 0;

    z-index: 10000;

    display: inline-block;

}*/

/*********************************************************/

div.ec-aside-container {

    background-color: #fff;

    height: calc(100vh - 50px);

    width: 50%;

    position: fixed;

    left: -70%;

    top: 62px;

    transition: all ease 0.5s;

    z-index: 9998;

    overflow-y: auto;

}



div.ec-aside-container.behind {

    left: -30%;

}



div.ec-aside-container.show {

    left: 20%;

}



/*

ul.tabs{

    margin: 0px;

    padding: 0px;

    list-style: none;

}

ul.tabs li{

    background: none;

    color: #222;

    display: inline-block;

    padding: 10px 15px;

    cursor: pointer;

}



ul.tabs li.current{

    background: #ededed;

    color: #222;

}



.tab-content{

    display: none;

    padding: 20px 15px 15px 15px;

}



.tab-content.current{

    display: inherit;

}



.tab-content h2 {

    margin: 0 0 20px 0;

    font-size: 20px!important;

}*/



section.cd-section {

    color: #ffffff;

}



a.ec-close-aside {

    position: absolute;

    top: 0;

    right: 0;

    cursor: pointer;

    display: inline-block;

    font-size: 20px;

    line-height: 20px;

    margin: 15px;

    color: red

}



.ec-tint, .modal-backdrop {

    position: fixed;

    height: 100vh;

    width: 100%;

    z-index: 998;

    padding: 2.25em 1.6875em;

    background-image: -webkit-repeating-linear-gradient(135deg, rgba(0,0,0,1), rgba(0,0,0,1) 1px, transparent 2px, transparent 2px, rgba(0,0,0,1) 3px);

    background-image: -moz-repeating-linear-gradient(135deg, rgba(0,0,0,1), rgba(0,0,0,1) 1px, transparent 2px, transparent 2px, rgba(0,0,0,1) 3px);

    background-image: -o-repeating-linear-gradient(135deg, rgba(0,0,0,1), rgba(0,0,0,1) 1px, transparent 2px, transparent 2px, rgba(0,0,0,1) 3px);

    background-image: repeating-linear-gradient(135deg, rgba(0,0,0,1), rgba(0,0,0,1) 1px, transparent 2px, transparent 2px, rgba(0,0,0,1) 3px);

    -webkit-background-size: 4px 4px;

    -moz-background-size: 4px 4px;

    background-size: 4px 4px;

    visibility: hidden;

    opacity: 0;

    transition: all ease 0.5s;

    top: 0px

}



.modal-backdrop {

    background-color: transparent;

    visibility: visible;

}



.ec-tint.show {

    visibility: visible;

    opacity: 1;

    transition: all ease 0.5s;

}



.tab-menu-log {

    display: none;

    padding: 20px 15px 15px 15px;

}



.tab-menu-log.current{

    display: inherit;

}



@media (max-width: 1024px) {



    div.ec-aside-container.behind {

        left: -50%;

    }



    div.ec-aside-container {

        width: 70%;

    }



    div.ec-aside-container.show {

        left: 20%;

    }

}





@media (max-width: 768px) {



    aside.ec-options ul li a {

        padding: 20px 10px;

    }



    aside .tab-link i {

        margin-right: 5px;

    }



}



@media (max-width: 425px) {



    aside.ec-options ul li a span {

        display: none;

    }



    aside.ec-options ul li a span img{

        display: none;

    }    



    aside.ec-options ul li a i, aside.ec-options ul li a {

        text-align: center;

    }



    aside.ec-options ul li a {

        padding: 10px 0px;

    }



    aside.ec-options {

        width: 50px;

    }



    div.ec-aside-container.behind {

        left: -85%;

    }



    div.ec-aside-container.show {

        left: 50px;

    }



    div.ec-aside-container {

        width: 85%;

        left: -85%;

    }



}



@media (max-width: 375px) {



    div.ec-aside-container.behind {

        left: -100%;

    }



    div.ec-aside-container.show {

        left: 50px;

    }



    div.ec-aside-container {

        width: calc(100% - 50px);

        left: -100%;

    }



}





/**************************

     Otras ciudades

  ***********************/





.ciudades_banner {

    background: url(../img/ciudades/1.png) center center/cover;

    background-size: cover

}



.center-back-ciudades{

  height: 820px;

}



@media (max-width: 767px) {

    .ciudades_banner {

        height: 767px !important

    }

}



.cuadro_ciudades{

  width: 90%;

  height: 500px;

  border-radius: 7%;

  margin: auto;

  top: -210px;

  background: #fff;

  text-align: center;

  position: absolute;

  /*padding-top: 10px;*/

  padding-bottom: 10px;

}



.capa_blanca{

  height: 400px !important;

  background: #e9ecef

}



.capa_blanca02{

  height: 100px !important;

  background: #e9ecef

}



.cuadreo_texto_ciudades{

  position: relative;

  text-align: center;

}



.cuadreo_texto_ciudades.c1{

  top: 90px;

  padding-left: 20px;

  padding-right: 20px;

  position: absolute; 

  width: 90%;

}



.cuadreo_texto_ciudades.c1 h2{

  font-weight: bold;

}



.cuadreo_texto_ciudades.c2{

  top: 60px;

  padding-left: 20px;

  padding-right: 20px; 

  position: absolute;

  width: 90%;

  text-align: left;

  font-weight: bold;

}



.cuadreo_texto_ciudades.c3{

  top: 70px;

  padding-left: 20px;

  padding-right: 20px; 

  position: absolute;

  width: 90%

}



.ec-btn-lugares{

  height: 80px;

  width: 90%;

  font-size: 22px;

}



.options{

    background: url(../img/ciudades/2.png) center center/cover;

    background-size: cover

}





.cuadro_menu_options{

  width: 90%;

  /*height: 500px;*/

  /*border-radius: 7%;*/

  margin: auto;

  top: -30px;

  background: #fff;

  text-align: center;

  position: absolute;

  padding-top: 130px;

  padding-bottom: 170px;

}



.flechas{

  position: absolute;

  bottom: -250px;

  text-align: center;

  width: 90%;

  font-size: 40px;

  color: red

}



.tims{

  padding: 50px;

}



.text_itms{

    text-align: center;

    position: relative;

    top:45%;

    -ms-transform: translateY(-50%);

    -webkit-transform: translateY(-50%);

    transform: translateY(-50%);

    font-weight: bold;

}



.empresas{

  background: #e9ecef;

  padding-top: 80px;

  padding-bottom: 40px;

}



.text_div_tree{

  color: black;

  font-weight: bold;

  padding-top: 5px;

  padding-bottom: 5px;

  font-family:"CAC Champagne";

  font-size: 55px;

}



.pad_bt{

  margin-bottom: 50px;

}



@media (max-width: 1024px) {

    .cuadreo_texto_ciudades.c1 h2 {

        font-size: 25px;

    }



    .flechas{

      font-size: 35px;

    }



    .cuadreo_texto_ciudades.c3{

      padding-left: 0px;

      width: 95%

    }



    .ec-btn-lugares{

      width: 100%

    }



    .cuadro_menu_options{

      padding-top: 150px;

      padding-bottom: 200px;



    }



    .text_itms{

      font-size: 14px

    }

}



@media (max-width: 768px) {



    .cuadro_ciudades{

      height: 350px;

    }



    .center-back-ciudades{

      height: 720px;

    }



    .cuadreo_texto_ciudades.c1{

        top: 0px;



    }



    .cuadreo_texto_ciudades.c1 h2 {

        font-size: 20px;

    }



    .cuadreo_texto_ciudades.c2{

        top: -50px;

        font-size: 10px;

    }



    .cuadreo_texto_ciudades.c3{

      top: 0px;

      width: 100%

    }





    .flechas{

      font-size: 25px;

      bottom: -120px;

    }



    .capa_blanca{

      height: 200px !important;

    }



    .cuadro_menu_options{

      padding-bottom: 160px;

    }



}



@media (max-width: 414px) {



    .cuadro_ciudades{

      height: 330px;

    }



    .cuadreo_texto_ciudades.c1{

        top: -20px;

    }



    .cuadreo_texto_ciudades.c1 h2 {

        font-size: 15px;

    }



    .cuadreo_texto_ciudades.c2{

        top: -70px;

        text-align: center;

        line-height: 16px

    }



    .cuadro3{

       top: 130px;

    }



    .im3{

      display: none

    }



    .flechas{

      font-size: 20px;

      bottom: -100px;

    }



    .cuadro_menu_options{

      width: 50%;

      padding-top: 25px;

      padding-bottom: 25px;

      top: -10px !important

    }



    .tims{

      padding: 10px 60px;

    }



    .text_itms{

      padding-top: 10px;

    }



}



@media (max-width: 375px) {



    .cuadro_ciudades{

      height: 300px;

    }



    .cuadreo_texto_ciudades.c1{

        top: -60px;

    }



    .cuadreo_texto_ciudades.c1 h2 {

        font-size: 13px;

    }



    .cuadreo_texto_ciudades.c2{

        top: -90px;

        font-size: 9px;

    }



    .flechas{

      bottom: -60px;

      font-size: 16px;

    }



    .ec-btn-lugares{

      height: 60px;

    }



}





/**************************

     Promociones

  ***********************/





.promociones_banner {

    background: url(../img/promociones/1.png) center center/cover;

    background-size: cover

}



.center-back-promociones{

  height: 820px;

}



.text-black{

  font-weight: bold;

}



.cuadro_celular{

  width: 90%;

  /*height: 500px;*/

  /*border-radius: 7%;*/

  margin: auto;

  top: -200px;

  background: #fff;

  text-align: center;

  position: absolute;

  padding-top: 40px;

  padding-bottom: 0px;

  border-radius: 30px;

}



.capa_celular{

  position: absolute;

  top: -130px;

  width: 110%;

  left: 60px;

}





.capa_buton_promo{

 /*position: absolute;*/

 top: 20px;

}



.btn_promo_in{

  padding: 15px 20px !important;

}



.condi{

  font-size: 10px;

  line-height: 12px;

}



.uso{

  line-height: 14px;

}



.efectivo_banner {

    background: url(../img/promociones/3.png) center center/cover;

    background-size: cover

}



.center-back-efectivo{

  height: 720px;

}



.cuadro_efectivo{

  width: 90%;

  /*height: 500px;*/

  /*border-radius: 7%;*/

  margin: auto;

  top: -50px;

  background: #fff;

  text-align: center;

  position: absolute;

  padding-top: 70px;

  padding-bottom: 70px;

  border-radius: 30px;

}



.img_lap{

  position: absolute;

  top: 270px;

  width: 95%;

}



@media (max-width: 1024px) {



    .capa_celular{

      width: 130%;

      left: 10px;

    }



    .img_lap{

      width: 90%;

    }



}



@media (max-width: 768px) {



  .cuadro_celular{

    width: 95%;

    margin: auto;

    top: -300px;



  }



  .cuadro_celular_texto h2{

     font-size: 20px;

  }



  .cuadro_celular_texto h4{

     font-size: 12px;

  }



  .condi{

    font-size: 8px;

  }



  .capa_celular{

    top: -100px;

    width: 140%;

  }



}



@media (max-width: 540px) {



  .capa_celular{

    top: -100px;

    width: 100%;

  }



  .cuadro_celular_texto h2{

     font-size: 18px;

  }



  .uso{

    font-size: 12px;

  }



  .img_puntos img{

    width: 50%;

  }



  .cuadro_efectivo{

    width: 95%;

  }



  .cuadro_efectivo h2{

    font-size: 20px;

  }



  .cuadro_efectivo h4{

    font-size: 14px;

  }



  .img_lap{

    width: 90%;

  }







}



@media (max-width: 414px) {





  .center-back-promociones{

    height: 700px !important ;

  }



  .cuadro_celular{

    top: -250px;

  }



  .capa_celular{

    left: 0px;

    top: -80px;

    width: 110%;

  }



  .cuadro_celular_texto h2{

     font-size: 13px;

  }



  .uso{

    font-size: 10px;

  }



  .img_puntos img{

    width: 70%;

  }



  .cuadro_celular_texto h4{

     font-size: 9px;

  }



  .condi{

    font-size: 5px;

  }



  .btn_promo_in{

    font-size: 10px;

    padding: 10px 30px !important;

  }



  .cuadro_efectivo{

    padding-bottom: 0px;

  }



  .img_lap{

    width: 87%

  }





}



@media (max-width: 375px) {



  .btn_promo_in{

    padding: 15px 20px !important;

  }



  .center-back-efectivo{

    height: 600px;

  }



  .img_lap{

    width: 87%;

    top: 300px;

  }



}





.error-page .error-code {

  display: block;

  font-size: 150px;

  line-height: 150px;

  color: #333;

  margin-bottom: 20px;

  text-shadow: 5px 5px 1px rgb(0 0 0 / 10%);

}





.error-message h3 {

  font-size: 24px;

  line-height: 32px;

  font-weight: 400;

}





.btn.btn-primary.solid {

  background: #ee3b24;

}



.error-page .error-body .btn {

  margin-top: 30px;

  font-weight: 700;

}



.btn.btn-primary.solid {

  color: #fff;

}



.btn.btn-primary {

  border: 2px solid #ee3b24;

}



input.text, select.text, textarea.text {

  background: #E6E6E6;

  border: 1px solid #E6E6E6;

  color: #393939;

  font-size: 12px;

  padding: 0.6rem 0.75rem;

  font-size: 16px;

}

input.text:focus{

  background-color: #EFEFEF;

  border-color: #ee3b24;

  box-shadow: 0 0 0 0.2rem rgb(244 67 54 / 25%);

}



input.text::placeholder{

  color: black;

  font-size: 16px;

  /*padding-left: 10px; desplaza el placeholder*/

}



.igt{

  padding: 0.375rem 0.475rem;

  background-color: #E6E6E6;

  border: 1px solid #E6E6E6;

}



.sobres{

  position:absolute;

  top:20px;

  left:20px;

  border:none;

  height: 65px;

}



.bt_pedir{

  display: none;

}