/*
 * FONT-FACE
 * ====================================================================================================================*/
@font-face {
    font-family: 'white_oleander';
    src: url('../woff2/whiteoleander.woff2') format('woff2'),
         url('../woff/whiteoleander.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'GlacialIndifference';
    src: url('../otf/glacialindifference-regular.otf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'GlacialIndifference';
    src: url('../otf/glacialindifference-bold.otf');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'LucyRose';
    src: url('../otf/lucyrose-regular.otf');
    font-weight: bold;
    font-style: normal;
}

:root {
  --green: #5b6f55;
  --beige: #f6f3ee;
  --dark: #1f1f1f;
  --lightgreen: #6b8564;
}

/* ====================================================================================================================
 * RESETS
 * ====================================================================================================================*/

body {
	font-family: 'GlacialIndifference', sans-serif;
    color: #777777;
    letter-spacing: 0.5px;
    font-size: 14px;
}

a {
	color: var(--green)
}


a:hover, a:focus {
	text-decoration: none;
	color: var(--lightgreen)
}

h1 {
	color: #555555;
}

h2 {
	font-size: 24px;
	font-weight: 600;
	margin-bottom: 5px;
	color: #555555;
}

h3 {
	font-size: 20px;
	font-weight: 600;
	margin-bottom: 5px;
	color: #555555;
}

h4 {
	font-size: 18px;
	font-weight: 600;
	color: #555555;
}

.sub-label {
	font-size: 12px;
	margin-bottom: 15px;
}

.btn {
	border-radius: 2px;
	color: #ffffff;
	letter-spacing: 0.5px;
}

.btn-default {
	border-color: var(--green);
	background: var(--green);
}

.btn-default-large {
	font-size: 18px;
	padding: 10px 12px;
}

.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open>.dropdown-toggle.btn-default, .btn-default:active.focus, .btn-default:active:focus {
	border-color: #6bc3b9;
	background: #6bc3b9;
	color: #ffffff;
	font-weight: 400;
}

.btn-default[disabled], .btn-default[disabled]:hover, .btn-default[disabled]:active, .btn-default[disabled]:visited, .btn-default[disabled]:focus {
	opacity: 0.65;
	border-color: #6bc3b9;
	background: #6bc3b9;
}

.btn-danger {
	border-color: #F37B7B;
	background: #F37B7B;
	box-shadow: 0px 2px 1px #B75050;
}

.btn-danger-normal {
	border-color: #F37B7B;
	background: #F37B7B;
}

.btn-danger-normal:hover {
	color: #ffffff;
	border-color: #B75050;
	background: #B75050;
}

.btn-info {
	background: #ffffff;
	border: 1px solid var(--green);
	color: var(--green);
}

.btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .open>.dropdown-toggle.btn-info {
	background: #f9f8f8;
	color: var(--green);
	border: 1px solid var(--green);
	font-weight: 400;
}

.btn-secondary, .btn-secondary:focus, .btn-secondary:active, .btn-secondary:visited  {

	background: transparent;
	border: 1px solid var(--green);
    color: var(--green);
}

.btn-secondary:hover {
	background: #F5F6F4;
	color: var(--green);
}

.btn-dark-green, .btn-dark-green:focus, .btn-dark-green:active, .btn-dark-green :visited {
	background: var(--green);
	color: #ffffff;
}

.btn-dark-green:hover {
	background: #23b9a9;
	color: #ffffff;
}

.form-control {
	border-radius: 2px;
	-webkit-box-shadow: none;
  	box-shadow: none;
  	letter-spacing: 0.5px;
}

.form-control-large {
	border-radius: 0px!important;
	height: 48px;
	background: #FAF9F9;
	border: 1px solid #EBEBEB;
}

.control-label-large {
	padding-top: 14px!important;
}

::-webkit-input-placeholder { /* WebKit browsers */
    color:    #AAAAAA!important;
    letter-spacing: 0.5px
}
-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #AAAAAA!important;
   opacity:  1;
   letter-spacing: 0.5px
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #AAAAAA!important;
   opacity:  1;
   letter-spacing: 0.5px
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
   color:    #AAAAAA!important;
   letter-spacing: 0.5px
}

.breadcrumb {
	background-color: transparent;
	font-size: 12px;
	padding: 0px;
}

.breadcrumb li a {
	font-weight: 400;
	color: #777777;
}

.breadcrumb .active  {
	font-weight: 600;
	color: #777777;
}

.breadcrumb>li+li:before {
	content: ">"
}

.normal {
	color: #777777;
}

.muted {
	color: #AAAAAA;
}

.warning {
	color: #F37B7B;
}

.emphasize {
	font-weight: 600;
}

.checkbox-success input[type="checkbox"]:checked + label::before {
	background-color: var(--green);
	border-color: var(--green);
}

.radio-success input[type="radio"]:checked + label::after {
	background-color: var(--green);
}

.radio-success input[type="radio"]:checked + label::before {
	border-color: var(--green);
}

.content {
	margin-top: 50px;
}


label {
	font-weight: 600;
}

.select-filter {
	width: 250px;
	background: #ffffff!important;
	margin-bottom: 15px!important;
}

.overlay {
  background: #ffffff;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: fixed;
  z-index: 9999;
  overflow-y: scroll;
  display: none;
}

.alert-default {
	color: #00766B;
	background-color: #D4F0ED;
	border-color: #B2DCD8;
}

.fileinput-filename {
	display: none!important;
}

.no-opacity {
	opacity: 0;
}

.strikeout{
    text-decoration: line-through;
}

.la-ball-fall > div {
	width: 8px;
    height: 8px;
}

.bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover {
	background-color: var(--green);
}

/* ====================================================================================================================
 * PROFILE PICTURE
 * ====================================================================================================================*/
.user-profile-xxsmall {
	width: 26px;
	min-width: 26px;
	height: 26px;
    border-radius: 100%;
    background: transparent no-repeat center;
    background-size: cover!important;
	display: inline-block;
	outline: 1px solid transparent;
}

.user-profile-xsmall {
	width: 35px;
	min-width: 35px;
	height: 35px;
    border-radius: 100%;
    background: transparent no-repeat center;
    background-size: cover!important;
	display: inline-block;
	outline: 1px solid transparent;
}

.user-profile-small {
	width: 55px;
	min-width: 55px;
	height: 55px;
    border-radius: 100%;
    background: transparent no-repeat center;
    background-size: cover!important;
    display: inline-block;
    outline: 1px solid transparent;
}

.user-profile-medium {
	width: 70px;
	min-width: 70px;
	height: 70px;
    border-radius: 100%;
    background: transparent no-repeat center;
    background-size: cover!important;
    display: inline-block;
    outline: 1px solid transparent;
}

.user-profile-100 {
	width: 100px;
	min-width: 100px;
	height: 100px;
    border-radius: 100%;
    background: transparent no-repeat center;
    background-size: cover!important;
    display: inline-block;
    outline: 1px solid transparent;
}

.pagination>li>a, .pagination>li>span {
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}



/* ====================================================================================================================
 * MODAL-BOX HELPER
 * ====================================================================================================================*/
 .vertical-align {
 	display: -webkit-flex; /* Safari */
    -webkit-align-items: center; /* Safari 7.0+ */
    display: flex;
    align-items: center;
 }

.vertical-alignment-helper {
    display:table;
    height: 100%;
    width: 100%;
    pointer-events:none; /* This makes sure that we can still click outside of the modal to close it */
}
.vertical-align-center {
    /* To center vertically */
    display: table-cell;
    vertical-align: middle;
    pointer-events:none;
}
.modal-content {
    /* Bootstrap sets the size of the modal in the modal-dialog class, we need to inherit it */
    width:inherit;
    height:inherit;
    /* To center horizontally */
    margin: 0 auto;
    pointer-events: all;
}

.modal-backdrop.in {
	opacity: 0.85;
}

.modal-content {
	-webkit-box-shadow: none;
  	box-shadow: none;
  	border-radius: 0px;
  	border: 1px solid #EBEBEB;
}

.modal-header {
	border-bottom: 0px;
}

.modal-footer {
	text-align: left;
}

.modal {
	z-index: 10000;
	max-width: 100vw;
}

/* ====================================================================================================================
 * LOGIN, SIGNUP, FORGET PW
 * ====================================================================================================================*/

#signup-bg, #login-bg, #forget-bg{
	position: fixed;
	top: -50%;
	left: -50%;
	width: 200%;
	height: 200%;
}

#signup-bg .bg-img, #login-bg .bg-img , #forget-bg .bg-img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  min-width: 50%;
  min-height: 50%;
  z-index: 1;
}

.signup-container, .login-container, .forget-container {
	background-image: url(../jpg/signupbg.jpg);
	padding-top: 100px;
	padding-bottom: 100px;
}

.signup-container.signup-modal {
	background: none;
	padding-top: 0px;
	padding-bottom: 0px;
}

.signup-container .col-left {
	padding-right: 7.5px;
}

.signup-container .col-right {
	padding-left: 7.5px;
}

#signup-form, #login-form, #forget-form  {
	z-index: 2;
	background: #ffffff;
	padding: 20px;
	margin-left: auto;
  	margin-right: auto;
  	max-width: 500px;
}

#signup-form label, #login-form label {
	position: relative;
	top: -10px;
	margin-bottom: 0px;
}

.signup-container .logo,  {
	font-family: 'jenna_sueregular';
	color: var(--green);
	font-size: 36px;
	font-weight: normal;
}

#signup-overlay .logo  {
	font-family: 'jenna_sueregular';
	font-size: 30px;
	font-weight: normal;
	line-height: 36px;
}

.signup-container input, .login-container input , .forget-container input,
#signup-mobile-form input, #login-mobile-form input, #forget-mobile-form input {
	margin-bottom: 15px;
}

.signup-container .checkbox-tnc, .login-container .checkbox-tnc,
#signup-mobile-form .checkbox-tnc, #login-mobile-form .checkbox-tnc{
	margin-top: 20px;
	margin-bottom: 20px;
}


.signup-container .tnc,
#signup-mobile-form .tnc{
	font-size: 12px;
	line-height: 18px;
}

.forget-container .forget-btn, #forget-mobile-form .forget-btn  {
	width: 100%;
  	height: 45px;
  	border-radius: 0px;
  	margin-top: 15px;
  	font-size: 16px;
  	margin-bottom: 20px;
}
.signup-container .signup-btn, #signup-mobile-form .signup-btn,
.login-container .login-btn ,  #login-mobile-form .login-btn {
	width: 100%;
  	height: 45px;
  	border-radius: 0px;
  	margin-top: 15px;
  	font-size: 16px;
}

.signup-container .signup-footer, .login-container .login-footer,  .forget-container .forget-footer,
#signup-mobile-form  .signup-footer, #login-mobile-form .login-footer, #forget-mobile-form .forget-footer{
  	padding-top: 20px;
  	padding-bottom: 10px;
  	border-top: 1px solid #e5e5e5;
}

.login-container .checkbox-rmbme {
	display: inline-block;
}

.login-container  .forget-pw {
	display: inline-block;
	float: right;
	margin-top: 10px;
	margin-bottom: 10px;
}

.forget-container p, #forget-mobile-form p {
	margin-bottom: 20px;
}


#signup-mobile-form, #login-mobile-form, #forget-mobile-form {
	max-width: 450px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 20px;
	padding-right: 20px;
}

.fb-btn .fa-facebook-official {
	margin-right: 10px;
}

.fb-btn {
	  width: 100%;
	  padding-top: 10px;
	  padding-bottom: 10px;
	  border-radius: 0px;
	  margin-bottom: 20px;
	  font-size: 16px;
	  height: 45px;
	  background: #3b5998;
	  border-color: #3b5998;
}

.btn-default.fb-btn:hover, .btn-default.fb-btn:active, .btn-default.fb-btn:visited, .btn-default.fb:focus {
	background: #355088;
	border-color: #355088;
	color: #fff;
}


/* ====================================================================================================================
 * HOMEPAGE - NAVIGATION
 * ====================================================================================================================*/
/*.navbar {
	height: 60px;
}*/

.navbar-default {
  background-color: #ffffff;
}

.navbar-default .navbar-nav>li>.header-listing {
	margin-top: 9px;
	font-size: 12px;
  	padding: 6px 20px;
	letter-spacing: 0.5px;
	color: #ffffff;
	line-height: 17px;
	margin-right: 10px;
}

.navbar-default .navbar-nav>li>.header-listing:hover {
	color: #fff;
	background-color: #c9302c;
	border-color: #ac2925;
	font-weight: 400;
}

.header-wishlist {
	color: var(--green);
}

#nav-logo {
	width: 180px;
}

#nav-mobile-logo {
	display: none;
	width: 40px;
}

.navbar-brand {
	height: 56px;
	padding: 10px 15px;
}

.nav>li>a {
	padding: 15px 10px;
}

#header-search-input {
  margin-top: 9px;
  background-image: url('../png/search-icon.png');
  background-position: 8px 8px;
  background-repeat: no-repeat;
  width: 285px;
  padding-left: 35px;
  display: inline-block;
}

.navbar-mobile-search {
	display: none;
	width: 100%;
	overflow-x: auto;
	overflow-y: hidden;
	margin-top: 8px;
	background-image: url('../png/search-icon.png');
  background-position: 8px 8px;
  background-repeat: no-repeat;
  padding-left: 35px;
}

.navbar-fixed-top .mobile-li-item {
	display: none;
}

.nav-profile-li {
	margin-top: 7px;
	margin-right: 15px;
	cursor: pointer;
}

.nav-profile-li .user-profile-xsmall {
	margin-right: 3px;
}

.nav-wishlist {
	padding-right: 10px;
}

.nav-inbox {
	padding-left: 0px;
	padding-right: 20px;
}

.dropdown-menu>li>a {
	color: #777777;
}

.navbar-search-form {
	display: inline-block;
}


.notification-badge {
	background: #E33E48;
	color: #ffffff;
	margin-left: 3px;
	font-weight: 400;
	padding-bottom: 5px;
	position: absolute;
	left: 20px;
	top: 22px;
}

.notification-mobile-badge {
	background: #E33E48;
	color: #ffffff;
	margin-left: 3px;
	font-weight: 400;
	left: 20px;
	top: 22px;
}

#nav-cities-select {
	width: 285px;
	border: 0;
	outline: 1px solid #CCC;
	background-color: white;
	margin-top: 8px;
}

/* Temporary For Phase 1*/
#nav-cities-mobile-select {
	display: none;
	border: 0;
	outline: 1px solid #CCC;
	background-color: white;
	margin-top: 8px;
}

.navbar-select-container {
	margin-top: 8px;
	position: relative;
}

.navbar-select {
	background: #ffffff;
    color: #555555;
    border: 1px solid #cccccc;
    padding: 7px 10px;
    text-align: left;
    cursor: pointer;
    width: 260px;
    position: relative;
}

.navbar-select .caret {
	position: absolute;
	right: 10px;
    top: 15px;
}

.navbar-select-container .select-column-container {
	position: absolute;
	background: #ffffff;
    top: 35px;
    width: 100%;
    border: 1px solid #cccccc;
    z-index: 1;
    width: 500px;
    display: none;
}

.navbar-select-container .select-column-container.opened {
	display: block;
}

.navbar-select-container .select-column {
	width: 50%;
    display: inline-block;
    text-align: left;
    float: left;
    padding: 5px 40px 7px 7px;
    margin-bottom: 15px;
}

.navbar-search-mobile-form {
	display: none;
}

.navbar-search-mobile-form  .navbar-select-container .navbar-select {
	width: 100%;
}

.navbar-search-mobile-form  .navbar-select-container .select-column-container {
	width: 100%;
	overflow-y: scroll;
	padding-bottom: 20px;
}

.navbar-search-mobile-form .navbar-select-container .select-column {
	width: 100%;
	padding-right: 12px;
	margin-bottom: 44px;
}

#main-navbar-container {
	height: 56px;
}

#main-navbar {
	margin-bottom: 0px;
	padding-left: 0px;
	position: relative;
}

#main-navbar > li{
	display: inline;
	text-transform: uppercase;
	font-size: 12px;
	letter-spacing: 1px;
	padding: 19px 25px;
	cursor: pointer;
}

#main-navbar li:first-child {
	padding-left: 0px;
}

#main-navbar .chervon {
	padding-bottom: 3px;
	padding-left: 5px;
}

#main-navbar > li > a {
	font-weight: 400;
	color: #777777;
}

#destination-navbar {
	position: absolute;
	top: 38px;
	background: #ffffff;
  border: 1px solid #cccccc;
  z-index: 1;
  width: 500px;
  display: none;
  letter-spacing: 0.5px;
}

#destination-navbar .select-column {
  width: 50%;
  display: inline-block;
  text-align: left;
  float: left;
  padding: 5px 40px 7px 7px;
  margin-bottom: 15px;
  min-height: 315px;
}

#destination-navbar ul.select-column li.country a {
	text-transform: none;
	letter-spacing: 0.5px;
}

#destination-navbar .country, #sg-navbar .country {
	cursor: pointer;
}

#sg-navbar-tab {
	position: relative;
}

#sg-navbar {
	position: absolute;
	top: 53px;
	background: #ffffff;
  border: 1px solid #cccccc;
  z-index: 1;
  width: 250px;
  display: none;
  left: 30px;
}

#sg-navbar .select-column {
    width: 100%;
    display: inline-block;
    text-align: left;
    float: left;
    padding: 5px 40px 7px 7px;
    margin-bottom: 15px;
}

#sg-navbar ul.select-column li.country a {
    text-transform: none;
    letter-spacing: 0.5px;
}

#navbar.new > .nav {
	background: #ffffff;
	border-bottom: 1px solid #ebebeb;
	box-shadow: 0px 2px 10px rgba(0,0,0,0.1);
}

#navbar.new {
	margin-top: 4px;
	border-top: 0px;
}

/* ====================================================================================================================
 * HOMEPAGE - PRESS
 * ====================================================================================================================*/
 #home-press {
 	background: #F4F4F4;
 	text-align: center;
 	padding-top: 30px;
 	padding-bottom: 30px;
 }

 #home-press .title {
 	text-transform: uppercase;
 	font-weight: 600;
 	color: #B4B4B4;
 	font-size: 16px;
 	margin-bottom: 15px;
 }

 #home-press img {
	max-width: 100%;
 }

#home-press .mobile-press {
	display: none;
}

#home-press .desktop-press .press-item{
	padding-left: 10px;
	padding-right: 10px;
	width: 10%;
	float: left;
	position: relative;
    min-height: 1px;
}

#home-press .desktop-press .press-item.large{
	width: 15%;
}

#home-press .desktop-press .press-item.small{
	width: 7.5%;
}


/* ====================================================================================================================
 * HOMEPAGE - NAVBAR
 * ====================================================================================================================*/
.navbar-picker {
	width: 15px;
	margin-right: 7px;
}

#popular-navbar {
	background: #48BBAE;
	padding-top: 7px;
	padding-bottom: 7px;
}

#popular-navbar .popular-destinations {
	display: inline-block;
  font-size: 8px;
  color: #ffffff;
  letter-spacing: 1px;
  text-transform: uppercase;
  line-height: 10px;
}

#popular-navbar ul{
	margin-bottom: 0px;
	padding-left: 10px;
}

#popular-navbar ul li:first-child {
	border-left: 0px;
}

#popular-navbar ul li{
	display: inline;
	padding-left: 15px;
	padding-right: 15px;
	border-left: 1px solid #cffff9;
}

#popular-navbar ul li a{
	color: #ffffff;
	font-weight: 400;
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: 1px;
}

#booking-2021-navbar {
	background: #f37b7b;
    padding-top: 7px;
    padding-bottom: 7px;
    color: #ffffff;
}

#booking-2021-navbar a{
    color: #ffffff;
    font-weight: 400;
}

#booking-2021-navbar .fa-exclamation-circle {
	margin-right: 5px;
} 

#booking-2021-navbar .booking-2021-navbar-mobile {
	display: none;
}


/* ====================================================================================================================
 * HOMEPAGE - CAROUSEL
 * ====================================================================================================================*/

#homepage-carousel {
	position: relative;
}

#homepage-carousel .owl-item a {
	font-weight: 400;
}

#homepage-carousel .row.first {
	position: relative;
}

#homepage-carousel .carousel-title-container {
	text-align: center;
	position: absolute;
	width: 100%;
	top: 0px;
	height: 100%;
}

#homepage-carousel .fa-paper-plane-o {
  font-size: 30px;
  color: #ffffff;
  margin-bottom: 10px;
}

#homepage-carousel .carousel-title-container .carousel-inner-container {
	width: 100%;
}

#homepage-carousel .carousel-title h1{
	color: #ffffff;
  	font-size: 40px;
  	letter-spacing: 5px;
  	padding-left: 10px;
  	padding-right: 10px;
  	margin-top: 0px;
  	margin-bottom: 0px;
  	font-weight: 200;
  	letter-spacing: 2px;
  	line-height: 56px;
  	margin-bottom: 5px;
}

