@CHARSET "ISO-8859-1";

@font-face {
	font-family: "Almoni Light";
	src: url("../fonts/almoni-neue-light-aaa-4.0-web/font_files/almoni-neue-aaa-300.eot");
	src: 
	url("../fonts/almoni-neue-light-aaa-4.0-web/font_files/almoni-neue-aaa-300.woff") format("woff"),
	url("../fonts/almoni-neue-light-aaa-4.0-web/font_files/almoni-neue-aaa-300.ttf") format("ttf");
}

@font-face {
	font-family: "Almoni Tzar Light";
	src: url("../fonts/almoni-neue-tzar-light-aaa-4.0-web/font_files/almoni-neue-tzar-aaa-300.eot");
	src: 
	url("../fonts/almoni-neue-tzar-light-aaa-4.0-web/font_files/almoni-neue-tzar-aaa-300.woff") format("woff"),
	url("../fonts/almoni-neue-tzar-light-aaa-4.0-web/font_files/almoni-neue-tzar-aaa-300.ttf") format("ttf");
}

@font-face {
	font-family: "Almoni Tzar Ultra Light";
	src: url("../fonts/almoni-neue-tzar-ultralight-aaa-4.0-web/font_files/almoni-neue-tzar-aaa-200.eot");
	src: 
	url("../fonts/almoni-neue-tzar-ultralight-aaa-4.0-web/font_files/almoni-neue-tzar-aaa-200.woff") format("woff"),
	url("../fonts/almoni-neue-tzar-ultralight-aaa-4.0-webb/font_files/almoni-neue-tzar-aaa-200.ttf") format("ttf");
}

/* Reset */
html,body,p,div,table,h1,h2,h3,h4,h5,h6,ul,li{
	margin:0;
	padding:0;
	font-size:24px;
}
p{
	margin:5px 0;
	font-size:24px;
}
body{
	font-family: "Almoni Tzar Light", Tahoma;
}
ul,li{
	list-style-type:none;
	/* display:inline-block; */
	vertical-align:top;
}
a{
	text-decoration:none;
}
.relative{
	position:relative;
}
#footer,#header{
	direction:rtl;
	text-align:right;
	display:flex;
	color:#fff;
}

html[lang="he"]{
	direction:rtl;
	text-align:right;
}
.clearfix{
	clear:both;
	display:block;
	width:100%;
}
.ltr{
	direction:ltr;
	text-align:left;
}
.rtl{
	direction:rtl;
	text-align:right;
}
.flex-container{
	display:flex !important;
	flex-wrap:wrap;
}
.half{
	box-sizing:border-box;
	flex:1 0 50%;
}
.half>img{
	width:100%;
}
.fourth{
	box-sizing:border-box;
	flex:1 0 25%;
}
.padded{
	padding:25px;
}
.small-pad{
	padding:10px;
}

.black-text{
	color:#000 !important;
}
.grey-text{
	color: #97989a;
}
.gift-card-title{
    font-size: 44px;
    text-transform: uppercase;
    line-height: 1;
}
.bold{
	font-weight:bold;
}
.margin-10{
	margin:10px;
}
.no-padding{
	padding:0 !important;
}
.accordion>div{
	color:#131313;
	border-bottom: 1px solid #c8c7c7;
	padding:5px;
}
.accordion>h4{
	padding:10px 0;
	border-bottom: 1px solid #c8c7c7;
}
h5.sp-heading{
	font-size:40px;
	color:#cc2027;
}
.content h3 { color:#fff;font-weight:normal; }
.red-link{
	color:#cc2027 !important;
}
h4.sp-heading{
	font-size:40px;
	color:#cc2027;
	margin-bottom: 50px;
	position:relative;
}

.accordion .sp-heading:after{
	content: "+";
	position:absolute;
	left:5px;
	top:11px;
}
.sp-heading.open:after{
	content: " -";
}
.accordion>h4.sp-heading{
	margin-bottom:5px;
	font-size:30px
}
.surprise-background{
	background:url(../img/how-to-bg.png) no-repeat;
	background-size: contain;
	background-color:#cc2027;
	background-position:bottom;
	/* height:calc(100% - 60px - 94px); */
}
.greeting{
	width:100%;
	height:auto;
}
.interests .greeting{
	padding:25px 0 0 0;
}
.white-text{
	color:#fff !important;
}
.whitebtn{
	color:#cc2027 !important;
	background-color:#fff !important;
}
.padding-top-30{
	padding-top:30px !important;
}
.conffeti{
	position:absolute;
	background-image:url(../img/conffeti.png);
	background-size:100%;
	background-position:center;
	background-repeat:no-repeat;
	width: 335px;
	height: 265px;
	z-index:3;
}
.reset{
	padding:0 !important;
	margin:0 !important;
}
/* layout */
h3{
	font-size:46px;
}
h5{
	font-size:24px;
	padding:15px 0 0 0;
}
.page-calc h5{
	font-size:24px;
	padding:5px 0 0 0;
	height:36px;
}
.in-modal{
	height:100vh !important;
	overflow:hidden !important;	
}
.main-container{
	width:100%;
	background-color:#cc2027;
	position:relative;
	z-index:1;
	min-height:100vh;
}
.container-sm{
    width: 360px;
    margin: auto;
    position: absolute;
    /* padding: 80px 0 40px 0; */
    top: 0;
    height: 85px;
    left: 0;
    bottom: 0;
    right: 0;
}

.fullwidth{
	width:100% !important;
}
.red{
	background-color:#cc2027;
	color:#fff;
	border:2px solid #cc2027;
}
.dark-red{
	background-color:#ab1f23;
	color:#fff;
	border:2px solid #ab1f23;
}
.white{
	background-color:#fff !important;
	color:#cc2027 !important;
	border:2px solid #fff !important;
}
.button.white:hover{

}
.greybox{
	padding:50px;
	background-color:#f2f2f2;
}
/** separators **/
.left-separator{
	border-left: 1px solid #c8c7c7;
}
.right-separator{
	border-right: 1px solid #c8c7c7;
}
.top-separator{
	border-top: 1px solid #c8c7c7;
}
.bottom-separator{
	border-bottom: 1px solid #c8c7c7;
}
.center{
	text-align:center;
}
.display-block{
	display:block !important;
}
.transparent{
	background:transparent !important;
}
.scrollable{
	height: auto !important;
	overflow-y: auto !important;
}
.clear{
	display:block !important;
	clear:both !important;
	width:100% !important;
	padding:0 !important;
	margin:0 !important;
}
/* header */
#header{
	position: absolute;
	width:100% !important;
	height:74px;
	z-index:3;
	top:0;
	right:0;
	background: transparent;
	flex-wrap: wrap;
}
#header.big-header{
	position: relative;
	height:265px !important;
	background-image:url(../img/big-header.jpg);
	background-position:bottom !important;
	background-size:100% !important;
	background-repeat: no-repeat;
}
#header.big-header + #main-content{
	/* min-height:700px; */
	min-height:calc(100vh - 265px - 60px);
}
.main-container + .action-bar{
	background-color:#cc2027;	
}
#header>div:not(.row){
	/* padding:15px; */
}
.uk-sticky-placeholder { display:none; }
#header.absolute-header{
	position:absolute;
	height:90px;
	z-index:2;
}
#header.absolute-header + .surprise-background{
	height: calc(100vh - 70px) !important;
}
.row{ /* bootstrap fix */
	width:100% !important;
}

