@charset "utf-8";
/* CSS Document */

/* Table of Contents
-----------------------------------------------------------------------------
	1. Clean Base
	2. Base Typography
	3. Images
	4. Links
	5. Forms
	6. Tables
	7. Framework 
*/

/* 1. Clean Base
------------------------------------------------------------------------------*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, 
legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, a, nav, section, summary, time, mark, audio, video 
{margin:0 auto; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; text-decoration:none; list-style:none; outline:none; -webkit-font-smoothing: subpixel-antialiased; -webkit-tap-highlight-color:rgba(0,0,0,0);}
	
html,body { -webkit-text-size-adjust:none; -webkit-font-smoothing: antialiased;}
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {display: block;}
img{border:none;}

input[type="text"], input[type="submit"], input[type="button"], input[type="password"], input[type="email"], input[type="tel"], input[type="search"], textarea {-webkit-appearance: none; outline: none;}
textarea:focus, input:focus, a, div, img { outline: none; }
 
.cf:before, .cf:after { content: ""; display: table; }
.cf:after { clear: both; }
.cf { zoom: 1; }
.clear { clear: both; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block;}
*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0;}


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

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

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

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

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

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

/* 2. Base Typography
------------------------------------------------------------------------------*/
body{ background:#fff; color:#7f8289; font-size:15px; font-family: 'bree_ththin'; font-weight:400; line-height:26px;}

h1, h2, h3, h4, h5, h6{ margin-bottom:20px; font-weight:normal;}
h1{ font-size:80px; line-height:60px; color:#ffffff; font-family: 'bree_ebextrabold'; font-weight:normal; text-align: center; text-transform: uppercase; margin:0 0 5px; text-shadow:0 0 10px rgba(0,0,0,0.35); letter-spacing:0.5px;}
h2{ font-size:57px; line-height:60px; color:#343434; font-family: 'bree_ebextrabold'; font-weight:normal; margin-bottom:20px; letter-spacing:0.5px;}
h3{ font-size:45px; line-height:45px; color:#343434; font-family: 'bree_ebextrabold'; font-weight:normal; margin:0 0 40px; letter-spacing:0.5px; position:relative; display:block; padding:0 0 15px; text-align:center;}
h3:before{ content:''; position:absolute; left:50%; bottom:0; margin:0 0 0 -22px; height:5px; width:45px; background:#e70d85;}
h4{ font-size:30px; line-height:34px; color:#343434; font-family: 'bree_ebextrabold'; margin:0 0 20px; font-weight:normal; letter-spacing:0.5px;}
h5{ font-size:20px; line-height:24px; color:#343434; font-family: 'bree_ebextrabold'; margin:0 0 10px; letter-spacing:0.5px;}
h6{ font-size:15px; line-height:18px; color:#343434; font-family: 'bree_ebextrabold'; margin:0 0 10px; letter-spacing:0.5px;}
h2 span{ font-size:31px; font-family: 'bree_ththin'; display:inline-block;}

p{ color:#000; font-size:16px; font-weight:400; line-height:26px; margin-bottom:20px; font-family: 'bree_ththin'; letter-spacing:0.5px;}

ul{ margin:20px 20px; padding:0;}
ul li{ font-size:13px;  color:#373d48; font-weight:400; line-height:18px; padding:0 0 5px 0;}

ol{ margin:20px 20px; padding:0;}
ol li{ font-size:13px;  color:#373d48; font-weight:400; line-height:18px; padding:0 0 5px 0; list-style: decimal; margin-left:20px;}

blockquote{ display:block; text-align:left; margin-bottom:20px; position:relative; padding:15px; border:2px solid #ffde00;}
blockquote p{ font-size:15px !important; line-height:23px !important; position:relative; padding:0 0 0 55px; margin:0;}
blockquote p:before{ background:url(../images/blockqoute-icon.png) no-repeat; position:absolute; left:0; top:0; content:''; width:35px; height:34px; background-size:cover;}
strong{ }
hr {border:0 solid #e8e8e8; border-top-width:2px; clear:both; height:0; margin:25px 0 50px;}

/* 3. Images
------------------------------------------------------------------------------*/
img{border:none; border-style: none;}
img.aligncenter{ display:block; margin:0 auto 30px; max-width:100%;}

/* 4. Link
------------------------------------------------------------------------------*/
a{color:#e70d85; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; font-size:15px; line-height:26px;}
a:hover{color:#343434;}
a:active, a.current {color: #e8941a;}
a:focus {outline: none;}

/* 5. Forms
------------------------------------------------------------------------------*/
form ul{ padding:0; margin:0; position:relative;}
form ul li{ padding:0; margin:25px 0 0; background:none; float:left; width:100%;}
form ul li:first-child{ margin:0;}
form .form-left{ float:left; width:48%;}
form .form-right{ float:right; width:48%;}
form h3{ margin:0 0 40px; display:inline-block; text-align:left;}
form h3:before{ left:0; margin:0;}
label.checkbox{ font-size:15px; line-height:24px; color:#000; font-family: 'bree_ththin'; background:url(../images/checkbox.png) no-repeat left 1px; padding:0 0 0 48px; margin:0 0 20px 10px; position:relative; display:block;}
label.checkbox input{ position:absolute; left:-9999px; opacity:0;}
label.checkbox.checked{ background-position:0 -127px;}
input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="search"]{ border:2px solid #e8e8e8; border-top-left-radius: 60px 120px; border-bottom-left-radius: 60px 120px; border-top-right-radius: 60px 120px; border-bottom-right-radius: 60px 120px; padding:19px 25px; color:#000; font-size:15px; line-height:18px; font-family: 'bree_rgregular'; width:100%;}
textarea{ border:2px solid #e8e8e8; border-radius:5px; padding:19px 25px; color:#000; font-size:15px; line-height:18px; font-family: 'bree_rgregular'; width:100%; height:165px; resize:none; margin-bottom:20px;}
form ul li label.checkbox label.error{ display: block; margin: 0; position: absolute; left: 0; top: 0; height: 23px; width: 23px; text-indent: -9999px; border: 1px solid red;  border-radius: 3px;}

input[type="submit"], input[type="button"], input[type="reset"], button, .black-btn-small, .button{ font-size:15px; line-height:18px; text-transform:uppercase; color:#fff; font-family: 'bree_rgregular'; border-top-left-radius: 60px 120px; border-bottom-left-radius: 60px 120px; border-top-right-radius: 60px 120px; border-bottom-right-radius: 60px 120px; background:#191919; display:inline-block; padding:0 50px; padding:22px 50px 20px; border:0; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; cursor:pointer; letter-spacing:0.5px;}
input[type="submit"]:hover, input[type="button"]:hover, button:hover, .black-btn-small:hover, .button:hover{ background:#e6007e; color:#fff;}
button, .black-btn-small, .button{ padding:15px 50px 13px; font-size:14px;}
button:after, .button:after{ content:'\65'; font-family:"generosity" !important; text-transform:none; position:relative; top:2px; margin:0 0 0 12px;}

label.title{ font-family: 'bree_rgbold_oblique'; font-size:20px; line-height:24px; color:#000; display:block; margin:0 0 10px 30px;}
label.calendar{ display:block; position:relative; font-size:23px; line-height:23px;}
label.calendar input{ color:#000;}
label.calendar:after{ content:'\66'; font-family:"generosity" !important; text-transform:none; position:absolute; right:25px; top:16px;}
label.time{ display:block; position:relative; font-size:23px; line-height:23px;}
label.time input{ color:#000;}
label.time:after{ content:'\67'; font-family:"generosity" !important; text-transform:none; position:absolute; right:25px; top:16px;}

.select-box{ position:relative;}
.select-box select{ padding:10px;}
.select-box .customSelect{ border:2px solid #e8e8e8; border-top-left-radius: 60px 120px; border-bottom-left-radius: 60px 120px; border-top-right-radius: 60px 120px; border-bottom-right-radius: 60px 120px; padding:19px 45px 19px 25px; color:#b8b8b8; font-size:15px; line-height:18px; font-family: 'bree_rgregular'; width:100%; display:block;}
.select-box .customSelect span{ width:100% !important; color: #000;}
.select-box .customSelect:after{ content:"\64"; font-family: "generosity" !important; position:absolute; right:25px; top:20px; transform:rotate(180deg); -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg);}
.select-box .customSelect.customSelectOpen{ color:#000;}

/* Pleaceholder color */
::-webkit-input-placeholder  { color:#b8b8b8; opacity:1;}
::-moz-input-placeholder { color:#b8b8b8; opacity:1;}
:-moz-placeholder { color:#b8b8b8; opacity:1; }
::-moz-placeholder { color:#b8b8b8; opacity:1; }
:-ms-input-placeholder { color:#b8b8b8; opacity:1;}

/* 6. Tables
------------------------------------------------------------------------------*/
.table-outer{ overflow-x:auto; width:100%;}
table { padding:0; margin:0; border-spacing: 0; border-collapse: collapse; border:1px solid #e3e3e3; width:100%; background:#fbfbfb;}
table thead{ font-weight:bold;}
table thead td{ background:#f3f3f3; color:#3d3d3d; border:1px solid #c7c7c7;}
td { text-align: left; font-weight: normal; padding:8px 8px 8px 12px; border:1px solid #e5e5e5; vertical-align:top; color:#3e3e3e;}
table .edit-party, table a.edit-delete{ font-size:16px; line-height:20px; display:block; float:left; color:#000; position:relative; width:20px; height:20px; margin:2px 10px 0 0;}
table a.edit-delete{ margin-right:0;}
table .edit-party:before{ content:"\68"; font-family:"generosity" !important; position:absolute; left:0; top:0; color:#343434;}
table .edit-delete:before{ content:"\69"; font-family:"generosity" !important; position:absolute; left:0; top:0; color:#ff3b3b;}
table .edit-party:hover:before, table a.edit-delete:hover:before{ color:#e70d85;}
table tr td img{ width:100px; display:block; margin:0;}

.inner-table > td{ padding:5px; border:0;}
.inner-table table{ border:0;}
.inner-table table tr td{ border:0; padding:5px 8px; font-size:13px; line-height:14px;}

/* 7. Layout Framework
------------------------------------------------------------------------------*/
/* main container */
#wrapper{ width:100%; min-height:100%;  }
#wrapper.active{ visibility:visible; opacity:1;}
#content-area{ background:#fff;}
.container{ max-width:1238px; width:100%; padding:100px 0 100px;}
.container-left{ float:left; width:22.2%;}
.container-right{ float:right; width:74%;}


.black-btn{ font-size:15px; line-height:18px; text-transform:uppercase; color:#fff; font-family: 'bree_rgregular'; border-top-left-radius: 60px 120px; border-bottom-left-radius: 60px 120px; border-top-right-radius: 60px 120px; border-bottom-right-radius: 60px 120px; background:#191919; display:inline-block; padding:0 50px; padding:22px 50px 20px;}
.black-btn:hover{ background:#e6007e; color:#fff;}
.pink-btn, input[type="submit"].pink-btn{ background:#e92591;}
.pink-btn:hover, input[type="submit"].pink-btn:hover{ background:#191919; color:#fff;}

/* loading */
#qLoverlay{ background:#fff url(../images/flower.gif) no-repeat center center}
.loading{ background:#fff url(../images/flower.gif) no-repeat center center; width:100%; height:100%; position:absolute; left:0; top:0; visibility:visible; opacity:1;}
.loading.active{ -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; visibility:hidden; opacity:0; transform:scale(0); -webkit-transform:scale(0); -moz-transform:scale(0);}

/* Video */
#video{ position: fixed; right: 0; bottom: 0; min-width: 100%; min-height: 100%; width: auto; height: auto; z-index: -100; }
#play-pause-button{ position:absolute; z-index:99999; left:0; top:0;}
#mute-unmute-button{ position:absolute; z-index:99999; left:0; top:0;}

.main-screen{ position:relative;}

/* header */
header{ position:fixed; left:0; top:0; width:100%; padding:14px 20px; z-index:1000; -webkit-transition: all 0.7s ease; -moz-transition: all 0.7s ease; -o-transition: all 0.7s ease; transition: all 0.7s ease;}
.logo{ float:left; display:block; width:254px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; position:relative; overflow:hidden;}
.logo .logo-after{ visibility:hidden; opacity:0; position:absolute; left:0; top:0; transform:scale(0); -moz-transform:scale(0); -webkit-transform:scale(0); max-width:100%;}
.logo .logo-before{ float:right; visibility:visible; opacity:1; max-width:100%;}
.logo img{ display:block; margin:0; -webkit-transition: all 0.7s ease; -moz-transition: all 0.7s ease; -o-transition: all 0.7s ease; transition: all 0.7s ease;}
.login-btn{ background:#e6007e; float:right; color:#fff; text-transform:capitalize; border-top-left-radius: 60px 120px; border-bottom-left-radius: 60px 120px; border-top-right-radius: 60px 120px; border-bottom-right-radius: 60px 120px; padding:12px 10px; max-width:138px; width:100%; display:block; text-align:center; margin:20px 0 0 30px; font-family:"bree_rgregular";}
.login-btn:hover, .login-btn.active{ background:#000; color:#fff;}

.my-account-menu{ float:right; position:relative; margin-left:30px; max-width:138px; width:100%;}
.my-account-menu .login-btn{ margin-left:0 !important;}
.my-account-menu ul{ position:absolute; right:0; top:80px; padding:10px 0; margin:0; width:170px; background:#fff; border-radius:5px; box-shadow:0 0 10px rgba(0,0,0,0.35); display:none;}
header.active .my-account-menu ul{ top:60px;}
.my-account-menu ul li{ padding:0; margin:0; background:none; border-top:1px solid #efefef;}
.my-account-menu ul li:first-child{ border:0;}
.my-account-menu ul li a{ display:block; text-align:left; padding:11px 15px; font-size:15px; line-height:18px; font-family:'bree_ltlight'; color:#000;}
.my-account-menu ul li a:hover{ color:#e70d85;}
.my-account-menu ul:before {	bottom: 100%;right: 30px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none;}
.my-account-menu ul:before { border-color: rgba(194, 225, 245, 0); border-bottom-color: #fff; border-width: 10px; margin-left: -10px;}

/* nav */
.navigation{ float:right; padding:0; margin:20px 0 0; -webkit-transition: all 0.7s ease; -moz-transition: all 0.7s ease; -o-transition: all 0.7s ease; transition: all 0.7s ease;}
.navigation li{ float:left; padding:0;}
.navigation li:first-child{ margin:0;}
.navigation li a{ display:block; font-size:15px; line-height:18px; color:#fff; font-weight:400; font-family: 'bree_rgbold'; padding:14px 35px; border:2px solid rgba(0,0,0,0); border-top-left-radius: 60px 120px; border-bottom-left-radius: 60px 120px; border-top-right-radius: 60px 120px; border-bottom-right-radius: 60px 120px; position:relative;}
.navigation li a:hover, .navigation li.active a{ border:2px solid #fff; color:#fff;}
.navigation li a:hover:before, .navigation li.active a:before{ content:"\61"; font-family: "generosity" !important; position:absolute; right:-3px; top:-10px; font-size:18px;}

.mobile-nav{ display:none;}
.menu-icon{ display:none; height: 29px; position: relative; text-align: center; width: 45px; margin:20px 0 0 20px; float:right;}
.menu-icon span {position: absolute; top: 50%; right: 6px; display: block; padding: 0; width: 33px; height: 2px; background-color: #fff; font-size: 0px; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none;  -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transition: background-color 0.3s; transition: background-color 0.3s; -webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s;}
.menu-icon span:after {position: absolute; left: 0px; width: 100%; height: 100%; background: #fff; content: ''; -webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s; top: 100%;}
.menu-icon span:before{position: absolute; left: 0px; width: 100%; height: 100%; background: #fff; content: ''; -webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s; top: -100%;}
.menu-icon span:after { -webkit-transform: translateY(250%); transform: translateY(250%);}
.menu-icon span:before {-webkit-transform: translateY(-250%); transform: translateY(-250%);}
.menu-icon.current span{-webkit-background: none; 	-moz-background: none; 	-ms-background: none; 	-o-background: none;	background: none;}
.menu-icon.current span:before{-webkit-transform: translateY(0) rotate(45deg); transform: translateY(0) rotate(45deg); background: #000; top:0;}
.menu-icon.current span:after{-webkit-transform: translateY(0) rotate(-45deg); transform: translateY(0) rotate(-45deg); top: 0; background: #000;}

header.active .menu-icon span{ background:#000;}
header.active .menu-icon span:before{ background:#000;}
header.active .menu-icon span:after{ background:#000;}
header.active .menu-icon.current span{ background:none;}
.menu-icon.current span:before{ background: #fff;}
.menu-icon.current span:after{ background: #fff;}

header.active{ background:#fff; box-shadow:0 0 3px 4px rgba(0,0,0,0.1); -moz-box-shadow:0 0 3px 4px rgba(0,0,0,0.1); -webkit-box-shadow:0 0 3px 4px rgba(0,0,0,0.1);}
header.active .logo{ width:51px; height:49px;}
header.active .logo .logo-after{ visibility:visible; opacity:1; transform:scale(1); -moz-transform:scale(1); -webkit-transform:scale(1);}
header.active .logo .logo-before{ visibility:hidden; opacity:0;}
header.active .navigation{ margin-top:0;}
header.active .navigation li a{ color:#000000;}
header.active .navigation li a:hover, header.active .navigation li.active a{ border:2px solid #e6007e; color:#000000;}
header.active .navigation li a:hover:before, header.active .navigation li.active a:before{ color:#e6007e;}
header.active .login-btn{ margin-top:0;}

/* banner-text */
.banner-text{ max-width:900px; width:100%; height:100%; display:table;}
.banner-text-inner{ display:table-cell; vertical-align:middle; height:100%; width:100%;}
.banner-text p{ color:#fff; text-align:center; margin:0 0 35px; font-size:22px; line-height:26px;}
.banner-text form{ max-width:625px; width:100%; margin:0 auto;}
.banner-text form div{ padding:15px 30px 15px 111px; border-top-left-radius: 60px 120px; border-bottom-left-radius: 60px 120px; border-top-right-radius: 60px 120px; border-bottom-right-radius: 60px 120px; background:rgba(255,255,255,0.9); position:relative; margin:0 0 45px; display: none;}
.banner-text form div label{ float:left; display:block; color:#939292; font-size:17px; line-height:20px; font-family: 'bree_rgregular'; border-right:2px solid #dad9d9; padding:0 10px 0 0; position:absolute; left:30px; top:15px; padding:8px 10px 4px 0;}
.banner-text form input[type="text"]{ margin:0 0 40px; border:0; height:auto; background:none; float:left; width:100%; margin:0; font-size:17px; line-height:20px; padding:6px 10px; font-family: 'bree_rgregular'; color:#939292;}
.banner-text form input[type="submit"]{ max-width:290px; width:100%; margin:0 auto; background:#e0057b; color:#fff; font-family: 'bree_rgregular'; text-transform:uppercase; font-size:16px; line-height:20px; display:block; border-top-left-radius: 60px 120px; border-bottom-left-radius: 60px 120px; border-top-right-radius: 60px 120px; border-bottom-right-radius: 60px 120px; padding:20px 20px; border-top-center-radius: 60px 120px;}
.banner-text form input[type="submit"]:hover{ color:#e0057b; background:#fff;}

/* mouse-icon */
.mouse-icon{ bottom:115px; height:41px; left:50%; margin-left:-14px; opacity:1; position:absolute; text-align:center; transition:opacity 0.3s ease-in-out 0s; width:28px; z-index:100; color:#fff;}
.mouse-icon:before{ content:"\62"; font-family: "generosity" !important; position:absolute; left:-6px; top:0; font-size:41px; line-height:41px;}
.mouse-icon .mouse-wheel{ background-color:white; border-radius:2px; display:block; height:8px; margin:5px auto 0; width:4px; 
 -webkit-animation: 1.6s ease infinite wheel-up-down;
    -moz-animation: 1.6s ease infinite wheel-up-down;
    animation: 1.6s ease infinite wheel-up-down; 
}

@-webkit-keyframes wheel-up-down { 0% { margin-top:2px; opacity:0;} 30% { opacity:1;} 100% { margin-top:20px; opacity:0;}}
@-moz-keyframes wheel-up-down { 0% { margin-top:2px; opacity:0; } 30% { opacity:1; } 100% { margin-top:20px; opacity:0;}}
@keyframes wheel-up-down { 0% {margin-top: 2px; opacity:0;} 30% {opacity: 1;} 100% {margin-top:20px; opacity:0;}}

/* link-button */
.link-button{ position:absolute; left:0; bottom:0; width:100%;}
.link-button a{ display:block; float:left; width:33.33%; text-transform:uppercase; font-size:18px; line-height:22px; color:#fff; font-family: 'bree_ltlight'; text-align:center; padding:28px 10px 25px; background:rgba(231,53,149,0.9);}
.link-button a:nth-child(1){ background:rgba(231,53,149,0.9);}
.link-button a:nth-child(2){ background:rgba(225,3,122,0.7);}
.link-button a:nth-child(3){ background:rgba(191,0,116,0.7);}

/* welcome-block */
.welcome-block{ background:#fafafa; margin:0 0 90px;}
.welcome-block-left{ float:left; position:relative; width:50%; display: none;}
.welcome-block-left .image{ height:100%; width:100%; position:relative;}
.welcome-block-left .image:before{ content:''; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.4);}
.welcome-block-left .image img{ display:block; margin:0 auto; max-width:100%;}
.welcome-block-left .image-desc{ background:url(../images/welcome-desc-img.png) no-repeat left top; position:absolute; left:40px; bottom:40px; padding:6px 0 6px 98px;}
.welcome-block-left .image-desc p{ padding:0; margin:0; font-size:28px; line-height:28px; color:#ffffff;}
.welcome-block-left .image-desc p span{ font-size:16px; line-height:28px; font-family: 'bree_ltlight'; display:inline-block; margin:0 0 0 12px;}
.welcome-block-right{ float:right;  width:50%; padding:65px 70px 10px 70px; display: none;}
.welcome-block-right h2{ color:#e6007e;}
.welcome-block-right .black-btn{ margin:30px 0 0 0}

/* how-it-works */
.page-template-about .how-it-works{ padding: 40px 0 0;}
.how-it-works{ }
.how-it-works h2{ margin-bottom:50px;}
.how-it-works .container{ padding:0;}
.how-it-works-box{ position:relative; overflow:hidden;}
.how-it-works-box:before{ content:''; position:absolute; border:3px dashed rgba(0,0,0,0.3); border-bottom:none; border-left:none; border-radius:75px; background: none; width: 100%; height: 100%; top: 88px; right: 10%;}
.how-it-works-box ul.container{ padding:0 0 90px; margin:0 auto; position:relative; z-index:2;}
.how-it-works-box ul li{ padding:0; margin:0 0 0 3.73%; background:none; float:left; width:22.2%; text-align:center;}
.how-it-works-box ul li:first-child{ margin:0;}
.how-it-works-box ul li .image{ margin:0 0 25px; position:relative;}
.how-it-works-box ul li .image span{ width:175px; height:175px; margin:0 auto; display:block; background:#f4f4f4; border-radius:50%;}
.how-it-works-box ul li .image span img{ display:block; margin:0 auto; max-width:100%;}
.how-it-works-box ul li .image strong{ height:65px; width:65px; border-radius:50%; border:2px solid #e6007e; font-weight:normal; color:#e6007e; text-align:center; line-height:60px; position:absolute; left:0; top:50%; background:#fff; font-size:25px; font-family: 'bree_rgbold'; margin-top:-33px;}
.how-it-works-box ul li span.title{ display:block; text-transform:uppercase; font-size:20px; line-height:24px; color:#000000; font-family: 'bree_ltlight'; margin:0 0 10px; /*min-height: 45px;*/}
.how-it-works-box ul li p{ padding:0; margin:0; font-size: 14px; line-height: 20px;}

/* video */
.video{ background:url(../images/video.jpg) no-repeat center center; background-size:cover; height:590px; position:relative; overflow:hidden;}
.video:before{ content:''; height:100%; width:100%; background:rgba(0,0,0,0.4); position:absolute;}
.video a{ width:110px; height:68px; position:absolute; left:50%; top:50%; margin:-34px 0 0 -55px; background:#fff; border-top-left-radius: 60px 120px; border-bottom-left-radius: 60px 120px; border-top-right-radius: 60px 120px; border-bottom-right-radius: 60px 120px; color:#e6007e;}
.video a:before{ content:"\63"; font-family: "generosity" !important; position:absolute; left:50%; top:50%; font-size:20px; line-height:22px; margin:-13px 0 0 -8px;}
.video a:hover{ background:#e6007e; color:#fff;}
.video video{ min-width: 100%; min-height: 100%; width: auto; height: auto;}
.video.active:before{ display:none;}
.video.active a{ opacity:0.5;}
.video.active a:before{ content:"\6a";}

/* inner banner */
.page-template-create_party .inner-banner{ height: 120px;}
.page-template-create_party .banner-text{ display: none;}
.inner-banner{ position:relative; height:405px; z-index:2;}
.inner-banner:before{ content:''; position:absolute; left:0; top:0; width:100%; height:142px; background:url(../images/banner-shadow.png) repeat-x left top;}
.inner-banner .banner-text-inner{ vertical-align:bottom;}
.inner-banner h1{ line-height:44px; margin:0;}

.sub-title{ font-size:35px; line-height:45px; color:#e6007e; display: block; font-family: 'bree_ltlight'; margin:0 0 50px; padding:0 0 40px; position:relative;}
.sub-title:before{ content:''; background:#e70d85; width:45px; height:5px; position:absolute; left:0; bottom:0;}

/* about content */
.about-content{ padding:0; background:#f8f8f8;}
.about-content-left{ float:left; width:50%; background:#191919;}
.about-content-left-inner{ padding:50px 40px;}
.about-content-left p, .about-content-left h2{ color:#fff;}
.about-content-left .image-desc{ background:url(../images/welcome-desc-img.png) no-repeat left top; padding:6px 0 6px 98px; margin:0 0 30px;}
.about-content-left .image-desc p{ padding:0; margin:0; font-size:28px; line-height:28px; color:#ffffff;}
.about-content-left .image-desc p span{ font-size:16px; line-height:28px; font-family: 'bree_ltlight'; display:inline-block; margin:0 0 0 12px;}
.about-content-left .our-mission{ padding:0 0 0 98px;}
.about-content-right{ float:left; width:50%;}
.about-content-right .our-mission{ background:#e70d85; height:50%; padding:50px;}
.about-content-right .our-mission p, .about-content-right .our-mission h2{ color:#fff;}
.about-content-right .values{ height:50%; padding:50px;}
.about-content-right .values h2{ color:#424242;}
.about-content-right .values p{ font-size:20px; line-height:30px;}

/* category */
.category{ padding:0; margin:0;}
.category li{ padding:0; margin:0; background:none; width:100%; float:left; border-bottom:1px solid #e5e5e5;}
.category li a{ display:block; font-size:22px; line-height:26px; font-family: 'bree_ltlight'; color:#000; padding:33px 0 31px; position:relative; overflow:hidden;}
.category li a:before{ content:''; height:5px; background:#e70d85; width:42px; position:absolute; left:-50px; bottom:-1px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; overflow:hidden; visibility:hidden; opacity:0;}
.category li a:hover:before, .category li a.active:before{ left:0; visibility:visible; opacity:1;}

/* listing box */
.listing-box{ padding:0; margin:0 0 25px;}
.listing-box li{ padding:0; margin:0; background:none; float:left; width:22.9%; /*width:31.5%;*/ margin-left:2.75%; margin-bottom:25px; position:relative; border:1px solid #cccccc;}
/*.listing-box li.selected{ border-color:#e70d85;}*/
.listing-box li.selected:before{ content: ''; position: absolute; left: 0; top: 0; height: 100%; width: 100%; background: #e70d85; opacity: 0.4;}
/*.listing-box li:nth-child(3n+1){ margin-left:0;}*/
.listing-box li:nth-child(4n+1){ margin-left:0;}
.listing-box li img{ display: block; max-width:100%; margin:0;}
.listing-box li .listing-box-popup{ background:rgba(0,0,0,0.6); position:absolute; left:0; top:0; height:100%; width:100%; text-align:center; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; opacity:0; visibility:hidden;}
.listing-box li .listing-box-popup .listing-box-popup-inner{ height:100%; width:100%; display:table;}
.listing-box li .listing-box-popup .listing-box-popup-inner div{ height:100%; width:100%; display:table-cell; vertical-align:middle;}
.listing-box li:hover .listing-box-popup{ opacity:1; visibility:visible;}
.listing-box li .black-btn{ display:inline-block; padding:15px 35px 13px; font-size:14px;float:none !important;}
.listing-box li .listing-box-popup .listing-box-popup-inner div br+a{ margin-top:15px; background:#fff; color:#e70d85;}
.listing-box li .listing-box-popup .listing-box-popup-inner div br+a:hover{ background:#191919; color:#fff;}

.listing-box li a{ display: block; position: relative; color: #000;}
.listing-box li a span{ position: absolute; left: 0; top: 0; height: 100%; width: 100%; display: block; text-align: center; /*background: #fff;*/   -webkit-transition: all 0.5s ease;  -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
.listing-box li a span em{ display: table; height: 100%; width: 100%;}
.listing-box li a span em strong{ display: table-cell; vertical-align: bottom; height: 100%; width: 100%; font-style: normal;     font-size: 20px; line-height: 24px;    padding: 0 15px 45px;}
.listing-box li a:hover span{ background: rgba(52,52,52,0.3);}

/* pagination */
.pagination{ padding:0; margin:0;}
.pagination li{ padding:0; margin:0 5px 0 0; background:none; float:left;}
.pagination li a{ display: block; font-family:"bree_rgregular"; font-size:16px; line-height:40px; color:#000; height:40px; width:40px; text-align:center; border-radius:50%;}
.pagination li a.next{ background:#343434; position:relative; color:#fff;}
.pagination li a.next:before{ content:"\64"; font-family: "generosity" !important; position:absolute; left:50%; top:50%; color:#fff; margin:-7px 0 0 -6px; font-size:16px; line-height:14px; transform:rotate(90deg); -moz-transform:rotate(90deg); -webkit-transform:rotate(90deg);}
.pagination li a.prev{ background:#343434; position:relative; color:#fff;}
.pagination li a.prev:before{ content:"\64"; font-family: "generosity" !important; position:absolute; left:50%; top:50%; color:#fff; margin:-7px 0 0 -9px; font-size:16px; line-height:14px; transform:rotate(-90deg); -moz-transform:rotate(-90deg); -webkit-transform:rotate(-90deg);}
.pagination li a:hover{ background:#f85eb3; color:#fff;}

.detail-page-logo-img{ float:right; border:1px solid #cccccc; margin:0 0 35px 40px; max-width:100%; display:block;}

/* party bar */
.party-bar{ overflow:hidden; background: #191919;}
.party-bar .container{ padding:0 !important;}
.party-bar ul{ padding:0; margin:0;}
.party-bar ul li{ padding:0; margin:0; background:none; float:left; background:#191919; position:relative; border-left:1px solid rgba(255,255,255,0.1);}
.party-bar ul li.active{ background:#e70d85;}
.party-bar ul li.active span{ opacity:1;}
.party-bar ul li.complete{ background:#f85eb3;}
.party-bar ul li span{ display:block; font-size:20px; line-height:24px; text-transform:uppercase; color:#fff; padding:29px 60px 27px; letter-spacing:0.2px; opacity:0.7;}
.party-bar ul li:first-child{ border:0;}
.party-bar ul li:first-child:before{ content: ''; position: absolute; right: 100%; top: 0; width: 300%; height: 100%; background: inherit; z-index: 0;}
.party-bar ul li:first-child span{ padding-left:0;}
/*.party-bar ul li.active.last:after{ display: none;}*/
/*.party-bar ul li.last span{ padding-right:0;}*/
.party-bar ul li.last:after{ content: ''; position: absolute; left: 100%; top: 0; width: 500%; height: 100%; background: inherit; z-index: 0;}
.party-bar ul li span:after{ content:"\64"; font-family: "generosity" !important; display:inline-block; text-transform:none; transform:rotate(90deg); -moz-transform:rotate(90deg); -webkit-transform:rotate(90deg); position:relative; top:3px; margin:0 0 0 25px;}
.party-bar ul li.active span:after{ transform:rotate(180deg); -moz-transform:rotate(180deg); -webkit-transform:rotate(180deg);}

/* breadcrumbs */
.breadcrumbs{ padding:0; margin:0; position:absolute; top:14px; z-index:1;}
.breadcrumbs li{ padding:0; margin:0 35px 0 0; background:none; font-family:'bree_rgregular'; font-size:15px; line-height:18px; color:#000; float:left; position:relative;}
.breadcrumbs li:before{ content:'|'; position:absolute; left:-18px; top:0;}
.breadcrumbs li:first-child:before{ display: none;}
.breadcrumbs li a{ display:block; font-family:'bree_rgregular'; font-size:15px; line-height:18px; position:relative; color:#000;}
.breadcrumbs li a:hover{ color:#e70d85;}
.breadcrumbs li:first-child a{ display:block; font-family:'bree_rgregular'; position:relative; padding:0 0 0 30px; color:#e70d85;}
.breadcrumbs li:first-child a:before{ content:'\64'; font-family: "generosity" !important; position:absolute; left:0; top:-1px; transform:rotate(-90deg); font-size:18px; line-height:18px;}

/* login */
.create-account{ float:left; width:50%; padding:0 5% 0 0; border-right:1px solid #e5e5e5;}
.sign-in{ float:right; width:50%; padding:0 0 0 5%; border-left:1px solid #e5e5e5; position:relative; left:-1px;}
.sign-in ul li.checkbox{}
.sign-in ul li.checkbox label{ float:left;}
.sign-in ul li.checkbox a{ float:right;}

/* event-detail */
.event-detail h3{ text-align:center;}
.event-detail-left{ float:left; width:50%; padding:0 5% 0 0; border-right:1px solid #e5e5e5;}
.event-detail-right{ float:right; width:50%; padding:0 0 0 5%; border-left:1px solid #e5e5e5; position:relative; left:-1px;}

.event-detail .party-block .party-field:first-child{ margin:0;}
.event-detail .party-block .party-field{ margin:25px 0 0 0;}
.event-detail .party-block .party-field .form-left{ width:44%; margin:0 20px 0 0;}
.event-detail .party-block .party-field .form-right{ width:44%; float:left;}
.event-detail .party-block .party-field a{ font-size:20px; line-height:20px; display:block; float:left; color:#000; position:relative; width:20px; height:20px; margin:17px 0 0 20px; overflow:hidden;}
.event-detail .party-block .party-field a:before{ content:"\69"; font-family:"generosity" !important; position:absolute; left:0; top:0; color:#ff3b3b;}
.event-detail .party-block .party-field a:hover:before{ color:#e70d85;}

/* category */
.select-template{ position:relative;}
.template-category{ padding:0; margin:0;}
.template-category li{ padding:0; margin:0; background:none; width:100%; float:left; border-bottom:1px solid #e5e5e5;}
.template-category li a{ display:block; font-size:18px; line-height:22px; font-family: 'bree_ltlight'; color:#000; padding:21px 30px 19px 0; position:relative; overflow:hidden; position:relative;}
.template-category li a:before{ content:''; height:5px; background:#e70d85; width:42px; position:absolute; left:-50px; bottom:-1px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; overflow:hidden; visibility:hidden; opacity:0;}
.template-category li a:hover:before, .template-category li.active a:before{ left:0; visibility:visible; opacity:1;}
.template-category li.sub > a:after{ content:'\64'; font-family: "generosity" !important; position:absolute; right:10px; top:21px; transform:rotate(90deg); -moz-transform:rotate(90deg); -webkit-transform:rotate(90deg); color:#343434; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.template-category li.active > a:after{ color:#e70d85; transform:rotate(180deg); -moz-transform:rotate(180deg); -webkit-transform:rotate(180deg);}
.template-category li ul{ padding:15px 0 15px 20px; margin:0; border-top:1px solid #e5e5e5; display:none;}
.template-category li ul li{ border:0;}
.template-category li ul li a{ font-size:15px; padding:10px 0 8px; line-height:18px;}
.template-category li ul li a:after, .template-category li ul li a:before{ display:none !important;}

/* charity block */
.charity{ position:relative;}
.charity-block{ margin:0 0 100px;}
.charity-block-left{ float:left; width:28.5%; text-align:center;}
.charity-block-center{ float:left; width:36.5%; margin:80px 3.25% 0;}
.charity-block-right{ float:right; width:28.5%; text-align:center;}
.charity-block .image{ border:1px solid #cccccc; width:100%; margin:0 0 17px; position: relative;}
.charity-block .image img{ max-width:100%; display:block; margin:0 auto;}

.charity-block .image span{ position: absolute; left: 0; top: 0; height: 100%; width: 100%; display: block; text-align: center; /*background: #fff;*/   -webkit-transition: all 0.5s ease;  -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
.charity-block .image span em{ display: table; height: 100%; width: 100%;}
.charity-block .image span em strong{ display: table-cell; vertical-align: bottom; height: 100%; width: 100%; font-style: normal;     font-size: 20px; line-height: 24px;    padding: 0 15px 45px;}

.charity-block button:after{ display:none;}
.charity-block .button:after{ display:none;}
.range-percentage{ margin:22px 0 4px;}
.range-percentage span{ display:block; float:left; font-size:15px; line-height:18px; color:#000; font-family:'bree_rgregular'; margin-left:11px;}
.range-percentage span+span{ float:right; margin-right:11px;}
.limit{ margin:40px 0 20px; font-size:13px; line-height:15px; color:#000; font-family: 'bree_ltlight';}

/* final-percentage */
.final-percentage .percentage{ background:#212121; padding:15px 18px 13px 28px; float:left; max-width:140px; width:100%; border-radius:35px; margin:0 35px 0 0; position:relative;}
.final-percentage .percentage:after{ content:''; width:18px; height:22px; background:url(../images/arrow.png) no-repeat; right:-16px; top:50%; margin:-11px 0 0; position:absolute;}
.final-percentage .percentage *{ font-size:35px; line-height:38px; color:#fff; font-family: 'bree_rgbold'; letter-spacing:0.5px; display:inline-block;}
.final-percentage .percentage-txt{ float:left; width:200px;}
.final-percentage .percentage-txt span{ font-family: 'bree_rgbold'; font-size:15px; line-height:19px; display:block; color:#000;}
.final-percentage .percentage-txt span strong{ font-weight:normal; display:block; font-size:35px; line-height:30px; color:#e70d85;}

/* invite-guests */
.invite-guests{ text-align:center;}
.invite-guests .arrow{ display:block; width:24px; margin:0 auto 20px; position:relative; font-size:20px; color:#000; line-height:20px; height:20px;}
.invite-guests .arrow:before{ content:"\64"; font-family: "generosity" !important; position:absolute; left:0; top:0; transform:rotate(180deg); -moz-transform:rotate(180deg); -webkit-transform:rotate(180deg);}

/* recipients */
.recipients{ position:relative;}
form ul li .input{ width:21.5%; float:left; margin:0 1.5% 0 0;}
form ul li .input.last{ width:8%; margin:0;}
form ul li .input.last a{ font-size:20px; line-height:20px; display:block; float:left; color:#000; position:relative; width:20px; height:20px; margin:17px 0 0 20px;}
form ul li .input.last a:first-child{ margin-left:0;}
form ul li .input.last a.edit:before{ content:"\68"; font-family:"generosity" !important; position:absolute; left:0; top:0; color:#343434;}
form ul li .input.last a.delete:before{ content:"\69"; font-family:"generosity" !important; position:absolute; left:0; top:0; color:#ff3b3b;}
form ul li .input.last a.edit:hover:before, form ul li .input.last a.delete:hover:before{ color:#e70d85;}
.recipients ul.invite-addfields{ margin:0 0 25px;}
.recipients .add_person_button{ margin:0 0 50px;}

#video-gallery{ margin:60px 0 0;}

.testimonials-list{ padding:0; margin:0;}
.testimonials-list li{ padding:0 0 30px 50px; margin:30px 0 0; background:none; border-bottom:1px solid #dfdfdf; position:relative;}
.testimonials-list li:first-child{ margin-top:0;}
.testimonials-list li p{ padding:0; position:relative;}
.testimonials-list li:before{ content:"\6b"; font-family:"generosity" !important; position:absolute; left:0; top:0; color:#000; font-size:30px; line-height:30px;}
.testimonials-list li .author{ display:block; font-family: 'bree_rgbold'; font-size:18px; line-height:22px;}

/* help */
.help{ padding:0; margin:0;}
.help li{ padding:30px 0; margin:0; background:none; border-top:1px solid #e5e5e5;}
.help li:first-child{ padding-top:0; border:0;}
.help li h5{ display:block; position:relative; cursor:pointer; padding:0 30px 0 0;}
.help li h5:after{ content: "+"; font-family: "nurture" !important; position:absolute; right:0; top:0; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; font-weight:900;}
.help li.active h5:after{ content: "-";}
.help li .faq-desc{ display:none; padding:10px 0 0;}
.help li .help-desc p{ margin:20px 0 0;}
.help li .help-desc p:first-child{ margin:0;}

/* blog */
#content-area .blog{ padding:0; margin:0 0 30px;}
#content-area .blog li{ padding:30px 0 30px 0; margin:0; border-bottom:1px solid #dfdfdf;}
#content-area .blog li:first-child{ padding-top:0;}
#content-area .blog li h4 a{ font-size:inherit; line-height:inherit; color:#343434;}
#content-area .blog li h4 a:hover{ color:#e70d85;}
#content-area .blog li .blog-image{ margin:0 0 20px; display:block;}
#content-area .blog li .blog-image img{ max-width:100%; display:block;}
#content-area .blog li .post-date-box{ margin:0 0 20px;}
#content-area .blog li .post-date-box .post-date{ float:left; position:relative; margin:0 20px 0 0;}
#content-area .blog li .post-date-box .post-date:after{ content:'|'; position:absolute; right:-10px; color:#000;}
#content-area .blog li .post-date-box .category-link{ float:left;}
#content-area .blog li .post-date-box .category-link a{ display:block; float:left; margin:0 0 0 10px;}
#content-area .blog li .post-date-box .category-link span {display: block;float: left;font-size: 20px;margin: 0 0 0 3px;}
#content-area .blog li .post-date-box .category-link a:first-child{ margin:0;}

/* people */
.people{}
.people ul{ padding:0; margin:0;}
.people ul li{ width:30%; margin:0 0 30px 5%; float:left; padding:0;}
.people ul li p{ padding:0; margin:0;}
.people ul li:nth-child(3n+1){ margin-left:0;}
.people ul li:nth-child(3n+4){ clear:both;}

/* footer */
footer{ background:#f8f8f8; padding:40px 0 0 0;}
.footer-logo{ display:block; margin:0 auto 20px; width:269px;}
.footer-logo img{ display:block; margin:0; max-width:100%;}
.footer-menu{ border-top:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf;}
.footer-menu ul{ margin:0 auto; padding:20px 0; text-align:center;}
.footer-menu ul li{ margin:0; padding:0; background:none; display:inline-block; margin:0 30px;}
.footer-menu ul li a{ display:block; font-size:15px; line-height:18px; color:#000000; font-family: 'bree_ltlight';}
.footer-menu ul li a:hover{ color:#e6007e;}
footer p{ text-align:center; font-size:13px; line-height:16px; color:#000; margin:0; padding:18px 0; font-family: 'bree_ltlight';}

.back-top{ height:50px; width:50px; background:#e14f9e; border-radius:50%; position:fixed; right:50px; bottom:100px; opacity: 0; visibility: hidden; z-index:100;}
.back-top:before{ content:"\64"; font-family: "generosity" !important; position:absolute; left:50%; top:50%; color:#fff; margin:-7px 0 0 -10px; font-size:20px; line-height:14px;}
.back-top.active { opacity: 1; visibility: visible;}
.back-top:hover{ background:#e6007e;}


label.error{ color: red; margin: 5px 0 0 25px; display: block; display:none; position:absolute; left:-9999px;}
input.error{ border-color:#f00;}

.page-template-create_party .fancybox-iframe{ background:#000;}
.page-template-create_party .fancybox-iframe img{ max-width:100%; width:100%;}

#popup-charity-box{ max-width:1238px; width:100%;}
.some-fun{ display:none; width:650px;}
.some-fun img{ max-width:100%;}

.top-section{ margin:0 0 30px; float:left; width:100%; position:relative; padding:0 0 20px; border-bottom:1px solid #e5e5e5;}
.top-section:before{ content:''; background:#e5e5e5; width:1px; height:100%; left:50%; margin-left:-1px; top:0; display:block; position:absolute;}
.top-section h4{ font-size:20px; line-height:24px;}
.top-section p{ padding:0; margin:0;}
.top-section .top-section-left{ float:left; width:48%;}
.top-section .top-section-right{ float:right; width:48%;}

.bottom-section{ clear:both;}

.event-detail-right .pink-btn{ float:left;}
#template-form .pink-btn{ float:left;}
#recipients-form .pink-btn{ float:left;}
.loader{ float:left; margin:9px 0 0 10px;}
.invite-guests .loader{ margin:10px auto 0; float:none; clear:both;}

.cleanlogin-notification{ padding:6px 10px; margin:0 0 30px; background:rgba(231,53,149,0.7); border-top-left-radius: 60px 120px; border-bottom-left-radius: 60px 120px; border-top-right-radius: 60px 120px; border-bottom-right-radius: 60px 120px;}
.cleanlogin-notification p{ margin:0; color:#fff; padding:0;}

#register-form label.checkbox input{ left:5px !important; top:5px; z-index:99999;}

.errorpage{ text-align:center;}


.listing-box-new{ }
.listing-box-new{ padding:0; margin:0;}
.listing-box-new li{ padding:0 0 25px; margin:25px 0 0; background:none; border-bottom:1px solid #dfdfdf; position:relative;}
.listing-box-new li:first-child{ margin-top:0;}
.listing-box-new li p{ padding:0; position:relative; margin: 0 0 10px;}
.listing-box-new li .title{ display:block; font-family: 'bree_rgbold'; font-size:18px; line-height:22px; margin: 0 0 10px;}
.listing-box-new li a{ background: #e6007e; color: #fff; text-transform: capitalize; border-top-left-radius: 60px 120px; border-bottom-left-radius: 60px 120px; border-top-right-radius: 60px 120px;  border-bottom-right-radius: 60px 120px; padding: 6px 10px; max-width: 110px; width: 100%; display: block; text-align: center; font-family: "bree_rgregular"; margin: 0;}
.listing-box-new li a:hover{ background: #000;}

.detail-link{ background: #e6007e; color: #fff; text-transform: capitalize; border-top-left-radius: 60px 120px; border-bottom-left-radius: 60px 120px; border-top-right-radius: 60px 120px;  border-bottom-right-radius: 60px 120px; padding: 6px 10px; max-width: 110px; width: 100%; display: block; text-align: center; font-family: "bree_rgregular"; margin: 0;}
.detail-link:hover{ background: #000; color: #fff;}


.guest-portal-img{ position:relative;}
.guest-portal-img span{ position: absolute; left: 0; top: 0; height: 100%; width: 100%; display: block; text-align: center; /*background: #fff;*/   -webkit-transition: all 0.5s ease;  -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
.guest-portal-img span em{ display: table; height: 100%; width: 100%;}
.guest-portal-img span em strong{ display: table-cell; vertical-align: bottom; height: 100%; width: 100%; font-style: normal;     font-size: 20px; line-height: 24px;    padding: 0 15px 45px;}