#homepage-carousel .carousel-subtitle {
	font-size: 16px;
	color: #ffffff;
	font-weight: 200;
	margin-bottom: 20px;
	max-width: 100%;
    overflow: hidden;
    padding-left: 5px;
    padding-right: 5px;
}

#homepage-carousel .carousel-subtitle .country, #homepage-carousel .carousel-subtitle .phrase {
	transform: translate3d(0, 0, 0);
    transition: 500ms all cubic-bezier(0.23, 1, 0.32, 1);
    display: inline-block;
}


#homepage-carousel .carousel-subtitle .country span, #homepage-carousel .carousel-subtitle .phrase span {
	white-space: nowrap;
	font-weight: 600;
}


#homepage-carousel .select-picker {
	width: 50%;
	margin-left: auto;
	margin-right: auto;
}

#homepage-carousel .carousel-select {
	background: #ffffff;
	color: #555555;
    border: 1px solid #cccccc;
    padding: 7px 10px;
    text-align: left;
    cursor: pointer;
}

#homepage-carousel .carousel-select-container {
	width: 70%;
	max-width: 500px;
	display: inline-block;
	position: relative;
}

#homepage-carousel .carousel-select-container .caret {
	position: absolute;
    right: 10px;
    top: 15px;
}

#homepage-carousel .select-column-container {
	position: absolute;
	background: #ffffff;
	top: 35px;
	width: 100%;
	border: 1px solid #cccccc;
	z-index: 1;
	display: none;
}

#homepage-carousel .select-column-container.opened {
	display: block;
}

#homepage-carousel .select-column-container .select-column {
	width: 50%;
	display: inline-block;
	text-align: left;
	float: left;
	padding: 5px 40px 7px 7px;
	margin-bottom: 15px;
	min-height: 315px;
}

ul.select-column {
	list-style: none;
	font-size: 14px;
	line-height: 21px;
}

ul.select-column li.continent {
    background: url('../citybox_border.html') left center repeat-x;
    margin-top: 15px;
    margin-bottom: 3px;
}

ul.select-column .clear {
	clear: both;
	height: 0px;
}

ul.select-column li.continent .continent-name {
	color: var(--green);
    text-transform: uppercase;
    background-color: #fff;
    float: left;
    padding: 0 8px 0 5px;
    font-weight: 600;
}

ul.select-column li.country.active {
	background: #ebebeb;
}

ul.select-column li.country a{
	display: block;
    color: #777777;
    cursor: pointer;
    font-size: 12px;
    font-weight: 400;
    padding-left: 5px;
}

.carousel-container {
	position: relative;
}

.carousel-container .carousel-credits{
	position: absolute;
	bottom: 10px;
	right: 10px;
	color: #ffffff;
}

.carousel-select-container .country.has-child, .navbar-select-container .country.has-child, #destination-navbar-tab .country.has-child{
	display: block;
    color: #777777;
    cursor: pointer;
    font-size: 12px;
    font-weight: 400;
    padding-left: 5px;
}

#destination-navbar-tab .country.has-child {
	text-transform: none;
}

.country-submenu {
	position: absolute;
	width: 100%;
	height: 100%;
	display: none;
	top: 0px;
	left: 0px;
	background: #ffffff;
	padding-top: 20px;
	padding: 5px 7px;
	padding-right: 12px;
}

.country-submenu .title {
	color: var(--green);
    text-transform: uppercase;
    float: left;
    padding: 0 8px 0 5px;
    font-weight: 600;
    margin-bottom: 10px;
    display: block;
    width: 100%;
    font-size: 14px;
    margin-top: 15px;
}

.country-submenu .sub-item-row {
	margin-left: -5px;
    margin-right: -5px;
}

.country-submenu .back {
	position: absolute;
	top: 20px;
    right: 15px;
}

.country-submenu .submenu-item {
	width: 33.3333333%;
	float: left;
    position: relative;
    min-height: 1px;
    padding-left: 5px;
    padding-right: 5px;
    margin-bottom: 10px;
}

.country-submenu .submenu-item:nth-child(3n+1) {
	clear: both;
}

.country-submenu .submenu-item img{
	width: 100%;
	margin-bottom: 5px;
}

.country-submenu .submenu-item .name {
	padding-left: 5px;
	line-height: 16px;
}


/* ====================================================================================================================
 * HOMEPAGE - TOP CITIES
 * ====================================================================================================================*/
#home-top-cities {
	margin-top: 50px;
	padding-bottom: 30px;
}

#home-top-cities .slick-dots {
	display: none!important;
}

#home-top-cities h3 {
	margin-top: 0px;
	margin-bottom: 20px;
	font-size: 24px; 
}

#home-top-cities .city-row {
	margin-left: -10px;
	margin-right: -10px;
}

#home-top-cities .city-item{
	width: 20%;
	float: left;
    position: relative;
    min-height: 1px;
    padding-left: 10px;
    padding-right: 10px;
	margin-bottom: 20px;
}

#home-top-cities .city-item img{
	width: 100%;
	cursor: pointer;
	transition: all 0.1s ease-in-out;
}

#home-top-cities .city-item-container{
	position: relative;
	overflow: hidden;
}

#home-top-cities .city-name-container{
	position: absolute;
	margin: auto;
	top: 20px;
	text-align: center;
	height: 60px;
	width: 100%;
}

#home-top-cities .city-name-container .vertical-align {
	height: 100%;
}

#home-top-cities .city-name-inner {
	width: 100%
}

#home-top-cities .city-name {
	font-size: 21px;
	display: inline-block;
	color: #555555;
	font-weight: bold;
	letter-spacing: 1px;
	padding: 10px;
	text-transform: uppercase;
	line-height: 24px;
	width: 80%;
	height: 70px;
	background: #ffffff;
}

#home-top-cities .city-name .city {
	text-align: center;
    display: inline-block;
    width: 100%;
}

/* ====================================================================================================================
 * HOMEPAGE - WHY BOOK
 * ====================================================================================================================*/
#home-why-book {
	background: #F4F4F4;
    padding-top: 40px;
    padding-bottom: 20px;
}

#home-why-book h3 {
	margin-top: 0px;
	margin-bottom: 20px;
	font-size: 24px; 
}

#home-why-book .why-book-row {
	margin-left: -10px;
	margin-right: -10px;
}

#home-why-book .why-us-item  {
	padding-left: 10px;
	padding-right: 10px;
	margin-bottom: 20px;
}

#home-why-book .why-us-item .inner {
	border: 1px solid #ebebeb;
	background: #ffffff;
	padding: 20px;
}

#home-why-book .icon-container {
	margin-right: 20px;
}

#home-why-book .icon-container img {
	width: 120px;
}

#home-why-book .title {
	font-size: 20px;
	font-weight: 800;
	margin-bottom: 5px;
}



/* ====================================================================================================================
 * HOMEPAGE - TOP CITIES
 * ====================================================================================================================*/

#home-korean-studios {
	margin-top: 30px;
	padding-left: 40px;
    padding-right: 40px;
}

#home-korean-studios .slick-dots {
	display: none!important;
}

#home-korean-studios h3 {
	margin-top: 0px;
    font-size: 24px;
    display: inline-block;
    margin-right: 10px;
}

#home-korean-studios .title-bar {
	margin-bottom: 20px;
}

#home-korean-studios .item .wrapper {
    width: 100%;
}

#home-korean-studios .slider-korean-studios {

	margin-left: -10px;
	margin-right: -10px;
}

#home-korean-studios .item > a {
	width: 100%;
	margin-left: 10px;
    margin-right: 10px;
    position: relative;
}

#home-korean-studios .cover {
	width: 100%;
    height: 250px;
    overflow: hidden;
    background-size: cover;
    background-position: center center;
    margin-bottom: 10px;
}

.slider-korean-studios .slick-prev {
	left: -30px;
}

.slider-korean-studios .slick-next {
	right: -30px;
}

#home-korean-studios .price-container {
	position: absolute;
    right: 0px;
    top: 30px;
    background: rgba(0,0,0,0.65);
    color: #fff;
    font-size: 16px;
    padding: 7px 10px 7px 10px;
    font-weight: 400;
}

#home-korean-studios .user-profile-xsmall {
	margin-right: 10px;
}

#home-korean-studios .businessName {
	font-size: 14px;
	margin: 0px;
	color: #555555;
	font-weight: 600;
}

#home-korean-studios .view-count {
    font-weight: 500;
    font-size: 12px;
    color: #AAAAAA;
    padding-right: 10px;
    display: inline-block;
}

#home-korean-studios .reviews { 
    display: inline-block;
    font-weight: 500;
    color: #aaaaaa;
    font-size: 12px;
    border-left: 1px solid #ebebeb;
    padding-left: 10px;
 }

/* ====================================================================================================================
 * HOMEPAGE - PROPOSALS
 * ====================================================================================================================*/

 #home-proposal {
 	background: #F8F8F8;
 	padding: 40px 0px;
 	margin-top: 30px
 }

#home-proposal .home-proposal-cover{
	height: 350px;
    overflow: hidden;
    background-size: cover;
    background-position: center center;
}

#home-proposal .new-badge {
	font-size: 12px;
	text-transform: uppercase;
	border-radius: 22px;
	border: 1px solid #F37B7B;
	display: inline-block;
	color: #F37B7B;
	padding: 4px 15px;
	line-height: 12px;
	font-weight: 600;
}

#home-proposal h3{
	font-size: 28px;
	margin-bottom: 0px;
}

#home-proposal .now-available{
	color: #555555;
	font-size: 22px;
	font-weight: 600;
	margin-bottom: 20px;
}

#home-proposal ul {
	padding-left: 15px;
    margin-top: 20px;
}

#home-proposal ul li {
	padding-top: 2px;
	padding-bottom: 2px;
}

#home-proposal .wrapper {
	margin-left: 15px;
}

#home-proposal .btn-container {
	margin-top: 30px;
}

#home-proposal .btn-container .btn-book {
	text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 1.3px;
    border-radius: 4px;
    padding: 11px 50px;
}

/* ====================================================================================================================
 * HOMEPAGE - CLIENTS
 * ====================================================================================================================*/
#home-client-stories {
	margin-top: 50px;
	padding-left: 40px;
    padding-right: 40px;
    border-bottom: 1px solid #EBEBEB;
    padding-bottom: 10px;
}

#home-client-stories h3 {
	margin-top: 0px;
    font-size: 24px;
    display: inline-block;
    margin-right: 10px;
}

#home-client-stories .title-bar {
	margin-bottom: 20px;
	font-size: inherit;
}

#home-client .testimonial-container {
	position: relative;
	max-width: 650px;
}

#home-client .open-quote {
	position: absolute;
	top: 0px;
}

#home-client .close-quote {
	position: absolute;
	top: 0px;
	right: 0px;
}

#home-client-stories .client-story-item:nth-child(3n+1) {
	clear: both;
}

.client-story-item {
	margin-bottom: 30px
}

.client-story-item .cover {
	position: relative;
}

.client-story-item .cover img{
	width: 100%;
}

.client-story-item .cover .cover-city {
	font-weight: 600;
	color: #ffffff;
	position: absolute;
	bottom: 0px;
	width: 100%;
	padding: 10px 15px;
	background: rgba(0,0,0,0.65);
}

.client-story-item .cover .cover-city .fa-camera {
	margin-right: 5px;
}

.client-story-item .testimonial {
    height: 40px;
    margin-top: 15px;
    margin-bottom: 5px;
    overflow: hidden;
}

.client-story-item .customer-name {
	color: #555555;
	font-weight: 600;
	margin-bottom: 5px
}

/* ====================================================================================================================
 * HOMEPAGE - SEO
 * ====================================================================================================================*/
#home-seo {
	margin-top: 20px;
	margin-bottom: 40px;
}

#home-seo h3 {
	margin-top: 20px;
    font-size: 24px;
    margin-right: 10px;
    margin-bottom: 15px
}

/* ====================================================================================================================
 * HOMEPAGE - PROMOTION
 * ====================================================================================================================*/
#home-promotion {
	height: 700px;
	padding-bottom: 200px;
	position: relative;
	margin-top: 100px; 
}

#home-promotion h3 {
	display: none;
	margin-top: 0px;
    margin-bottom: 20px;
    font-size: 24px;
}

#home-promotion .bg-container {
	height: 500px;
	width: 100%;
	overflow: hidden;
	background-size: cover;
	background-position: center center;
	background-image: url('../jpg/home-promotion-bg.jpg');
	position: absolute;
	top: 0px;
}

#home-promotion .home-promotion-text {
	position: absolute;
	top: 25px;
	left: 10%;
}

#home-promotion > .container {
	position: relative;
	height: 100%;
}

#home-promotion .item-row {
	background: #ffffff;
	position: absolute;
	width: 100%;
	bottom: -150px;
	padding: 10px 5px;
	margin-left: -5px;
	margin-right: -5px;
	left: 5px;
}

#home-promotion .item {
	width: 20%;
	position: relative;
    min-height: 1px;
    padding-left: 5px;
    padding-right: 5px;
    float: left;
    cursor: pointer;
}

#home-promotion .item img {
	width: 100%;
}

#home-promotion .item a:hover img {
    opacity: 0.7;
    -moz-opacity: 0.7;
    filter: alpha(opacity=70);
}

/* ====================================================================================================================
 * HOMEPAGE - MARKETPLACE
 * ====================================================================================================================*/
#home-marketplace {
	padding-left: 40px;
    padding-right: 40px;
    margin-top: 30px;
}

#home-marketplace h3 {
	margin-top: 0px;
    font-size: 24px;
    margin-right: 10px;
    margin-bottom: 15px
}

#home-marketplace .subtitle {
	margin-bottom: 40px;
}

#home-marketplace img {
	width: 100%
}

#home-marketplace .wrapper {
	position: relative;
}

#home-marketplace .wrapper .text-container {
	height: 100%;
	position: absolute;
	top: 0px;
	width: 100%;
}

#home-marketplace .wrapper .text-container > .vertical-align {
	height: 100%;
	width: 100%;
}

#home-marketplace  .marketplace-open-banner {
	background: #E8F8F7;
	width: 35%;
	margin-left: 5%;
	padding: 40px 15px;
	text-align: center;
	color: #555555;
}

#home-marketplace  .marketplace-open-banner .title {
	color: #555555;
	font-size: 20px;
	font-weight: 600;
	margin-bottom: 5px;
	line-height: 24px;
}

#home-marketplace  .marketplace-open-banner .price {
	margin-bottom: 15px;
	font-weight: 600;
}

#home-marketplace  .marketplace-open-banner .description {
	margin-bottom: 20px;
}

#home-marketplace  .marketplace-open-banner .btn {
	background: #555555;
	padding: 10px 30px;
	border-radius: 4px;
	border-color: #555555;
}

#home-marketplace  .marketplace-open-banner .btn:hover {
	background: var(--green);
	border-color: var(--green);
} 

.home-mp-banner-mobile {
	display: none;
}

#home-marketplace .home-mp-banner-mobile .item {
	width: 33.333333%;
	float: left;
	padding-left: 5px;
	padding-right: 5px;
}

#home-marketplace .home-mp-banner-mobile .mobile-row {
	margin-left: -10px;
	margin-right: -10px;
	margin-top: 10px;
}

#home-marketplace .home-mp-banner-mobile .item img {
	width: 100%;
}

/* ====================================================================================================================
 * HOMEPAGE - WEDDING RESOURCES
 * ====================================================================================================================*/
#home-wedding-resources {
	margin-top: 50px;
	margin-bottom: 50px;
	text-align: center;
}

#home-wedding-resources h2 {
	margin-top: 0px;
	letter-spacing: 2px;
	text-transform: uppercase;
	font-size: 20px;
}

#wedding-blog-container .resource-item {
	height: 230px;
	width: 100%;
	overflow: hidden;
	background-size: cover;
	background-position: center center;
}

#wedding-blog-container .resource-item-container:nth-child(3n+1) {
	clear: both;
}

#wedding-blog-container .description {
	display: none;
}

#wedding-blog-container .resource-title {
	text-align: left;
	margin-top: 10px;
	font-size: 15px;
	margin-bottom: 10px
}

#wedding-blog-container .description {
	font-size: 12px;
	color: #545353;
	text-align: left
}

#home-wedding-resources .subtitle {
	margin-bottom: 20px;
	font-size: 12px;
    color: #9f9f9f;
    text-align: center;
    margin-top: 20px;
}


/* ====================================================================================================================
 * HOMEPAGE - FOOTER
 * ====================================================================================================================*/
footer {
	background: #F4F4F4;
}

footer .footer-row {
	padding-bottom: 50px;
}

footer h4 {
	margin-top: 50px;
	color: #777777;
	font-weight: 600;
	text-transform: uppercase;
	font-size: 14px;
	letter-spacing: 1.75px
}

footer ul {
	list-style-type: none;
	padding: 0px;
}

footer ul li {
	margin-bottom: 5px;
}

footer ul li a{
	color: #777777;
	font-weight: 400;
}

footer ul li a:hover {
	font-weight: 400;
}

footer .footer-listing {
	margin-top: 30px;
}

footer #social-media-panel {
	background: var(--green);
}

footer #social-media-panel {
	padding: 30px 0px;
  	text-align: center;
}

footer #social-media-panel ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	margin-bottom: 15px;
}

footer #social-media-panel ul li {
	display: inline;
	padding: 0px 10px;
}

footer #social-media-panel .copyright {
	color: #fff;
	font-size: 13px;
}

footer .for-photographer {
	margin-top: 30px;
}

#footer-desktop .logo-container {
	text-align: center;
}


#footer-desktop .logo-container img{
	margin-top: 50px;
	width: 150px;
	margin-left: auto;
	margin-right: auto;
}

#footer-desktop .logo-container .tagline {
	font-size: 12px;
	margin-top: 10px;
	max-width: 220px;
	margin-left: auto;
	margin-right: auto;
}

#footer-mobile {
	display: none;
	padding-top: 10px;
	padding-bottom: 20px;
	text-align: center;
}

#footer-mobile ul {
	margin-bottom: 15px;
}

#footer-mobile ul li{
	display: inline;
	padding: 0px 5px;
}

#footer-mobile ul li a {
	font-weight: 600;
}

footer .tablet-footer {
	display: none;
}

footer .language-selector-container {
	padding-top: 15px;
}

footer .language-selector {
	max-width: 150px;
}

footer .language-selector.mobile {
	margin-left: auto;
	margin-right: auto;
}

.wa-float{
	position:fixed;
	width:60px;
	height:60px;
	bottom:40px;
	right:40px;
	background-color:#25d366;
	color:#FFF;
	border-radius:50px;
	text-align:center;
  	font-size: 40px;
	box-shadow: 2px 2px 3px #999;
  	z-index:100;
}

.wa-float:hover{
	color: #ffffff;
	background-color:#24c460;
}

.wa-float:visited{
	color: #ffffff;
}



/* ====================================================================================================================
 * SEARCH
 * ====================================================================================================================*/
#search {
	margin-top: 70px;
}

#search.search-result {
	padding-left: 0px;
	padding-right: 0px;
}

.search-header {
	font-size: 18px;
	text-transform: uppercase;
	letter-spacing: 1.8px;
	line-height: 21px;
	margin-bottom: 5px;
	margin-top: 0px;
	text-align: center;
}

#search .search-photographer:nth-child(3n+1) {
	clear: both;
}

#search .text-lead {
	margin-bottom: 40px;
}

.search-photographer {
	position: relative;
	margin-bottom: 20px;
}

.search-photographer img{
	width: 100%;
	margin-bottom: 15px;
	margin-right: 10px;
}

.search-photographer .user-profile-xsmall {
	width: 35px!important;
	margin-bottom: 0px;
}

.search-photographer-price {
	position: absolute;
	right: 15px;
	top: 30px;
	background: rgba(0,0,0,0.65);
	color: #fff;
	font-size: 16px;
	padding: 7px 10px 7px 10px;
}

#search h3 {
	margin: 0px;
	font-weight: 600;
	font-size: 14px;
}

#search h4 {
	margin: 0px;
	font-weight: 500;
	font-size: 12px;
	color: #AAAAAA;
	display: inline-block;
	padding-right: 10px;
	border-right: 1px solid #ebebeb;
	margin-right: 10px;
	line-height: 15px;
}

#search .viewcount {
	display: inline-block;
	color: #aaaaaa;
	font-size: 12px;
	padding-right: 10px;
    border-right: 1px solid #ebebeb;
    margin-right: 10px;
}

#search .viewcount .fa-eye {
	margin-right: 5px;
}

#search .reviews {
	display: inline-block;
	color: #aaaaaa;
	font-size: 12px;
} 

.btn-wishlist {
	background: #ffffff;
	border-radius: 5px;
	border: 1px solid #EFEFEF;
	padding: 10px 15px;
	margin-right: 5px;
	float: right;
}

.btn-wishlist:hover, .btn-wishlist:focus, .btn-wishlist:active, .btn-wishlist.active {
	background: #f9f8f8;
	border: 1px solid #EFEFEF;
}

.btn-list-wishlist {
	color: var(--green)
}

.btn-booking {
	font-size: 16px;
	padding-left: 25px;
	padding-right: 25px;
	float: right;
}