.editing.row{
	height: 26px;
    position: absolute;
    bottom: 10px;
    z-index:4;
}
.profile-pic.row{
    height: 100%;
    position:relative;
    top:-74px; 
}
#header .site-name{
	text-align:left;
	font-size:20px;
	line-height:1;
}
.site-name img{
	width:90px;
	margin-top:8px;
}
.header-title{
	display:block;
	width:100%;
	margin-top:-50px;
}
.header-title h3{
	font-size:40px;
	line-height:1.5;
}
.header-title h1{
	font-size:62px;
	line-height:1;
	font-family: Arial;
	font-weight:bold;
}
#header.big-header.logged-in.red{
	background-image:url(../img/headers/red.png) !important;
}
#header.big-header.logged-in:before{
	content: "";
    background-image: url(../img/headers/white-surprise-ribbon.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: right top;
    position: absolute;
    top: -2px;
    right: -2px;
    height: 190px;
    width: 50%;
}
#greeting-note{
	background-color: #f4f3f6;
    width: 90%;
    margin: 0 auto 25px;
    padding: 10px;
    text-align: center;
    color:#000;
    position:relative;
}
#greeting-note .edit{
	position:absolute;
	right: 10px;
	top:10px;
	color:#cc2027;
	z-index:2;
}
.font-size-22{
	font-size:28px !important;
	line-height:1;
}
.font-size-30{
	font-size:30px !important;
	line-height:1;
}
.font-size-40{
	font-size:40px !important;
	line-height:1;
}

/* menus */
#nav{
	direction:rtl;
	text-align:right;
	position:relative;
	line-height:1;
	/* z-index:3; */
}
#nav li{
	padding-right:10px;
}
#nav li:hover{
	cursor:pointer;
}
.collapse-menu{
	width:30px;
	height:30px;
	background:url(../img/collapse.png) no-repeat;
	background-size:100%;	
}
.collapse-menu:hover{
	cursor:pointer;
}

.menu{
	
}

.menu-item{
	list-style-type: none;
	display:inline-block;
	vertical-align:middle;
	position:relative;
	padding:5px;
	font-size:26px;
}
.has-sub-menu{
	overflow:hidden;
}
.sub-menu{
	transition:All .3s ease;
	min-width:150px;
	opacity:0;
	background-color:#fff;
	position:absolute;
	top:38px;
	right:0;
	z-index:-1;
	padding:10px;
}
.sub-menu.show{
	opacity:1;
	top:44px;
	z-index:3;
}
.sub-menu:before{
	content:" ";
	position:absolute;
	top:-9px; 
	right:3px;
	width:0;
	z-index:9999;
	height:0;
	border-bottom:13px solid #fff;
	border-left:13px solid transparent;
	border-right:13px solid transparent;
}
.sub-menu .menu-item, .sub-menu .menu-item a {
	color:#cc2027;
	font-size:22px;
}
.sub-menu .menu-item {
	color:#cc2027;
	display:block;
	padding:10px;
	font-size:22px;
	border-bottom:2px solid #cc2027;
}
.sub-menu .menu-item:hover, .sub-menu .menu-item:hover a {
	background-color:#cc2027;
	color:#fff;
	text-decoration:none;
}
.sub-menu.select{
	box-shadow: 0 0 10px -3px #000;	
	padding:0;
}
.sub-menu.select.show{
	z-index:9999;
}
.sub-menu.select:after{
	content: " ";
    position: absolute;
    top: -14px;
    right: 2px;
    width: 0;
    height: 0;
    z-index: 99;
    border-bottom: 14px solid #bdbdbd;
    border-left: 14px solid transparent;
    border-right: 14px solid transparent;
}
.sub-menu.select .menu-item{
	border:0;
	color:#87898b;
}
.sub-menu.select .menu-item:hover{
	background-color:#87898b;
	color:#fff;
}

/* main */
.main-bg{
	min-height:65vh;
	background:url(../img/main-bg.png) no-repeat;
    background-size: 100%;
    background-position: bottom;
    position:relative;
    z-index:1;
    color:#fff;
}
.intro{
	height:calc(40vh - 70px);
	background-color:#fff;
	color:#cc2027;
	position: relative;
}
.intro .button{
	margin-bottom:25px;
}
.logo-container{
	position:absolute;
	bottom:0;
	width:100%;
	bottom:-70px;
}
.main-logo {
    width: 660px;
    margin: 0 auto;
    height: 660px;
    /* border: 25px solid #cc2027; */
    border: 30px solid #cc2027;
    background: url(../img/gifs/boy_red.gif) no-repeat;
    background-color: #a71e22;
    position: relative;
    right: -3px;
    border-radius: 100%;
    background-size: 134%;
    background-position: 50% -28%;
    direction: ltr;
    font-size: 50px;
    line-height: 280px;
    box-sizing: border-box;
}
.main-logo.gifts-found{
	background: url(../img/gifts_found.png) no-repeat;
    width: 450px;
    height: 450px;
    background-size: 65%;
    background-position: center;
    background-color: #ab1f23;
}
.main-logo img{
	width: 70%;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
}
/** forms **/
.form{
	padding:25px 25px 25px 25px;
}
.form button{
	float:left;
}
button{
	border:0;
}
input[type="file"]{
   width: 0.1px;
	height: 0.1px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1;
}
.input{
	display:inline-block;
	vertical-align:top;
	position:relative;
}
.input label{
	flex: 1 1 25%;
	width:25%;
	box-sizing:border-box;
}
.input input{
	vertical-align:top;
}
.input [class^="icon-"]{
	font-size:45px;
	margin:0 5px;
}
.input label + .field{
	flex: 1 1 74%;
	width:74%;
	display:inline-block;
}
.input.search input{
	padding-right:40px;
}
.input.range{
	text-align:center;
	width:100%;
	margin-top:75px;
}
.input.range input{
	width:95%;
}
.slidecontainer > span { margin: 0 5px;position: relative;top: -7px; }
.input.shopping-cart{
	background-image:url(../img/shopping_cart.png);
	background-repeat:no-repeat;
	padding-top: 20px;
	background-position:center;
	height:60px;
}
.select-options .input.shopping-cart{
	background-image:url(../img/checkout_cart.png);
	background-repeat:no-repeat;
	padding-top: 28px;
	background-position:center;
	height:75px;
}
.input.shopping-cart-white{
	background-image:url(../img/shopping_cart_white.png);
	background-repeat:no-repeat;
	padding-top: 20px;
	background-position:center;
	height:60px;
    background-size: contain;
    padding-top: 0px !important;
    margin-top:20px;
}
.input.shopping-cart-white input{
	border:0 !important;
	background-color:transparent !important;
	color:#cc2027 !important;
	padding:11px !important;
	margin-left:20px;	
}
.shopping-cart-bg{
	background-image: url(../img/shopping_cart.png);
    background-repeat: no-repeat;
    background-position: left;
    background-size: contain;
    color: #fff !important;
    padding-top: 2px !important;
    padding-left: 32px !important;
}
.shopping-cart-white-bg{
	background-image:url(../img/shopping_cart_white.png);
	background-repeat:no-repeat;
	background-position:center;
	background-size:100%;
	color:#fff !important;
}
.shopping-cart-bg a{
	color:#fff !important;
}
.input.shopping-cart input{
    background-color: transparent;
    border: 0;
    width: 62px;
    color: #fff;
    margin-top: -10px;
}
.input.search:before{
	content: "";
	background-image:url(../img/search.png);
	position:absolute;
	right:12px;
	top:7px;
	width:20px;
	height:20px;
	background-size:contain;
    background-repeat: no-repeat;
}
input:not([type="file"]), textarea, .sr-select{
	transition:all .3s ease;
	background-color:#dddedf;
	padding:0 15px;
	border-radius:99px;
	border:0;
	outline:none;
	border:1px solid #dddedf;
}
.sr-select{
	color:#87898b;
	padding-left:50px;
	position:relative;
}
.sr-select:after{
	position:absolute;
	left:10px;
	top:-1px;
	content: url(../img/selector_arrow.png);
}
.sr-select:hover{
	cursor:pointer;
}
textarea{
	border-radius:20px;
}
input:focus,textarea:focus{
	border:1px solid #cc2027;
}
.field{
	padding:5px;
}
.field input:not([type="checkbox"]):not([type="radio"]){
	width:100%;
	line-height: 40px;
    height: 40px;
}
input[type="checkbox"]{
	-webkit-appearance:none;	
}
input[type="checkbox"] {
	-webkit-appearance: none;
	background-color: transparent;
	border: 1px solid #fff;
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
	padding: 6px;
	border-radius: 3px;
	display: inline-block;
	position: relative;
	top:2px;
	width:10px;
	height:10px;
}
input[type="checkbox"]:active, input[type="checkbox"]:checked:active {
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
}

