/*MIGRATION HEADER & INTRO*/
#migration {overflow:hidden; padding-bottom:50px; margin:0 auto;}
#migration-header {height:300px; background:url(https://images.buyagift.co.uk/content/HtmlTemplates/PromotionPages/CompetitionPages/2023/universal/header/migration-header-bk.jpg) bottom center no-repeat; background-size:120%; text-align:center; position:relative;}
#migration-header .migration-header-logo {max-width:225px; margin:0 auto; position:absolute; bottom:20px; left:0; right:0; z-index:2;}
#migration-header .migration-header-birds {max-width:90%; margin:0 auto; position:relative; top:60px}

@media only screen and (min-width: 500px) {
  #migration-header {height:350px; overflow:hidden;}
  #migration-header .migration-header-birds {top:50px;}
}

@media only screen and (min-width: 600px) {
  #migration-header .migration-header-birds {max-width:95%; left:0; top:30px;}
  #migration-header .migration-header-logo {max-width:275px;}
}

@media only screen and (min-width: 690px) {
  #migration-header .migration-header-birds {max-width:90%;}
}

@media only screen and (min-width: 768px) {
  #migration {padding-bottom:150px;}
  #migration-header {background-size:100%; background-position:0px -640px;}
  #migration-header .migration-header-birds {max-width:80%;}
}

@media only screen and (min-width: 880px) {
  #migration-header {background-size:100%; background-position:0px -780px;}
  #migration-header .migration-header-birds {max-width:70%;}
}

@media only screen and (min-width: 992px) {
  #migration {padding-bottom:175px;}
  #migration-header {height:450px;background-size:100%;background-position: 0px -900px;}
  #migration-header .migration-header-birds {max-width:70%;}
  #migration-header .migration-header-logo {max-width:400px;}
}

@media only screen and (min-width: 1050px) {
  #migration {padding-bottom:175px;}
  #migration-header {background-position: 0px -940px;}
}

@media only screen and (min-width: 1100px) {
  #migration {padding-bottom:175px;}
  #migration-header {background-position: 0px -1000px;}
}

@media only screen and (min-width: 1150px) {
  #migration {padding-bottom:175px;}
  #migration-header {background-position: 0px -1060px;}
}

@media only screen and (min-width: 1200px) {
  #migration {padding-bottom:190px;}
  #migration-header {background-position: 0px -1100px;}
}

#migration-intro {background:#FF6720;}
#migration-intro p {color:#ffffff; font-family: 'droid_sansbold', sans-serif; font-size:20px; line-height:24px; text-align:center; width:80%; margin:0 auto; padding:30px 0; border-bottom:1px solid #ffffff;}

@media only screen and (min-width:992px) {
  #migration-intro p {width:65%; font-size:23px; line-height:28px;}
}
/*MIGRATION HEADER & INTRO*/



/*MIGRATION WIN SECTION*/
#migration-win-sect {position:relative; top:-56px;}
#migration-win-sect a {display:block; text-decoration:none;}
#migration-win-sect #migration-win-sect-prize {height:175px; width:175px; border-radius:50%; background:#ffffff; margin:0 auto; position:relative; top:75px; display:flex; justify-content:center; align-items:center;}
#migration-win-sect #migration-win-sect-prize img {max-width:125px;}
#migration-win-sect #migration-win-sect-inner {background:#018675; border-radius:10px; padding:30px; text-align:center;}
#migration-win-sect #migration-win-sect-inner h3 {margin:75px 0 0 0;}
#migration-win-sect #migration-win-sect-inner h3 img {max-width:200px;}
#migration-win-sect #migration-win-sect-inner p {color:#ffffff; font-family: 'DroidSans', sans-serif; font-size:18px; line-height:22px; text-align:center; margin:0 auto; padding:15px 0;}
#migration-win-sect #migration-win-sect-inner .migration-win-cta {background:#FF6720; padding:16px 20px; border-radius:50px; color:#ffffff; text-align:center; margin:0 auto; display:block; max-width:250px; width:100%; border:0px; font-size:18px; text-transform:capitalize; font-family: 'droid_sansbold', sans-serif; text-decoration:none;}
#migration-win-sect #migration-win-sect-inner .migration-win-cta:hover {opacity:0.8; cursor:pointer;}
#migration-win-sect #migration-win-sect-logo {display:none;}

