@charset "utf-8";
/* CSS Document */
h1, h2, h3, h4 {
    font-family: 'Oswald', sans-serif;
    font-size:45px;
    font-weight: bold;
}
h1 span {
 font-size: 66px;
    color: #d10909;
    line-height: 62px;
    font-weight: bold;
    display: inline-block;
    margin-top: 10px;
    margin-bottom: 20px;
}
.top-cnt {
    background-color: #17498b;
    padding: 20px;
    background-image: url(../images/ttd_header_bg.jpg);
    background-position: center;
}
.topheading {
    font-weight: 600;
    font-size: 16px;
    padding-bottom:6px;
    display:inline-table;
}
.topheader {
    width: 100%;
    background-position: center;
    background-repeat: no-repeat;
    /*padding:30px 0 20px 0;*/
    color: #ffffff;
    position: relative;
    background-color:#000;
	
}
.generic-logo {
    max-width: 100%;
    height: auto;
}
.logo {
margin:0 auto;
}
.section {
width:100%;
padding-top:40px;
padding-bottom:40px;
}
.section-headings {
font-size:44px;
text-transform:uppercase;
}

.sectionblue {
width:100%;
display:table;
background-color:#0e4c93;
color:#ffffff;
padding:50px 0;
}

.section-red {
background-color:#d62727;
width:100%;
display:table;
padding:50px 0;
position:relative;
}

.showbox {
position:relative;
margin-bottom:30px;
}
.showtext  {
position:absolute;  bottom:0px; padding:10px; background-color:#000; text-align:left; color:#FFF; width:100%;  font-size:16px; text-align:center;
}
.showtext a {
color:#ffffff;
text-decoration:none;
}
.showbadge {
position: absolute;
    top: 8px;
    right:8px;
    background-color: #05b0e8;
    color: #FFF;
    font-size: 20px;
    text-transform: uppercase;
    padding: 5px 0px 5px 8px;
    font-family: 'Oswald', sans-serif;
    border:2px solid #FFF;
}
.black-badge {
    padding: 4px 8px;
    background-color:#000;
    color:#fff;
}
.pad48 {
    padding: 4px 8px;
}
.badge-hover {
    padding: 4px 8px;
}
.right {
right:16px;
}

.gift-container {
background-image:url(../images/giftbg01.jpg);
background-position:center top;
background-repeat:repeat-x;
width:100%;
display:table;
padding-top:40px;
position:relative;
padding-bottom:0px;
}
.gift-container02 {
background-image:url(../images/giftb2.jpg);
background-position:center top;
background-repeat:repeat-x;
width:100%;
display:table;
 padding: 20px 0 75px 0;
position:relative;
}
.giftbtn {
margin:0 auto;
padding-top:64px;
}
.giftbtn02 {
margin:0 auto;
padding-top:55px;
}
.price {
    BACKGROUND-COLOR:#fe0098;
    COLOR: #FFF;
    padding: 4px 8px;
    margin-right: -1px;
    margin-left: 2px;
    border: 2px solid #fff;
}

/*promo box*/

.promo-cnt {
    text-align: center;
    background-color: #f5f5f5;
    padding: 40px 0;
    color: #000;
    width: 100%;
    display: table;
        border-bottom: 2px solid #e5e5e5;
        border-top: 2px solid #e5e5e5;
  /*background-image:url(../images/codebg.jpg);
  background-repeat:repeat-x;*/
	
}

    .promo-cnt .heading {
        font-size: 26px;
        font-weight: 600;
    }

    .promo-cnt .code {
        font-size: 56px;
        font-weight: 900;
        line-height: 80px;
		text-transform:uppercase;
		font-family: 'Oswald', sans-serif;
    }

        .promo-cnt .code span {
            color: #e10505;
        }

    .promo-cnt .info {
        font-size: 16px;
  
    }

    .promo-cnt .how-to a, .promo .how-to a:visited {
        font-size: 16px !important;
        font-weight: 600;
        color: #f26600;
    }
	
    .mt15 {
        margin-top:15px;
    }

/*bootstrap overwrite*/
.navbar {
    margin-bottom: 0px;
	font-family: 'Oswald', sans-serif;
	text-transform:uppercase;
	margin:0 auto;
}

.navbar {
    border-radius: 0px;
}