input[type="checkbox"]:checked {
	background-color: transparent;
	border: 1px solid #fff;
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1);
	color: #99a1a7;
}

input[type="checkbox"]:checked:after {
	content: '\2714';
	font-size: 9px;
	position: absolute;
	top: 0px;
	left: 3px;
	color: #fff;
}

.field.textarea textarea{
	width:100%;
}
.buttons .button{
	line-height: 34px;
    height: 40px;
    padding:0 50px;
}
.input.number{
	text-align:center;
	padding-top:20px;
}
.input.number input{
	background-color:#cc2027;
	border-radius:10px;
	color:#fff;
	width:90px;
	text-align:center;
}
.input.number .fa{
	vertical-align:middle;
	margin-top:4px;
	font-size:15px;
}
.input.number input:focus{
	border:1px solid #fff;
}
.input.present:before{
    content: "";
    position: absolute;
    top: 3px;
    left: calc(50% - (67px / 2));
    width: 74px;
    height: 21px;
    background-image: url(../img/present_red.png);
    background-repeat: no-repeat;
    background-size: contain;
}
.input.number.present input{
	width:90px;
}
.button{
	transition:All .3s;
	text-align:center;
	font-size:100%;
	position:relative;
	display:inline-block;
	border-radius:99px;
	padding:0 50px;
}
.button:hover{
	cursor:pointer;
}

.button.red:hover{
	color:#fff;
	text-decoration:none;
}
.button.dark-red:hover{
	color:#fff;
	text-decoration:none;
}
.button.white:hover{
	text-decoration:none;
	color:#cc2027;
}
.button.big{
	height:40px;
	line-height:36px;
	font-size:22px;
	margin:0 15px;
	z-index: 999;
}

/** animations **/
.jumping{
	animation: Bounce 2s linear infinite;
	  position: relative;
	  left: 0;
	  top: 0;
	  line-height:1;
	  margin-top: -18px;
}

/* how to */
#how-to{
    color: #fff;
    /* height: 65px; */
    /* position: absolute; */
    background-color: #cc2027;
    overflow: hidden;
    bottom: 0;
    left: 0;
    width: 100%;
}
.bar{
	position:absolute;
	bottom:0;
	width:100%;
	height:60px;
}

/* Footer */
#footer{
	background-color:#ab1f23;
	position: fixed;
	bottom:0;
	width:100%;
	right:0;
	height:50px;
	z-index:9;
}
#footer>div{
	flex: 1 1 33%;
}
.copyright{
	padding:10px;
}
.social-links{
	text-align:center;
	left:0;
	top:0;
	font-size:22px;
	padding:22px 18px;
}
.social-links i{
	margin:0 3px;
}
.social-links i:hover{
	cursor:pointer;
}
.absolute{
	position:absolute;
}
.menu-item[data-section]{
	padding:5px 20px;
}
.nav.with-indicator .menu-item[data-section]:hover .icon{
	color:#fff;
}
.footer-nav .menu-item a{
	color:#fff;
	font-weight: 300;
}
.footer-nav{
	padding:5px;
}
.footer-nav .menu-item{
	font-size:22px;
}

/* content */
#main-content{
	position: relative;
	padding:74px 25px 30px 25px;
	display:flex;
	flex-wrap:wrap;
}
#main-content .content{
	padding:0;
	margin-right:auto;
	margin-left:auto;
	max-width:1315px;
}
.progression{
	width:200px;
}
.content{
	border-radius: 10px;
	flex:1 1 87%;
	position:relative;
	/* padding-top:74px; */
}

.select-options{
	border-bottom:1px dashed #e88b8f;
	display:flex;
	color:#cc2027;
}
.select-options .select-option{
	border-left: 1px dashed #e88b8f;
	margin:10px;
	color:#cc2027;
	flex:1 1 auto;
	text-align:center;
}
.select-options>div.select-option.visible-md.last{
	border-left:0;
}
.select-option .icon{
	color:#fff;
	text-align:center;
}