#search .search-main-container .search-header{
	margin-top: 40px;
	margin-bottom: 15px;
	font-size: 22px;
}

#search .search-main-container .search-header-description {
	max-width: 700px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 50px;
}

#search .photographer-wrapper {
  width: 100%;
  height: 250px;
  overflow: hidden;
  background-size: cover;
  background-position: center center;
  margin-bottom: 10px;
}

#search .btn-list-wishlist.fa-heart {
	color: #F37B7B;
}

#search .wishlist-title {
	margin-bottom: 15px;
}

#search .search-businessName a{
	color: #555555;
}


.search-viewmore-container {
	text-align: center;
	margin-top: 30px;
}

.search-btn-viewmore {
	padding-left: 30px;
	padding-right: 30px;
	background-color: transparent;
  	color: var(--green);
  	font-size: 14px;
  	border: 2px solid var(--green);
}

#search .parallax-window {
  	min-height: 460px;
    background: transparent;
    overflow: hidden;
    background-size: cover;
    background-position: center center;
    position: relative;
}

#search .city-cover {
	height: 460px;
}

#search.neighbourhood .parallax-window {
	min-height: 400px;
}


#search.neighbourhood .city-cover{
	height: 400px;
}

#search .city-cover .city-name-container {
	text-align: center;
	width: 100%;
}

#search .city-cover .city-name {
	color: #ffffff;
	font-size: 28px;
	line-height: 36px;
	text-transform: uppercase;
	letter-spacing: 5px;
	text-shadow: 0px 0px 5px rgba(0,0,0, 0.24);
	margin-bottom: 5px;
}

#search.neighbourhood .city-cover .city-name {
	font-size: 42px;
	font-weight: 600;
	letter-spacing: 1.5px;
	text-transform: none;
	margin-bottom: 10px;
	line-height: 45px;
	padding-left: 5px;
	padding-right: 5px;
} 

#search .city-cover .subtitle {
	color: #ffffff;
	font-size: 14px;
	letter-spacing: 0.5px;
	text-shadow: 0px 0px 5px rgba(0,0,0, 0.24);
}

#search.neighbourhood .city-cover .subtitle {
	font-size: 16px;
	font-weight: 500;
	letter-spacing: 1px;
}

#search .city-photographer {
	text-align: center;
	padding-bottom: 20px;
	width: 100%;
	position: absolute;
	bottom: 0px;
}

#search .city-photographer .city-photographer-name {
	font-weight: 400;
	font-size: 12px;
	color: #ffffff;
	letter-spacing: 0.5px;
	margin-top: 3px;
}

#search .city-photographer .city-photographer-place {
	font-weight: 400;
	font-size: 11px;
	color: #ffffff;
	letter-spacing: 0.5px;
}

#search .city-summary {
	margin-top: 40px;
	color: #555555;
}

#search.neighbourhood .city-summary .title{
	font-size: 18px;
}

#search .city-summary .divider {
	border-bottom: 1px solid #ebebeb;
	min-height: 1px;
	margin-top: 20px;
}

#search .city-summary .title {
	text-transform: uppercase;
	font-size: 16px;
	letter-spacing: 1.5px;
	margin-bottom: 15px;
	font-weight: 600;
}

#search .city-summary .title.no-margin {
	margin-bottom: 3px;
}

#search .city-summary .subtitle {
	margin-bottom: 15px;
}

#search .city-summary .description {
	letter-spacing: 0.5px;
	line-height: 20px;
	margin-bottom: 20px;
	font-size: 12px;
}

#search.neighbourhood .city-summary .description {
	line-height: 22px;
	font-size: 14px;
	margin-bottom: 0px;
}

#search.neighbourhood .city-col-row {
	margin-left: -5px;
	margin-right: -5px;
}

#search.neighbourhood .city-location-col {
	padding-left: 5px; 
	padding-right: 5px;
}

#search.neighbourhood .city-highlight-item {
	margin-top: 40px;
	margin-bottom: 40px;
}

#search.neighbourhood .highlight-img img{
	max-width: 100%;
}

#search.neighbourhood .highlight-title {
	text-transform: uppercase;
	font-size: 18px;
	letter-spacing: 1.6px;
	margin-top: 0px;
}

#search.neighbourhood .highlight-subtitle {
	margin-bottom: 15px;
}
 
#search.neighbourhood .highlight-description {
	margin-bottom: 15px;
}

#search.neighbourhood .highlight-thumbnails img{
	max-width: 100%;
	cursor: pointer;
} 

#search.neighbourhood .highlight-thumbnails {
	margin-left: -5px;
	margin-right: -5px;
}

#search.neighbourhood .highlight-thumbnails .thumb {
	padding-left: 5px;
	padding-right: 5px;
}

#search .city-location {
	width: 100%;
	margin-bottom: 10px;
}

#search .location-name {
	font-size: 12px;
	letter-spacing: 0.5px;
	line-height: 14px;
	text-align: center;
	margin-bottom: 20px;
}

#search .all-location-container {
	margin-top: 5px;
	margin-bottom: 20px;
}

#search .all-location-container .btn {
	font-weight: 600;
	text-transform: uppercase;
	border-radius: 4px;
	font-size: 12px;
	padding: 8px 20px;
}

#neighbourhood-location {
	margin-top: 30px;
}

#neighbourhood-location .city-tabs-container {
	margin-bottom: 30px;
	text-align: center;
}

#neighbourhood-location .city-tabs {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#neighbourhood-location .city-tabs li {
	display: inline;
	border-right: 1px solid #E2E2E2;
	padding-left: 20px;
	padding-right: 20px;
	font-size: 15px;
	text-transform: uppercase;
	font-weight: 600;
}

#neighbourhood-location .city-tabs li:last-child {
	border-right: 0px;
}

#neighbourhood-location .city-tabs li a {
	color: #555555;
	border-bottom: 4px solid transparent;
	padding-bottom: 4px;
}

#neighbourhood-location .city-tabs li.active a{
	border-bottom: 4px solid var(--green);
}

#neighbourhood-location .location-list-container h2{
	font-size: 18px;
	letter-spacing: 1.5px;
	text-transform: uppercase;
	margin-bottom: 15px;
}

#neighbourhood-location .location-list-container .description {
	padding-bottom: 30px;
	border-bottom: 1px solid #E2E2E2;
	margin-bottom: 30px;
}

#neighbourhood-location h4 {
	font-size: 18px;
	letter-spacing: 1.5px;
	text-transform: uppercase;
	margin-bottom: 20px;
}

#neighbourhood-location .location-types .location-row {
	margin-left: -7.5px;
	margin-right: -7.5px;
}

#neighbourhood-location .location-types .location-item{
	padding-left: 7.5px;
	padding-right: 7.5px;
	margin-bottom: 25px;
}

#neighbourhood-location .location-types .city-label {
	color: #ffffff;
    text-transform: uppercase;
    font-size: 10px;
    font-weight: 500;
    border-radius: 4px;
    padding: 2px 7px;
    display: inline-block;
    align-self: flex-start;
    margin-left: auto;
    text-align: center;
}

#neighbourhood-location .location-types .city-label.red {
	background: #DE5656
}

#neighbourhood-location .location-types .city-label.blue {
	background: #55b2da
}

#neighbourhood-location .location-types .location-item:nth-child(3n+1) {
	clear: both;
}

#neighbourhood-location .location-types .location-item img {
	width: 100%;
	margin-bottom: 15px;
}

#neighbourhood-location .location-types .name {
	font-size: 16px;
	color: #555555;
	font-weight: 600;
	padding-bottom: 7px;
	border-bottom: 1px solid #EBEBEB;
	margin-bottom: 10px;
}

#neighbourhood-location .location-types .name-container { 
	margin-right: 10px;
}

#neighbourhood-location .img-cover {
	position: relative;
}

#neighbourhood-location .img-cover .pg-name {
	position: absolute;
	color: #ffffff;
	bottom: 20px;
	right: 10px;
	text-shadow: 0px 2px 6px rgba(0,0,0,0.7);
	font-weight: 400;
}

#city-all-pg-container {
	text-align: center;
	border-top: 1px solid #EBEBEB;
	padding-top: 30px;
	margin-top: 20px;
	color: #555555;
	margin-bottom: 50px;
}

#city-all-pg-container .icon {
	margin-bottom: 20px;
}

#city-all-pg-container .subtitle {
	font-weight: 600;
	margin-bottom: 20px;
	font-size: 16px;
}

#city-all-pg-container .btn {
	text-transform: uppercase;
	letter-spacing: 1.3px;
	font-weight: 600;
	border-radius: 4px;
	padding: 10px 20px;
	margin-bottom: 15px;
}

#search-browse {
	margin-top: 30px;
	border-top: 1px solid #ebebeb;
	padding-top: 30px;
	text-align: center;
	margin-bottom: 70px;
}

#search-browse .browse-other {
	text-transform: uppercase;
    font-size: 20px;
    letter-spacing: 2px;
    font-weight: 600;
    margin-bottom: 0px;
}

#search-browse .browse-subtitle {
	margin-bottom: 20px;
}

#search-browse .btn-ask-eve {
	text-transform: uppercase;
	border-radius: 4px;
	padding: 8px 30px;
	font-weight: 600;
	letter-spacing: 1.3px;
	color: var(--green);
	border-color: var(--green);
}

.search-pagination-container {
	text-align: center;}

#pagination-demo .first {
	display: none;
}

#pagination-demo .prev a{
	border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

#pagination-demo .last {
	display: none;
}

#pagination-demo .next a{
	border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}


.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus {
	background-color: var(--green);
	border-color: var(--green);
}

.pagination>li>a, .pagination>li>span {
	color: var(--green);
}

.pagination>li>a:hover, .pagination>li>span:hover, .pagination>li>a:focus, .pagination>li>span:focus {
	color: #48BBAE;
}

.mask-loading {
  widows: 100%;
  background-color: rgba(255, 255, 255, .75);
  position: relative;
  display: none;
}
.spinner1 {
  width: 50px;
  height: 50px;
  position: relative;
  margin: 0 auto;
}

.double-bounce1, .double-bounce2 {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: var(--green);
  opacity: 0.6;
  position: absolute;
  top: 0;
  left: 0;

  -webkit-animation: sk-bounce 2.0s infinite ease-in-out;
  animation: sk-bounce 2.0s infinite ease-in-out;
}

.double-bounce2 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}

@-webkit-keyframes sk-bounce {
  0%, 100% { -webkit-transform: scale(0.0) }
  50% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bounce {
  0%, 100% {
    transform: scale(0.0);
    -webkit-transform: scale(0.0);
  } 50% {
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
  }
}

 #also-serving {
 	padding-top: 15px;
 	text-align: center;
 	border-top: 1px solid #ebebeb;
 }

 #also-serving .search-header {
 	margin-top: 20px;
 	margin-bottom: 35px;
 	text-align: left;
 }

 #also-serving-result-row-result {
 	display: none;
 	text-align: left;
 }

 #also-serving .photographer-wrapper {
 	width: 100%;
    height: 250px;
    overflow: hidden;
    background-size: cover;
    background-position: center center;
    margin-bottom: 10px;
 }


 #also-serving h3 {
 	margin: 0px;
    font-weight: 600;
    font-size: 14px;
 }

 #also-serving p.text-lead {
 	margin-bottom: 20px;
 }

 #also-serving .search-businessName a {
 	color: #555555;
 }

  #also-serving  .search-photographer-price {
  	font-size: 16px;
  }

  #also-serving h4 {
	margin: 0px;
	font-weight: 500;
	font-size: 12px;
	color: #AAAAAA;
	display: inline-block;
	padding-right: 10px;
	border-right: 1px solid #ebebeb;
	margin-right: 10px;
  }

  #also-serving .viewcount {
  	color: #AAAAAA;
  	display: inline-block;
  	font-size: 12px;
  	padding-right: 10px;
    border-right: 1px solid #ebebeb;
    margin-right: 10px;
  }

  #also-serving  .viewcount .fa-eye {
  	margin-right: 5px;
  }

  #also-serving .reviews {
  	display: inline-block;
    color: #aaaaaa;
    font-size: 12px;
  }

  #also-serving .search-photographer:nth-child(3n+1) {
  	clear: both;
  }

  #load-alternative-city-btn {
  	cursor: pointer;
  	color: var(--green);
  }

  #suggest-city-container {
  	text-align: center;
  	margin-top: 15px;
  }

  #suggest-city-container .inner-container{
  	max-width: 450px;
  	display: inline-block;
  }

  #suggest-city-container .here-btn {
  	color: #6bc3b9;
  	font-weight: 700;
  	cursor: pointer;
  }

  #suggest-city-form {
  	margin-top: 10px;
  	display: none;
  }

  #suggest-city-container .subtitle {
  	font-size: 12px;
  }

  #search-browse .bootstrap-select.form-control:not([class*="span"]){
	max-width: 440px;
	margin-left: auto;
	margin-right: auto;
 }

  #search-browse .bootstrap-select>.btn{
	background: #ffffff;
	border: 1px solid #979797;
	color: #777777;
	border-radius: 4px;
	padding-top: 10px;
	padding-bottom: 10px;
}

/* ====================================================================================================================
 * SEARCH V2
 * ====================================================================================================================*/
#search-v2-bar {
	margin-top: 30px;
}

#search-v2-bar > .row {
	margin-left: -7.5px;
	margin-right: -7.5px;
}

#search-v2-bar .nav-tab-wrapper {
	padding-left: 7.5px;
	padding-right: 7.5px;
	width: 25%;
	position: relative;
    min-height: 1px;
    float: left;
}

#search-v2-bar .nav-tab-wrapper:nth-child(n+5) {
	margin-top: 10px;
} 

#search-v2-bar .border {
	border: 2px solid transparent;
}

#search-v2-bar .border.active {
	border: 2px solid var(--green);
}

#search-v2-bar .nav-img {
	width: 40%;
	max-width: 95px;
}

#search-v2-bar .nav-text {
	margin-left: 15px;
	text-transform: uppercase;
	color: #555555;
	letter-spacing: 2px;
	font-weight: 600;
	font-size: 12px;
}

#search-v2-bar .nav-tab.active .nav-text {
	color: var(--green);
}

#search-v2-bar .nav-tab .border.active .inner {
	border: 1px solid var(--green);
} 

#search-v2-bar .nav-tab .inner {
    box-shadow: 0px 2px 4px rgba(0,0,0,0.1);
    cursor: pointer;
    border: 1px solid #e2e2e2;
    transition: 0.2s ease;
}

#seo-packages {
	font-size: 12px;
	color: #9f9f9f;
	margin-bottom: 25px;
}

#search-v2-packages {
	margin-top: 30px;
}

#search-v2-packages h2{
	font-size: 18px;
	letter-spacing: 1.5px;
	text-transform: uppercase;
	font-weight: 600;
	margin-bottom: 20px;
	color: #555555;
	margin-top: 0px;
}

#search-v2-packages-table {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0;
    position: relative;
}

#search-v2-packages-table.cell-1 .table-cell{
	width: 100%;
}

#search-v2-packages-table.cell-2 .table-cell{
	width: 41.66666667%;
}

#search-v2-packages-table.cell-3 .table-cell{
	width: 33.3333333%;
}

#search-v2-packages .divider {
	border-bottom: 1px solid #ebebeb;
	margin-bottom: 15px;
}

#search-v2-packages-table .table-cell-head{
	font-size: 16px;
	margin-bottom: 15px;
	font-weight: 600;
	color: #555555;
	text-transform: uppercase;
	letter-spacing: 1.5px;
}

#search-v2-packages-table .estimated-price {
	font-size: 12px;
}

#search-v2-packages .package-details {
	margin-bottom: 20px;
}

#search-v2-packages .price-label {
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 1.5px;
}

#search-v2-packages .videography-label{
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 1.5px;
}

#search-v2-packages .price {
	font-size: 16px;
	color: #555555;
	font-weight: 600;
	margin-bottom: 15px;
}

#search-v2-packages .diamond-icon, #search-v2-albums .diamond-icon, #album-summary .album-photographer .diamond-icon {
	width: 13px;
}

#search-v2-packages .btn-enquiry {
	text-transform: uppercase;
	letter-spacing: 1.5px;
	border-radius: 4px;
    padding: 10px 30px;
    font-size: 12px;
    font-weight: 600;
    margin-bottom: 20px;
}

#search-v2-sg {
	margin-top: 30px;
}

#search-v2-sg .divider {
	border-bottom: 1px solid #ebebeb;
    margin-bottom: 30px;
    margin-top: 20px;
}

#search-v2-sg .title {
	font-size: 18px;
	font-weight: 600;
	color: #555555;
	margin-bottom: 15px;
}

#search-v2-sg .inner-wrapper {
	display: -webkit-flex;
    display: flex;
}

#search-v2-sg .wrapper {
	margin-left: -7.5px;
	margin-right: -7.5px;
	display: -webkit-flex;
    display: flex;
}

#search-v2-sg .bundle-addons-wrapper{
	width: 50%;
	display: inline-block;
	float: left;
	padding-left: 7.5px;
	padding-right: 7.5px;
	flex: 1;
	margin-bottom: 10px;
}

#search-v2-sg .bundle-addons {
	background: #F0F0F0;
	padding: 15px;
	height: 100%;
}

#search-v2-sg .bundle-addons .addons-img {
	margin-right: 20px;
}

#search-v2-sg .addons-title {
	letter-spacing: 1.5px;
	font-weight: 600;
	color: #555555;
	text-transform: uppercase;
	margin-bottom: 5px;
}

#search-v2-sg .addons-text {
	margin-bottom: 10px;
}

#search-v2-sg .addons-price {
	font-size: 16px;
	color: #555555;
	font-weight: 600;
} 

#search-v2-albums h2{
	font-size: 18px;
	letter-spacing: 1.5px;
	text-transform: uppercase;
	font-weight: 600;
	margin-bottom: 20px;
	color: #555555;
	margin-top: 0px;
}

#search-v2-albums .seo-portfolio {
	margin-bottom: 20px;
	font-size: 12px;
    color: #9f9f9f;
}

#search-v2-albums .album-item {
	margin-bottom: 30px;
}

#search-v2-albums .album-item:nth-child(3n+1) {
	clear: both;
}

#search-v2-albums .img-cover {
	width: 100%;
	max-width: 100%;
}

#search-v2-albums .album-title {
	font-weight: 600;
	letter-spacing: 1.5px;
	color: #555555;
	text-transform: uppercase;
	margin-top: 15px;
}

#search-v2-albums .album-divider {
	border-top: 1px solid #ebebeb;
	width: 75%;
	margin-top: 5px;
	margin-bottom: 5px;
}

#search-v2-albums .album-pg {
	font-size: 12px;
}

#search-v2-albums .img-overlay {
	position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    display: none;
    transition: 0.8s ease;
    background-color: #000000;
}

#search-v2-albums .img-container {
	height: 100%;
	width: 100%;
	position: relative;
	cursor: pointer;
}

#search-v2-albums .img-container .text {
  color: white;
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 3px; 
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
}

#search-v2-packages.album {
	margin-bottom: 70px;
}

#search-v2-seo {
	    background: #F8F8F8;
}

#seo-reviews {
	margin-bottom: 20px;
    font-size: 12px;
    color: #9f9f9f;
    text-align: center;
}

.cms-seo-text {
    margin-top: 20px;
    margin-bottom: 40px;
}

.cms-seo-text h2 {
    font-size: 14px;
    margin-top: 40px;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #464646;
}

.cms-seo-text p {
    font-size: 10px;
    color: #464646;
}

#home-why-book.search {
	background: #ffffff;
}

/* ====================================================================================================================
 * SEARCH PROMO
 * ====================================================================================================================*/
#destination-promo-container {
	margin-top: 40px;
	margin-bottom: 40px;
}

#destination-promo-container .inner{
    border: 1px solid #f4efe6;
    padding: 25px 30px;
    background: #f4efe6;
}

#destination-promo-container .icon-container {
    margin-right: 20px;
}

#destination-promo-container .icon-container img{
	width: 120px;
}

#destination-promo-container .text-container {
	margin-right: 20px;
}

#destination-promo-container .title {
	font-size: 20px;
    font-weight: 800;
    color: #30402b;
    margin-bottom: 5px;
}

#destination-promo-container.spring .inner {
	background: #ffecee
}

#destination-promo-container.spring .bubbles {
	background: #e0818d
}

#destination-promo-container.spring .title {
	color: #e0818d;
}

#destination-promo-container .bubbles {
	background: #2f3f2b;
	color: #ffffff;
	display: inline-block;
	font-size: 8px;
	border-radius: 10px;
	padding: 5px 10px;
	margin-bottom: 5px;
	font-weight: 800
}

#destination-promo-container.spring .btn-promo {
	border-color: #e0818d;
    background: #e0818d;
}

#destination-promo-container .btn-container {
	margin-left: auto;
}

#destination-promo-container .btn-promo {
	padding: 10px 20px;
    border-color: #30402b;
    background: #30402b;
    width: 150px;
    font-weight: 800;
}

@media (max-width: 767px) {
	#destination-promo-container .icon-container {display: none;}
}