@media only screen and (min-width:768px) {
  #migration-win-sect {top:unset; text-align:center; margin-top:60px;}
  #migration-win-sect #migration-win-sect-prize {height:auto; width:auto; border-radius:0; background:none; top:unset; position:absolute; left:-13px; top:-35px; rotate:-1.5deg;}
  #migration-win-sect #migration-win-sect-prize img {max-width:275px;}
  #migration-win-sect #migration-win-sect-inner {width:auto; margin:0 auto 0 194px; border-radius:0 10px 10px 0;}
  #migration-win-sect #migration-win-sect-inner h3 {margin:0;}
  #migration-win-sect #migration-win-sect-inner h3 img {max-width:175px;}
  #migration-win-sect #migration-win-sect-inner p {font-size:17px; line-height:20px; width:80%;}
}

@media only screen and (min-width:992px) {
  #migration-win-sect {width:90%; margin:60px auto 0 auto;}
  #migration-win-sect #migration-win-sect-inner {width:unset; display:flex; flex-direction:row; padding:0;}
  #migration-win-sect #migration-win-sect-logo {display:flex; justify-content:center; align-items:center; width:25%; padding:30px 20px; border-radius:0 10px 10px 0; border:2px solid #018675; border-left:none; background:#ffffff;}
  #migration-win-sect #migration-win-sect-logo img {max-width:100%;}
  #migration-win-sect #migration-win-sect-details {width:75%; padding:30px 0 30px 30px;}
}
/*MIGRATION WIN SECTION*/



/*MIGRATION CREATIVE SECTION*/
#migration-creative-sect {background:#FFB81C; border-radius:10px; padding:30px; text-align:center; position:relative; top:-16px;}
#migration-creative-sect a {display:block; text-decoration:none;}
#migration-creative-sect h3 {margin:00;}
#migration-creative-sect h3 img {max-width:280px;}
#migration-creative-sect p {color:#ffffff; font-family: 'DroidSans', sans-serif; font-size:18px; line-height:22px; text-align:center; margin:0 auto; padding:15px 0; width:75%;}
#migration-creative-sect .migration-creative-cta {background:#ffffff; padding:16px 20px; border-radius:50px; color:#FF6720; text-align:center; margin:0 auto; display:block; max-width:250px; width:70%; border:0px; font-size:18px; text-transform:capitalize; font-family: 'droid_sansbold', sans-serif; text-decoration:none;}
#migration-creative-sect .migration-creative-cta:hover {opacity:0.8; cursor:pointer;}
#migration-creative-sect .migration-creative-dax-img {max-width:110px; position:absolute; left:5px; bottom:5px;}

@media only screen and (min-width:768px) {
  #migration-creative-sect {top:86px;}
  #migration-creative-sect h3 img {max-width:500px;}
  #migration-creative-sect p, #migration-creative-sect .migration-creative-cta {width:100%;}
  #migration-creative-sect .migration-creative-dax-img {max-width:260px; left:-15px; bottom:-15px;}
}

@media only screen and (min-width:992px) {
  #migration-creative-sect {width:90%; margin:0 auto;}
  #migration-creative-sect .migration-creative-dax-img {max-width:330px; left:-25px; bottom:-25px;}
}

@media only screen and (min-width:1280px) {
  #migration-creative-sect .migration-creative-dax-img {max-width:330px; left:-25px; bottom:-45px;}
}
/*MIGRATION CREATIVE SECTION*/


/*MIGRATION WHICH CHARACTER*/
#migration #migration-which-character {height:auto; width:100%; position:relative; margin:0 auto; background:#FF6720; padding:30px 0;}
#migration #migration-which-character h3 {width:85%; margin:0 auto 15px auto; text-align:center;}
#migration #migration-which-character h3 img {max-width:100%;}
#migration #migration-which-character p.fade-in {color:#ffffff; font-family: 'droid_sansbold', sans-serif; padding:20px 0; width:80%; margin:0 auto; text-align:center; font-size:17px; line-height:20px;}
#migration #migration-which-character .migration-which-character-cta {background-color:#fff; padding:16px 20px; border-radius:50px; color:#FF6720; text-align:center; margin:0 auto 1em auto; display:block; max-width:250px; width:100%; border:0px; font-size:20px; text-transform:capitalize; font-family: 'droid_sansbold', sans-serif; box-shadow:rgb(225 154 90) 1px 1px 3px;}
#migration #migration-which-character .migration-which-character-cta a {text-decoration:none;}
#migration #migration-which-character .migration-which-character-cta:hover {opacity:0.8; cursor:pointer;}