/* catalog */
#catalog{
	width:100%;
}
#catalog #main-content{
	height:calc(100vh - 60px - 7vh);
}
.selected-img{
	margin:10px;
	width:100px;
	height:100px;
	background-color:#cc2027;
	border-radius:99px;
	display:inline-block;
	flex: 0 0 100px;
}
.selected-details{
	flex: 0 0 auto;
	padding:10px;
	text-align:right;
}
.selected-details .edit a{
	color:#cc2027;
}
.products{
	width:auto;
	/* display: flex; */
	flex-wrap:wrap;
	margin:0 auto;
	text-align:center;
}
.products li{
	width:280px;
	height:310px;
	height:auto;
	flex: 0 0 20%;
	padding: 0 0 25px 25px;
}
.product{
	transition:All .3s ease;
    width: 100%;
    height: 280px;
    background-size: cover;
    background-position:center;
    position:relative;
	background-size:contain;
	background-repeat: no-repeat;
}
.bought-label{
	display: none;
    background-image: url(../img/bought.png);
    position: absolute;
    background-repeat: no-repeat;
    background-position: center 40%;
    background-size:50%;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 6;
}
.purchased-label{
	display: none;
    background-image: url(../img/purchased.png);
    position: absolute;
    background-repeat: no-repeat;
    background-position: center;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 6;
}
.purchaser{
	display:none;
    position: absolute;
    bottom: 20px;
    left: 20px;
    background-color: #cc2027;
    color: #fff;
    width: calc(100% - 40px);
    z-index: 6;
    height: 38px;
    font-size: 18px;
    line-height: 38px;
    padding-right: 45px;
    border-radius: 99px;
}
.purchaser-check{
	content:"\f00c";
	color:#cc2027;
	position:absolute;
	right:2px;
	top:2px;
	width:34px;
	height:34px;
	line-height:36px;
	text-align:center;
	background-color:#fff;
	border-radius:99px;
}
.product.bought .bought-label,
.product.purchased .purchased-label,
.product.bought .purchaser{
	display:block;
}
.product.bought .cta,
.product.purchased .cta{
	opacity:1;
	z-index:5;
}
.cta{
	transition:All .3s ease;
	position:absolute;
	background:rgba(255,255,255,0.7);
	top:0;
	right:0;
	opacity:0;
	z-index:-999;
	width:100%;
	height:100%;
}
.product:hover{
	cursor:pointer;
}
/* .product:hover .cta{
	opacity:1;
	z-index:5;
}
.product:not(.bought):not(.purchased):hover{
	background-size:150%;
} */
#gift_list:not(.admin) .product:not(.gift-card):before{
	font-family: FontAwesome;
    content: "\f00c";
    position: absolute;
    right: -15px;
    border-radius: 100%;
    top: -15px;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    color: #fff;
    background-color: #ccc;
    font-weight: 100;
    font-size: 16px;
    z-index:6;
}
#gift_list:not(.admin) .product.selected:before{
    font-family: FontAwesome;
    content: "\f00c";
    position: absolute;
    right: -15px;
    border-radius: 100%;
    top: -15px;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    color: #fff;
    background-color: #cc2027;
    font-weight: 100;
    font-size: 16px;
}
.like-btn{
	position:absolute;
	left:10px;
	top:10px;
	width:50px;
	height:50px;
	border-radius:50px;
	background-repeat:no-repeat;
	background-position:50%;
	z-index:9;
}
.like-btn.liked{
	background-color:#ab1f23;
	background-image:url(../img/liked.png);
}
.like-btn.disliked{
	background-color:#bcbec0;
	background-image:url(../img/disliked.png);
}
.like-btn.liked + .desc,
.like-btn.disliked + .desc{
	transition:All .3s ease;
	position:absolute;
	left:10px;
	top:10px;
	width:50px;
	height:50px;
	border-radius:50px;
	background-repeat:no-repeat;
	background-position:50%;
	background-color:#cc2027;
	z-index:8;
    line-height: 50px;
    padding: 0 15px;
    overflow: hidden;
    color:#fff;
    text-align:right;
}
.like-btn.disliked + .desc{
	background-color:#d9d9da;
	color:#7f8185;
}
.product .like-btn.liked:hover + .desc{
	width:150px;
	text-align:center;
    padding-left: 50px;
}
.product .like-btn.disliked:hover + .desc{
	width:150px;
	text-align:center;
    padding-left: 50px;
}
.product-title{
	text-align:center;
}
.gift-card{
	background-image:url(../img/products/gift-card.jpg);
	color:#fff;
	text-align:center;
	padding:25px;
}
.gift-card p{
	font-size:22px;
	line-height:1;
}
.gift-card-img{
	color:#fff;
	text-align:center;
	padding:50px;
}
.gift-card:before {
    content: " ";
    width: 100%;
    background: url(../img/gift-card-wrap.png) no-repeat;
    display: inline-block;
    background-size: contain;
    background-position: center;
    height: 70px;
}
.gift-card-img:before{
	background-image: url(../img/gift-card-wrap.png);
    content: "";
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    display: inline-block;
    width: 100%;
    height: 146px;
}
.gift-card h4, .gift-card-img h4{
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	padding:5px 0;
}
.gift-card-img h4{
	font-size:55px;
}
.gift-card-img p{
	font-size:44px;
}
.gift-card-total{
	display: inline-block;
    position: relative;
    padding: 5px 10px;
    color: #cc2027;
    background-color: #fff;
    border-radius: 10px;
    margin-right:10px;
}
.gift-card-total:before{
	content: "";
	position:absolute;
	right:-7px;
	top: calc(50% - 10px);
	border-left:10px solid #fff;
	border-top: 10px solid transparent;
	border-bottom:10px solid transparent;
}
.filters{
	display:flex;
	padding:0 25px;
}
.filters > div{
	flex: 1 1 auto;
}
.filters .filter{
	text-align:left;
}
.filters .selectors .menu-item{
	color:#97989a;
	text-decoration:underline;
	font-size:24px;
}
.filters .selectors .menu-item:hover{
	cursor:pointer;
}
.pricing{
	display:flex;
	text-align:center;
}
.pricing>div{
	flex:1 1 50%;
	padding:5px 10px;
	vertical-align:bottom;
	line-height:25px;
}
.sale{
	background-image:url(../img/sale.png);
	position:absolute;
	top:10px;
	right:10px;
	background-size:100%;
    width: 85px;
    height: 55px;
}
.pricing .saleprice{
	text-align:left;
	font-size:20px;
	color:#000;
}
.pricing .price{
	text-align:right;
	text-decoration: line-through;
	color:#a5a5a5;
}
.prev,.next{
	position: absolute;
	top:50%;
	z-index: 9;
}
.prev{
	right:-30px;
}
.next{
	left:-30px;
}
.prev:before, .next:before{
	content: "";
    background-size: 100%;
    height: 60px;
    width: 60px;
    display: inline-block;
}
.prev:before{
	background-image:url(../img/prev.png);
}
.next:before{
	background-image:url(../img/next.png);
}
#product .product-title{
	font-size:40px;
}
#product-gallery .product-pic{
	width: 430px;
	max-height:430px;
	background-size:cover;
	margin:0 auto;
}
#product-gallery .product-pic img{
	width:100%;
	height:100%;
}
#gift-card-admin .product-pic{
	background-size:cover;
	min-height:550px;
}
#gift-card-admin .gift-card-img h4,
#gift-card-admin .gift-card-img p:last-child{
	font-weight:bold;
}
#product-gallery .thumbs{
	width:430px;
	margin:0 auto;	
}
#product-gallery .thumbnail{
    display: inline-block;
    vertical-align: top;
    background-position: center;
    background-size: 100%;
    width: 87px;
    height: 87px;
    margin: 20px 0 0 21px;
}
.product-page-btn.flex-container.center
{
	display:flex !important;
	min-height:110px;
}
#product-gallery .thumbnail:last-child{
	margin-left:0;
}
#summary .thumbnail{
	margin: 0;
	width:100px;
	height:100px;
	background-size:contain;
}
#summary .title a{
	color:#cc2027;
}
#payment .sub-menu .menu-item{
	font-size:20px;
	padding:5px;
}
.product-like-btn{
	flex:1 1 50%;
	position:relative;
	margin:25px 0 0 0;
}
.product-like-btn .like-btn{
	width:65px;
}
.product-like-btn .like-btn,
.product-like-btn .like-btn + .desc{
	right:10px;
	height:65px;
	line-height:65px;
}
.product-like-btn .like-btn + .desc{
	width:215px;
	text-align:center;
	padding-right:65px;
}

/* simple content slider */
.simple-content-slider{
	position:relative;
	min-height:400px;
}
.simple-content-slider>div{
	display:none;
	position:absolute;
	left:0;
	right:0;
}
.simple-content-slider>div:first-child{
	display:block;
}

/* nav */
.nav{
	margin:20px auto;
}
.nav ul{
	margin:0 auto !important;
}
.nav li{
	color:#cc2027;
	position:relative;
	font-size:25px;
}
.nav li .icon{
	transition:All .3s;
	height:150px;
	width:150px;
	background-color:#ce2128;
	border-radius:99px;
    line-height: 170px;
    font-size: 70px;
}
.nav li.selected .icon{
	color:#fff;
}
.nav.with-indicator li.selected:after{
	content: "";
	border-bottom:13px solid #f2f2f2;
	border-left:13px solid transparent;
	border-right:13px solid transparent;
	position:absolute;
	left:calc(50% - 13px);
	bottom:-20px;
}

/** join us page **/
.join-us .conffeti{
	left:0;
	top:0;
}
.join-us #header, .join-us #footer{
	position:relative !important;
}
.join-us #main-content{
	top:0 !important;
}

/** posts **/
.post{
	padding:25px;
}
.image{
	width:100%;
	text-align:center;
	padding:75px;
}
.image img{
	width:100%;
}
.post img{
	width:80%;
}

/* icons */
.icon{
	line-height:143px;
	font-size:85px;
	color:#ab1f23;
}

/* wizard */
.wizard{
	position:fixed;
	min-width:313px;
	max-width:10%;
	flex: 1 1 10%;
	height: 50px;
	bottom:0;
}
.wizard.collapsed{
	right:12px;
	/* min-width:50px;
	flex: 0 0 auto;
	position:relative;
	top:0; */
}
.wizard.collapsed + .content{
	flex: 0 1 95%;
	margin:0 auto;
}
.catalog{
	overflow:auto;
	height: calc(100% - 50px - 94px - 149px);
}
.wizard + .content .catalog{
	margin-top: 10px;
	padding-right:25px;
	height: calc(100% - 50px - 64px - 149px - 40px);
}
ul.w-breadcrumbs{
	position:absolute;
	width:100%;
	top:calc(50% - 90px);
	right:0;

	/* margin-top:-10em; */
}
ul.w-breadcrumbs li{
	display:block;
	text-align:right;
	background-color:transparent;
	opacity:0.6;
	color:#fff;
	font-size:21px;
	padding:0 !important;
	margin:0 !important;
}
ul.w-breadcrumbs li.wb-separator{
	width:33px;
}
ul.w-breadcrumbs li.selected,
ul.w-breadcrumbs li.selected + li.wb-separator{
	opacity:1;
}