@media (max-width: 600px) { 
	#destination-promo-container .inner {padding: 20px;}
	#destination-promo-container .title {font-size: 16px;}
	#destination-promo-container .vertical-align {display: block;}
	#destination-promo-container .text-container {margin-bottom: 20px; font-size: 12px; margin-right: 0px;}
}


/* ====================================================================================================================
 * LISTING - COVER PHOTO
 * ====================================================================================================================*/
#pg-carousel-container {
	height: 500px;
}

#pg-carousel {
	position: relative;
}

#pg-carousel .item img {
	width: auto;
	height: 500px;
}


#pg-carousel .owl-stage-outer {
	height: 500px;
}

#pg-carousel .pg-image {
	width: 100%;
    height: 500px;
    overflow: hidden;
    background-size: cover;
    background-position: center center;
    cursor: pointer;
    position: relative;
}

#pg-carousel .see-more {
    width: 100%;
    background-color: rgb(42, 39, 48);
    padding: 1rem 1.2rem;
    transition: opacity, 300ms ease-in-out;
    position: absolute;
    max-height: 50px;
    height: 50px;
    text-align: right;
    color: white;
    font-style: italic;
    line-height: 1;
    bottom: 0px;
    opacity: 0;
    font-size: 12px;
    cursor: pointer;
}

#pg-carousel .see-more .fa-expand {
	margin-left: 5px;
} 

#pg-carousel .see-more > div {
	margin-left: auto;
}

#pg-carousel .nav-control {
	color: white;
    width: 50px;
    height: 50px;
    position: absolute;
    top: 50%;
    margin-top: -25px;
    cursor: pointer;
    text-align: center;
    line-height: 50px;
    border-radius: 50%;
    background-color: rgb(42, 39, 48);
    opacity: 0.9;
    display: none;
}

#pg-carousel .nav-control:hover {
	color: rgb(42, 39, 48);
	background-color: white;
} 

#pg-carousel .owl-nav {
	margin-top: 0px;
	height: 0px;
}

#pg-carousel .nav-left { 
    left: 40px;
}

#pg-carousel .nav-right { 
    right: 40px;
}

#pg-carousel .owl-nav .fa {
	line-height: 50px;
}

#pg-carousel .owl-nav .fa-angle-left {
	margin-right: 3px;
}

#pg-carousel .owl-nav .fa-angle-right {
	margin-left: 3px;
}

#pg-carousel .owl-prev, #pg-carousel .owl-next{
	padding: 0px;
	margin: 0px;
}

#pg-gallery {
	display: none;
} 

/* ====================================================================================================================
 * LISTING - SUMMARY
 * ====================================================================================================================*/
#pg-summary {
	background: #ffffff;
	padding-top: 30px;
	padding-bottom: 30px;
}

#pg-summary > .vertical-align {
	vertical-align: top;
}

#pg-summary .user-profile-medium {
	margin-right: 20px;
}

#pg-summary h1 {
	font-weight: 600;
	font-size: 22px;
	margin-top: 0px;
	margin-bottom: 5px;
}

#pg-summary .profile {
	align-self: flex-start;
}

#pg-summary .description {
	align-self: flex-start;
	color: #555555;
}

#pg-summary .description .fa-map-marker {
	margin-right: 5px;
}

#pg-summary .pipe {
	display: inline-block;
	padding-left: 5px;
	padding-right: 5px;
	color: #989898;
}

#pg-summary .contact {
	font-weight: 600;
	cursor: pointer;
	color: var(--green);
	display: inline-block;
}

#pg-summary .summary-container {
	margin-top: 15px;
	margin-right: 50px;
}

#pg-summary .statistics {
	align-self: flex-start;
	margin-left: auto;
}

#pg-summary .summary + [data-readmore-toggle], #pg-summary .summary[data-readmore] {
	margin-top: 10px;
	overflow: hidden;
}

#pg-summary .stat-reviews, #pg-summary .stat-albums,
#albums-statistics .stat-reviews {
	display: inline-block;
    padding: 10px;
    border-radius: 8px;
    border: 1px solid #E2E2E2;
    height: 100px;
    text-align: center;
    font-weight: 600;
    color: #555555;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 14px;
    width: 100px;
    cursor: pointer;
}

#pg-summary .stat-reviews .vertical-align, #pg-summary .stat-albums .vertical-align,
#albums-statistics .stat-reviews .vertical-align {
	justify-content: center;
	height: 80px;
}

#pg-summary .num,
#albums-statistics .num {
	font-size: 24px;
	margin-bottom: 12px;
}

#pg-summary .stat-reviews {
	margin-right: 10px;
}

#pg-summary .stats-stars, #albums-statistics .stats-stars{
	width: 11px;
}

/* ====================================================================================================================
 * LISTING - PACKAGES
 * ====================================================================================================================*/
#pg-packages {
	background: #F8F8F8;
	padding-top: 30px;
	padding-bottom: 30px;
	position: relative;
}

#pg-packages .package-row {
	margin-top: 50px;
	margin-bottom: 50px;
	justify-content: center;
}

#pg-packages .package-row .package-item:nth-child(3n+1) {
	clear: both;
}

.package-row .package-item .red, .o-package-row .o-package-item .red{
	color: #F37B7B;
    font-weight: 600;
}

#pg-packages .package-row.multiple {
	align-items: flex-start;
	display: -webkit-flex;
    -webkit-align-items: flex-start;
    display: flex;
}

#pg-packages .package-row.multiple .package-item {
	margin-bottom: 15px;
} 

#pg-packages .package-item {
	padding-left: 0px;
	padding-right: 0px;
	z-index: 1;
}

#pg-packages .featured {
    z-index: 2;
    margin-top: -20px;
}

#pg-packages .package-panel{
	background: #ffffff;
	padding: 20px 30px;
	border-radius: 4px;
	-webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .10);
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .10);
	height: 420px;
	position: relative;
}

#pg-packages.studio .package-panel{
	height: auto;
}

#pg-packages.studio .details-container {
	margin-bottom: 80px;
}

#pg-packages .featured .package-panel{
	border: 3px solid #CAEFEB;
	height: 460px;
}

#pg-packages .featured .most-booked-badge{
	background-image: url('../png/most-booked-badge.png');
	background-repeat: no-repeat;
	width: 115px;
	height: 109px;
	position: absolute;
	 z-index: 2;
}

#pg-packages .featured .most-booked-badge-zh{
	background-image: url('../png/most-booked-badge-zh.png');
	background-repeat: no-repeat;
	width: 115px;
	height: 109px;
	position: absolute;
	 z-index: 2;
}

#pg-packages .title-container {
	text-align: center;
	border-bottom: 1px solid #E2E2E2;
	padding-bottom: 10px;
	margin-bottom: 20px;
}

#pg-packages .title-container .title {
	letter-spacing: 1.7px;
	text-transform: uppercase;
	font-weight: 600;
	color: #555555;
	margin-bottom: 3px;
	font-size: 15px;
}

#pg-packages .title-container .location {
	color: #AAAAAA;
}

#pg-packages .title-container .location .fa-map-marker {
	margin-right: 5px;
}

#pg-packages .price-container, #viewPackageModal .price-container {
	text-align: center;
	font-weight: 600;
	color: #555555;
	margin-bottom: 20px;
}

#pg-packages .price-container .estimated-price {
	font-weight: 400;
}

#pg-packages .price-container .main-currency, #viewPackageModal .price-container .main-currency{
	display: inline-block;
	padding-right: 5px;
}

#pg-packages .price-container .price, #viewPackageModal .price-container .price  {
	font-size: 34px;
}

#pg-packages .price-container sup {
    top: -1.5em;
    font-size: 12px;
    padding-right: 3px;
}

#pg-packages .details-container ul{
	padding-left: 20px;
	color: #555555;
}

#pg-packages .details-container ul li {
	padding-top: 2px;
	padding-bottom: 2px;
}

#pg-packages .book-container {
	position: absolute;
    width: 100%;
    padding-left: 30px;
    padding-right: 30px;
    left: 0px;
    bottom: 30px;
}

#pg-packages .featured .book-container {
	bottom: 50px;
}

#pg-packages .book-container .check-avail-btn-container, #pg-packages .book-container .book-btn-container  {
	width: 100%;
}

#pg-packages .book-container .check-avail-btn-container {
	padding-right: 3px;
}

#pg-packages .book-container .book-btn-container {
	padding-left: 3px;
}

#pg-packages .book-container .btn {
	width: 100%;
}

#pg-packages .book-container .check-avail-btn-container .btn {
	text-transform: uppercase;
	font-size: 11px;
	font-weight: 600;
	letter-spacing: 1.3px;
	line-height: 13px;
	padding-top: 8px;
	padding-bottom: 8px;
	border-radius: 4px;
} 

#pg-packages .book-container .check-avail-btn-container .btn {
	padding-top: 11px;
	padding-bottom: 11px;
	font-size: 14px;
	line-height: 1.42857143;
}

#pg-packages .book-container .book-btn-container .btn {
	text-transform: uppercase;
	font-weight: 600;
	letter-spacing: 1.3px;
	border-radius: 4px;
	padding-top: 11px;
    padding-bottom: 11px;
}

#pg-mobile-main {
	display: none;
}

#pg-packages .o-package-row {
	margin-top: 30px;
}

#pg-packages .o-package-item {
	padding: 0px;
}

#pg-packages .o-package-panel{
	background: #ffffff;
	padding: 10px 30px;
	border-radius: 4px;
	-webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .10);
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .10);
	margin-bottom: 15px;
	cursor: pointer;
}

#pg-packages .o-title {
	width: 150px;    
	letter-spacing: 1.7px;
    text-transform: uppercase;
    font-weight: 600;
    color: #555555;
    font-size: 15px;
}

#pg-packages.studio .o-title {
	width: 200px;
}

#pg-packages .o-title-container .o-location {
	color: #AAAAAA;
	margin-right: 15px;
}

#pg-packages .o-title-container .o-location .fa-map-marker{
	margin-right: 5px;
}

#pg-packages .o-title-container .view-label {
	font-weight: 600;
	font-size: 11px;
	text-transform: uppercase;
	color: var(--green);
	letter-spacing: 1.3px;
}

#pg-packages .o-title-container .o-price-container {
	margin-left: auto;
	font-weight: 600;
	color: #555555;
	text-align: right;
}

#pg-other-packages .o-title-container .o-price-container .estimated-price{
	font-weight: 400;
}

#pg-other-packages .o-location-mobile-container .estimated-price {
	display: none;
}

#pg-packages .o-location-mobile-container .estimated-price {
	font-weight: 400;
	margin-left: auto;
}

#pg-packages .o-price-container .price {
	font-size: 34px;
}

#pg-packages .o-price-container sup {
    top: -1.5em;
    font-size: 12px;
    padding-right: 3px;
}

#pg-packages .o-details-container {
	position: relative;
	display: none;
}

#pg-packages #pg-mobile-main .o-details-container {
	display: block;
}

#pg-packages #pg-mobile-main {
	margin-bottom: 20px;
}

#pg-packages .o-details-container ul {
	padding-left: 25px;
	color: #555555;
}

#pg-packages .o-book-container{
	position: absolute;
	bottom: 0px;
	right: 0px;
}

#pg-packages .o-details-container ul li {
	padding-top: 2px;
	padding-bottom: 2px;
}

#pg-packages .o-book-container .o-check-avail-btn-container, #pg-packages .o-book-container .o-book-btn-container {
	width: 150px;
}

#pg-packages .o-check-avail-btn-container {
	margin-right: 6px;
}

#pg-packages .o-check-avail-btn-container .btn{
	text-transform: uppercase;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 1.3px;
    line-height: 13px;
    padding-top: 11px;
    padding-bottom:11px;
    border-radius: 4px;
    width: 100%;
    line-height: 1.42857143;
}

#pg-packages .o-book-btn-container .btn{
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 1.3px;
    border-radius: 4px;
    padding-top: 11px;
    padding-bottom: 11px;
    width: 100%;
}

#pg-packages .o-location-mobile-container {
	color: #AAAAAA;
	display: none;
}

#pg-packages .o-details-container {
	padding-top: 10px;
    border-top: 1px solid #E2E2E2;
    margin-top: 10px;
}

#pg-mobile-main .most-booked{
	letter-spacing: 0.5px;
    text-transform: none;
    background: #555555;
    font-size: 10px;
    color: #ffffff;
    padding: 4px 6px;
    border-radius: 4px;
}

#pg-mobile-main .most-booked .fa-star {
    color: #ffcd00;
}

#pg-packages .listing-ttn {
	margin-bottom: 30px;
}

#availabilityModal {
	color: #555555;
}

#availabilityModal .avail-title {
	font-size: 15px;
	text-transform: uppercase;
	color: #555555;
	letter-spacing: 1.3px;
	font-weight: 600;
}

#availabilityModal .ask-qn {
	color: var(--green);
	font-weight: 600;
	cursor: pointer;
	margin-top: 20px;
}

#availabilityModal .ask-qn-container {
	margin-top: 20px;
}

#start-Conv-Form {
	margin-top: 10px;
}

#start-Conv-Form label {
	margin-bottom: 10px;
}

#conv-message-submit {
	text-transform: uppercase;
    padding: 10px 20px;
    letter-spacing: 1.3px;
    border-radius: 4px;
    font-weight: 600;
    font-size: 13px;
}

#start-Conv-Form .form-group {
	position: relative;
}

#enquiry-package-form #msg-marketing {
	height: 40px;
}

/* ====================================================================================================================
 * LISTING - HOW TO BOOK
 * ====================================================================================================================*/
#new-htb {
	background: #ffffff;
	padding-top: 30px;
	padding-bottom: 30px;
}

#pg-packages h2, #new-htb h4, #pg-albums h2{
	font-size: 15px;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: 1.7px;
    margin-bottom: 20px;
}

#new-htb .icon {
	width: 57px;
	margin-bottom: 10px;
}

#new-htb .flex {
	display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 40px;
    vertical-align: middle;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}

#new-htb .step-item {
	flex: 2;
	text-align: center;
}

#new-htb .step-arrow {
	flex: 1;
	text-align: center;
}

#new-htb .step-arrow img {
	width: 32px;
	margin-top: 60px;
}

#new-htb .step-item .step-title {
	color: #555555;
	margin-bottom: 15px;
	font-weight: 600;
}

#new-htb .step-item .step-description {
	max-width: 150px;
	margin-left: auto;
	margin-right: auto;
	font-size: 13px;
} 

/* ====================================================================================================================
 * LISTING - REVIEWS
 * ====================================================================================================================*/
#new-reviews {
	background: #F8F8F8;
	padding-top: 30px;
	padding-bottom: 30px;
}

#new-reviews h2 {
	font-size: 15px;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: 1.7px;
} 

#new-reviews .review-row {
	margin-left: -7.5px;
	margin-right: -7.5px;
}

#new-reviews .review-item {
	padding: 7.5px;
}

#new-reviews .review-item .inner{
	background: #ffffff;
	padding: 20px 15px;
}

#new-reviews .review-item .review-cover {
    width: 100%;
    height: 230px;
    overflow: hidden;
    background-size: cover;
    background-position: center center;
    margin-bottom: 15px;
}

#new-reviews .review-stars-container {
	margin-bottom: 10px;
	height: 22px;
}

#new-reviews .review-stars {
	width: 22px;
    margin-right: 4px;
    float: left;
}

#new-reviews .review-item .description {
	max-height: 100px;
	overflow: hidden;
}

#new-reviews .review-item .read-more{
	display: block!important;
	margin-top: 10px;
}

#new-reviews .review-name {
	font-weight: 600;
	color: #555555;
	margin-top: 10px;
	text-transform: capitalize;
}

#new-reviews .load-more-container {
	text-align: center;
	margin-top: 20px;
}

#new-reviews .btn-load-more {
	font-weight: 600;
	width: 180px;
}

#new-reviews .mobile-write-review-container {
	text-align: center;
	margin-top: 20px;
	display: none;
}

#new-reviews .btn-submit-review {
	font-weight: 600;
    width: 180px;
}

#new-reviews .header-container {
	position: relative;
	margin-bottom: 20px;
	padding-left: 190px;
	padding-right: 190px;
}

#new-reviews .desktop-write-review-container {
	position: absolute;
	right: 0px;
	top: -10px;
}

#reviewModal .review-title {
	text-align: center;
    margin-top: 0px;
    margin-bottom: 0px;
	font-size: 15px;
	text-transform: uppercase;
	color: #555555;
	letter-spacing: 1.3px;
	font-weight: 600;
}

.review-modal-footer{
	text-align: center;
	padding-top: 0px;
	border-top: 0px;
}

.rate-title {
	text-align: center;
	letter-spacing: 1px;
	font-weight: 700;
	margin-top: 10px;
}

.review-country-field {
	background: #ffffff;
	border: 1px solid #ccc;
	margin-bottom: 20px;
}

#review-form .attach-img {
	text-align: right;
    margin-bottom: 10px;
    color: var(--green);
    cursor: pointer;
    font-weight: 700;
    margin-top: 10px;
}

#review-form .review-stars-rating-container {
	text-align: center;
	margin-top: 10px;
	margin-bottom: 15px;
}

#review-form .br-theme-bootstrap-stars .br-widget a {
	font: normal normal normal 24px/1 'Glyphicons Halflings';
}

#image-review-dropzone {
	display: none;
}


#image-review-dropzone .img-container {
	padding-left: 0px;
	padding-right: 0px;
}

#reviews .review-img-thumbnail {
	width: 80px;
    height: 80px;
    overflow: hidden;
    background-size: cover;
    background-position: center top;
    display: inline-block;
    margin-right: 5px;
}

.review-description-row {
	margin-top: 10px;
}

#review-message-body {
	border-radius: 0px;
}

.no-reviews {
	margin-bottom: 15px;
}

#reviews .mobile-header-review {
	font-size: 16px;
    width: 100%;
    padding: 15px 12px;
    background: #efefef;
    cursor: pointer;
    margin-bottom: 10px;
}

#reviews .desktop-header {
	padding-bottom: 30px;
    border-bottom: 1px solid #ebebeb;
    margin-bottom: 30px;
}

#reviews .title {
	display: inline-block;
	margin-bottom: 0px;
	margin-top: 5px;
}

.desktop-header-submit-review {
	display: inline-block;
	float: right;
}

.desktop-header-submit-review  .btn-info {
	margin-bottom: 0px;
	border-radius: 0px;
	padding-left: 30px;
	padding-right: 30px;
}

.more-reviews-link .btn-see-more {
	border-radius: 0px;
    border-color: #ccc;
    padding: 10px 30px;
    color: #555;
    font-weight: 600;
}

/* ====================================================================================================================
 * LISTING - PAST WORKS
 * ====================================================================================================================*/
#pg-albums {
	background: #FFFFFF;
	padding-top: 30px;
	padding-bottom: 30px;
}

#pg-albums .album-cover {
	width: 100%;
    height: 200px;
    overflow: hidden;
    background-size: cover;
    background-position: center center;
}

#pg-albums .album-row {
    margin-left: -7.5px;
    margin-right: -7.5px;
}

#pg-albums .album-item {
	padding: 7.5px;
}

#pg-albums .album-title {
	font-weight: 600;
	color: #555555;
	border: 1px solid #E2E2E2;
	border-top: 0px;
	padding: 15px 10px;
}

#pg-albums .album-title .inner {
	height: 40px;
	overflow: hidden;
}

#pg-albums .album-cover:hover {
	opacity: 0.9
}

#pg-albums .view-albums-container {
	text-align: center;
	margin-top: 20px;
}

#pg-albums .view-albums-container .btn-view-albums {
	font-weight: 600;
	width: 180px;
}

/* ====================================================================================================================
 * LISTING - GALLERY
 * ====================================================================================================================*/

#listing-tabs-container  .nav-tabs {
	border-bottom: 0px;
	margin-left: -20px;
	margin-right: -20px;
	margin-bottom: 30px;
}

#listing-tabs-container .nav-tabs .category-div-tab{
	padding-left: 20px;
	padding-right: 20px;
	border-right: 1px solid #ebebeb;
}

#listing-tabs-container .nav-tabs li:last-child .category-div-tab{
	border-right: 0px;
}

#listing-tabs-container .nav-tabs .category-div-tab a {
	font-weight: 400;
	color: #999999;
	padding-bottom: 5px;
}

#listing-tabs-container .nav-tabs .active .category-div-tab a{
	font-weight: 700;
	color: #555555;
	border-bottom: 2px solid #555555;
}

#gallery .mobile-header-gallery {
	font-size: 16px;
    width: 100%;
    padding: 15px 12px;
    background: #efefef;
    cursor: pointer;
    margin-bottom: 10px;
}

#gallery {
	padding-bottom: 20px;
}

#gallery.gallery-albums {
	border-bottom: 0px;
}

#gallery .desktop-header h2{
    font-size: 20px;
    margin-bottom: 20px;
    width: 100%;
    margin-top: 30px;
}

#gallery img {
	width: 100%;
}

#gallery .gallery-item {
	text-align: left;
	margin-bottom: 15px;
}