.navbar-nav > li {
    float: left;
    border-right:1px solid #b4021c;
    padding: 1px 3px 0 3px;
}

.navbar-inverse {
    background-color:#d71515;
    border:none;
}

    .navbar-inverse .navbar-nav > li > a {
        color: #fff;
        font-size: 16px;
    }

        .navbar-inverse .navbar-nav > li > a:hover {
            color:#ddd;
        }

.navbar-brand {
    height: auto !important;
}

.navbar {
    min-height: inherit;
}

.navbar-nav > li > a {
    padding-top: 10px;
    padding-bottom: 10px;
}

.navbar-toggle {
    background-color: #17498b;
    border: 1px solid #006;
}

.navbar-nav > li:last-child {
    border-right: none;
}
.popup-heading {
    background-color: #f1f1f1;
    text-align: left;
    font-size: 16px;
    font-weight: bold;
	color:#2d2c2c;
}
.navbar-toggle {
    position: absolute;
    float: right;
    padding: 9px 10px;
    margin-top: 9px;
    margin-right: 5px;
    margin-bottom: 8px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    right: 0;
    z-index: 20;
    top: -2px;
}
.footer {
    background-color:#151616;
    padding: 55px 0 55px 0;
    display: table;
    width: 100%;
	font-size:14px;
    color:#fff;
}


#snow{
	background: none;
	font-family: Androgyne;
	background-image: url('http://www.wearewebstars.dk/codepen/img/s1.png'), url('http://www.wearewebstars.dk/codepen/img//s2.png'), url('http://www.wearewebstars.dk/codepen/img//s3.png');
	height:455px;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index:1;
	-webkit-animation: snow 10s linear infinite;
	-moz-animation: snow 10s linear infinite;
	-ms-animation: snow 10s linear infinite;
	animation: snow 10s linear infinite;
}
.snow {
    height:300px !important;
}
@keyframes snow {
  0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
  50% {background-position: 500px 500px, 100px 200px, -100px 150px;}
  100% {background-position: 500px 1000px, 200px 400px, -100px 300px;}
}
@-moz-keyframes snow {
  0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
  50% {background-position: 500px 500px, 100px 200px, -100px 150px;}
  100% {background-position: 400px 1000px, 200px 400px, 100px 300px;}
}
@-webkit-keyframes snow {
  0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
  50% {background-position: 500px 500px, 100px 200px, -100px 150px;}
  100% {background-position: 500px 1000px, 200px 400px, -100px 300px;}
}
@-ms-keyframes snow {
  0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
  50% {background-position: 500px 500px, 100px 200px, -100px 150px;}
  100% {background-position: 500px 1000px, 200px 400px, -100px 300px;}
}

@media (max-width:767px) {
.navbar-nav > li {
    float: left;
    border-right: 0px;
    padding: 0px;
    width: 100%;
    border-bottom: 1px solid #353434;
}
.promo-cnt .heading {
    font-size: 14px;
}
.promo-cnt .code {
font-size:30px;
}
.promo-cnt .info {
	font-size:12px;
}
h1, h2, h3, h4 {
    font-size: 22px;
}
h1 span {
font-size: 26px;
    line-height: 38px;
}
.section-headings {
font-size:30px;
}
.gift-container {
    background-color:#1c3e57;
    padding-top: 20px;
    padding-bottom: 8px;
	background-image:url(../images/mbbg.jpg);
}
    .gift-container02 {
        padding:75px 0 36px 0;
    }


.giftbtn {
padding-top:48px;
}
.right {
right:8px;
}
.pad0 {
padding:0px;
}
}


@media (min-width: 768px) {
.modal-dialog {
    width: 735px;
    margin: 30px auto;
}
}


.box {
    cursor: pointer;
    height: 214px;
    position: relative;
    overflow: hidden;
    margin-bottom: 22px;
}

.box img {
  position: absolute;
  left: 0;
  -webkit-transition: all 300ms ease-out;
  -moz-transition: all 300ms ease-out;
  -o-transition: all 300ms ease-out;
  -ms-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
}
.box .overbox {
  background-image:url(../images/showbg.png);
  position: absolute;
  top: 0;
  left: 0;
  color: #fff;
  z-index: 100;
  -webkit-transition: all 300ms ease-out;
  -moz-transition: all 300ms ease-out;
  -o-transition: all 300ms ease-out;
  -ms-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
  opacity: 0;
  width:100%;
  padding:46px 20px;
}