ul.w-breadcrumbs li.wb-separator .line{
	height:40px;
	width:1px;
	background-color:#fff;
	margin:0 auto;
}
ul.w-breadcrumbs li .step-cont{
	display: inline-block;
    vertical-align: middle;
    border-radius:99px;
    width:33px;
    height:33px;
    border:1px solid #fff;
    background-color:transparent;
}
ul.w-breadcrumbs li .steps{
	width:25px;
	height:25px;
	border-radius:99px;
	background-color:#fff;
	position:relative;
	top:3px;
	left:-3px;
	text-align:center;

	/* background-image:url(../img/sprites/nav-sprite.png); */
}
.gfx-select.step-1, .gfx-select.step-2{
	padding:10% !important;
}
.steps .small-icon{
	color:#cc2027;
	font-size: 16px;
    line-height: 20px;
    vertical-align:text-top;
}
.step-1 .small-icon{
    line-height: 30px;
    font-size: 19px;
}
.step-1 .small-icon.fa{
	vertical-align:top;
}
ul.w-breadcrumbs li:last-child .steps{
	height:25px;
}

/* gfx select */
.gfx-select{
	overflow:hidden;
}
#interests.gfx-select{
	padding:25px;
}
#interests.gfx-select .nav li .icon{
	width:100px;
	height:100px;
	line-height:2.2;
	font-size:50px;
}
.gfx-select .icon{
	background-color:#85161a !important;
}
.gfx-select .icon:hover{
	background-color:#fff !important;
	cursor:pointer;
}
.gfx-select.bottom-icons .icon{
	line-height: 213px;
    font-size: 118px;
    overflow: hidden;
}
.gfx-select.bottom-icons .nav li:hover{
	color:#fff !important;
}
.gfx-select .selected .icon{
	background-color:#fff !important;
}
.gfx-select .nav li{
	color:#85161a !important;
	vertical-align: top;
	height:160px;
}
.gfx-select .nav li label {
	color:#85161a !important;
}
.gfx-select .nav li.selected label, .gfx-select .nav li:hover label{
	color:#fff !important;
}
.gfx-select .nav li.selected .icon{
	color:#ab1f23 !important;
}
.gfx-select .nav li.selected:after{
    background-image: url(../img/underline.png);
    content: "";
    display: block;
    width: 80px;
    height: 11px;
    margin: 0 auto;
    margin-top: -3px;
}
.gfx-select .input.range{
	margin-top:100px;
	width:60%;
}

.register-form{
	width:550px !important;
	margin:0 auto;
}
.register-form .input{
	width:100%;
}

.input.address .half, .input.address .fourth{
	padding:3px;
}
.height-90-content{
	height: calc(100vh - 60px) !important;
}
.submitters{
	width:100%;
	margin-top:25px;
}

.display-viewport{
	height: 46vh;
    overflow: auto;
}
/* modal */
.modal{
	background:rgba(0,0,0,0.3);
	position:fixed;
	width:100%;
	height:100%;
	left:0;
	top:0;
	display:block;
	opacity:0;
	z-index:-9999;
}
.modal.show{
	opacity:1;
	z-index:9999;
}
.modal-box{
	transition:All .3s ease; 
	width: 450px;
    position: relative;
    margin: 0 auto;
    min-height: 100px;
    background: #cc2027;
    top: -100px;
}
.modal-box .rtl:not(.register-form) .half:not(.field){
	padding:25px !important;
	padding-top:5% !important;
}
.modal-box input:not([type="checkbox"]), .modal-box textarea{
	background-color:#fff !important;
}
.modal-box .buttons{
	margin-bottom:25px;
}
.modal-box h4{
	font-size:30px;
}
.modal-box a{
	color:#fff;
	text-decoration:underline;
}
.modal-close{
	position: absolute;
    right: 0;
    top: 0;
    padding: 5px;
    font-size: 18px;
    /* color: #fff; */
    z-index:1;
}
.modal-box.white{
	color:#000 !important;
}
.modal-box.white .modal-close{
	color:#cc2027;
}
.modal-box.wide{
	width: 50%;
}
.modal-box.wide .modal-display{
	padding:0;
}
.modal-close:hover{
	cursor:pointer;
}
.modal-display{
	padding:15px 25px;
}
.modal-display .field{
	/* margin:10px 0; */
}
.modal.show .modal-box{
	top:50%;
}

.edit a{
	color:#fff;
	font-size:18px;
}
.edit.white a{
	color:#cc2027;
}
.profile-pic.row{
	padding:30px 0;
	position:relative;
	z-index:1;
	width:180px !important;
	margin:0 auto;
}
.pic img{
	width:100%;
}
.pic{
	width:150px;
	height: auto;
	border-radius: 25%;
	margin:0 auto;
	position:relative;
	display:block;
}
.pic:hover{
	cursor:pointer;
}
/* .pic:after{
	content: "\f040";
	background-color:#fff;
	color:#cc2027;
	position:absolute;
	width:30px;
	height:30px;
	border-radius:30px;
	bottom:10px;
	right:10px;
    text-align: center;
    line-height: 30px;
} */
.separator{
	position:relative;
	margin-bottom:25px;
	margin-top:25px;
	font-size:20px;
	width:100%;
	height:40px;
}
.separator .line{
	height:1px;
	width:100%;
	background-color:#cc2027;
	top:40%;
	left:0;
	position:absolute;
}
.separator span{
	position:relative;
	z-index:2;
	font-size:30px;
	padding:0 15px;
}
.separator .edit{
	position:absolute;
	left:0;
	top:0;
	width:100px;
	height:50px;

	font-size: 16px;
	line-height:39px;
}
.float-left{
	float:left;
}
.header-colors{
	transition:All .3s;
	opacity:0;
	width: calc((30px + 5px) * 4 + 15px);
	position:absolute;
	background:#fff;
	border-radius:10px;
	padding:10px 5px 10px 10px;
	z-index:-999;
	top:-50px;
	left:90%;
	box-shadow:0 0 10px -3px #000;
	
}
.header-colors:after{
	content: "";
	border-right:13px solid #fff;
	border-top:13px solid transparent;
	border-bottom:13px solid transparent;
	position:absolute;
	top:calc(50% - 13px);
	left:-12px;
	z-index:999;
}
.header-colors:before{
	content: "";
    border-right: 15px solid #e0e0e0;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    position: absolute;
    top: calc(50% - 15px);
    left: -14px;
    z-index: 10;
}
.header-colors.show{
	opacity:1;
	left:100%;
	z-index:99;	
	
}
.header-colors li{
	width:30px;
	height:30px;
	float:left;
	margin-right:5px;
	margin-bottom:5px;	
	background-size:200%;
}
.header-colors li:hover{
	cursor:pointer;
}

/** backgrounds **/
.bg-zoom-out{
	background-size:30%;
}
.blue-dots{
	background-image:url(../img/headers/blue-dots.jpg) !important;
}
.confetti{
	background-image:url(../img/headers/confetti.jpg) !important;
}
.green-arrows{
	background-image:url(../img/headers/green-arrows.jpg) !important;
}
.green-drops{
	background-image:url(../img/headers/green-drops.jpg) !important;
}
.hearts{
	background-image:url(../img/headers/hearts.jpg) !important;
}
.red-hearts{
	background-image:url(../img/headers/red-hearts.jpg) !important;
}
.waves{
	background-image:url(../img/headers/waves.jpg) !important;
}
.wide-waves{
	background-image:url(../img/headers/wide-waves.jpg) !important;
}
.yellow-dots{
	background-image:url(../img/headers/yellow-dots.jpg) !important;
}
.yellow-drops{
	background-image:url(../img/headers/yellow-drops.jpg) !important;
}