#gallery .gallery-wrapper {
	margin-bottom: 0px;
}

#gallery .gallery-title {
	padding-top: 10px;
}

#gallery .gallery-title .title {
	margin-bottom: 5px;
}

#gallery .gallery-title .stats {
	 margin-bottom: 15px;
	 font-size: 12px;
	 color: #AAAAAA;
}

#gallery .gallery-title .stats .numPhotos {
	display: inline-block;
	margin-right: 10px;
}

#gallery .gallery-title .stats .numViews {
	display: inline-block;
}

#gallery .gallery-more{
	text-align: center;
	margin-bottom: 30px;
}

#gallery .gallery-more a{
	font-size: 16px;
}

#gallery .listing-more-gallery {
	display: none;
}

#gallery .listing-more-gallery-btn-container {
	text-align: center;
}

#gallery .gallery-item-overlay {
    background: rgba(255,255,255,0.9);
    height: 100%;
    width: 100%;
    display: none;
    position: absolute;
}

#gallery .gallery-text-overlay {
	width: 100%;
    height: 100%;
    text-align: center;
    position: absolute;
}

#gallery .gallery-text-overlay .text {
	margin-top: 50px;
	opacity: 0;
}

#gallery .btn-show-all-album {
	padding: 10px 40px;
	border-radius: 0px;
}

.listing-all-gallery-btn-container {
	text-align: center;
}

.listing-all-gallery-btn-container a {
	padding: 10px 40px;
	border-radius: 0px;
}

/* ====================================================================================================================
 * LISTING - BOOKING SIDE PANEL
 * ====================================================================================================================*/
#booking-price-amount {
	font-weight: 600;
    background-color: #E4E4E4;
    border: 1px solid #EBEBEB;
    border-top: 1px solid #E3E3E3;
    border-bottom: 1px solid #E3E3E3;
    padding: 10px 20px;
    color: #555555;
    font-size: 19px;
}

#booking-price-amount .estimated-price {
	font-size: 12px;
	color: #777777;
}

#booking-desktop-panel {
	width: 350px;
	padding-bottom: 20px;
}

#booking-price-amount .booking-price {
	font-size: 20px;
	font-weight: 600;
}

#booking-container{
	border-top: 0px;
	position: relative;
	background: #ffffff;
}

#booking-container .locked-panel{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	display: none;
}

#booking-container .locked-side-panel {
	position: relative;
	padding-bottom: 20px;
}

#booking-container .locked-panel-login {
	cursor: pointer;
	color: var(--green);
}

#booking-container .locked-panel-login-container {
	margin-top: 10px;
	font-weight: 800;
}

#booking-container .locked-panel .inner-container {
	width: 100%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.package-control-label {
	font-size: 12px;
	color: #AAAAAA;
	font-weight: 400;
}

.package-dropdown {
	font-weight: 600;
}

.package-book-btn {
	width: 100%;
	padding: 10px 12px;
	font-size: 14px;
	margin-bottom: 10px;
}

.package-book-msg {
	text-align: center;
	font-size: 14px;
	width: 100%;
	padding: 10px 12px;
}

.package-instant-fb {
	text-align: center;
	font-size: 14px;
	width: 100%;
	background: #4292E1;
	padding: 10px 12px;
	margin-bottom: 10px;
	color: #ffffff;
	box-shadow: 0px 3px 0px #3A82C8
}

.package-instant-fb img {
	width: 19px;
	margin-right: 3px;
}

.package-instant-fb:hover {
	background: #027af2;
	color: #ffffff;
}

.package-book-msg-container {
	padding-bottom: 20px;
	border-bottom: 1px solid #ebebeb;
	margin-bottom: 20px;
}

.managed-account-text {
	font-size: 12px;
    letter-spacing: 0.5px;
    padding: 20px;
    border-left: 1px solid #ebebeb;
    border-right: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb;
    margin-bottom: 20px;
}

.managed-account-text .title {
	font-weight: 600;
    margin-bottom: 8px;
    color: #555555;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.locked-side-panel .chat-table {
	font-size: 12px;
	table-layout: fixed;
    width: 100%;
}

.locked-side-panel .chat-table td {
	padding-bottom: 5px;
	vertical-align: top;
}

.locked-side-panel .chat-icon {
	width: 27px;
}

.locked-side-panel .chat-icon-item {
	width: 20px;
}

.locked-side-panel .chat-type {
	font-weight: 700;
	width: 74px;
}

.locked-side-panel .chat-value {
	word-wrap: break-word
}

.locked-side-panel .chat-type .colon {
	float: right;
	padding-right: 3px;
}

.locked-side-social {
	padding-bottom: 20px;
	border-top: 1px solid #ebebeb;
    padding-top: 20px;
}

.locked-side-panel .show-contact {
	color: #6AC3BA;
	cursor: pointer;
}

.locked-side-social .social-icon-item {
	width: 20px;
	margin-right: 10px;
}

.locked-side-social .show-social {
	cursor: pointer;
}

.package-book-msg.booking-deposit {
	margin-right: 10px;
}


.package-book-msg-icon, .package-book-wishlist-icon {
	margin-right: 10px;
}

.booking-social-media {
	margin-top: 10px;
	color: #555555;
	padding-top: 30px;
	margin-top: 30px;
	border-top: 1px solid #ebebeb;
}

.booking-social-media .title {
	letter-spacing: 2px;
    text-transform: uppercase;
    margin-bottom: 5px;
    font-size: 12px;
}

.booking-1314 {
	border-bottom: 1px solid #EBEBEB;
	border-left: 1px solid #EBEBEB;
	border-right: 1px solid #EBEBEB;
	padding: 20px;
	font-size: 12px;
}

.booking-1314 .buyer-protection{
	margin-right: 15px;
}


.booking-1314 .title {
	margin-bottom: 5px;
}

.booking-social-media ul {
	  margin: 0;
	  padding: 0;
	  list-style-type: none;
	  display: inline-block;
}

.booking-social-media li {
	display: inline;
	padding-left: 7px;
}

#booking-container .booking-package .package-dropdown {
	margin-bottom: 0px;
}

#booking-container .fa-question-circle {
	cursor: pointer;
}

#booking-profile {
	background: #F9F9F9;
	border: 1px solid #EBEBEB;
	border-bottom: 0px;
	padding-left: 20px;
	padding-right: 5px;
	padding-top: 15px;
	padding-bottom: 15px;
}

#booking-profile .user-profile-medium {
	margin-right: 10px;
}

#booking-profile .muted .fa-map-marker {
	color: #AAAAAA;
	margin-left: 0px;
}

#booking-confirmed-package {
	font-weight: 500;
	border: 1px solid #EBEBEB;
	padding: 20px;
}

#booking-confirmed-package  .small-title {
	font-size: 11px;
    font-weight: 600;
    color: #9C9C9C;
}

#booking-confirmed-package .value {
	margin-bottom: 15px;
}

.message-header {
	background: #EFEFEF;
}

.message-header h4 {
	margin-bottom: 10px;
}

.message-header .store{
	text-transform: capitalize;
}

.message-header .store-msg-subheader {
	margin-top: -10px;
}

.message-profile {
	margin-right: 15px;
}

.message-header ul {
	padding-left: 15px;
}

#msg-packageSelected {
	border: 0;
  	outline: 1px solid #EBEBEB;
}

.message-footer {
	border-top: 0px;
}

.msg-warning {
	font-size: 12px;
	margin-top: 10px;
}

.modal-warning {
	font-size: 12px;
	margin-top: 10px;
	color: #F37B7B;
	font-weight: 700;
}

.booking-deposit-container {
	padding: 10px 20px 5px 20px;
    border: 1px solid #EBEBEB;
    position: relative;
}

.booking-deposit-container .pricing-table {
	margin-bottom: 0px;
}

.booking-deposit-container .deposit-warning {
	font-size: 12px;
	color: #F37B7B;
}

.booking-deposit-container .divider {
	border-top: 1px solid #EBEBEB;
	padding-top: 10px;
}

.booking-deposit-container .divider-top td {
	padding-bottom: 15px;
}

.booking-deposit-container .divider td {
	padding-top: 15px;
}

.booking-deposit-container .pricing-right.unimportant {
	font-weight: 100;
	color: #cccccc;
}

.booking-deposit-note {
	font-size: 12px;
	color: #888888;
	margin-top: -15px;
	margin-bottom: 15px;
}

.booking-deposit-only-note {
	font-size: 12px;
	color: #777777;
}

.exchange-rate-note {
	font-size: 12px;
	font-weight: 100;
	padding-left: 20px;
	padding-right: 20px;
	margin-top: 10px;
	margin-bottom: 50px;
}

.best-price-guaranteed  {
	padding: 20px;
	border-left: 1px solid #ebebeb;
	border-right: 1px solid #ebebeb;
	border-bottom: 1px solid #ebebeb;
	margin-bottom: 20px;
}

.best-price-guaranteed img{
	width: 65px;
	margin-right: 10px;
}

.best-price-guaranteed .title {
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	margin-bottom: 5px;
	color: #555555;
}

.best-price-guaranteed .subtitle{
	font-size: 12px;
}

.booking-select-package {
	padding: 20px;
	border: 1px solid #ebebeb;
}

.booking-select-package .title, .booking-send-msg .title, .booking-hiw .title {
	font-weight: 600;
	letter-spacing: 0.5px;
	color: #555555;
	margin-bottom: 5px;
}

.booking-select-package .btn-book {
	text-align: center;
    font-size: 14px;
    width: 100%;
    padding: 10px 12px;
    margin-bottom: 10px;
    background: var(--green);
    color: #ffffff;
    box-shadow: 0px 3px 0px #40B3A6;
    border-radius: 0px;
    margin-top: 10px;
}

.booking-send-msg {
	padding: 20px;
	border: 1px solid #ebebeb;
}

.booking-hiw {
	background: #FAF9F9;
	padding: 20px;
	border-left: 1px solid #ebebeb;
	border-right: 1px solid #ebebeb;
	border-bottom: 1px solid #ebebeb;
}

.booking-hiw ol {
	padding-left: 15px;

	font-size: 12px;
}

.booking-hiw ol li {
	margin-top: 3px;
}

.booking-view-pricelist {
	font-size: 12px;
	margin-left: 10px;
}


/* ====================================================================================================================
 * LISTING MODAL & CURRENCY MODAL
 * ====================================================================================================================*/
.login-modal-title {
	background: #EFEFEF;
}

#signupModal .login-btn, #loginModal .login-btn {
	width: 100%;
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 16px;
	border-radius: 0px;
}

#signupModal .fb-btn, #loginModal .fb-btn {
	 width: 100%;
	 padding-top: 10px;
	 padding-bottom: 10px;
	 border-radius: 0px;
	 font-size: 16px;
	 background: #3b5998;
	 border-color: #3b5998;
}

#signupModal .fb-btn:hover, #signupModal .fb-btn:active, #signupModal .fb-btn:visited,
#loginModal .fb-btn:hover, #loginModal .fb-btn:active, #loginModal .fb-btn:visited {
	background: #355088;
	border-color: #355088;
}

#verifyEmailBookingModal .modal-dialog, #verifyEmailMsgModal .modal-dialog, #verifyFBEmailModal .modal-dialog,
#modal-signup .modal-dialog, #modal-login .modal-dialog, #modal-currency .modal-dialog, #emailVerifySuccessModal .modal-dialog {
	width: 400px;
}

#verifyEmailBookingModal .modal-header, #verifyEmailBookingModal .modal-body,
#verifyEmailMsgModal .modal-header, #verifyEmailMsgModal .modal-body,
#verifyFBEmailModal .modal-header, #verifyFBEmailModal .modal-body, #emailVerifySuccessModal .modal-body{
	text-align: center;
}

.disabledEmailVerfiedField  {
	width: 100%;
	border: 1px solid #c4c4c4;
	color: #cdcecf;
	background: #edefed;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-bottom: 7px;
	border-radius: 7px;
}

.email-verify-input{
	width: 100%;
	border: 1px solid #c4c4c4;
	text-align: center;
	background: #ffffff;
	margin-bottom: 7px;
	border-radius: 7px;
	height: 42px;
}

#verifyEmailBookingModal .btn-resend-email, #verifyEmailMsgModal .btn-resend-email,
#verifyFBEmailModal .btn-fb-email, .verifyEmailListingModal .btn-resend-listing-email{
	width: 100%;
	border-radius: 0px;
	padding-top: 10px;
	padding-bottom: 10px;
	border-radius: 4px;
}

#verifyEmailBookingModal .skip, #verifyEmailMsgModal .skip{
	cursor: pointer;
	font-size: 12px;
	margin-top: 15px;
}

#verifyEmailBookingModal .email-verify-icon, #verifyEmailMsgModal .email-verify-icon,
#verifyFBEmailModal .email-verify-icon {
	margin-top: 30px;
	margin-bottom: 10px;
}

#verifyEmailMsgModal .welcome-text, #verifyFBEmailModal .welcome-text, #emailVerifySuccessModal .welcome-text{
	color: #ffffff;
}

#verifyEmailBookingModal .email-verify-text, #verifyEmailMsgModal .email-verify-text,
#verifyFBEmailModal .email-verify-text {
	margin-top: 5px;
	margin-bottom: 20px;
}

#verifyEmailMsgModal .email-verify-subtitle, #verifyFBEmailModal .email-verify-subtitle {
	font-size: 12px;
	letter-spacing: 0.5px;
	margin-bottom: 20px;
}

#verifyEmailMsgModal .getStartedContainer, #verifyFBEmailModal .getStartedContainer, #emailVerifySuccessModal .getStartedContainer{
	position: absolute;
	bottom: 15px;
	width: 100%;
	margin-left: -15px;
}

#verifyEmailMsgModal .getStartedBtn, #verifyEmailMsgModal .startExploringBtn,
#verifyFBEmailModal .getStartedBtn, #verifyFBEmailModal .startExploringBtn, #emailVerifySuccessModal .startExploringBtn {
	width: 80%;
	border-radius: 4px;
	padding-top: 10px;
	padding-bottom: 10px;
	font-weight: 600;
	font-size: 15px;
	letter-spacing: 0.55px;
}

#verifyEmailMsgModal.onboard .modal-content, #verifyFBEmailModal.onboard .modal-content,
#modal-signup .modal-content, #emailVerifySuccessModal .modal-content{
	border: 0px;
}

#verifyEmailMsgModal.onboard .modal-body, #verifyFBEmailModal.onboard .modal-body, #modal-signup .modal-body, #emailVerifySuccessModal .modal-body {
	padding: 0px;
}

.signup-modal-body, .login-modal-body {
	height: 550px;
	position: relative;
}

.verify-user-container {
	margin-bottom: 20px;
	padding-left: 0px;
}

.signup-modal-body.manual {
	display: none;
}

.signup-alternative {
	text-align: center;
	padding-top: 20px;
	margin-bottom: 10px;
}

.signup-modal-banner  {
	background: url('../login-modal-banner.html');
	height: 176px;
	text-align: center;
}

.signup-modal-banner .inner-container {
	width: 100%;
	text-align: center;
}

.signup-modal-banner .title {
	color: #ffffff;
	text-transform: uppercase;
	font-family: 'Raleway', sans-serif;
	font-size: 24px;
	letter-spacing: 0.5px;
	font-weight: 600;
}

.signup-modal-banner .subtitle {
	color: #ffffff;
	font-size: 13px;
	letter-spacing: 0.5px;
}

.login-modal-banner {
	text-align: center;
}

.login-modal-banner .title {
	text-transform: uppercase;
	font-family: 'Raleway', sans-serif;
	font-size: 24px;
	letter-spacing: 0.5px;
	font-weight: 600;
	margin-top: 10px;
}

.login-modal-banner .subtitle {
	font-size: 13px;
	letter-spacing: 0.5px;
	margin-top: 5px;
	padding-bottom: 15px;
	border-bottom: 1px solid #ebebeb;
}


.signup-modal-main-body {
	padding-left: 15px;
	padding-right: 15px;
}

.signup-modal-main-body .fb-btn {
	margin-top: 30px;
	border-radius: 4px;
	font-size: 15px;
}

.login-modal-main-body .fb-btn{
	margin-top: 15px;
	border-radius: 4px;
	font-size: 15px;
	margin-bottom: 15px;
}

.signup-modal-main-body #signup-form {
	padding: 0px;
}

.signup-modal-body.manual .back-to-fb{
	color: var(--green);
	font-weight: 700;
	cursor: pointer;
}


.signup-modal-main-body .email-btn {
	color: var(--green);
	width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
    border-radius: 0px;
    margin-bottom: 20px;
    font-size: 15px;
    height: 45px;
    background: transparent;
	border: 1px solid var(--green);
	margin-top: 5px;
	border-radius: 4px;
}

.signup-or-separator {
	background: none;
    height: 34px;
    position: relative;
    text-align: center;
}

.signup-modal-main-body .or-seperator, .login-modal-main-body .or-seperator {
	padding: 8px;
	background: #ffffff;
}

.signup-modal-main-body .or-seperator-hr, .login-modal-main-body .or-seperator-hr{
	margin: -10px auto 10px auto;
    width: 100%;
    border: 0;
    border-top: 1px solid #dce0e0;
}

.signup-modal-main-body .tnc {
    font-size: 11px;
    line-height: 15px;
    padding-bottom: 20px;
    border-bottom: 1px solid #dce0e0;
}

.signup-modal-body.manual .signup-modal-main-body .tnc {
	border-bottom: 0px solid #dce0e0;
	padding-bottom: 0px;
}

.signup-modal-main-body .signup-footer {
	margin-top: 10px;
	padding-top: 10px;
}

.login-modal-body.login-error {
	height: 550px;
}

.signup-modal-body.signup-error {
	height: 550px;
}


#modal-login #login-form {
	padding: 0px;
}

#modal-login #login-form .form-control-large {
	margin-bottom: 15px;
}

#modal-login #login-form .checkbox-rmbme {
	display: inline-block;
}

#modal-login #login-form .forget-pw {
	display: inline-block;
    float: right;
    margin-top: 10px;
    margin-bottom: 10px;
}

#modal-login #login-form .login-btn {
	width: 100%;
    height: 45px;
    border-radius: 0px;
    margin-top: 5px;
    font-size: 15px;
    border-radius: 4px;
}

#modal-login .login-footer {
	padding-top: 10px;
	border-top: 1px solid #ebebeb;
	margin-top: 20px;
}

.signup-link, .login-link  {
	font-weight: 600;
	color: var(--green);
	cursor: pointer;
}

.onboard-step {
	height: 498px;
	display: none;
	position: relative;
	padding: 15px;
}

.onboard-step.active {
	display: block;
}

#onboard-step-1, #onboard-step-1-fb {
	background: url('../jpg/onboard-1.jpg');
}

#onboard-step-1 .header, #onboard-step-1-fb .header,
#onboard-step-3 .header, #onboard-step-3-fb .header  {
	font-size: 22px;
	font-weight: 600;
	margin-top: 15px;
	margin-bottom: 15px;
}


#onboard-step-1 .description,  #onboard-step-1-fb .description,
#onboard-step-3 .description, #onboard-step-3-fb .description  {
	max-width: 330px;
	margin-bottom: 30px;
	display: inline-block;
}

#onboard-step-2 .header, #onboard-step-2-fb .header {
	font-size: 22px;
	font-weight: 600;
	margin-top: 15px;
	margin-bottom: 15px;
}

#onboard-step-3, #onboard-step-3-fb {
	background: url('../jpg/onboard-2.jpg');
}

#onboard-step-3 .startExploringBtn, #onboard-step-3-fb .startExploringBtn {
	background: #3BA99D;
	border-color: #3BA99D;
}

.onboard-step .credit {
	font-size: 12px;
	letter-spacing: 0.4px;
	color: #ffffff;
	margin-top: 10px;
}

#modal-signup .modal-content .close, #modal-login .modal-content .close  {
	position: absolute;
    top: 0px;
    right: 5px;
    z-index: 10;
    font-size: 30px;
    text-shadow: none;
    opacity: 1;
    color: #aaaaaa;
}

#modal-signup .modal-content .close,:focus, #modal-login .modal-content .close:focus {
	outline:0;
}

/* ====================================================================================================================
 * LISTING - STICKY SIGNUP
 * ====================================================================================================================*/

.listing-signup-prompt-container {
	background: var(--green);
	color: #ffffff;
	font-size: 17px;
	letter-spacing: 0.5px;
	padding: 20px 10px;
	padding-bottom: 30px;
	text-align: center;
	position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 1990;
    display: none;
}

.listing-signup-prompt-container .sign-btn {
	background: #ffffff;
	border-color: #ffffff;
	margin-left: 30px;
	margin-right: 15px;
	color: var(--green);
	padding: 10px 20px;
	border-radius: 4px;
	min-width: 100px;
}

.listing-signup-prompt-container .login-btn {
	background: var(--green);
	border-color: #ffffff;
	color: #ffffff;
	padding: 10px 20px;
	border-radius: 4px;
	min-width: 100px;
}

/* ====================================================================================================================
 * BOOKING - MOBILE OVERLAY
 * ====================================================================================================================*/

