#cboxOverlay {width: 600px;height: 500px;left: calc(50% - 300px);top: calc(50% - 250px); opacity: 0.75 !important;border-radius:5px;}
#cboxLoadedContent {background:white;padding: 20px; max-width: calc(100% - 40px);font-size: 15px;}
.preu-guell-box .info-entrada, .preu-guell-box .info-visita-guiada, .preu-guell-box .info-visita-guiada-plus, .preu-guell-box .info-visita-guiada-privada, .preu-guell-box .info-grups-organitzats {display:none;}
.info-entrada ul, .info-visita-guiada ul, .info-visita-guiada-plus ul, .info-visita-guiada-privada ul {padding-left:20px;}
.info-entrada li, .info-visita-guiada li, .info-visita-guiada-plus li, .info-visita-guiada-privada li {margin-bottom: 10px; line-height: 20px;}
#compra .img-buying {min-height:201px;}
#compra .img-buying img {border-radius: 10px;}
.preu-guell-box {position:relative;min-height:338px;}
.blue-guell .preu-guell-box {position:relative;min-height:300px;}
.blue-guell .preu {position: absolute;right: 30px;top: 135px; color: white; font-size: 36px; font-weight: 600;z-index:999}
.blue-guell .taca-entrada-individual {position: absolute;right: 20px;top: 110px;z-index:99;}
.red-guell .preu {position: absolute;left: 32px;top: 133px; color: white; font-size: 36px; font-weight: 600;z-index:999}
.red-guell .taca-visita-guiada {position: absolute;left: 20px;top: 93px;z-index:99;}
.yellow-guell .preu {position: absolute;left: 32px;top: 10px; color: white; font-size: 36px; font-weight: 600;z-index:999}
.yellow-guell .taca-visita-guiada-plus {position: absolute;left: 20px;top: 5px;z-index:99;}
.green-guell .preu {position: absolute;right: 30px;top: 13px; color: white; font-size: 36px; font-weight: 600;z-index:999}
.green-guell .taca-visita-guiada-privada {position: absolute;right: 20px;top: 5px;z-index:99;}
#compra .btn-compra {width: calc(100% - 40px);}
#compra .title {text-align: left;padding-left: 15px;margin-top: 5px;}
#compra .text {text-align: left; padding-left: 15px; font-size: 16px;color:#666;}
#compra .blue-guell, #compra .red-guell, #compra .yellow-guell, #compra .green-guell {
    margin: 5px;
    padding: 0 0 20px 0;
    background-image: none;
    background-color: white;
    border: 1px solid #d2d2d2;
    border-radius: 15px;
    position: relative;
}
#compra .blue-guell:hover {
  background-color: #ECF4FF;
  border: 1px solid #006DC6;
}
#compra .red-guell:hover {
  background-color: #FFEEEE;
  border: 1px solid #FF3D3E;
}
#compra .yellow-guell:hover {
  background-color: #FFF4E1;
  border: 1px solid #F59B00;
}
#compra .green-guell:hover {
  background-color: #DFFFEF;
  border: 1px solid #417B5E;
}
#compra .center-btn-compra {
    width: 100%;
    position: relative;
    bottom: 0;
}
#compra .red-guell .btn-compra{
  background: #FF3D3E;
  border-color: #FF3D3E;
}
#compra .red-guell .btn-compra:hover{
  background: #e82727;
  border-color: #e82727;
}
#compra .yellow-guell .btn-compra{
  background: #F59B00;
  border-color: #F59B00;
}
#compra .yellow-guell .btn-compra:hover{
  background: #e58500;
  border-color: #e58500;
}
#compra .green-guell .btn-compra{
  background: #417B5E;
  border-color: #417B5E;
}
#compra .green-guell .btn-compra:hover{
  background: #326b4d;
  border-color: #326b4d;
}
.grups-stamp{
  background:#D9E4DF;
  border-radius: 4px;
  text-align: center;
  padding: 25px 0;
  margin-bottom: 20px;
}
.escoles-stamp{
  background-color: rgba(255,61,62,0.2);
  border-radius: 4px;
  text-align: center;
  padding: 25px 0;
  margin-bottom: 20px;
}
.grups-stamp .title-v2, .escoles-stamp .title-v2 {
    font-size: 22px;
    font-weight: 600;
    float:left;
    margin-left: 25px;
    position: relative;
    top: 2px;
    margin-bottom: 0;
}
.grups-stamp .right-btn {color:#417B5E;background:transparent;border-color: #417B5E;font-weight: 600;float:right; margin-right:25px;}
.grups-stamp .right-btn:hover,.grups-stamp .right-btn:focus {color:white;background:#417B5E !important;border-color: #417B5E !important;}
.escoles-stamp .escoles-btn {color:#FF3D3E;background:transparent;border-color: #FF3D3E;font-weight: 600;float:right; margin-right:25px;}
.escoles-stamp .escoles-btn:hover,.escoles-stamp .escoles-btn:focus {color:white;background:#FF3D3E !important;border-color: #FF3D3E !important;}

@media screen and (min-width: 992px) and (max-width: 1200px) {
  .blue-guell .preu {position: absolute;right: 29px;top: 101px; color: white; font-size: 31px; font-weight: 600;}
  .red-guell .preu {position: absolute;left: 29px;top: 101px; color: white; font-size: 31px; font-weight: 600;}
  .yellow-guell .preu {position: absolute;left: 28px;top: 7px; color: white; font-size: 31px; font-weight: 600;}
  .green-guell .preu {position: absolute;right: 27px;top: 10px; color: white; font-size: 31px; font-weight: 600;}
  .green-guell .taca-visita-guiada-privada {right:1px;}
  .blue-guell .taca-entrada-individual {right:-1px;top: 86px;}
  .red-guell .taca-visita-guiada {top:73px;}
  .green-guell .taca-visita-guiada-privada img, .yellow-guell .taca-visita-guiada-plus img, .red-guell .taca-visita-guiada img, .blue-guell .taca-entrada-individual img {width:80%;}
  #compra .img-buying {min-height: 155px;}
  #compra .title {font-size: 18px;}
  #compra .text {font-size: 15px !important;}
}

@media screen and (min-width: 769px) and (max-width: 991px) {
  #compra .blue-guell, #compra .red-guell, #compra .yellow-guell, #compra .green-guell {padding:0;}
  #compra .blue-guell, #compra .red-guell, #compra .yellow-guell {margin-bottom:20px;}
  #compra .center-btn-compra {text-align: left; margin-left: 20px;}
  #compra .btn-compra {width: 240px;}
  .blue-guell .preu {left: 198px;top: 136px;}
  .green-guell .preu {left: 198px;top: 15px;}
  #compra .title {padding-left: 20px; margin-top: 15px;}
  #compra .text {padding-left: 20px;}
  .red-guell .taca-visita-guiada {top: 96px;}
  .blue-guell .taca-entrada-individual {left:162px;}
  .green-guell .taca-visita-guiada-privada {left: 171px;}
}

@media (max-width: 768px){
#compra .img-buying {text-align:center;}
#compra .blue-guell, #compra .red-guell, #compra .yellow-guell, #compra .green-guell {padding: 20px 0 10px 0;}
#compra .blue-guell, #compra .red-guell, #compra .yellow-guell {margin-bottom:20px;}
.blue-guell .preu {right: calc(50% - 110px);z-index:999; top: 134px;}
.blue-guell .taca-entrada-individual {right: 56px; top: 104px;}
.red-guell .preu {left: calc(50% - 110px);z-index:999; top: 136px;}
.red-guell .taca-visita-guiada {top:91px; left:56px;}
.yellow-guell .preu {left: calc(50% - 110px);z-index:999; top: 12px;}
.yellow-guell .taca-visita-guiada-plus {left: 56px; top: 0px;}
.green-guell .preu {right: calc(50% - 110px);z-index:999; top: 15px;}
.green-guell .taca-visita-guiada-privada {right: 57px; top: 0px;}
#compra .btn-compra {width: 242px;}
  #compra .title {text-align:center;}
  #compra .text {text-align:center;}
}

@media (max-width: 450px){
#cboxOverlay {width: 100%;height: 100%;left: 0;top: 0;border-radius:0px}
#compra .btn-compra {margin: 30px auto 0 !important;}
#compra .blue-guell, #compra .red-guell, #compra .yellow-guell, #compra .green-guell {padding: 20px 0 20px 0;}
.grups-stamp {margin-bottom: 20px;}
.grups-stamp, .escoles-stamp, .grups-stamp .grups-btn, .escoles-stamp .escoles-btn {text-align:center;}
.grups-stamp .title-v2, .escoles-stamp .title-v2 {float: none; margin: 0 0 20px 0;}
.grups-stamp .grups-btn, .escoles-stamp .escoles-btn {float:none; margin:0;}
.grups-stamp .right-btn {float:none; margin-right:0;}
.blue-guell .preu {top:132px;}
.blue-guell .taca-entrada-individual {right: 21px; top: 104px;}
.red-guell .preu {top:131px;}
.red-guell .taca-visita-guiada {top:91px; left:21px;}
.yellow-guell .preu {top:7px;}
.yellow-guell .taca-visita-guiada-plus {left: 21px; top: 0px;}
.green-guell .preu {top:10px;}
.green-guell .taca-visita-guiada-privada {right: 21px; top: 0px;}
.obres-park-guell {margin:30px 0 !important;width: 100% !important;}
}

@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) { 
  .blue-guell .taca-entrada-individual {right: 28px; top: 104px;}
  .red-guell .taca-visita-guiada {top:91px; left:28px;}
  .yellow-guell .taca-visita-guiada-plus {left: 28px; top: 0px;}
  .green-guell .taca-visita-guiada-privada {right: 28px; top: 0px;}
  .grups-stamp .right-btn {float:none; margin-right:0;}
}