/* counter */
#counter{
	background-color: #ab1f23;
    padding: 5px 15px;
    color: #fff;
    display: inline-block;
    margin: 0 auto;
    border-radius: 15px;
}
#counter:after{
	content: url('../img/input_info.png');
	display:inline-block;
	position: absolute;
    left: 30px;
    bottom: 0;
}
#counter table{
	font-size:15px;
	line-height:15px;
}
#counter .time{
	font-size:44px;
	line-height:44px;
	font-weight:100;
}
#counter .time td{
	padding:0 5px;
}

/* rangeInput */
.rangeInput>div{
	display:inline-block;
	vertical-align:middle;
}
.rangeInput .track{
	width:90%;
	height:10px;
	background:rgba(255,255,255,0.4);
	position:relative;
	z-index:1;
}
.range-red .track{
    background: rgba(204, 32, 39, 0.2);
}
.rangeInput .thumb{
    width: 20px;
    height: 20px;
    border: 5px solid #fff;
    background-color: #ab1f23;
    position: absolute;
    border-radius: 15px;
    top: -6px;
    z-index: 3;
}
.rangeInput.range-red .thumb{
	border: 5px solid #cc2027;
    background-color: #fff;
}
.rangeInput .thumb:hover{
	cursor:pointer;
}
.rangeInput .filler{
	height: 100%;
	position: absolute;
	top: 0;
	background-color:#fff;
	z-index:2;
}
.rangeInput.range-red .filler{
	background-color:#cc2027
}
.rangeInput .bubble{
	position: absolute;
    padding: 5px 10px;
    top: -45px;
    line-height: 20px;
    font-size: 20px;
    border-radius: 5px;
    z-index: 4;
    background-color: #fff;
    color: #cc2027;
}
.rangeInput .bubble-text{
    position: absolute;
    top: -24px;
    color: #000;
    font-size: 18px;
    font-weight: 100;
    width: 100px;
    left: calc(50% - 50px);
    text-align: center;
}
.range-red .bubble{
	background-color: #cc2027;
    color: #fff;
}
.rangeInput .bubble:after{
	position:absolute;
	content:"";
	border-top:5px solid #fff;
	border-left:5px solid transparent;
	border-right:5px solid transparent;
	bottom:-5px;
    left: calc(50% - 5px);
}
.range-red .bubble:after{
	border-top:5px solid #cc2027;
}
.rangeInput .min-value, .rangeInput .max-value{
	padding:5px;
	font-size:26px;
}
.share{
	color: #fff !important;
    font-size: 19px;
    padding: 5px 10px;
    padding-right: 31px;
    text-align: center;
    min-width: 150px;
    border-radius: 31px;
    position:relative;
    height:35px;
    line-height:26px;
    margin:10px 0;
    font-family: Open Sans, FontAwesome;
}
.share.icon-only{
	min-width:auto;
}
.share.icon-only:before{
	width:100%;
	text-align:center;
	background-color:transparent;
}
.share:hover{
	cursor:pointer;
}
.share:before{
	position:absolute;
	width:35px;
	height:35px;
	right:0;
	top:0;
	display:block;
	border-radius:100%;
    line-height: 35px;
}
.share.facebook{
	background-color: #3d5c97;
}
.share.facebook:before{
	content: "\f09a";
	background-color: #284069;	
}
.share.whatsapp{
	background-color: #48b759;
}
.share.whatsapp:before{
	content: "\f232";
	background-color: #1b9f49;
}
.share.email{
	background-color: #cc2027;
}
.share.email:before{
	content: "\f003";
	background-color: #ab1f23;
}
.share.link{
	background-color: #bcbec0;
}
.share.link:before{
	content: "\f0c1";
	transform: rotate(90deg);	
	background-color: #808285;
}
.product-page-btn button{
	width:70%;
	height: 65px !important;
    line-height: 65px !important;
}
.gift-card-purchase{
	font-size:28px;
	padding:10px;
}
.gift-card-purchase .fa{
	font-size:18px;
	margin-top:0 !important;
}
.gift-card-purchase .input{
	margin:5px;
}
.gift-card-purchase input{
	padding:0;
	width:75px !important;
	background: transparent !important;
	border: 1px solid #cc2027;
	color:#cc2027 !important;
}
#summary .item-in-cart{
	padding:25px 0;
	border-top: 1px solid #c8c9ca;
	justify-content: space-between;
	align-items: center;
}
#summary .item-in-cart .section{
	display:table-cell;
	vertical-align:middle;
}
#payment{
	width:100%;
}
#payment h4{
	color:#000;
}
#thankyou-text{
	font-size: 55px !important;
}
.greeting.center.white{
	font-size:30px;
	line-height:1;
	padding:15px 0;
}
.greeting-card{
	background-image:url(../img/greeting-card-bg.jpg);
	padding:50px;
	background-size:cover;
}
.greeting-card .form{
	background:#fff;
	padding:25px;
}
.greeting-card .form input, .greeting-card .form textarea{
	background-color:#fff;
}
.templates h4{
	text-decoration:underline;
	font-size:30px;
}
.templates .template{
	color:#000;
}

/* events */
.event{
    width: 263px;
    height: 210px;
    padding: 25px;
    /* float: right; */
    box-sizing: border-box;
    display: inline-block;
    vertical-align: top;
    background-size: cover;
    border: 0 !important;
    margin-left: 10px;
    margin-bottom:10px;
}
.event .event-thumbnail{
	width:110px;
	height:110px;
	margin:0 auto;
	border-radius:100%;
	background:#85161a;
	font-size:85px;
	text-align:center;
	color:#cc2027;
	line-height:2;
}
.event .event-thumbnail img{
	width: 100%;
	vertical-align:top;
}
.event-title{
	font-size:30px;
	color:#fff;
	line-height:30px;
	text-align:center;
}
.event-date{
	color:#fff;
	text-align:center;
	font-size:20px;
	line-height:20px;
}
.event.create-new{
	background-image:url(../img/new-event.png);
	background-repeat:no-repeat;
	background-position:center;
	background-color:#f5f5f5;
	background-size: initial;
}
.event.create-new:hover{
	cursor:pointer;
}

.input[data-tooltip]:after{
	content: url(../img/input_info.png);
	display:inline-block;
	position: absolute;
    left: 15px;
    top: 12px;
}
.input.datepicker:before{
	content: url(../img/datepicker-icon.png);
	display:inline-block;
	position: absolute;
    left: 15px;
    top: 12px;
}
.input.datepicker[data-tooltip]:before{
	left:45px;
}
.icon-arrow-down{
	display:inline-block;
	content:url(../img/sprites/arrow_down.png);
}
.bg-middle{
	/* background-position:center; */
	background-image:url(../img/inner-bg.png);
	background-repeat:no-repeat;
	background-size:cover;
}
.bg-middle + div{
	background: #c72026;
	height:72px;
}
.button.present{
	background-color:#fff;
	color:#cc2027;
	height:auto;
}
.button.present:before{
	background-image: url(../img/present_white.png);
	top:-21px;
	width: 60px;
	left: calc(50% - 30px);
}
.action-bar [class^="col"]:not(:last-child){
	border-left:1px dashed #ff8989;
}
.action-bar h4{
	font-size:28px;
}
.backlink a{
	color:#000 !important;
}
.secondary-footer{
    height: 280px;
    position:relative;
    overflow:hidden;
    background-color:#cc2027;
}
.secondary-footer>img{
	position: absolute;
    bottom: -15px;
    left: calc(50% - 750px);
    width: 1500px;
    z-index:1;
}
.footer-middle{
	width:360px;
	margin:0 auto;
	position:relative;
	z-index:2
}
.footer-middle input:not([type="checkbox"]){
	background-color:#fff !important;
}
.add-new-child a{
	text-decoration:none;
}