#booking-mobile-container {
  position: fixed;
  bottom: 40px;
  left: 0;
  right: 0;
  z-index: 100;
  display: none;
  cursor: disabled;
}

#booking-mobile-container .subcontainer {
    padding-left: 30px;
    padding-right: 30px;
}

#booking-mobile-container .booking-view-pricelist{
	width: 100%;
    padding: 10px 12px;
    font-size: 16px;
    box-shadow: 0px 2px 1px #68B9B0;
    border-radius: 0px;
}

.bm-overlay-content {
	position: relative;
}

.overlay-close{
	color: #ffffff;
	position: absolute;
  	top: 0px;
  	font-size: 30px;
  	right: 20px;
  	cursor: pointer;
}

.overlay-title {
	text-align: center;
  	color: #fff;
  	font-size: 18px;
  	background: var(--green);
  	padding-top: 10px;
  	padding-bottom: 10px;
  	margin-bottom: 15px;
}

.bm-body {
	max-width: 450px;
	margin-left: auto;
	margin-right: auto;
}

#mobile-booking-package-parent {
	position: relative;
}

#modal-currency {
	text-align: center;
	letter-spacing: 0.5px;
	padding: 20px;
}

#modal-currency .title {
	font-size: 18px;
	font-weight: 700;
	margin-bottom: 10px;
	letter-spacing: 1px;
}


#modal-currency .btn-currency-continue {
	margin-top: 25px;
	margin-bottom: 10px;
	padding: 10px 20px;
	letter-spacing: 1px;
}



/* ====================================================================================================================
 * BOOKING
 * ====================================================================================================================*/
#booking h1 {
	font-size: 30px;
	font-weight: 600;
	margin-top: 40px;
	margin-bottom: 30px;
}

#booking .form-control {
	margin-bottom: 30px;
}

#booking .package-container {
	padding: 15px 15px 0px 15px;
	border: 1px solid #EBEBEB;
}

#booking .remarks-table {
	margin-bottom: 15px
}

#booking .remarks-table .remarks {
	white-space: pre-wrap;
}

#booking .ttn {
	margin-top: 30px;
	margin-bottom: 15px;
}

#booking .ttn-text {
	padding-bottom: 30px;
	border-bottom: 1px solid #ebebeb;
	margin-bottom: 30px;
	line-height: 24px;
}

#booking .proceed-text {
	margin-top: 20px;
	margin-bottom: 30px;
	line-height: 24px;
}

#booking-sidepanel {
	margin-top: 40px;
}

#booking-page-container {
	border: 1px solid #EBEBEB;
    padding: 20px;
    border-top: 0px;
    border-top: 5px solid #ebebeb;
}

#booking-page-container .title {
	font-size: 18px;
	font-weight: 600;
}

#booking-page-container .pricing-table {
	margin-bottom: 0px;
	width: 100%;
}

#booking-mobile-sidepanel {
	display: none;
	margin-top: 30px;
}

#booking-page-container.mobile {
	margin-bottom: 20px;
}

.booking-img-wrapper {
	width: 100%;
 	height: 200px;
 	overflow: hidden;
    background-size: cover;
    background-position: center center;
    border: 1px solid #ebebeb;
    border-bottom: 0px;
}

.booking-back-container {
	margin-bottom: 60px;
}

#popover-hiw {
	cursor: pointer;
	color: var(--green);
}

#booking-shield {
	margin-right: 5px;
}

/* ====================================================================================================================
 * BOOKING - CONFIRMATION & RECEIPT
 * ====================================================================================================================*/
#bookingConfirmed-title {
	margin-top: 40px;
	margin-bottom: 3px;
}

#bookingConfirmed {
	margin-bottom: 30px;
}

#receipt {
	border-top: 1px solid #EFEFEF;
	padding-top: 15px;
}

.receipt-basic-info  {
	text-align: right;
}

#receipt-body {
	margin-top: 30px;
	border: 1px solid #ebebeb;
	margin-bottom: 50px;
}

#receipt-cust-receipt-title {
	display: inline-block;
}

.receipt-print-btn {
	float: right;
	margin-top: 15px;
	padding: 6px 20px;
}

.receipt-item {
	margin-top: 30px;
}

.receipt-item .fa-calendar-o, .receipt-item{
	margin-right: 5px;
}

.receipt-item .contact {
	margin-top: 5px;
}

#receipt-pkg-table {
	border: 1px solid #EBEBEB;
	width: 100%;
}

#receipt-pkg-table tr td{
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 20px;
	padding-right: 20px;
}

#receipt-pkg-table tr .emphasize {
	text-align: right;
}

#receipt-pkg-table .first-row td {
	padding-top: 20px;
}

#receipt-pkg-table .last-row td {
	padding-bottom: 20px;
}

#receipt-charges-container {
	border-top: 1px solid #EBEBEB;
	padding-top: 15px;
	margin-top: 60px;
}

#receipt-old{
	display: none;
}

#receipt-total-charges, #receipt-pymt-status {
	margin-top: 30px;
	width: 500px;
}

#receipt-total-charges tr td, #receipt-pymt-status tr td{
	width: 150px;
}

#receipt-total-charges tr .emphasize, #receipt-pymt-status tr .emphasize {
	width: 350px;
}

#receipt.photographer-receipt {
	margin-top: 50px;
}

.receipt-additional-notes {
	margin-bottom: 20px;
}

#receipt-pkg-table tr .receipt-remarks {
	padding-bottom: 20px;
	white-space: pre-wrap;
}
/* ====================================================================================================================
 * ALBUM
 * ====================================================================================================================*/
#album-summary .breadcrumb {
	margin-top: 50px;
}

#album-summary {
	margin-bottom: 50px;
}

#album-summary h1{
	font-weight: 600;
	font-size: 20px;
	margin-bottom: 15px;
	margin-top: 30px;
}

#album-summary .album-photographer {
	border-top: 1px solid #e2e2e2;
	border-bottom: 1px solid #e2e2e2;
	padding: 10px 0px;
	margin-top: 15px;
	margin-bottom: 20px;
}

#album-summary .user-profile-xsmall {
	margin-right: 15px;
} 

#album-summary .album-photographer .photographer-name {
	font-size: 16px;
	color: #555555;
	font-weight: 600;
	margin-bottom: 2px;
}

#album-summary .album-photographer .photographer-name .name {
	margin-right: 15px;
}

#album-summary .btn-view-profile {
	font-size: 12px;
	border: 1px solid var(--green);
	border-radius: 22px;
	padding: 4px 9px;
	line-height: 12px;
	width: 106px;
	text-align: center;
}

#album-summary .album-summary-timestamp {
	color: #AAAAAA;
	font-size: 12px;
	margin-bottom: 30px;
}

#album-photos {
	padding-bottom: 30px;
	position: relative;
}

.album-photo-item {
	margin-bottom: 15px;
    text-align: center;
}

.album-photo-item img {
	max-width: 100%;
}

#album-gallery {
	padding-bottom: 10px;
	border-bottom: 1px solid #ebebeb;
	margin-bottom: 20px;
}

#album-more {
	background: #F8F8F8;
}

#album-more h2 {
	font-weight: 600;
  	font-size: 20px;
  	margin-bottom: 20px;
  	margin-right: 10px;
  	display: inline-block;
}

#album-gallery img {
	width: 100%;
}

#album-gallery .gallery-title {
	text-align: center;
	margin-top: 10px;
	margin-bottom: 30px;
}

#album-others .albumgallery-item {
	width: 262.5px;
	position: relative;
}

#album-others .gallery-other-title{
	position: absolute;
	padding-bottom: 15px;
	padding-left: 15px;
	padding-right: 15px;
	bottom: 0px;
	text-align: left;
}

#album-others .albumgallery-item .gallery-bg-overlay {
	background: #000000;
	width: 262.5px;
	height: 170px;
	position: absolute;
	top: 0px;
	opacity: 0.4;
}

#album-others .gallery-other-title a {
	color: #ffffff;
	font-weight: 400;
	letter-spacing: 0.5;
}

#album-others .gallery-wrapper{
	height: 170px;
}



#related-photographers {
	margin-bottom: 50px;
}

#related-photographers h2 {
	font-weight: 600;
  	font-size: 20px;
  	margin-right: 10px;
  	display: inline-block;
}


 img.lazy {
 	display: none;
 	width: 100%;
 	color: #fff;
 	outline: 0;
 	border:0;
 }


.remove-location{
    font-size: 12px;
    margin-top: 10px;
    color: #F37B7B;
    font-weight: 600;
    cursor: pointer;
}

.edit-remove-location {
	font-size: 12px;
    margin-top: 10px;
    color: #F37B7B;
    font-weight: 600;
    cursor: pointer;
    margin-left: 10px;
    display: inline-block;
}

#album-photos.album2 #album-summary .breadcrumb {
	margin-top: 50px;
}

/* ====================================================================================================================
 * LISTING
 * ====================================================================================================================*/
#listing-title-container {
	margin-bottom: 15px;
	padding-left: 30px;
}

#listing-title-container h1 {
	font-family: 'jenna_sueregular', sans-serif;
	margin-top: 30px;
}

#listing-title-container h1 span {
	color: var(--green);
}

#listing-container #listingTabs {
	border-top: 1px solid #EBEBEB;
}

#listing-container .nav>li>a,
#db-sidebar-container .nav>li>a {
	padding: 20px 20px;
	color: #777777;
}

#listing-container .nav-pills>li>a,
#db-sidebar-container .nav-pills>li>a {
	border-radius: 0px;
}

#listing-container .nav-stacked>li+li,
#db-sidebar-container .nav-stacked>li+li {
	margin-top: 0px;
}

#listing-container .nav-pills>li.active>a, .nav-pills>li.active>a:hover, .nav-pills>li.active>a:focus,
#db-sidebar-container .nav-pills>li.active>a, .nav-pills>li.active>a:hover, .nav-pills>li.active>a:focus{
	background-color: #EBEBEB;
	color: #777777;
}

#listing-container #listingTabs .fa-angle-right,
#db-sidebar-container #db-sidebarTabs .fa-angle-right{
	float: right;
	margin-top: 2px;
}

#db-mobile-sidebar {
	display: none;
	background: #FAF9F9;
	border: 1px solid #EBEBEB;
	padding: 15px 20px;
	border-radius: 0px;
}

#db-mobile-sidebar .db-sidebar-link-container{
	cursor: pointer;
	font-weight: 600;
}

#db-mobile-sidebar .db-sidebar-link-container .db-mobile-link {
	display: inline-block;
}

#db-mobile-sidebar .db-sidebar-link-container .db-mobile-caret {
	display: inline-block;
  	float: right;
}

#db-navigation-mobile {
  list-style-type: none;
  border-top: 1px solid #cccccc;
  padding-left: 0px;
  margin-top: 20px;
  padding-top: 15px;
  display: none;
}

#db-navigation-mobile li {
	padding-top: 5px;
	padding-bottom: 5px;
}

#db-navigation-mobile li a{
	font-weight: 400;
	color: #777777;
}

#db-navigation-mobile .active a{
	font-weight: 600;
	color: var(--green);
}

#listing-container h3{
	margin-top: 0px;
}

#listing-container .listing-section  {
	padding-top: 40px;
	padding-bottom: 30px;
	border-bottom: 1px solid #EBEBEB;
	border-right: 1px solid #EBEBEB;
	border-left: 1px solid #EBEBEB;
}

#listing-container .listing-tips {
	padding: 40px 0px 0px 15px;
}

#listing-container .listing-tips ul{
	padding-left: 20px;
}

#listing-container .first {
	border-top: 1px solid #EBEBEB;
}

#listing-container .muted,
#listing-container .warning  {
	font-size: 12px;
}


#listing-container .form-group {
	margin-bottom: 20px;
}

#listing-container input {
	margin-bottom: 20px;
}

#listing-container .inputAddOn {
	margin-bottom: 0px!important;
}

#listing-container .fa-map-marker {
	margin-left: 5px;
	color: var(--green);
}

#listing-container .form-control {
	border-radius: 0px!important;
	background: #FAF9F9;
	border: 1px solid #EBEBEB;
	margin-bottom: 20px;
}

#listing-container #lf-others-languages, #listing-container #lf-othersAddon {
	width: 300px;
	display: inline-block;
	margin-left: 10px;
	height: 25px;
}

.listing-tips .tip-title {
	font-weight: 600;
	margin-bottom: 10px;
}

.listing-tips .fa-info-circle {
	color: var(--green);
	margin-right: 10px;
}

#listing-container .form-addOn {
	width: 200px;
}

#listing-container .input-group-addon {
	background-color: #ffffff;
  	border: 1px solid #EBEBEB;
  	border-radius: 0px;
}

#listing-container .input-group-addon:first-child {
	border-right: 0px;
}

#listing-container .input-group-addon:not(:first-child) {
	border-left: 0px;
}

#listing-container .lf-sumbit {
	margin-top: 40px;
	float: right;
}

#listing-container #gownSpinner, #listing-container #suitSpinner{
	display: inline-block;
}

#listing-container #gownSpinner {
	margin-right: 30px;
}

#listing-container #gownSuitSpinner, #listing-container #photoAlbumSpinner {
	display: none;
}

#listing-container #lf-albumSizeWidth, #listing-container #lf-albumSizeHeight {
  display: inline-block;
  width: 60px;
  padding-left: 20px;
  padding-right: 20px;
}

#listing-container #lf-albumSizeWidth {
	margin-right: 10px;
}

#listing-container #lf-albumSizeHeight  {
	margin-left: 10px;
}

.listing-min {
	min-height: 415px;
}

#profile-preview, #cover-preview {
	margin-top: 15px;
}

#profile-preview img{
	width: 150px;
}

#cover-preview img {
	width: 90%;
}


/* ====================================================================================================================
 * DASHBOARD
 * ====================================================================================================================*/
#db-sidebar-container h1 {
  padding-left: 20px;
  font-size: 18px;
  font-weight: 700;
  width: 100%;
  padding-bottom: 15px;
  border-bottom: 1px solid #ebebeb;
  margin-bottom: 0px
}

.dashboard-content {
	padding-top: 30px;
	padding-left: 35px;
	min-height: 415px;
	border-left: 1px solid #EBEBEB;
	padding-bottom: 50px;
}

.dashboard-content h3 {
	margin-bottom: 20px;
}

.dashboard-content .dashboard-title {
	margin-bottom: 5px;
}

.db-content {
	padding-left:0px;
	padding-right: 0px;
}

.db-section {

}

#dashboard-inbox-container {
	background: #FAF9F9;
	padding: 20px 10px;
	border: 1px solid #ebebeb;
	margin-bottom: 20px;
}

#dashboard-category-container {
	margin-left: -5px;
	margin-right: -5px;
}

#dashboard-category-container .subtitle {
	margin-top: 10px;
	font-size: 12px;
}

.category-complete-item {
	text-align: center;
	padding-left: 5px;
	padding-right: 5px;
}

.category-complete-item .status {
	font-size: 10px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #ffffff;
	padding-top: 2px;
	padding-bottom: 2px;
}

.category-complete-item.complete .status{
	background: var(--green);
}

.category-complete-item.incomplete .status{
	background: #AAAAAA;
}

.category-complete-item img {
	max-width: 50px;
	margin-top: 7px;
	margin-bottom: 3px;
}

.category-complete-item .body {
	background: #ffffff;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	border-left: 1px solid #ebebeb;
	border-right: 1px solid #ebebeb;
	border-bottom: 1px solid #ebebeb;
}

.category-complete-item .category-name {
	font-weight: 600;
	letter-spacing: 0.5px;
	font-size: 12px;
	margin-bottom: 5px;
	line-height: 14px;
	height: 30px;
	overflow: hidden;
}

.category-complete-item .body table {
	width: 100%;
}

.category-complete-item .body .input{
	width: 50%;
	font-size: 12px;
	text-align: left;
	padding-left: 3px;
}

.category-complete-item .body .input-status {
	width: 50%;
	font-size: 12px;
	text-align: right;
	padding-right: 3px;
}

.category-complete-item .body table .glyphicon-ok{
	color: #34B487;
}

#about-us-snippet {
	background: #FF6F52;
	padding-top: 20px;
	padding-bottom: 20px;
}

#about-us-snippet img, #paypal-snippet img {
	max-width: 100%;
}

#about-us-snippet .title {
	font-size: 18px;
    font-weight: 600;
    color: #FFFFFF;
}

#about-us-snippet .subtitle {
	color: #FDDDD0;
	font-size: 12px;
}

#about-us-snippet .btn-add-introduction {
	background: #ffffff;
	margin-top: 15px;
	color: #FF6F52;
	font-weight: 600;
	border-radius: 0px;
	padding: 10px 40px;
}

#paypal-snippet {
	background: #3ac2f2;
	padding-top: 20px;
	padding-bottom: 20px;
}

#paypal-snippet .title {
	font-size: 18px;
    font-weight: 600;
    color: #23446a;
}

#paypal-snippet .subtitle {
	color: #2c5380;
	font-size: 12px;
}

#paypal-snippet .btn-add-paypal-email {
	background: #ffffff;
	margin-top: 15px;
	color: #23446a;
	font-weight: 600;
	border-radius: 0px;
	padding: 10px 40px;
}

/* ====================================================================================================================
 * DASHBOARD - INBOX & CONVERSATION
 * ====================================================================================================================*/
#inbox .inbox-item {
	background: #FFFFFF;
	padding: 20px 10px;
	border: 1px solid #EBEBEB;
	border-bottom: 0px;
	border-bottom: 0px;
	color: #777777;
  	font-weight: 400;
}

#inbox .resend-link {
	cursor: pointer;
	color: var(--green);
}

#inbox .inbox-item.unread {
	background: #FAF9F9;
  	font-weight: 700;

}

.inbox-item .msgBody {
	max-height: 100px;
	overflow: hidden;
}

#inbox .last {
	border-bottom: 1px solid #EBEBEB;
}

#inbox .user-profile-small {
	margin-right: 20px;
}

#inbox .sender-info {
	display: inline-block;
}

#inbox .sender-name {
	font-weight: 600;
}

#conversation h3 {
	margin-bottom: 5px;
}

#conversation-container h3 {
	margin-bottom: 5px;
}

#conversation-container h3.my-conversation-title {
	margin-bottom: 25px;
}

#conversation .conversation-profile {
	width: 40px;
    min-width: 4ppx;
    height: 40px;
    background: transparent no-repeat center;
    background-size: cover!important;
    display: inline-block;
    float: left;
}

#conversation-package-form {
	display: none;
}

#conversation .btn-inbox-send-msg {
    text-transform: uppercase;
    letter-spacing: 2px;
    padding: 10px 20px;
    font-weight: 600;
    font-size: 12px;
    margin-bottom: 5px;
}

#conversation .btn-customised {
	text-transform: uppercase;
    letter-spacing: 2px;
    padding: 10px 20px;
    font-weight: 600;
    font-size: 12px;
    cursor: pointer;
    margin-bottom: 5px;
}

#conversation-container .main-subtitle {
	font-size: 12px;
	color: #777777;
	padding-bottom: 30px;
	margin-top: -15px;
}

.conversation-item {
	width: 100%;
	border: 1px solid #ebebeb;
	padding: 20px;
	border-bottom: 0px;
	background: #F7F7F7;
}

.conversation-item.event {
	background: var(--green)!important;
	color: #ffffff;
}

.conversation-item:nth-child(even) {
	background: #ffffff
}

.conversation-item:last-child {
	border-bottom: 1px solid #ebebeb;
}

.conversation-item .user-profile-small {
	float: left;
}

.message-container {
	width: auto;
	margin-left: 80px;
	margin-bottom: 40px;
}

.message {
  position: relative;
  display: inline-block;
  vertical-align: top;
  margin-left: 0px;
  width: 100%;
  float: right;
}

.message .name {
	font-weight: 600;
	color: #555555;
}

.event-header {
	margin-bottom: 5px;
}

.event-message {
  position: relative;
  vertical-align: top;
  margin-left: 0px;
  width: 100%;
  float: right;
  color: #ffffff;
  font-weight: 600;
}

.event-message .book-container{
	margin-left: auto;
}

.event-message .event-subtitle {
	font-weight: 400;
}

.event-body .view-package {
	cursor: pointer;
	color: #ffffff;
	font-weight: 800;
	margin-top: 10px;
}

.event-footer {
	 background: #EBEBEB;
	 padding: 15px;
	 margin-bottom: 10px;
}

.event-footer .event-footer-msg {
	display: inline-block;
	padding-right: 10px;
}

.event-footer .event-footer-btn-container {
	text-align: right;
}

.event-message .btn-book-package {
	width: 100px;
	background: transparent;
	border: 1px solid #ffffff;
	color: #ffffff;
}

.event-message .btn-book-package:hover {
	background: #ffffff;
	color: var(--green);
}


.event-footer .btn-edit-package {
	width: 160px;
}

.event-icon img {
	width: 50px;
	margin-right: 30px;
}

.event-icon, .event-body {
	display: inline-block;
}

