@charset "utf-8";
/* CSS Document */

@font-face {
  font-family: 'Museo Sans';
  src: url('/assets/content/dam/generic/fonts/MuseoSans-100.otf');
  font-style: normal;
  font-weight: 100;
}

@font-face {
    font-family: 'Museo Sans';
    src: url('/assets/content/dam/generic/fonts/MuseoSans-300.otf');
    font-style: normal;
    font-weight:300;
}
@font-face {
    font-family: 'Museo Sans';
    src: url('/assets/content/dam/generic/fonts/MuseoSans-500.otf');
    font-style: normal;
    font-weight:500;
}
@font-face {
    font-family: 'Museo Sans';
    src: url('/assets/content/dam/generic/fonts/MuseoSans-700.otf');
    font-style: normal;
    font-weight:700;
}
@font-face {
    font-family: 'Museo Sans';
    src: url('/assets/content/dam/generic/fonts/MuseoSans-900.otf');
    font-style: normal;
    font-weight:900;
}

.less-content, .more-content {white-space:normal;}

.sectionComponent section {padding:60px 0;}

.no-padding-top {padding-top:0 !important;}
.padding-xl {padding:120px 0 !important;}

/* backgrounds */
.big40-green {background-color:#c8dc57;}
.big40-black {background-color:#000000; background-repeat:repeat-x; background-position:center top;}

.bg-cover {background-size:cover;}

img.img-shadow {box-shadow:0px 17px 35px rgba(0,0,0,0.5);}

.img-push-up {position:relative; top:30px;}

.col-xs-text-center,
.col-xs-text-center h2,
.col-xs-text-center h3,
.col-xs-text-center p,
.col-xs-text-center div {text-align:center !important;}

/* promotion specific */
.dynamicImageComponent .bg-primary {background-color: transparent;}

/* campaign page specific */
.big40-campaign h2,
.big40-campaign h3,
.big40-campaign h4,
.big40-campaign p,
.big40-campaign div,
.big40-campaign span {color:#292629;}

.big40-campaign h2,
.big40-campaign h3,
.big40-campaign h4 {font-family:'Museo Sans', sans-serif; text-align:center; padding:0; margin:15px auto; text-transform:none; width:100%;}

.big40-campaign h2 {font-size:28px; font-weight:700; margin:35px auto;}
.big40-campaign h3 {text-align:left;}

h2.text-left {text-align:left;}

.big40-campaign .description-container-rte p {font-size:16px !important; line-height:1.5em;}
.big40-campaign .description-container-rte .description-content {margin:0 auto;}

.big40-campaign .btn.btn-primary,
.big40-campaign .btn.btn-primary:active,
.big40-campaign .btn.btn-primary:focus,
.big40-campaign .btn.btn-primary:visited {background-color: #0a214f;
    box-shadow: inset 0 0 0 2px #0a214f, 0 0 2px transparent;
    color: #ffffff;
    text-decoration: none;
    border: 0;
    padding: 15px 30px !important;
    font-size: 16px;}

.big40-campaign .btn.btn-primary:hover {background-color: transparent; color: #0a214f;}

/* notifications */
.big40-notification {padding:40px; margin:50px auto; text-align:center; border-radius:10px; background-repeat:no-repeat; background-size:cover; background-position:center;} 
.big40-notification p {width:75%; margin:0 auto;}

.text-inverse .big40-notification {color:#ffffff;}

.note-sun-city-orange {background-image:url('/assets/content/dam/suninternational/sun-city-resort/campaigns/big40/note-sun-city-orange.jpg'); background-color:#fca10b;}
.note-frank-sinatra-blue {background-image:url('/assets/content/dam/suninternational/sun-city-resort/campaigns/big40/note-frank-sinatra-blue.jpg'); background-color:#004a76; background-position:-125px center;}
.note-leaves-green {background-image:url('/assets/content/dam/suninternational/sun-city-resort/campaigns/big40/note-leaves-green.jpg'); background-color:#459300;}
.note-ngc-gold {background-image:url('/assets/content/dam/suninternational/sun-city-resort/campaigns/big40/note-ngc-gold.jpg'); background-color:#a07c09;}

.note-important {font-size:26px; font-weight:900; font-family:'Museo Sans', sans-serif;}

/* text-inverse */
.text-inverse,
.text-inverse h2,
.text-inverse h3,
.text-inverse p,
.text-inverse div,
.text-inverse span {color:#ffffff;}


/* banner animation */
.position-absolute {position:absolute;}
.big40-anim-main {position:relative; z-index:2;}
.big40-balloon {top: 30px; max-width: 100%; left: 8%; z-index: 2;}
.big40-balloon img {max-width:50%}
.big40-clouds {z-index: 1; top: 0; max-width: 100%; left: 0;}
.big40-presents {top: 88%; left: 20%; z-index: 2;}
.big40-presents img {max-width:50%}
.big40-streamers {top: 0; left: 0; z-index:1;}

/* happy easter */
.big40-egg {top: 71%; left: 26%; z-index: 2;}
.big40-egg img {max-width:40%}

@media (min-width: 600px) {
	.big40-egg img {max-width:75%}
}

@media (min-width: 768px) {
	.big40-campaign h2 {font-size:37px;}
	.note-frank-sinatra-blue {background-position:left center;}

.big40-balloon {top: 80px; left: 17%;}
.big40-balloon img {max-width:100%}

.padding-top-30 {padding-top:30px !important;}
.padding-top-50 {padding-top:50px !important;}
.padding-top-70 {padding-top:70px !important;}

.big40-campaign .hidden-xs {display: block !important;}

.col-xs-text-center,
.col-xs-text-center h2,
.col-xs-text-center h3,
.col-xs-text-center p,
.col-xs-text-center div {text-align: inherit !important;}
}

@media (min-width: 992px) {
.big40-campaign h2 {font-size:40px;}
.big40-balloon {top: 130px;}
.big40-streamers {left: 5%;}
.big40-clouds {left: 5%;}
.big40-presents img {max-width:100%}
.big40-egg img {max-width:100%}
}

@media (min-width: 1200px) {
.img-push-up {top:-10px;}
.big40-balloon {left: 27%;}
.big40-presents {left: 28%;}
.big40-streamers {left: 17%;}
.big40-clouds {left: 15%;}
.big40-egg {left: 33%;}
}

@media (min-width: 1400px) {
	.big40-campaign .container {width: 1370px;}
	.img-push-up {top:-70px;}
}

hr {border-bottom:1px solid rgba(41,38,41,0.44);}

/* bootstrap setting - wider spaces - just for Lukas */
.big40-campaign  .row {margin-left:-30px; margin-right:-30px;}
.big40-campaign .col-xs-1, 
.big40-campaign .col-sm-1, 
.big40-campaign .col-md-1, 
.big40-campaign .col-lg-1, 
.big40-campaign .col-xs-2, 
.big40-campaign .col-sm-2, 
.big40-campaign .col-md-2, 
.big40-campaign .col-lg-2, 
.big40-campaign .col-xs-3, 
.big40-campaign .col-sm-3, 
.big40-campaign .col-md-3, 
.big40-campaign .col-lg-3, 
.big40-campaign .col-xs-4, 
.big40-campaign .col-sm-4, 
.big40-campaign .col-md-4, 
.big40-campaign .col-lg-4, 
.big40-campaign .col-xs-5, 
.big40-campaign .col-sm-5, 
.big40-campaign .col-md-5, 
.big40-campaign .col-lg-5, 
.big40-campaign .col-xs-6, 
.big40-campaign .col-sm-6, 
.big40-campaign .col-md-6, 
.big40-campaign .col-lg-6, 
.big40-campaign .col-xs-7, 
.big40-campaign .col-sm-7, 
.big40-campaign .col-md-7, 
.big40-campaign .col-lg-7, 
.big40-campaign .col-xs-8, 
.big40-campaign .col-sm-8, 
.big40-campaign .col-md-8, 
.big40-campaign .col-lg-8, 
.big40-campaign .col-xs-9, 
.big40-campaign .col-sm-9, 
.big40-campaign .col-md-9, 
.big40-campaign .col-lg-9, 
.big40-campaign .col-xs-10, 
.big40-campaign .col-sm-10, 
.big40-campaign .col-md-10, 
.big40-campaign .col-lg-10, 
.big40-campaign .col-xs-11, 
.big40-campaign .col-sm-11, 
.big40-campaign .col-md-11, 
.big40-campaign .col-lg-11, 
.big40-campaign .col-xs-12, 
.big40-campaign .col-sm-12, 
.big40-campaign .col-md-12, 
.big40-campaign .col-lg-12 {padding-right:30px; padding-left:30px;}