/** loader **/
.loader{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,.7);
	background-image: url(../img/gifs/loader.gif);
	background-position:center;
	background-repeat: no-repeat;
	background-size: 150px 150px;
	z-index:999;
}

/** Radio **/
input[type="radio"] {
	-webkit-appearance: none;
	background-color: #fff;
	border: 1px solid #cacece;
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
	padding: 9px;
	border-radius: 50px;
	display: inline-block;
	position: relative;
	top:3px;
	width:17px;
	height:17px;
}

input[type="radio"]:checked:after {
	content: ' ';
	width: 12px;
	height: 12px;
	border-radius: 50px;
	position: absolute;
	top: 3px;
	background: #cc2027;
	box-shadow: inset 0px 0px 10px rgba(0,0,0,0.3);
	text-shadow: 0px;
	left: 3px;
	font-size: 32px;
}

input[type="radio"]:checked {
	background-color: #fff;
	color: #99a1a7;
	border: 1px solid #adb8c0;
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1), inset 0px 0px 10px rgba(0,0,0,0.1);
}

input[type="radio"]:active, input[type="radio"]:checked:active {
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
}
.field.grey input, .field.grey textarea{
	background-color:#ebebeb !important;
}
.red-logo{
	text-align:center;
}
.field.file{
	display:inline-block;
	font-size:18px;
	padding:0;
	position:relative;
}
.field.file .file-upload{
    display: inline-block;
    background: #f7f7f7;
    border: 1px solid #000;
    border-radius: 3px;
    padding: 2px;
    line-height: 1;
    font-size: 18px;
    margin-left:5px;
}
.field.file .file-upload:hover{
	cursor:pointer;
}
#idus_logo img{
	width:100%;
}
.visible-md{
	display: block !important;
}
.visible-sm{
	display: none !important;
}





/** Story **/
#story{
	position:relative;
	width:100%;
	/* height:calc(100vh - 50px); */
	height:calc(100vh - 0px);
	overflow:hidden;
}
.story-fixed{
	position:fixed;
	bottom:0;
	left:0;
	width:100%;
}
.story-overview{
	width:100%;
	height:calc((100% - 50px - 103px) * 5);
}
.story #header{
	padding:20px;
	position:fixed;
}
.story h5.how-it-works{
    font-size: 36px;
}
.story h5.how-it-works:after, .page-story h5.how-it-works:after{
    content: " ";
    background-repeat: no-repeat;
    background-image: url(../img/story/how_bottom.png);
    background-position: center;
    display: block;
    margin: 0 auto;
    width: 132px;
    height: 11px;
}
.slide{
	width:100%;
	position:relative;
	height:100%;
	left:0;
	top:0;
	transition: All .3s;
}
/* .slide#slide-2 { top:-40px; } */
.cloud{
	position:absolute;
	background-image:url(../img/story/cloud.png);
	background-repeat:no-repeat;
	background-size:contain;
	text-align:center;
	font-size:55px;
	animation-direction:alternate;
}
.cloud.large{
	animation-name: CloudAppearsLarge;
    animation-duration: 1s;
	color:#a71e22;
	margin:0 auto;
	width: 364px;
	height:190px;
	line-height:190px;
	left:calc(50% - (364px / 2));
	top:17vh;
}
.cloud.small{
	color:#010101;
	width: calc(364px / 2);
	height: calc(190px / 2);
	line-height: calc(190px / 2);
	top:42vh;
}
.cloud.small.left{
	animation-name: CloudAppearsSmallLeft;
    animation-duration: 2s;
	left: calc(50% - (364px / 2) - 130px);
    top: 45vh;
}
.cloud.small.right{
	right:calc(50% - (364px / 2) - 150px);
	animation-name: CloudAppearsSmallRight;
    animation-duration: 1s;
}
.boy{
	background-image:url(../img/story/boy.png);
	background-size:contain !important;
	background-repeat:no-repeat;
	background-position: center;
	width:126px;
	height:250px;
	display:inline-block;
	position:absolute;
	bottom: -34px;
	left: calc(50% - 126px);
}
.boy.centered{
	left: calc(50% - (126px / 2));
}
.boy.animated{
	background-image:url(../img/story/boy.gif);
	width: 254px;
    left: calc(50% - (254px / 2));
}
.girl{
	background-image:url(../img/story/girl.png);
	background-size:contain !important;
	background-repeat:no-repeat;
	width:160px;
	height:250px;
	display:inline-block;
	position:absolute;
	bottom: -34px;
	right: calc(50% - 160px);
}
.girl.centered{
	right: calc(50% - (160px /2));
}
.story-toys, .story-presents1, .story-presents2{
	background-repeat:no-repeat;
	background-size:contain;
	position:absolute;
	bottom:30px;
}
.story-toys{
	background-image: url(../img/story/story-toys.png);
    width: 773px;
    height: 112px;
    left: calc(50% - (773px / 2));
    bottom: -8px;
}
.story-presents1{
	background-image: url(../img/story/story-presents1.png);
    width: 650px;
    height: 232px;
    left: calc(50% - (650px / 2));
    bottom: -23px;
}
.story-presents2{
    background-image: url(../img/story/story-presents2.png);
    width: 900px;
    height: 332px;
    left: calc(50% - (900px / 2));
    bottom: -35px;
}
/* .story-flags{
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    background-image: url(../img/headers/white-surprise-ribbon.png);
    background-image:url(../img/story/flag.gif);
    width: 40%;
    height: 984px;
    right: 0;
    top: 0;
} */
.story-flags {
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    /* background-image: url(../img/story/flag.gif); */
    background-image: url(../img/story/flag-0.png);
    max-width: 974px;
    width:49%;
    height: 984px;
    right: -64px;
    top: -350px;
}
#slide-5{
	/* height: calc(100% - 125px); */
}
.story-begin .white.bar.step-5{
	height:150px;	
}
.story-confetti{
	animation-name:Confetti;
	animation-duration:5s;
	background-repeat:no-repeat;
	background-size: cover;
	position:absolute;
	background-image:url(../img/story/story-confetti.png);
	background-size: 90% auto;
	background-position: center;
	width: 100%;
    height: 566px;
    left:0;
    top:0vh;
}
.star-lg{
	/* animation-name: StarFall; */
	/* animation-duration:1s; */
	background-repeat:no-repeat;
	background-size:contain;
	position:absolute;
	background-image:url(../img/story/star.png);
	width: 210px;
    height: 403px;
    left:50%;
    top:0;
}
.star-md{
	/* animation-name: StarFall; */
	/* animation-duration:3s; */
	/* animation-delay: 2s; */
	/* animation: bounce-md3 9s; */
    /* -webkit-animation: bounce-md3 9s; */
	/* animation-delay: 0s; */
	background-repeat:no-repeat;
	background-size:contain;
	position:absolute;
	background-image:url(../img/story/star-md.png);
	width: 175px;
    height: 469px;
    right:17%;
    top:0;
}
.star-md2{
	/* animation-name: StarFall; */
	/* animation-duration:3s; */
	/* animation: bounce-md3 9s; */
    /* -webkit-animation: bounce-md3 9s; */
	/* animation-delay: 2s; */
	/* animation-fill-mode: forwards; */
     background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    background-image: url(../img/story/star-md2.png);
    width: 175px;
    height: 587px;
    left: 37%;
    top: -3vh;
	/* opacity:0; */
}
.star-md3{
	/* animation-name: StarFall; */
	/* animation-duration:3s; */
	/* animation: bounce-md3 9s; */
    /* -webkit-animation: bounce-md3 9s; */
	/* animation-delay: 1s; */
	/* animation-fill-mode: forwards; */
	background-repeat:no-repeat;
	background-size:contain;
	position:absolute;
	background-image:url(../img/story/star-md3.png);
	width: 175px;
    height: 469px;
    left:17%;
    top:0;
	/* opacity:0; */
}
/* .star-md3::before { */
    /* content: ""; */
    /* height: calc(100% - 491px); */
    /* width: 1px; */
    /* color: #fff; */
    /* display: inline-block; */
    /* border-left: 1px solid #fff; */
    /* position: absolute; */
    /* left: 50%; */