#viewPackageModal .packageTitle  {
    text-align: center;
    border-bottom: 1px solid #E2E2E2;
    padding-bottom: 10px;
}

#viewPackageModal .packageTitle .title {
	letter-spacing: 1.7px;
    text-transform: uppercase;
    font-weight: 600;
    color: #555555;
    font-size: 15px;
    margin-bottom: 3px;
}

#viewPackageModal .packageTitle .location {
	color: #AAAAAA;
}

#viewPackageModal .packageTitle .location .fa-map-marker {
	margin-right: 5px;
}

#viewPackageModal .message-header{
	background: #ffffff; 
	padding-left: 30px;
	padding-right: 30px;
	padding-top: 20px;
}

#viewPackageModal .modal-dialog {
	width: 400px;
}

#viewPackageModal .details-container ul {
	color: #555555;
}

#viewPackageModal .details-container ul li {
	padding-top: 2px;
    padding-bottom: 2px;
}

#viewPackageModal .modal-body {
	background: #ffffff;
	padding-top: 0px;
	padding-bottom: 20px;
}

#viewPackageModal .book-btn-container {
	margin-top: 20px;
}

#viewPackageModal .book-btn-container .btn-book {
	width: 100%;
	text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 1.3px;
    border-radius: 4px;
    padding-top: 11px;
    padding-bottom: 11px;
}


.message p {
	margin: 5px 0px;
	line-height: 22px;
}

.message p:first-child {
	margin-top: 0px;
}

 #conversation .conv-title{
 	font-size: 16px;
 	font-weight: 600;
 	color: #555555;
 	margin-bottom: 20px;
 	margin-top: 10px;
 }

 #conversation .timestamp {
 	position: absolute;
 	right: 0px;
 	font-size: 12px;
 	margin-bottom: 15px;
 	display: none;
 	margin-right: 20px;
 }

 #conversation .message-box {
 	margin-bottom: 40px;
 	border: 1px solid #ebebeb;
 	padding: 15px;
 }

 #conversation .message-box textarea {
 	background: #ffffff;
 	margin-bottom: 10px;
 	border: 1px solid #ebebeb;
 } 

 #conversation .conversation-info {
 	margin-bottom: 30px;
 }

 #conversation .attach-img {
    text-transform: uppercase;
    letter-spacing: 2px;
    padding: 10px 20px;
    font-weight: 600;
    font-size: 12px;
    float: right;
    cursor: pointer;
    margin-bottom: 5px;
 }

 #conversation .attach-img.photographer {
 	background: #ffffff;
    border: 1px solid var(--green);
    color: var(--green);
 }

 #image-chat-dropzone {
 	display: none;
 	clear: both;
 }

 #image-chat-dropzone .img-container{
 	margin-top: 20px;
 	margin-bottom: 5px;
 	padding: 0px;
 }

 #conversation .chat-img-thumbnail {
 	width: 80px;
    height: 80px;
    overflow: hidden;
    background-size: cover;
    background-position: center top;
    display: inline-block;
    margin-right: 5px;
}

#conversation-package-form {
	margin-top: 20px;
}

#conversation-package-form .title {
	font-size: 20px;
	font-weight: 600;
	margin-bottom: 5px;
}

#conversation-package-form .subtitle {
	font-size: 12px;
	color: #777777;
	margin-bottom: 20px;
}

#conversation-package-form .conv-pkg-sumbit {
	border-radius: 0px;
	padding: 6px 20px;
	margin-bottom: 5px;
	margin-right: 5px;
}

#conversation-package-form .conv-pkg-cancel {
	border-radius: 0px;
	padding: 6px 20px;
	margin-bottom: 5px;
}

#conversation-package-form .conv-form-button-container {
	margin-bottom: 35px;
}

.block-msg {
	color: #6fcbc1;
}

#mp-dashboard-content .block-msg {
	color: var(--green);
}

#message-vendor-container {
	text-align: center;
}

#message-vendor-container .title {
	color: #555555;
}

#message-vendor-container .message-vendor-profile {
    width: 100px;
    height: 100px;
    overflow: hidden;
    background-size: cover;
    background-position: center top;
    display: inline-block;
    margin-bottom: 5px;
 }

 #viewPackageModal .table .packageBody tr:first-child td {
 	border-top: 0px;
 }
/* ====================================================================================================================
 * DASHBOARD - MY PHOTOSHOOTS
 * ====================================================================================================================*/


#myPhotoshoots .user-profile-small {
	margin-right: 20px;
}

#myPhotoshoots .user-info {
	display: inline-block;
	font-weight: 600;
}

#myPhotoshoots .pending {
	color: #F37B7B;
	font-weight: 600;
	text-align: center;
}

#myPhotoshoots .receipt {
	text-align: center;
}

#myPhotoshoots .completed {
	font-weight: 600;
	text-align: center;
}

#myPhotoshoots .review {
	margin-top: 5px;
	margin-bottom: 5px;
	text-align: center;
}

#myPhotoshoots .booking-table table{
	border: 1px solid #EBEBEB;
	border-top: 0px;
}

#myPhotoshoots .booking-table tr td{
	vertical-align: middle;
	background: #FAF9F9;
	padding: 10px;
}

#myPhotoshoots .complete-booking-btn {
	text-align: center;
}

.photoshoot-receipt {
	text-align: center;
}

/* ====================================================================================================================
 * DASHBOARD - GALLERY
 * ====================================================================================================================*/
.dashboard-unpublished {
	background: #EBEBEB;
	padding-top: 30px;
	padding-bottom: 30px;
}

.dashboard-unpublished.complete {
	background: #355088;
	color: #fff;
	padding-top: 0px;
	padding-bottom: 0px;
	display: flex;
    align-items: flex-end;
}

#gallery .dashboard-unpublished img {
	width: auto;
}

.dashboard-unpublished h3 {
	font-size: 18px;
	margin-bottom: 10px;
}

.dashboard-unpublished.complete h3{
	color: #fff;
}

.dashboard-unpublished.complete .fb-btn {
	margin-bottom: 0px;
    background: #fff;
    color: #355088;
    font-weight: 600;
    margin-top: 10px;
    max-width: 300px;
}

.dashboard-unpublished .summary {
	font-size: 12px;
	margin-bottom: 10px;
}

.dashboard-unpublished .btn-not-published {
	background: #CECECE;
	color: #ffffff;
	display: inline-block;
	padding: 6px 20px;
	margin-bottom: 10px;
}

.dashboard-unpublished .dashboard-status-item {
	width: 140px;
    text-align: center;
    margin-right: 10px;
    display: block;
    float: left;
    cursor: pointer;
    color: #777777;
}


.dashboard-unpublished .dashboard-status-item .status-header {
	font-weight: 500;
	font-size: 10px;
	color: #fff;
	background: var(--green);
	letter-spacing: 1px;
	text-transform: uppercase;
	padding: 3px 0px;
}

.dashboard-unpublished .dashboard-status-item .status-header.incomplete {
	background: #F51313;
}

.dashboard-unpublished .dashboard-status-item .status-body {
	background: #fff;
	padding: 10px;
}

.dashboard-unpublished .dashboard-status-item .status-body .title {
	font-weight: 600;
	margin-bottom: 10px;
	color: var(--green);
}

.dashboard-unpublished .dashboard-status-item .status-body .title.incomplete {
	color : #F51313;
}


.dashboard-celebrate-text {
	padding-top: 30px;
	padding-bottom: 30px;
	-webkit-align-self: center;
    align-self: center;
}

.dashboard-celebrate {
	height: 100%;
}

.dashboard-celebrate img{
	max-width: 100%;

}

.sub-heading {
 	font-size: 12px;
 	margin-bottom: 20px;
 }

 .gallery-wrapper {
 	width: 100%;
 	height: 250px;
 	overflow: hidden;
    background-size: cover;
    background-position: center center;
    margin-bottom: 15px;
    position: relative;
 }

  .photo-wrapper {
 	width: 100%;
 	height: 200px;
 	overflow: hidden;
    background-size: cover;
    background-position: center center;
    margin-bottom: 15px;
 }

 .gallery-add-container {
 	height: 250px;
 	background: #FAF9F9;
 	text-align: center;
 	color: var(--green);
 	border: 1px solid #EBEBEB;
 }

 .gallery-add {
 	margin-left: auto;
 	margin-right: auto;
 }

 .photo-item {
 	margin-bottom: 30px;
 }

 .gallery-item {
 	text-align: center;
 	margin-bottom: 30px;
 }

 .gallery-mix-item {
 	text-align: center;
 	margin-bottom: 30px;
 }


 .gallery-mix-item .title {
 	overflow: hidden;
 	margin-top: 7px;
 	height: 44px;
 }

#gallery-all-albums .mix {
 	display: none;
 }

 .gallery-item:nth-child(odd) {
 	clear: both;
 }

 .albumgallery-item:nth-child(3n+1) {
 	clear: both;
 }


 #gallery-container .edit-album {
 	display: inline-block;
 	margin-right: 10px;
 	margin-bottom: 30px;
 }

  #gallery-container .add-album {
  	border-top: 1px solid #ebebeb;
  	padding-top: 15px;
  	margin-top: 30px;
  	margin-bottom: 15px;
  }

  #gallery-container .photo-delete {
  	text-align: right;
  	cursor: pointer;
  	color: var(--green);
  	font-weight: 600;
  	margin-top: -5px;
  	font-size: 14px;
  }


  #gallery-container .photo-wrapper .removed-msg {
  	text-align: center;
  	font-weight: 600;
  	color: #555555;
  	background: rgba(255,255,255, 0.8);
  	height: 200px;
  	width: 100%;
  	padding-top: 80px;
  	padding-bottom: 80px;
  }

  #gallery-container .sortable {
	font-size: 0px;
	list-style-type: none;
	margin: 0;
	padding: 0;
	font-size: 0;
  }

  .sortable.connectedSortable {
  	min-height: 40px;
  }

  #gallery-container .sortable li {
  	display: inline-block;
  	cursor: pointer;
  	float: none;
  	margin-right: -1px;
  }

  #gallery-container .btn-add-gallery-album {
  	padding-left: 30px;
  	padding-right: 30px;
  	border-radius: 0px;
  }

 #gallery-container .filter-control-container .btn:active, #gallery-container .filter-control-container .btn.active {
  	-webkit-box-shadow: none;
    box-shadow: none;
    font-weight: 800;
    color: #555555;
  }

  #gallery-container .btn:focus {
  	outline:0;
  }

  #gallery-container .filter-control-container {
  	margin-top: 20px;
  	margin-bottom: 20px;
  	border-top: 1px solid #ebebeb;
  	border-bottom: 1px solid #ebebeb;
  }

  #gallery-container .filter-control-container .filter {
  	background: transparent;
  	color: #999999;
  }

/* ====================================================================================================================
 * ALBUMS
 * ====================================================================================================================*/
#albums-header {
	margin-top: 80px;
	margin-bottom: 30px;
	text-align: center;
	color: #555555;
	position: relative;
}

#albums-header .albums-header-main {
    padding-left: 100px;
    padding-right: 100px;
}

#albums-header .breadcrumb{
	margin-bottom: 5px;
}

#albums-header .img-circle{
	margin-bottom: 10px;
}


#albums-header h1 {
	font-weight: 600;
	font-size: 20px;
	margin-top: 0;
	margin-bottom: 5px;
}

#albums-header .fa-map-marker{
	margin-right: 5px;
}

#albums-statistics {
	position: absolute;
	right: 0px;
	top: 30px;
}


.gallery-albums .gallery-item:nth-child(odd) {
 	clear: none;
}

.gallery-albums .gallery-item:nth-child(4n+1) {
 	clear: both;
}

#albums-breadcrumb .breadcrumb {
	margin-bottom: 10px;
	color: #AAAAAA;
}

#pg-albums.albums {
	padding-top: 0px;
}

.add-more-photos {
	text-align: right;
    font-weight: 700;
    color: var(--green);
    cursor: pointer;
    margin-top: 10px;
}

.dropzone-form-group {
	display: none;
}

.dropzone-error-container {
	display: none;
	background: #b62525;
	padding: 20px;
	color: #fff;
	border-radius: 8px;
}

.album-progress-container {
	display: none;
}

.progress-complete-status {
	display: none;
}

.edit-album-section .dropzone {
	margin-bottom: 10px;
}

/* ====================================================================================================================
 * DASHBOARD - PRICELIST
 * ====================================================================================================================*/
#pricelist .package-item {
	border: 1px solid #EBEBEB;
	min-height: 75px;
	margin-bottom: 15px;
}

#pricelist .package-title {
	font-weight: 600;
	padding-top: 10px;
	margin-bottom: 3px;
}

#pricelist .package-price {
	text-align: right;
	border-right: 1px solid #EBEBEB;
	min-height: 75px;
	padding-top: 10px;
}

#pricelist .package-edit {
	text-align: center;
	background: #FAF9F9;
	min-height: 75px;
	padding-top: 10px;
}

#pricelist .package-edit .delete-container {
	margin-top: 5px;
}

#pricelist .package-edit .delete{
	color: #AFAFAF;
}

#pricelist .add-package {
	min-height: 75px;
	width: 100%;
	background: #FAF9F9;
	color: var(--green);
	font-weight: 600;
	border: 1px solid #EBEBEB;
	padding-top: 12px;
	padding-bottom: 12px;
}

#pricelist .package-category-label {
	border-radius: 8px;
	background: #555555;
	color: #ffffff;
	font-size: 12px;
	font-weight: 400;
	padding: 3px 10px;
	margin-bottom: 3px;
	display: inline-block;
}

#pricelist-add-couple-snippet {
	background: #A36CC5;
	border-left: 1px solid #EBEBEB;
	border-right: 1px solid #EBEBEB;
}

#pricelist-add-couple-snippet img{
	max-width: 100%;
}

#pricelist-mobile-add-couple-icon {
	display: none;
}

#pricelist-add-couple-snippet .title {
	font-size: 18px;
	font-weight: 600;
	color: #FFFFFF;
}

#pricelist-add-couple-snippet .subtitle {
	color: #DFB8F7;
    font-size: 12px;
}

#pricelist .main-packages-row, #pricelist .other-packages-row  {
	margin-top: 20px;
	display: none;
}

#pricelist .package-box .inner{
	border: 1px solid #EBEBEB;;
}

#pricelist .package-box .package-header {
	padding: 15px;
	background: #FAF9F9;
	border-bottom: 1px solid #EBEBEB;
}

#pricelist .package-box .package-header .header {
	text-transform: uppercase;
	width: 100%;
	letter-spacing: 1.7px;
	font-weight: 600;
	color: #555555;
	margin-bottom: 2px;
}

#pricelist .package-box .package-header .header .price-container {
	float: right;
	display: inline-block;
	letter-spacing: 0.5px;
}

#pricelist .package-box .package-header .fa {
	color: #AAAAAA;
	margin-left: 0px;
	margin-right: 2px;
}

#pricelist .package-box .package-details {
	padding: 15px;
	position: relative;
}

#pricelist .package-box .package-details ul {
	padding-left: 20px;
}

#pricelist .package-box .package-details {
	height: 250px;
} 

#pricelist .package-box .package-details .btn-container {
	position: absolute;
	width: 100%;
	left: 0px;
	bottom: 15px;
	padding-left: 15px;
	padding-right: 15px;
}

#pricelist .package-box .package-details .btn-edit-price {
	width: 100%;
	border-radius: 4px;
	padding: 8px 10px;
}


#editPriceModal label {
	color: #555555;
	margin-bottom: 10px;
}

#editPriceModal .edit-title {
	font-size: 15px;
    text-transform: uppercase;
    color: #555555;
    letter-spacing: 1.3px;
    font-weight: 600;
}

#editPriceModal .form-control {
	width: 200px;
	height: 40px;
}

#editPriceModal .btn {
	text-transform: uppercase;
	padding: 8px 20px;
	text-transform: uppercase;
	letter-spacing: 1.3px;
	border-radius: 4px;
}

/* ====================================================================================================================
 * DASHBOARD - MY STORE
 * ====================================================================================================================*/
#myStore-header h3{
	margin-bottom: 10px;
}


/* ====================================================================================================================
 * DASHBOARD - EDIT PROFILE
 * ====================================================================================================================*/

#instagram-alert {
	display: none;
}

div.tagsinput {
	width: 100%!important;
	background: #FAF9F9;
    border: 1px solid #EBEBEB;
}

#lf-also-serving_tag {
	width: 100px;
	font-family: 'Raleway', sans-serif;
}

.seperate-tag-subheader {
    font-size: 12px;
    color: #AAAAAA;
    margin-top: -3px;
    margin-bottom: 10px;
}

div.tagsinput span.tag {
	font-family: 'Raleway', sans-serif;
	border: 1px solid var(--green);
	color: var(--green);
	background: #EDF7F6;
}

div.tagsinput span.tag a {
	color: var(--green);
}

#lf-language_addTag #lf-language_tag {
	width: 130px;
}

/* ====================================================================================================================
 * DROPZONE
 * ====================================================================================================================*/

.dropzone {
  border: 2px dashed var(--green);
  border-radius: 5px;
  background: white;
  margin-top: 5px;
}

/*.dropzone .dz-preview.dz-error .dz-error-message {
	display: none!important;
}

.dz-filename {
	display: none!important;
}*/

.dropzone .dz-message {
	margin-top: 40px;
}

/* ====================================================================================================================
 * ERROR - 404
 * ====================================================================================================================*/
#error404 {
	text-align: center;
	padding-top: 100px;
	margin-bottom: 100px;
	font-size: 18px;
	color: #AAAAAA;
	line-height: 30px;
}

#error404 h1{
	font-size: 104px;
	color: #AAAAAA;
	margin-top: 0px;
	font-weight: 600;
	margin-bottom: 30px;
}

/* ====================================================================================================================
 * WHY LIST
 * ====================================================================================================================*/
 #whylist-banner {
 	margin-top: 90px;
 	background: url('../whylist-banner.html');
 	width: 100%;
 	height: 600px;
 	overflow: hidden;
    background-size: cover;
    background-position: center center;
 }

 #whylist-banner .whylist-banner-container {
 	margin-left: auto;
 	margin-right: auto;
 	color: #ffffff;
 	font-size: 24px;
 	font-weight: 500;
 	text-align: center;
 }

  #whylist-banner .whylist-banner-container .for-photographers {
  	font-size: 30px;
  	font-weight: 600;
  	letter-spacing: 0.5px;
  }

  #whylist-banner .whylist-banner-container .subtitle {
  	line-height: 22px;
  	max-width: 650px;
  	display: inline-block;
  	color: #ffffff;
  	letter-spacing: 0.5px;
  	font-size: 14px;
  	margin-bottom: 20px;
  }

  #whyList-Form .control-label {
  	text-align: right;
  }

  #whylist-btn {
  	padding-left: 35px;
    padding-right: 35px;
    background: transparent;
    border-color: #ffffff;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 14px;
  }

  #whylist-container{
  	text-align: center;
  }

  #whylist-container h2 {
  	font-family: 'jenna_sueregular', sans-serif;
  	margin-top: 45px;
  	margin-bottom: 30px;
  	color: #777777;
  	font-size: 36px;
  	font-weight: 400;
  }

  #whylist-container .whylist-feature-text {
  	line-height: 24px;
  }

  #whylist-container .whylist-feature {
  	margin-bottom: 45px;
  	padding-left: 45px;
  	padding-right: 45px;
  }


  #whylist-container .whylist-nowbtn {
  	font-size: 18px;
  	padding: 10px 36px;
  	margin-bottom: 60px;
  	margin-top: 30px;
  }

  #whylist2 {
  	background: url('../whylist-banner2.html');
 	width: 100%;
 	height: 500px;
 	overflow: hidden;
    background-size: cover;
    background-position: center center;
    position: relative;
  }

  #whylist2 .inner{
  	position: absolute;
  	margin-top: 130px;
  	left: 50px;
  	color: #ffffff;
  }

  #whylist2 .inner .title {
  	font-size: 24px;
  	letter-spacing: 0.5px;
  	font-weight: 600;
  	margin-bottom: 5px;
  }

  #whylist2 .inner .text {
  	max-width: 550px;
  	display: inline-block;
  	letter-spacing: 0.5px;
  	line-height: 22px;
  }

  #whylist2 .credit {
  	position: absolute;
  	bottom: 20px;
  	right: 20px;
  	color: #ffffff;
  	font-size: 12px;
  }

  #whylist-services {
  	margin-top: 50px;
  	text-align: center;
  	margin-bottom: 30px;
  }

  #whylist-services h2 {
  	font-size: 24px;
  	width: 100%;
  	margin-top: 0px;
  	margin-bottom: 15px;
  	letter-spacing: 0.5px;
  }

  #whylist-services .subtitle {
  	display: inline-block;
  	max-width: 750px;
  	letter-spacing: 0.5px;
  	line-height: 22px;
  	margin-bottom: 25px;
  }

  #whylist-services .item {
  	position: relative;
  	margin-bottom: 20px;
  }

  #whylist-services .credit {
  	position: absolute;
  	top: 7px;
  	right: 10px;
  	color: #ffffff;
  	font-size: 12px;
  }

  #whylist-services .item .inner {
  	width: 100%;
  	height: 100%;
  	position: relative;
  }

  #whylist-services .item img {
  	max-width: 100%;
    width: 100%;
  }

  #whylist-services .item .inner .type{
    position: absolute;
    width: 100%;
    bottom: 10px;
  }

  #whylist-services .item .inner .type .type-box {
  	background: rgba(0,0,0,0.5);
  	color: #ffffff;
  	display: inline-block;
  	padding: 5px 30px;
  	border-radius: 8px;
  	text-transform: uppercase;
  	letter-spacing: 2px;
  }

  #howitworks-splash {
  	background: #404040;
  	padding: 50px;
  	text-align: center;
  }

  #howitworks-splash h2 {
  	font-family: 'jenna_sueregular', sans-serif;
  	font-size: 36px;
  	color: #777777;
  	font-weight: 400;
  	margin-top: 0px;
  	color: var(--green);
  	margin-bottom: 30px;
  }

  #howitworks-splash h3 {
  	color: var(--green);
  	margin-bottom: 10px;
  }

  #howitworks-splash p {
  	color: #FFFFFF;
  	font-weight: 300;
  	line-height: 22px;
  }

  #howitworks-splash .howitworks-item {
  	padding-left: 30px;
  	padding-right: 30px;
  }

  #invite-splash {
  	background: #FAF9F9;
  	padding: 30px;
  	text-align: center;
  	border-top: 1px solid #EBEBEB;
  	border-bottom: 1px solid #EBEBEB;
  }

  #invite-splash h2 {
  	font-family: 'jenna_sueregular', sans-serif;
  	font-size: 36px;
  	color: #777777;
  	font-weight: 400;
  	margin-top: 0px;
  }

