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

.sectionblue {
width:100%;
display:table;
background-color:#0b366d;
color:#ffffff;
padding-top:30px;
padding-bottom:20px;
}

.sectiongreen {
width:100%;
display:table;
background-color:#097e68;
margin-top:15px;
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;
max-width: 350px;
margin:0 auto;
}
.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:14px;
    right: 8px;
    background-color: #FC0;
    color: #000000;
    text-transform: uppercase;
    padding: 4px 10px;
    font-family: 'Oswald', sans-serif;
    font-weight:bold;
    font-size:16px;
}
    .showbadge span {
    font-size:20px;
    font-weight:normal;
    }
.right {
right:16px;
}

/*promo box*/

.promo-cnt {
    text-align: center;
    background-color: #06131e;
    padding: 40px 0;
    color: #fff;
    width: 100%;
    display: table;
  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: #f4c317;
        }

    .promo-cnt .info {
        font-size: 16px;
        font-weight: 100;
        color: #ddd;        
    }

    .promo-cnt .how-to a, .promo .how-to a:visited {
        font-size: 16px !important;
        font-weight: 600;
        color: #f29400;
    }



.gift-container {
background-image:url(../images/giftb.jpg);
background-position:center top;
background-repeat:repeat-x;
width:100%;
display:table;
padding-top:40px;
position:relative;
}
.giftbtn {
margin:0 auto;
padding-top:30px;
padding-bottom:18px;

}
.responsive {
    max-width: 100%;
    height: auto;
}
.giftmain {
    width: 60%;
    margin: 0 auto;
    padding-top: 25px;
    padding-bottom: 50px;
}
.round {
    background:
        radial-gradient(circle at 0 100%, rgba(204,0,0,0) 14px, #ffffff 15px),
        radial-gradient(circle at 100% 100%, rgba(204,0,0,0) 14px, #ffffff 15px),
        radial-gradient(circle at 100% 0, rgba(204,0,0,0) 14px, #ffffff 15px),
        radial-gradient(circle at 0 0, rgba(204,0,0,0) 14px, #ffffff 15px);

    background-position: bottom left, bottom right, top right, top left;
    background-size:60%;
    background-repeat: no-repeat;

    padding: 14px;

}
.round2 {
    background:
        radial-gradient(circle at 0 100%, rgba(204,0,0,0) 14px, #80112a 15px),
        radial-gradient(circle at 100% 100%, rgba(204,0,0,0) 14px, #80112a 15px),
        radial-gradient(circle at 100% 0, rgba(204,0,0,0) 14px, #80112a 15px),
        radial-gradient(circle at 0 0, rgba(204,0,0,0) 14px, #80112a 15px);

    background-position: bottom left, bottom right, top right, top left;
    background-size:60%;
    background-repeat: no-repeat;
	width:100%;

    padding: 14px;

}
.voucher-heading {
color:#feefc3;
font-size:35px;
font-weight:700;
line-height:40px;
}
.vouchertxt {
color:#ffffff;
font-size:16px;
padding-top:15px;
font-weight:bold;
}
.voucherprice {
font-weight:800;
color:#FFFFFF;
font-size:60px;
line-height:50px;
margin-top:10px;
}
.voucherprice span {
font-size:30px;
}
.voucherbtn {
width:100%;
margin-top:30px;
padding-bottom:70px;
}

.hearttop {
width:100%;
display:table;
background-image:url(../images/hearttop.jpg);
height:33px;
}
.redbg {
    background-color: #031833;
    background-image:url(../images/pinktop.jpg);
    background-position: top;
    padding-bottom: 60px;
	padding-top:60PX;
	border-bottom:16px solid #59a8e4;
}



/*bootstrap overwrite*/
.navbar-nav {
    float:none;
    margin: 0 auto;
    max-width: 950px;
}
.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 #3d3d3e;
    padding: 1px 3px 0 3px;
}

.navbar-inverse {
    background-color: #010000;

}


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

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

.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: #f7f7f7;
    padding: 25px 0 25px 0;
    display: table;
    width: 100%;
	font-size:12px;
	text-align:center;
}



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

.box2 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;
}
.box2 .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;
  max-width: 350px;
  width:100%;
  padding: 38px 20px;
}

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

.box2 .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);
}

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

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

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

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




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

.box3 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;
}

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

.box3 .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);
}

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

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

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

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

.box3 .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;
    /* max-width: 329px; */
    width: 100%;
    padding: 13px 20px;
}
.box3 .box-badge {
    background-color: #FC0;
    color: #000000;
    font-size: 16px;
    text-transform: uppercase;
    padding: 4px 8px;
    font-family: 'Oswald', sans-serif;
    display: inline-flex;
}
.box3 .showbadge {
 position: absolute;
    top:8px;
    right: 6px;
    background-color: #FC0;
    color: #000000;
    font-size:13px;
    text-transform: uppercase;
    padding: 4px 10px;
    font-family: 'Oswald', sans-serif;
    font-weight:bold;
}

.box-badge {

background-color:#FC0; color:#000000; font-size:18px; text-transform:uppercase; padding:4px 8px;     font-family: 'Oswald', sans-serif;
display:inline-flex;

}

.mt15 {
    margin-top:15px;
}

@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: 34px;
}
h1 span {
font-size: 26px;
    line-height: 38px;
}
h1 {
padding-bottom:20px;
padding-top:20px;
}
.section-headings {
font-size:30px;
padding-left:30px;
padding-right:30px;
}
.gift-container {
    background-color: #afdded;
    padding-top: 20px;
    padding-bottom: 8px;
	background-image:none;
}
.gift-heading {
font-size: 24px;
}
.giftbtn {
padding-top:0px;
}
.right {
right:8px;
}
.pad0 {
padding:0px;
}
.giftmain {
width:100%;
}
}

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


.box {
    cursor: pointer;
    height: 424px;
    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;
  max-width: 350px;
  width:100%;
  padding: 96px 20px;
   box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	border: 8px solid #e7e7e7;
}

.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:#FC0; color:#000000; font-size:18px; text-transform:uppercase; padding:4px 8px;     font-family: 'Oswald', sans-serif;
display:inline-flex;

}
.sectionplays {
background-color:#fdf4c4; width:100%; text-align:center; padding-top:30px; padding-bottom:30px;
}
.sectionblack {
width:100%;
display:table;
background-color:#000;
color:#ffffff;
padding-top:30px;
padding-bottom:20px;
margin-bottom:25px;
}
.sectionblack h2 {
color:#fc0;
}
.sectionblack h2 span {
color:#fff;
font-weight:300;
}

.topbox {
padding-top:148px !important;
    padding-bottom:128px !important;
}
.section-gray {
background-color:#f1f1f1;
padding-top:30px;
padding-bottom:30px;
}