/* } */

.star-sm{
	/* animation-name: StarFall; */
	/* animation-duration:6s; */
	background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    background-image: url(../img/story/star-sm.png);
    width: 100px;
    height: 604px;
    right: 32%;
    top: 0;
}
.star-xs{
	/* animation-name: StarFall; */
	/* animation-duration:6s; */
	background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    background-image: url(../img/story/star-xs.png);
    width: 58px;
    height: 243px;
    left: 28%;
    top: 0;
}

.from-down {
	animation-name: from-down;
	animation-duration:3s; 
}
.fade-in {
	animation-name: fade-in;
	animation-duration:3s; 
}

.big-bubble{
	animation-name: BubbleAppear;
    animation-duration: .5s;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    background-image: url(../img/story/bigBubble.png);
    width: 280px;
    height: 280px;
    left: 58%;
    top: -255px;
}
.small-bubble1{
	animation-name: BubbleAppear;
    animation-duration: .7s;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    background-image: url(../img/story/smallBubble1.png);
    width: 135px;
    height: 131px;
    left: 6%;
    top: -322px;
}
.small-bubble2{
	animation-name: BubbleAppear;
    animation-duration: .9s;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    background-image: url(../img/story/smallBubble2.png);
    width: 133px;
    height: 129px;
    left: 18%;
    top: -206px;
}
.small-bubble3{
	animation-name: BubbleAppear;
    animation-duration: 1.1s;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    background-image: url(../img/story/smallBubble3.png);
    width: 136px;
    height: 127px;
    left: -1%;
    top: -140px;
}

.cloud-share{
	position: absolute;
    background-image: url(../img/story/cloud_share.png);
    background-repeat: no-repeat;
    background-size: contain;
    animation-name: CloudAppearsLarge;
    animation-duration: 1s;
    color: #a71e22;
    margin: 0 auto;
    width: 320px;
    height: 190px;
    line-height: 190px;
    left: calc(50% - (320px / 2));
    top: 17vh;
}
@media only screen and (min-width: 800px) and (max-width: 1600px) {
	.cloud-share{
		/* animation-name: CloudAppearsLarge-2; */
	}
}
.story-icon1{
	    animation-name: BubbleAppear;
    animation-duration: .5s;
    position: absolute;
    background-image: url(../img/story/icon1.png);
    background-repeat: no-repeat;
    background-size: contain;
    margin: 0 auto;
    width: 60px;
    height: 78px;
    right: -83px;
    top: 20px;
}
.story-icon2{
	    animation-name: BubbleAppear;
    animation-duration: .7s;
    position: absolute;
    background-image: url(../img/story/icon2.png);
    background-repeat: no-repeat;
    background-size: contain;
    margin: 0 auto;
    width: 110px;
    height: 144px;
    left: -145px;
    top: -108px;
}
.story-icon3{
	animation-name: BubbleAppear;
    animation-duration: .9s;
    position: absolute;
    background-image: url(../img/story/icon3.png);
    background-repeat: no-repeat;
    background-size: contain;
    margin: 0 auto;
    width: 60px;
    height: 78px;
    left: -11px;
    top: -105px;
}
.story-icon4{
	    animation-name: BubbleAppear;
    animation-duration: 1.1s;
    position: absolute;
    background-image: url(../img/story/icon4.png);
    background-repeat: no-repeat;
    background-size: contain;
    margin: 0 auto;
    width: 94px;
    height: 120px;
    right: -136px;
    top: -102px;
}
.story-icon5{
	    animation-name: BubbleAppear;
    animation-duration: 1.3s;
    position: absolute;
    background-image: url(../img/story/icon5.png);
    background-repeat: no-repeat;
    background-size: contain;
    margin: 0 auto;
    width: 65px;
    height: 78px;
    left: -131px;
    top: 20px;
}
.story-icon6{
	animation-name: BubbleAppear;
    animation-duration: 1.5s;
    position: absolute;
    background-image: url(../img/story/icon6.png);
    background-repeat: no-repeat;
    background-size: contain;
    margin: 0 auto;
    width: 82px;
    height: 110px;
    right: -30px;
    top: -150px;
}

/* @media only screen and (min-width: 700px) and (min-width: 1600px) { */
  /* .story-icon6 { top: -250px !important; } */
/* } */

.story-button.present{
	background-color:#cc2027;
	color:#fff;
	font-size:27px;
	padding:10px 55px;
	border-radius:99px;
}
.story-button.present:hover{
	cursor:pointer;
}
.story-button.present:before{
	background-image: url(../img/story/story-present-bow.png);
	top:-26px;
	/* width: 123px; */
	height: 26px;
	left: calc(50% - 38px);
}
.end-of-story{
	padding-top: 48px;
}
.how-it-works:hover{
	cursor:pointer;
}
.story-begin{
    height:100vh !important;
}
.story-begin #story{
	background-image:url(../img/story/story-bg.png);
	background-size: 100% !important;
    /* background-attachment: fixed; */
    background-position: bottom;
    background-repeat: no-repeat;
}

.fa-pencil{
	font-size:18px;
}
.modal-box.thankyou{
	background-image:url('../img/modal-confetti.png');
	background-position: center 95%;
	background-repeat:no-repeat;
	background-size:90%;
}

#idus_logo{
   padding: 22px 15px;
    position: absolute;
}

#idus_logo img { height:23px; }

label[for="agreement"]{
	font-size:16px;
}
.startButton{
	height:7vh;
	padding:10px 0;
}
.story #header>div:not(.row){
	padding:0;
}

#active-events, #finished-events{
	display:table;
	text-align:center;
	margin:0 auto;
}

/** navs on select options **/
.select-options{
	position:relative;
}
.select-options .nav-left{
    position: absolute;
    height: 28px;
    left: 7px;
    top: calc(50% - 14px);
	animation: BounceLeft 2s linear infinite; 

}
.select-options .nav-left:before{
    content: " ";
    width: 10px;
    height: 10px;
    display: inline-block;
    border-left: 3px solid #cecece;
    border-bottom: 3px solid #cacaca;
    border-right: 0;
    border-top: 0;
    transform: rotate(45deg);
}

.select-options .nav-right{
    position: absolute;
    height: 28px;
    right: 7px;
    top: calc(50% - 14px);
	animation: BounceRight 2s linear infinite; 

}
.select-options .nav-right:before{
    content: " ";
    width: 10px;
    height: 10px;
    display: inline-block;
    border-left: 3px solid #cecece;
    border-bottom: 3px solid #cacaca;
    border-right: 0;
    border-top: 0;
    transform: rotate(-135deg);
}
.home h3{
	font-size:60px;
	/* line-height:60px; */
}
.surprise-background p{
	font-size:26px;
}
.interests #main-content{
	min-height:calc(100vh - 50px);
	background-attachment: fixed;
}

.wizard li small { position:absolute;right:35px; }
.section-header > .row { max-width:95vw;margin: 0 auto; }
#how-to .notfound { padding:15px; }

@media only screen and (min-width: 800px) and (max-width: 1600px) {
	.intro h3 { font-size: 28px; }
	.main-logo { width:440px;height:440px; }
	.nav { margin: 0px auto; }
	.menu-item[data-section] { padding: 5px 6px; }
	/* #interests.gfx-select { padding: 0 25px; } */
	/* #interests.gfx-select .nav li { transform: scale(0.8);height:125px; } */
}

@media screen and (max-width:600px){
	/* .intro { height:auto; } */
	.jumping { margin-top:-9px; }
	#fp-nav { display:none !important; }
}