/* CSS Document */



.replace{text-indent:-9000px;}
.uppercase{text-transform:uppercase;}

.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */

html{background:#000;color:#fff;}
body{margin:0;padding:0;position:relative;top:0px;}
h1,h2,h3,h4,h5{font-family:Verdana, Geneva, sans-serif;font-weight:normal;}
p,a{font-family: 'PT Sans', sans-serif;font-size:100%;line-height:1.2;}
p.bigger{font-size:120%;padding-top:60px;}
strong{font-weight:bold;}
em{font-style: italic;}
p{margin-bottom:16px;}
a{text-decoration:none;border:0;color:#fcd500;}
a:hover{text-decoration:underline;}
.underline{text-decoration:underline;}


h1{text-align:center;font-size:200%;font-weight:bold;margin:20px 0px;}
h2{text-align:center;background:#ffdd00;color:#005ba9;font-size:180%;padding:10px 0px;}
span.firstz{font-size:90%;color:#b1b1b1;}
span.secondz{font-size:80%;color:#747474;}



@font-face {
    font-family: 'fs_pimlicobold';
    src: url('..//fonts/fspimlico-bold-webfont.eot');
    src: url('..//fonts/fspimlico-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('..//fonts/fspimlico-bold-webfont.woff2') format('woff2'),
         url('..//fonts/fspimlico-bold-webfont.woff') format('woff'),
         url('..//fonts/fspimlico-bold-webfont.ttf') format('truetype'),
         url('..//fonts/fspimlico-bold-webfont.svg#fs_pimlicobold') format('svg');
    font-weight: normal;
    font-style: normal;
}






/************************************************************ Magic header ************************************************************/
header#magic{background:#001e80;z-index:99999;position:relative;}
header#magic .header-wrap{width:100%;max-width:1280px;margin:0 auto;position:relative;}
header#magic .social-tag-top{margin:0 0 0 6px;opacity:1;transition: all 0.4s;}
header#magic .social-tag-top:hover{opacity:0.8;transition: all 0.4s;transform:translateY(-3px);}
header#magic .header-logo{float:left;width:18%;padding:10px 0;margin-left:2%;transition: all 0.4s;max-width:160px;}
header#magic .header-logo:hover{opacity:0.6;}
header#magic .header-social{float:right;width:78%;text-align:right;padding-top:20px;margin-right:2%;}
p#win{position:absolute;text-align:center;width:100%;font-family:'fs_pimlicobold',sans-serif;font-size:170%;margin-top:26px;}
div#magic-header-border{height:4px;background:#808080;}

/************************************************************ /Magic header ************************************************************/










/************************************************************ KISS header ************************************************************/
header#kiss{
  background: rgb(88,86,87); /* Old browsers */
  background: -moz-linear-gradient(top,  rgba(88,86,87,1) 0%, rgba(70,68,69,1) 29%, rgba(50,46,47,1) 51%, rgba(51,47,48,1) 53%, rgba(48,44,45,1) 57%, rgba(48,44,45,1) 68%, rgba(45,43,44,1) 71%, rgba(44,40,41,1) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(88,86,87,1)), color-stop(29%,rgba(70,68,69,1)), color-stop(51%,rgba(50,46,47,1)), color-stop(53%,rgba(51,47,48,1)), color-stop(57%,rgba(48,44,45,1)), color-stop(68%,rgba(48,44,45,1)), color-stop(71%,rgba(45,43,44,1)), color-stop(100%,rgba(44,40,41,1))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  rgba(88,86,87,1) 0%,rgba(70,68,69,1) 29%,rgba(50,46,47,1) 51%,rgba(51,47,48,1) 53%,rgba(48,44,45,1) 57%,rgba(48,44,45,1) 68%,rgba(45,43,44,1) 71%,rgba(44,40,41,1) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  rgba(88,86,87,1) 0%,rgba(70,68,69,1) 29%,rgba(50,46,47,1) 51%,rgba(51,47,48,1) 53%,rgba(48,44,45,1) 57%,rgba(48,44,45,1) 68%,rgba(45,43,44,1) 71%,rgba(44,40,41,1) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  rgba(88,86,87,1) 0%,rgba(70,68,69,1) 29%,rgba(50,46,47,1) 51%,rgba(51,47,48,1) 53%,rgba(48,44,45,1) 57%,rgba(48,44,45,1) 68%,rgba(45,43,44,1) 71%,rgba(44,40,41,1) 100%); /* IE10+ */
  background: linear-gradient(to bottom,  rgba(88,86,87,1) 0%,rgba(70,68,69,1) 29%,rgba(50,46,47,1) 51%,rgba(51,47,48,1) 53%,rgba(48,44,45,1) 57%,rgba(48,44,45,1) 68%,rgba(45,43,44,1) 71%,rgba(44,40,41,1) 100%); /* W3C */
  color:#fff;
  padding:5px 0;
  -webkit-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.75);
  -moz-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.75);
  box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.75);
  z-index: 99999;position: relative;
}
header#kiss .header-wrap{width:100%;max-width:1090px;margin:0 auto;}
header#kiss .social-tag-top{margin:0 0 0 6px;opacity:1;transition: all 0.4s;}
header#kiss .social-tag-top:hover{opacity:0.8;transition: all 0.4s;transform:translateY(-3px);}
header#kiss .header-logo{float:left;width:18%;padding:10px 0;margin-left:2%;transition: all 0.4s;}
header#kiss .header-logo:hover{opacity:0.6;}
header#kiss .header-social{float:right;width:78%;text-align:right;padding-top:20px;margin-right:2%;}

div#kiss-header-border{height:1px;background:url(..//images/kiss-header-border.png) top center repeat-x;}

/************************************************************ /KISS header ************************************************************/










/************************************************************ Alphabet ************************************************************/

div#alphabet{max-width:1280px;margin:auto;min-width:320px;position:relative;}
div.video-box{width:25%;height:25%;min-width:320px;float:left;margin:0;padding:0;position:relative;margin-bottom:-4px;overflow:hidden;}
div.video-box video{position:relative;}
h3{font-size:160%;font-weight:bold;margin-bottom:16px;}
h3 span{font-size:120%;padding-right:10px;}
/*div.hover{background:rgba(0,0,0,0.8);position:absolute;width:100%;z-index:100;height:0px;bottom:4px;overflow:hidden;}*/
div.hover{background:rgba(0,0,0,0.8);position:absolute;width:100%;z-index:100;height:100%;top:-4px;overflow:hidden;display:none;cursor:default;}
.pad20{padding:20px;}
.fa{position:absolute;bottom:10px;z-index:200;font-size:280% !important;-webkit-transform:rotate(360deg);transform:rotate(360deg);-webkit-transition: -webkit-transform .4s ease-in-out;
  transition: transform .4s ease-in-out;right:-100000px;color:rgba(255,255,255,0.7);}
.rotate45{-webkit-transform:rotate(315deg) !important;transform:rotate(315deg) !important;}
div#menu{background:rgba(255,255,255,0.3);position:relative;width:100%;z-index:300;text-align:center;padding:10px 0px;display:none;}
div#menu a{font-size:130%;}
div#menu a:hover{text-decoration:none;}
.arrow-down{width: 0; height: 0; border-left: 8px solid transparent;border-right: 8px solid transparent;border-top: 8px solid #fcd500;display:inline-block;position:relative;top:-2px;margin:0px 10px;}
div#am-wrapper{position:relative;width:100%;overflow:hidden;height:80px;display:none;}
ul#alphabet-menu{width:1104px;padding:0px 6px;position:absolute;top:10px;}
ul#alphabet-menu li{float:left;font-size:240%;font-weight:bold;text-align:center;width:42px;display:inline-block;font-family:Verdana, Geneva, sans-serif;color:#ffdd00;cursor:pointer;}
.absolute{position:absolute !important;}


/************************************************************ /Alphabet ************************************************************/











/************************************************************ Competition ************************************************************/

div#competition{position:relative;text-align:center;border-top:5px solid #fff;border-bottom:5px solid #fff;padding:20px 0px;background:#008fde url(..//images/competition-bg-kiss.png) no-repeat 0 0;background-size:cover;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}
div#prize{max-width:1280px;padding:0px 20px;box-sizing:border-box;margin:auto;}
h4{font-size:240%;font-weight:bold;margin-bottom:16px;}
div#competition p{font-size:140%;}
div#competition p a{color:#fff;}
div#form{width:60%;margin:auto;padding-bottom:40px;}

div#competition.magic{background:#001e80;}
div#swirl1{width:325px;height:528px;position:absolute;left:0%;top:0%;background:url(../images/magic-swirls-2.png) top left no-repeat;}
div#swirl2{width:325px;height:528px;position:absolute;right:0%;bottom:0%;background:url(../images/magic-swirls.png) bottom right no-repeat;}

/************************************************************ /Competition ************************************************************/











/************************************************************ Video ************************************************************/
div#video-container{padding:0px;background:#000;width:100%;position:relative;}
div#video-player{background:#000;}

/************************************************************ /Video ************************************************************/











/************************************************************ Footer ************************************************************/
a#ikea-logo{width:184px;height:63px;background:url(..//images/ikea-logo.png) 0px 0px no-repeat;display:block;margin:auto;margin-top:24px;}
p#wonderful{font-size:130%;text-align:center;margin-top:16px;letter-spacing:10px;}
p#copyright{color:#787878;text-align:center;margin-top:48px;}

/************************************************************ /Footer ************************************************************/











/************************************************************ Media Queries ************************************************************/

@media screen and (max-device-width: 1279px), screen and (max-width: 1279px) {
  div.video-box{width:33.333333333333%;height:33.333333333333%;}
  div.video-box p{font-size:100%;}
  div#form{width:100%;}
  p#win{clear:both;position:relative;margin:0;padding:12px 0px;}
}

@media screen and (max-device-width: 959px), screen and (max-width: 959px) {
  div.video-box{width:50%;height:50%;}
}

@media screen and (max-device-width: 639px), screen and (max-width: 639px) {
  div.video-box{width:100%;height:100%;}
  h3{margin-bottom:8px;}
  div.video-box p{font-size:130%;line-height:1.1;}
  div#competition p a{font-size:95%;}
  p#win{font-size:140%;}
  header#magic .header-logo{float:none;margin:0;margin:auto;width:160px;}
  header#magic .header-social{float:none;margin:0;text-align:center;margin:0;margin:auto;}
}

/************************************************************ /Media Queries ************************************************************/