/* ----------------------------------------------------------------
                    Custom Icons
   ---------------------------------------------------------------- 
   
   - source: https://www.flaticon.com/search 
   - download size: 64
*/
.ci {
   display: inline-block;
   background-size: 100% 100%;
   background-repeat: no-repeat;
   mask-size: 24px;
   -webkit-mask-size: 24px;
   mask-repeat: no-repeat;
   -webkit-mask-repeat: no-repeat;
   width: 24px;
   height: 24px;
   vertical-align: middle;
   margin-right: 8px;
}
 
 .ci-xs { mask-size: 16px;  --webkit-mask-size: 16px;  width: 16px; height: 16px;}
 .ci-sm { mask-size: 24px;  --webkit-mask-size: 24px;  width: 24px; height: 24px;}
 .ci-md { mask-size: 32px;  --webkit-mask-size: 32px;  width: 32px; height: 32px;}
 .ci-lg { mask-size: 64px;  --webkit-mask-size: 64px;  width: 64px; height: 64px;}
 .ci-xl { mask-size: 128px; --webkit-mask-size: 128px; width: 128px; height: 128px;}

 .ci-flag-es          { mask-image: url('/user/pages/images/icons/flag-es.png');
                  background-image: url('/user/pages/images/icons/flag-es.png');
                -webkit-mask-image: url('/user/pages/images/icons/flag-es.png'); }
 .ci-flag-it          { mask-image: url('/user/pages/images/icons/flag-it.png');
                  background-image: url('/user/pages/images/icons/flag-it.png');
                -webkit-mask-image: url('/user/pages/images/icons/flag-it.png'); }
 .ci-flag-en          { mask-image: url('/user/pages/images/icons/flag-en.png');
                  background-image: url('/user/pages/images/icons/flag-en.png'); 
                -webkit-mask-image: url('/user/pages/images/icons/flag-en.png'); }
 .ci-flag-de          { mask-image: url('/user/pages/images/icons/flag-de.png');
                  background-image: url('/user/pages/images/icons/flag-de.png');
                -webkit-mask-image: url('/user/pages/images/icons/flag-de.png'); }
 .ci-flag-fr          { mask-image: url('/user/pages/images/icons/flag-fr.png');
                  background-image: url('/user/pages/images/icons/flag-fr.png'); 
                -webkit-mask-image: url('/user/pages/images/icons/flag-fr.png'); }

 .ci-air-conditioner  { mask-image: url('/user/pages/images/icons/air-conditioner.png');
                -webkit-mask-image: url('/user/pages/images/icons/air-conditioner.png'); }
 .ci-table-lamp       { mask-image: url('/user/pages/images/icons/table-lamp.png');
                -webkit-mask-image: url('/user/pages/images/icons/table-lamp.png'); } 
 .ci-shower           { mask-image: url('/user/pages/images/icons/shower.png'); 
                -webkit-mask-image: url('/user/pages/images/icons/shower.png'); }
 .ci-bed              { mask-image: url('/user/pages/images/icons/bed.png'); 
                -webkit-mask-image: url('/user/pages/images/icons/bed.png'); }
 .ci-smart-tv         { mask-image: url('/user/pages/images/icons/smart-tv.png');
                -webkit-mask-image: url('/user/pages/images/icons/smart-tv.png'); } 
 .ci-ceiling-fan      { mask-image: url('/user/pages/images/icons/ceiling-fan.png');
                -webkit-mask-image: url('/user/pages/images/icons/ceiling-fan.png'); } 
 .ci-wifi             { mask-image: url('/user/pages/images/icons/wifi.png');
                -webkit-mask-image: url('/user/pages/images/icons/wifi.png'); }
 .ci-whatsapp         { mask-image: url('/user/pages/images/icons/whatsapp.png');
                -webkit-mask-image: url('/user/pages/images/icons/whatsapp.png'); }
 .ci-no-pets          { mask-image: url('/user/pages/images/icons/no-pets.png');
                -webkit-mask-image: url('/user/pages/images/icons/no-pets.png'); }
 .ci-no-smoking       { mask-image: url('/user/pages/images/icons/no-smoking.png');
                -webkit-mask-image: url('/user/pages/images/icons/no-smoking.png'); }
 .ci-parking          { mask-image: url('/user/pages/images/icons/parking.png');
                -webkit-mask-image: url('/user/pages/images/icons/parking.png'); }
 .ci-dining-table     { mask-image: url('/user/pages/images/icons/dining-table.png');
                -webkit-mask-image: url('/user/pages/images/icons/dining-table.png'); }
 .ci-mini-fridge      { mask-image: url('/user/pages/images/icons/mini-fridge.png');
                -webkit-mask-image: url('/user/pages/images/icons/mini-fridge.png'); }
 .ci-no-music         { mask-image: url('/user/pages/images/icons/no-music.png');
                -webkit-mask-image: url('/user/pages/images/icons/no-music.png'); }
 .ci-balustrade       { mask-image: url('/user/pages/images/icons/balustrade.png');
                -webkit-mask-image: url('/user/pages/images/icons/balustrade.png'); }
 .ci-beach-sunset     { mask-image: url('/user/pages/images/icons/beach-sunset.png');
                -webkit-mask-image: url('/user/pages/images/icons/beach-sunset.png'); }
 .ci-downtown         { mask-image: url('/user/pages/images/icons/downtown.png');
                -webkit-mask-image: url('/user/pages/images/icons/downtown.png'); } 
 .ci-restaurant       { mask-image: url('/user/pages/images/icons/restaurant.png');
                -webkit-mask-image: url('/user/pages/images/icons/restaurant.png'); } 
 .ci-bar              { mask-image: url('/user/pages/images/icons/bar.png');
                -webkit-mask-image: url('/user/pages/images/icons/bar.png'); } 
 .ci-bus              { mask-image: url('/user/pages/images/icons/bus.png');
                -webkit-mask-image: url('/user/pages/images/icons/bus.png'); } 
 .ci-atm              { mask-image: url('/user/pages/images/icons/atm.png');
                -webkit-mask-image: url('/user/pages/images/icons/atm.png'); }
 .ci-check-in         { mask-image: url('/user/pages/images/icons/check-in.png');
                -webkit-mask-image: url('/user/pages/images/icons/check-in.png'); }
 .ci-check-out        { mask-image: url('/user/pages/images/icons/check-out.png');
                -webkit-mask-image: url('/user/pages/images/icons/check-out.png'); }
 .ci-towel            { mask-image: url('/user/pages/images/icons/towel.svg');
                -webkit-mask-image: url('/user/pages/images/icons/towel.svg'); }
 .ci-beach-towel      { mask-image: url('/user/pages/images/icons/beach-towel.png');
                -webkit-mask-image: url('/user/pages/images/icons/beach-towel.png'); }
 .ci-handle-with-care { mask-image: url('/user/pages/images/icons/handle-with-care.png');
                -webkit-mask-image: url('/user/pages/images/icons/handle-with-care.png'); }