@media only screen and (min-width:619px) {
  #migration #migration-which-character h3 img {max-width:90%;}
}

@media only screen and (min-width:700px) {
  #migration #migration-which-character h3 img {max-width:80%;}
}

@media only screen and (min-width:768px) {
  #migration #migration-which-character h3 img {max-width:90%;}
  #migration #migration-which-character p.fade-in {font-size:18px; line-height:21px; padding:35px 0;}
}

@media only screen and (min-width:840px) {
  #migration #migration-which-character h3 img {max-width:80%;}
}

@media only screen and (min-width:992px) {
  #migration #migration-which-character h3 img {max-width:75%;}
  #migration #migration-which-character p.fade-in {font-size:20px; line-height:25px; width:55%;}
}


/* make keyframes that tell the start state and the end state of our object */
@-webkit-keyframes fadeIn {
  from {opacity: 0;} to {opacity: 1;}
}
@-moz-keyframes fadeIn {
  from {opacity: 0;} to {opacity: 1;}
}
@keyframes fadeIn {
  from {opacity: 0;} to {opacity: 1;}
}

#migration-character-grid {display:flex; width:315px; flex-direction:row; flex-wrap:wrap; margin:0 auto;}
#migration-character-grid .character-col {display:flex; flex-direction:column;}
#migration-character-grid .character-box {width:100%; color:#ffffff;}
#migration-character-grid .character-box img {max-width:100%;}
#migration-character-grid #character-col1 {width:50%; position:relative;}
#migration-character-grid #character-col2 {width:50%;}
#migration-character-grid #character-col3 {flex-direction:row; flex-basis:100%;}
#migration-character-grid #character-col2 .character-col2-row:nth-child(2) {display:none;}
#migration-character-grid .character-col.migration-character-mack img {height:300px; max-width:unset; position:absolute; left:-8px;}

@media only screen and (min-width:450px) {
    #migration-character-grid {width:400px;}
    #migration-character-grid .character-col.migration-character-mack img {height:362px; width:200px; left:0;}
}

@media only screen and (min-width:650px) {
    #migration-character-grid {width:450px;}
    #migration-character-grid .character-col.migration-character-mack img {height:417px; width:231px;}
}

@media only screen and (min-width:768px) {
    #migration-character-grid {width:600px ;flex-wrap: nowrap;}
    #migration-character-grid #character-col1 {width:40%}
    #migration-character-grid #character-col2 {width:60%; flex-direction:column;}
    #migration-character-grid #character-col2 .character-col2-row {display:flex;}
    #migration-character-grid #character-col2 .character-col2-row:nth-child(2){display:flex !important;}
    #migration-character-grid .character-col2-row .character-box {display:flex; width:50%;}
    #migration-character-grid #character-col3 {display:none;}
    #migration-character-grid .character-col.migration-character-mack img {height:335px; width:245px;}
}
/*MIGRATION WHICH CHARACTER*/



/*PRODUCT SLIDER GENERIC*/
.prd-sect {padding:15px 0 0 0; align-items:center;}

.prd-sect-slider {flex-wrap:wrap; position:relative; display:flex; max-width:100%; align-items:center; z-index:0;}
.prd-sect-slider .prd-sect-slider-inner {scroll-behavior:smooth; overflow-x:auto; overflow-y:hidden; max-width:100%; -ms-overflow-style:none; scrollbar-width:none; display:grid; grid-auto-flow:column; grid-column-gap:24px !important; padding-left:20px; padding-right:20px; align-self:flex-start; -ms-overflow-style:none; scrollbar-width:none;}
.prd-sect-slider .prd-sect-slider-inner::-webkit-scrollbar {display:none;}

