/* BANNER */

.cont-overflow{width:100%;height:800px;}

.content-wrapper{margin:0 auto;position:relative;width:960px;}

.rb-grid {list-style: none;text-align: center;margin: 0 auto;padding:0;}

.rb-grid > li {width: 100%;height: 223px;margin:37px 0 0;color: #fff;display: block;float: left;padding:0;cursor: pointer;overflow:hidden;position: relative;}

.rb-grid > li > img{left:0;opacity:0;position:absolute;transition:opacity 0.5s;}

.rb-grid li .rb-grid-expand{background: #91dee8;height:100%;margin:0 auto;transition:all 0.3s;width:960px;}

.rb-grid li .rb-grid-expand > div{margin:0 auto;transition:all 0.3s;width:960px;}

.rb-grid li:hover > img{ opacity:1; }

.rb-grid li:hover .rb-grid-expand{ width:100%; }

.rb-grid li:hover .rb-grid-expand > div{ width:990px; }

.rb-grid li h3 {font-size: 2.6em;font-weight: 100;}

.rb-grid li[class^="icon-"]:before,.rb-grid li[class*=" icon-"]:before {font-size: 10em;position: absolute;display: block;width: 100%;height: 100%;top: 0;left: 0;line-height: 3;opacity: 0.4;text-align: right;pointer-events: none;}

.rb-temp {display: block;font-size: 2em;opacity: 0.5;-webkit-transition: opacity 0.3s ease-in-out;-moz-transition: opacity 0.3s ease-in-out;transition: opacity 0.3s ease-in-out;}

.rb-grid li:hover .rb-temp {opacity: 1;}

.rb-overlay {opacity: 0;position: fixed;top: 0;left: 0;width: 100%;height: 100%;-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;transition: all 0.4s ease;z-index: -1;pointer-events: none;cursor: default;}

.rb-close {position: absolute;top: 0.4em;right: 0.4em;width: 2em;height: 2em;text-indent: -9000px;cursor: pointer;z-index: 1000;}

.rb-close::before {content: 'x';font-weight: 100;position: absolute;top: 0;left: -15px;width: 100%;height: 100%;font-size: 3em;line-height: 0.6;text-align: center;text-indent: 0px;}

.grid-expd {background: #91dee8;height: 100%;text-align:left;width: 100%;}

.grid-expd > div {height: 100%;float: left;position: relative;padding:0 0 2%;width:100%; overflow-y: auto;}

.grid-expd [class^="icon-"]:before {font-size: 2.5em;font-weight: normal;}

.rb-grid-expand > div > div{float:left;text-align:left;}

.rb-grid-expand .info{padding:15px 0 0 2%;transition:all 0.5s;width:35%;}

.rb-grid-expand .img-expnd{padding-top:15px;transition:all 0.5s;width:63%;}

.rb-grid-expand .img-expnd img{width:95%;}

.rb-grid li:hover .rb-grid-expand .info{padding:35px 0 0 0%;width:55%;}

.rb-grid li:hover .rb-grid-expand .img-expnd{padding-top:35px;width:45%;}

.rb-grid-expand .img-expnd img{margin:15px 0 0 -50px;}

.rb-grid-expand div .str-trip{color:#245d6b;font-size:2em;}

.grid-expd .logo{width:53%;}

.grid-expd .logo a{display:block;}

.grid-expd .info{color:#585858;float:left;padding:5px 2.5%;width:45%;}

.grid-expd .info > img{width:80%;}

.grid-expd .info img{margin-top:30px;}

.grid-expd .info ul{padding:0;}

.grid-expd .info li{background:url('../img/banner/panoramic/bullet.png') no-repeat top 8px left;background-size:20px;box-sizing:border-box;margin:10px 0;padding:8px 0 8px 30px;text-align:left;}

.info h3{color:#fef268;font-size:2.5em;line-height:1em;margin:0;text-transform:uppercase;}

.info h3 span{color:#fef268;font-size:0.75em;}

.grid-expd .info p{color:#585858;font-weight:bold;}

.grid-expd .info p.tel{font-size:1.2em;font-weight:lighter;}

.grid-expd .info .tel span{color:#585858;display:block;font-size:0.9em;}

.grid-expd .frm{background:#edf7f8;float:left;margin-top:160px;padding:25px 2.5%;position:relative;width:45%;}

.grid-expd .frm-img{ bottom: 25px;position: absolute;right: 15px;top: 70px;}

.grid-expd .frm-img img{ height:70%; }

.grid-expd .frm h3{color:#41AFBC;font-size:1.15em;font-weight:bold;margin-bottom:10px;}

.grid-expd .frm .privacy{color:#9ba4a3;display:block;font-size: 0.75em;margin-left: 50%;}

.grid-expd .frm label{color:#41AFBC;display:block;}

.grid-expd .frm input,.grid-expd .frm textarea{border:1px solid #E9E9E9;border-radius:4px;padding:5px 1%;width:65%;}

.grid-expd .frm .submit input{background:#24CAE2;color:#FFFFFF;cursor:pointer;font-size:1em;height:auto;padding:5px 3%;width:auto;}

.grid-expd .frm input{height:20px;}

.grid-expd .frm textarea{height:85px;}

.rb-grid li .rb-week div{  background: #91dee8; }



#response-container p,.confirmacion p{color:#41AFBC;font-weight:bold;margin:0;}



@media screen and (max-height: 600px){

	.cont-overflow{height:500px;}

}

@media screen and (max-width: 63.125em) {

	.rb-grid li,.rb-grid li.rb-span-2,.rb-grid li.rb-span-4 {width: 100%;height: 10em;text-align: left;}

	.rb-grid li[class^="icon-"]:before,.rb-grid li[class*=" icon-"]:before {font-size: 6em;left: auto;right: 0;line-height: 2.5;}

	.rb-grid li > div {text-align: center;}

}

/* BANNER*/