#invite-splash .invite-only {
	-webkit-transform: rotate(10deg);
	-moz-transform: rotate(10deg);
	-ms-transform: rotate(10deg);
	-o-transform: rotate(10deg);
	margin-left: 140px;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: 700;
}

#invite-splash .invite-tagline {
	font-size: 12px;
	font-weight: 600;
}

#invite-splash .invite-subtagline {
	font-size: 12px;
}

#invite-form {
	padding: 30px;
}

#invite-form .invite-submit {
	margin-top: 10px;
	font-size: 16px;
	padding: 10px 24px;
	margin-bottom: 15px;
}

#invite-form .control-label-large {
	color: var(--green);
}

/* ====================================================================================================================
 * HOW IT WORKS
 * ====================================================================================================================*/
#hiw-banner {
 	margin-top: 50px;
 	background: url('../jpg/hiw-banner.jpg');
 	width: 100%;
 	height: 400px;
 	overflow: hidden;
    background-size: cover;
    background-position: center center;
}

#hiw-banner2 {
 	background: url('../jpg/hiw-banner3.jpg');
 	width: 100%;
 	height: 400px;
 	overflow: hidden;
    background-size: cover;
    background-position: center center;
    position: relative;
}

#hiw-banner .hiw-banner-container {
 	margin-left: auto;
 	margin-right: auto;
 	color: #ffffff;
 	font-size: 24px;
 	font-weight: 500;
 	text-align: center;
}

#hiw-banner .hiw-banner-container .hiw-title {
  	text-transform: uppercase;
  	font-size: 24px;
  	font-weight: 600;
  	margin-top: 15px;
  	margin-bottom: 15px;
  	letter-spacing: 3px;
  	color: #ffffff;
 }

 #hiw-banner .credit {
	position: absolute;
	top: 430px;
	right: 10px;
	font-size: 12px;
	font-weight: 400;
}

 #hiw-banner2 .credit {
	position: absolute;
	bottom: 5px;
	right: 10px;
	color: #ffffff;
	font-size: 12px;
	font-weight: 400;
}

#hiw-banner .hiw-banner-content {
	margin-top: 123px;
	margin-bottom: 123px;
}

#hiw-container .hiw-features{
	text-align: center;
	padding-top: 50px;
	padding-bottom: 50px;
}

#hiw-container .hiw-features img{
	max-width: 100%;
}

#hiw-container.grey {
	background: #FAF9F9;
}

#hiw-container .hiw-feature-item h3 {
	margin-top: 0px;
	margin-bottom: 15px;
}

#hiw-container .hiw-feature-item p {
	line-height: 24px;
	max-width: 300px;
	margin-bottom: 0px;
	margin-right: auto;
	margin-left: auto;
}

#hiw-container2 {
	text-align: center;
	background: #474747;
}

#hiw-container2 h2 {
  font-family: 'jenna_sueregular', sans-serif;
  margin-top: 45px;
  margin-bottom: 30px;
  color: var(--green);
  font-size: 36px;
  font-weight: 400;
}

#hiw-container2 h3 {
	color: var(--green);
}

#hiw-container2 .whylist-feature-text {
	color: #ffffff;
	margin-bottom: 30px;
	max-width: 400px;
	margin-left: auto;
	margin-right: auto;
	font-weight: 200;
}

#hiw-container2 .whylist-feature:nth-child(even) {
	clear: both;
}

#hiw-container2 .hiw-nowbtn {
	margin-bottom: 40px;
	padding-left: 30px;
	padding-right: 30px;
	margin-top: 15px;
}



/* ====================================================================================================================
 * ABOUT US
 * ====================================================================================================================*/

#aboutUs {
	position: relative;
}

#aboutUs-banner {
 	background: url('../jpg/aboutus-banner.jpg');
 	width: 100%;
 	height: 400px;
 	overflow: hidden;
    background-size: cover;
    background-position: center center;
}

#aboutUs-banner .aboutUs-banner-container {
 	margin-left: auto;
 	margin-right: auto;
 	color: #ffffff;
 	font-size: 24px;
 	font-weight: 500;
 	text-align: center;
}

#aboutUs-banner .aboutUs-title {
	text-transform: uppercase;
	font-weight: 600;
	letter-spacing: 5px;
	font-size: 30px;
	color: #ffffff;
}

#aboutUs .credit{
	position: absolute;
	color: #ffffff;
	bottom: 5px;
	right: 10px;
}

#aboutUs-content {
	margin-top: 30px;
	margin-bottom: 80px;
}

#aboutUs-content p {
	line-height: 24px;
}

#aboutUs-content h1 {
	margin-top: 50px;
	margin-bottom: 20px;
	font-size: 28px;
	font-weight: 600;
	color: #555555;
}

#aboutUs-content h2 {
	margin-top: 50px;
	margin-bottom: 20px;
}

#aboutUs-content ol {
	padding-left: 20px;
	margin-top: 30px;
}

#aboutUs-content ol li {
	margin-bottom: 10px;
}

.aboutUs-quote {
	text-align: center;
	margin-top: 20px;
	margin-bottom: 20px;
}

.aboutUs-team-item {
	text-align: center;
	margin-bottom: 20px;
}

.aboutUs-team-item img {
	width: 100px;
	margin-bottom: 10px;
}




/* ====================================================================================================================
 * WEDDING GOWNS
 * ====================================================================================================================*/
#weddingGown {
	position: relative;
}

#weddingGown-banner {
 	margin-top: 50px;
 	background: url('../wedding-gown-banner.html');
 	width: 100%;
 	height: 400px;
 	overflow: hidden;
    background-size: cover;
    background-position: center center;
}

#weddingGown-banner .weddingGown-banner-container {
 	margin-left: auto;
 	margin-right: auto;
 	color: #ffffff;
 	font-size: 14px;
 	font-weight: 400;
 	text-align: center;
 	max-width: 600px;
}


#weddingGown-banner .weddingGown-title {
	text-transform: uppercase;
	font-weight: 600;
	letter-spacing: 5px;
	font-size: 24px;
	color: #ffffff;
	margin-top: 10px;
	margin-bottom: 10px;
}

#weddingGown .credit{
	position: absolute;
	color: #ffffff;
	bottom: 10px;
	right: 10px;
}

#weddingGown-logos {
	text-align: center;
	margin-top: 30px;
	margin-bottom: 30px;
}

#weddingGown-logos .title {
	font-size: 18px;
	font-weight: 600;
	color: #555555;
}

#weddingGown-logos .weddingGown-logo-container {
	margin-top: 20px;
	margin-bottom: 20px;
}

.weddingGown-logo-container img {
	max-width: 100%;
}

#gown-blessedbrides {
 	background-image: url('../blessed-brides-banner.html');
}

#gown-viviangown {
 	background-image: url('../vivian-gown-banner.html');
}

#gown-warehouse {
 	background-image: url('../the-gown-warehouse-banner.html');
}


.gown-partners-section {
	width: 100%;
 	height: 450px;
 	overflow: hidden;
    background-size: cover;
    background-position: center center;
    position: relative;
}

.gown-partners-about {
	min-width: 400px;
	width: 30%;
	background: #ffffff;
	margin-top: 35px;
	margin-bottom: 35px;
	height: 380px;
	margin-left: 35px;
	border-radius: 4px;
	position: relative;
	padding: 20px;
}

.gown-partners-about .discount {
	position: absolute;
	right: -20px;
	top: -20px;
}

.gown-partners-about .partner-name, .gown-partners-about-mobile .partner-name{
	font-size: 20px;
	color: #555555;
	font-weight: 600;
}

.gown-partners-about .partner-type, .gown-partners-about-mobile .partner-type {
	text-transform: uppercase;
	color: #cccccc;
	font-weight: 600;
	letter-spacing: 0.5px;
	margin-top: 10px;
	margin-bottom: 10px;
}

.gown-partners-about .partner-summary, .gown-partners-about-mobile .partner-summary {
	line-height: 22px;
	letter-spacing: 0.5px;
	color: #777777;
}

.gown-partners-about .partner-logo {
	text-align: right;
}

.gown-partners-about .small-logo  {
	height: 50px;
	width: auto;
	position: absolute;
	bottom: 10px;
	right: 10px;
}

.gown-partners-about-mobile .small-logo {
	height: 50px;
	width: auto;
	text-align: left;
}

.mobile-gown-parent-container {
	padding: 40px 20px;
	display: none;
}

.gown-thumbnail-container {
	text-align: center;
	background: #EAEAEA;
	padding-top: 10px;
	padding-bottom: 7px;
	margin-bottom: 70px;
}

.gown-thumbnail-container a {
	line-height: 0px;
	margin-left: 3px;
	margin-right: 3px;
}

.gown-thumbnail {
 	width: 80px;
 	height: 80px;
 	overflow: hidden;
    background-size: cover;
    background-position: center top;
    display: inline-block;
}

.mobile-gown-container {
	padding: 0px;
}

.mobile-gown-parent-container .mobile-discount {
	color: #ffffff;
	background: #F37B7B;
	display: inline-block;
	padding: 3px 10px;
	border-radius: 5px;
	text-transform: uppercase;
	margin-bottom: 15px;
	margin-top: 5px;
}

.gown-mobile-banner {
	width: 100%;
	display: none;
}

#gown-partner-email {
	text-align: center;
	margin-bottom: 30px;
	margin-top: -20px;
}

/* ====================================================================================================================
 * TEMPORARY HOMEPAGE
 * ====================================================================================================================*/
.launch-logo {
	margin-top: 30px;
	margin-left: 10px;
}

.launch-logo-subtitle {
	width: 180px;
	color: #ffffff;
	font-size: 12px;
	margin-left: 10px;
	line-height: 14px;
	margin-top: 10px;
}

#whylist-banner.launch {
	height: 465px;
	margin-top: 0px;
}

.for-launch {
	text-transform: uppercase;
	font-size: 14px;
	font-weight: 600;
	letter-spacing: 5px;
	font-size: 30px;
	color: #ffffff;
}

.for-launch-subtitle {
	font-size: 14px;
	font-weight: 400;
	margin-bottom: 15px;
	margin-top: 5px;
}

#whylist-btn.launch {
	font-size: 16px;
}

.whylist-banner-container.launch .invite-only {
	-webkit-transform: rotate(10deg);
	-moz-transform: rotate(10deg);
	-ms-transform: rotate(10deg);
	-o-transform: rotate(10deg);
	margin-left: 500px;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: 700;
}

#invite-splash .logo-badge {
	margin-bottom: 25px;
}

#whylist-banner .credit {
	position: absolute;
	top: 620px;
	right: 20px;
	font-size: 12px;
	font-weight: 400;
}

#blog-banner{
  background: url('../jpg/blog-banner.jpg');
  width: 100%;
  height: 310px;
  overflow: hidden;
  background-size: cover;
  background-position: center center;
  position: relative;
}

#blog-banner .blog-container {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	margin-top: 90px;
	margin-bottom: 90px;
}

#blog-banner .blog-container .title {
	text-transform: uppercase;
	font-size: 14px;
	font-weight: 600;
	letter-spacing: 5px;
	font-size: 30px;
	color: #ffffff;
}

#blog-banner .blog-container .subtitle {
	font-size: 14px;
	font-weight: 400;
	margin-bottom: 15px;
	margin-top: 5px;
	color: #ffffff;
	text-align: center;
}

#blog-banner .blog-container #go-to-blog {
	margin-left: auto;
	margin-right: auto;
	padding-left: 50px;
	padding-right: 50px;
}

#blog-banner .credit {
	position: absolute;
	bottom: 10px;
	right: 10px;
	color: #ffffff;
	font-size: 12px;
}


#modal-signup .modal-content .close, #modal-login .modal-content .close {
 position: absolute;
 top: 0px;
 right: 5px;
 z-index: 10;
 font-size: 30px;
 text-shadow: none;
 opacity: 1;
 color: #aaaaaa;
}

/* ====================================================================================================================
 * HOMEPAGE PROMOTION /SPRING PROMOTION
 * ====================================================================================================================*/
#homepage-promotion-1 {
	margin-top: 15px;
	text-align: center;
	padding-bottom: 50px;
	border-bottom: 1px solid #ebebeb;
}

#homepage-promotion-1 img {
	max-width: 80%;
}

#spring-promotion  {
	text-align: center;
}

#spring-promotion .large-banner{
	max-width: 80%;
	margin-bottom: 50px;
}

#spring-promotion .details {
	font-size: 16px;
	color: #8e5d44;
	font-weight: 600;
	margin-bottom: 40px;
}

#spring-promotion .details a, .spring-promotion-studio a {
	color: #ec783d;
}

.spring-promotion-studio {
	font-size: 20px;
	margin-bottom: 20px;
}

#spring-listing img{
	max-width: 100%;
	margin-bottom: 30px;
}

.spring-promotion-studio img {
	max-width: 100%;
	margin-bottom: 20px;
}

.spring-promotion-studio .spring-item:nth-child(3n+1) {
	clear: both;
}

.btn-book-spring, .btn-book-spring:visited, .btn-book-spring:active, .btn-book-spring:focus  {
	position: absolute;
    top: 12.5px;
    right: 10px;
    padding-left: 30px;
    padding-right: 30px;
    background: #ec783d;
    border-color: #ec783d;
}

.btn-book-spring:hover {
	background: #fb5500;
	border-color: #fb5500;
}

.btn-book-spring.summer, .btn-book-spring.summer:visited, .btn-book-spring.summer:active, .btn-book-spring.summer:focus {
	background: #e73f6a;
    border-color: #e73f6a;
} 

.btn-book-spring.summer:hover {
	background: #c10f3d;
	border-color: #c10f3d;
}

.listing-package-item {
    border: 1px solid #ebebeb;
    margin-bottom: 15px;
    padding-bottom: 10px;
}

.listing-package-item .pricelist-header {
    background: #FAFAFA;
    padding: 10px 15px;
    border-bottom: 1px solid #ebebeb;
    font-weight: 600;
}

.listing-package-item .pricelist-header {
    background: #FAFAFA;
    padding: 10px 15px;
    border-bottom: 1px solid #ebebeb;
    font-weight: 600;
}

.listing-package-item .price {
    color: var(--green);
}

.estimated-price {
    font-weight: 400;
    color: #AEAEAE;
}

.listing-package-item .listing-package-row.hours, .listing-package-item .listing-package-row.editedPhotos {
	padding-top: 10px;
}

.listing-package-item .listing-package-row {
	padding: 3px 15px;
}

.listing-package-item .additonal-info-remarks .remarks {
	padding-top: 5px;
    white-space: pre-wrap;
}

/* ====================================================================================================================
 * OFFERS
 * ====================================================================================================================*/
#offer-list li{
	border: 1px solid var(--green);
	background: transparent;
	margin-top: 12px;
	border-radius: 30px;
	margin-right: 20px;
}

#offer-list li a {
	color: var(--green);
	padding: 8px 25px;
}

#offer-list li:hover {
	background: var(--green);
}

#offer-list li:hover a {
	color: #ffffff;
}

/* ====================================================================================================================
 * CONTACT US
 * ====================================================================================================================*/
#contact-us {
	padding-top: 50px;
	padding-bottom: 50px;
	background: #f8f2eb;
	text-align: center;
	margin-bottom: 60px;
	font-family: 'GlacialIndifference';
}

#contact-us h1 {
	font-family: "Playfair Display", serif;
    font-weight: 200;
    font-size: 48px;
    color: #405530;
    margin-bottom: 20px;
}


#contact-us .text {
	color: #545454;
	max-width: 700px;
	margin-left: auto;
	margin-right: auto;
	line-height: 22px;
	font-size: 16px;
	margin-bottom: 20px;
}

#contact-us-form-container {
	border: 1px solid #ebebeb;
	font-family: 'GlacialIndifference';
	color: #555555;
	margin-bottom: 60px;
}

#contact-us-form {
	padding: 50px;
	display: table;
}

#contact-us-photo{
	display: table-cell;
}


#contact-form-photo {
	background-image: url('../jpg/contact-form.jpg');
	background-size: cover;
	background-position: bottom center;
	background-repeat: no-repeat;
}

#contact-us-form-container .table-container {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin: auto;
  overflow-x: auto;
}

#contact-us-form-container .table-header,
#contact-us-form-container .table-row {
  display: flex;
  flex-direction: row;
  width: 100%;
}

#contact-us-form form {
	padding: 20px;
}

#contact-us-form-container .table-header {
  background-color: #f2f2f2;
  font-weight: bold;
}

#contact-us-form-container .table-cell {
  flex: 1;
  padding: 12px 16px;
  border-bottom: 1px solid #eee;
  min-width: 120px;
  box-sizing: border-box;
  word-break: break-word;
}

#contact-us-form .address {
	font-weight: 700;
	margin-bottom: 5px;
}

#contact-us-form .address a {
	color: #555555;
}

#contact-us-form-container .form-container {
	margin-top: 30px;
}

#contact-us-form-container .required {
	color: #c46838;
}

#contact-us-form #conv-message-body {
	margin-bottom: 25px;
}

#contact-us-form #conv-message-submit {
	width: 180px;
	border-radius: 30px;
	background: 
}

#contact-us-form-container #social-container {
	margin-top: 40px;
}

#contact-us-form-container #social-container a{
	color: #405530;
	font-weight: 400;
	letter-spacing: 0px;
	line-height: 24px;
}

#contact-us-form-container #social-container .fa {
	padding-right: 5px;
}

#contact-us-form-container #social-container .fa-facebook {
	padding-right: 8px;
}


#contact-us-form-container #social-container .underline {
	text-decoration: underline;
}

#head-office {
	padding-top: 50px;
	padding-bottom: 50px;
	background: #f8f2eb;
	font-family: 'GlacialIndifference';
}

#head-office h2{
	font-family: "Playfair Display", serif;
	font-weight: 200;
    color: #405530;
    font-size: 32px;
    margin-top: 0px;
}

#head-office #head-office-title {
	text-align: right;
	padding-right: 100px;
}

#head-office #head-office-title .sg{
	text-transform: uppercase;
	font-family: "Playfair Display", serif;
	letter-spacing: 2px;
	font-size: 12px;
}

#head-office .address {
	margin-bottom: 20px;
}

@media (max-width: 991px) {
	#spring-promotion .large-banner, #homepage-promotion-1 img {max-width: 100%; height: auto;}
	.btn-book-spring {position: relative!important; margin-left: 10px; margin-bottom: 15px;}
}

@media (max-width: 767px) {
	#contact-us {margin-bottom: 0px;}
	#contact-us h1 {font-size: 36px;}
	#contact-us .text {padding-left: 50px; padding-right: 50px;}
	#contact-us-form-container .table-row  {flex-direction: column;}
	#contact-us-form-container .table-cell {width: 100%; flex: none; /* Overrides flex: 1 */}
	#contact-form-photo {height: 700px; background-position: center center;}
	#contact-us-form-container {margin-bottom: 0px; border-bottom: 0px;}

}


@media (max-width: 600px) {
	.spring-promotion-studio .spring-item:nth-child(n+3){display: none;}

	#contact-us {padding-top: 30px; padding-bottom: 30px}
	#contact-us .text {padding-left: 10px; padding-right: 10px;}
	#head-office {padding-top: 30px; padding-bottom: 30px}
	#head-office #head-office-title {text-align: center; padding-right:0px; margin-bottom: 20px;}
	#head-office-address {text-align: center;}
}