.box:hover .overbox { opacity: 1; }

.box .overtext {
  -webkit-transition: all 300ms ease-out;
  -moz-transition: all 300ms ease-out;
  -o-transition: all 300ms ease-out;
  -ms-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
  transform: translateY(40px);
  -webkit-transform: translateY(40px);
}

.box .title {
  font-size: 1.3em;
  opacity: 0;
  transition-delay: 0.1s;
  transition-duration: 0.2s;
      padding: 8px 4px 2px 4px;
}

.box:hover .title,
.box:focus .title {
  opacity: 1;
  transform: translateY(0px);
  -webkit-transform: translateY(0px);
}

.box .tagline {
  font-size: 0.8em;
  opacity: 0;
  transition-delay: 0.2s;
  transition-duration: 0.2s;
}
.tagline a {
color:#ffffff !important;
}

.box:hover .tagline,
.box:focus .tagline {
  opacity: 1;
  transform: translateX(0px);
  -webkit-transform: translateX(0px);
}
.box-badge {

background-color:#05b0e8; color:#fff; font-size:18px; text-transform:uppercase; /*padding:4px 8px;*/  border:2px solid #fff;   font-family: 'Oswald', sans-serif;
display:inline-flex;
padding-left:8px;
}
.box-price {
    padding:0 8px;
    margin-left:8px;
}

.snowflake {
  color: #fff;
  font-size: 1em;
  font-family: Arial;
  text-shadow: 0 0 1px #000;
}

@-webkit-keyframes snowflakes-fall{0%{top:-10%}100%{top:100%}}@-webkit-keyframes snowflakes-shake{0%{-webkit-transform:translateX(0px);transform:translateX(0px)}50%{-webkit-transform:translateX(80px);transform:translateX(80px)}100%{-webkit-transform:translateX(0px);transform:translateX(0px)}}@keyframes snowflakes-fall{0%{top:-10%}100%{top:100%}}@keyframes snowflakes-shake{0%{transform:translateX(0px)}50%{transform:translateX(80px)}100%{transform:translateX(0px)}}.snowflake{position:fixed;top:-10%;z-index:9999;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default;-webkit-animation-name:snowflakes-fall,snowflakes-shake;-webkit-animation-duration:10s,3s;-webkit-animation-timing-function:linear,ease-in-out;-webkit-animation-iteration-count:infinite,infinite;-webkit-animation-play-state:running,running;animation-name:snowflakes-fall,snowflakes-shake;animation-duration:10s,3s;animation-timing-function:linear,ease-in-out;animation-iteration-count:infinite,infinite;animation-play-state:running,running}.snowflake:nth-of-type(0){left:1%;-webkit-animation-delay:0s,0s;animation-delay:0s,0s}.snowflake:nth-of-type(1){left:10%;-webkit-animation-delay:1s,1s;animation-delay:1s,1s}.snowflake:nth-of-type(2){left:20%;-webkit-animation-delay:6s,.5s;animation-delay:6s,.5s}.snowflake:nth-of-type(3){left:30%;-webkit-animation-delay:4s,2s;animation-delay:4s,2s}.snowflake:nth-of-type(4){left:40%;-webkit-animation-delay:2s,2s;animation-delay:2s,2s}.snowflake:nth-of-type(5){left:50%;-webkit-animation-delay:8s,3s;animation-delay:8s,3s}.snowflake:nth-of-type(6){left:60%;-webkit-animation-delay:6s,2s;animation-delay:6s,2s}.snowflake:nth-of-type(7){left:70%;-webkit-animation-delay:2.5s,1s;animation-delay:2.5s,1s}.snowflake:nth-of-type(8){left:80%;-webkit-animation-delay:1s,0s;animation-delay:1s,0s}.snowflake:nth-of-type(9){left:90%;-webkit-animation-delay:3s,1.5s;animation-delay:3s,1.5s}
/* Demo Purpose Only*/
.demo {
  font-family: 'Raleway', sans-serif;
	color:#fff;
    display: block;
    margin: 0 auto;
    padding: 15px 0;
    text-align: center;
}
.demo a{
  font-family: 'Raleway', sans-serif;
color: #000;		
}