.prd-sect-slider .prd-sect-slider-inner a {display:flex; flex-direction:column; justify-content:space-between; align-items:flex-start; min-width:250px; height:auto; aspect-ratio:4/5; position:relative; border-radius:12px; color:#443c36;}
.prd-sect-slider .prd-sect-slider-inner .prd-section-slider-img {width:100%; height:100%; border-radius:12px; position:relative;}
.prd-sect-slider .prd-sect-slider-inner .prd-section-slider-img img {width:100%; height:100%; border-radius:12px; object-fit:cover; aspect-ratio:4/5;}
.prd-sect-slider .prd-sect-slider-inner .prd-section-slider-img::after {content:""; top:0; right:0; bottom:0; left:0; background-image:linear-gradient(180deg,rgba(0,0,0,.499),rgba(0,0,0,.3) 28.32%,hsla(0,0%,87%,0)); position:absolute; border-radius:12px;}

.prd-sect-slider-control {margin:15px 0 0 0; width:100%; grid-auto-flow:column; grid-column-gap:16px !important; visibility:visible; justify-content:center; align-items:center; display:flex;}
.prd-sect-slider-control button {position: relative; background:#ffffff; border:none; display:flex; align-items:center; justify-content:center; padding:0;
  min-width:40px; width:40px; min-height:40px; height:40px; font-size:12px; border-radius:50%; border:1px solid #c8c4c1;}
.prd-sect-slider-control button::before {content:""; position:absolute; top:-6px; right:0; bottom:-6px; left:0;}
.prd-sect-slider-control .svg-inline--fa {display:inline-block; color:#00857d; height:1em; overflow: visible; box-sizing: content-box; opacity:.4;}

.prd-sect-slider-control.slider-scrolling button {background:#f8f7f6;}
.prd-sect-slider-control.slider-scrolling .prd-sect-slider-control-right .svg-inline--fa, .prd-sect-slider-control.slider-start .prd-sect-slider-control-right .svg-inline--fa {opacity:1;}
.prd-sect-slider-control.slider-scrolling .prd-sect-slider-control-left .svg-inline--fa, .prd-sect-slider-control.slider-end .prd-sect-slider-control-left .svg-inline--fa {opacity:1;}

@media only screen and (min-width: 620px) {
  .prd-sect-slider-control button {min-width:48px; width:48px; min-height:48px; height:48px; font-size:16px;}
}

@media only screen and (min-width: 1280px) {
  .prd-sect-slider .prd-sect-slider-inner a {aspect-ratio:16/9; min-width:525px;}
  .prd-sect-slider .prd-sect-slider-inner .prd-section-slider-img img {aspect-ratio:16/9;}
}
/*PRODUCT SLIDER GENERIC*/

/*COMPACT VIEW SLIDER*/
.prd-sect-slider.compact .prd-sect-slider-inner a {min-width:auto; /*height:200px !important; width:300px !important;*/  text-decoration:none;}
.prd-sect-slider.compact .prd-sect-slider-inner .prd-section-slider-img:first-child, .prd-sect-slider.compact .prd-sect-slider-inner .prd-section-slider-img img {width:240px; height:180px;}

@media only screen and (min-width: 992px) {
  .prd-sect-slider.compact .prd-sect-slider-inner a {aspect-ratio:3/3!important;}
}
/*COMPACT VIEW SLIDER*/

/*MIGRATION PRODUCT STYLES*/
.migration-product-title, .migration-product-location, .migration-product-price {margin-top:12px; font-family: 'DroidSans', sans-serif;}
.migration-product-title {display:flex; flex-direction:row; width:250px;}
.migration-product-title h3 {font-size:15px; line-height:19px; text-align:left; font-weight:400; color:#443c36; margin-top:0;}
.migration-product-review {width:60px;}
.migration-product-review svg {color:#00857d;}
.migration-product-location {font-size:13.5px; color:#7d6e63; font-weight:500;}
.migration-product-price {color:#bb051c; font-weight:700;}
.migration-product-price b {font-size:16px; padding-right:10px;}
.migration-product-price b:nth-child(2) {color:#7d6e63; text-decoration:line-through; font-weight:400; font-family:font-family: 'DroidSans', sans-serif;}

.migration-prd-sect {border-radius:35px; padding:30px 25px; text-align:center; position:relative; top:24px;}
.migration-prd-sect .migration-prd-title {position:relative; z-index:2; margin:0;}
.migration-prd-sect .migration-prd-title img {max-width:85%;}
.migration-prd-sect .migration-prd-subtitle {color:#ffffff; font-family: 'DroidSans', sans-serif; font-size:16px; margin-top:10px; display:block; position:relative; z-index:2;}
.migration-prd-sect .prd-sect-slider {background:#ffffff; border-radius:18px; padding:20px 0 20px;}

.migration-prd-sect#migration-product-pam {background:#6CC24A;}
.migration-prd-sect#migration-product-pam .migration-prd-sect-bird-img {position:absolute; top:-10px; right:-30px; max-width:150px;}

.migration-prd-sect#migration-product-dax {background:#009CCF;}
.migration-prd-sect#migration-product-dax .migration-prd-sect-bird-img {position:absolute; top:11px; left:-40px; max-width:170px;}

.migration-prd-sect#migration-product-gwen {background:#008675;}
.migration-prd-sect#migration-product-gwen .migration-prd-sect-bird-img {position:absolute; top:65px; right:-10px; max-width:130px;}

.migration-prd-sect#migration-product-mack {background:#FF6720;}
.migration-prd-sect#migration-product-mack .migration-prd-sect-bird-img {position:absolute; top:-5px; left:-30px; max-width:150px;}

.migration-prd-sect#migration-product-dan {background:#FFB81C;}
.migration-prd-sect#migration-product-dan .migration-prd-sect-bird-img {position:absolute; top:10px; right:-10px; max-width:150px;}

.migration-prd-sect-spacer {height:40px;}
.migration-prd-sect svg {height:1em;}

@media only screen and (min-width: 600px) {
  .migration-prd-sect#migration-product-pam .migration-prd-sect-bird-img {max-width:235px; right:-40px;}
  .migration-prd-sect#migration-product-dax .migration-prd-sect-bird-img {left:-5px; max-width:230px;}
  .migration-prd-sect#migration-product-gwen .migration-prd-sect-bird-img {top:39px; right:-10px; max-width:190px;}
  .migration-prd-sect#migration-product-mack .migration-prd-sect-bird-img {left:-10px; max-width:250px; top:7px;}
  .migration-prd-sect#migration-product-dan .migration-prd-sect-bird-img {top:10px; max-width:190px;}
}

@media only screen and (min-width: 768px) {
  .migration-prd-sect {top:126px;}
  .migration-prd-sect#migration-product-pam .migration-prd-sect-bird-img {right:-20px;}
  .migration-prd-sect#migration-product-dax .migration-prd-sect-bird-img {left:-10px;}
  .migration-prd-sect#migration-product-gwen .migration-prd-sect-bird-img {top:50px;}
  .migration-prd-sect#migration-product-dan .migration-prd-sect-bird-img {top:-20px;}
}

@media only screen and (min-width: 768px) {
  .prd-sect-slider-control {display:grid;}
}

@media only screen and (min-width: 850px) {
  .migration-prd-sect#migration-product-pam .migration-prd-sect-bird-img {max-width:265px; top:-20px;}
  .migration-prd-sect#migration-product-dax .migration-prd-sect-bird-img {max-width:305px; top:-10px;}
  .migration-prd-sect#migration-product-gwen .migration-prd-sect-bird-img {top:20px; max-width:240px;}
  .migration-prd-sect#migration-product-mack .migration-prd-sect-bird-img {left:-14px; max-width:290px; top:-20px;}
  .migration-prd-sect#migration-product-dan .migration-prd-sect-bird-img {max-width:230px;}
}

@media only screen and (min-width: 992px) {
  .migration-prd-sect {width:90%; margin:0 auto; top:146px;}
  .migration-prd-sect .prd-sect-slider {padding:30px 0;}
  .migration-prd-sect#migration-product-pam .migration-prd-sect-bird-img {max-width:300px; top:-60px; right:20px}
  .prd-sect-slider .prd-sect-slider-inner {padding-left:30px; padding-right:30px;}
  .migration-product-title {width:300px;}
}

@media only screen and (min-width: 1280px) {
.migration-prd-sect {padding:40px 60px; top:166px;}
.prd-sect-slider.compact .prd-sect-slider-inner .prd-section-slider-img:first-child, .prd-sect-slider.compact .prd-sect-slider-inner .prd-section-slider-img img {width:300px; height:200px;}
}
/*MIGRATION PRODUCT STYLES*/


.migration-disclaimer {font-size:12px; text-align:center; color:#232323; display:block; position:relative; top:50px;}
@media only screen and (min-width: 768px) {
  .migration-disclaimer {top:150px;}
}
@media only screen and (min-width: 992px) {
  .migration-disclaimer {top:175px;}
}
@media only screen and (min-width: 1200px) {
  .migration-disclaimer {top:185px;}
}