.clearfix, .clearfix:after { clear: both }
hr, select { border: none }
::selection, hr { background: #b3975b }
body { font-family: avenir, sans-serif }
::-moz-selection { background: #b3975b; color: #fff }
::selection { color: #fff }
.clearfix:after, .clearfix:before { content: " "; display: table }
.container { margin: 0 auto; width: 90% }
.text_center { text-align: center }
.allcaps { text-transform: uppercase }
.capitalize { text-transform: capitalize }
.img_fullwidth { width: 100% }
.narrow { padding: 0 118px !important }
hr.bold { height: 5px; float: left; width: 20% }
hr { height: 1px }
hr.spacer { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: currentcolor currentcolor #fff; border-image: none; border-style: none none solid; border-width: medium medium 1px; margin: 80px auto; opacity: .3; width: 40% }
input[type=text], input[type=email], input[type=password], input[type=number], textarea { background: #2b292e; border: 1px solid #b3975b; border-radius: 0; color: #fff; height: 40px; padding: 5px 10px; width: 100% }
textarea { height: 100px }
textarea.blckBorder { border: 2px solid #090a0c }
select { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; background-image: url(../images/arrow-down.png); background-color: rgba(255, 255, 255, .1); padding: 10px; outline: 0; background-position: right center; background-repeat: no-repeat; border-radius: 0; line-height: 1.3em; position: relative; width: 100% }
select option { border: none; background: #2d2c34 }
.inline { display: inline-block }
.noborder { border: none }
.form_group { margin-bottom: 15px; position: relative }
.form_group label { font-size: 13px; padding-bottom: 5px; display: block; color: #b3975b; text-align: left }
.form_group.half label { float: left; width: 50% }
.form_group .invalid, .form_group .valid { display: inline-block; height: 40px; line-height: 40px; position: absolute; right: -40px; text-align: center; top: 24px; width: 40px }
[data-tooltip]::before { background-color: rgba(51, 51, 51, .9); border-radius: 3px; bottom: 127%; color: #b3975b; content: attr(data-tooltip); font-size: 12px; left: 50%; line-height: 1.2; margin-bottom: 5px; margin-left: -80px; padding: 7px; position: absolute; text-align: center; width: 160px }
[data-tooltip]::after { border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid rgba(51, 51, 51, .9); bottom: 125%; content: " "; font-size: 0; left: 50%; line-height: 0; margin-left: -5px; position: absolute; width: 0 }
.btn_gold::after, .btn_gold::before { bottom: 4px; left: 4px; position: absolute; right: 4px; top: 4px; z-index: -1; content: "" }
[data-tooltip]:hover::after, [data-tooltip]:hover::before { opacity: 1; visibility: visible }
[data-tooltip]::after, [data-tooltip]::before { opacity: 0; pointer-events: none; visibility: hidden }
.btn_gold::before { background: linear-gradient(to bottom, #6f582f 0, #b7955a 99%) rgba(0, 0, 0, 0) }
.btn_gold::after { background: linear-gradient(to bottom, #b7955a 1%, #6f582f 100%) rgba(0, 0, 0, 0); opacity: 1; transition: all .2s ease 0s }
.btn_gold { background-color: rgba(0, 0, 0, 0); display: inline-block; cursor: pointer; border: 1px solid #b3975b; border-radius: 4px; color: #fff; font-size: 17px; height: auto; letter-spacing: 3px; padding: 13px 30px; position: relative; text-transform: uppercase; z-index: 1 }
.btn_dark, .btn_dark_normal { padding: 8px 20px; float: right; display: inline-block; }
.btn_gold:hover::after { opacity: 0 }
.btn_dark { background: #2b2a2f; border: 1px solid #b3975b; position: relative; transition: all .5s ease 0s; z-index: 2 }
.btn_dark::before { background: #b3975b; content: ""; height: 100%; left: 0; position: absolute; top: 0; transition: all .5s ease 0s; width: 0; z-index: -1 }
.btn_dark:hover::before { width: 100% }
.btn_dark_normal { background: #b3975b; border: none }
.btn_line { border: 1px solid #b3975b; display: block; padding: 13px 30px }
.btn_line:hover { background: #b3975b; color: #fff }
.btn_upload { background: #333; border: 3px solid #100f17; cursor: pointer; padding: 8px 30px; font-size: 16px; text-transform: uppercase; color: #fff; min-width: 320px }
.badgeGreen, .badgeOrange, .badgeRed { color: #fff; font-size: 10px; text-transform: uppercase }
.btn_grey { background: #3a3937; padding: 15px 30px; text-transform: uppercase; font-weight: 600; min-width: 250px; border: none }
.switch { display: inline-block; height: 15px; margin-bottom: 3px; margin-left: 5px; position: relative; vertical-align: middle; width: 30px }
.switch input { display: none }
.slider { -webkit-border-radius: 34px; -moz-border-radius: 34px; border-radius: 34px; position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; -webkit-transition: .4s; transition: .4s }
.slider::before { background-color: #121116; border-radius: 50%; bottom: 1px; content: ""; height: 13px; left: 2px; position: absolute; transition: all .4s ease 0s; width: 13px }
input:checked+.slider { background-color: #b3975b }
input:focus+.slider { box-shadow: 0 0 1px #2196F3 }
input:checked+.slider:before { -webkit-transform: translateX(13px); -ms-transform: translateX(13px); transform: translateX(13px) }
.badgeOrange, .badgeRed { padding: 3px 15px; display: inline-block; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px }
.badgeOrange { background: #f60 }
.badgeRed { background: red }
.badgeGreen { background: #b3975b; border-radius: 100%; display: inline-block; font-weight: 700; line-height: 10px; margin-left: 5px; padding: 5px 7px }
.noMargin { margin: 0 !important }
.margin_top30 { margin-top: 30px }
.text_gold { color: #b3975b !important }
.text_white { color: #fff !important }
.bold_text { font-weight: 600 !important }
.gold_bg { background: #b3975b; color: #fff }
.blackbox { background: #191820; padding: 15px 25px }
.pagination { border: 1px solid #b3975b; display: inline-block }
.pagination a, .pagination strong { border-right: 1px solid #b3975b; display: inline-block; height: 30px; line-height: 30px; text-align: center; width: 30px }
.pagination a:last-child, .pagination strong:last-child { border: none }
.pagination a[rel=prev], .pagination a[rel=next] { background: #b3975b }
.pagination strong { background: #0a0a0a }
.pagination a[rel=next]+a { color: #b3975b; width: 50px }
.pagination a[rel=start] { width: 50px }
@media only screen and (max-width:639px) {
    .pagination a, .pagination strong { width: 26px }
}
.checkboxGold [type=checkbox]:checked, .checkboxGold [type=checkbox]:not(:checked) { position: absolute; left: -9999px }
.checkboxGold [type=checkbox]:checked+label, .checkboxGold [type=checkbox]:not(:checked)+label { position: relative; padding-left: 1.95em; cursor: pointer; text-transform: capitalize }
.checkboxGold [type=checkbox]:not(:checked)+label:before { content: ''; position: absolute; left: 0; top: 0; width: 1em; height: 1em; border: 1px solid #2c2c36; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px }
.checkboxGold [type=checkbox]:checked+label:after, .checkboxGold [type=checkbox]:not(:checked)+label:after { content: '✔'; position: absolute; top: .1em; left: .3em; font-size: 1em; line-height: .8; color: #b3975b; transition: all .2s }
.checkboxGold [type=checkbox]:not(:checked)+label:after { opacity: 0; transform: scale(0) }
.checkboxGold [type=checkbox]:checked+label:after { opacity: 1; transform: scale(1) }
.checkboxGold [type=checkbox]:checked+label:before { content: ''; position: absolute; left: 0; top: 0; width: 1em; height: 1em; border: 1px solid #b3975b; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px }
.checkboxGold [type=checkbox]:checked+label { color: #b3975b }
.radioGold [type=radio]:checked, .radioGold [type=radio]:not(:checked) { position: absolute; left: -9999px }
.radioGold [type=radio]:checked+label, .radioGold [type=radio]:not(:checked)+label { position: relative; padding-left: 1.95em; cursor: pointer; text-transform: capitalize }
.radioGold [type=radio]:not(:checked)+label:before { content: ''; position: absolute; left: 0; top: 0; width: 1em; height: 1em; border: 1px solid #2c2c36; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100% }
.radioGold [type=radio]:checked+label::after, .radioGold [type=radio]:not(:checked)+label::after { color: #b3975b; content: "•"; font-size: 1.3em; left: .2em; line-height: .8; position: absolute; top: 0; transition: all .2s ease 0s }
header, header.fixed { transition: all .5s ease 75ms }
.radioGold [type=radio]:not(:checked)+label:after { opacity: 0; transform: scale(0) }
.radioGold [type=radio]:checked+label:after { opacity: 1; transform: scale(1) }
.radioGold [type=radio]:checked+label:before { content: ''; position: absolute; left: 0; top: 0; width: 1em; height: 1em; border: 1px solid #b3975b; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100% }
.radioGold [type=radio]:checked+label { color: #b3975b }
.thikGoldBorder { border: 2px solid #b3975b !important }
.avatar_exsmall, .avatar_small { -webkit-border-radius: 100%; -moz-border-radius: 100% }
.brightImg { filter: brightness(2) }
.devider_gold { background-color: #9e8150; display: block; height: 1px; width: 100%; margin: 20px auto }
.devider_secondary { border-top: 1px solid #333238; margin: 20px 0 }
.user-details-title { color: #9e8150; display: block; font-size: 20px; height: 30px; padding-left: 35px; padding-top: 3px; text-transform: uppercase; width: 100% }
.avatarList, .avatarList li, .avatar_exsmall, .avatar_medium, .avatar_profile, .avatar_small { display: inline-block }
.avatar_small { width: 40px; height: 40px; border-radius: 100% }
.avatar_exsmall { width: 30px; height: 30px; border-radius: 100% }
.avatar_medium { width: 120px; height: 120px; overflow: hidden; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; background-size: cover }
.avatar_profile { border-radius: 100%; height: 60px; width: 60px }
.avatar_exsmall img, .avatar_medium img, .avatar_profile img, .avatar_small img { min-width: 100%; min-height: 100%; overflow: hidden; }
.mediumbgAvatar { width: 60px; height: 60px; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100% }
.avatarList { margin-left: -7px; margin-right: -7px }
.avatarList li { margin: 0 -7px }
.avatarList .avatar { border: 1px solid #fff; border-radius: 100%; height: 50px; width: 50px }
@-webkit-keyframes sonarEffect {
    0% { opacity: .3 }
    40% { box-shadow: 0 0 0 2px rgba(255, 255, 255, .1), 0 0 10px 10px #b3975b, 0 0 0 10px rgba(255, 255, 255, .5); opacity: .5 }
    100% { box-shadow: 0 0 0 2px rgba(255, 255, 255, .1), 0 0 10px 10px #b3975b, 0 0 0 10px rgba(255, 255, 255, .5); opacity: 0; transform: scale(1.5) }
}
@-moz-keyframes sonarEffect {
    0% { opacity: .3 }
    40% { box-shadow: 0 0 0 2px rgba(255, 255, 255, .1), 0 0 10px 10px #b3975b, 0 0 0 10px rgba(255, 255, 255, .5); opacity: .5 }
    100% { box-shadow: 0 0 0 2px rgba(255, 255, 255, .1), 0 0 10px 10px #b3975b, 0 0 0 10px rgba(255, 255, 255, .5); opacity: 0; transform: scale(1.5) }
}
@keyframes sonarEffect {
    0% { opacity: .3 }
    40% { box-shadow: 0 0 0 2px rgba(255, 255, 255, .1), 0 0 10px 10px #b3975b, 0 0 0 10px rgba(255, 255, 255, .5); opacity: .5 }
    100% { box-shadow: 0 0 0 2px rgba(255, 255, 255, .1), 0 0 10px 10px #b3975b, 0 0 0 10px rgba(255, 255, 255, .5); opacity: 0; transform: scale(1.5) }
}
@-webkit-keyframes bounceEffect {
    0%, 100% { transform: scale(1) }
    20% { transform: scale(1.1) }
    60% { transform: scale(.8) }
}
@-moz-keyframes bounceEffect {
    0%, 100% { transform: scale(1) }
    20% { transform: scale(1.1) }
    60% { transform: scale(.8) }
}
@keyframes bounceEffect {
    0%, 100% { transform: scale(1) }
    20% { transform: scale(1.1) }
    60% { transform: scale(.8) }
}
header { background: #131218; padding: 5px 0 0; text-align: center; position: relative; z-index: 9 }
header.fixed { position: fixed; width: 100%; left: 0; top: 0; z-index: 10 }
header.fixed .language { top: 20px; left: 10% }
header.fixed .login_box { top: 10px }
header.fixed .login_box .login_popbox { top: 12px }
header.fixed .logo_mobile { display: inline-block; left: 5%; position: absolute; top: 14px; width: 34px }
header .button_container { cursor: pointer; display: none; height: 35px; left: 22px; margin-left: auto; margin-right: auto; position: absolute; top: 13px; transition: opacity .25s ease 0s; width: 30px }
header .button_container p { bottom: 0; font-size: 10px; margin: 0; position: absolute; text-transform: uppercase }
header .button_container span { background: #b4975d; border: none; cursor: pointer; height: 2px; left: 0; position: absolute; top: 0; transition: all .35s ease 0s; width: 100% }
header .button_container span:nth-of-type(2) { top: 8px }
header .button_container span:nth-of-type(3) { top: 16px }
header .language { left: 5%; position: absolute; top: 71px; z-index: 5 }
header .language .language_btn { background: 0 0; border: none; padding: 0; text-transform: uppercase; font-size: 12px; color: #b4975d }
header .language.open ul { display: block }
header .language .language_btn .fa { transform: rotate(-90deg); -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease }
header .language.open .language_btn .fa { transform: rotate(0) }
header .language ul { background: #131218; border: 1px solid #25242a; position: relative; text-align: left; top: 5px; width: 100%; z-index: 6; display: none }
header .language ul li a { display: block; padding: 5px 10px; color: #b3975b }
header .logo_mobile { display: none }
header .login_box { position: absolute; right: 5%; top: 40px }
header .login_box a { font-size: 12px }
header .login_box a img { margin-bottom: 2px; width: 50px }
header .login_box:hover .login_popbox { display: block }
header .login_box .login_popbox { display: none; padding-top: 45px; position: absolute; right: 0; top: 22px; width: 400px; z-index: 3 }
header .login_box .login_popbox h4 { padding-bottom: 15px; border-bottom: 1px solid #333238; margin-bottom: 15px }
header .login_form { background: #131218; border: 1px solid #333238; padding: 20px }
header .form_group.half label { margin-top: 15px }
header .nav-menu { padding-top: 5px }
header .nav-menu li { display: inline-block }
header .nav-menu li a { color: #b3975b; display: inline-block; font-size: 12px; letter-spacing: 2px; line-height: 1em; margin: 10px 20px; padding: 10px 0; position: relative; text-transform: uppercase; transition: all .5s ease 0s }
header .nav-menu li a::before { background: #b3975b; bottom: 0; content: ""; height: 1px; left: 0; position: absolute; -webkit-transition: all .5s ease 0s; -moz-transition: all .5s ease 0s; transition: all .5s ease 0s; width: 0 }
header .nav-menu li:hover a::before { width: 100% }
header .nav-menu li:hover a { color: #fff }
header .nav-menu li .submenu li a img { max-height: 146px; min-height: 145px; transition: all .5s ease 0s }
header .nav-menu li .submenu { background: url(../images/gradient.png) center center no-repeat; background-size: cover; width: 100%; position: absolute; left: 0; -webkit-transition: all .3s ease 0s; -moz-transition: all .3s ease 0s; transition: all .3s ease 0s; height: 0; overflow: hidden }
header .nav-menu li:hover .submenu { height: 220px; z-index: 3 }
header .nav-menu li:hover .submenu li a { background: 0 0 }
header .nav-menu li .submenu ul { display: flex; left: 50%; margin: 20px auto; max-width: 1200px }
header .nav-menu li .submenu li a { padding: 0 20px; margin: 0 }
header .nav-menu li .submenu li a::before { display: none }
header .nav-menu li .submenu li a span { display: block; overflow: hidden; padding: 8px 0 0; text-align: left; text-overflow: ellipsis; white-space: nowrap; width: 260px }
header .nav-menu li .submenu li a.bookpartybtn, header .nav-menu li .submenu li a.reviewBtn { background: #f60; border-radius: 3px; display: inline-block; font-size: 10px; padding: 5px; float: left }
header .nav-menu li .submenu li .reviewBtn { background: #333 !important; color: #b3975b }
header .nav-menu li .submenu li span.bookingDate { color: #191812; float: left; margin-left: 20px; padding-right: 20px }
header .innerHeaderMenu { position: absolute; right: 5%; top: 50%; transform: translateY(-50%) }
header .profileButton { float: right; margin-left: 2px }
header .profileButton:hover .profileDropdown { display: block }
header .profileDropdown { display: none; padding-top: 40px; position: absolute; right: -42%; text-align: left; top: 87%; z-index: 3 }
header.fixed .profileDropdown { padding-top: 18px }
header .dropdownInnercont { background: #22222c; display: table; padding: 20px 30px; width: 350px }
header .profileAvatar { padding-bottom: 15px }
header .dropdownInnercont .avatar_profile { float: left; margin-right: 10px }
header .dropdownInnercont h3 { color: #b3975b; font-size: 16px; text-transform: uppercase; margin-top: 10px }
header .dropdownInnercont p { margin: 0; font-size: 12px }
header .dropdownInnercont p a { text-decoration: underline }
header .profileDropdown .devider_secondary { margin: 10px 0 }
header #progressbarOuter { background: #fff; height: 7px; position: relative; margin-bottom: 15px }
header #progressbarOuter .progressbar { background: #b3975b; display: inline-block; height: 7px; left: 0; position: absolute; top: 0 }
header .dropdownInnercont h4 { color: #fff; text-transform: uppercase; margin: 0 0 10px; font-size: 14px }
header .dropdownInnercont .bookingInfo .badgeOrange, header .dropdownInnercont .invoice .badgeRed { margin-left: 10px }
header .dropdownInnercont h4 .fa { margin-right: 10px }
header .dropdownInnercont .partys { margin-top: 10px }
header .dropdownInnercont .bookingInfo { padding: 10px 0 20px; color: #b3975b; text-transform: uppercase }
header .dropdownInnercont .bookingInfo .date { position: relative; color: #fff; padding-left: 10px }
header .dropdownInnercont .bookingInfo .date::before { content: "/"; position: absolute; left: 0; top: -2px }
header .dropdownInnercont .bookingInfo .date::after { content: "/"; position: absolute; right: -5px; top: -2px }
header .menuBox { -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; float: right; height: 35px; margin: 0 2px; width: 35px; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; transition: all .5s ease }
header .menuBox:hover { background: #22222c }
header .menuBox a { display: inline-block; line-height: 35px }
header .menuBox a span.indicator { background: #f60; left: 20px; padding: 2px 5px; display: inline-block; line-height: 10px; font-size: 8px; border-radius: 100%; font-weight: 600; text-shadow: 0 1px 1px rgba(0, 0, 0, .5); position: absolute; top: 0 }
header.fixed .menuBox .messageBoxOuter { padding-top: 13px }
header .menuBox .messageBoxOuter { padding-top: 35px; position: absolute; right: -42%; width: 350px; text-align: left; display: none }
header .menuBox:hover .messageBoxOuter { display: block }
header .menuBox .messageBoxOuter li.msgbody { height: 470px }
header .menuBox .messageBoxOuter li li { background: #22222c; padding: 0 15px }
header .menuBox .messageBoxOuter li li:first-child .messageBoxes { border: none }
header .menuBox .messageBoxOuter .messageBoxes { background: #22222c; padding: 10px 0; border-top: 1px solid #525252; display: table; width: 100% }
header .menuBox .messageBoxOuter .messageBoxes .avatar_profile { float: left; height: 50px; margin-right: 10px; width: 50px }
header .menuBox .messageBoxOuter .messageBoxes .msgContent, header .menuBox .messageBoxOuter .messageBoxes .textcont { overflow: hidden }
header .menuBox .messageBoxOuter .messageBoxes .pic { float: right }
header .menuBox .messageBoxOuter .messageBoxes .pic div { height: 50px; width: 60px; margin: 0 5px; display: inline-block }
header .menuBox .messageBoxOuter .messageBoxes .time { color: #888; font-size: 12px; text-transform: capitalize }
header .menuBox .messageBoxOuter .messageBoxes .msgContent p { font-size: 13px; text-transform: capitalize; line-height: 15px; margin: 2px 0 0 }
header .menuBox .messageBoxOuter .messageBoxes .msgContent .accept_privacy { color: #b3975b; float: right; margin: 0 5px }
header .menuBox .notificationOuter .messageBoxes .msgContent h4 { border-bottom: 1px solid #b3975b; margin-bottom: 10px; padding-bottom: 2px; font-size: 13px }
header.fixed .menuBox .notificationOuter { padding-top: 13px }
header .menuBox .notificationOuter { padding-top: 35px; position: absolute; right: -42%; width: 320px; text-align: left; display: none }
header .menuBox:hover .notificationOuter { display: block }
header .menuBox .notificationOuter .messageBoxes { background: #4e4e56; padding: 20px 10px; margin-bottom: 1px; display: table; width: 100% }
header .menuBox .notificationOuter .messageBoxes .avatar_profile { float: left; margin-right: 10px }
header .menuBox .notificationOuter .messageBoxes .msgContent { overflow: hidden }
header .menuBox .notificationOuter .messageBoxes .membersGroup { padding: 8px 0 0 }
header .menuBox .notificationOuter .messageBoxes .msgContent a { line-height: 16px; text-decoration: underline }
header .menuBox .notificationOuter .messageBoxes .msgContent .msgDate { font-size: 11px; margin: 0; text-align: right; color: #96959b }
header .menuBox .notificationOuter .messageBoxes .msgContent .msgDate .fa { margin-left: 15px }
header .menuBox .notificationOuter .messageBoxes .msgContent p { font-size: 11px; line-height: 15px; margin: 2px 0 0 }
@media only screen and (max-width:1279px) {
    header .menuBox .messageBoxOuter, header .menuBox .notificationOuter, header .profileDropdown { right: -32% }
    header .nav-menu li .submenu li a span { width: 215px }
}
@media only screen and (max-width:979px) {
    header .menuBox .messageBoxOuter, header .menuBox .notificationOuter, header .profileDropdown { padding-top: 10px; right: -25% }
    header .button_container { display: block }
    header .language, header .nav-menu { display: none }
    header .login_box { top: 7px }
    header .login_box .login_popbox { top: 4px }
    header .logo { display: inline-block !important; margin: 8px 0 16px; width: 230px }
}
@media only screen and (max-width:767px) {
    header .dropdownInnercont, header .menuBox .messageBoxOuter, header .menuBox .notificationOuter, header .profileDropdown { right: -6px; width: 300px }
}
@media only screen and (max-width:639px) {
    header .logo { display: none !important }
    header .logo_mobile { display: inline-block; margin: 8px 0 10px; width: 35px }
    header .login_box .login_popbox { width: 300px }
}
.outer_wrapper, body, html { height: 100% }
.outer_wrapper .main_outer { height: 100%; margin-left: 0; -webkit-transition: all .3s ease-in; -moz-transition: all .3s ease-in; transition: all .3s ease-in }
.outer_wrapper .side_nav { background: #131218; border-right: 1px solid #b3975b; height: 100%; width: 270px; z-index: 2; position: absolute; top: 0; left: 0; -webkit-transform: translateX(-270px); -moz-transform: translateX(-270px); transform: translateX(-270px); -webkit-transition: all .3s ease-in; -moz-transition: all .3s ease-in; transition: all .3s ease-in }
.outer_wrapper .side_nav h4 { color: #666; font-weight: 400; margin: 0; padding: 15px; text-transform: uppercase }
.outer_wrapper .side_nav h4 #closeSidenav { float: right; font-size: 24px; cursor: pointer }
.outer_wrapper .side_nav ul { background: #131218 }
.outer_wrapper .side_nav ul.language li a { color: #fff }
.outer_wrapper .side_nav ul.language li.active a { color: #b3975b }
.outer_wrapper .side_nav ul li a { color: #b3975b; display: inline-block; padding: 10px 15px; width: 80%; text-transform: uppercase }
.outer_wrapper .side_nav ul li .fa { cursor: pointer; float: right; font-size: 22px; padding: 7px; text-align: center; width: 20%; color: #b3975b; transition: all .2s ease-in }
.outer_wrapper .side_nav ul li .submenu { background: #131218; height: 100%; position: absolute; top: 0; transform: translate(0); width: 270px; z-index: -1; opacity: 0; display: none }
.outer_wrapper .side_nav ul li.active .submenu { transform: translate(100%); opacity: .9; display: block }
.outer_wrapper .side_nav ul li.active .fa, .outer_wrapper .side_nav ul li.active a { color: #fff }
.outer_wrapper .side_nav ul li.active .submenu ul { text-align: center; margin-top: 90px }
.outer_wrapper .side_nav ul li.active .submenu ul li span { display: block; padding: 8px 0 0; text-align: left; color: #b3975b; font-size: 13px }
.outer_wrapper .side_nav ul li.language .fa, .outer_wrapper .side_nav ul li.language a { color: #96c9ff }
.outer_wrapper .side_nav ul li.language.active .fa, .outer_wrapper .side_nav ul li.language.active a { color: #fff }
.outer_wrapper .side_nav ul li .submenu li a.bookpartybtn, .outer_wrapper .side_nav ul li .submenu li a.reviewBtn { background: #f60; border-radius: 3px; display: inline-block; font-size: 10px; padding: 5px; float: left; width: 100px }
.outer_wrapper .side_nav ul li a.reviewBtn { background: #333 !important; color: #b3975b !important }
.outer_wrapper .side_nav ul li span.bookingDate { display: inline-block; float: left; margin-left: 40px; padding: 0 20px 0 0 !important }
.show-menu .outer_wrapper .main_outer { transform: translate3d(270px, 0, 0) }
.show-menu .outer_wrapper .side_nav { -webkit-transform: translateX(0); -moz-transform: translateX(0); transform: translateX(0) }
@media only screen and (max-width:767px) {
    .outer_wrapper { overflow-x: hidden }
    .outer_wrapper .side_nav { padding: 0 10px }
    .outer_wrapper .side_nav ul li { border-bottom: 1px solid #b3975b; position: relative; z-index: 1 }
    .outer_wrapper .side_nav ul li .submenu { opacity: 1; transform: translate(0); background: 0 0; position: relative; display: none; width: 100% }
    .outer_wrapper .side_nav ul li .submenu li { border-bottom: medium none; border-top: 1px solid #26252b; display: table; width: 100% }
    .outer_wrapper .side_nav ul li .submenu li img { float: right; width: 90px }
    .outer_wrapper .side_nav ul li .submenu li a { width: 100%; color: #b3975b }
    .outer_wrapper .side_nav ul li.selected a { color: #fff }
    .outer_wrapper .side_nav ul li.selected .submenu { display: block }
    .outer_wrapper .side_nav ul li.selected .fa { transform: rotate(90deg); color: #fff }
    .outer_wrapper .side_nav ul li .submenu ul { margin-top: 0 }
    .outer_wrapper .side_nav ul { background: 0 0 }
    .outer_wrapper .side_nav ul li .submenu li a.bookpartybtn, .outer_wrapper .side_nav ul li .submenu li a.reviewBtn { color: #fff; float: right; margin-bottom: 7px; margin-right: 14px; text-align: center; width: 91px }
    .outer_wrapper .side_nav ul li span.bookingDate { margin-left: 15px }
}
.modalmask, .modalmaskFix, .modalmaskTerms  { background: rgba(0, 0, 0, .9); height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 10; display: none }
.modal_container { background: linear-gradient(150deg, #0f0d12 0, #1b1b24 100%) rgba(0, 0, 0, 0); border: 1px solid rgba(158, 158, 158, .2); left: 50%; padding: 25px; position: absolute; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 700px; z-index: 11; display: none }
.modal_container h2, .modal_container h3, .register h2 { border-bottom: 1px solid #b3975b; text-transform: uppercase }
.modal_container .modal_close { position: absolute; right: -14px; top: -21px; font-size: 30px; color: #b3975b; cursor: pointer }
.modal_container h2 { font-weight: 400; color: #b3975b; margin-top: 0 }
.modal_container h3 { color: #fff; font-weight: 400; margin-bottom: 15px; padding: 0 40px 5px }
.register, .register h2 { color: #b3975b }
.modal_container p { line-height: 25px; margin: 0 0 10px }
.modal_container .center { padding: 0 40px }
@media only screen and (max-width:767px) {
    .modal_container { width: 90%; top: 20%; transform: translate(-50%, 0) }
    .modal_container .center { padding: 0 }
    .modal_container h3 { padding: 0 0 5px }
    body.popheight { height: 100% }
}
@media only screen and (max-width:639px) {
    .modal_container p { font-size: 12px; line-height: 18px }
}
.register h2 { font-family: Lato, sans-serif; font-size: 18px; font-weight: 600; letter-spacing: 0; margin-top: 0; text-align: right }
.register h2 span { border-left: 2px solid #b3975b; display: inline-block; margin-left: 10px; padding-left: 8px }
.register .account_type li { border: 2px solid #b3975b; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; margin-bottom: 15px; position: relative }
.register .account_type li a { display: block }
.register .account_type li a::before { background: rgba(0, 0, 0, .5); content: ""; height: 100%; position: absolute; width: 100% }
.register .account_type li:hover a::before { background: rgba(0, 0, 0, .8) }
.register .account_type li a .contentHolder { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 90% }
.register .account_type li span { color: #fff; display: inline-block; font-size: 30px; line-height: 30px; text-transform: uppercase; font-family: Lato, sans-serif; font-weight: 300 }
.register .account_type li p { font-size: 13px; color: #b3975b; margin: 0; text-transform: uppercase }
.register #Step_05 li span input, .ssl_text img { margin-right: 5px }
.register #Step_02 button { display: inline-block; float: none; left: 50%; margin-top: 40px; transform: translateX(-50%) }
.register #Step_02 #regusername { text-transform: uppercase }
.register #step_03 label a { color: #b3975b; text-decoration: underline }
.register #Step_02 .form_group { text-align: center }
.register #Step_02 .form_group #regusername { margin-top: 15px; width: 60% }
@media only screen and (max-width:639px) {
    .register .account_type li span { font-size: 16px; display: block; text-align: center }
    .btn_gold { font-size: 12px }
    .register #Step_02 .form_group #regusername { width: 100% }
}
.register .settinbox { text-transform: uppercase }
.register .settinbox>span { color: #fff; text-transform: uppercase; width: 120px; display: inline-block; float: left }
.register .settinbox .shecontentbox { width: calc(100% - 120px); float: left }
.register .settinbox .shecontentbox p { color: #fff }
.register .settinbox .shecontentbox p span { color: #b3975b; display: inline-block; padding: 0 8px 0 20px }
.register .settinbox .shecontentbox .type { width: 117px }
.register .settinbox .shecontentbox p span.year { width: 120px; padding-left: 22px }
.register .settinbox .shecontentbox p span select.month { float: left; width: 110px }
.register .settinbox .shecontentbox p span select.day { margin-left: 1px; width: 72px }
.register #Step_05 ul { padding: 0 40px 40px }
.register #Step_05 li { text-transform: uppercase; padding: 8px 0; display: table; width: 100% }
.register #Step_05 li label { width: 200px; display: inline-block; padding-right: 15px }
.register #Step_05 li span { color: #fff; display: inline-block; width: calc(100% - 200px); float: right; padding: 2px 0; vertical-align: top }
.register #Step_05 li span.interst select, .register #Step_05 li span.prefferLanguage select { display: inline-block; width: 150px }
.register #Step_08 p strong { font-family: Lato, sans-serif; font-weight: 700 }
.register #Step_08 .picuploderbox { padding: 20px 0; position: relative }
.register #Step_08 .picuploderbox .next { border: 1px solid #0c0b11; color: #fff; cursor: pointer; display: inline-block; height: 30px; line-height: 25px; position: absolute; right: 170px; text-align: center; top: 50%; transform: translateY(-50%); width: 30px; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; transition: all .5s ease; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px }
.register #Step_08 .picuploderbox .next:hover { background: #b3975b }
.register #Step_08 .picuploderbox img { width: 200px }
.register #Step_08 #uploadPic { height: .1px; opacity: 0; position: absolute; width: .1px }
.register #Step_08 .btn_upload { display: inline-block }
.register #Step_10 [type=checkbox]:checked, .register #Step_10 [type=checkbox]:not(:checked) { position: absolute; left: -9999px }
.register #Step_10 [type=checkbox]:checked+label, .register #Step_10 [type=checkbox]:not(:checked)+label { position: relative; padding-left: 1.95em; cursor: pointer }
.register #Step_10 [type=checkbox]:not(:checked)+label:before { content: ''; position: absolute; left: 0; top: 0; width: 1.25em; height: 1.25em; border: 1px solid #2c2c36; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px }
.register #Step_10 [type=checkbox]:checked+label:after, .register #Step_10 [type=checkbox]:not(:checked)+label:after { content: '✔'; position: absolute; top: .1em; left: .3em; font-size: 1.3em; line-height: .8; color: #b3975b; transition: all .2s }
.register #Step_10 [type=checkbox]:not(:checked)+label:after { opacity: 0; transform: scale(0) }
.register #Step_10 [type=checkbox]:checked+label:after { opacity: 1; transform: scale(1) }
.register #Step_10 [type=checkbox]:checked+label:before { content: ''; position: absolute; left: 0; top: 0; width: 1.25em; height: 1.25em; border: 1px solid #b3975b; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px }
.register #Step_10 [type=checkbox]:checked+label { color: #b3975b }
.ssl_text img { -webkit-filter: contrast(0) brightness(10); -moz-filter: contrast(0) brightness(10); filter: contrast(0) brightness(10); float: left; width: 25px }
.doubleinput { float: left; width: 40% }
.doubleinput select { float: left; width: 45% }
.doubleinput select[data-stripe=exp_month] { margin-right: 20px }
.cvc { float: left; margin-left: 16px; width: 20% }
.register #Step_13 .ssl_text { color: #fff; font-size: 12px; line-height: 16px }
.register #Step_13 .ssl_text img { -webkit-filter: contrast(0) brightness(10); -moz-filter: contrast(0) brightness(10); filter: contrast(0) brightness(10); float: left; margin-right: 5px; width: 25px }
.register #Step_13 .doubleinput { float: left; width: 40% }
.register #Step_13 .doubleinput select { float: left; width: 45% }
.register #Step_13 .doubleinput select[data-stripe=exp_month] { margin-right: 20px }
.register #Step_13 .cvc { float: left; margin-left: 16px; width: 20% }
.register .confirmVat { color: #fff; margin: 10px 0 0 }
.register .confirmVat span { display: inline-block; margin-right: 10px }
.register .preferencesList li { display: inline-block; width: 24% }
.register .preferencesList li p { color: #fff; margin: 0 }
.register .paymentBox { border: 1px solid #616161; cursor: pointer; padding: 15px; display: table; margin-bottom: 15px; width: 100% }
.register .paymentBox .crown, .register .paymentBox.pay .payment_icon { width: 120px; display: inline-block; float: left; text-align: center; height: 120px; line-height: 120px }
.register .paymentBox .crown img { width: 70px; margin-right: 15px }
.register .payment_content { width: calc(100% - 120px); float: left }
.register .paymentBox .payment_content p { line-height: 20px }
.register .paymentBox .payment_content h4 { margin-bottom: 8px }
.register .paymentBox.pay { cursor: default }
.register .paymentBox.pay .payment_icon { height: 50px; line-height: 50px }
.register .paymentBox.pay .payment_icon img { width: 100%; margin: 0 }
.register .paymentBox.pay .payment_content h4 { margin: 17px 0 0 15px }
@media only screen and (max-width:767px) {
    .register #Step_08 .picuploderbox .next { right: 110px }
    .register .preferencesList li { width: 32% }
    .register .paymentBox.pay .payment_icon { height: 70px }
}
@media only screen and (max-width:639px) {
    select { background-size: 15px auto }
    .btn_upload { min-width: 100% }
    .register #Step_05 ul { padding: 0 0 40px }
    .register #Step_05 li { border-bottom: 1px solid #22222c }
    .register #Step_05 li label { width: 100%; padding-right: 0 }
    .register #Step_05 li span { width: calc(100% - 0px) }
    .cvc, .register .paymentBox .crown, .register .paymentBox.pay .payment_icon { width: 100% }
    .doubleinput { float: none; width: 100% }
    .cvc { float: none; margin-left: 0 }
    .register #Step_08 .picuploderbox .next { right: -19px }
    .register .payment_content { width: calc(100% - 0px) }
    .register .settinbox>span { width: 100%; color: #b3975b }
    .register .settinbox .shecontentbox { width: calc(100% - 0px) }
    .register .settinbox .shecontentbox p span.year { padding-left: 12px; width: 78px }
    .register .settinbox .shecontentbox p span select.month { width: 65px }
    .register .settinbox .shecontentbox p span select.day { width: 54px }
    .register .settinbox .shecontentbox p span { padding: 0 0 0 8px }
    .register .settinbox .shecontentbox .type { width: calc(236px - 31px) }
    .register .preferencesList li p { font-size: 11px }
    .register .preferencesList li { width: 49% }
    .register #Step_13 .doubleinput { float: left; width: 100% }
    .register #Step_13 .cvc { float: left; margin-left: 0; width: 40% }
    .register #Step_13 .text_center.margin_top30 { float: right; margin-top: 22px }
    #cancelStep_09, #continueStep_09 { margin: 0 5px; padding: 10px 16px }
}
.contactusTeam button { float: right; min-width: 300px }
.contactusTeam .avatar_profile { margin-right: 15px }
@media only screen and (max-width:639px) {
    .contactusTeam button { min-width: 100% }
    .contactusTeam .avatar_profile { margin-bottom: 15px }
}
#payment-form .form_group.doubleinput input { display: inline-block; float: left; width: 48% }
#payment-form .form_group.doubleinput span { display: inline-block; float: left; padding: 11px 6px }
@media only screen and (max-width:767px) {
    #payment-form .form_group.doubleinput input { width: 46% }
}
.content_wrapper { height: calc(100% - 200px); position: fixed; width: 100% }
.content_wrapper.home { overflow: hidden }
.content_wrapper .video-home { height: 100%; margin: 0 auto; object-fit: cover; width: 100% }
.content_wrapper .ipad_background { width: 100%; height: 100% }
.content_wrapper .transparent_box { background: rgba(19, 18, 24, .8); left: 50%; width: 700px; padding: 20px; position: absolute; top: 50%; transform: translate(-50%, -50%); z-index: 2; text-align: center }
.content_wrapper .transparent_box .btn_gold { padding: 13px 20px; width: 70%; font-size: 14px }
.content_wrapper .transparent_box .box_heading { color: #b4975d; font-family: Lato; font-size: 25px; line-height: 1.2; text-align: center; z-index: 5; margin: 0 }
.content_wrapper .transparent_box .latestuser_container { margin: 15px 0 }
.content_wrapper .transparent_box .latestuser_container .owl-controls { left: 0; position: absolute; top: 38%; width: 100% }
.content_wrapper .transparent_box .latestuser_container .owl-controls .owl-next { float: right }
.content_wrapper .transparent_box .latestuser_container .owl-controls .owl-prev { float: left }
.content_wrapper .transparent_box .latestuser_container .owl-controls .owl-buttons div, .content_wrapper .transparent_box .latestuser_container .owl-controls .owl-page { border: 1px solid #b3975b; border-radius: 2px; color: #b3975b; font-family: FontAwesome; height: 25px; line-height: 22px; padding: 0; width: 25px }
.content_wrapper .transparent_box .latestuser_container #latestUsers { padding: 0 75px }
.content_wrapper .transparent_box .latestuser_container .owl-carousel .owl-item { padding: 15px 5px; margin-bottom: 15px }
.content_wrapper .transparent_box .latestuser_container .item { margin: 0 6px }
.content_wrapper .transparent_box .latestuser_container .item a { position: relative; display: inline-block }
.content_wrapper .transparent_box .latestuser_container .item a .hover_content { background: #333; border-radius: 100%; height: 130%; left: -10px; opacity: 0; position: absolute; top: -10px; -webkit-transform: scale(0); -moz-transform: scale(0); transform: scale(0); -webkit-transition: all .3s ease-in 0s; -moz-transition: all .3s ease-in 0s; transition: all .3s ease-in 0s; width: 130%; z-index: 2 }
.content_wrapper .transparent_box .latestuser_container .item a:hover .hover_content { opacity: 1; transform: scale(1) }
.content_wrapper .transparent_box .latestuser_container .item a .hover_content .latest_username { display: inline-block; text-overflow: ellipsis; overflow: hidden; width: 88%; font-size: 9px; line-height: 13px; text-transform: uppercase }
.content_wrapper .transparent_box .latestuser_container .item a .hover_content .couple { background: url(../images/couple.png) 0 0/cover no-repeat rgba(0, 0, 0, 0); display: block; height: 27px; width: 20px; margin: 10px auto 5px }
.content_wrapper .transparent_box .latestuser_container .item a .hover_content .gentleman { background: url(../images/gentleman.png) 0 0/cover no-repeat rgba(0, 0, 0, 0); display: block; height: 27px; width: 20px; margin: 10px auto 5px }
.content_wrapper .transparent_box .latestuser_container .item a .hover_content .lady { background: url(../images/lady.png) 0 0/cover no-repeat rgba(0, 0, 0, 0); display: block; height: 27px; width: 20px; margin: 10px auto 5px }
.content_wrapper .transparent_box .latestuser_container .item a .hover_content .zodiac { display: inline-block; font-size: 9px; text-transform: uppercase }
.content_wrapper .transparent_box .latestuser_container .item a .recentAvatar { -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; height: 80px; width: 80px }
.videothumbs_ipad { bottom: 50px; left: 0; text-align: center; width: 100%; z-index: 39; display: none }
.videothumbs_ipad p { display: inline-block; margin: 0 0 20px; object-fit: cover; width: 100% }
.videothumbs_ipad p video { width: 100%; height: 150px; background: #000 }
.videothumbs_ipad h6 { color: #5a575e; font-size: 14px; margin-bottom: 5px; text-align: left; display: none }
@media only screen and (max-width:1279px) {
    .content_wrapper .video-home { display: none }
    .content_wrapper .ipad_background { display: block; background: url(../images/bpic-ipad.jpg) center center no-repeat; background-size: cover; position: relative }
    .content_wrapper .transparent_box { width: 700px }
}
@media only screen and (max-width:979px) {
    .content_wrapper { height: calc(100% - 150px) }
}
@media only screen and (max-width:767px) {
    .outer_wrapper, .outer_wrapper .main_outer, body, html { height: auto }
    body, html { overflow: auto }
    .videothumbs_ipad { display: block; padding: 30px 20px }
    .videothumbs_ipad p { width: 100% }
    .videothumbs_ipad h6 { display: block }
    .content_wrapper { height: auto; position: static; width: 100% }
    .content_wrapper .ipad_background { min-height: 600px }
    .content_wrapper .transparent_box { width: 90% }
    .content_wrapper .transparent_box .box_heading { font-size: 19px }
    .content_wrapper .transparent_box .latestuser_container li { padding: 10px 5px; width: 80px }
    .content_wrapper .transparent_box .latestuser_container #latestUsers { padding: 0 50px }
    .content_wrapper .transparent_box .latestuser_container .item a .hover_content { width: 110%; height: 110%; left: -6px; top: -6px }
    .content_wrapper .transparent_box .latestuser_container .owl-carousel .owl-wrapper-outer { z-index: 2 }
    .content_wrapper .transparent_box .latestuser_container .item a .hover_content .couple, .content_wrapper .transparent_box .latestuser_container .item a .hover_content .gentleman, .content_wrapper .transparent_box .latestuser_container .item a .hover_content .lady { margin: 40px auto 5px }
    .content_wrapper .transparent_box .latestuser_container .item a .hover_content .latest_username { font-size: 13px; line-height: 15px }
    .content_wrapper .transparent_box .latestuser_container .item a .hover_content .zodiac { font-size: 11px }
    .content_wrapper .transparent_box .latestuser_container .item a .recentAvatar { border-radius: 100%; height: 120px; width: 120px }

}
footer { background: #131218; bottom: 0; position: absolute; width: 100%; padding: 30px 0 0; text-align: center }
footer .footer_logo li { display: inline-block; margin: 0 30px }
footer .foter_hoverimg { background: #fff; bottom: 94px; display: none; padding: 10px; position: absolute; width: 220px; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); transform: translateX(-50%); }
footer .foter_hoverimg h6 { color: #000; display: block; font-size: 18px; font-weight: 700; line-height: 25px; margin-bottom: 10px }
footer h6 { color: #5a575e; font-size: 14px; margin-bottom: 5px; text-align: left; display: none }
footer #footerLogos { margin: 0 auto; max-width: 900px }
footer #footerLogos .item h6 { font-size: 15px; margin: 5px 0 0; text-align: center }
footer .owl-controls { left: 0; position: absolute; top: 29%; width: 100%; padding: 0 10px }
footer .owl-controls .owl-next { float: right }
footer .owl-controls .owl-prev { float: left }
footer .owl-controls .owl-buttons div, footer .owl-controls .owl-page { border: 1px solid #5a575e; border-radius: 2px; color: #5a575e; font-family: FontAwesome; height: 25px; line-height: 22px; padding: 0; width: 25px }
footer .foter_hoverimg.active { display: block }
@media only screen and (max-width:979px) {
    footer #footerLogos .item { margin: 0 15px }
}
@media only screen and (max-width:767px) {
    footer { position: static; padding: 30px 20px }
    footer .foter_hoverimg.active, footer span#gq, footer span#maxim, footer span#nzz, footer span#srf, footer span#vanity { display: none }
    footer h6 { display: block }
    footer #footerLogos { background: #1c1c1e; padding: 10px }
}
.support_box::after { -webkit-animation: 1.3s ease-out 75ms normal none infinite running sonarEffect; -moz-animation: 1.3s ease-out 75ms normal none infinite running sonarEffect; animation: 1.3s ease-out 75ms normal none infinite running sonarEffect; border-radius: 100%; content: ""; height: 55px; left: 5px; position: absolute; top: 5px; width: 55px }
.support_box { bottom: 50px; cursor: pointer; left: 5%; position: fixed; width: 65px }
.support_box span { background: #b3975b; border-radius: 3px; display: block; font-size: 12px; left: 50%; line-height: 15px; padding: 5px; position: absolute; text-align: center; top: -31px; transform: translateX(-50%); width: 140px }
.support_box a.modal_popup { display: inline-block; position: relative; z-index: 5 }
@media only screen and (max-width:767px) {
    .support_box { display: none }
}
.inner_pages { background: url(../images/background.jpg) center center no-repeat fixed #19181E; background-size: cover }
.inner_pages .main_outer .content_wrapper { padding: 50px 0; height: auto; position: static }
.container { max-width: 90%; padding: 0 15px }
.profile .profile_block { padding-bottom: 80px }
.profile .left_block { float: left; padding-right: 15px; width: 50% }
.profile .right_block { float: left; padding-left: 15px; width: 50% }
.profile .left_block .change_avatar { border: 5px solid #b3975b; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; float: left; margin-right: 30px; padding: 5px; width: 200px; overflow: hidden; height: 200px }
.profile .left_block .change_avatar a { display: block; position: relative }
.profile .left_block .change_avatar a span { background: rgba(0, 0, 0, .8); -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; display: none; font-size: 16px; height: 100%; left: 0; line-height: 175px; position: absolute; text-align: center; top: 0; width: 100%; transform: scale(0); opacity: 0 }
.profile .left_block .change_avatar a:hover span { display: block; transform: scale(1); opacity: 1 }
.profile_gallery.tripple .fancybox:nth-child(3), .review .tripple .fancybox:nth-child(3) { opacity: .33 }
.profile .left_block .change_avatar .profileAvatar { border: 1px solid #b3975b; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; padding: 2px; width: 180px; height: 180px }
.profile .left_block .profile_details { float: left; width: calc(100% - 230px) }
.profile .left_block .profile_details h2 { position: relative; padding-right: 30px; overflow-wrap: break-word }
.profile .left_block .profile_details.premium h2 { padding-right: 72px }
.profile .left_block .profile_details.premium .user-auth-ico { right: 40px }
.profile .left_block .profile_details .user-auth-ico { background: url(../images/user-auth.png) 0 0/contain no-repeat; display: block; height: 25px; position: absolute; right: 0; top: 0; width: 25px }
.profile .left_block .profile_details .premium-memberIcon { background: #b3975b; border-radius: 100%; height: 27px; line-height: 22px; position: absolute; right: 0; top: 0; text-align: center; width: 27px }
.profile .left_block .profile_details .premiumMember { position: relative }
.profile .left_block .profile_details .premiumMember .premium_icon { display: inline-block; position: absolute; top: -10px; width: 30px }
.profile .left_block .profile_details .memberoptions { display: inline; padding: 0 }
.profile .left_block .profile_details .memberoptions li { background: #2a2a31; border: 1px solid transparent; border-radius: 7px; display: inline-block; font-size: 13px; padding: 5px 8px; text-transform: uppercase; width: 32.4% }
.profile .left_block .profile_details .memberoptions li a .fa { color: #c8c8d0; font-size: 15px }
.profile .left_block .profile_details .memberoptions li a img { margin-right: 5px; width: 13px; -webkit-filter: contrast(0) brightness(1.5); -moz-filter: contrast(0) brightness(1.5); filter: contrast(0) brightness(1.5) }
.profile .left_block .profile_details .memberoptions li:hover { border: 1px solid #b3975b }
.profile .picture_container .profile_outer { position: relative }
.profile .picture_container .pictures-title { background: url(../images/mypictures-icon.png) no-repeat; color: #9e8150; display: block; font-size: 20px; height: 30px; margin-bottom: 50px; padding-left: 35px; padding-top: 3px; text-transform: uppercase; width: 100% }
.profile .picture_container .profile_gallery { position: relative; display: table; width: 100% }
.profile_gallery.tripple .fancybox:nth-child(1) { height: 300px; margin: 0; width: 70% }
.profile_gallery.tripple .fancybox:nth-child(2), .profile_gallery.tripple .fancybox:nth-child(3) { height: 150px; margin: 0; width: 30% }
.profile .preferences { padding: 50px 0 }
.profile .preferences ul { padding-top: 30px }
.profile .preferences ul li { display: inline-block; margin-bottom: 5px }
.profile .preferences ul li span { background: #0f0c13; display: block; padding: 8px 15px; text-transform: uppercase }
.profile .picture_container .multiImages_container { display: block; height: 300px; position: absolute; right: 0; background-color: #22222c; top: 0; width: 10%; box-shadow: 0 3px 7px 0 rgba(0, 0, 0, .35) }
.profile .picture_container .multiImages_container span { background: url(../images/mypictures-upload-icon.png) no-repeat; display: block; width: 70px; height: 70px; margin: 115px auto 0; background-size: cover }
.profile .right_block .user-details-title { background: url(../images/profile-details-icon.png) no-repeat }
.profile .right_block .your_details { color: #7b7b7b; font-size: 16px; font-style: italic; font-weight: 400; padding: 20px 20px 20px 35px; position: relative; quotes: "“" "”" "‘" "’" }
.profile .right_block .your_details::before { color: #ccc; content: open-quote; font-family: serif; font-size: 2.3em; left: 10px; margin-right: .25em; position: absolute; top: 25px }
.profile .right_block .user_details { padding-left: 40px }
.profile .right_block .user_details h3 { margin-bottom: 10px; color: #b3975b }
.profile .right_block .user_details ul { margin-bottom: 30px }
.profile .right_block .user_details ul li { display: block; padding: 2px 0; vertical-align: middle }
.profile .right_block .user_details ul.interestedin li { display: inline-block; padding-right: 10px }
.profile .right_block .user_details ul li .fa { color: #72727c; font-size: 20px; margin-right: 6px }
.profile .right_block .user_details ul li img { width: 12px; margin-right: 8px; vertical-align: middle }
.profile .right_block .user_details .prefrences { padding: 0 0 20px }
.profile .right_block .user_details .prefrences span { color: #7b7b7b; display: inline-block; font-size: 14px; font-style: italic; text-transform: capitalize }
.profile .right_block .attend_party .user-details-title { background: url(../images/participant.png) no-repeat }
.profile .right_block .attend_party ul { padding-left: 40px; margin-top: 20px }
.profile .right_block .attend_party ul li { background: #22222c; padding: 10px; display: inline-block; text-align: center; margin-bottom: 5px; margin-right: 1px }
.profile .right_block .attend_party ul li h5 { text-transform: uppercase }
.profile .right_block .attend_party ul li span { color: #b3975b }
.profile .pinnes_block { padding-bottom: 50px }
.profile .pinnes_block .user-details-title { background: url(../images/pinnwand-ico.png) no-repeat; border-bottom: 1px solid #b3975b; padding-bottom: 40px; margin-bottom: 30px }
.profile .pinnes_block .comment_block { width: 40%; float: left; padding-right: 15px }
.profile .pinnes_block .comment_block textarea { border: 1px solid #45444d; background: url(../images/pinwand-msg-ico.png) 1% 50% no-repeat; margin-bottom: 5px; padding: 10px 10px 10px 45px; width: 100%; height: 38px; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; transition: all .2s ease; resize: none }
.profile .pinnes_block .comment_block textarea:focus { height: 100px }
.profile .pinnes_block .comment_block .btn-dark { float: right }
.profile .pinnes_block .comment_details { width: 60%; padding-left: 15px; float: right }
.profile .pinnes_block .comment_details .comment_list { border: 1px solid #45444d; padding: 10px }
.profile .pinnes_block .comment_details .cmntlist_content { width: calc(100% - 50px); float: right; position: relative }
.profile .pinnes_block .comment_details .cmntlist_content h4 { margin-bottom: 5px }
.profile .pinnes_block .comment_details .cmntlist_content h4 a { color: #b3975b }
.profile .pinnes_block .comment_details .cmntlist_content p { margin-top: 0 }
.profile .pinnes_block .comment_details .cmntlist_content time { color: #b3975b }
.profile .pinnes_block .comment_details .cmntlist_content .close_cmnt { position: absolute; right: 5px; top: 0; color: #b3975b }
.profile .pinnes_block .comment_details .cmntlist_content .type-commenticon { display: inline-block; background: url(../images/type-comment-ico.png) no-repeat; width: 32px; height: 26px; position: absolute; right: 0; bottom: 0 }
.profile .members_block .user-details-title { background: url(../images/mitglieder-ico.png) no-repeat; border-bottom: 1px solid #b3975b; padding-bottom: 40px; margin-bottom: 30px }
.profile .members_block .member { position: relative; margin: 0 0 24px }
.profile .members_block .member .member_hover { background: rgba(0, 0, 0, .8); border-radius: 100%; height: 122px; left: -1px; position: absolute; text-align: center; top: -1px; width: 122px; display: none }
.profile .members_block .member .member_hover .user { display: block; padding-top: 40px; color: #b3975b; text-transform: uppercase; font-size: 12px }
.profile .members_block .member:hover .member_hover { animation: 1.1s ease-out 75ms running bounceEffect; display: block }
.profile .members_block .search_form { margin-bottom: 40px; margin-top: 30px }
.profile .members_block .search_form input[type=text] { background: url(../images/search-ico.png) 1% 50% no-repeat rgba(0, 0, 0, 0); border: 1px solid #45444d; padding-left: 45px; width: 40% }
.profile .members_block .search_form .search_btn { display: none }
.profile .hotboard_block .user-details-title { background: url(../images/mitglieder-ico.png) no-repeat; border-bottom: 1px solid #b3975b; padding-bottom: 40px; margin-bottom: 30px }
.profile .hotboard_block .hotboardItem_box { background: #080604; float: left; margin: 5px; padding: 10px }
.profile .hotboard_block .hotboardItem_box img { width: 100% }
.profile .hotboard_block .hotboardItem_box .latest_img { display: block }
.profile .hotboard_block .hotboardItem_box.one { width: 50% }
.profile .hotboard_block .hotboardItem_box.five, .profile .hotboard_block .hotboardItem_box.four, .profile .hotboard_block .hotboardItem_box.three, .profile .hotboard_block .hotboardItem_box.two { float: left; width: 23% }
.profile .hotboard_block .latest-like .usrnm { border-bottom: 1px solid #b3975b; color: #b3975b; display: block; font-size: 18px; padding-top: 5px; text-transform: uppercase }
.profile .hotboard_block .latest-like .accntype { display: block; padding-bottom: 10px; padding-top: 5px }
@media only screen and (max-width:1279px) {
    .container { max-width: 100%; width: 100% }
    .profile .left_block .profile_details .memberoptions li { font-size: 11px; margin-bottom: 5px; padding: 5px; text-align: center; width: 42% }
    .profile .picture_container .multiImages_container span { background-size: 70% }
}
@media only screen and (max-width:979px) {
    .profile .left_block .profile_details .memberoptions li { width: 32.7% }
    .profile .left_block, .profile .right_block { width: 100%; float: none; padding: 0 0 40px }
    [data-tooltip]::before { left: auto; right: 0 }
    .profile .picture_container .multiImages_container span { background-size: 100% auto }
    .profile .hotboard_block .hotboardItem_box.five, .profile .hotboard_block .hotboardItem_box.four, .profile .hotboard_block .hotboardItem_box.three, .profile .hotboard_block .hotboardItem_box.two { width: 22% }
    .profile .hotboard_block .latest-like .usrnm { font-size: 14px }
}
@media only screen and (max-width:767px) {
    .profile .left_block .profile_details .memberoptions li { width: 32.5% }
    .profile_gallery.tripple .fancybox:nth-child(1) { width: 100% !important; margin-bottom: 10px; height: 210px; opacity: .33 }
    .profile_gallery.tripple .fancybox:nth-child(2), .profile_gallery.tripple .fancybox:nth-child(3) { height: auto; width: auto }
    .fancybox-overlay.fancybox-overlay-fixed { background: #131218 }
    .fancybox-nav span { visibility: visible !important }
    .fancybox-skin { padding: 0 !important }
    .fancybox-nav.fancybox-next>span { background: url(../images/right.png) no-repeat; height: 64px; right: 10px; visibility: visible; width: 64px }
    .fancybox-nav.fancybox-prev>span { background: url(../images/left.png) no-repeat; height: 64px; right: 10px; visibility: visible; width: 64px }
}
@media only screen and (max-width:639px) {
    .profile .profile_block { padding-bottom: 0 }
    .profile .left_block { padding-bottom: 30px }
    .profile .left_block .profile_box { padding-bottom: 20px }
    .profile .left_block .change_avatar { float: none; margin: 0 auto 30px; width: 200px }
    .profile .left_block .profile_details { width: 100%; float: none }
    .profile .left_block .profile_details .memberoptions li { width: 32% }
    .profile .picture_container .profile_gallery { width: 100% }
    .profile .picture_container .multiImages_container { width: 100%; height: 50px }
    .profile .picture_container .multiImages_container span { width: 50px; margin: -9px auto 0 }
    .profile .right_block .your_details::before { left: -13px; top: 23px }
    .profile .right_block .your_details { padding: 20px 10px }
    .profile .right_block .attend_party ul, .profile .right_block .user_details { padding-left: 0 }
    .profile .pinnes_block { padding-bottom: 30px }
    .profile .pinnes_block .comment_block { display: table; float: none; padding-bottom: 20px; padding-right: 0; width: 100% }
    .profile .pinnes_block .comment_details { float: none; padding-left: 0; width: 100% }
    .profile .members_block .member { padding: 10px }
    .profile .members_block .member.avatar_medium { width: 100px; height: 100px }
    .profile .members_block .member .member_hover { width: 112px; height: 112px; left: -6px; top: -6px }
    .profile .members_block .member .member_hover .user { font-size: 10px }
    .profile .members_block .search_form input[type=text] { width: 100% }
    .profile .hotboard_block .hotboardItem_box { margin: 5px 0; width: 100% !important }
}
.block_box h2:empty, .block_box iframe[src=""], .box_large iframe[src=""] { display: none }
.innerBanner { position: relative; width: 100%; height: 500px; overflow: hidden }
.innerBanner .scrollable { background-size: cover; position: absolute; width: 100%; height: 205% }
.box_large img { margin-bottom: 20px; margin-top: 76px }
.box_large iframe { height: 430px; margin-top: 84px; margin-bottom: 62px }
.box_large iframe~p, .box_large img~p { font-size: 20px }
.box_large h2 { margin-bottom: 40px; padding-bottom: 38px; font-size: 26px }
.box_large h2.allcaps { font-size: 15px; letter-spacing: 3px; line-height: 25px }
.block_box { margin-top: 98px }
.block_box h3 { font-size: 20px; margin-bottom: 40px; padding-bottom: 40px }
.block_box img { float: left; margin-right: 25px; width: 48% }
.block_box p a { color: #b3975b }
.block_box iframe { float: left; margin-right: 25px; width: 100%; height: 430px }
.block_box p { font-size: 20px; line-height: 32px }
.block_box.reverse iframe, .block_box.reverse span { float: right; margin-left: 25px; margin-right: 0 }
@media only screen and (min-width:1700px) {
    .innerBanner { height: 600px }
    .narrow { padding: 0 260px !important }
}
@media only screen and (max-width:1279px) {
    .narrow { padding: 0 50px !important }
    .innerBanner { height: 400px }
}
@media only screen and (max-width:979px) {
    .narrow { padding: 0 15px !important }
}
@media only screen and (max-width:767px) {
    .innerBanner { height: 180px }
    .innerBanner .scrollable { height: 230% }
    .block_box p { font-size: 16px; line-height: 25px }
}
@media only screen and (max-width:639px) {
    .block_box { margin-top: 20px }
    .block_box iframe, .block_box img { float: none; margin-bottom: 20px; margin-right: 0; width: 100% }
}
.containerwidth { max-width: 1200px; margin: 0 auto }
.blogarticleList { align-items: stretch; display: flex; flex-flow: row wrap }
.blogarticleList .article { background: rgba(0, 0, 0, .5); border: 1px solid #b3975b; display: inline-block; margin: 0 15px 30px; padding: 20px; width: 30% }
.blogarticleList .article .imgcontainer { height: 170px; overflow: hidden; margin-bottom: 20px }
.blogarticleList .article .imgcontainer img { width: 100% }
.blogarticleList .article h3 { color: #b3975b; font-size: 15px; height: 52px; line-height: 24px; margin-bottom: 20px; text-align: center; text-transform: uppercase; letter-spacing: 2px }
.blogarticleList .article p { color: #b3975b }
@media only screen and (max-width:979px) {
    .blogarticleList .article { width: 46% }
}
@media only screen and (max-width:767px) {
    .blogarticleList .article { width: 100%; margin: 0 15px 30px }
    .blogarticleList .article .imgcontainer { height: 200px }
}
.partyBookingWrapper { display: table; width: 100% }
.partyBookingWrapper .box_boking { float: left; padding: 30px; width: 33.3333% }
.partyBookingWrapper .box_boking h1 { border: none; margin: 0; padding: 0; }
.partyBookingWrapper .box_boking .inner { padding: 30px; border: 1px solid #42424c }
.partyBookingWrapper .box_boking .inner h2 { border: none }
.partyBookingWrapper .box_boking .inner p { clear: left; font-size: 13px; line-height: 20px }
.partyBookingWrapper .box_boking .inner hr.bold { margin-bottom: 20px; background: #b3975b; }
.partyBookingWrapper .box_boking.bookEntry .inner, .partyBookingWrapper .box_boking.bookingDetails .inner { background: rgba(0, 0, 0, .2); border: 1px solid #b3975b }
.partyBookingWrapper .box_boking.bookingDetails .inner p.firstUpper::first-letter { text-transform: capitalize; color: #b3975b; float: left; font-size: 3.2em; font-weight: 600; line-height: 1em; margin-right: 5px }
.partyBookingWrapper .box_boking.bookingDetails .inner ul li { padding: 4px 0; text-transform: capitalize }
.partyBookingWrapper .box_boking.bookingDetails .inner ul li .fa { color: #b3975b; margin-right: 5px }
.partyBookingWrapper .rightBlock .entrycontent p, .partyBookingWrapper .rightBlock .paymentBox p { color: #b2b2bc }
.partyBookingWrapper .box_boking.bookEntry .spacer { margin: 30px auto }
.partyBookingWrapper .rightBlock { float: left; padding: 30px; width: 66.6666% }
.partyBookingWrapper .rightBlock .entryBox { border: 1px solid #42424c; margin-bottom: 20px; padding: 20px; display: table; width: 100% }
.partyBookingWrapper .rightBlock .entryBox img { float: left; margin-right: 20px; width: 30% }
.partyBookingWrapper .rightBlock .entrycontent { overflow: hidden }
.partyBookingWrapper .rightBlock .entrycontent p.checkboxGold { display: inline-flex; margin: 5px }
.partyBookingWrapper .rightBlock .extranight { border: 1px solid #fff; text-align: center; padding: 15px }
.partyBookingWrapper .rightBlock .paymentBox { float: right; text-align: right }
.partyBookingWrapper .rightBlock .paymentBox p span { display: inline-block; width: 110px }
.partyBookingWrapper .rightBlock .paymentBox p.total { color: #fff; font-weight: 600 }
.partyBookingWrapper .rightBlock .paymentBox #cancel { margin-right: 20px }
.partyBookingWrapper .rightBlock .payBox { border: 1px solid #62626c; margin-bottom: 20px; padding: 20px; display: table; width: 100% }
.partyBookingWrapper .rightBlock .payBox .payimg { display: inline-block; width: 35% }
.partyBookingWrapper .rightBlock .payBox h4 { color: #fff; display: inline-block; font-weight: 600; padding: 0 40px }
.partyBookingWrapper .rightBlock .payBox button { float: right; margin-top: 12px }
.partyBookingWrapper .rightBlock .payBox .banktransferInvoice { padding-top: 40px }
.partyBookingWrapper .rightBlock .payBox .banktransferInvoice p { margin: 0 }
.partyBookingWrapper .rightBlock .payBox .banktransferInvoice p span { padding: 0 10px }
.partyBookingWrapper .rightBlock .payBox .banktransferInvoice strong { font-family: Lato, sans-serif }
.partyBookingWrapper .rightBlock .payBox .banktransferInvoice .printInvoice span { cursor: pointer; display: inline-block }
.partyBookingWrapper .rightBlock .payBox #booking-form .doubleinput { float: left; width: 40% }
.partyBookingWrapper .rightBlock .payBox #booking-form .doubleinput select { float: left; width: 45% }
.partyBookingWrapper .rightBlock .payBox #booking-form .doubleinput select[data-stripe=exp_month] { margin-right: 20px }
.partyBookingWrapper .rightBlock .payBox #booking-form .cvc { float: left; margin-left: 16px; width: 20% }
.partyBookingWrapper .rightBlock .payBox #booking-form .text_center { float: right; margin: 0 0 0 20px; width: 25% }
.partyBookingWrapper .rightBlock .payBox #booking-form .text_center .btn_gold { margin-top: 23px; padding: 7px 20px; width: 100% }
.partyBookingWrapper .rightBlock .payBox #booking-form .ssl_text img { -webkit-filter: contrast(0) brightness(10); -moz-filter: contrast(0) brightness(10); filter: contrast(0) brightness(10); float: left; margin-right: 5px; width: 25px }
.partyBookingWrapper .rightBlock .ceremonial p { margin: 0 }
.partyBookingWrapper .rightBlock .ceremonial h4 { margin-bottom: 9px }
.partyBookingWrapper .box_boking.review .inner { display: table; padding: 10px; width: 100% }
.logout_review, .tripple span { display: inline-block }
.tripple .fancybox:nth-child(1) { float: left; height: 250px; margin-right: 3%; width: 40% }
.tripple .fancybox:nth-child(2), .tripple .fancybox:nth-child(3) { float: left; height: 120px; width: calc(100% - 43%) }
.tripple .fancybox:nth-child(3) { margin-top: 5px }
.tripple .fancybox:nth-child(2) { margin-bottom: 5px }
.double .fancybox:nth-child(1) { height: 250px; width: 50%; margin-bottom: 0; float: left }
.double .fancybox:nth-child(2) { height: 250px; width: 50%; margin-top: 0; float: left }
.single .fancybox:nth-child(1) { height: 250px; width: 100%; display: inline-block; }
.inner.double .fancybox:nth-child(1) { height: 250px; width: 48.5%; margin-right: 5px; float: left }
.inner.double .fancybox:nth-child(2) { height: 250px; width: 48.5%; margin-left: 5px; float: left }
.tripple { position: relative }
.double span, .tripple span { position: absolute; text-align: center; z-index: -1 }
.tripple span {font-size: 27px; text-shadow: 0 1px 1px rgba(0, 0, 0, .7); line-height: normal; width: auto; height: auto; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}    .tripple .logout_review:nth-child(1) { float: left; height: 250px; margin-right: 10px; width: 39% }
.tripple .newtoday:nth-child(3){position: relative;}
.tripple .logout_review:nth-child(1) { float: left; height: 250px; margin-right: 10px; width: 40% }
.tripple .logout_review:nth-child(2), .tripple .logout_review:nth-child(3) { float: left; height: 120px; width: calc(100% - 43%) }
.tripple .logout_review:nth-child(3) { margin-top: 5px }
.tripple .logout_review:nth-child(2) { margin-bottom: 5px }
.double span { font-size: 25px; height: 100%; left: 0; line-height: 210px; top: 0; width: 100% }
.double .logout_review:nth-child(1) { height: 150px; width: 100%; margin-bottom: 5px }
.double .logout_review:nth-child(2) { height: 150px; width: 100%; margin-top: 5px }
.single .logout_review:nth-child(1) { height: 250px; width: 100% }
.review .tripple>span { background: 0 0; bottom: 11px; height: 120px; line-height: 120px; cursor: pointer; right: 3%; width: calc(100% - 46%) }
@media only screen and (min-width:1920px) {
    .review .tripple>span { right: 3%; width: calc(100% - 44.5%) }
}
@media only screen and (max-width:979px) {
    .review .tripple>span { right: 4%; width: calc(100% - 45.5%) }
}
@media only screen and (max-width:1199px) {
    .tripple .fancybox:nth-child(2), .tripple .fancybox:nth-child(3) { float: left; height: 120px; width: calc(100% - 44%) }
}
@media only screen and (max-width:767px) {
    .tripple span { bottom: 10px; width: 100%; height: 100%; line-height: 210px }
    .tripple .fancybox:nth-child(2), .tripple .fancybox:nth-child(3) { float: left; height: 120px; width: calc(100% - 42%) }
    .review .tripple>span { right: 2%; width: calc(100% - 44%) }
    .double .fancybox { opacity: .33 }
    .double .fancybox:nth-child(2) { height: auto; width: auto }
    .double .fancybox:nth-child(1) { float: left; height: 210px; margin-bottom: 0; width: 100% }
}
@media only screen and (max-width:639px) {
    .tripple .fancybox:nth-child(2), .tripple .fancybox:nth-child(3) { float: left; height: 120px; width: calc(100% - 45%) }
    .inner.double .fancybox:nth-child(1) { height: 250px; width: 100%; margin-right: 0; float: none; margin-bottom: 10px }
    .inner.double .fancybox:nth-child(2) { height: 250px; width: 100%; margin-left: 0; float: none }
    .review .tripple>span { right: 2%; width: calc(100% - 44%) }
}
@media only screen and (max-width:479px) {
    .review .tripple>span { right: 5%; width: calc(100% - 48%) }
}
@media only screen and (max-width:979px) {
    .partyBookingWrapper .box_boking, .partyBookingWrapper .rightBlock { width: 100% }
    .partyBookingWrapper .rightBlock .payBox .payimg { width: 20% }
    .partyBookingWrapper .rightBlock .payBox h4 { padding: 14px 40px }
    .partyBookingWrapper .rightBlock .payBox button { margin-top: 0; min-width: auto }
}
@media only screen and (max-width:639px) {
    .partyBookingWrapper .rightBlock .entryBox img { float: none; margin-bottom: 20px; margin-right: 0; width: 100% }
    .partyBookingWrapper .rightBlock .payBox .payimg { width: 100% }
    .partyBookingWrapper .rightBlock .payBox h4 { padding: 10px 0 }
    .partyBookingWrapper .rightBlock .payBox button { width: 100%; float: none }
    .partyBookingWrapper .rightBlock .paymentBox #cancel, .partyBookingWrapper .rightBlock .paymentBox .btn_gold { margin-right: 0; width: 100% }
    .partyBookingWrapper .rightBlock .payBox #booking-form .doubleinput { float: none; width: 100% }
    .partyBookingWrapper .rightBlock .payBox #booking-form .cvc { float: none; margin-left: 0; width: 100% }
    .partyBookingWrapper .rightBlock .payBox #booking-form .text_center { float: right; margin: 0 0 0 20px; width: 100% }
    .partyBookingWrapper .rightBlock .payBox #booking-form .text_center .btn_gold { margin-top: 10px; padding: 12px 20px }
}
#checkinStep00 { margin-bottom: 12px }
.checkinPaymentBox span.text_gold { float: right }
.checkinPaymentBox .btn_gold { float: right; clear: both }
.chckinbox2 .entrycontent .doubleinput { width: 15% }
.partyBookingWrapper .rightBlock .payBox .banktransferInvoice .printInvoice { display: inline-block; float: right; margin-bottom: 20px; text-align: right; width: auto; min-width: auto }
.printInner { display: block }
.invoice-row { width: 100%; display: inline-block }
.invoice-row h2 { margin-bottom: 36px; padding-bottom: 30px }
.invoice-row table { letter-spacing: 1px }
.invoice-row table tr { border: 1px solid #ac9156; display: inline-block; margin: 0 0 12px; width: 100% }
.invoice-row table td { padding: 6px 18px; text-align: left; display: inline-block; width: auto }
.invoice-row table td:nth-child(2) { width: 24% }
.invoice-row table td:nth-child(5) { width: 16% }
.invoice-row table td:last-child { text-align: right; padding: 6px; float: right }
.invoice-row table td span.name { color: #ac9156; padding: 0 10px 0 0 }
.invoice-row table td a.order-details { font-weight: 300; font-size: 12px; text-decoration: underline }
.invoice-row table td span.badgeOrange { text-transform: none; line-height: 17px }
.invoice-row table td span.grey { background: #363636; line-height: 17px }
.invoice-row table td a.pay-bttn { display: inline-block; background: #26252a; text-transform: uppercase; height: 48px; line-height: 48px; text-align: center; font-weight: 300; font-size: 11px; width: 180px }
.order-left, .order-right { display: inline-block; width: 45%; padding: 20px 10px 0 }
.order-left p, .order-right p { color: #fff; margin: 0; text-transform: uppercase; font-weight: 300 }
table.order-table { width: 100%; display: inline-block }
table..order-table>tbody>tr, table.order-table>tbody { display: block; width: 100% }
table.order-table td { width: 43%; font-size: 12px; color: #fff; padding: 8px 0 0 }
table.order-table tbody tr:first-child td { font-size: 14px; font-weight: 700; padding: 0 0 7px; color: #b3975b; border-bottom: 1px solid #b3975b }
table.order-table tbody tr:last-child td { font-size: 12px; font-weight: 700; padding: 7 0 0; color: #b3975b; border-top: 1px solid #b3975b }
#booking-form .ssl_text img { -webkit-filter: contrast(0) brightness(10); -moz-filter: contrast(0) brightness(10); filter: contrast(0) brightness(10); float: left; margin-right: 5px; width: 25px }
.expiry_cvc .cvc, .expiry_cvc select { width: 31%; display: inline-block; margin: 0 12px 10px 0 }
.expiry_cvc .cvc { margin: 0 0 10px }
@media only screen and (max-width:1023px) {
    .invoice-row table td { width: 30% }
    .invoice-row table td:last-child, .invoice-row table td:nth-child(2), .invoice-row table td:nth-child(5) { float: none; width: calc() }
}
@media only screen and (max-width:979px) {
    .invoice-row table td { width: auto; display: table; clear: both; margin: 0 auto; text-align: center }
    .invoice-row table td:last-child, .invoice-row table td:nth-child(2), .invoice-row table td:nth-child(5) { float: none; width: auto; margin: 8px auto }
}
#google_translate_element .skiptranslate .goog-te-gadget-simple img.goog-te-gadget-icon { display: none }
#google_translate_element .skiptranslate .goog-te-gadget-simple { background: 0 0; border: 0 solid #b3975b }
#google_translate_element .skiptranslate .goog-te-gadget-simple span a.goog-te-menu-value>span { color: #b3975b !important; font-weight: 300; font-size: 12px; text-transform: uppercase }
.goog-te-menu2 { background-color: #131218 !important; border: 1px solid #484848 !important; padding: 4px !important }
.goog-te-menu2-item div, .goog-te-menu2-item:active div, .goog-te-menu2-item:link div, .goog-te-menu2-item:visited div { color: #fff !important; background: #131218 !important }
.goog-te-menu-frame { box-shadow: none }
.goog-te-menu2-item:hover div { color: #fff; background: #b3975b }
ul.articles-row { width: 100%; display: inline-block }
ul.articles-row li { width: calc(33.333% - 30px); float: left; list-style: none; border: 1px solid #b3975b; background: rgba(0, 0, 0, .2); padding: 20px; text-align: center; flex: 1 0 1px; margin: 0 15px 30px }
ul.articles-row li h3 { display: block; margin: 0 0 20px; padding: 0; height: 52px }
ul.articles-row li h3 a { color: #b3975b; text-transform: uppercase; font-size: 16px; font-weight: 400 }
ul.articles-row li a.articles-img { width: 100%; display: block; margin: 0 0 20px; height: 200px; overflow: hidden }
ul.articles-row li a.articles-img img { width: 100%; display: block }
ul.articles-row li .content { width: 100%; display: block; min-height: 285px }
ul.articles-row li .content p { color: #b3975b; font-size: 14px }
ul.articles-row li:hover { background: rgba(0, 0, 0, .5) }
@media only screen and (max-width:1199px) {
    ul.articles-row li a.articles-img { height: 170px }
}
@media only screen and (max-width:1023px) {
    ul.articles-row li { margin: 0 2px 10px; width: calc(34% - 12px); padding: 10px }
    ul.articles-row li h3 a { font-size: 14px }
    ul.articles-row li a.articles-img { height: 130px }
}
@media only screen and (max-width:767px) {
    ul.articles-row li h3 a { font-size: 12px }
    ul.articles-row li a.articles-img { height: 114px }
}
@media only screen and (max-width:639px) {
    ul.articles-row li { padding: 20px; width: 100%; margin: 0 0 20px }
    ul.articles-row li h3 a { font-size: 15px }
    ul.articles-row li a.articles-img { height: 184px }
    ul.articles-row li .content { min-height: auto }
}
.edit-profile { width: 100%; display: block }
.edit-profile h2 { margin: 0 0 30px }
.edit-profile .edit-block-left { width: 30%; float: left }
.edit-profile .edit-block-right { width: 67%; float: right }
.edit-block { width: 100%; float: left; display: block; background: rgba(0, 0, 0, .3); border: 1px solid #b3975b; padding: 15px; margin: 0 0 15px }
.edit-block h3 { font-size: 15px; color: #b3975b; border-bottom: 1px solid #b3975b; padding: 0 0 5px; margin: 0 0 20px; text-transform: uppercase }
.edit-block h3 span { text-transform: capitalize }
.edit-block p { width: 100%; display: block; margin: 0 0 8px; padding: 0; color: #fff; font-size: 14px; font-weight: 400 }
.edit-block p label { width: 30%; display: inline-block; color: #b3975b }
.edit-block p a { color: #b3975b; text-decoration: underline }
.edit-block .field_about { display: block; width: 100%; margin: 0 0 20px }
.edit-block .field_about textarea { width: 100%; background: 0 0; border: solid #b3975b }
.edit-block label { margin: 0 0 4px; display: block }
.edit-block .edit-steps { width: 100%; display: block; float: left; margin: 15px 0 0 }
.edit-block .edit-steps label { width: 25%; display: inline-block; float: left }
.edit-block .edit-steps .steps-r { width: 70%; float: right }
.edit-block .edit-steps p { width: auto; float: left; margin: 0 10px 10px 0 }
.edit-block .edit-steps p label { width: auto }
.edit-block .edit-steps .radioGold [type=radio]:checked+label::before, .edit-block .edit-steps .radioGold [type=radio]:not(:checked)+label::before { top: 3px }
.edit-block .edit-steps .radioGold [type=radio]:not(:checked)+label::after, .radioGold [type=radio]:checked+label::after { top: 2px }
.edit-block .edit-steps .steps-r select { width: 30% }
.edit-block .edit-steps .steps-r.age label { width: 10%; margin: 0 20px 0 0 }
.edit-block .edit-steps .steps-r.age select { width: 20% }
.edit-block .edit-steps .steps-r.age { margin: 0 0 10px }
.edit-block-right .edit-block ul.preferencesList.infos>li { width: auto; margin: 0 15px 0 0 }
.edit-block .edit-steps .steps-r .edit-steps ul li { width: 29%; margin: 0 10px 10px 0; display: inline-block; vertical-align: top }
.edit-block .edit-steps .steps-r ul li label { color: #fff }
.edit-block button.save-change { float: right }
.edit-block>.edit-block { border: 0 }
.edit-block-left .change-password { width: 100%; display: block }
.edit-block-left .change-password label { width: 100% }
.edit-block.sexualPreferences .preferencesList li p label { font-size: 11px }
@media only screen and (max-width:1199px) {
    .sexualPreferences .edit-steps label { float: none; width: 100% }
    .sexualPreferences .edit-steps .steps-r { float: none; padding-top: 20px; width: 100% }
}
@media only screen and (max-width:1023px) {
    .edit-profile .edit-block-left, .edit-profile .edit-block-right { float: none; width: 100% }
}
@media only screen and (max-width:767px) {
    .edit-block-right .dbDetails .edit-steps .steps-r.age label { width: 22%; margin: 0 12px 0 0 }
}
@media only screen and (max-width:639px) {
    .edit-block-right .dbDetails .edit-steps label { width: 15% }
    .edit-block-right .dbDetails .edit-steps .steps-r { width: 85% }
    .edit-block-right .edit-block .edit-steps .steps-r.age select { width: 25% }
    .edit-block-right .edit-block .edit-steps .steps-r.age #he_date, .edit-block-right .edit-block .edit-steps .steps-r.age #she_date { width: 17% }
}
@media only screen and (max-width:479px) {
    .edit-block-right .edit-block .edit-steps .steps-r, .edit-block-right .edit-block .edit-steps label { float: none; width: 100% }
    .dbDetails .edit-steps .steps-r, .edit-block-right .dbDetails .edit-steps label, .edit-block-right .edit-block .edit-steps .steps-r select { width: 100% }
    .edit-block-right .edit-block ul.preferencesList.infos>li { margin: 0 12px 0 0 }
    .edit-block-right .edit-block ul.preferencesList.infos>li:last-child { margin-right: 0 }
}
.image-upload { width: 100%; display: block }
.profile-picture { width: 25%; float: left; margin: 30px 0 }
.profile-picture h3 { font-size: 15px; font-weight: 400; letter-spacing: 1px; text-transform: uppercase; color: #a38553; margin: 0 0 20px }
.profile-pic { margin: 0; display: block; overflow: hidden; width: 100%; border: 1px solid #a38553; padding: 10px; position: relative }
.profile-pic img { width: 100%; display: block }
.profile-pic .profile_thumb { height: 150px; width: 100% }
.profile-pic:after { position: absolute; content: ""; top: 0; left: 0; width: 100%; height: 40px; background: url(../images/approveico.png) 5% center no-repeat rgba(155, 125, 73, .6) }
.profile-pic a.change-pic { position: absolute; left: 0; bottom: 0; padding: 3px 8px; color: #fff; background: rgba(155, 125, 73, .7) }
.profile-pic a.change-pic:hover, .profile-pic a.rorate:hover, .profile-pic a.unlock:hover, .profile-pic.del-pic:hover { background: rgba(0, 0, 0, .4) }
.profile-pic .del-pic { background: rgba(155, 125, 73, .7); border: 0; color: #fff; font-size: 14px; padding: 0 5px; position: absolute; right: 0; top: 0 }
.profile-pic a.rorate, .profile-pic a.unlock { background: rgba(155, 125, 73, .7); bottom: 0; padding: 3px 8px; position: absolute; right: 0 }
.profile-picture.upload-picture { float: right; width: 70% }
.upload-picture ul { width: 100%; display: inline-block }
.upload-picture ul li { width: 30.5%; display: inline-block; margin: 0 12px 12px 0 }
.upload-picture ul li .profile-pic { width: 100% }
.upload-picture ul li .profile-pic:after { display: none }
.upload-bttn-box { width: auto; display: block; margin: 20px 0 0 }
.upload-bttn-box button { margin: 0 10px 0 0 }
.upload-bttn-box .upload_btn { display: inline-block; position: relative; margin-right: 10px }
.upload-bttn-box .upload_btn input { opacity: 0; position: absolute; left: 0; top: 0; width: 1px; height: 1px }
.edit-pic, .upload-btn-wrapper { position: relative; overflow: hidden }
.upload-bttn-box .preview-image { margin-bottom: 20px; width: 177px }
@media only screen and (max-width:1199px) {
    .upload-picture ul li { margin: 0 5px 12px; width: 29% }
    .upload-bttn-box button { margin: 0 5px 0 0 }
    .upload-bttn-box button:last-child { margin-right: 0 }
}
@media only screen and (max-width:979px) {
    .upload-bttn-box .btn_gold { font-size: 14px }
    .profile-pic .profile_thumb { height: 80px }
}
@media only screen and (max-width:767px) {
    .upload-picture ul li { width: 45% }
    .upload-bttn-box .btn_gold { font-size: 9px }
}
@media only screen and (max-width:479px) {
    .upload-picture ul li { width: 45% }
    .upload-bttn-box button { margin: 0 0 10px; width: 100% }
    .upload-bttn-box .upload_btn { display: block; margin-bottom: 15px; text-align: center; width: 100% }
    .upload-bttn-box .upload_btn .btn_gold { width: 100% }
}
#myModal2 .html5imageupload::after { bottom: 40%; color: #b3975b; font-size: 25px; left: 0; line-height: 35px }
#myModal2 .html5imageupload { background-color: #121318; border: 1px dashed #b3975b }
#myModal2 .html5imageupload .cropWrapper { background: #121318 }
#myModal2 .modal-body { background: #000; border: 1px solid #4e4e4e }
#myModal2 .modal-content { border: none }
#myModal2 .cropWrapper+img { opacity: 0 }
@media only screen and (max-width:767px) {
    #myModal2 .modal-content { margin: 0; width: 100% }
    #myModal2 #modaldialog { width: 100% !important }
    #myModal2 .html5imageupload::after { font-size: 17px; line-height: 24px }
}
.edit-pic { margin: 0; display: block; width: 100%; border: 1px solid #a38553; padding: 10px }
.profile-picture p i.fa-info-circle { color: #a38553; font-size: 18px; font-style: italic; margin: 0 8px 0 0 }
.upload-btn-wrapper { display: inline-block; width: 52% }
.btn { border: 0; color: #a38553; width: 100%; background: rgba(0, 0, 0, .6); padding: 8px 20px; border-radius: 0; font-size: 16px; font-weight: 400; cursor: pointer }
.upload-btn-wrapper input[type=file] { font-size: 100px; position: absolute; left: 0; top: 0; opacity: 0; cursor: pointer }
.image-upload .profile-picture { width: 45% }
.image-upload .profile-picture .edit-pic { width: 70% }
.image-upload .profile-picture .edit-pic img { width: 100% }
.image-upload .profile-picture.upload-picture { width: 50% }
@media only screen and (max-width:767px) {
    .image-upload .profile-picture .edit-pic { width: 100% }
}
@media only screen and (max-width:639px) {
    .image-upload .profile-picture, .image-upload .profile-picture.upload-picture { width: 100% }
    .image-upload .profile-picture.imageEdit .edit-pic { width: 100% }
    .image-upload .profile-picture.imageUpload .upload-btn-wrapper { width: 100% }
    .image-upload .profile-picture.imageUpload button { font-size: 13px }
    .image-upload .profile-picture.imageEdit, .image-upload .profile-picture.imageUpload { width: 100% }
}
.contactWraper .heading { float: left; width: 20% }
.contactWraper .filterContact { float: left; padding: 10px 30px 9px; width: 50% }
.contactWraper .filterContact li { display: inline-block; font-size: .82em; margin-right: 10px; text-transform: uppercase }
.contactWraper .filterContact li a { font-size: 10px }
.contactWraper .contactBox { border: 1px solid #b3975b; float: left; padding: 30px; text-align: center; width: 20% }
.contactWraper .contactBox h3 { color: #b3975b; margin-bottom: 15px; text-transform: uppercase }
.contactWraper .contactBox .showall { display: inline-block; font-size: 16px; margin-bottom: 30px; text-decoration: underline }
.contactWraper .contactBox li { display: inline-block; margin-left: -7px; margin-right: -7px }
.contactWraper .contactBox li .contactAvatar { border: 1px solid #fff; width: 50px; height: 50px; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100% }
.contactWraper .contactBox li .contactAvatar img { border-radius: 0; min-height: auto; min-width: auto; }
.contactWraper .contactBox li a.avatar_small { overflow: inherit; }
.contactWraper .profilewraper { display: flex; flex-flow: row wrap; padding: 0 30px; float: left; width: calc(100% - (20% + 30%)) }
.contactWraper .profilewraper .profileBox { background: rgba(0, 0, 0, .5); border: 1px solid #b3975b; position: relative; padding: 10px; text-align: center; margin-right: -1px; margin-bottom: -1px; width: 33.3333% }
.contactWraper .profilewraper .profileBox:hover { background: 0 0 }
.contactWraper .profilewraper .profileBox h4 { overflow: hidden; text-overflow: ellipsis }
.contactWraper .profilewraper .profileBox .closeProfile { color: #8f8f8f; font-size: 18px; position: absolute; right: 5px; top: 5px; cursor: pointer }
.contactWraper .profilewraper .profileBox .contactAvatar { margin: 0 auto 15px; width: 100px; height: 100px; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100% }
.contactWraper .profilewraper .profileBox p strong { font-size: 12px }
.contactWraper .profilewraper .profileBox .profileBtn { display: inline-block; border: 1px solid #fff; color: #b3975b; padding: 5px 20px; text-transform: uppercase; margin-bottom: 10px }
.contactWraper .profilewraper .profileBox .profileBtn:hover { background: #b3975b; color: #fff }
.contactWraper .profilewraper .norecord { border: 1px solid #b3975b; font-size: 26px; font-weight: 400; padding: 30px; text-align: center; width: 100% }
.contactWraper .picoftheDay { border: 1px solid #b3975b; float: left; padding: 20px 30px; width: 30% }
.contactWraper .picoftheDay h3 { margin-bottom: 10px }
.contactWraper .picoftheDay .picofthedayimg { width: 100%; height: 200px }
.contactWraper .picoftheDay .picofthedayslider .owl-buttons { position: absolute; top: 50%; width: 100% }
.contactWraper .picoftheDay .picofthedayslider .owl-buttons div { font-family: FontAwesome; border: 1px solid #7e7e7e; border-radius: 4px; color: #7e7e7e; font-size: 10px; height: 20px; line-height: 16px; position: absolute; text-align: center; width: 20px }
.contactWraper .picoftheDay .picofthedayslider .owl-buttons .owl-prev { left: -25px }
.contactWraper .picoftheDay .picofthedayslider .owl-buttons .owl-next { right: -25px }
.contactWraper .searchOuter { float: left; width: 30% }
.contactWraper .searchOuter input[type=text] { float: left; width: calc(100% - 86px) }
.contactWraper .searchOuter input[type=submit] { float: left; height: 40px }
.paginationouter { padding: 30px 0 0; width: 100% }
.contactWraper .contactMessage { float: left; margin-right: 3%; width: 67%; padding: 20px; border: 1px solid #b3975b }
.contactWraper .contactMessage .messageBox { background: rgba(0, 0, 0, .5); display: table; padding: 10px; margin-bottom: 10px; position: relative; width: 100% }
.contactWraper .contactMessage .messageBox:last-child { margin: 0 }
.contactWraper .contactMessage .messageBox .closeMessage { color: #8f8f8f; font-size: 18px; position: absolute; left: 10px; top: 10px; cursor: pointer }
.contactWraper .contactMessage .messageBox .messageAvatar { float: left; margin-left: 30px; margin-right: 20px; height: 80px; width: 80px; border-radius: 100% }
.contactWraper .contactMessage .messageBox .messageContent { float: left; padding: 19px 10px; width: calc(100% - (130px + 136px)) }
.contactWraper .contactMessage .messageBox .btn_dark { margin: 20px 0 }
.contactWraper .contactRight { float: left; width: 30% }
.contactWraper .contactRight h3 { color: #b3975b; margin-bottom: 20px }
.contactWraper .contactRight h3 span { color: #fff }
.contactWraper .contactRight .frndrequest { border: 1px solid #b3975b; padding: 10px 20px; background: rgba(0, 0, 0, .5); display: table; width: 100%; margin-bottom: 20px }
.contactWraper .contactRight .frndrequest .mediumbgAvatar { float: left; margin-top: 10px }
.contactWraper .contactRight .frndrequest .frndrequestContent { padding: 0 0 0 20px; float: left; width: calc(100% - 60px) }
.contactWraper .contactRight .frndrequest .frndrequestContent small { display: block; margin-bottom: 14px }
.contactWraper .contactRight .frndrequest .frndrequestContent button { float: left; margin-right: 10px; padding: 3px 15px }
.contactWraper .contactRight .frndrequest .frndrequestContent button:last-child { margin: 0 }
.contactWraper .contactRight .visitorBox { margin-bottom: 30px; padding: 0 15px }
@media only screen and (max-width:1279px) {
    .contactWraper .profilewraper .profileBox { width: 50% }
    .contactWraper .contactBox { padding: 15px }
    .contactWraper .contactBox li:last-child { display: none }
}
@media only screen and (max-width:979px) {
    .contactWraper .contactBox, .contactWraper .picoftheDay, .contactWraper .profilewraper { width: 100%; margin-bottom: 20px }
    .contactWraper .profilewraper { padding: 0 }
    .contactWraper .profilewraper .profileBox { width: 33.3333% }
    .contactWraper .picoftheDay .picofthedayimg { height: 300px }
    .contactWraper .contactBox li:last-child { display: inline-block }
    .contactWraper .filterContact { padding: 10px 30px 9px }
    .contactWraper .contactRight .frndrequest .frndrequestContent button { margin-bottom: 5px; margin-right: 0; padding: 3px 15px; width: 100% }
}
@media only screen and (max-width:767px) {
    .contactWraper .heading { width: 30% }
    .contactWraper .filterContact { width: 70% }
    .contactWraper .searchOuter { width: 100%; float: none; display: table; margin-bottom: 20px }
    .contactWraper .contactMessage { width: 100%; float: none; margin: 0 0 30px }
    .contactWraper .contactRight { float: none; width: 100% }
    .contactWraper .contactRight .frndrequest .frndrequestContent button { width: auto; margin-right: 10px }
}
@media only screen and (max-width:639px) {
    .contactWraper .profilewraper .profileBox { width: 100% }
    .contactWraper .filterContact { padding: 10px 0; width: 100% }
    .contactWraper .filterContact li { font-size: .65em }
    .contactWraper .picoftheDay .picofthedayimg { height: 150px }
    .contactWraper .contactMessage .messageBox { text-align: center }
    .contactWraper .contactMessage .messageBox .messageAvatar { float: none; height: 100px; width: 100px; margin: 0 auto }
    .contactWraper .contactMessage .messageBox .messageContent { width: 100% }
    .contactWraper .contactMessage .messageBox .btn_dark { float: none; margin: 10px 0 }
}
.messageWraper { display: table; width: 100% }
.popmessage-wrapper { border: 1px solid #b3975b; margin-right: 3%; width: 67%; float: left }
.popmessage-wrapper ul, li { margin: 0; padding: 0; list-style: none }
.popmessage-wrapper .inbox-left { border-right: 1px solid #b3975b; float: left; width: 33%; overflow: hidden; }
.popmessage-wrapper .inbox-left ul { height: 444px }
.popmessage-wrapper .inbox-left h4 { padding: 5px 10px !important; margin: 0 !important }
.popmessage-wrapper .inbox-left ul li .mediumbgAvatar, .popmessage-wrapper .inbox-left ul li a img { height: 50px; margin-right: 10px; width: 50px; float: left }
.popmessage-wrapper .inbox-left .searchContact { position: relative }
.popmessage-wrapper .inbox-left .searchContact input { padding-left: 35px; border-left: none; border-right: none; background: 0 0 }
.popmessage-wrapper .inbox-left .searchContact .fa { color: #7c7c7c; left: 12px; position: absolute; top: 12px }
.popmessage-wrapper .inbox-left ul li a { display: block; padding: 15px 10px; cursor: pointer }
.popmessage-wrapper .inbox-left ul li a img { /*border-radius: 50% */ }
.popmessage-wrapper .inbox-left ul li a .conversation_text { color: #b3975b; overflow: hidden; position: relative; min-height: 50px }
.popmessage-wrapper .inbox-left ul li a .conversation_text h5 { float: left; font-size: 14px; margin-bottom: 5px; text-transform: capitalize; margin-top: 0; padding-right: 10px; width: 70%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap }
.popmessage-wrapper .inbox-left ul li a .conversation_text span.message_notification { background: #54b9d7; border-radius: 50%; color: #fff; font-size: 10px !important; font-weight: 700 !important; height: 25px; line-height: 25px !important; padding: 0 !important; position: absolute; right: 0; text-align: center; top: 23px; width: 25px }
.popmessage-wrapper .inbox-left ul li { border-bottom: 1px solid #555 }
.popmessage-wrapper .inbox-left ul li:last-child { border: none }
.popmessage-wrapper .inbox-left ul li a .conversation_text .action-btns { float: right; width: 30%; text-align: right }
.popmessage-wrapper .inbox-left ul li a .conversation_text .action-btns .fa { display: none !important }
.popmessage-wrapper .inbox-left ul li a .conversation_text .action-btns span { margin: 0 5px; display: none !important }
.popmessage-wrapper .inbox-left ul li a .conversation_text p { clear: left; color: #a2a2a2; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin: 0; font-size: 14px; line-height: 18px }
.popmessage-wrapper .inbox-left ul li a:hover { background: #35343c }
.popmessage-wrapper .inbox-left ul li.active a { border-left: 3px solid #b3975b; background: #35343c }
.popmessage-wrapper .inbox-left ul li a:hover .action-btns .fa { display: inline-block !important; cursor: pointer }
.popmessage-wrapper .inbox-left ul li a:hover .action-btns span { display: inline-block !important; cursor: pointer; float: right }
.popmessage-wrapper .inbox-left ul li a:hover .action-btns time { display: none }
.popmessage-wrapper .inbox-right-container { float: left; width: 67%; overflow: hidden; }
.popmessage-wrapper .inbox-right-container .view_header { border-bottom: 1px solid #b3975b }
.popmessage-wrapper .inbox-right-container a { display: block; padding: 10px; color: #505050 }
.popmessage-wrapper .inbox-right-container a .mediumbgAvatar { float: left; height: 40px; margin-right: 10px; width: 40px }
.popmessage-wrapper .inbox-right-container a .view_header_content { float: left; overflow: hidden }
.popmessage-wrapper .inbox-right-container a .view_header_content h5 { color: #b3975b; font-size: 14px; margin-bottom: 5px; margin-top: 0 }
.popmessage-wrapper .inbox-right-container a .view_header_content p { color: #858585; font-size: 13px; line-height: 16px; margin: 0 }
.popmessage-wrapper .inbox-right-container .view_content .chat_wrapper { height: 313px; padding: 10px }
.popmessage-wrapper .inbox-right-container .view_content time { color: #adadad; display: block; text-align: center; margin-bottom: 20px }
.popmessage-wrapper .inbox-right-container .conversation { display: table; width: 100%; margin-bottom: 20px }
.popmessage-wrapper .inbox-right-container .conversation.mysite .avatar .mediumbgAvatar, .popmessage-wrapper .inbox-right-container .conversation.othersite .avatar .mediumbgAvatar { height: 45px; width: 45px }
.popmessage-wrapper .inbox-right-container .conversation.othersite .avatar { float: left; padding-right: 15px }
.popmessage-wrapper .inbox-right-container .conversation.othersite .content { max-width: 70%; background: #37353a; border-radius: 20px; float: left; padding: 15px; position: relative }
.popmessage-wrapper .inbox-right-container .conversation.othersite .content::before { border-color: #37353a #37353a transparent transparent; border-style: solid; border-width: 20px; content: ""; left: -20px; position: absolute; top: 0; z-index: -1 }
.popmessage-wrapper .inbox-right-container .conversation.othersite .content p { margin: 0 }
.popmessage-wrapper .inbox-right-container .conversation.othersite time { clear: both; display: block; text-align: left; margin: 0; padding-left: 77px; padding-top: 5px }
.popmessage-wrapper .inbox-right-container .conversation.mysite .avatar { float: right; padding-left: 15px }
.popmessage-wrapper .inbox-right-container .conversation.mysite .content { max-width: 70%; background: #0f0f0f; border-radius: 20px; float: right; padding: 15px; position: relative }
.popmessage-wrapper .inbox-right-container .conversation.mysite .content::before { border-color: #0f0f0f transparent transparent; border-style: solid; border-width: 20px; content: ""; position: absolute; right: -20px; top: 0; z-index: -1 }
.popmessage-wrapper .inbox-right-container .conversation.mysite .content p { margin: 0 }
.popmessage-wrapper .inbox-right-container .conversation.mysite time { clear: both; display: block; text-align: right; margin: 0; padding-right: 77px; padding-top: 5px }
.messageWraper .contactHeader .fa, .popmessage-wrapper.chatarea .inbox-left, .popmessage-wrapper.mobmsg .inbox-right-container { display: none }
.popmessage-wrapper .inbox-right-container .view_content .message_send { border-top: 2px solid #b3975b; padding: 0 10px; position: relative }
.popmessage-wrapper .inbox-right-container .view_content .message_send textarea { border: 1px solid #c5c5c5; height: 115px; margin: 10px 0; padding: 10px 10px 30px; resize: none; width: 100% }
.popmessage-wrapper .inbox-right-container .view_content .message_send button.sendChat { background: 0 0; border: none; bottom: 19px; color: #b3975b; font-weight: 600; padding-bottom: 5px; position: absolute; right: 15px; }
.messageWraper .helpBox { background: #22222c; float: left; padding: 50px 20px; text-align: center; width: 30% }
.messageWraper .helpBox h4 { color: #fff }
.messageWraper .helpBox .mediumbgAvatar { margin: 30px auto; width: 100px; height: 100px }
.messageWraper .helpBox a h4 { color: #b3975b }
.popmessage-wrapper.mobmsg .inbox-left { border-right: 0 none; width: 100% }
.popmessage-wrapper.chatarea .inbox-right-container { width: 100% }
@media only screen and (max-width:1279px) {
    .popmessage-wrapper .inbox-left ul li a .mediumbgAvatar { height: 40px; width: 40px }
    .popmessage-wrapper .inbox-left { width: 40% }
    .popmessage-wrapper .inbox-right-container { width: 60% }
    .popmessage-wrapper { width: 75% }
    .messageWraper .helpBox { width: 22% }
}
@media only screen and (max-width:979px) {
    .popmessage-wrapper { width: 100%; margin-right: 0; float: none }
    .messageWraper .helpBox { width: 100%; margin-top: 20px; float: none }
}
@media only screen and (max-width:767px) {
    .messageWraper .contactHeader .fa { background: #22222c; color: #b3975b; float: right; padding: 8px }
}
.tab { padding-bottom: 20px }
.tab button:first-child { background: #131218; border: 1px solid #b3975b; border-radius: 6px 0 0 6px; padding: 5px 15px }
.tab button:last-child { background: #131218; border: 1px solid #b3975b; border-radius: 0 6px 6px 0; margin-left: -5px; padding: 5px 15px }
.tab button.active { background: #b3975b; color: #fff }
#blur_modal { z-index: 8042 }
.blur_mask { z-index: 8040 }
.historyList { padding: 80px 0 0 100px }
.historyList li { position: relative }
.historyList li::before { border-left: 1px solid #b3975b; content: ""; position: absolute; left: -30px; top: 20px; height: 102% }
.historyList li::after { content: ""; position: absolute; width: 20px; height: 20px; border-radius: 100%; background: #b3975b; left: -39px; top: 6px }
.historyList span.year { display: inline-block; position: absolute; top: 0; font-size: 20px; left: -100px; color: #b3975b }
.historyList li h3::before, .historyList span.year::after { content: ""; height: 1px; top: 14px; position: absolute }
.historyList span.year::after { background: #b3975b; right: -20px; width: 20px }
.historyList .historyContainer { display: table; padding: 20px; background: #22222c; border: 1px solid #383838; margin-bottom: 20px; width: 100% }
.historyList li h3 { padding-bottom: 20px; color: #b3975b }
.historyList li h3::before { background: #b3975b; width: 20px; left: -20px }
.historyList .historyContainer p { float: left; width: calc(100% - 20%); padding-right: 30px; margin: 0 0 10px }
.historyList .historyContainer .historyImage { height: 150px; float: right; width: 20% }
.historyList .historyContainer.left p { float: right; padding-right: 0; padding-left: 30px; width: calc(100% - 20%) }
.historyList .historyContainer.left .historyImage { float: left }
.upgradeImages { background: rgba(0, 0, 0, .93); display: block; height: 100%; position: absolute; text-align: center; width: 100%; z-index: 1 }
.upgradeImages h4 { font-weight: 900; line-height: 20px; padding-bottom: 7px; padding-top: 125px }
.upgradeImages>h4 img { margin-right: 10px; width: 15px }
.upgradeImages p { margin: 0 }
.upgradeImages p a { display: inline-block; text-decoration: underline }
.fancybox-wrap.fancybox-desktop.fancybox-type-inline.fancybox-opened { width: 40% !important }
.fancybox-wrap.fancybox-desktop.fancybox-type-inline .fancybox-inner div[id^=inline] { width: 100% !important }
.fancybox-wrap.fancybox-desktop.fancybox-type-inline .fancybox-inner { width: 100% !important; height: auto !important }
.fancybox-wrap.fancybox-desktop.fancybox-type-inline .fancybox-nav span { visibility: visible }
.hotshotWrapper .hotshotHeader { display: table; width: 100% }
.hotshotWrapper .hotshotHeader .mediumbgAvatar { float: left; margin-right: 15px }
.hotshotWrapper .hotshotHeader h4 { padding-top: 10px }
.hotshotWrapper .hotshotHeader p { margin: 0 }
.hotshotWrapper .hotshotbody { text-align: center; padding: 40px 0 }
.hotshotWrapper .hotshotbody .border { padding: 15px; display: inline-block; border: 1px solid #b3975b; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px }
.hotshotWrapper .hotshotbody .border div { height: 300px; margin: 0 auto; width: 250px }
.hotshotWrapper .hotshotfooter { display: table; padding: 0 80px; width: 100% }
.hotshotWrapper .hotshotfooter ul { float: left; padding-right: 10px }
.hotshotWrapper .hotshotfooter li { display: inline-block }
.hotshotWrapper .hotshotfooter li .mediumbgAvatar { height: 35px; width: 35px }
.hotshotWrapper .hotshotfooter .hotshotBtn { background: #b3975b; border: none; border-radius: 8px; color: #fff; display: inline-block; float: right; font-size: 13px; padding: 5px 15px; text-transform: uppercase; vertical-align: top }
.fancybox-next span:before, .fancybox-prev span:before { font-family: FontAwesome; font-size: 20px; top: 0; color: #b3975b }
.hotshotWrapper .hotshotfooter .hotshotBtn img { width: 12px; vertical-align: top; margin-right: 10px; -webkit-filter: contrast(0) brightness(2); -moz-filter: contrast(0) brightness(2); filter: contrast(0) brightness(2) }
.hotshotWrapper .hotshotfooter .hotshotBtn.active { background: #131218 }
.fancybox-next span, .fancybox-prev span { background-image: none !important; position: relative }
.fancybox-next span:before { position: absolute; content: "\f105"; right: 0 }
.fancybox-prev span:before { position: absolute; content: "\f104"; left: 0 }
@media only screen and (max-width:1279px) {
    .fancybox-wrap.fancybox-desktop.fancybox-type-inline.fancybox-opened { width: 50% !important }
}
@media only screen and (max-width:979px) {
    .fancybox-wrap.fancybox-desktop.fancybox-type-inline.fancybox-opened { width: 65% !important }
}
@media only screen and (max-width:767px) {
    .hotshotWrapper .hotshotHeader { padding: 15px }
    .hotshotWrapper .hotshotfooter { padding: 0 10px 20px; text-align: center }
    .hotshotWrapper .hotshotfooter ul { float: none; padding: 0 0 10px }
    .hotshotWrapper .hotshotfooter .hotshotBtn { float: none }
}
@media only screen and (max-width:639px) {
    .fancybox-wrap.fancybox-desktop.fancybox-type-inline.fancybox-opened { width: 90% !important; padding: 0 !important }
    .fancybox-wrap.fancybox-desktop.fancybox-type-inline .fancybox-prev { left: 0; width: 10% }
    .fancybox-wrap.fancybox-desktop.fancybox-type-inline .fancybox-next { right: 0; width: 10% }
    .hotshotWrapper .hotshotbody .border div { min-width: 217px; width: 100% }
    .hotshotWrapper .hotshotbody .border { padding: 0; border: none }
    .fancybox-close { right: 3px !important; top: 1px !important }
}
.hotshotBtn { background: #b3975b; border: none; border-radius: 8px; display: inline-block; padding: 5px 15px; text-transform: uppercase }
.hotshotBtn img { filter: contrast(0) brightness(2); margin-right: 10px; vertical-align: top; width: 14px }
.members_block #latestMembers .owl-controls .owl-buttons div { border: 1px solid #b3975b; border-radius: 2px; color: #b3975b; font-family: FontAwesome; height: 25px; line-height: 22px; padding: 0; width: 25px; text-align: center }
.eventBox, .evnttitle { padding: 0 32px }
.members_block #latestMembers .owl-controls { left: 0; position: absolute; top: -46%; width: 100%; text-align: right }
.addressList li .fa, .error-alert, .members_block #latestMembers .item { text-align: center }
.members_block #latestMembers .owl-controls .owl-buttons div, .members_block #latestMembers .owl-controls .owl-page { cursor: pointer; display: inline-block; float: none; margin: 0 5px }
@media only screen and (max-width:639px) {
    .members_block #latestMembers .owl-controls { top: -56% }
}
.eventBox { height: 563px; margin-bottom: 30px; margin-top: 20px; overflow: hidden; width: 100% }
.eventBox .eventimg { background-size: 100% auto !important; height: 100%; position: relative; transition: all 1s ease 0s; width: 100% }
.eventBox .eventimg:hover { background-size: 110% auto !important }
.eventBox .eventContent { background: rgba(0, 0, 0, .7); -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; left: 50%; padding: 50px; position: absolute; text-align: center; top: 50%; transform: translate(-50%, -50%); width: 50% }
@media only screen and (max-width:1279px) {
    .eventBox .eventContent { width: 65% }
}
@media only screen and (max-width:979px) {
    .eventBox { height: 360px }
    .eventBox .eventContent { width: 95% }
}
@media only screen and (max-width:639px) {
    .eventBox, .evnttitle { padding: 0 }
    .eventBox { height: 195px }
    .eventBox .eventContent { border-radius: 0; height: 100%; width: 100%; padding: 20px 15px 0 }
    .eventContent h2 { font-size: 14px }
    .eventContent p { font-size: 12px }
}
ul.same_separate { padding: 0 0 0 20px; vertical-align: middle }
ul.same_separate li { display: inline-block; margin-right: 20px }
ul.same_separate li p { margin: 0 !important }
p.swapinfo { color: #7b7b7b; font-style: italic; font-size: 13px; padding-top: 20px; display: table; width: 100%; clear: both }
.partyBookingWrapper .box_boking .video { margin-top: 20px }
.partyBookingWrapper .box_boking .video iframe { height: 124px; margin: 0 }
@media only screen and (max-width:767px) {
    ul.same_separate { padding: 20px 0 0 }
    .partyBookingWrapper .box_boking .video iframe { height: 180px; margin: 0 }
}
@media only screen and (max-width:639px) {
    .partyBookingWrapper .box_boking .video iframe { height: 110px; margin: 0 }
}
.profilewraper .pagination a, .profilewraper .pagination strong { display: none }
.profilewraper .pagination a[rel=prev], .profilewraper .pagination a[rel=next] { background: #b3975b; display: inline-block; width: auto !important; padding: 0 5px; margin-right: 2px }
.profilewraper .pagination a[rel=next] { margin-right: 0 }
.error-alert { border: 1px solid red; border-radius: 4px; color: red; margin-bottom: 30px; padding: 11px 10px }
.addressList { padding-top: 20px }
.addressList li { background: #22222c; margin-bottom: 5px; padding: 5px 25px 5px 10px; position: relative }
.addressList li .fa { background: #b3975b; border-radius: 100%; cursor: pointer; font-size: 10px; height: 15px; line-height: 15px; position: absolute; right: 5px; top: 50%; transform: translateY(-50%); width: 15px }
.addressList li a:first-child .fa { right: 25px; }
.pac-logo::after { background-image: none }
.campanion, .inner.pastParty, .searchByUser #search_result ul { background: #131218 }
.mapAddress { border: 1px solid #b3975b; margin-top: 20px; padding: 5px; height: 200px; width: 100% }
.mapAddress iframe { border: none; display: block; margin: 0; width: 100%; height: 200px }
.location_title { color: #b3975b; display: block; font-size: 19px; padding-top: 30px; text-transform: uppercase }
@media only screen and (max-width:979px) {
    .addressList li { display: inline-block; margin-right: 1%; width: 49% }
    .addressList li:nth-child(2n) { margin-right: 0 }
}
@media only screen and (max-width:639px) {
    .addressList li { display: block; margin-right: 0; width: 100% }
}
.searchByUser { padding-bottom: 30px }
.searchByUser h2 { border: none; display: inline-block; font-size: 18px; line-height: 40px; margin: 0; padding: 0 }
.searchByUser .search_main { float: right; width: 50%; position: relative }
.searchByUser #search_result { height: 250px; left: 0; overflow-y: auto; position: absolute; top: 100%; width: 100% }
.searchByUser #search_result ul li { cursor: pointer; padding: 5px 10px }
.inner.pastParty { border: 1px solid #42424c !important; padding: 10px 30px !important }
.pastParty a { border-bottom: 1px solid #42424c; display: table; padding-bottom: 10px; width: 100%; margin-bottom: 10px }
.pastParty .pastpartyList .pastLeft { float: left; width: 75%; padding-right: 10px }
.pastParty .pastpartyList .pastLeft p { margin: 0 }
.pastParty .pastpartyList .pastRight { float: right; width: 25% }
.pastParty .pastpartyList .pastRight img { height: 45px; width: 100% }
.pastParty a:last-child { border: none; margin: 0; padding: 0 }
.attendpartyavatar { padding-bottom: 30px }
.attendpartyavatar li .mediumbgAvatar { height: 45px; width: 45px }
.attendpartyavatar li { display: inline-block; margin: 0 3px }
.entrycontent .checkboxGold label { text-transform: none !important }
.home_testimonial { font-family: times_new_romanitalic; font-size: 17px }
.campanion { border: 1px solid #42424c; display: table; padding: 20px; width: 100% }

/*.campanion div { float: left; width: 50% }*/
.campanion div.ladies { border-right: 1px solid #424242 }
.campanion div .recentAvatar { border-radius: 100%; float: none; height: 60px; margin: 0 auto 10px; width: 60px }
.campanion div p { margin: 0; text-transform: capitalize }
.campanion>h4 { color: #828282; margin-bottom: 20px }
.hotshotbody a { position: absolute; width: 100%; height: 100%; text-align: right; left: 0; top: 0; color: #b3975b; font-size: 40px; padding: 30px }
.hotshotbody .border { position: relative }
.clearfix, .clearfix:after { clear: both }
hr, select { border: none }
::selection, hr { background: #b3975b }
body { font-family: avenir, sans-serif }
::-moz-selection { background: #b3975b; color: #fff }
::selection { color: #fff }
.clearfix:after, .clearfix:before { content: " "; display: table }
.container { margin: 0 auto; width: 90% }
.text_center { text-align: center }
.allcaps { text-transform: uppercase }
.capitalize{ text-transform: capitalize }
.img_fullwidth { width: 100% }
.narrow { padding: 0 118px !important }
hr.bold { height: 5px; float: left; width: 20% }
hr { height: 1px }
hr.spacer { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: currentcolor currentcolor #fff; border-image: none; border-style: none none solid; border-width: medium medium 1px; margin: 80px auto; opacity: .3; width: 40% }
input[type=text], input[type=email], input[type=password], input[type=number], textarea { background: #2b292e; border: 1px solid #b3975b; border-radius: 0; color: #fff; height: 40px; padding: 5px 10px; width: 100% }
textarea { height: 100px }
textarea.blckBorder { border: 2px solid #090a0c }
select { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; background-image: url(../images/arrow-down.png); background-color: rgba(255, 255, 255, .1); padding: 10px; outline: 0; background-position: right center; background-repeat: no-repeat; border-radius: 0; line-height: 1.3em; position: relative; width: 100% }
select option { border: none; background: #2d2c34 }
.inline { display: inline-block }
.noborder { border: none }
.form_group { margin-bottom: 15px; position: relative }
.form_group label { font-size: 13px; padding-bottom: 5px; display: block; color: #b3975b; text-align: left }
.form_group.half label { float: left; width: 50% }
.form_group .invalid, .form_group .valid { display: inline-block; height: 40px; line-height: 40px; position: absolute; right: -40px; text-align: center; top: 24px; width: 40px }
[data-tooltip]::before { background-color: rgba(51, 51, 51, .9); border-radius: 3px; bottom: 127%; color: #b3975b; content: attr(data-tooltip); font-size: 12px; left: 50%; line-height: 1.2; margin-bottom: 5px; margin-left: -80px; padding: 7px; position: absolute; text-align: center; width: 160px }
[data-tooltip]::after { border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid rgba(51, 51, 51, .9); bottom: 125%; content: " "; font-size: 0; left: 50%; line-height: 0; margin-left: -5px; position: absolute; width: 0 }
.btn_gold::after, .btn_gold::before { bottom: 4px; left: 4px; position: absolute; right: 4px; top: 4px; z-index: -1; content: "" }
[data-tooltip]:hover::after, [data-tooltip]:hover::before { opacity: 1; visibility: visible }
[data-tooltip]::after, [data-tooltip]::before { opacity: 0; pointer-events: none; visibility: hidden }
.btn_gold::before { background: linear-gradient(to bottom, #6f582f 0, #b7955a 99%) rgba(0, 0, 0, 0) }
.btn_gold::after { background: linear-gradient(to bottom, #b7955a 1%, #6f582f 100%) rgba(0, 0, 0, 0); opacity: 1; transition: all .2s ease 0s }
.btn_gold { background-color: rgba(0, 0, 0, 0); display: inline-block; cursor: pointer; border: 1px solid #b3975b; border-radius: 4px; color: #fff; font-size: 17px; height: auto; letter-spacing: 3px; padding: 13px 30px; position: relative; text-transform: uppercase; z-index: 1 }
.btn_dark, .btn_dark_normal { padding: 8px; float: right }
.btn_gold:hover::after { opacity: 0 }
.btn_dark { background: #2b2a2f; border: 1px solid #b3975b; position: relative; transition: all .5s ease 0s; z-index: 2 }
.btn_dark::before { background: #b3975b; content: ""; height: 100%; left: 0; position: absolute; top: 0; transition: all .5s ease 0s; width: 0; z-index: -1 }
.btn_dark:hover::before { width: 100% }
.btn_dark_normal { background: #b3975b; border: none }
.btn_line { border: 1px solid #b3975b; display: block; padding: 13px 30px }
.btn_line:hover { background: #b3975b; color: #fff }
.btn_upload { background: #333; border: 3px solid #100f17; cursor: pointer; padding: 8px 30px; font-size: 16px; text-transform: uppercase; color: #fff; min-width: 320px }
.badgeGreen, .badgeOrange, .badgeRed { color: #fff; font-size: 10px; text-transform: uppercase }
.btn_grey { background: #3a3937; padding: 15px 30px; text-transform: uppercase; font-weight: 600; min-width: 250px; border: none }
.switch { display: inline-block; height: 15px; margin-bottom: 3px; margin-left: 5px; position: relative; vertical-align: middle; width: 30px }
.switch input { display: none }
.slider { -webkit-border-radius: 34px; -moz-border-radius: 34px; border-radius: 34px; position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; -webkit-transition: .4s; transition: .4s }
.slider::before { background-color: #121116; border-radius: 50%; bottom: 1px; content: ""; height: 13px; left: 2px; position: absolute; transition: all .4s ease 0s; width: 13px }
input:checked+.slider { background-color: #b3975b }
input:focus+.slider { box-shadow: 0 0 1px #2196F3 }
input:checked+.slider:before { -webkit-transform: translateX(13px); -ms-transform: translateX(13px); transform: translateX(13px) }
.badgeOrange, .badgeRed { padding: 3px 15px; display: inline-block; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px }
.badgeOrange { background: #f60 }
.badgeRed { background: red }
.badgeGreen { background: #b3975b; border-radius: 100%; display: inline-block; font-weight: 700; line-height: 10px; margin-left: 5px; padding: 5px 7px }
.noMargin { margin: 0 !important }
.margin_top30 { margin-top: 30px }
.text_gold { color: #b3975b !important }
.text_white { color: #fff !important }
.bold_text { font-weight: 600 !important }
.gold_bg { background: #b3975b; color: #fff }
.blackbox { background: #191820; padding: 15px 25px }
.pagination { border: 1px solid #b3975b; display: inline-block }
.pagination a, .pagination strong { border-right: 1px solid #b3975b; display: inline-block; height: 30px; line-height: 30px; text-align: center; width: 30px }
.pagination a:last-child, .pagination strong:last-child { border: none }
.pagination a[rel=prev], .pagination a[rel=next] { background: #b3975b }
.pagination strong { background: #0a0a0a }
.pagination a[rel=next]+a { color: #b3975b; width: 50px }
.pagination a[rel=start] { width: 50px }
@media only screen and (max-width:639px) {
    .pagination a, .pagination strong { width: 26px }
}
.checkboxGold [type=checkbox]:checked, .checkboxGold [type=checkbox]:not(:checked) { position: absolute; left: -9999px }
.checkboxGold [type=checkbox]:checked+label, .checkboxGold [type=checkbox]:not(:checked)+label { position: relative; padding-left: 1.95em; cursor: pointer; text-transform: capitalize }
.checkboxGold [type=checkbox]:not(:checked)+label:before { content: ''; position: absolute; left: 0; top: 0; width: 1em; height: 1em; border: 1px solid #2c2c36; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px }
.checkboxGold [type=checkbox]:checked+label:after, .checkboxGold [type=checkbox]:not(:checked)+label:after { content: '✔'; position: absolute; top: .1em; left: .3em; font-size: 1em; line-height: .8; color: #b3975b; transition: all .2s }
.checkboxGold [type=checkbox]:not(:checked)+label:after { opacity: 0; transform: scale(0) }
.checkboxGold [type=checkbox]:checked+label:after { opacity: 1; transform: scale(1) }
.checkboxGold [type=checkbox]:checked+label:before { content: ''; position: absolute; left: 0; top: 0; width: 1em; height: 1em; border: 1px solid #b3975b; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px }
.checkboxGold [type=checkbox]:checked+label { color: #b3975b }
.radioGold [type=radio]:checked, .radioGold [type=radio]:not(:checked) { position: absolute; left: -9999px }
.radioGold [type=radio]:checked+label, .radioGold [type=radio]:not(:checked)+label { position: relative; padding-left: 1.95em; cursor: pointer; text-transform: capitalize }
.radioGold [type=radio]:not(:checked)+label:before { content: ''; position: absolute; left: 0; top: 0; width: 1em; height: 1em; border: 1px solid #2c2c36; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100% }
.radioGold [type=radio]:checked+label::after, .radioGold [type=radio]:not(:checked)+label::after { color: #b3975b; content: "•"; font-size: 1.3em; left: .2em; line-height: .8; position: absolute; top: 0; transition: all .2s ease 0s }
header, header.fixed { transition: all .5s ease 75ms }
.radioGold [type=radio]:not(:checked)+label:after { opacity: 0; transform: scale(0) }
.radioGold [type=radio]:checked+label:after { opacity: 1; transform: scale(1) }
.radioGold [type=radio]:checked+label:before { content: ''; position: absolute; left: 0; top: 0; width: 1em; height: 1em; border: 1px solid #b3975b; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100% }
.radioGold [type=radio]:checked+label { color: #b3975b }
.thikGoldBorder { border: 2px solid #b3975b !important }
.avatar_exsmall, .avatar_small { -webkit-border-radius: 100%; -moz-border-radius: 100% }
.brightImg { filter: brightness(2) }
.devider_gold { background-color: #9e8150; display: block; height: 1px; width: 100%; margin: 20px auto 10px; }
.devider_secondary { border-top: 1px solid #333238; margin: 20px 0 }
.user-details-title { color: #9e8150; display: block; font-size: 20px; height: 30px; padding-left: 35px; padding-top: 3px; text-transform: uppercase; width: 100% }
.avatarList, .avatarList li, .avatar_exsmall, .avatar_medium, .avatar_profile, .avatar_small { display: inline-block }
.avatar_small { width: 40px; height: 40px; border-radius: 100% }
.avatar_exsmall { width: 30px; height: 30px; border-radius: 100% }
.avatar_medium { width: 120px; height: 120px; overflow: hidden; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; background-size: cover }
.avatar_profile { border-radius: 100%; height: 60px; width: 60px }
.avatar_exsmall, .avatar_medium, .avatar_profile, .avatar_small { -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; object-fit: cover; overflow: hidden; }
.avatar_exsmall img, .avatar_medium img, .avatar_profile img, .avatar_small img {    /*-webkit-border-radius: 100%;
                -moz-border-radius: 100%; 
                border-radius: 100%;
                width: 100%;
                height: 100%*/ width: auto; height: auto; min-width: 100%; min-height: 100%; }
    .avatar_profile .blur_profile, .blur_profile { -webkit-filter: blur(2px); filter: blur(2px); -moz-filter: blur(2px); }
    .mediumbgAvatar { width: 60px; height: 60px; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; object-fit: cover; overflow: hidden; }
    .mediumbgAvatar img { min-width: 60px; object-fit: cover; min-height: 60px; }
    .avatarList { margin-left: -7px; margin-right: -7px }
    .avatarList li { margin: 0 -7px 10px; vertical-align: top; }
    .avatarList .avatar { border: 2px solid #c9c4ba; border-radius: 100%; height: 50px; width: 50px; overflow: hidden; object-fit: cover; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; }
    .avatarList .avatar img { object-fit: cover; min-width: 50px; min-height: 50px; }
    @-webkit-keyframes sonarEffect {
        0% { opacity: .3 }
        40% { box-shadow: 0 0 0 2px rgba(255, 255, 255, .1), 0 0 10px 10px #b3975b, 0 0 0 10px rgba(255, 255, 255, .5); opacity: .5 }
        100% { box-shadow: 0 0 0 2px rgba(255, 255, 255, .1), 0 0 10px 10px #b3975b, 0 0 0 10px rgba(255, 255, 255, .5); opacity: 0; transform: scale(1.5) }
    }
    @-moz-keyframes sonarEffect {
        0% { opacity: .3 }
        40% { box-shadow: 0 0 0 2px rgba(255, 255, 255, .1), 0 0 10px 10px #b3975b, 0 0 0 10px rgba(255, 255, 255, .5); opacity: .5 }
        100% { box-shadow: 0 0 0 2px rgba(255, 255, 255, .1), 0 0 10px 10px #b3975b, 0 0 0 10px rgba(255, 255, 255, .5); opacity: 0; transform: scale(1.5) }
    }
    @keyframes sonarEffect {
        0% { opacity: .3 }
        40% { box-shadow: 0 0 0 2px rgba(255, 255, 255, .1), 0 0 10px 10px #b3975b, 0 0 0 10px rgba(255, 255, 255, .5); opacity: .5 }
        100% { box-shadow: 0 0 0 2px rgba(255, 255, 255, .1), 0 0 10px 10px #b3975b, 0 0 0 10px rgba(255, 255, 255, .5); opacity: 0; transform: scale(1.5) }
    }
    @-webkit-keyframes bounceEffect {
        0%, 100% { transform: scale(1) }
        20% { transform: scale(1.1) }
        60% { transform: scale(.8) }
    }
    @-moz-keyframes bounceEffect {
        0%, 100% { transform: scale(1) }
        20% { transform: scale(1.1) }
        60% { transform: scale(.8) }
    }
    @keyframes bounceEffect {
        0%, 100% { transform: scale(1) }
        20% { transform: scale(1.1) }
        60% { transform: scale(.8) }
    }
    header { background: #131218; padding: 5px 0 0; text-align: center; position: relative; z-index: 9 }
    header.fixed { position: fixed; width: 100%; left: 0; top: 0; z-index: 10 }
    header.fixed .language { top: 20px; left: 10% }
    header.fixed .login_box { top: 10px }
    header.fixed .login_box .login_popbox { top: 12px }
    header.fixed .logo_mobile { display: inline-block; left: 5%; position: absolute; top: 14px; width: 34px }
    header .button_container { cursor: pointer; display: none; height: 35px; left: 22px; margin-left: auto; margin-right: auto; position: absolute; top: 13px; transition: opacity .25s ease 0s; width: 30px }
    header .button_container p { bottom: 0; font-size: 10px; margin: 0; position: absolute; text-transform: uppercase }
    header .button_container span { background: #b4975d; border: none; cursor: pointer; height: 2px; left: 0; position: absolute; top: 0; transition: all .35s ease 0s; width: 100% }
    header .button_container span:nth-of-type(2) { top: 8px }
    header .button_container span:nth-of-type(3) { top: 16px }
    header .language { left: 5%; position: absolute; top: 71px; z-index: 5 }
    header .language .language_btn { background: 0 0; border: none; padding: 0; text-transform: uppercase; font-size: 12px; color: #b4975d }
    header .language.open ul { display: block }
    header .language .language_btn .fa { transform: rotate(-90deg); -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease }
    header .language.open .language_btn .fa { transform: rotate(0) }
    header .language ul { background: #131218; border: 1px solid #25242a; position: relative; text-align: left; top: 5px; width: 100%; z-index: 6; display: none }
    header .language ul li a { display: block; padding: 5px 10px; color: #b3975b }
    header .logo_mobile { display: none }
    header .login_box { position: absolute; right: 5%; top: 40px }
    header .login_box a { font-size: 12px }
    header .login_box a img { margin-bottom: 2px; width: 50px }
    header .login_box:hover .login_popbox { display: block }
    header .login_box .login_popbox { display: none; padding-top: 45px; position: absolute; right: 0; top: 22px; width: 400px; z-index: 3 }
    header .login_box .login_popbox h4 { padding-bottom: 15px; border-bottom: 1px solid #333238; margin-bottom: 15px }
    header .login_form { background: #131218; border: 1px solid #333238; padding: 20px }
    header .form_group.half label { margin-top: 15px }
    header .nav-menu { padding-top: 5px }
    header .nav-menu li { display: inline-block }
    header .nav-menu li a { color: #b3975b; display: inline-block; font-size: 12px; letter-spacing: 2px; line-height: 1em; margin: 10px 20px; padding: 10px 0; position: relative; text-transform: uppercase; transition: all .5s ease 0s }
    header .nav-menu li a::before { background: #b3975b; bottom: 0; content: ""; height: 1px; left: 0; position: absolute; -webkit-transition: all .5s ease 0s; -moz-transition: all .5s ease 0s; transition: all .5s ease 0s; width: 0 }
    header .nav-menu li:hover a::before { width: 100% }
    header .nav-menu li:hover a { color: #fff }
    header .nav-menu li .submenu li a img { max-height: 146px; min-height: 145px; transition: all .5s ease 0s }
    header .nav-menu li .submenu { background: url(../images/gradient.png) center center no-repeat; background-size: cover; width: 100%; position: absolute; left: 0; -webkit-transition: all .3s ease 0s; -moz-transition: all .3s ease 0s; transition: all .3s ease 0s; height: 0; overflow: hidden }
    
    header .nav-menu li:hover .submenu li a { background: 0 0 }
    header .nav-menu li:hover .submenu { height: 220px; z-index: 3 }

    /*################ 04-09-18 MODIFY ############*/
    header .nav-menu li:hover .submenu.partymenu { height: 330px; z-index: 3 }
    header .nav-menu li .submenu.partymenu ul { display: block; left: 50%; margin: 20px auto; max-width: 1200px }
    header .nav-menu li .submenu.partymenu li:nth-child(1) { width: 49%;}
    header .nav-menu li .submenu.partymenu li:nth-child(2) { width: 49%;}
    header .nav-menu li .submenu.partymenu li:nth-child(3n) { padding-top: 20px; width: 23.7%; }
    header .nav-menu li .submenu.partymenu li a img { max-height: 131px; min-height: 130px; transition: all .5s ease 0s; width: 100%; }
    header .nav-menu li:hover .submenu.partymenu li a { background: 0 0; width: 100%; }

    header .nav-menu li .submenu li a { padding: 0 20px; margin: 0 }
    header .nav-menu li .submenu li a::before { display: none }
    header .nav-menu li .submenu li a span { display: block; overflow: hidden; padding: 8px 0 0; text-align: left; text-overflow: ellipsis; white-space: nowrap; width: 260px }
    header .nav-menu li .submenu li .bookpartybtn, header .nav-menu li .submenu li .reviewBtn { background: #f60; border: none; border-radius: 3px; display: inline-block; font-size: 10px; padding: 5px; float: left }
    header .nav-menu li .submenu li a.reviewBtn { background: #333; color: #b3975b }
    header .nav-menu li .submenu li span.bookingDate { color: #191812; float: left; margin-left: 20px; padding-right: 20px }
    header .innerHeaderMenu { position: absolute; right: 5%; top: 50%; transform: translateY(-50%) }
    header .profileButton { float: right; margin-left: 2px }
    header .profileButton:hover .profileDropdown { display: block }
    header .profileDropdown { display: none; padding-top: 40px; position: absolute; right: -42%; text-align: left; top: 87%; z-index: 3 }
    header.fixed .profileDropdown { padding-top: 18px }
    header .dropdownInnercont { background: #22222c; display: table; padding: 20px 30px; width: 350px }
    header .profileAvatar { padding-bottom: 15px }
    header .dropdownInnercont .avatar_profile { float: left; margin-right: 10px }
    header .dropdownInnercont h3 { color: #b3975b; font-size: 16px; text-transform: uppercase; margin-top: 10px }
    header .dropdownInnercont p { margin: 0; font-size: 12px }
    header .dropdownInnercont p a { text-decoration: underline }
    header .profileDropdown .devider_secondary { margin: 10px 0 }
    header #progressbarOuter { background: #fff; height: 7px; position: relative; margin-bottom: 15px }
    header #progressbarOuter .progressbar { background: #b3975b; display: inline-block; height: 7px; left: 0; position: absolute; top: 0 }
    header .dropdownInnercont h4 { color: #fff; text-transform: uppercase; margin: 0 0 10px; font-size: 14px }
    header .dropdownInnercont .bookingInfo .badgeOrange, header .dropdownInnercont .invoice .badgeRed { margin-left: 10px }
    header .dropdownInnercont h4 .fa { margin-right: 10px }
    header .dropdownInnercont .partys { margin-top: 10px }
    header .dropdownInnercont .bookingInfo { padding: 10px 0 20px; color: #b3975b; text-transform: uppercase }
    header .dropdownInnercont .bookingInfo .date { position: relative; color: #fff; padding-left: 10px }
    header .dropdownInnercont .bookingInfo .date::before { content: "/"; position: absolute; left: 0; top: -2px }
    header .dropdownInnercont .bookingInfo .date::after { content: "/"; position: absolute; right: -5px; top: -2px }
    header .menuBox { -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; float: right; height: 35px; margin: 0 2px; width: 35px; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; transition: all .5s ease }
    header .menuBox:hover { background: #22222c }
    header .menuBox a { display: inline-block; line-height: 35px }
    header .menuBox a span.indicator { background: #f60; left: 20px; padding: 2px 5px; display: inline-block; line-height: 10px; font-size: 8px; border-radius: 100%; font-weight: 600; text-shadow: 0 1px 1px rgba(0, 0, 0, .5); position: absolute; top: 0 }
    header.fixed .menuBox .messageBoxOuter { padding-top: 13px }
    header .menuBox .messageBoxOuter { padding-top: 35px; position: absolute; right: -42%; width: 350px; text-align: left; display: none }
    header .menuBox:hover .messageBoxOuter { display: block }
    header .menuBox .messageBoxOuter li.msgbody { height: 470px }
    header .menuBox .messageBoxOuter li li { background: #22222c; padding: 0 15px }
    header .menuBox .messageBoxOuter li li:first-child .messageBoxes { border: none }
    header .menuBox .messageBoxOuter .messageBoxes { background: #22222c; padding: 10px 0; border-top: 1px solid #525252; display: table; width: 100% }
    header .menuBox .messageBoxOuter .messageBoxes .avatar_profile { float: left; height: 50px; margin-right: 10px; width: 50px }
    header .menuBox .messageBoxOuter .messageBoxes .msgContent, header .menuBox .messageBoxOuter .messageBoxes .textcont { overflow: hidden }
    header .menuBox .messageBoxOuter .messageBoxes .pic { float: right }
    header .menuBox .messageBoxOuter .messageBoxes .pic div { height: 50px; width: 60px; margin: 0 5px; display: inline-block }
    header .menuBox .messageBoxOuter .messageBoxes .time { color: #888; font-size: 12px; text-transform: capitalize }
    header .menuBox .messageBoxOuter .messageBoxes .msgContent p { font-size: 13px; text-transform: capitalize; line-height: 15px; margin: 2px 0 0 }
    header .menuBox .messageBoxOuter .messageBoxes .msgContent .accept_privacy { color: #b3975b; float: right; margin: 0 5px }
    header .menuBox .notificationOuter .messageBoxes .msgContent h4 { border-bottom: 1px solid #b3975b; margin-bottom: 10px; padding-bottom: 2px; font-size: 13px }
    header.fixed .menuBox .notificationOuter { padding-top: 13px }
    header .menuBox .notificationOuter { padding-top: 35px; position: absolute; right: -42%; width: 320px; text-align: left; display: none }
    header .menuBox:hover .notificationOuter { display: block }
    header .menuBox .notificationOuter .messageBoxes { background: #4e4e56; padding: 20px 10px; margin-bottom: 1px; display: table; width: 100% }
    header .menuBox .notificationOuter .messageBoxes .avatar_profile { float: left; margin-right: 10px }
    header .menuBox .notificationOuter .messageBoxes .msgContent { overflow: hidden }
    header .menuBox .notificationOuter .messageBoxes .membersGroup { padding: 8px 0 0 }
    header .menuBox .notificationOuter .messageBoxes .msgContent a { line-height: 16px; text-decoration: underline }
    header .menuBox .notificationOuter .messageBoxes .msgContent .msgDate { font-size: 11px; margin: 0; text-align: right; color: #96959b }
    header .menuBox .notificationOuter .messageBoxes .msgContent .msgDate .fa { margin-left: 15px }
    header .menuBox .notificationOuter .messageBoxes .msgContent p { font-size: 11px; line-height: 15px; margin: 2px 0 0 }
    @media only screen and (max-width:1279px) {
        header .menuBox .messageBoxOuter, header .menuBox .notificationOuter, header .profileDropdown { right: -32% }
        header .nav-menu li .submenu li a span { width: 215px }
    }
    @media only screen and (max-width:979px) {
        header .menuBox .messageBoxOuter, header .menuBox .notificationOuter, header .profileDropdown { padding-top: 10px; right: -25% }
        header .button_container { display: block }
        header .language, header .nav-menu { display: none }
        header .login_box { top: 7px }
        header .login_box .login_popbox { top: 4px }
        header .logo { display: inline-block !important; margin: 8px 0 16px; width: 230px }
    }
    @media only screen and (max-width:767px) {
        header .dropdownInnercont, header .menuBox .messageBoxOuter, header .menuBox .notificationOuter, header .profileDropdown { right: -6px; width: 300px }
    }
    @media only screen and (max-width:639px) {
        header .logo { display: none !important }
        header .logo_mobile { display: inline-block; margin: 8px 0 10px; width: 35px }
        header .login_box .login_popbox { width: 300px }
    }
    .outer_wrapper, body, html { height: 100% }
    .outer_wrapper .main_outer { height: 100%; margin-left: 0; -webkit-transition: all .3s ease-in; -moz-transition: all .3s ease-in; transition: all .3s ease-in }
    .outer_wrapper .side_nav { background: #131218; border-right: 1px solid #b3975b; height: auto; min-height: 100%; width: 270px; z-index: 2; position: absolute; top: 0; left: 0; -webkit-transform: translateX(-270px); -moz-transform: translateX(-270px); transform: translateX(-270px); -webkit-transition: all .3s ease-in; -moz-transition: all .3s ease-in; transition: all .3s ease-in }
    .outer_wrapper .side_nav h4 { color: #666; font-weight: 400; margin: 0; padding: 15px; text-transform: uppercase }
    .outer_wrapper .side_nav h4 #closeSidenav { float: right; font-size: 24px; cursor: pointer }
    .outer_wrapper .side_nav ul { background: #131218 }
    .outer_wrapper .side_nav ul.language li a { color: #fff }
    .outer_wrapper .side_nav ul.language li.active a { color: #b3975b }
    .outer_wrapper .side_nav ul li a { color: #b3975b; display: inline-block; padding: 10px 15px; width: 80%; text-transform: uppercase }
    .outer_wrapper .side_nav ul li .fa { cursor: pointer; float: right; font-size: 22px; padding: 7px; text-align: center; width: 20%; color: #b3975b; transition: all .2s ease-in }
    .outer_wrapper .side_nav ul li .submenu { background: #131218; height: 100%; position: absolute; top: 0; transform: translate(0); width: 270px; z-index: -1; opacity: 0; display: none }
    .outer_wrapper .side_nav ul li.active .submenu { transform: translate(100%); opacity: .9; display: block; overflow-y: auto; }
    .outer_wrapper .side_nav ul li.active .fa, .outer_wrapper .side_nav ul li.active a { color: #fff }
    .outer_wrapper .side_nav ul li.active .submenu ul { text-align: center; margin-top: 90px }
    .outer_wrapper .side_nav ul li.active .submenu ul li span { display: block; padding: 8px 0 0; text-align: left; color: #b3975b; font-size: 13px }
    .outer_wrapper .side_nav ul li.language .fa, .outer_wrapper .side_nav ul li.language a { color: #96c9ff }
    .outer_wrapper .side_nav ul li.language.active .fa, .outer_wrapper .side_nav ul li.language.active a { color: #fff }
    .outer_wrapper .side_nav ul li .submenu li a.bookpartybtn, .outer_wrapper .side_nav ul li .submenu li a.reviewBtn { background: #f60; border-radius: 3px; display: inline-block; font-size: 10px; padding: 5px; float: left; width: 100px }
    .outer_wrapper .side_nav ul li a.reviewBtn { background: #333 !important; color: #b3975b !important }
    .outer_wrapper .side_nav ul li span.bookingDate { display: inline-block; float: left; margin-left: 40px; padding: 0 20px 0 0 !important }
    .show-menu .outer_wrapper .main_outer { transform: translate3d(270px, 0, 0) }
    .show-menu .outer_wrapper .side_nav { -webkit-transform: translateX(0); -moz-transform: translateX(0); transform: translateX(0) }
    @media only screen and (max-width:767px) {
        .outer_wrapper { overflow-x: hidden }
        .outer_wrapper .side_nav { padding: 0 10px }
        .outer_wrapper .side_nav ul li { border-bottom: 1px solid #b3975b; position: relative; z-index: 1 }
        .outer_wrapper .side_nav ul li .submenu { opacity: 1; transform: translate(0); background: 0 0; position: relative; display: none; width: 100% }
        .outer_wrapper .side_nav ul li .submenu li { border-bottom: medium none; border-top: 1px solid #26252b; display: table; width: 100% }
        .outer_wrapper .side_nav ul li .submenu li img { float: right; width: 90px; margin-left: 5px; }
        .outer_wrapper .side_nav ul li .submenu li span { word-break: break-word;}
        .outer_wrapper .side_nav ul li .submenu li a { width: 100%; color: #b3975b }
        .outer_wrapper .side_nav ul li.selected a { color: #fff }
        .outer_wrapper .side_nav ul li.selected .submenu { display: block }
        .outer_wrapper .side_nav ul li.selected .fa { transform: rotate(90deg); color: #fff }
        .outer_wrapper .side_nav ul li .submenu ul { margin-top: 0 }
        .outer_wrapper .side_nav ul { background: 0 0 }
        .outer_wrapper .side_nav ul li .submenu li a.bookpartybtn, .outer_wrapper .side_nav ul li .submenu li a.reviewBtn { color: #fff; float: right; margin-bottom: 7px; margin-right: 14px; text-align: center; width: 91px }
        .outer_wrapper .side_nav ul li span.bookingDate { margin-left: 15px }
    }
    .modalmask, .modalmaskFix { background: rgba(0, 0, 0, .9); height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 10; display: none }
    .modal_container { background: linear-gradient(150deg, #0f0d12 0, #1b1b24 100%) rgba(0, 0, 0, 0); border: 1px solid rgba(158, 158, 158, .2); left: 50%; padding: 25px; position: absolute; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 700px; z-index: 11; display: none }
    .modal_container h2, .modal_container h3, .register h2 { border-bottom: 1px solid #b3975b; text-transform: uppercase }
    .modal_container .modal_close { position: absolute; right: -14px; top: -21px; font-size: 30px; color: #b3975b; cursor: pointer }
    .modal_container h2 { font-weight: 400; color: #b3975b; margin-top: 0 }
    .modal_container h3 { color: #fff; font-weight: 400; margin-bottom: 15px; padding: 0 40px 5px }
    .register, .register h2 { color: #b3975b }
    .modal_container p { line-height: 25px; margin: 0 0 10px }
    .modal_container .center { padding: 0 40px }
    @media only screen and (max-width:767px) {
    form#registrationFrm { padding-top: 10px; }
    .modal_container { width: 100%; top: 0px; transform: none; left: 0; height: 100vh; position: fixed; overflow-y: auto; }
    .modal_container .modal_close { right: 6px; top: 0; }
    .modal_container .center { padding: 0; }
    .modal_container h3 { padding: 0 0 5px }
    body.popheight { height: 100% }
    form#FrmStep_09 { padding-bottom: 58px; }
}
    @media only screen and (max-width:639px) {
        .modal_container p { font-size: 12px; line-height: 18px }
    }
    .register h2 { font-family: Lato, sans-serif; font-size: 18px; font-weight: 600; letter-spacing: 0; margin-top: 0; text-align: right }
    .register h2 a { float: left; color: #b3975b;}
    .register h2 span { border-left: 2px solid #b3975b; display: inline-block; margin-left: 10px; padding-left: 8px }
    .register .account_type li { border: 2px solid #b3975b; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; margin-bottom: 15px; position: relative }
    .register .account_type li a { display: block }
    .register .account_type li a::before { background: rgba(0, 0, 0, .5); content: ""; height: 100%; position: absolute; width: 100% }
    .register .account_type li:hover a::before { background: rgba(0, 0, 0, .8) }
    .register .account_type li a .contentHolder { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 90% }
    .register .account_type li span { color: #fff; display: inline-block; font-size: 30px; line-height: 30px; text-transform: uppercase; font-family: Lato, sans-serif; font-weight: 300 }
    .register .account_type li p { font-size: 13px; color: #b3975b; margin: 0; text-transform: uppercase }
    .register #Step_05 li span input, .ssl_text img { margin-right: 5px }
    .register #Step_02 button { display: inline-block; float: none; left: 50%; margin-top: 40px; transform: translateX(-50%) }
    .register #Step_02 #regusername { text-transform: uppercase }
    .register #step_03 label a { color: #b3975b; text-decoration: underline }
    .register #Step_02 .form_group { text-align: center }
    .register #Step_02 .form_group #regusername { margin-top: 15px; width: 60% }
    @media only screen and (max-width:639px) {
        .register .account_type li span { font-size: 16px; display: block; text-align: center }
        .btn_gold { font-size: 12px }
        .register #Step_02 .form_group #regusername { width: 100% }
    }
    .register .settinbox { text-transform: uppercase }
    .register .settinbox>span { color: #fff; text-transform: uppercase; width: 120px; display: inline-block; float: left }
    .register .settinbox .shecontentbox { width: calc(100% - 120px); float: left }
    .register .settinbox .shecontentbox p { color: #fff }
    .register .settinbox .shecontentbox p span { color: #b3975b; display: inline-block; padding: 0 8px 0 20px }
    .register .settinbox .shecontentbox .type { width: 117px }
    .register .settinbox .shecontentbox p span.year { width: 120px; padding-left: 22px }
    .register .settinbox .shecontentbox p span select.month { float: left; width: 110px }
    .register .settinbox .shecontentbox p span select.day { margin-left: 1px; width: 72px }
    .register #Step_05 ul { padding: 0 40px 40px }
    .register #Step_05 li { text-transform: uppercase; padding: 8px 0; display: table; width: 100% }
    .register #Step_05 li label { width: 200px; display: inline-block; padding-right: 15px }
    .register #Step_05 li span { color: #fff; display: inline-block; width: calc(100% - 200px); float: right; padding: 2px 0; vertical-align: top }
    .register #Step_05 li span.interst select, .register #Step_05 li span.prefferLanguage select { display: inline-block; width: 150px }
    .register #Step_08 p strong { font-family: Lato, sans-serif; font-weight: 700 }
    .register #Step_08 .picuploderbox { padding: 20px 0; position: relative }
    .register #Step_08 .picuploderbox .next { border: 1px solid #0c0b11; color: #fff; cursor: pointer; display: inline-block; height: 30px; line-height: 25px; position: absolute; right: 170px; text-align: center; top: 50%; transform: translateY(-50%); width: 30px; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; transition: all .5s ease; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px }
    .register #Step_08 .picuploderbox .next:hover { background: #b3975b }
    .register #Step_08 .picuploderbox img { width: 200px }
    .register #Step_08 #uploadPic { height: .1px; opacity: 0; position: absolute; width: .1px }
    .register #Step_08 .btn_upload { display: inline-block }
    .register #Step_10 [type=checkbox]:checked, .register #Step_10 [type=checkbox]:not(:checked) { position: absolute; left: -9999px }
    .register #Step_10 [type=checkbox]:checked+label, .register #Step_10 [type=checkbox]:not(:checked)+label { position: relative; padding-left: 1.95em; cursor: pointer }
    .register #Step_10 [type=checkbox]:not(:checked)+label:before { content: ''; position: absolute; left: 0; top: 0; width: 1.25em; height: 1.25em; border: 1px solid #2c2c36; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px }
    .register #Step_10 [type=checkbox]:checked+label:after, .register #Step_10 [type=checkbox]:not(:checked)+label:after { content: '✔'; position: absolute; top: .1em; left: .3em; font-size: 1.3em; line-height: .8; color: #b3975b; transition: all .2s }
    .register #Step_10 [type=checkbox]:not(:checked)+label:after { opacity: 0; transform: scale(0) }
    .register #Step_10 [type=checkbox]:checked+label:after { opacity: 1; transform: scale(1) }
    .register #Step_10 [type=checkbox]:checked+label:before { content: ''; position: absolute; left: 0; top: 0; width: 1.25em; height: 1.25em; border: 1px solid #b3975b; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px }
    .register #Step_10 [type=checkbox]:checked+label { color: #b3975b }
    .ssl_text img { -webkit-filter: contrast(0) brightness(10); -moz-filter: contrast(0) brightness(10); filter: contrast(0) brightness(10); float: left; width: 25px }
    .doubleinput { float: left; width: 40% }
    .doubleinput select { float: left; width: 45% }
    .doubleinput select[data-stripe=exp_month] { margin-right: 20px }
    .cvc { float: left; margin-left: 16px; width: 20% }
    .register #Step_13 .ssl_text { color: #fff; font-size: 12px; line-height: 16px }
    .register #Step_13 .ssl_text img { -webkit-filter: contrast(0) brightness(10); -moz-filter: contrast(0) brightness(10); filter: contrast(0) brightness(10); float: left; margin-right: 5px; width: 25px }
    .register #Step_13 .doubleinput { float: left; width: 40% }
    .register #Step_13 .doubleinput select { float: left; width: 45% }
    .register #Step_13 .doubleinput select[data-stripe=exp_month] { margin-right: 20px }
    .register #Step_13 .cvc { float: left; margin-left: 16px; width: 20% }
    .register .confirmVat { color: #fff; margin: 10px 0 0 }
    .register .confirmVat span { display: inline-block; margin-right: 10px }
    .register .preferencesList li { display: inline-block; width: 24% }
    .register .preferencesList li p { color: #fff; margin: 0 }
    .register .paymentBox { border: 1px solid #616161; cursor: pointer; padding: 15px; display: table; margin-bottom: 15px; width: 100% }
    .register .paymentBox .crown, .register .paymentBox.pay .payment_icon { width: 120px; display: inline-block; float: left; text-align: center; height: 120px; line-height: 120px }
    .register .paymentBox .crown img { width: 70px; margin-right: 15px }
    .register .payment_content { width: calc(100% - 120px); float: left }
    .register .paymentBox .payment_content p { line-height: 20px }
    .register .paymentBox .payment_content h4 { margin-bottom: 8px }
    .register .paymentBox.pay { cursor: default }
    .register .paymentBox.pay .payment_icon { height: 50px; line-height: 50px }
    .register .paymentBox.pay .payment_icon img { width: 100%; margin: 0 }
    .register .paymentBox.pay .payment_content h4 { margin: 17px 0 0 15px }
    @media only screen and (max-width:767px) {
        .register #Step_08 .picuploderbox .next { right: 110px }
        .register .preferencesList li { width: 32% }
        .register .paymentBox.pay .payment_icon { height: 70px }
    }
    @media only screen and (max-width:639px) {
        select { background-size: 15px auto }
        .btn_upload { min-width: 100% }
        .register #Step_05 ul { padding: 0 0 40px }
        .register #Step_05 li { border-bottom: 1px solid #22222c }
        .register #Step_05 li label { width: 100%; padding-right: 0 }
        .register #Step_05 li span { width: calc(100% - 0px) }
        .cvc, .register .paymentBox .crown, .register .paymentBox.pay .payment_icon { width: 100% }
        .doubleinput { float: none; width: 100% }
        .cvc { float: none; margin-left: 0 }
        .register #Step_08 .picuploderbox .next { right: -19px }
        .register .payment_content { width: calc(100% - 0px) }
        .register .settinbox>span { width: 100%; color: #b3975b }
        .register .settinbox .shecontentbox { width: calc(100% - 0px) }
        .register .settinbox .shecontentbox p span.year { padding-left: 12px; width: 78px }
        .register .settinbox .shecontentbox p span select.month { width: 65px }
        .register .settinbox .shecontentbox p span select.day { width: 54px }
        .register .settinbox .shecontentbox p span { padding: 0 0 0 8px }
        .register .settinbox .shecontentbox .type { width: calc(236px - 31px) }
        .register .preferencesList li p { font-size: 11px }
        .register .preferencesList li { width: 49% }
        .register #Step_13 .doubleinput { float: left; width: 100% }
        .register #Step_13 .cvc { float: left; margin-left: 0; width: 40% }
        .register #Step_13 .text_center.margin_top30 { float: right; margin-top: 22px }
        #cancelStep_09, #continueStep_09 { margin: 0 5px; padding: 10px 16px }
    }
    .contactusTeam button { float: right; min-width: 300px }
    .contactusTeam .avatar_profile { margin-right: 15px }
    @media only screen and (max-width:639px) {
        .contactusTeam button { min-width: 100% }
        .contactusTeam .avatar_profile { margin-bottom: 15px }
    }
    #payment-form .form_group.doubleinput input { display: inline-block; float: left; width: 48% }
    #payment-form .form_group.doubleinput span { display: inline-block; float: left; padding: 11px 6px }
    @media only screen and (max-width:767px) {
        #payment-form .form_group.doubleinput input { width: 46% }
    }
    .content_wrapper { height: calc(100% - 200px); position: fixed; width: 100% }
    .content_wrapper.home { overflow: hidden }
    .content_wrapper .video-home { height: 100%; margin: 0 auto; object-fit: cover; width: 100% }
    .content_wrapper .ipad_background { width: 100%; height: 100% }
    .content_wrapper .transparent_box { background: rgba(19, 18, 24, .8); left: 50%; width: 700px; padding: 20px; position: absolute; top: 50%; transform: translate(-50%, -50%); z-index: 2; text-align: center }
    .content_wrapper .transparent_box .btn_gold { padding: 13px 20px; width: 70%; font-size: 14px }
    .content_wrapper .transparent_box .box_heading { color: #b4975d; font-family: Lato; font-size: 25px; line-height: 1.2; text-align: center; z-index: 5; margin: 0 }
    .content_wrapper .transparent_box .latestuser_container { margin: 15px 0 0; }
    .content_wrapper .transparent_box .latestuser_container .owl-controls { left: 0; position: absolute; top: 38%; width: 100% }
    .content_wrapper .transparent_box .latestuser_container .owl-controls .owl-next { float: right }
    .content_wrapper .transparent_box .latestuser_container .owl-controls .owl-prev { float: left }
    .content_wrapper .transparent_box .latestuser_container .owl-controls .owl-buttons div, .content_wrapper .transparent_box .latestuser_container .owl-controls .owl-page { border: 1px solid #b3975b; border-radius: 2px; color: #b3975b; font-family: FontAwesome; height: 25px; line-height: 22px; padding: 0; width: 25px }
    .content_wrapper .transparent_box .latestuser_container #latestUsers { padding: 0 75px }
    .content_wrapper .transparent_box .latestuser_container .owl-carousel .owl-item { padding: 15px 5px; margin-bottom: 0; }
    .content_wrapper .transparent_box .latestuser_container .item { margin: 0 6px }
    .content_wrapper .transparent_box .latestuser_container .item a { position: relative; display: inline-block }
    .content_wrapper .transparent_box .latestuser_container .item a .hover_content { background: #333; border-radius: 100%; height: 130%; left: -10px; opacity: 0; position: absolute; top: -10px; -webkit-transform: scale(0); -moz-transform: scale(0); transform: scale(0); -webkit-transition: all .3s ease-in 0s; -moz-transition: all .3s ease-in 0s; transition: all .3s ease-in 0s; width: 130%; z-index: 2 }
    .content_wrapper .transparent_box .latestuser_container .item a:hover .hover_content { opacity: 1; transform: scale(1) }
    .content_wrapper .transparent_box .latestuser_container .item a .hover_content .latest_username { display: inline-block; text-overflow: ellipsis; overflow: hidden; width: 88%; font-size: 9px; line-height: 13px; text-transform: uppercase }
    .content_wrapper .transparent_box .latestuser_container .item a .hover_content .couple { background: url(../images/couple.png) 0 0/cover no-repeat rgba(0, 0, 0, 0); display: block; height: 27px; width: 20px; margin: 10px auto 5px }
    .content_wrapper .transparent_box .latestuser_container .item a .hover_content .gentleman { background: url(../images/gentleman.png) 0 0/cover no-repeat rgba(0, 0, 0, 0); display: block; height: 27px; width: 20px; margin: 10px auto 5px }
    .content_wrapper .transparent_box .latestuser_container .item a .hover_content .lady { background: url(../images/lady.png) 0 0/cover no-repeat rgba(0, 0, 0, 0); display: block; height: 27px; width: 20px; margin: 10px auto 5px }
    .content_wrapper .transparent_box .latestuser_container .item a .hover_content .zodiac { display: inline-block; font-size: 9px; text-transform: uppercase }
    .content_wrapper .transparent_box .latestuser_container .item a .recentAvatar { -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; height: 80px; width: 80px; overflow: hidden; position: relative; }
    .content_wrapper .transparent_box .latestuser_container .item a .recentAvatar img { min-height: 80px; min-width: 80px; object-fit: cover; width: 100%; height: 100%; position: absolute; left: 0; }
    .videothumbs_ipad { bottom: 50px; left: 0; text-align: center; width: 100%; z-index: 39; display: none }
    .videothumbs_ipad p { display: inline-block; margin: 0 0 20px; object-fit: cover; width: 100% }
    .videothumbs_ipad p video { width: 100%; height: 150px; background: #000 }
    .videothumbs_ipad h6 { color: #5a575e; font-size: 14px; margin-bottom: 5px; text-align: left; display: none }
    @media only screen and (max-width:1279px) {
        .content_wrapper .video-home { display: none }
        .content_wrapper .ipad_background { display: block; background: url(../images/bpic-ipad.jpg) center center no-repeat; background-size: cover; position: relative }
        .content_wrapper .transparent_box { width: 700px }
    }
    @media only screen and (max-width:979px) {
        .content_wrapper { height: calc(100% - 150px) }
    }
    @media only screen and (max-width:767px) {
        .outer_wrapper, .outer_wrapper .main_outer, body, html { height: auto }
        body, html { overflow: auto }
        .videothumbs_ipad { display: block; padding: 20px 15px 0; background: #131218; margin-bottom: 20px; }
        .videothumbs_ipad p { width: 100% }
        .videothumbs_ipad h6 { display: block }
        .content_wrapper { height: auto; position: static; width: 100% }
        .content_wrapper .ipad_background { min-height: 600px }
        .content_wrapper .transparent_box { width: 90% }
        .content_wrapper .transparent_box .box_heading { font-size: 19px }
        .content_wrapper .transparent_box .latestuser_container li { padding: 10px 5px; width: 80px }
        .content_wrapper .transparent_box .latestuser_container #latestUsers { padding: 0 50px }
        .content_wrapper .transparent_box .latestuser_container .owl-carousel .owl-wrapper-outer { z-index: 2 }

        /* .content_wrapper .transparent_box .latestuser_container .item a .hover_content .couple,
         .content_wrapper .transparent_box .latestuser_container .item a .hover_content .gentleman,
         .content_wrapper .transparent_box .latestuser_container .item a .hover_content .lady {
             margin: 40px auto 5px
         }*/
        .content_wrapper .transparent_box .latestuser_container .item a .hover_content .latest_username { font-size: 13px; line-height: 15px }
        .content_wrapper .transparent_box .latestuser_container .item a .hover_content .zodiac { font-size: 11px }
        .content_wrapper .transparent_box .latestuser_container .item a .recentAvatar { border-radius: 100%; height: 86px; width: 86px }
        .content_wrapper .transparent_box .latestuser_container .item a .recentAvatar img { min-height: 86px; min-width: 86px; object-fit: cover; }
    }
    footer { background: #131218; bottom: 0; position: absolute; width: 100%; padding: 20px 0 0; text-align: center }
    footer .footer_logo li { display: inline-block; margin: 0 30px }
    footer .foter_hoverimg { background: #fff; bottom: 94px; display: none; padding: 10px; position: absolute; width: 220px }
    footer .foter_hoverimg h6 { color: #000; display: block; font-size: 18px; font-weight: normal; font-family: 'Freight Big Pro'; line-height: 25px; margin-bottom: 10px }
    footer h6 { color: #5a575e; font-size: 14px; margin-bottom: 5px; text-align: left; display: none }
    footer #footerLogos { margin: 0 auto; max-width: 900px; padding-bottom: 15px; }
    footer #footerLogos .item h6 { font-size: 15px; margin: 5px 0 0; text-align: center }
    footer .owl-controls { left: 0; position: absolute; top: 29%; width: 100%; padding: 0 10px; display: none !important; }
    footer .owl-controls .owl-next { float: right }
    footer .owl-controls .owl-prev { float: left }
    footer .owl-controls .owl-buttons div, footer .owl-controls .owl-page { border: 1px solid #5a575e; border-radius: 2px; color: #5a575e; font-family: FontAwesome; height: 25px; line-height: 22px; padding: 0; width: 25px }
    footer .foter_hoverimg.active { display: block }
    footer span#srf { left: 29vw }
    footer span#vanity { left: 35vw }
    footer span#gq { left: 45vw }
    footer span#maxim { left: 52vw }
    footer span#nzz { left: 63vw }

    @media only screen and (min-width: 768px){
        #footerLogos .owl-wrapper-outer{ display: flex; align-items: center;}
        #footerLogos .owl-item { float: none; display: inline-block;}
    }


    @media only screen and (max-width:979px) {
        footer #footerLogos .item { margin: 0 15px }
    }
    @media only screen and (max-width:767px) {
        footer { position: static; padding: 30px 20px }
        footer .foter_hoverimg.active, footer span#gq, footer span#maxim, footer span#nzz, footer span#srf, footer span#vanity { display: none }
        footer h6 { display: block }
        footer #footerLogos { background: #1c1c1e; padding: 10px }
        footer .owl-controls { display: block !important; }
    }
    .support_box::after { -webkit-animation: 1.3s ease-out 75ms normal none infinite running sonarEffect; -moz-animation: 1.3s ease-out 75ms normal none infinite running sonarEffect; animation: 1.3s ease-out 75ms normal none infinite running sonarEffect; border-radius: 100%; content: ""; height: 55px; left: 5px; position: absolute; top: 5px; width: 55px }
    .support_box { bottom: 50px; cursor: pointer; left: 5%; position: fixed; width: 65px }
    .support_box span { background: #b3975b; border-radius: 3px; display: block; font-size: 12px; left: 50%; line-height: 15px; padding: 5px; position: absolute; text-align: center; top: -31px; transform: translateX(-50%); width: 140px }
    .support_box a.modal_popup { display: inline-block; position: relative; z-index: 5 }
    @media only screen and (max-width:767px) {
        .support_box { display: none }
    }
    .inner_pages { background: url(../images/background.jpg) center center no-repeat fixed #19181E; background-size: cover }
    .inner_pages .main_outer .content_wrapper { padding: 50px 0; height: auto; position: static }
    .container { max-width: 90%; padding: 0 15px }
    .profile .profile_block { padding-bottom: 80px }
    .profile .left_block { float: left; padding-right: 15px; width: 50% }
    .profile .right_block { float: left; padding-left: 15px; width: 50% }
    .profile .left_block .change_avatar { border: 5px solid #b3975b; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; float: left; margin-right: 30px; padding: 0px; width: 200px; overflow: hidden; height: 200px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
    .profile .left_block .change_avatar a { display: block; position: relative; width: 100%; height: 100%; }
    .profile .left_block .change_avatar a span { background: rgba(0, 0, 0, .8); -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; display: none; font-size: 16px; height: 100%; left: 0; line-height: 175px; position: absolute; text-align: center; top: 0; width: 100%; transform: scale(0); opacity: 0 }
    .profile .left_block .change_avatar a:hover span { display: block; transform: scale(1); opacity: 1 }
    .profile_gallery.tripple .fancybox:nth-child(3), .review .tripple .fancybox:nth-child(3) { opacity: .33 }
    .profile .left_block .change_avatar .profileAvatar { border: 1px solid #b3975b; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; padding: 0px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; width: 100%; height: 100%; object-fit: cover; overflow: hidden; }
    .profile .left_block .change_avatar .profileAvatar img { min-height: 200px; min-width: 200px; object-fit: cover; height: 200px; width: 200px;}
    .profile .left_block .profile_details { float: left; width: calc(100% - 230px); position: relative; }
    .profile .left_block .profile_details h2 { position: relative; padding-right: 30px; overflow-wrap: break-word }
    .profile .left_block .profile_details.premium h2 { padding-right: 72px }
    .profile .left_block .profile_details.premium .user-auth-ico { right: 40px }
    .profile .left_block .profile_details .user-auth-ico { background: url(../images/user-auth.png) 0 0/contain no-repeat; display: block; height: 25px; position: absolute; right: 0; top: 0; width: 25px }
    .profile .left_block .profile_details .premium-memberIcon { background: #b3975b; border-radius: 100%; height: 27px; line-height: 22px; position: absolute; right: 0; top: 0; text-align: center; width: 27px }
    .profile .left_block .profile_details .premiumMember { position: relative }
    .profile .left_block .profile_details .premiumMember .premium_icon { display: inline-block; position: absolute; top: -10px; width: 30px }
    .profile .left_block .profile_details .memberoptions { display: inline; padding: 0 }
    .profile .left_block .profile_details .memberoptions li { background: #2a2a31; border: 1px solid transparent; border-radius: 7px; display: inline-block; font-size: 11px; padding: 5px 8px; text-transform: uppercase; width: 32.4% }
    .profile .left_block .profile_details .memberoptions li a .fa { color: #c8c8d0; font-size: 15px }
    .profile .left_block .profile_details .memberoptions li a img { margin-right: 5px; width: 13px; -webkit-filter: contrast(0) brightness(1.5); -moz-filter: contrast(0) brightness(1.5); filter: contrast(0) brightness(1.5) }
    .profile .left_block .profile_details .memberoptions li:hover { border: 1px solid #b3975b }
    .profile .picture_container .profile_outer { position: relative }
    .profile .picture_container .pictures-title { background: url(../images/mypictures-icon.png) no-repeat; color: #9e8150; display: block; font-size: 20px; height: 30px; margin-bottom: 50px; padding-left: 35px; padding-top: 3px; text-transform: uppercase; width: 100% }
    .profile .picture_container .profile_gallery { position: relative; display: table; width: 100% }
    .profile_gallery.tripple .fancybox:nth-child(1) { height: 300px; margin: 0; width: 70% }
    .profile_gallery.tripple .fancybox:nth-child(2), .profile_gallery.tripple .fancybox:nth-child(3) { height: 150px; margin: 0; width: 30% }
    .profile .preferences { padding: 50px 0 }
    .profile .preferences ul { padding-top: 30px }
    .profile .preferences ul li { display: inline-block; margin-bottom: 5px }
    .profile .preferences ul li span { background: #0f0c13; display: block; padding: 8px 15px; text-transform: uppercase }
    .profile .picture_container .multiImages_container { display: block; height: 300px; position: absolute; right: 0; background-color: #22222c; top: 0; width: 10%; box-shadow: 0 3px 7px 0 rgba(0, 0, 0, .35) }
    .profile .picture_container .multiImages_container span { background: url(../images/mypictures-upload-icon.png) no-repeat; display: block; width: 70px; height: 70px; margin: 115px auto 0; background-size: cover }
    .profile .right_block .user-details-title { background: url(../images/profile-details-icon.png) no-repeat }
    .profile .right_block .your_details { color: #7b7b7b; font-size: 16px; font-style: italic; font-weight: 400; padding: 20px 20px 20px 35px; position: relative; quotes: "“" "”" "‘" "’" }
    .profile .right_block .your_details::before { color: #ccc; content: open-quote; font-family: serif; font-size: 2.3em; left: 10px; margin-right: .25em; position: absolute; top: 25px }
    .profile .right_block .user_details { padding-left: 40px }
    .profile .right_block .user_details h3 { margin-bottom: 10px; color: #b3975b }
    .profile .right_block .user_details ul { margin-bottom: 30px }
    .profile .right_block .user_details ul li { display: block; padding: 2px 0; vertical-align: middle }
    .profile .right_block .user_details ul.interestedin li { display: inline-block; padding-right: 10px }
    .profile .right_block .user_details ul li .fa { color: #72727c; font-size: 20px; margin-right: 6px }
    .profile .right_block .user_details ul li img { width: 12px; margin-right: 8px; vertical-align: middle }
    .profile .right_block .user_details .prefrences { padding: 0 0 20px }
    .profile .right_block .user_details .prefrences span { color: #7b7b7b; display: inline-block; font-size: 14px; font-style: italic; text-transform: capitalize }
    .profile .right_block .attend_party .user-details-title { background: url(../images/participant.png) no-repeat }
    .profile .right_block .attend_party ul { padding-left: 40px; margin-top: 20px }
    .profile .right_block .attend_party ul li { background: #22222c; padding: 10px; display: inline-block; text-align: center; margin-bottom: 5px; margin-right: 1px }
    .profile .right_block .attend_party ul li h5 { text-transform: uppercase }
    .profile .right_block .attend_party ul li span { color: #b3975b }
    .profile .pinnes_block { padding-bottom: 50px }
    .profile .pinnes_block .user-details-title { background: url(../images/pinnwand-ico.png) no-repeat; border-bottom: 1px solid #b3975b; padding-bottom: 40px; margin-bottom: 30px }
    .profile .pinnes_block .comment_block { width: 40%; float: left; padding-right: 15px }
    .profile .pinnes_block .comment_block textarea { border: 1px solid #45444d; background: url(../images/pinwand-msg-ico.png) 1% 50% no-repeat; margin-bottom: 5px; padding: 10px 10px 10px 45px; width: 100%; height: 38px; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; transition: all .2s ease; resize: none }
    .profile .pinnes_block .comment_block textarea:focus { height: 100px }
    .profile .pinnes_block .comment_block .btn-dark { float: right }
    .profile .pinnes_block .comment_details { width: 60%; padding-left: 15px; float: right }
    .profile .pinnes_block .comment_details .comment_list { border: 1px solid #45444d; padding: 10px }
    .profile .pinnes_block .comment_details .cmntlist_content { width: calc(100% - 50px); float: right; position: relative }
    .profile .pinnes_block .comment_details .cmntlist_content h4 { margin-bottom: 5px }
    .profile .pinnes_block .comment_details .cmntlist_content h4 a { color: #b3975b }
    .profile .pinnes_block .comment_details .cmntlist_content p { margin-top: 0 }
    .profile .pinnes_block .comment_details .cmntlist_content time { color: #b3975b }
    .profile .pinnes_block .comment_details .cmntlist_content .close_cmnt { position: absolute; right: 5px; top: 0; color: #b3975b }
    .profile .pinnes_block .comment_details .cmntlist_content .type-commenticon { display: inline-block; background: url(../images/type-comment-ico.png) no-repeat; width: 32px; height: 26px; position: absolute; right: 0; bottom: 0 }
    .profile .members_block .user-details-title { background: url(../images/mitglieder-ico.png) no-repeat; border-bottom: 1px solid #b3975b; padding-bottom: 40px; margin-bottom: 30px }
    .profile .members_block .member { position: relative; margin: 0 0 24px; display: block; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; height: 120px; width: 120px; overflow: hidden; object-fit: cover; }
    .profile .members_block .member img { height: 120px; width: 120px; -webkit-border-radius: 0%; -moz-border-radius: 0%; border-radius: 0%; object-fit: cover; min-height: 120px; min-width: 120px; }
    .profile .members_block .member .member_hover { background: rgba(0, 0, 0, .8); border-radius: 100%; height: 122px; left: -1px; position: absolute; text-align: center; top: -1px; width: 122px; display: none }
    .profile .members_block .member .member_hover .user { display: block; padding-top: 40px; color: #b3975b; text-transform: uppercase; font-size: 12px }
    .profile .members_block .member:hover .member_hover { animation: 1.1s ease-out 75ms running bounceEffect; display: block }
    .profile .members_block .search_form { margin-bottom: 40px; margin-top: 30px }
    .profile .members_block .search_form input[type=text] { background: url(../images/search-ico.png) 1% 50% no-repeat rgba(0, 0, 0, 0); border: 1px solid #45444d; padding-left: 45px; width: 40% }
    .profile .members_block .search_form .search_btn { display: none }
    .profile .hotboard_block .user-details-title { background: url(../images/mitglieder-ico.png) no-repeat; border-bottom: 1px solid #b3975b; padding-bottom: 40px; margin-bottom: 30px }
    .profile .hotboard_block .hotboardItem_box { background: #080604; float: left; margin: 5px; padding: 10px }
    .profile .hotboard_block .hotboardItem_box img { width: 100% }
    .profile .hotboard_block .hotboardItem_box .latest_img { display: block }
    .profile .hotboard_block .hotboardItem_box.one { width: 50% }
    .profile .hotboard_block .hotboardItem_box.five, .profile .hotboard_block .hotboardItem_box.four, .profile .hotboard_block .hotboardItem_box.three, .profile .hotboard_block .hotboardItem_box.two { float: left; width: 23% }
    .profile .hotboard_block .latest-like .usrnm { border-bottom: 1px solid #b3975b; color: #b3975b; display: block; font-size: 18px; padding-top: 5px; text-transform: uppercase }
    .profile .hotboard_block .latest-like .accntype { display: block; padding-bottom: 10px; padding-top: 5px }
    @media only screen and (max-width:1279px) {
        .container { max-width: 100%; width: 100% }
        .profile .left_block .profile_details .memberoptions li { font-size: 11px; margin-bottom: 5px; padding: 5px; text-align: center; width: 42% }
        .profile .picture_container .multiImages_container span { background-size: 70% }
    }
    @media only screen and (max-width:979px) {
        .profile .left_block .profile_details .memberoptions li { width: 32.7% }
        .profile .left_block, .profile .right_block { width: 100%; float: none; padding: 0 0 40px }
        [data-tooltip]::before { left: auto; right: 0 }
        .profile .picture_container .multiImages_container span { background-size: 100% auto }
        .profile .hotboard_block .hotboardItem_box.five, .profile .hotboard_block .hotboardItem_box.four, .profile .hotboard_block .hotboardItem_box.three, .profile .hotboard_block .hotboardItem_box.two { width: 22% }
        .profile .hotboard_block .latest-like .usrnm { font-size: 14px }
    }
    @media only screen and (max-width:767px) {
        .profile .left_block .profile_details .memberoptions li { width: 32.5% }
        .profile_gallery.tripple .fancybox:nth-child(1) { width: 100% !important; margin-bottom: 10px; height: 210px; opacity: .33 }
        .profile_gallery.tripple .fancybox:nth-child(2), .profile_gallery.tripple .fancybox:nth-child(3) { height: auto; width: auto }
        .fancybox-overlay.fancybox-overlay-fixed { background: #131218 }
        .fancybox-nav span { visibility: visible !important }
        .fancybox-skin { padding: 0 !important }
        .fancybox-nav.fancybox-next, .fancybox-nav.fancybox-prev { width: 13%; }
        .fancybox-nav.fancybox-next>span { background: url(../images/right.png) no-repeat; height: 64px; right: 10px; visibility: visible; width: 64px }
        .fancybox-nav.fancybox-prev>span { background: url(../images/left.png) no-repeat; height: 64px; right: 10px; visibility: visible; width: 64px }
    }
    @media only screen and (max-width:639px) {
        .profile .profile_block { padding-bottom: 0 }
        .profile .left_block { padding-bottom: 30px }
        .profile .left_block .profile_box { padding-bottom: 20px }
        .profile .left_block .change_avatar { float: none; margin: 0 auto 30px; width: 200px }
        .profile .left_block .profile_details { width: 100%; float: none }
        .profile .left_block .profile_details .memberoptions li { width: 32% }
        .profile .picture_container .profile_gallery { width: 100% }
        .profile .picture_container .multiImages_container { width: 100%; height: 50px }
        .profile .picture_container .multiImages_container span { width: 50px; margin: -9px auto 0 }
        .profile .right_block .your_details::before { left: -13px; top: 23px }
        .profile .right_block .your_details { padding: 20px 10px }
        .profile .right_block .attend_party ul, .profile .right_block .user_details { padding-left: 0 }
        .profile .pinnes_block { padding-bottom: 30px }
        .profile .pinnes_block .comment_block { display: table; float: none; padding-bottom: 20px; padding-right: 0; width: 100% }
        .profile .pinnes_block .comment_details { float: none; padding-left: 0; width: 100% }
        .profile .members_block .member { padding: 10px }
        .profile .members_block .member.avatar_medium { width: 100px; height: 100px; padding: 0; }
        .profile .members_block .member.avatar_medium img { min-width: 100px; min-height: 100px; object-fit: cover; }
        .profile .members_block .member .member_hover { width: 112px; height: 112px; left: -6px; top: -6px }
        .profile .members_block .member .member_hover .user { font-size: 10px }
        .profile .members_block .search_form input[type=text] { width: 100% }
        .profile .hotboard_block .hotboardItem_box { margin: 5px 0; width: 100% !important }
    }
    .block_box h2:empty, .block_box iframe[src=""], .box_large iframe[src=""] { display: none }
    .innerBanner { position: relative; width: 100%; height: 500px; overflow: hidden }
    .innerBanner .scrollable { background-size: cover; position: absolute; width: 100%; height: 205% }
    .box_large img { margin-bottom: 20px; margin-top: 76px }
    .box_large iframe { height: 430px; margin-top: 84px; margin-bottom: 62px }
    .box_large iframe~p, .box_large img~p { font-size: 20px }
    .box_large h1 { margin-bottom: 40px; padding-bottom: 38px; font-size: 26px }
    .box_large h2.allcaps { font-size: 15px; letter-spacing: 3px; line-height: 25px }
    .block_box { margin-top: 98px }
    .block_box h3 { font-size: 20px; margin-bottom: 40px; padding-bottom: 40px; border-bottom: 1px solid #b3975b; color: #b3975b; font-weight: normal; margin-top: 0; text-transform: uppercase; letter-spacing: 2px; }
    .block_box .cmsImageWRapper { float: left; margin-right: 25px; width: 48%; display: inline-block; }
    .block_box .cmsImageWRapper p { left: 30px; right: auto; }
    .block_box img { width: 100%; }
    .block_box p a { color: #b3975b }
    .block_box iframe { float: left; margin-right: 25px; width: 100%; height: 430px }
    .block_box p { font-size: 20px; line-height: 32px }
    .block_box.reverse iframe, .block_box.reverse .cmsImageWRapper { float: right; margin-left: 25px; margin-right: 0 }
    @media only screen and (min-width:1700px) {
        .innerBanner { height: 600px }
        .narrow { padding: 0 260px !important }
    }
    @media only screen and (max-width:1279px) {
        .narrow { padding: 0 50px !important }
        .innerBanner { height: 400px }
    }
    @media only screen and (max-width:979px) {
        .narrow { padding: 0 15px !important }
    }
    @media only screen and (max-width:767px) {
        .innerBanner { height: 120px }
        .innerBanner .scrollable { height: 230%; top: 0; }
        .block_box p { font-size: 16px; line-height: 25px }
    }
    @media only screen and (max-width:639px) {
        .block_box { margin-top: 20px }
        .block_box iframe, .block_box .cmsImageWRapper { float: none; margin-bottom: 10px; margin-right: 0; width: 100% }
    }
    .containerwidth { max-width: 1200px; margin: 0 auto }
    .blogarticleList { align-items: stretch; display: flex; flex-flow: row wrap }
    .blogarticleList .article { background: rgba(0, 0, 0, .5); border: 1px solid #b3975b; display: inline-block; margin: 0 15px 30px; padding: 20px; width: 30% }
    .blogarticleList .article .imgcontainer { height: 170px; overflow: hidden; margin-bottom: 20px }
    .blogarticleList .article .imgcontainer img { width: 100% }
    .blogarticleList .article h3 { color: #b3975b; font-size: 15px; height: 52px; line-height: 24px; margin-bottom: 20px; text-align: center; text-transform: uppercase; letter-spacing: 2px }
    .blogarticleList .article p { color: #b3975b }
    @media only screen and (max-width:979px) {
        .blogarticleList .article { width: 46% }
    }
    @media only screen and (max-width:767px) {
        .blogarticleList .article { width: 100%; margin: 0 15px 30px }
        .blogarticleList .article .imgcontainer { height: 200px }
    }
    .partyBookingWrapper { display: block; width: 100% }
    .partyBookingWrapper .box_boking { float: left; padding: 30px; width: 33.3333% }
    .partyBookingWrapper .box_boking .inner { padding: 30px; border: 1px solid #42424c }
    .partyBookingWrapper .box_boking .inner h2 { border: none }
    .partyBookingWrapper .box_boking .inner p { clear: left; font-size: 13px; line-height: 20px }
    .partyBookingWrapper .box_boking .inner hr.bold { margin-bottom: 20px }
    .partyBookingWrapper .box_boking.bookEntry .inner, .partyBookingWrapper .box_boking.bookingDetails .inner { background: rgba(0, 0, 0, .2); border: 1px solid #b3975b }
    .partyBookingWrapper .box_boking.bookingDetails .inner p.firstUpper::first-letter { text-transform: capitalize; color: #b3975b; float: left; font-size: 3.2em; font-weight: 600; line-height: 1em; margin-right: 5px }
    .partyBookingWrapper .box_boking.bookingDetails .inner ul li { padding: 4px 0; text-transform: capitalize }
    .partyBookingWrapper .box_boking.bookingDetails .inner ul li .fa { color: #b3975b; margin-right: 5px }
    .partyBookingWrapper .rightBlock .entrycontent p, .partyBookingWrapper .rightBlock .paymentBox p { color: #b2b2bc }
    .partyBookingWrapper .box_boking.bookEntry .spacer { margin: 30px auto }
    .partyBookingWrapper .rightBlock { float: left; padding: 30px; width: 66.6666% }
    .partyBookingWrapper .rightBlock .entryBox { border: 1px solid #42424c; margin-bottom: 20px; padding: 20px; display: table; width: 100%; -webkit-transition: all .3s; transition: all .3s; }
    .partyBookingWrapper .rightBlock .entryBox:hover { border: 1px solid #b3975b !important;}
    .partyBookingWrapper .rightBlock .entryBox img { float: left; margin-right: 20px; width: 30% }
    .partyBookingWrapper .rightBlock .entrycontent { overflow: hidden }
    .partyBookingWrapper .rightBlock .entrycontent p.checkboxGold { display: inline-flex; margin: 5px }
    .partyBookingWrapper .rightBlock .extranight { border: 1px solid #fff; text-align: center; padding: 15px }
    .partyBookingWrapper .rightBlock .paymentBox { float: right; text-align: right }
    .partyBookingWrapper .rightBlock .paymentBox p span { display: inline-block; width: 110px }
    .partyBookingWrapper .rightBlock .paymentBox p.total { color: #fff; font-weight: 600 }
    .partyBookingWrapper .rightBlock .paymentBox #cancel { margin-right: 20px }
    .partyBookingWrapper .rightBlock .payBox { border: 1px solid #62626c; margin-bottom: 20px; padding: 20px; display: table; width: 100% }
    .partyBookingWrapper .rightBlock .payBox .payimg { display: inline-block; width: 35% }
    .partyBookingWrapper .rightBlock .payBox h4 { color: #fff; display: inline-block; font-weight: 600; padding: 0 40px }
    .partyBookingWrapper .rightBlock .payBox button { float: right; margin-top: 12px }
    .partyBookingWrapper .rightBlock .payBox .banktransferInvoice { padding-top: 40px }
    .partyBookingWrapper .rightBlock .payBox .banktransferInvoice p { margin: 0 }
    .partyBookingWrapper .rightBlock .payBox .banktransferInvoice p span { padding: 0 10px }
    .partyBookingWrapper .rightBlock .payBox .banktransferInvoice strong { font-family: Lato, sans-serif }
    .partyBookingWrapper .rightBlock .payBox .banktransferInvoice .printInvoice span { cursor: pointer; display: inline-block }
    .partyBookingWrapper .rightBlock .payBox #booking-form .doubleinput { float: left; width: 40% }
    .partyBookingWrapper .rightBlock .payBox #booking-form .doubleinput select { float: left; width: 45% }
    .partyBookingWrapper .rightBlock .payBox #booking-form .doubleinput select[data-stripe=exp_month] { margin-right: 20px }
    .partyBookingWrapper .rightBlock .payBox #booking-form .cvc { float: left; margin-left: 16px; width: 20% }
    .partyBookingWrapper .rightBlock .payBox #booking-form .text_center { float: right; margin: 0 0 0 20px; width: 25% }
    .partyBookingWrapper .rightBlock .payBox #booking-form .text_center .btn_gold { margin-top: 23px; padding: 7px 20px; width: 100% }
    .partyBookingWrapper .rightBlock .payBox #booking-form .ssl_text img { -webkit-filter: contrast(0) brightness(10); -moz-filter: contrast(0) brightness(10); filter: contrast(0) brightness(10); float: left; margin-right: 5px; width: 25px }
    .partyBookingWrapper .rightBlock .ceremonial p { margin: 0 }
    .partyBookingWrapper .rightBlock .ceremonial h4 { margin-bottom: 9px }
    .partyBookingWrapper .box_boking.review .inner { display: table; padding: 10px; width: 100% }
    .logout_review, .tripple span { display: inline-block }
    .tripple .login_review:nth-child(1) { float: left; height: 250px; margin-right: 3%; width: 40% }
    .tripple .login_review:nth-child(2), .tripple .login_review:nth-child(3) { float: left; height: 120px; width: calc(100% - 43%) }
    .tripple .login_review:nth-child(3) { margin-top: 5px }
    .tripple .login_review:nth-child(2) { margin-bottom: 5px }
    .double .login_review:nth-child(1) { height: 250px; width: 50%; margin-bottom: 0; float: left }
    .double .login_review:nth-child(2) { height: 250px; width: 50%; margin-top: 0; float: left }
    .single .login_review:nth-child(1) { height: 250px; width: 100% }
    .inner.double .login_review:nth-child(1) { height: 250px; width: 48.5%; margin-right: 5px; float: left }
    .inner.double .login_review:nth-child(2) { height: 250px; width: 48.5%; margin-left: 5px; float: left }
    .tripple { position: relative }
    .double span, .tripple span { position: absolute; text-align: center; z-index: -1 }
    .tripple span {font-size: 27px; text-shadow: 0 1px 1px rgba(0, 0, 0, .7); line-height: normal; width: auto; height: auto; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 9 !important;}    
    .tripple .logout_review:nth-child(1) { float: left; height: 250px; margin-right: 10px; width: 39%; }
    .tripple .logout_review:nth-child(2), .tripple .logout_review:nth-child(3) { float: left; height: 120px; width: calc(100% - 43%) }
    .tripple .logout_review:nth-child(3) { margin-top: 5px }
    .tripple .logout_review:nth-child(2) { margin-bottom: 5px }
    .double span { font-size: 25px; height: 100%; left: 0; line-height: 210px; top: 0; width: 100% }
    .double .logout_review:nth-child(1) { height: 150px; width: 100%; margin-bottom: 5px }
    .double .logout_review:nth-child(2) { height: 150px; width: 100%; margin-top: 5px }
    .single .logout_review:nth-child(1) { height: 250px; width: 100% }
    .review .tripple>span { background: 0 0; bottom: 11px; height: 120px; line-height: 120px; cursor: pointer; right: 3%; width: calc(100% - 46%) }
    .content_wrapper .box_boking .list-unstyled .newtoday:nth-child(3)::after { position: absolute; content: ""; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,.5); z-index: 0;}
    @media only screen and (min-width:1920px) {
        .review .tripple>span { right: 3%; width: calc(100% - 44.5%) }
    }
    @media only screen and (max-width:979px) {
        .review .tripple>span { right: 4%; width: calc(100% - 45.5%) }
        .content_wrapper .box_boking .tripple .list-unstyled .newtoday a img { width: 100%;}
    }
    @media only screen and (max-width:1199px) {
        .tripple .login_review:nth-child(2), .tripple .login_review:nth-child(3) { float: left; height: 120px; width: calc(100% - 44%) }
    }
    @media only screen and (max-width:767px) {        
        .tripple .login_review:nth-child(2), .tripple .login_review:nth-child(3) { float: left; height: 120px; width: calc(100% - 42%) }
        .review .tripple>span { right: 2%; width: calc(100% - 44%) }
        .double .login_review { opacity: .33 }
        .double .login_review:nth-child(2) { height: auto; width: auto }
        .double .login_review:nth-child(1) { float: left; height: 210px; margin-bottom: 0; width: 100% }
    }
    @media only screen and (max-width:639px) {
        .tripple .login_review:nth-child(2), .tripple .login_review:nth-child(3) { float: left; height: 120px; width: calc(100% - 45%) }
        .inner.double .login_review:nth-child(1) { height: 250px; width: 100%; margin-right: 0; float: none; margin-bottom: 10px }
        .inner.double .login_review:nth-child(2) { height: 250px; width: 100%; margin-left: 0; float: none }
        .review .tripple>span { right: 2%; width: calc(100% - 44%) }
    }
    @media only screen and (max-width:479px) {
        .review .tripple>span { right: 5%; width: calc(100% - 48%) }
    }
    @media only screen and (max-width:979px) {
        .partyBookingWrapper .box_boking, .partyBookingWrapper .rightBlock { width: 100% }
        .partyBookingWrapper .rightBlock .payBox .payimg { width: 20% }
        .partyBookingWrapper .rightBlock .payBox h4 { padding: 14px 40px }
        .partyBookingWrapper .rightBlock .payBox button { margin-top: 0; min-width: auto }
    }
    @media only screen and (max-width:639px) {
        .partyBookingWrapper .rightBlock .entryBox img { float: none; margin-bottom: 20px; margin-right: 0; width: 100% }
        .partyBookingWrapper .rightBlock .payBox .payimg { width: 100% }
        .partyBookingWrapper .rightBlock .payBox h4 { padding: 10px 0 }
        .partyBookingWrapper .rightBlock .payBox button { width: 100%; float: none }
        .partyBookingWrapper .rightBlock .paymentBox #cancel, .partyBookingWrapper .rightBlock .paymentBox .btn_gold { margin-right: 0; width: 100% }
        .partyBookingWrapper .rightBlock .payBox #booking-form .doubleinput { float: none; width: 100% }
        .partyBookingWrapper .rightBlock .payBox #booking-form .cvc { float: none; margin-left: 0; width: 100% }
        .partyBookingWrapper .rightBlock .payBox #booking-form .text_center { float: right; margin: 0 0 0 20px; width: 100% }
        .partyBookingWrapper .rightBlock .payBox #booking-form .text_center .btn_gold { margin-top: 10px; padding: 12px 20px }
    }
    #checkinStep00 { margin-bottom: 12px }
    .checkinPaymentBox span.text_gold { float: right }
    .checkinPaymentBox .btn_gold { float: right; clear: both }
    .chckinbox2 .entrycontent .doubleinput { width: 15% }
    .partyBookingWrapper .rightBlock .payBox .banktransferInvoice .printInvoice { display: inline-block; float: right; margin-bottom: 20px; text-align: right; width: auto; min-width: auto }
    .printInner { display: block }
    .invoice-row { width: 100%; display: inline-block }
    .invoice-row h2 { margin-bottom: 36px; padding-bottom: 30px }
    .invoice-row table { letter-spacing: 1px }
    .invoice-row table tr { border: 1px solid #ac9156; display: inline-block; margin: 0 0 12px; width: 100% }
    .invoice-row table td { padding: 6px 18px; text-align: left; display: inline-block; width: auto }
    .invoice-row table td:nth-child(2) { width: 24% }
    .invoice-row table td:nth-child(5) { width: 16% }
    .invoice-row table td:last-child { text-align: right; padding: 6px; float: right }
    .invoice-row table td span.name { color: #ac9156; padding: 0 10px 0 0 }
    .invoice-row table td a.order-details { font-weight: 300; font-size: 12px; text-decoration: underline }
    .invoice-row table td span.badgeOrange { text-transform: none; line-height: 17px }
    .invoice-row table td span.grey { background: #363636; line-height: 17px }
    .invoice-row table td a.pay-bttn { display: inline-block; background: #26252a; text-transform: uppercase; height: 48px; line-height: 48px; text-align: center; font-weight: 300; font-size: 11px; width: 180px }
    .order-left, .order-right { display: inline-block; width: 45%; padding: 20px 10px 0 }
    .order-left p, .order-right p { color: #fff; margin: 0; text-transform: uppercase; font-weight: 300 }
    table.order-table { width: 100%; display: inline-block }
    table..order-table>tbody>tr, table.order-table>tbody { display: block; width: 100% }
    table.order-table td { width: 43%; font-size: 12px; color: #fff; padding: 8px 0 0 }
    table.order-table tbody tr:first-child td { font-size: 14px; font-weight: 700; padding: 0 0 7px; color: #b3975b; border-bottom: 1px solid #b3975b }
    table.order-table tbody tr:last-child td { font-size: 12px; font-weight: 700; padding: 7 0 0; color: #b3975b; border-top: 1px solid #b3975b }
    #booking-form .ssl_text img { -webkit-filter: contrast(0) brightness(10); -moz-filter: contrast(0) brightness(10); filter: contrast(0) brightness(10); float: left; margin-right: 5px; width: 25px }
    .expiry_cvc .cvc, .expiry_cvc select { width: 31%; display: inline-block; margin: 0 12px 10px 0 }
    .expiry_cvc .cvc { margin: 0 0 10px }
    @media only screen and (max-width:1023px) {
        .invoice-row table td { width: 30% }
        .invoice-row table td:last-child, .invoice-row table td:nth-child(2), .invoice-row table td:nth-child(5) { float: none; width: calc() }
    }
    @media only screen and (max-width:979px) {
        .invoice-row table td { width: auto; display: table; clear: both; margin: 0 auto; text-align: center }
        .invoice-row table td:last-child, .invoice-row table td:nth-child(2), .invoice-row table td:nth-child(5) { float: none; width: auto; margin: 8px auto }
    }
    #google_translate_element .skiptranslate .goog-te-gadget-simple img.goog-te-gadget-icon { display: none }
    #google_translate_element .skiptranslate .goog-te-gadget-simple { background: 0 0; border: 0 solid #b3975b }
    #google_translate_element .skiptranslate .goog-te-gadget-simple span a.goog-te-menu-value>span { color: #b3975b !important; font-weight: 300; font-size: 12px; text-transform: uppercase }
    .goog-te-menu2 { background-color: #131218 !important; border: 1px solid #484848 !important; padding: 4px !important }
    .goog-te-menu2-item div, .goog-te-menu2-item:active div, .goog-te-menu2-item:link div, .goog-te-menu2-item:visited div { color: #fff !important; background: #131218 !important }
    .goog-te-menu-frame { box-shadow: none }
    .goog-te-menu2-item:hover div { color: #fff; background: #b3975b }
    ul.articles-row { width: 100%; display: inline-block }
    ul.articles-row li { width: calc(33.333% - 30px); float: left; list-style: none; border: 1px solid #b3975b; background: rgba(0, 0, 0, .2); padding: 20px; text-align: center; flex: 1 0 1px; margin: 0 15px 30px }
    ul.articles-row li h3 { display: block; margin: 0 0 20px; padding: 0; height: 52px }
    ul.articles-row li h3 a { color: #b3975b; text-transform: uppercase; font-size: 16px; font-weight: 400 }
    ul.articles-row li a.articles-img { width: 100%; display: block; margin: 0 0 20px; height: 200px; overflow: hidden }
    ul.articles-row li a.articles-img img { width: 100%; display: block }
    ul.articles-row li .content { width: 100%; display: block; min-height: 285px }
    ul.articles-row li .content p { color: #b3975b; font-size: 14px }
    ul.articles-row li:hover { background: rgba(0, 0, 0, .5) }
    @media only screen and (max-width:1199px) {
        ul.articles-row li a.articles-img { height: 170px }
    }
    @media only screen and (max-width:1023px) {
        ul.articles-row li { margin: 0 2px 10px; width: calc(34% - 12px); padding: 10px }
        ul.articles-row li h3 a { font-size: 14px }
        ul.articles-row li a.articles-img { height: 130px }
    }
    @media only screen and (max-width:767px) {
        ul.articles-row li h3 a { font-size: 12px }
        ul.articles-row li a.articles-img { height: 114px }
    }
    @media only screen and (max-width:639px) {
        ul.articles-row li { padding: 20px; width: 100%; margin: 0 0 20px }
        ul.articles-row li h3 a { font-size: 15px }
        ul.articles-row li a.articles-img { height: 184px }
        ul.articles-row li .content { min-height: auto }
    }
    .edit-profile { width: 100%; display: block }
    .edit-profile h2 { margin: 0 0 30px }
    .edit-profile .edit-block-left { width: 30%; float: left }
    .edit-profile .edit-block-right { width: 67%; float: right }
    .edit-block { width: 100%; float: left; display: block; background: rgba(0, 0, 0, .3); border: 1px solid #b3975b; padding: 15px; margin: 0 0 15px }
    .edit-block h3 { font-size: 15px; color: #b3975b; border-bottom: 1px solid #b3975b; padding: 0 0 5px; margin: 0 0 20px; text-transform: uppercase }
    .edit-block h3 span { text-transform: capitalize }
    .edit-block p { width: 100%; display: block; margin: 0 0 8px; padding: 0; color: #fff; font-size: 14px; font-weight: 400 }
    .edit-block p label { width: 45%; display: inline-block; color: #b3975b }
    .edit-block p a { color: #b3975b; text-decoration: underline }
    .edit-block .field_about { display: block; width: 100%; margin: 0 0 20px }
    .edit-block .field_about textarea { width: 100%; background: 0 0; border: solid #b3975b }
    .edit-block label { margin: 0 0 4px; display: block }
    .edit-block .edit-steps { width: 100%; display: block; float: left; margin: 15px 0 0 }
    .edit-block .edit-steps label { width: 20%; display: inline-block; float: left }
    .edit-block .edit-steps .steps-r { width: 80%; float: right }
    .edit-block .edit-steps p { width: auto; float: left; margin: 0 10px 10px 0 }
    .edit-block .edit-steps p label { width: auto }
    .edit-block .edit-steps .radioGold [type=radio]:checked+label::before, .edit-block .edit-steps .radioGold [type=radio]:not(:checked)+label::before { top: 3px }
    .edit-block .edit-steps .radioGold [type=radio]:not(:checked)+label::after, .radioGold [type=radio]:checked+label::after { top: 2px }
    .edit-block .edit-steps .steps-r select { width: 30% }
    .edit-block .edit-steps .steps-r.age label { width: 18%; margin: 0 20px 0 0 }
    .edit-block .edit-steps .steps-r.age select { width: 20% }
    .edit-block .edit-steps .steps-r.age { margin: 0 0 10px }
    .edit-block-right .edit-block ul.preferencesList.infos>li { width: auto; margin: 0 15px 0 0 }
    .edit-block .edit-steps .steps-r .edit-steps ul li { width: 29%; margin: 0 10px 10px 0; display: inline-block; vertical-align: top }
    .edit-block .edit-steps .steps-r ul li label { color: #fff }
    .edit-block button.save-change { float: right }
    .edit-block>.edit-block { border: 0 }
    .edit-block-left .change-password { width: 100%; display: block }
    .edit-block-left .change-password label { width: 100% }
    .edit-block.sexualPreferences .preferencesList li p label { font-size: 11px }
    @media only screen and (max-width:1199px) {
        .sexualPreferences .edit-steps label { float: none; width: 100% }
        .sexualPreferences .edit-steps .steps-r { float: none; padding-top: 20px; width: 100% }
    }
    @media only screen and (max-width:1023px) {
        .edit-profile .edit-block-left, .edit-profile .edit-block-right { float: none; width: 100% }
    }
    @media only screen and (max-width:767px) {
        .edit-block-right .dbDetails .edit-steps .steps-r.age label { width: 22%; margin: 0 12px 0 0 }
    }
    @media only screen and (max-width:639px) {
        .edit-block-right .dbDetails .edit-steps label { width: 15% }
        .edit-block-right .dbDetails .edit-steps .steps-r { width: 85% }
        .edit-block-right .edit-block .edit-steps .steps-r.age select { width: 25% }
        .edit-block-right .edit-block .edit-steps .steps-r.age #he_date, .edit-block-right .edit-block .edit-steps .steps-r.age #she_date { width: 17% }
    }
    @media only screen and (max-width:479px) {
        .edit-block-right .edit-block .edit-steps .steps-r, .edit-block-right .edit-block .edit-steps label { float: none; width: 100% }
        .dbDetails .edit-steps .steps-r, .edit-block-right .dbDetails .edit-steps label, .edit-block-right .edit-block .edit-steps .steps-r select { width: 100% }
        .edit-block-right .edit-block ul.preferencesList.infos>li { margin: 0 12px 0 0 }
        .edit-block-right .edit-block ul.preferencesList.infos>li:last-child { margin-right: 0 }
    }
    .image-upload { width: 100%; display: block }
    .profile-picture { width: 25%; float: left; margin: 30px 0 }
    .profile-picture h3 { font-size: 15px; font-weight: 400; letter-spacing: 1px; text-transform: uppercase; color: #a38553; margin: 0 0 20px }
    .profile-pic { margin: 0; display: block; overflow: hidden; width: 100%; border: 1px solid #a38553; padding: 10px; position: relative; }
    .profile-pic img { width: 100%; display: block }
    .profile-pic .profile_thumb { height: 150px; width: 100% }
    .profile-pic:after { position: absolute; content: ""; top: 0; left: 0; width: 100%; height: 40px; background: url(../images/approveico.png) 5% center no-repeat rgba(155, 125, 73, .6) }
    .profile-pic a.change-pic { position: absolute; left: 0; bottom: 0; padding: 3px 8px; color: #fff; background: rgba(155, 125, 73, .7); z-index: 9999999999; }
    .profile-pic a.change-pic:hover, .profile-pic a.rorate:hover, .profile-pic a.unlock:hover, .profile-pic.del-pic:hover { background: rgba(0, 0, 0, .4) }
    .profile-pic .del-pic { background: rgba(155, 125, 73, .7); border: 0; color: #fff; font-size: 14px; padding: 0 5px; position: absolute; right: 0; top: 0 }
    .profile-pic a.rorate, .profile-pic a.unlock { background: rgba(155, 125, 73, .7); bottom: 0; padding: 3px 8px; position: absolute; right: 0 }
    .profile-picture.upload-picture { float: right; width: 70% }
    .upload-picture ul { width: 100%; display: inline-block }
    .upload-picture ul li { width: 30.5%; display: inline-block; margin: 0 12px 12px 0 }
    .upload-picture ul li .profile-pic { width: 100% }
    .upload-picture ul li .profile-pic:after { display: none }
    .upload-bttn-box { width: auto; display: block; margin: 20px 0 0 }
    .upload-bttn-box button { margin: 0 10px 0 0 }
    .upload-bttn-box .upload_btn { display: inline-block; position: relative; margin-right: 10px }
    .upload-bttn-box .upload_btn input { opacity: 0; position: absolute; left: 0; top: 0; width: 1px; height: 1px }
    .edit-pic, .upload-btn-wrapper { position: relative; overflow: hidden }
    .upload-bttn-box .preview-image { margin-bottom: 20px; width: 177px }
    @media only screen and (max-width:1199px) {
        .upload-picture ul li { margin: 0 5px 12px; width: 29% }
        .upload-bttn-box button { margin: 0 5px 0 0 }
        .upload-bttn-box button:last-child { margin-right: 0 }
    }
    @media only screen and (max-width:979px) {
        .upload-bttn-box .btn_gold { font-size: 14px }
        .profile-pic .profile_thumb { height: 80px }
    }
    @media only screen and (max-width:767px) {
        .upload-picture ul li { width: 45% }
        .upload-bttn-box .btn_gold { font-size: 9px }
    }
    @media only screen and (max-width:479px) {
        .upload-picture ul li { width: 45% }
        .upload-bttn-box button { margin: 0 0 10px; width: 100% }
        .upload-bttn-box .upload_btn { display: block; margin-bottom: 15px; text-align: center; width: 100% }
        .upload-bttn-box .upload_btn .btn_gold { width: 100% }
    }
    #myModal2 .html5imageupload::after { bottom: 40%; color: #b3975b; font-size: 25px; left: 0; line-height: 35px }
    #myModal2 .html5imageupload { background-color: #121318; border: 1px dashed #b3975b }
    #myModal2 .html5imageupload .cropWrapper { background: #121318 }
    #myModal2 .modal-body { background: #000; border: 1px solid #4e4e4e }
    #myModal2 .modal-content { border: none }
    #myModal2 .cropWrapper+img { opacity: 0 }
    @media only screen and (max-width:767px) {
        #myModal2 .modal-content { margin: 0; width: 100% }
        #myModal2 #modaldialog { width: 100% !important }
        #myModal2 .html5imageupload::after { font-size: 17px; line-height: 24px }
    }
    .edit-pic { margin: 0; display: block; width: 100%; border: 1px solid #a38553; padding: 10px }
    .profile-picture p i.fa-info-circle { color: #a38553; font-size: 18px; font-style: italic; margin: 0 8px 0 0 }
    .upload-btn-wrapper { display: inline-block; width: 52% }
    .btn { border: 0; color: #a38553; width: 100%; background: rgba(0, 0, 0, .6); padding: 8px 20px; border-radius: 0; font-size: 16px; font-weight: 400; cursor: pointer }
    .upload-btn-wrapper input[type=file] { font-size: 100px; position: absolute; left: 0; top: 0; opacity: 0; cursor: pointer }
    .image-upload .profile-picture { width: 45% }
    .image-upload .profile-picture .edit-pic { width: 70% }
    .image-upload .profile-picture .edit-pic img { width: 100% }
    .image-upload .profile-picture.upload-picture { width: 50% }
    @media only screen and (max-width:767px) {
        .image-upload .profile-picture .edit-pic { width: 100% }
    }
    @media only screen and (max-width:639px) {
        .image-upload .profile-picture, .image-upload .profile-picture.upload-picture { width: 100% }
        .image-upload .profile-picture.imageEdit .edit-pic { width: 100% }
        .image-upload .profile-picture.imageUpload .upload-btn-wrapper { width: 100% }
        .image-upload .profile-picture.imageUpload button { font-size: 13px }
        .image-upload .profile-picture.imageEdit, .image-upload .profile-picture.imageUpload { width: 100% }
    }
    .contactWraper .heading { float: left; width: 20% }
    .contactWraper .filterContact { float: left; padding: 10px 30px 9px; width: 50% }
    .contactWraper .filterContact li { display: inline-block; font-size: .82em; margin-right: 10px; text-transform: uppercase }
    .contactWraper .filterContact li a { font-size: 10px }
    .contactWraper .contactBox { border: 1px solid #b3975b; float: left; padding: 30px; text-align: center; width: 20% }
    .contactWraper .contactBox h3 { color: #b3975b; margin-bottom: 15px; text-transform: uppercase }
    .contactWraper .contactBox .showall { display: inline-block; font-size: 16px; margin-bottom: 30px; text-decoration: underline }
    .contactWraper .contactBox li { display: inline-block; margin-left: -7px; margin-right: -7px; vertical-align: top; }
    .contactWraper .contactBox li .contactAvatar { border: 2px solid #c9c4ba; border-radius: 100%; height: 50px; width: 50px; overflow: hidden; object-fit: cover; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; }
    .contactWraper .profilewraper { display: flex; flex-flow: row wrap; padding: 0 30px; float: left; width: calc(100% - (23% + 30%)) }
    .contactWraper .profilewraper .profileBox { background: rgba(0, 0, 0, .5); border: 1px solid #b3975b; position: relative; padding: 10px; text-align: center; margin-right: -1px; margin-bottom: -1px; width: 33.3333% }
    .contactWraper .profilewraper .profileBox:hover { background: 0 0 }
    .contactWraper .profilewraper .profileBox h4 { overflow: hidden; text-overflow: ellipsis }
    .contactWraper .profilewraper .profileBox .closeProfile { color: #8f8f8f; font-size: 18px; position: absolute; right: 5px; top: 5px; cursor: pointer }
    .contactWraper .profilewraper .profileBox .contactAvatar, .contactAvatar { margin: 0 auto 15px; width: 100px; height: 100px; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; overflow: hidden; object-fit: cover; }
    .contactWraper .profilewraper .profileBox .contactAvatar img, .contactAvatar img { object-fit: cover; min-height: 100px; min-width: 100px; }
    .contactWraper .profilewraper .profileBox p strong { font-size: 12px }
    .contactWraper .profilewraper .profileBox .profileBtn { display: inline-block; border: 1px solid #fff; color: #b3975b; padding: 5px 20px; text-transform: uppercase; margin-bottom: 10px }
    .contactWraper .profilewraper .profileBox .profileBtn:hover { background: #b3975b; color: #fff }
    .contactWraper .profilewraper .norecord { border: 1px solid #b3975b; font-size: 26px; font-weight: 400; padding: 30px; text-align: center; width: 100% }
    .contactWraper .picoftheDay { border: 1px solid #b3975b; float: left; padding: 20px 30px; width: 100% }
    .contactWraper .picoftheDay h3 { margin-bottom: 10px }
    .contactWraper .picoftheDay .picofthedayimg { width: 100%; height: 200px }
    .contactWraper .picoftheDay .picofthedayslider .owl-buttons { position: absolute; top: 50%; width: 100% }
    .contactWraper .picoftheDay .picofthedayslider .owl-buttons div { font-family: FontAwesome; border: 1px solid #7e7e7e; border-radius: 4px; color: #7e7e7e; font-size: 10px; height: 20px; line-height: 16px; position: absolute; text-align: center; width: 20px }
    .contactWraper .picoftheDay .picofthedayslider .owl-buttons .owl-prev { left: -25px }
    .contactWraper .picoftheDay .picofthedayslider .owl-buttons .owl-next { right: -25px }
    .contactWraper .searchOuter { float: left; width: 30% }
    .contactWraper .searchOuter input[type=text] { float: left; width: calc(100% - 86px) }
    .contactWraper .searchOuter input[type=submit] { float: left; height: 40px }
    .paginationouter { padding: 30px 0 0; width: 100% }
    .contactWraper .contactMessage { float: left; margin-right: 3%; width: 67%; padding: 20px; border: 1px solid #b3975b }
    .contactWraper .contactMessage .messageBox { background: rgba(0, 0, 0, .5); display: table; padding: 10px; margin-bottom: 10px; position: relative; width: 100% }
    .contactWraper .contactMessage .messageBox:last-child { margin: 0 }
    .contactWraper .contactMessage .messageBox .closeMessage { color: #8f8f8f; font-size: 18px; position: absolute; left: 10px; top: 10px; cursor: pointer }
    .contactWraper .contactMessage .messageBox .messageAvatar { float: left; margin-left: 30px; margin-right: 20px; height: 80px; width: 80px; border-radius: 100%; overflow: hidden; object-fit: cover; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; }
    .contactWraper .contactMessage .messageBox .messageAvatar img { object-fit: cover; min-height: 80px; min-width: 80px; }
    .contactWraper .contactMessage .messageBox .messageContent { float: left; padding: 19px 10px 5px; width: calc(100% - (130px + 136px)) }
    .contactWraper .contactMessage .messageBox .btn_dark { margin: 20px 0 }
    .contactWraper .contactRight { float: left; width: 30% }
    .contactWraper .contactRight h3 { color: #b3975b; margin-bottom: 20px; }
    .contactWraper .contactRight h3 span { color: #fff }
    .contactWraper .contactRight .frndrequest { border: 1px solid #b3975b; padding: 10px 20px; background: rgba(0, 0, 0, .5); display: table; width: 100%; margin-bottom: 20px }
    .contactWraper .contactRight .frndrequest .mediumbgAvatar { float: left; margin-top: 10px }
    .contactWraper .contactRight .frndrequest .frndrequestContent { padding: 0 0 0 20px; float: left; width: calc(100% - 60px) }
    .contactWraper .contactRight .frndrequest .frndrequestContent small { display: block; margin-bottom: 14px }
    .contactWraper .contactRight .frndrequest .frndrequestContent button { float: left; margin-right: 10px; padding: 3px 15px }
    .contactWraper .contactRight .frndrequest .frndrequestContent button:last-child { margin: 0 }
    .contactWraper .contactRight .visitorBox { margin-bottom: 30px; padding: 0 15px }
    @media only screen and (max-width:1279px) {
        .contactWraper .profilewraper .profileBox { width: 50% }
        .contactWraper .contactBox { padding: 15px }
        .contactWraper .contactBox li:last-child { display: none }
    }
    @media only screen and (max-width:979px) {
        .contactWraper .contactBox, .contactWraper .picoftheDay, .contactWraper .profilewraper { width: 100%; margin-bottom: 20px }
        .contactWraper .profilewraper { padding: 0 }
        .contactWraper .profilewraper .profileBox { width: 33.3333% }
        .contactWraper .picoftheDay .picofthedayimg { height: 300px }
        .contactWraper .contactBox li:last-child { display: inline-block }
        .contactWraper .filterContact { padding: 10px 30px 9px }
        .contactWraper .contactRight .frndrequest .frndrequestContent button { margin-bottom: 5px; margin-right: 0; padding: 3px 15px; width: 100% }
    }
    @media only screen and (max-width:767px) {
        .contactWraper .contactMessage .messageBox .messageAvatar img { min-height: 100px; min-width: 100px }
        .contactWraper .heading { width: 30% }
        .contactWraper .filterContact { width: 70% }
        .contactWraper .searchOuter { width: 100%; float: none; display: table; margin-bottom: 20px }
        .contactWraper .contactMessage { width: 100%; float: none; margin: 0 0 30px }
        .contactWraper .contactRight { float: none; width: 100% }
        .contactWraper .contactRight .frndrequest .frndrequestContent button { width: auto; margin-right: 10px }
    }
    @media only screen and (max-width:639px) {
        .contactWraper .profilewraper .profileBox { width: 100% }
        .contactWraper .filterContact { padding: 10px 0; width: 100% }
        .contactWraper .filterContact li { font-size: .65em }
        .contactWraper .picoftheDay .picofthedayimg { height: 150px }
        .contactWraper .contactMessage .messageBox { text-align: center }
        .contactWraper .contactMessage .messageBox .messageAvatar { float: none; height: 100px; width: 100px; margin: 0 auto }
        .contactWraper .contactMessage .messageBox .messageContent { width: 100% }
        .contactWraper .contactMessage .messageBox .btn_dark { float: none; margin: 10px 0 }
    }
    .messageWraper { display: table; width: 100% }
    .popmessage-wrapper { border: 1px solid #b3975b; margin-right: 3%; width: 67%; float: left }
    .popmessage-wrapper ul, li { margin: 0; padding: 0; list-style: none }
    .popmessage-wrapper .inbox-left { border-right: 1px solid #b3975b; float: left; width: 33% }
    .popmessage-wrapper .inbox-left ul { height: 444px }
    .popmessage-wrapper .inbox-left h4 { padding: 5px 10px !important; margin: 0 !important }
    .popmessage-wrapper .inbox-left ul li .mediumbgAvatar { height: 50px; margin-right: 10px; width: 50px; float: left; object-fit: cover; border-radius: 100%; -moz-border-radius: 100%; -webkit-border-radius: 100%; overflow: hidden; }
    .popmessage-wrapper .inbox-left .searchContact { position: relative }
    .popmessage-wrapper .inbox-left .searchContact input { padding-left: 35px; border-left: none; border-right: none; background: 0 0 }
    .popmessage-wrapper .inbox-left .searchContact .fa { color: #7c7c7c; left: 12px; position: absolute; top: 12px }
    .popmessage-wrapper .inbox-left ul li a { display: block; padding: 15px 10px; cursor: pointer }
    .popmessage-wrapper .inbox-left ul li a img {    /*border-radius: 50%*/ object-fit: cover; min-height: 50px; min-width: 50px; }
    .popmessage-wrapper .inbox-left ul li a .conversation_text { color: #b3975b; overflow: hidden; position: relative; min-height: 50px }
    .popmessage-wrapper .inbox-left ul li a .conversation_text h5 { float: left; font-size: 14px; margin-bottom: 5px; text-transform: uppercase; margin-top: 0; padding-right: 10px; width: 70%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap }
    .popmessage-wrapper .inbox-left ul li a .conversation_text span.message_notification { background: #54b9d7; border-radius: 50%; color: #fff; font-size: 10px !important; font-weight: 700 !important; height: 25px; line-height: 25px !important; padding: 0 !important; position: absolute; right: 0; text-align: center; top: 23px; width: 25px }
    .popmessage-wrapper .inbox-left ul li { border-bottom: 1px solid #555 }
    .popmessage-wrapper .inbox-left ul li:last-child { border: none }
    .popmessage-wrapper .inbox-left ul li a .conversation_text .action-btns { float: right; width: 30%; text-align: right }
    .popmessage-wrapper .inbox-left ul li a .conversation_text .action-btns .fa { display: none !important }
    .popmessage-wrapper .inbox-left ul li a .conversation_text .action-btns span { margin: 0 5px; display: none !important }
    .popmessage-wrapper .inbox-left ul li a .conversation_text p { clear: left; color: #a2a2a2; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin: 0; font-size: 14px; line-height: 18px }
    .popmessage-wrapper .inbox-left ul li a:hover { background: #35343c }
    .popmessage-wrapper .inbox-left ul li.active a { border-left: 3px solid #b3975b; background: #35343c }
    .popmessage-wrapper .inbox-left ul li a:hover .action-btns .fa { display: inline-block !important; cursor: pointer }
    .popmessage-wrapper .inbox-left ul li a:hover .action-btns span { display: inline-block !important; cursor: pointer; float: right }
    .popmessage-wrapper .inbox-left ul li a:hover .action-btns time { display: none }
    .popmessage-wrapper .inbox-right-container { float: left; width: 67% }
    .popmessage-wrapper .inbox-right-container .view_header { border-bottom: 1px solid #b3975b }
    .popmessage-wrapper .inbox-right-container a { display: block; padding: 10px; color: #505050; word-break: break-all; }
    .popmessage-wrapper .inbox-right-container a .mediumbgAvatar { float: left; height: 40px; margin-right: 10px; width: 40px; object-fit: cover; border-radius: 100%; -moz-border-radius: 100%; -webkit-border-radius: 100%; overflow: hidden; }
    .popmessage-wrapper .inbox-right-container a .mediumbgAvatar img { object-fit: cover; min-height: 40px; min-width: 40px; }
    .popmessage-wrapper .inbox-right-container a .view_header_content { float: left; overflow: hidden }
    .popmessage-wrapper .inbox-right-container a .view_header_content h5 { color: #b3975b; font-size: 14px; margin-bottom: 5px; margin-top: 0 }
    .popmessage-wrapper .inbox-right-container a .view_header_content p { color: #858585; font-size: 13px; line-height: 16px; margin: 0 }
    .popmessage-wrapper .inbox-right-container .view_content .chat_wrapper { height: 313px; padding: 10px; position: relative; }
    .popmessage-wrapper .inbox-right-container .view_content .chat_wrapper.padding0 { padding: 0 !important; }
    .popmessage-wrapper .inbox-right-container .view_content time { color: #adadad; display: block; text-align: center; margin-bottom: 20px }
    .popmessage-wrapper .inbox-right-container .conversation { display: table; width: 100%; margin-bottom: 20px }
    .popmessage-wrapper .inbox-right-container .conversation.mysite .avatar .mediumbgAvatar, .popmessage-wrapper .inbox-right-container .conversation.othersite .avatar .mediumbgAvatar { height: 45px; width: 45px; object-fit: cover; border-radius: 100%; -moz-border-radius: 100%; -webkit-border-radius: 100%; overflow: hidden; }
    .popmessage-wrapper .inbox-right-container .conversation.mysite .avatar .mediumbgAvatar img, .popmessage-wrapper .inbox-right-container .conversation.othersite .avatar .mediumbgAvatar img { object-fit: cover; min-width: 45px; min-height: 45px; }
    .popmessage-wrapper .inbox-right-container .conversation.othersite .avatar { float: left; padding-right: 15px }
    .popmessage-wrapper .inbox-right-container .conversation.othersite .content { max-width: 70%; background: #37353a; border-radius: 20px; float: left; padding: 15px; position: relative }
    .popmessage-wrapper .inbox-right-container .conversation.othersite .content::before { border-color: #37353a #37353a transparent transparent; border-style: solid; border-width: 20px; content: ""; left: -20px; position: absolute; top: 0; z-index: -1 }
    .popmessage-wrapper .inbox-right-container .conversation.othersite .content p { margin: 0; word-break: break-all; }
    .popmessage-wrapper .inbox-right-container .conversation.othersite time { clear: both; display: block; text-align: left; margin: 0; padding-left: 77px; padding-top: 5px }
    .popmessage-wrapper .inbox-right-container .conversation.mysite .avatar { float: right; padding-left: 15px }
    .popmessage-wrapper .inbox-right-container .conversation.mysite .content { max-width: 70%; background: #0f0f0f; border-radius: 20px; float: right; padding: 15px; position: relative }
    .popmessage-wrapper .inbox-right-container .conversation.mysite .content::before { border-color: #0f0f0f transparent transparent; border-style: solid; border-width: 20px; content: ""; position: absolute; right: -20px; top: 0; z-index: -1 }
    .popmessage-wrapper .inbox-right-container .conversation.mysite .content p { margin: 0 }
    .popmessage-wrapper .inbox-right-container .conversation.mysite time { clear: both; display: block; text-align: right; margin: 0; padding-right: 77px; padding-top: 5px }
    .messageWraper .contactHeader .fa, .popmessage-wrapper.chatarea .inbox-left, .popmessage-wrapper.mobmsg .inbox-right-container { display: none }
    .popmessage-wrapper .inbox-right-container .view_content .message_send { border-top: 2px solid #b3975b; padding: 0 10px; position: relative }
    .popmessage-wrapper .inbox-right-container .view_content .message_send textarea { border: 1px solid #c5c5c5; height: 115px; margin: 10px 0; padding: 10px 10px 30px; resize: none; width: 100% }
    .popmessage-wrapper .inbox-right-container .view_content .message_send button.sendChat { background: 0 0; border: none; bottom: 12px; color: #b3975b; font-weight: 600; padding-bottom: 5px; position: absolute; right: 30px }
    .messageWraper .helpBox { background: #22222c; float: left; padding: 30px 20px; text-align: center; width: 30% }
    .messageWraper .helpBox h4 { color: #fff }
    .messageWraper .helpBox .mediumbgAvatar { margin: 30px auto; width: 100px; height: 100px }
    .messageWraper .helpBox a h4 { color: #b3975b }
    .popmessage-wrapper.mobmsg .inbox-left { border-right: 0 none; width: 100% }
    .popmessage-wrapper.chatarea .inbox-right-container { width: 100% }
    @media only screen and (max-width:1279px) {
        .popmessage-wrapper .inbox-left ul li a .mediumbgAvatar { height: 40px; width: 40px }
        .popmessage-wrapper .inbox-left { width: 40% }
        .popmessage-wrapper .inbox-right-container { width: 60% }
        .popmessage-wrapper { width: 75% }
        .messageWraper .helpBox { width: 22% }
        .popmessage-wrapper .inbox-left ul li a img { width: 40px; height: 40px; min-width: 40px; min-height: 40px; }
    }
    @media only screen and (max-width:979px) {
        .popmessage-wrapper { width: 100%; margin-right: 0; float: none }
        .messageWraper .helpBox { width: 100%; margin-top: 20px; float: none }
    }
    @media only screen and (max-width:767px) {
        .messageWraper .contactHeader .fa { background: #22222c; color: #b3975b; float: right; padding: 8px }
    }
    .tab { padding-bottom: 20px }
    .tab button:first-child { background: #131218; border: 1px solid #b3975b; border-radius: 6px 0 0 6px; padding: 5px 15px }
    .tab button:last-child { background: #131218; border: 1px solid #b3975b; border-radius: 0 6px 6px 0; margin-left: -5px; padding: 5px 15px }
    .tab button.active { background: #b3975b; color: #fff }
    #blur_modal { z-index: 8042 }
    .blur_mask { z-index: 8040 }
    .historyList { padding: 80px 0 0 100px }
    .historyList li { position: relative }
    .historyList li::before { border-left: 1px solid #b3975b; content: ""; position: absolute; left: -30px; top: 20px; height: 102% }
    .historyList li::after { content: ""; position: absolute; width: 20px; height: 20px; border-radius: 100%; background: #b3975b; left: -39px; top: 6px }
    .historyList span.year { display: inline-block; position: absolute; top: 0; font-size: 20px; left: -100px; color: #b3975b }
    .historyList li h3::before, .historyList span.year::after { content: ""; height: 1px; top: 14px; position: absolute }
    .historyList span.year::after { background: #b3975b; right: -20px; width: 20px }
    .historyList .historyContainer { display: table; padding: 20px; background: #22222c; border: 1px solid #383838; margin-bottom: 20px; width: 100% }
    .historyList li h3 { padding-bottom: 20px; color: #b3975b }
    .historyList li h3::before { background: #b3975b; width: 20px; left: -20px }
    .historyList .historyContainer p { float: left; width: calc(100% - 20%); padding-right: 30px; margin: 0 0 10px }
    .historyList .historyContainer .historyImage { height: 150px; float: right; width: 20% }
    .historyList .historyContainer.left p { float: right; padding-right: 0; padding-left: 30px; width: calc(100% - 20%) }
    .historyList .historyContainer.left .historyImage { float: left }
    .upgradeImages { background: rgba(0, 0, 0, .93); display: block; height: 100%; position: absolute; text-align: center; width: 100%; z-index: 1 }
    .upgradeImages h4 { font-weight: 900; line-height: 20px; padding-bottom: 7px; padding-top: 125px }
    .upgradeImages>h4 img { margin-right: 10px; width: 15px }
    .upgradeImages p { margin: 0 }
    .upgradeImages p a { display: inline-block; text-decoration: underline }
    .fancybox-wrap.fancybox-desktop.fancybox-type-inline.fancybox-opened { width: 40% !important }
    .fancybox-wrap.fancybox-desktop.fancybox-type-inline .fancybox-inner div[id^=inline] { width: 100% !important }
    .fancybox-wrap.fancybox-desktop.fancybox-type-inline .fancybox-inner { width: 100% !important; height: auto !important }
    .fancybox-wrap.fancybox-desktop.fancybox-type-inline .fancybox-nav span { visibility: visible }
    .fancybox-wrap .fancybox-prev { left: -13% !important ; width: 10% !important; }
    .fancybox-wrap .fancybox-next { right: -13% !important; width: 10% !important; }
    .hotshotWrapper .hotshotHeader { display: table; width: 100% }
    .hotshotWrapper .hotshotHeader .mediumbgAvatar { float: left; margin-right: 15px }
    .hotshotWrapper .hotshotHeader h4 { padding-top: 10px }
    .hotshotWrapper .hotshotHeader p { margin: 0 }
    .hotshotWrapper .hotshotbody { text-align: center; padding: 40px 0 }
    .hotshotWrapper .hotshotbody .border { padding: 15px; display: inline-block; border: 1px solid #b3975b; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px }
    .hotshotWrapper .hotshotbody .border div { height: 300px; margin: 0 auto; width: 250px }
    .hotshotWrapper .hotshotfooter { display: table; padding: 0 80px; width: 100% }
    .hotshotWrapper .hotshotfooter ul { float: left; padding-right: 10px }
    .hotshotWrapper .hotshotfooter li { display: inline-block; vertical-align: top; }
    .hotshotWrapper .hotshotfooter li .mediumbgAvatar { height: 35px; width: 35px }
    .hotshotWrapper .hotshotfooter .hotshotBtn { background: #b3975b; border: none; border-radius: 8px; color: #fff; display: inline-block; float: right; font-size: 13px; padding: 5px 15px; text-transform: uppercase; vertical-align: top }
    .fancybox-next span:before, .fancybox-prev span:before { font-family: FontAwesome; font-size: 40px; top: 0; color: #b3975b; visibility: visible; display: inline-block; }
    .hotshotWrapper .hotshotfooter .hotshotBtn img { width: 12px; vertical-align: top; margin-right: 10px; -webkit-filter: contrast(0) brightness(2); -moz-filter: contrast(0) brightness(2); filter: contrast(0) brightness(2) }
    .hotshotWrapper .hotshotfooter .hotshotBtn.active { background: #131218 }
    .fancybox-next span, .fancybox-prev span { background-image: none !important; position: relative }
    .fancybox-next span:before { position: absolute; content: "\f105"; right: 0 }
    .fancybox-prev span:before { position: absolute; content: "\f104"; left: 0 }
    @media only screen and (max-width:1279px) {
        .fancybox-wrap.fancybox-desktop.fancybox-type-inline.fancybox-opened { width: 50% !important }
    }
    @media only screen and (max-width:979px) {
        .fancybox-wrap.fancybox-desktop.fancybox-type-inline.fancybox-opened { width: 65% !important }
    }
    @media only screen and (max-width:767px) {
        .hotshotWrapper .hotshotHeader { padding: 15px }
        .hotshotWrapper .hotshotfooter { padding: 0 10px 20px; text-align: center }
        .hotshotWrapper .hotshotfooter ul { float: none; padding: 0 0 10px }
        .hotshotWrapper .hotshotfooter .hotshotBtn { float: none }
    }
    @media only screen and (max-width:639px) {
        .fancybox-wrap.fancybox-desktop.fancybox-type-inline.fancybox-opened { width: 90% !important; padding: 0 !important }
        .fancybox-wrap.fancybox-desktop.fancybox-type-inline .fancybox-prev { left: 0; width: 10% }
        .fancybox-wrap.fancybox-desktop.fancybox-type-inline .fancybox-next { right: 0; width: 10% }
        .hotshotWrapper .hotshotbody .border div { min-width: 217px; width: 100% }
        .hotshotWrapper .hotshotbody .border { padding: 0; border: none }
        .fancybox-close { right: 3px !important; top: 1px !important }
    }
    .hotshotBtn { background: #b3975b; border: none; border-radius: 8px; display: inline-block; padding: 5px 15px; text-transform: uppercase }
    .hotshotBtn img { filter: contrast(0) brightness(2); margin-right: 10px; vertical-align: top; width: 14px }
    .members_block #latestMembers .owl-controls .owl-buttons div { border: 1px solid #b3975b; border-radius: 2px; color: #b3975b; font-family: FontAwesome; height: 25px; line-height: 22px; padding: 0; width: 25px; text-align: center }
    .eventBox, .evnttitle { padding: 0 32px }
    .members_block #latestMembers .owl-controls { left: 0; position: absolute; top: -46%; width: 100%; text-align: right }
    .addressList li .fa, .error-alert, .members_block #latestMembers .item { text-align: center }
    .members_block #latestMembers .owl-controls .owl-buttons div, .members_block #latestMembers .owl-controls .owl-page { cursor: pointer; display: inline-block; float: none; margin: 0 5px }
    @media only screen and (max-width:639px) {
        .members_block #latestMembers .owl-controls { top: -56% }
    }
    .eventBox { height: 563px; margin-bottom: 30px; margin-top: 20px; overflow: hidden; width: 100% }
    .eventBox .eventimg { background-size: 100% auto !important; height: 100%; position: relative; transition: all 1s ease 0s; width: 100% }
    .eventBox .eventimg:hover { background-size: 110% auto !important }
    .eventBox .eventContent { background: rgba(0, 0, 0, .7); -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; left: 50%; padding: 50px; position: absolute; text-align: center; top: 50%; transform: translate(-50%, -50%); width: 50% }
    @media only screen and (max-width:1279px) {
        .eventBox .eventContent { width: 65% }
    }
    @media only screen and (max-width:979px) {
        .eventBox { height: 360px }
        .eventBox .eventContent { width: 95% }
    }
    @media only screen and (max-width:639px) {
        .eventBox, .evnttitle { padding: 0 }
        .eventBox { height: 220px }
        .eventBox .eventContent { border-radius: 0; height: 100%; width: 100%; padding: 20px 15px 0 }
        .eventContent h2 { font-size: 14px }
        .eventContent p { font-size: 12px }
    }
    ul.same_separate { padding: 0 0 0 20px; vertical-align: middle }
    ul.same_separate li { display: inline-block; margin-right: 20px }
    ul.same_separate li p { margin: 0 !important }
    p.swapinfo { color: #7b7b7b; font-style: italic; font-size: 13px; padding-top: 20px; display: table; width: 100%; clear: both }
    .partyBookingWrapper .box_boking .video { margin-top: 20px }
    .partyBookingWrapper .box_boking .video iframe { height: 124px; margin: 0 }
    @media only screen and (max-width:767px) {
        ul.same_separate { padding: 20px 0 0 }
        .partyBookingWrapper .box_boking .video iframe { height: 180px; margin: 0 }
    }
    @media only screen and (max-width:639px) {
        .partyBookingWrapper .box_boking .video iframe { height: 110px; margin: 0 }
    }
    .profilewraper .pagination a, .profilewraper .pagination strong { display: none }
    .profilewraper .pagination a[rel=prev], .profilewraper .pagination a[rel=next] { background: #b3975b; display: inline-block; width: 50px; margin-right: 2px }
    .profilewraper .pagination a[rel=next] { margin-right: 0 }
    .error-alert { border: 1px solid red; border-radius: 4px; color: red; margin-bottom: 30px; padding: 11px 10px }
    .addressList { padding-top: 20px }
    .addressList li { background: #22222c; margin-bottom: 5px; padding: 5px 25px 5px 10px; position: relative }
    .addressList li .fa { background: #b3975b; border-radius: 100%; cursor: pointer; font-size: 10px; height: 15px; line-height: 15px; position: absolute; right: 5px; top: 50%; transform: translateY(-50%); width: 15px }
    .pac-logo::after { background-image: none }
    .campanion, .inner.pastParty, .searchByUser #search_result ul { background: #131218 }
    .mapAddress { border: 1px solid #b3975b; margin-top: 20px; padding: 5px; height: 200px; width: 100% }
    .mapAddress iframe { border: none; display: block; margin: 0; width: 100%; height: 200px }
    .location_title { color: #b3975b; display: block; font-size: 19px; padding-top: 30px; text-transform: uppercase }
    @media only screen and (max-width:979px) {
        .addressList li { display: inline-block; margin-right: 1%; width: 49% }
        .addressList li:nth-child(2n) { margin-right: 0 }
    }
    @media only screen and (max-width:639px) {
        .addressList li { display: block; margin-right: 0; width: 100% }
    }
    .searchByUser { padding-bottom: 30px }
    .searchByUser h2 { border: none; display: inline-block; font-size: 18px; line-height: 40px; margin: 0; padding: 0 }
    .searchByUser .search_main { float: right; width: 50%; position: relative }
    .searchByUser #search_result { height: 250px; left: 0; overflow-y: auto; position: absolute; top: 100%; width: 100%; z-index: 2; }
    .searchByUser #search_result ul li { cursor: pointer; padding: 5px 10px }
    .inner.pastParty { border: 1px solid #42424c !important; padding: 10px 30px !important }
    .pastParty a { border-bottom: 1px solid #42424c; display: table; padding-bottom: 10px; width: 100%; margin-bottom: 10px }
    .pastParty .pastpartyList .pastLeft { float: left; width: 75%; padding-right: 10px }
    .pastParty .pastpartyList .pastLeft p { margin: 0 }
    .pastParty .pastpartyList .pastRight { float: right; width: 25% }
    .pastParty .pastpartyList .pastRight img { height: 45px; width: 100%; object-fit: cover; }
    .pastParty a:last-child { border: none; margin: 0; padding: 0 }
    .attendpartyavatar { padding-bottom: 30px }
    .attendpartyavatar li .mediumbgAvatar { height: 45px; width: 45px; overflow: hidden; object-fit: cover; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; }
    .attendpartyavatar li .mediumbgAvatar img { object-fit: cover; min-height: 45px; min-width: 45px; }
    .attendpartyavatar li { display: inline-block; margin: 0 3px; vertical-align: top; }
    .entrycontent .checkboxGold label { text-transform: none !important }
    .home_testimonial { font-family: times_new_romanitalic; font-size: 17px }
    .campanion { border: 1px solid #42424c; padding: 20px; width: 100%; display: block; margin-bottom: 30px; }
    .campanion:after { content: ""; display: table; clear: both; }
    .campanion div.campnBox { float: left; width: 50% }
    .campanion div.ladies { border-right: 1px solid #424242 }
    .campanion div .recentAvatar { border-radius: 100%; float: none; height: 60px; margin: 0 auto 10px; width: 60px; overflow: hidden; }
    .campanion div p { margin: 0; text-transform: capitalize }
    .campanion>h4 { color: #828282; margin-bottom: 20px }
    .hotshotbody a { position: absolute; width: 100%; height: 100%; text-align: right; left: 0; top: 0; color: #b3975b; font-size: 40px; padding: 30px }
    .hotshotbody .border { position: relative }
    .countdown { position: absolute; left: 5%; top: 2%; z-index: 9; }
    .countdown div, .countdown span { padding: 5px 10px; border: 1px solid #b3975b; background: #131218; margin: 0 -1px; display: inline-block; }
    .countdown span { background: #b3975b; color: #fff; }
    @media only screen and (max-width:767px) {
        .countdown { left: 5%; top: 4.5%; }
    }
    @media only screen and (max-width:479px) {
        .countdown { position: absolute; text-align: center; left: 50%; z-index: 9; width: 290px; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); transform: translateX(-50%); }
        .countdown .next { width: 100%; text-align: center; }
        .countdown div { font-size: 10px; }
    }

    /*############## 17-10-17 ############*/
    #gallerybox { z-index: 12; }
    .countdownWrapper { display: inline-block; }

    /*############### BLOG PAGE ############*/
    .blogWrapper { display: block; width: 90%; padding: 0 118px; }
    .blogWrapper:after { content: ""; display: table; clear: both; }
    .blogWrapper .blogHeading { margin-bottom: 30px; padding-bottom: 25px; }
    .blogLeft { width: 70%; float: left; }
    .blogLeft .blogList li { padding: 15px; width: 46%; display: inline-block; vertical-align: top; }
    .blogLeft .blogList .article { background: rgba(0, 0, 0, .5); border: 1px solid #b3975b; padding: 20px; }
    .blogLeft .blogList .article .imgcontainer { height: 170px; overflow: hidden; margin-bottom: 20px; }
    .blogLeft .blogList .article p { font-size: 16px; color: #b3975b; margin-bottom: 25px; }
    .blogLeft .blogList .article .category { display: block; padding-bottom: 15px; text-align: right; color: #848484; }
    .blogLeft .blogList .article .blogcontent { display: table; width: 100%; }
    .blogLeft .blogList .article .blogcontent h4 { text-transform: uppercase; color: #fff; margin-bottom: 10px; }
    .blogLeft .blogList .article .blogcontent .date { color: #848484; }
    .blogLeft .blogList .article .blogcontent .readMore { background: #333; padding: 5px 20px; display: inline-block; border-radius: 6px; float: right; color: #d2d2d2; }
    .blogRight { width: 30%; float: left; }
    .blogRight .widgetBox h2 { font-size: 20px; line-height: 22px; padding-bottom: 15px; margin-bottom: 20px; }
    .blogRight .widgetBox li { padding: 5px 0; }
    .blogRight .widgetBox li a { color: #d2d2d2; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; }
    .blogRight .widgetBox li a:hover { color: #b3975b; }

    /* -----BLOG DETAILS PAGE----- */
    .blogLeft .block { border: 1px solid #b3975b; width: 95%; padding: 15px 30px; margin-bottom: 30px; margin-right: 5%; }
    .blogLeft .block:last-child { margin-bottom: 0px; }
    .blogLeft .block span { display: block; color: #848484; margin-bottom: 10px; }
    .blogLeft .block h4 { text-transform: uppercase; color: #fff; margin-bottom: 10px; font-size: 22px; line-height: 24px; font-weight: bold; }
    .blogLeft .block h5 { color: #b3975b; margin-bottom: 10px; font-size: 18px; line-height: 24px; }
    .blogLeft .block p { color: #b3975b; }
    .blogLeft .block ul { display: block; padding: 20px 0 0; }
    .blogLeft .block ul:after { content: ""; display: table; clear: both; }
    .blogLeft .block ul li { float: left; width: 100%; height: 600px; overflow: hidden; margin: 0px 0px 15px 0px; border: 1px solid #0f0f0f; text-align: center; }
    .blogLeft .block ul li:last-child { margin: 0px; }
    .blogLeft .block ul li iframe { width: 100%; height: 100%; }
    .blogLeft .block ul li img { max-width: 100%; }
    @media only screen and (max-width:1200px) {
        .blogWrapper { width: 100%; }
    }
    @media only screen and (max-width:1100px) {
        .blogWrapper { padding: 0px 15px; }
    }
    @media only screen and (max-width:1024px) {
        .blogWrapper { padding: 0px 15px; }
    }
    @media only screen and (max-width:767px) {
        .blogLeft, .blogRight { width: 100%; }
        .blogRight { padding: 20px 0 0; }
        .blogLeft .block { width: 100%; margin: 0px; }
    }
    @media only screen and (max-width:639px) {
        .blogLeft .block ul li { margin: 0 0 10px; height: auto; }
        .blogLeft .block ul li img, .blogLeft .block ul li iframe { height: auto; }
    }
    @media only screen and (max-width:479px) {
        .blogLeft .blogList li { width: 100%; }
    }

    /*10-11-17----*/
    .content_wrapper .box_boking.review .inner { display: block; }
    .content_wrapper .box_boking.review .inner:after { content: ""; display: table; clear: both; }
    .content_wrapper .box_boking .list-unstyled .newtoday { margin-bottom: 0px; overflow: hidden; }
    .content_wrapper .box_boking .list-unstyled .newtoday:nth-child(2) { margin-bottom: 3%; margin-right: 0px; width: calc(100% - 43%); }
    .content_wrapper .box_boking .list-unstyled .newtoday:nth-child(3) { margin: 0px; width: calc(100% - 43%); position: relative; }
    .content_wrapper .box_boking .list-unstyled .newtoday:nth-child(2) a { margin-right: 0px; }
    .content_wrapper .box_boking .list-unstyled .newtoday:nth-child(2) a img { width: 100%; }
    .content_wrapper .box_boking .list-unstyled .newtoday:nth-child(3) a img { width: 100%; }
    .content_wrapper .box_boking .list-unstyled .newtoday a img { height: 100%; width: auto; max-width: inherit; margin: 0px; }
    @media only screen and (max-width:479px) {
        .content_wrapper .box_boking.review .inner { display: block; }
        .content_wrapper .box_boking.review .inner:after { content: ""; display: table; clear: both; }
        .tripple .newtoday:nth-child(1) { max-width: 250px; }
    }

    /*########### 27-11-17 ##########*/
    @media only screen and (max-width:979px) {
        .contactWraper .contactRight .frndrequest .mediumbgAvatar { width: 40px; height: 40px; }
        .contactWraper .contactRight .frndrequest .frndrequestContent { padding: 0 0 0 11px; width: calc(100% - 40px); }
        .contactWraper .contactRight .frndrequest .btn_dark { padding: 8px 5px; font-size: 10px; }
    }

    /*######################## 29-11-17 ###########################*/
    .counter_slider { position: absolute; top: 50%; width: 260px; max-height: 358px; overflow: hidden; left: 76%; -webkit-transform: translate(0%, -50%); -moz-transform: translate(0%, -50%); transform: translate(0%, -50%); }
    .counter_slider .counterBox { background: rgba(19, 18, 24, 0.8); padding: 20px; text-align: center; min-height: 395px; }
    .counter_slider .latestpartyImage { -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; overflow: hidden; width: 120px; height: 120px; margin: 10px auto; }
    .counter_slider .counter { padding: 10px 0; }
    .counter_slider .counter .count { display: inline-block; vertical-align: top; width: 37px; text-align: center; font-size: 12px; line-height: 16px; }
    .counter_slider .counter .count label { color: #b3975b; font-size: 9px; text-transform: uppercase; display: block; }
    .counter_slider .bookNow { background: #37393c; padding: 5px 20px; display: inline-block; border-radius: 6px; font-size: 15px; margin-top: 20px; color: #b3975b; text-transform: uppercase; }
    .counter_slider .counterBox h4 { color: #fff; font-size: 16px; text-transform: none; }
    .counter_slider .subhead { color: #b3975b; }
    .counter_slider .owl-controls { width: 100%; bottom: 0; padding:0; }
    .counter_slider .owl-controls .owl-page { width: 15px; height: 15px; background: #2d2f32; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; display: inline-block; vertical-align: top; margin: 0 3px; }
    .counter_slider .owl-controls .owl-page.active { background: #7e8185; }
    .midContainer { position: absolute; top: 45%; left: 50%; width: 970px; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
    .midContainer .transparent_box, .midContainer .counter_slider { position: static; transform: initial; float: left; }
    .midContainer .transparent_box { margin-right: 6px; max-height: 360px; overflow: hidden; }

    /************ Responsive *************/
    @media only screen and (max-width:979px) {
        .midContainer { width: 700px; }
        .midContainer .transparent_box { margin-right: 0; margin-bottom: 6px; }
        .midContainer .counter_slider { width: 100%; }
        .counter_slider .counterBox h4 { display: inline-block; }
        .counter_slider .latestpartyImage { margin: 10px 40px 10px 10px; float: left; }
        .countdowns { float: left; text-align: left; width: calc(100% - 172px); }
        .count_container { padding: 20px 140px 0; text-align: left; }
        .counter_slider .counterBox { min-height: inherit; }
    }
    @media only screen and (max-width:767px) {
        .midContainer .counter_slider { display: none; }
        .midContainer .transparent_box { width: 100%; }
        .midContainer { width: 100%; padding: 15px; -webkit-transform: inherit; -moz-transform: inherit; transform: inherit; position: static; }
        .count_container { padding: 20px 0px 0; margin: 0 auto; display: flex; justify-content: center; }
        .counter_slider .bookNow { margin-top: 10px; }
        .counter_slider .owl-controls { padding-top: 10px; }
        .counter_slider .latestpartyImage { margin-right: 20px; }
        .content_wrapper .ipad_background { height: auto; min-height: auto; }
        .countdowns { width: 34%; }
        .countdowns .info { display: block; }
    }
    @media only screen and (max-width:479px) {
        .countdowns { width: 66%; }
        .counter_slider .latestpartyImage { margin: 0 12px 0px 0px; float: left; width: 70px; height: 70px; }
        .counter_slider .bookNow { margin-top: 5px; font-size: 13px; }
    }

    /*########### 30-11-17##########*/
    @media only screen and (max-width:767px) {
        .videoslider .item img { min-height: 296px; }
        .videoslider .item h5 { font-size: 12px; padding: 5px 0 15px; }
        .videoslider .owl-controls { width: 100%; bottom: 0; padding: 10px 0 0; }
        .videoslider .owl-controls .owl-page { width: 10px; height: 10px; background: #2d2f32; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; display: inline-block; vertical-align: top; margin: 0 3px; }
        .videoslider .owl-controls .owl-page.active { background: #b3975b; }
    }
    @media only screen and (max-width:479px) {
        .videoslider .item img { min-height: 157px; }
    }
    #contactFrm h2 span { float: right; font-size: 13px; text-transform: uppercase; display: inline-block; }
    #contactFrm h2 span a { color: #b3975b; text-decoration: underline; }
    .contactusTeam .avatar_profile { position: relative; overflow: inherit; }
    .contactusTeam .avatar_profile img{-webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%;}
    .contactusTeam .avatar_profile span { background: #333; border-radius: 100%; text-align: center; line-height: 80px; height: 80px; left: -10px; opacity: 0; position: absolute; top: -10px; -webkit-transform: scale(0); -moz-transform: scale(0); transform: scale(0); -webkit-transition: all .3s ease-in 0s; -moz-transition: all .3s ease-in 0s; transition: all .3s ease-in 0s; width: 80px; z-index: 2; }
    .contactusTeam .avatar_profile:hover span { opacity: 1; transform: scale(1); }

    /*################## Testimonial ################*/
    .feedbackWraper .feedbackHeader { padding-bottom: 50px; }
    .feedbackWraper .feedbackHeader .feedbtn { background: #37393c; text-transform: uppercase; padding: 10px 20px; vertical-align: top; display: inline-block; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }
    .testimonialBlock { padding: 40px 0; border-top: 1px solid #b3975b; }
    .testimonialBlock .testiImage { width: 200px; height: 200px; overflow: hidden; display: inline-block; vertical-align: top; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; float: left; margin-right: 80px; }
    .testimonialBlock .testiImage img { min-height: 200px; min-width: 200px; -webkit-object-fit: cover; object-fit: cover; }
    .testimonialBlock .testicontent { float: left; width: calc(100% - 280px); }
    .testimonialBlock.reverse .testiImage { float: right; margin-right: 0; margin-left: 80px; }

    /********* Responsive **********/
    @media only screen and (max-width:767px) {
        .testimonialBlock .testiImage { width: 100px; height: 100px; margin-right: 50px; }
        .testimonialBlock .testicontent { width: calc(100% - 150px); }
        .testimonialBlock .testiImage img { min-width: 100px; min-height: 100px }
        .testimonialBlock.reverse .testiImage { margin-left: 50px; }
    }
    @media only screen and (max-width:479px) {
        .testimonialBlock { text-align: center; }
        .testimonialBlock .testiImage { float: none; margin: 0 auto 30px; }
        .testimonialBlock .testicontent { width: 100%; float: none; }
        .testimonialBlock.reverse .testiImage { float: none; margin: 0 auto 30px; }
    }

    /*################ Testimonial Popup ###############*/
    #feedbackFrm #feedbackPic { width: 0; height: 0; position: absolute; opacity: 0; }
    #feedbackFrm div .uplod { float: left; line-height: 40px; }
    #feedbackFrm div .btn_gold { float: right; }
    @media only screen and (max-width:479px) {
        #feedbackFrm div .uplod, #feedbackFrm div .btn_gold { float: none; }
        #feedbackFrm div .btn_gold { width: 100%; margin-top: 20px; }
    }

    /*########## Breadcrumb ########*/
    .breadcrump { display: inline-block; padding: 15px; background: #2b2b35; border-radius: 6px; margin-top: 30px; }
    .breadcrump a { display: inline-block; vertical-align: middle; color: #6f6f6f; padding-right: 10px; font-size: 15px; }
    .breadcrump a .fa { padding-right: 10px; }
    @media only screen and (max-width:479px) {
        .breadcrump { padding: 15px 10px; }
        .breadcrump a { font-size: 13px; padding-right: 5px;}
    }

    /*########### Notification Loader ##############*/
    .ajax-loader_msg { text-align: center; width: 100%; display: block; }
    .messageBoxes.load_more_msg { cursor: pointer; text-align: center; color: rgb(179, 151, 91); display: none; }

    /*################# 20-12-17 ###################*/
    .newsletterBox [type=checkbox]:checked, .newsletterBox [type=checkbox]:not(:checked) { position: absolute; left: -9999px }
    .newsletterBox [type=checkbox]:checked+label, .newsletterBox [type=checkbox]:not(:checked)+label { position: relative; padding-left: 1.95em; cursor: pointer }
    .newsletterBox [type=checkbox]:not(:checked)+label:before { content: ''; position: absolute; left: 0; top: 0; width: 1.25em; height: 1.25em; border: 1px solid #2c2c36; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px }
    .newsletterBox [type=checkbox]:checked+label:after, .newsletterBox [type=checkbox]:not(:checked)+label:after { content: '✔'; position: absolute; top: .1em; left: .3em; font-size: 1.3em; line-height: .8; color: #b3975b; transition: all .2s }
    .newsletterBox [type=checkbox]:not(:checked)+label:after { opacity: 0; transform: scale(0) }
    .newsletterBox [type=checkbox]:checked+label:after { opacity: 1; transform: scale(1) }
    .newsletterBox [type=checkbox]:checked+label:before { content: ''; position: absolute; left: 0; top: 0; width: 1.25em; height: 1.25em; border: 1px solid #b3975b; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px }
    .newsletterBox [type=checkbox]:checked+label { color: #b3975b }

    /*########## 21-12-17 ############*/
    form#langPopFrm li { display: inline-block; color: #b3975b; font-size: 18px; padding: 20px 20px 20px 0; }
    form#langPopFrm li input { margin-right: 10px; }
    .review .tripple>span.see_more_review { background: 0 0; bottom: 61px; height: 50px; line-height: 50px; cursor: pointer; right: 13%; width: 35%; font-size: 15px; background: #b3975b; }

    /*#############28-12-2017###########*/
    form.login_form { position: relative; }
    form.login_form > .fa { position: absolute; right: 10px; top: 10px; font-size: 20px; color: #b3975b; cursor: pointer; }

    /*#################### 02-1-18 ############*/
    span.entryDiscount { background: #b3975b; padding: 0 5px; border-radius: 30px; display: inline-block; font-size: 11px; font-weight: bold; }
    span.entryFinal { display: block; color: #b3975b; }

    /*##################04-01-2018##############*/
    .edit-block.full h4 { margin-bottom: 8px; }
    .edit-block.full p { color: #b3975b; }
    .edit-block.full h4 + p { margin-bottom: 25px; }
    .user_verify_icon { position: relative; float: left; padding-left: 30px; line-height: 26px; }
    .user_verify_icon .user-auth-ico { background: url(../images/user-auth.png) 0 0/contain no-repeat; display: block; height: 25px; position: absolute; left: 0px; top: 0; width: 25px; }

    /*###############05-01-2018#################*/
    #errorid { color: red; padding-bottom: 30px; display: block; }
    .campanion>h4 { margin-bottom: 0px; }
    a.add-me { background-color: #323234; border-radius: 5px; color: #fff; font-size: 14px; letter-spacing: 2px; line-height: 20px; padding: 10px; text-transform: uppercase; margin: 15px 0 0; float: left; width: 100%; }
    #campanion .campnBox .owl-carousel .owl-buttons { position: absolute; top: 20px; left: 0px; width: 100%; z-index: 8; }
    #campanion .campnBox .owl-carousel .owl-buttons .owl-prev, #campanion .campnBox .owl-carousel .owl-buttons .owl-next { position: absolute; background-color: #323234; border-radius: 4px; height: 25px; font-size: 0px; line-height: 22px; padding: 0; width: 25px; }
    #campanion .campnBox .owl-carousel .owl-buttons .owl-prev { left: 3px; }
    #campanion .campnBox .owl-carousel .owl-buttons .owl-next { right: 3px; }
    #campanion .campnBox .owl-carousel .owl-buttons .owl-prev:before { content: "\f104"; }
    #campanion .campnBox .owl-carousel .owl-buttons .owl-next:before { content: "\f105"; }
    #campanion .campnBox .owl-carousel .owl-buttons .owl-prev:before, #campanion .campnBox .owl-carousel .owl-buttons .owl-next:before { font-family: 'FontAwesome'; position: absolute; width: 100%; height: 100%; font-size: 16px; line-height: 22px; color: #757575; text-align: center; left: 0px; top: 0px; }
    @media only screen and (max-width:1050px) {
        #campanion .campnBox .owl-carousel .owl-buttons .owl-prev { left: 1px; }
        #campanion .campnBox .owl-carousel .owl-buttons .owl-next { right: 1px; }
    }
    @media only screen and (max-width:979px) {
        #campanion .campnBox .owl-carousel .owl-buttons .owl-prev { left: 5px; }
        #campanion .campnBox .owl-carousel .owl-buttons .owl-next { right: 5px; }
    }
    @media only screen and (max-width:479px) {
        .campanion div.ladies { border-bottom: 1px solid #424242; border-right: none; padding: 0 0 10px; margin: 0 0 10px; }
        .campanion div.campnBox { width: 100%; }
    }
    .campnBox  .recentAvatar img { width: 100px; height: 100px; object-fit: cover; }

    /*########## 08-01-18 ################*/
    header .nav-menu li .submenu li a { position: relative; display: inline-block; }
    header .nav-menu li .submenu li { width: 25%; }
    header .nav-menu li .submenu li .navpartycont { position: absolute; transform: translate(-50%, -50%); left: 50%; top: 50%; background: rgba(0, 0, 0, 0.5); width: calc(100% - 39px); padding: 15px 10px; height: 100%; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; transition: all 0.3s ease-in; }
    header .nav-menu li .submenu li:hover .navpartycont { background: rgba(0, 0, 0, 0.8); }
    header .nav-menu li .submenu li a span { display: inline-block !important; width: auto !important; font-family: Lato, sans-serif; font-weight: bold; letter-spacing: initial; }
    header .nav-menu li .submenu li a img { max-height: 173px; min-height: 172px; }
    header .nav-menu li .submenu li a span.partyTitle { display: block !important; overflow: hidden; padding: 8px 0 0; text-align: center; text-overflow: inherit; white-space: normal; width: auto; letter-spacing: initial; line-height: 17px; font-size: 13px; color: #b3975b; font-weight: bold; font-family: Lato, sans-serif; }
    header .nav-menu li .submenu li span.bookingDate { color: #fff; float: none; margin-left: 0; padding-right: 0; }
    header .nav-menu li .submenu li span.bookingLocation { border-left: 1px solid #fff; padding-left: 10px !important; display: inline-block !important; line-height: 11px; padding-top: 0 !important; margin-left: 6px; }
    header .nav-menu li .submenu li .bookpartybtn, header .nav-menu li .submenu li .reviewBtn { float: none; text-transform: uppercase; letter-spacing: initial; }
    header .nav-menu li .submenu li .navpartycont .btnarea { padding-top: 15px; display: block; }
    header .nav-menu li .submenu li .navpartycont .btnarea .entries { line-height: 13px; padding: 0; display: inline-block; vertical-align: middle; font-size: 11px; text-transform: none;}
    @media only screen and (max-width: 1279px){
    	header .nav-menu li .submenu li a span.partyTitle{font-size: 11px;}
    	header .nav-menu li .submenu li .navpartycont .btnarea .entries{font-size: 7px;}
    }
    /*############## 09-01-18 #############*/
    .submenu.cmsSubmenu li .navpartycont span { position: relative; transform: translate(-50%, -50%); left: 50%; top: 50%; width: 100% !important; text-align: center; color: #fff !important; }
    header .nav-menu li .submenu.cmsSubmenu li .navpartycont { background: rgba(0, 0, 0, 0); }
    header .nav-menu li .submenu.cmsSubmenu li a:hover .navpartycont { background: rgba(0, 0, 0, 0.5); }
    .partyMobileOuter { display: none; }

    @media only screen and (max-width:767px) {
        .partyMobileOuter { display: block; }
        .partyMobileOuter a { display: block; margin-bottom: 4px; }
        .partyMobile { position: relative; }
        .partyMobile img { width: 100%; opacity: 0.5; }
        .partyMobile .mobpartycontent { position: absolute; width: 90%; transform: translate(-50%, -50%); left: 50%; top: 50%; text-align: center; }
        .partyMobile .mobpartycontent h4, .partyMobile .mobpartycontent span { font-family: Lato, sans-serif; font-weight: bold; font-size: 15px; }
        .partyMobile .mobpartycontent h4 { font-size: 17px; }
        .partyMobile .mobpartycontent .date { display: inline-block; vertical-align: middle; }
        .partyMobile .mobpartycontent .location { color: #fff; text-transform: uppercase; line-height: 18px; vertical-align: middle; padding-left: 10px; margin-left: 7px; border-left: 1px solid #fff; display: inline-block; }
        .partyMobile .mobpartycontent .btnarea { padding-top: 13px; margin-top: 13px; position: relative; }
        .partyMobile .mobpartycontent .btnarea::before { position: absolute; top: 0; left: 50%; width: 150px; height: 1px; content: ""; background: #b3975b; margin-left: -75px; }
        .partyMobile .mobpartycontent .btnarea .discount { display: inline-block; vertical-align: middle; padding-right: 10px; }
        .partyMobile .mobpartycontent .btnarea button { background: #f60; border: none; border-radius: 3px; display: inline-block; font-size: 13px; padding: 5px 15px; text-transform: uppercase; font-weight: bold; }
        .partyMobile .mobpartycontent .btnarea .reviewBtn { background: #333 !important; color: #b3975b; }

        /*Advertise*/
        .advertMobileOuter { padding: 10px 0; }
        .advertMobileOuter > a { display: block; border-bottom: 1px solid #353535; }
        .advertMobileOuter .advertMobile { text-align: center; padding: 20px 30px; }
        .advertMobileOuter a:last-child { border: none; }
        .advertMobileOuter a:last-child .advertMobile { padding-bottom: 10px; }
        .advertMobileOuter .advertMobile h4 { padding-bottom: 10px; color: #fff; }
        .advertMobileOuter .advertMobile img { width: 100%; }
        .advertMobileOuter .advertMobile p span { color: #b3975b; padding-right: 2px; }
    }

    /*############ 12-01-18 ##############*/
    .profile_outer.clearfix.blankImage { height: 300px; }
    .chooseOne { padding: 10px; margin-bottom: 10px; border: 1px solid #b3975b; }
    .chooseOne p { margin: 0; color: #b3975b; text-transform: uppercase; }
    .addCard h2 { text-align: left; border: navajowhite; }
    .addCard p { color: #fff; }
    .addCard .stripeDt img { width: 50px; float: left; margin-right: 10px; vertical-align: middle; display: inline-block; margin-top: 4px; }
    .addCard .stripeDt { line-height: 18px; }
    .cardAcpt span img { width: 50px; margin: 0 5px; }
    .cardAcpt span { padding-left: 20px; }
    .addCard hr { border-bottom: 1px solid #454545; }
    .addCard h4 { font-weight: 700; font-family: Lato, sans-serif; }
    .addCard .namefield { background: #eee; padding: 5px 15px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; margin-bottom: 10px; }
    .addCard .namefield p { color: #333; margin: 0; }
    .addCard .namefield p span { display: inline-block; margin-left: 50px; }
    .addCard p.nomargin { margin: 0; font-family: Lato, sansarif; }
    .addCard p.nomargin strong { font-weight: 700; }
    .addCard .addCardbtn { display: inline-block; background: #b3975b; padding: 5px 15px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; text-transform: uppercase; margin-top: 15px; }
    @media only screen and (max-width:767px) {
        .cardAcpt span img { width: 38px; margin: 0 2px; }
    }
    @media only screen and (max-width:639px) {
        .cardAcpt span { padding-left: 0; display: block; }
    }

    /*################# 15-01-18 ################*/
    .intl-tel-input { position: relative; display: block !important; }
    input[type="tel"] { width: 100% !important; }
    .intl-tel-input input[type="tel"] { width: 100% !important; background: #303036; height: 40px; border: 1px solid #b3975b; }
    .intl-tel-input.allow-dropdown ul.country-list { position: absolute; left: 0; width: 100%; top: 42px; background: #22222c !important; color: #b3975b; overflow: auto !important; }
    .intl-tel-input.allow-dropdown .flag-container, .intl-tel-input.separate-dial-code .flag-container { width: 100% !important; }
    .intl-tel-input .country-list .flag-box, .intl-tel-input .country-list .country-name { color: #b3975b; }
    .mobileWrapperDiv { position: relative; }
    .mobileWrapperDiv .validated { position: absolute; top: 0; right: 0; height: 40px; background: #b3975b; border: none; padding: 0 15px; text-transform: uppercase; line-height: 40px;cursor: pointer;}
    .helpBox .titleIcon { display: block; text-align: left; position: relative; margin-bottom: 0; }

    /*.helpBox .titleIcon::before {
    position: absolute;
    left: 30px;
    top: 50%;
    height: 1px;
    width: calc(100% - 30px);
    background: #3f3f43;
    content: "";
    }*/
    .helpBox .titleIcon .fa { font-size: 20px; color: #515159; }
    .helpBox .titleIcon.rotate .fa { font-size: 30px; transform: rotate(90deg); margin-left: 5px; }
    .helpBox p { margin: 0; font-size: 14px; color: #96969e; text-align: left; }
    .helpBox p a { color: #b3975b; }
    .messageWraper .helpBox a h4 { color: #b3975b; font-weight: 700; font-family: Lato, sansarif; padding-bottom: 10px; text-align: center; }
    .messageWraper .helpBox { margin-bottom: 10px; }
    .messageWraper .helpBox + .helpBox { padding-top: 10px !important; }

    /*################## 29-01-18 ##################*/
    .popmessage-wrapper .inbox-right-container .view_content .message_send button.sendChat { background: 0 0; border: none; bottom: 19px; color: #b3975b; font-weight: 600; padding-bottom: 5px; position: absolute; right: 30px; }
    .message_send .upload-btn-wrapper { display: inline-block; width: auto; position: absolute; right: 60px; bottom: 18px; cursor: pointer; }
    .message_send .upload-btn-wrapper button { background: none; border: none; color: #b3975b; font-size: 18px; }

    /*##################01-02-2018####################*/
    .dImageWrapper { position: absolute; display: inline-block; background: rgba(0, 0, 0, 0.6); padding: 10px; transform: translate(-50%, -50%); left: 50%; top: 50%; color: #fff; }
    .downloadAnchor { position: relative; width: 100%; height: 100%; display: block; }

    /*################ 08-02-18 ##############*/    
    .btn_gold_normal { background: #b3975b; padding: 5px 40px; color: #fff; display: inline-block; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }
    .shop .btn_gold_normal { margin-bottom: 10px; }

    /*####################09-02-2018#################*/
    @media only screen and (max-width:639px) {
        .block_box iframe { height: 110px; margin-bottom: 0; }
    }

    /*################ 15-02-18 ##############*/

    /*.picuploderbox img {
    padding: 50px;
    background: #070709;
    }*/
    .register #Step_08 .picuploderbox .next { width: auto; right: 110px; padding: 1px 10px; background: #38363f; }
    .register #Step_08 .picuploderbox .next .fa { color: #b3975b; margin-left: 6px; }
    .register #Step_08 .btn_upload { background: none; border: none; cursor: pointer; padding: 8px; font-size: 16px; text-transform: none; color: #fff; min-width: inherit; }
    .register #Step_08 .picuploderbox { padding: 20px 0 0; position: relative; }
    .register #Step_08 .next { display: block; width: 250px; margin: 20px auto 0; padding: 9px 10px; background: #b3975b; color: #333; text-transform: uppercase; font-size: 20px; cursor: pointer; }

    /*##########20-02-2018################*/
    .#fof { display: block; position: relative; width: 100%; height: 529px; background: url("../images/404.png") top center no-repeat; line-height: 1.6em; text-align: center; }
    #fof .positioned { padding-top: 80px; }
    #fof .hgroup { margin-bottom: 20px; text-transform: uppercase; }
    #fof .hgroup h1 { margin-bottom: 0; font-size: 160px; line-height: 120px; }
    #fof .hgroup h2 { margin-bottom: 0; font-size: 80px; }
    #fof p { display: block; margin: 0 0 25px 0; padding: 0; font-size: 16px; }

    /*########### 404 NOT FOUND ############*/
    .notFound { border: 5px solid #b3975b; width: 400px; height: 400px; border-radius: 100%; text-align: center; position: absolute; left: 50%; top: 70%; transform: translate(-50%, -70%); }
    .notFound h1 { border: none; padding: 0; margin: 8rem 0 0; font-size: 20rem; font-weight: bold; line-height: 20rem; }
    .notFound span { font-size: 3rem; font-weight: bold; line-height: 3rem; text-transform: uppercase; }
    @media only screen and (max-width:767px) {
        .notFound { width: 220px; height: 220px; }
        .notFound h1 { margin: 6rem 0 0; font-size: 7rem; line-height: 7rem; }
        .notFound span { font-size: 1.5rem; line-height: 2rem; }
    }
    @media only screen and (max-width:479px) {
        .notFound { width: 280px; height: 280px; }
        .notFound h1 { margin: 8rem 0 0; font-size: 10rem; line-height: 10rem; }
        .notFound span { font-size: 2rem; line-height: 2rem; }
    }

    /*################### PROFILE STICKY BUTTON ################*/
    .stickyActionwrapper { display: none; }
    @media only screen and (max-width:767px) {
        .stickyActionwrapper { background: #131218; display: none; padding: 10px 10px 15px; position: fixed; top: 0; width: 100%; text-align: center; z-index: 9; }
        .memberoptions li { background: #2a2a31; border: 1px solid transparent; border-radius: 7px; display: inline-block; font-size: 11px; padding: 5px 8px; text-transform: uppercase; width: 32.4% }
        .memberoptions li a .fa { color: #c8c8d0; font-size: 15px }
        .memberoptions li a img { margin-right: 5px; width: 13px; -webkit-filter: contrast(0) brightness(1.5); -moz-filter: contrast(0) brightness(1.5); filter: contrast(0) brightness(1.5) }
        .memberoptions li:hover { border: 1px solid #b3975b }
        .btngoldenStick { width: 100%; padding: 8px 10px; color: #fff; background: #b3975b; text-transform: uppercase; text-align: center; display: block; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; }
    }

    /*################### 09-03-18 ######################*/
    .sitemapList > li { position: relative; }
    .sitemapList > li > ul { padding-left: 20px; padding-bottom: 10px; }
    .sitemapList li .siteTitle { color: #b3975b; padding-bottom: 10px; }
    .popmessage-wrapper .conversation.seeAllUpgrade { background: #353540; text-align: center; width: 100%; height: 100%; margin-bottom: 0 !important; padding: 40px 10px; position: absolute; left: 0; top: 0; }
    .popmessage-wrapper .conversation.seeAllUpgrade h3 { color: #b3975b; text-transform: uppercase; text-decoration: none !important; font-size: 16px; line-height: 33px; margin-bottom: 15px; }
    .popmessage-wrapper .conversation.seeAllUpgrade .upgardeButt { background: #1c1c26; display: inline-block; border-radius: 15px; color: #8d8d8d; text-transform: uppercase; line-height: 15px; padding: 10px 20px; text-decoration: none !important; }

    /*################ 14-03-18 ##############*/
    .footerLinks { padding: 10px 0; margin-top: 0; border-top: 1px solid #2c2b31; text-align: center; }
    .footerLinks li { display: inline-block; }
    .footerLinks li:last-child a { border: none; }
    .footerLinks li a { padding: 0 10px; text-transform: uppercase; border-right: 1px solid #2c2b31; line-height: 13px; font-size: 13px; color: #57565d; }
    .inner_pages .outer_wrapper, .inner_pages .main_outer { height: auto; min-height: calc(100% - 60px); }

    /*############### 19-03-18 #################*/
    .conversation.seeAllUpgrade h3 a { color: #b3975b; text-transform: uppercase; text-decoration: none !important; font-size: 20px; line-height: 33px; }
    .conversation.seeAllUpgrade { height: calc(100% - 30px); margin-bottom: 0 !important; padding: 50px 0; }

    /*###############23-03-2018####################*/
    .cmsImageWRapper { position: relative; }
    .cmsImageWRapper p { position: absolute; margin: 0; bottom: 30px; right: 30px; display: inline-block; z-index: 9; font-size: 14px !important; color: #b3975b; }
    .innerBanner.cmsImageWRapper p { color: #000 !important; }
    @media only screen and (max-width:767px) {
        .cmsImageWRapper p { bottom: 40px; right: 10px; font-size: 14px !important; }
        .home_testimonial { font-size: 13px; }
    }

    /*##########26-03-2018###############*/
    .ltspace { letter-spacing: 6px; }

    /*###############05-04-2018###############*/
    .successpage { background: #131218; width: 630px; padding: 30px; margin: 60px auto 0; text-align: center; font-size: 18px; border: 1px solid #b3975b; }
    @media only screen and (max-width:767px) {
        .successpage { width: 100%; padding: 20px; font-size: 16px; }
    }

    /*################ 11-04-18 #################*/
    .freememberwrapper { padding-top: 20px; }
    .freememberwrapper .leftContent { width: 55%; float: left; padding-right: 10px; }
    .freememberwrapper .leftContent .avatar { width: 80px; display: inline-block; height: 80px; overflow: hidden; border: 4px solid #b3975b; border-radius: 100%; float: left; }
    .freememberwrapper .leftContent .avatardetails { float: left; width: calc(100% - 80px); padding-left: 15px; padding-top: 8px; }
    .freememberwrapper .leftContent .avatardetails h3 { padding: 0; color: #b3975b; font-weight: 600; border: none; margin-bottom: 0; font-size: 16px; }
    .freememberwrapper .leftContent .avatardetails span { color: #fff; font-size: 16px; }
    .freememberwrapper .leftContent p { clear: both; color: #a8a8af; padding-top: 10px }
    .freememberwrapper .RightContent { width: 45%; float: left; }
    .freememberwrapper .RightContent .fileupload { background: #3a3a47; padding: 8px 9px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; line-height: 14px; cursor: pointer; display: inline-block; vertical-align: top; position: relative; }
    .freememberwrapper .RightContent .fileupload input { height: 0; width: 0; opacity: 0; position: absolute; left: 0; top: 0; }
    .freememberwrapper .RightContent .previewimgContainer { margin: 10px 0; }
    .freememberwrapper .RightContent .previewimgContainer .fa-check { color: #23ae1c; }
    .freememberwrapper .RightContent .previewimgContainer .fa-hourglass-3 { color: #b3975b; }
    .freememberwrapper .RightContent .previewimgContainer .fa-times { color: #f00; }
    .freememberwrapper .RightContent .previewimgContainer img { width: 60px; float: left; margin-right: 10px; }
    @media only screen and (max-width:767px) {
        .freememberwrapper .leftContent, .freememberwrapper .RightContent { width: 100%; float: none; padding-right: 0; }
        .freememberwrapper .RightContent .previewimgContainer img { width: 50px; }
    }

    /*################ 12-04-18 #################*/
    .UpgradSession { background: #b3975b; padding: 10px 30px; color: #fff; font-size: 18px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; margin: 0 auto 50px !important; box-shadow: 0 10px 10px rgba(0, 0, 0, 0.5); border: 1px solid #e0c281; display: inline-block; position: relative; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); transform: translateX(-50%); left: 50%; }
    .block-alert { background: #b3975b; padding: 10px 30px; color: #fff; font-size: 18px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; margin: 0 auto 50px !important; box-shadow: 0 10px 10px rgba(0, 0, 0, 0.5); border: 1px solid #e0c281; display: inline-block; position: relative; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); transform: translateX(-50%); left: 50%; }
    .btnUploadPic { background: #484242; padding: 12px 20px; cursor: pointer; display: inline-block; position: relative; font-size: 14px; text-transform: uppercase; }
    .btnUploadPic::before { position: absolute; content: ''; left: -4px; top: -5px; height: 120%; width: 105%; border: 1px solid #484242; border-radius: 4px; }
    #FrmStep_08 .btnUploadPic { margin: 0 10px; }
    @media only screen and (max-width:767px) {
        .btnUploadPic { padding: 10px 20px; font-size: 12px; }
        .btnUploadPic::before { left: -4px; top: -3.3px; }
    }
    @media only screen and (max-width:479px) {
        #FrmStep_08 .btnUploadPic { margin: 0 10px 20px; }
    }

    /*############### 19-04-18 ################*/
    .ajax-loader_chat { position: absolute; width: 100%; text-align: center; top: 26px; left: 0; z-index: 999; }
    .ajax-loader_chat span { color: #b3975b; font-size: 10px; display: block; }
    .popmessage-wrapper .inbox-right-container .view_content time { margin-bottom: 35px; }
    .chat_message { position: relative; display: block; }

    /*############### 24-04-18 ################*/
    .online_member { color: #24c942; margin: 0 8px; font-size: 12px; }
    @media only screen and (max-width:767px) {
        .online_member { color: #24c942; margin: 0 6px; font-size: 10px; }
    }

    /*############## 27-04-18 #############*/
    .block_box iframe.iframeHeight { height: 416px; margin-bottom: 50px; }
    .block_box iframe { margin-right: 0 }

    /*############## 08-05-18 ##############*/
    .contactpaginationouter strong{background-color: #ccc;}
    .contactpaginationouter a, .contactpaginationouter strong { border: 1px solid #b3975b; vertical-align: top; margin-right: -1px; width: 25px; height: 25px; display: inline-block; text-align: center; line-height: 25px; }
    .contactpaginationouter a[rel="prev"], .contactpaginationouter a[rel="next"] { background: #b3975b; display: inline-block; width: 25px; height: 25px; text-align: center; vertical-align: top; line-height: 25px; font-weight: bold; }
    .contactpaginationouter  a[rel=next] { margin-right: 0 }

    /*################# 08-05-18 ####################*/
    .hotshotfooter .mediumbgAvatar img { min-width: 35px; object-fit: cover; min-height: 35px; }
    @media only screen and (max-width:767px) {
        #profilePicsCarousel .item span { height: 280px; display: block; }
        .wrappercarouselprofile { position: relative; }
        #profilePicsCarousel .item { background: #0c0b0f; position: relative;}
        #profilePicsCarousel .hotshotfooter { padding: 15px 10px; text-align: center; }
        #profilePicsCarousel .hotshotfooter li{vertical-align: top;}
        #profilePicsCarousel .hotshotfooter .mediumbgAvatar img { min-width: 35px; object-fit: cover; min-height: 35px; }
        .wrappercarouselprofile .wrappercarouselprofilespan { display: inline-block; position: absolute; z-index: 99; right: 0; top: 0; padding: 5px; background: rgba(0, 0, 0, 0.5); }
        #profilePicsCarousel .item .request_otherprofile { position: absolute; width: 100%; height: 280px; text-align: center; line-height: 280px; color: #b3975b; font-size: 50px; }
        #profilePicsCarousel .item .requests, #profilePicsCarousel .item .confirms { position: absolute; background: #000; width: 100%; height: 100%; padding: 30px 10px; z-index: 9; text-align: center; }
        #profilePicsCarousel .item .requests h2, #profilePicsCarousel .item .confirms h2 { font-size: 16px; }
        #profilePicsCarousel .item .requests .btn_gold { margin: 0 5px; }
    }

/*######################### 10-05-18 #################*/
.counter_slider .countdowns span { font-size: 12px;}

/*################ 11-05-18 ########################*/
.box_large p { font-size: 20px; line-height: 32px;}
.box_large .text_gold p {font-size: 20px !important; letter-spacing: 1px; line-height: 30px;}

/*#################### 18-05-18 ###################*/
.innerBannerTitle::before{position: absolute; background: #fff; content: ""; left: 0; top: 0; height: 200px; width: 100%; -webkit-filter: blur(90px); -moz-filter: blur(90px);  filter: blur(90px); z-index: -1;}
.innerBannerTitle{position: absolute; z-index: 9;  text-transform: uppercase; left: 13%; font-weight: 400; top: 30%; width: 700px; display: inline-block; color: #000; font-size: 22px;}

.memberLeftpanel { float: left; width: 23%;}
.contactWraper .contactBox{width: 100%; float: none;}
#newsletter-carousel { margin-top: 30px;}
#newsletter-carousel .owl-item .item { background: #b3975b; text-align: center; padding: 15px; height: 410px; }
#newsletter-carousel .owl-item .item h3 { color: #000; text-transform: uppercase; }
#newsletter-carousel .owl-item .item h5 { color: #fff; text-transform: uppercase; margin-bottom: 15px; }

#newsletter-carousel .owl-item .item .aboutFooter h3 { color: #000;; text-transform: uppercase; margin:15px 0; font-family: times; font-size:16px; font-style: italic; font-weight:normal;}
#newsletter-carousel .owl-item .item .aboutFooter p { color: #000; margin: 0; font-style: italic; }
#newsletter-carousel .owl-item .item .itemAvatars { margin: 20px 0 30px;}
#newsletter-carousel .owl-item .item .itemAvatars div {  -webkit-box-shadow: 0 0 30px rgba(255,255,255,0.8); -moz-box-shadow: 0 0 30px rgba(255,255,255,0.8); box-shadow: 0 0 30px rgba(255,255,255,0.8);}

#member-search-frm .searchOuter input[type="submit"]{-webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;}

@media only screen and (min-width:980px) and (max-width: 1024px) {
    #newsletter-carousel .owl-item .item .aboutFooter h3{font-size: 13px;}
    #newsletter-carousel .owl-item .item{height: 410px;}
    .contactWraper .profilewraper{width: calc(100% - (25% + 30%));}
    .memberLeftpanel { float: left; width: 25%;}
}
@media only screen and (max-width:979px) {
    .innerBannerTitle { left: 10%; width: 80%; }
    .contactWraper .searchOuter input[type="text"] { float: left; width: calc(100% - 58px);}
    .memberLeftpanel{width: 100%; float: none;} 
    .contactWraper .contactBox{width: 50%; float: left; height: 380px;}
    #newsletter-carousel .owl-item .item{height: 380px}
    #newsletter-carousel{ float: right; width: 45%; margin-top: 0; margin-bottom: 30px; }
    #newsletter-carousel .owl-item .item .itemAvatars div { width: 120px !important; height: 120px !important;}
}
@media only screen and (max-width:767px) {  
    .innerBannerTitle { left: 5%; width: 90%; top: 5%; font-size: 16px; }
    .contactWraper .contactBox{width: 100%; float: left; height: inherit;}
    #newsletter-carousel{ float: none; width: 100%; margin-top: 0; margin-bottom: 30px; }
    #newsletter-carousel .owl-item .item{height: 410px}
    #newsletter-carousel .owl-item .item .itemAvatars div { width: 150px !important; height: 150px !important;}
}

/*################ 25-05-18 #################*/
#Step_03 .form_group label a { text-decoration: underline;}

.terms-modal .center h2 { font-size: 15px; }
.terms-modal .center p:blank, .terms-modal .center p:empty{display: none;}
.terms-modal > h2 { margin-bottom: 30px;}
.modal_container.big { width: 800px; background: #ebebeb; color: #333; border-radius: 10px; }
.modal_container.big .center { background: #fff; padding: 10px 15px; z-index: 999; }
.modal_container.big a{color: #b3975b; text-decoration: underline;}
.modal_container.big .form_group label { color: #333;}

@media only screen and (max-width:979px) {
    .modal_container.big { width: 740px; }
}

@media only screen and (max-width:767px) {
    .terms-modal { height: 80vh !important; }
    .modal_container.big { width: 100%; }
}

/*############# 28-05-18###############*/
#CybotCookiebotDialog { opacity: 0.9 !important; padding: 0 8px !important;}
#CybotCookiebotDialogPoweredbyLink { display: none !important; }
#CybotCookiebotDialogBodyContentTitle { color: #b3975b !important; }
#CybotCookiebotDialogBodyButtonAccept { background-color: #b3975b !important; border: 1px solid #b3975b !important; -webkit-border-radius: 5px !important; -moz-border-radius: 5px !important; border-radius: 5px !important; }

#CybotCookiebotDialog .CybotCookiebotDialogDetailBodyContentCookieContainerTypes { padding: 8px; cursor: pointer; background-color: #b3975b !important; border-bottom: 1px solid #98804e !important; border-right: 1px solid #98804e !important; border-left: none; display: block; text-decoration: none !important; color: #fff !important; opacity: 1; }
#CybotCookiebotDialog .CybotCookiebotDialogDetailBodyContentCookieTypeTable thead td { background-color: #b3975b !important; color: #fff !important; }
#CybotCookiebotDialog #CybotCookiebotDialogBodyContent{ padding-left: 0 !important }
#CybotCookiebotDialog #CybotCookiebotDialogBodyButtons{padding-left: 0 !important; margin-left: 0 !important;}
#CybotCookiebotDialog .CybotCookiebotDialogBodyButton{ margin-left: 0 !important; }

/*################# 29-05-18 ###################*/
.popupFooter { margin-top: 15px; border-top: 1px solid #444; padding-top: 10px; }
.popupFooter a { color: #444; margin-right: 20px; }
.popupFooter a img { margin-bottom: 4px; margin-right: 4px; }

/*############## jobs ##########*/
.jobs .box_large h2.allcaps { margin: 0; padding-bottom: 10px; }
.jobsForm h3 { color: #fff; }
.jobsForm p { display: inline-block; margin-right: 15px; font-size: 15px; }
.jobsForm p label { color: #fff; }
.jobsForm .formGroup { margin-bottom: 15px; padding: 0 10px; }
.jobsForm .formGroup.onethird { width: 33%; display: inline-block; }
.jobs .box_large hr { border-bottom: 1px solid #45434a; margin: 20px 0px 30px; }
.jobs .box_large p, .jobs .box_large .formGroup label, .jobs .box_large .formGroup h3{color: #b3975b}
.jobsForm .formGroup input, .jobsForm .formGroup textarea{ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }

.ui-widget-content { border: 1px solid #303030 !important; background: #060606 !important; color: #b3975b !important; }
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active { border: 1px solid #2b292e !important; background: #2b292e !important; font-weight: normal; color: #fff !important; }
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { border: 1px solid #b3975b !important; background: #b3975b !important; color: #fff !important; }
.ui-widget-header { border: 1px solid #2b292e !important; background: #2b292e !important; color: #b3975b !important; font-weight: bold; }

@media only screen and (max-width: 767px){
    .jobsForm #Step_10 p { width: 43%;}
    .jobsForm .formGroup.onethird {  width: 100%;  display: block;}
}

/*############## 30-05-18 #############*/
.cookieFooter { background: #000; position: fixed; width: 100%; bottom: 0; left: 0; text-align: center; height: 47px; line-height: 41px; color: #989898; z-index: 99}
.cookieFooter a { text-decoration: underline; color: #989898; }
.cookieFooter button { background: #333; border: none; line-height: 32px; padding: 0 60px; margin: 8px 20px; border-radius: 8px; color: #fff; text-transform: uppercase; text-transform: uppercase; display: inline-block; }
.cookie_body{overflow: hidden;}

.cookiemask { background: rgba(0, 0, 0, .9); height: 100%; left: 0; overflow-y: auto; overflow-x: hidden; position: fixed; top: 0; width: 100%; z-index: 10; display: none }
.cookie_container { background: linear-gradient(150deg, #0f0d12 0, #1b1b24 100%) rgba(0, 0, 0, 0); border: 1px solid rgba(158, 158, 158, .2); left: 50%; padding: 25px; position: absolute; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 700px; z-index: 11; display: none }
.cookie_container h2, .cookie_container h3 { border-bottom: 1px solid #b3975b; text-transform: uppercase }
.cookie_container .cookie_close { position: absolute; right: 26px; top: 26px; color: #b3975b; cursor: pointer; width: 20px; }
.cookie_container h2 { font-weight: 400; color: #b3975b; margin-top: 0 }
.cookie_container h3 { color: #fff; font-weight: 400; margin-bottom: 15px; padding: 0 40px 5px }
#cookie_modal { position: absolute; top: 4vh; transform: translate(-50%, 0%); width: 500px; background: #fff; color: #333; padding-bottom: 60px; }
#cookie_modal a{color: #333; text-decoration: underline;}
@media only screen and (max-width:979px) {
    .cookieFooter { height: 95px;}
    #cookie_modal {top: 0vh; width: 100%; padding-bottom: 95px;}
}

@media only screen and (max-width:767px) {
    .cookieFooter { height: 102px; line-height: 20px; text-align: center;  padding: 10px;}
    #cookie_modal {top: 0vh; width: 100%; padding-bottom: 120px;}
}

/*######################### 05-06-18 #####################*/
.formGroup.upload-bttn-box label[for="note"] {
    display: block;
    margin-bottom: 5px;
}
.formGroup.upload-bttn-box label.btn_gold {
    color: #fff;
}
/*################## 23-05-18 ####################*/
.memberRightpanel { width: 30%; float: left; }
.memberRightpanel .hotandnot { background: #000; border: 1px solid #b3975b; float: none; padding: 20px 30px; width: 100%; margin-top: 30px; }
.memberRightpanel .hotandnot .imgbox { padding: 20px 30px; }
.memberRightpanel .hotnotFooter{padding-top: 10px; text-align: center;}
.memberRightpanel .hotnotFooter .btn_grey { min-width: 100px !important; padding: 7px 10px; border-radius: 6px; vertical-align: middle; margin: 0 20px; }
.memberRightpanel .hotnotFooter .btn_grey img { height: 18px; padding-left: 5px; }

/*.memberRightpanel .hotandnot .imgbox .hotnotimg { height: 380px; background-position: center center; background-size: cover; background-repeat: no-repeat; }*/

@media only screen and (max-width: 1279px){
    .memberRightpanel .hotnotFooter .btn_grey{margin: 0 7px;}
}

@media only screen and (max-width:979px) {
    .memberRightpanel { width: 100%; float: none; }
    .contactWraper .picoftheDay{float: left;width: 48%;}
    .memberRightpanel .hotandnot{float: right; width: 48%; margin-top: 0;}
    .memberRightpanel .hotandnot .imgbox {padding: 20px 60px; max-height: 350px;  overflow: hidden;}
    .memberRightpanel .picoftheDay + .clearfix {display: none;}
}
@media only screen and (max-width:767px) {
  .contactWraper .picoftheDay{float: none;width: 100%;}
  .memberRightpanel .hotandnot{float: none; width: 100%; margin-top: 30px;}
  .memberRightpanel .hotandnot .imgbox{padding: 20px 0; text-align: center; max-height: inherit;}
  .memberRightpanel .hotnotFooter .btn_grey { margin: 0 5px;}
  .memberRightpanel { clear: both; }
}
/*##############15-06-2018###########*/
.fadeUpRemove{ animation:moveUp 5s; }
   @keyframes moveUp{
      from{ opacity: 1; top: 0; }
      to{ opacity: 0; top: -100%;  }
   }

/*######################## 21-06-18 ###################*/
.profile .left_block .addressList li{ background: transparent; padding: 5px 0;  }
.addressList li span img { margin-right: 5px;}
.allpartyhead{ color: #b3975b; padding-bottom: 5px; border-bottom: 1px solid #b3975b; margin-bottom: 5px; }

/*######################## 27-09-18 ###################*/
#videoslider .owl-buttons {position: absolute;top: 11%;right: 0;}
#videoslider .owl-buttons div {font-family: fontawesome;color: #5a575e;border: 1px solid #5a575e;display: inline-block;width: 15px;height: 15px;line-height: 15px;margin: 0 3px;}

.innerBanner .video iframe { width: 100%; min-height: 100%; object-fit: cover; position: absolute; }
.innerBanner .video { position: relative; height: 500px; }
@media only screen and (max-width:979px) {
    .innerBanner .video { position: relative; height: 100%; }
}



/*##################### 06-12-18 NEW BLOG DESGIN ###################*/
.blogBanner .blogbannerContent { position: absolute; font-family: 'Freight Big Pro'; width: 90%; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 1; text-align: center; padding: 0 190px; }
.blogBanner .blogbannerContent p { position: static; display: block;  color: #fff !important; font-size: 18px !important; }
.blogBanner .blogbannerContent h1 { color: #fff;  border: none; text-transform: none; font-size: 35px; font-weight: normal; position: relative; padding-bottom: 15px; }
.blogBanner .blogbannerContent h1::before { position: absolute; width: 100px; height: 1px; background: #b3975b; left: 50%; bottom: 0px; content: ""; -webkit-transform: translateX(-50%); transform: translateX(-50%); }
.blogBanner .blogbannerContent .readMore { display: inline-block; border: 1px solid #b3975b; padding: 11px 70px; border-radius: 4px; margin-top: 20px; color: #b3975b; font-weight: bold; font-size: 20px; text-transform: uppercase; }
.blogBanner .blogbannerContent .readMore:hover { background: #b3975b; color: #fff; }

.blogBoxWrapper{ background: #f1f1f1; padding: 30px 0; color: #333}
.blogBoxWrapper .title { color: #333; text-align: center; position: relative; padding-bottom: 10px; }
.blogBoxWrapper .title::before { position: absolute; content: ""; left: 50%; transform: translateX(-50%); background: #333; height: 1px; width: 80px; bottom: 0; }

.BoxWrapper { display: flex; padding-top: 80px; flex-flow: row wrap; align-items: stretch; }
.BoxWrapper .boxCard { width: 45%; margin: 0 20px; margin-bottom: 40px; background: #fff; }
.BoxWrapper .boxCard .boxImage{ width: 100%; height: 250px; position: relative;  }
.BoxWrapper .boxCard .boxImage img{ width: 100%; height: 100%; object-fit: cover; }
.BoxWrapper .boxCard .boxContent { background: #fff; padding: 20px 30px; text-align: center; }
.BoxWrapper .boxCard .boxContent .desc { height: 100px; overflow: hidden; position: relative; }
.BoxWrapper .boxCard .boxContent .desc::before { position: absolute; content: ""; left: 0; bottom: 0; width: 100%; background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%); background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%); background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0); height: 120px; }
.BoxWrapper .boxCard .boxContent .desc p {font-weight: normal;  color:rgba(0, 0, 0, .6) !important; font-size: 15px;}
.BoxWrapper .boxCard .boxContent .readMore {font-family: 'Freight Big Pro'; font-weight: 500; color: #b3975b; margin: 30px 0 20px; display: inline-block; border: 1px solid #b3975b; padding: 10px 50px; border-radius: 4px; font-size: 16px; text-transform: uppercase; }
.BoxWrapper .boxCard .boxContent .readMore:hover { background: #b3975b; color: #fff; }
.BoxWrapper .boxCard .boxContent .boxTitle { font-size: 30px; line-height: 35px; margin-top: 8px; position: relative; padding-bottom: 7px; font-family: 'Freight Big Pro'; font-weight: normal; color: #000; }
.BoxWrapper .boxCard .boxContent .boxTitle::before { position: absolute; content: ""; width: 70px; height: 1px; background: #333; left: 50%; bottom: 0; transform: translateX(-50%); }


@media only screen and (max-width:1279px) {
    .BoxWrapper .boxCard {  width: 45%; margin: 0 17px 40px;}
}

@media only screen and (max-width:979px) {
    .BoxWrapper .boxCard { width: 100%; margin: 0 100px 40px; }
    .blogBanner .blogbannerContent { padding: 0;}
}
@media only screen and (max-width:767px) {
    .blogBanner { height: 300px; }
    .blogBanner .blogbannerContent { width: 90%;}
    .blogBanner .blogbannerContent h1 { font-size: 20px; }
    .blogBanner .blogbannerContent p { font-size: 15px !important; width: 100%; overflow: hidden; height: 25px; text-overflow: ellipsis; white-space: nowrap; }
    .blogBanner .blogbannerContent .readMore { padding: 8px 50px; }
    .BoxWrapper .boxCard { width: 100%; padding: 0; margin: 0 0px 40px; }
    .BoxWrapper .boxCard .boxContent .boxTitle { font-size: 20px; line-height: 20px }
}


/*################# BLOG DETAILS #####################*/
.innerBanner.cmsImageWRapper.blogBanner.blogDetailsBanner { height: 350px;}
.blogBanner .scrollable::before { position: absolute; content: ""; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); }
.blogBoxWrapper.blogDetails { padding-top:0px; background: #fff !important;}
.blogBoxWrapper.blogDetails a{ color: #b3975b; }
.blogBoxWrapper.blogDetails .breadcrump {margin:20px 0 80px; padding: 15px 0; background: none;}
.blogBoxWrapper.blogDetails .breadcrump a {color: #b3975b;}
.blogBoxWrapper.blogDetails h1 { border: none; text-align: left; text-transform: none; margin-bottom: 50px; font-family: 'Freight Big Pro'; font-weight: normal; font-size: 55px;}
.blogBoxWrapper.blogDetails h1:before{display: none;}
.blogBoxWrapper.blogDetails h4 {color: #000; font-size: 23px; text-transform: none; font-family: 'Freight Big Pro'; font-weight: normal; margin-bottom: 20px; }
.blogBoxWrapper.blogDetails h3 {font-size: 21px; font-family: 'Freight Big Pro'; font-weight: normal; color: #000;}
.blogBoxWrapper.blogDetails p { color: rgba(0, 0, 0, .6) !important;  letter-spacing: 0; font-size: 15px !important; line-height: 1.85; font-weight: 400 !important; }
.blogBoxWrapper.blogDetails .Blogvideo, .blogBoxWrapper.blogDetails .blogImg { padding: 50px 0;}
.blogBoxWrapper.blogDetails .Blogvideo iframe { width: 100%; height: 400px;}
.blogBoxWrapper.blogDetails h2 { font-size: 30px;}

.newsCarouselWrapper { margin-top: 80px; background: #f1f1f1; padding: 20px; }
.newsCarouselWrapper h2 { margin-bottom: 10px; font-family: 'Freight Big Pro';  }
.newsCarouselWrapper .item { padding: 0 10px; }
.newsCarouselWrapper .item .artBox { background: #f7f7f7; color: #333; }
.newsCarouselWrapper .item .artImg { height: 150px; overflow: hidden; position: relative; }
.newsCarouselWrapper .item .artImg img { height: 100% !important; width: 100% !important; object-fit: cover; margin: 0; }
.newsCarouselWrapper .item .artContent { padding: 15px; background: #fff; height: 109px; position: relative;}
.newsCarouselWrapper .item .artContent h5 { margin: 0; font-size: 14px; font-weight: bold; color: #b3975b; margin-bottom: 8px; }
.newsCarouselWrapper h2 a { color: #b3975b; font-size: 18px; float: right; line-height: 50px; }
.newsCarouselWrapper .item .artContent p { margin: 0; }
.newsCarouselWrapper .item .artContent::before { position: absolute; content: ""; background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%); width: 100%; height: 72px; bottom: 0; left: 0; }
.blogBoxWrapper.blogDetails img, .blogBoxWrapper.blogDetails iframe { margin: 40px auto; display: block; width: 90% !important;}
.blogBoxWrapper.blogDetails img{ height: inherit !important;  margin: 40px auto;}
.blogBoxWrapper.blogDetails iframe{ height: 420px !important;}


.blogBoxWrapper.blogDetails p img.smImg { width: 30% !important; margin: 0px 40px 20px 0px !important;}


@media only screen and (max-width: 1279px){
    .blogBoxWrapper.blogDetails iframe{ height: 374px !important;}
}

@media only screen and (max-width: 979px){
    .blogBoxWrapper.blogDetails iframe{ height: 310px !important;}
    .blogBoxWrapper.blogDetails .breadcrump {margin: 20px 0 30px;}
    .blogBoxWrapper.blogDetails h1{font-size: 26px; margin-bottom: 20px;}
}

@media only screen and (max-width: 767px){
    .blogBoxWrapper.blogDetails iframe{ height: 215px !important;}
    .blogBoxWrapper.blogDetails img, .blogBoxWrapper.blogDetails iframe { width: 100% !important;}
    .blogBoxWrapper.blogDetails .breadcrump {margin: 20px 0 20px;}
    .blogBoxWrapper.blogDetails h1{font-size: 20px; margin-bottom: 20px;}
    .blogBoxWrapper.blogDetails h4{font-size: 17px;}
    .newsCarouselWrapper h2{font-size: 17px !important;}
    .newsCarouselWrapper h2 a{font-size: 14px; line-height: 26px;}
    .blogBoxWrapper.blogDetails img{ margin: 0 auto; display: block; width: 100% !important; height: auto !important;}
}


/*################# 11-12-18 (CMS MODIFY BACKGROUND N FONTS STYLE) ################*/
.innerPage.cmsWhite .narrow, .innerPage.blogBoxWrapper .narrow { padding: 0 190px !important;}
.inner_pages .main_outer .innerPage.cmsWhite {padding: 0 0 50px;}
.innerPage.cmsWhite  {background: #fff; color: #333; }

.innerPage.cmsWhite .breadcrump { margin: 20px 0 80px; padding: 15px 0; background: none;}
.innerPage.cmsWhite .breadcrump a { color: #b3975b; }
.innerPage.cmsWhite .box_large h1 { font-family: 'Freight Big Pro'; font-weight: normal; color: #000; font-size: 55px; border-bottom: 1px solid #333; font-style: normal; text-transform: none; }
.innerPage.cmsWhite .box_large h3 { font-family: 'Freight Big Pro'; font-weight: normal; color: #000; font-size: 55px; border-bottom: 1px solid #333; font-style: normal; text-transform: none; }
.innerPage.cmsWhite .text_gold, .innerPage.cmsWhite p { color: rgba(0, 0, 0, .6) !important; letter-spacing: 0; font-size: 15px !important; line-height: 1.85; font-weight: 400 !important; }
.innerPage.cmsWhite p a {color: #b3975b;}
.innerPage.cmsWhite .box_large h2 { font-size: 18px !important; margin: 0;}
.innerPage.cmsWhite .block_box h3 { text-transform: none; font-family: 'Freight Big Pro'; padding-bottom: 10px; font-weight: normal; font-size: 45px; font-style: normal; }
.innerPage.cmsWhite p span{ font-size: inherit !important; }
.innerPage.cmsWhite .cmsImageWRapper img { margin: 0; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; backface-visibility: hidden;}
.innerPage.cmsWhite .cmsImageWRapper span { margin: 0 auto 40px; width: 90%; display: block; position: relative; overflow: hidden;}
.innerPage.cmsWhite .cmsImageWRapper span:hover img{transform: scale(1.1);}
.innerPage.cmsWhite .imgbanner_alttag { margin: 0; float: right; font-family: 'Arial Narrow'; padding-top: 5px; color: rgba(179, 151, 91, .5) !important; font-size: 12px !important;}
/*.innerPage.cmsWhite .cmsImageWRapper span::before { position: absolute; content: ""; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); z-index: 1; }*/
.innerPage.cmsWhite .cmsImageWRapper p { right: 41px; bottom: -26px; font-family: 'Arial Narrow'; color: rgba(179, 151, 91, .5) !important; font-size: 12px !important;}
.innerPage.cmsWhite .block_box.reverse .cmsImageWRapper p {left: auto; right: 0; bottom: 10px; position: static; text-align: right;}
.innerPage.cmsWhite .block_box .cmsImageWRapper p { color:rgba(179, 151, 91, .5) !important; margin-top: 6px; margin-bottom: 6px; position: static !important; margin-bottom: 6px; display: block;}
.innerPage.cmsWhite .block_box .cmsImageWRapper span { margin: 0px;}

.innerPage.cmsWhite .box_large iframe { height: 272px; margin-top: 0; margin-bottom: 40px; width: 90%; margin: 0 auto 40px; display: block; }
.innerPage.cmsWhite .box_large .cmsImageWRapper iframe + p {right: 40px; bottom: -30px;}
.innerPage.cmsWhite .box_large h4 { color: #000; font-size: 23px; text-transform: none; font-family: 'Freight Big Pro'; font-weight: normal; margin-bottom: 40px; }


@media only screen and  (max-width: 1279px){
    .innerPage.cmsWhite .narrow, .innerPage.blogBoxWrapper .narrow  { padding: 0 90px !important;}
    .innerPage.cmsWhite .container, .innerPage.blogBoxWrapper .container{ max-width: 90%;}
    .innerPage.cmsWhite .box_large iframe{height: 240px;}
}
@media only screen and  (max-width: 979px){
    .innerPage.cmsWhite .narrow, .innerPage.blogBoxWrapper .narrow  { padding: 0 40px !important;}
    .innerPage.cmsWhite .box_large iframe{height: 200px;}  
    .innerPage.cmsWhite .block_box.reverse .cmsImageWRapper p{left: auto;}  
}
@media only screen and  (max-width: 767px){
    .innerPage.cmsWhite .narrow, .innerPage.blogBoxWrapper .narrow  { padding: 0 15px !important;}
    .innerPage.cmsWhite .container, .innerPage.blogBoxWrapper .container{ max-width: 100%;}
    .innerPage.cmsWhite .box_large iframe{height: 118px; width: 100%;} 
    .innerPage.cmsWhite .box_large .cmsImageWRapper iframe + p{right: 0;}
    .innerPage.cmsWhite .cmsImageWRapper p{right: 18px}
    .innerPage.cmsWhite .block_box .cmsImageWRapper span{width: 100%;}


    .innerPage.cmsWhite .breadcrump{margin: 20px 0 20px;}
    .innerPage.cmsWhite .box_large h1{font-size: 18px; margin-bottom: 30px; padding-bottom: 30px;}
    .innerPage.cmsWhite .box_large h4{font-size: 16px;}
    .block_box iframe.iframeHeight { height: auto; margin-bottom: 20px;}
    .innerPage.cmsWhite .block_box .cmsImageWRapper img { margin-bottom: 0px; width: 100%;}
    .block_box.reverse iframe, .block_box.reverse .cmsImageWRapper { float: left; margin-left: 0; margin-right: 25px;}
    .block_box.reverse .cmsImageWRapper img{width: 100%;}
    .innerPage.cmsWhite .block_box h3{font-size: 25px;}
    .innerPage.cmsWhite .block_box .cmsImageWRapper p, .innerPage.cmsWhite .block_box.reverse .cmsImageWRapper p {padding-top: 8px; clear: both;}
}

/*################### CMS BOTTOM EVENTS ##################*/
.cms-events { padding: 30px 0 40px; }
.cms-events .item{ padding: 0 15px; }
.cms-events .event-title{display: none;}
.cms-events .item .event-title{display: block; min-height: 20px;}
.cms-events .item .event-title, .cms-events .event-title { color: #7d7d7d; text-transform: none; white-space: nowrap; font-size: 16px; margin-bottom: 15px; font-family: Lato, sans-serif; font-weight: bold;}
.cms-events .item .event-box { position: relative; font-family: Lato, sans-serif;}
.cms-events .item .event-box img { width: 100%; }
.cms-events .item .event-box::before { position: absolute; content: ""; background: rgba(0, 0, 0, 0.5); width: 100%; height: 100%; left: 0; top: 0; }
.cms-events .item .event-content { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; width: 95%; }
.cms-events .item .event-content h5 { font-size: 15px; text-transform: uppercase;  font-weight: bold; color: #b3975b; padding-bottom: 5px; }
.cms-events .item .event-content span { display: inline-block; font-weight: bold; text-transform: uppercase; line-height: 12px; }
.cms-events .item .event-content .event-date { border-right: 1px solid #fff; padding-right: 7px; margin-right: 5px; }

.cms-events .item .event-content .event-btn { background: #333; text-transform: uppercase; font-size: 11px; padding: 7px 15px; border-radius: 4px; }
.cms-events .item .event-content .event-btn.book{background: #f60; }
.cms-events .item .event-content .event-btn.review{ background: #333; color: #b3975b; }

@media only screen and (max-width: 979px){
    .cms-events .event-title{display: block;}
    .cms-events .item .event-title{display: none;}
}

/*################## 19-12-18 ##################*/
.inner_pages .main_outer .innerPage.cmsWhite.pt-80 { padding-top: 80px; }
.innerPage.cmsWhite .box_large .sitemapList li .siteTitle { color: #b3975b; margin-bottom: 0px; }
.innerPage.cmsWhite .box_large .sitemapList li a { color: rgba(0, 0, 0, .6) !important; word-break: break-all; letter-spacing: 0; font-size: 15px !important; line-height: 1.85; font-weight: 400 !important; }
@media only screen and (max-width:767px) {
    .inner_pages .main_outer .innerPage.cmsWhite.pt-80 { padding-top: 20px; }
}


/*################ SHOP NEW DESIGN (20-12-18) ################*/
.inner_pages .main_outer .innerPage.cmsWhite.shopwrapper{ padding-top: 80px; padding-bottom: 0; }

.shopwrapper .shop-card { position: relative; }
.books-carousel .shop-card { cursor: pointer; }
.shopwrapper .shop-card::after { content: ""; display: table; clear: both; }
.shopwrapper .shop-card .shop-img { width: 30%; float: left; margin-right: 4%;position: relative; z-index: 0;}
.shopwrapper .shop-card .shop-img img { margin: 0;position: relative; z-index: 999;}
.shopwrapper .shop-card .shop-container { width: calc(100% - 44%); float: left; }
.shopwrapper .shop-card .shop-container p { margin: 0; }
.shopwrapper .shop-card .shop-container h1 { color: #b3975b; font-size: 45px; border-bottom: none; margin: 0; padding: 0; }

/*.shopwrapper .shop-card .shop-container .shop-description { height: 245px; overflow: hidden;}*/
.shopwrapper .shop-card .shop-container .shop-description.heightAuto { height: inherit; overflow: auto;}
.shopwrapper .shop-card .shop-container .shop-description p { margin-bottom: 15px;}
.shopwrapper .shop-card .shop-container .shop-more-link { font-weight: 700; color: #b3975b; cursor: pointer;}
.shopwrapper .shop-card .shop-container .shop-price-group { padding-top: 10px; text-align: right;}
.shopwrapper .shop-card .shop-container .shop-price { font-size: 20px; color: #b3975b; display: inline-block; padding-right: 15px; line-height: 30px; vertical-align: middle;}
.shopwrapper .shop-card .shop-container .btn_gold_normal { font-size: 20px; text-transform: uppercase; vertical-align: middle;}
.shopwrapper .shop-card .shop-container .shop-author { font-size: 17px !important; font-weight: 700 !important;  line-height: 20px;}

.books-carousel { background: #eee; padding: 50px 0; margin-top: 100px; }
.books-carousel .item { padding: 15px; background: #fff; margin: 0 15px 30px; min-height: 250px;}
.books-carousel h3 { padding-bottom: 20px; padding-left: 15px; }
.books-carousel .shop-card .shop-container h1 { color: #b3975b; letter-spacing: 0; font-family: 'Freight Big Pro'; font-size: 25px; word-break: break-all; line-height: 25px; margin-bottom: 15px;}
.books-carousel .shop-card .shop-img { width: 40%; padding-right: 17px; padding-bottom: 17px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; float: left; margin-right: 4%; height: 220px; overflow: hidden; position: relative; }
.books-carousel .shop-card .shop-img img { margin: 0; height: 100%; width: 100%; object-fit: cover; }
.line_1, .line_2, .line_3{/*border: solid 1px #d7d6d5; margin: 3px;*/ position: relative;}
.line_1:after{content: ""; display: block;}
.line_2:after{content: ""; display: block;}
.line_3:after{content: ""; display: block;}
.line_1:before{content: "";display: block;content: "";display: block;background: #fff;border: solid 1px #d7d6d5;width: 100%;height: 100%;position: absolute;z-index: 999;left: 4px;top: 4px;}
.line_2:before{content: "";display: block;content: "";display: block;background: #fff;border: solid 1px #d7d6d5;width: 100%;height: 100%;position: absolute;z-index: 99;left: 8px;top: 8px;}
.line_3:before{content: "";display: block;background: #fff;border: solid 1px #d7d6d5;width: 100%;height: 100%;position: absolute;z-index: 9;left: 12px;top: 12px;}

.books-carousel .books-item .item { width: 30%; float: left; }
.books-carousel:after, .books-carousel:before { content: ""; display: block; clear: both; overflow: hidden; height: 0; line-height: 0; font-style: 0; }
.books-item { position: relative; display: flex; flex-flow: row wrap; align-items: stretch; }
.books-item::after { display: table; content: ""; clear: both; }
.books-carousel .line_1, .books-carousel .line_2, .books-carousel .line_3 { height: 100%;}

@media only screen and (max-width:1279px) {
    .shopwrapper .shop-card .shop-container {width: calc(100% - 36%);}
    .shopwrapper .shop-card .shop-img{margin-right: 6%;}
    .shopwrapper .shop-card .shop-container h1{font-size: 40px;}
    .books-carousel .shop-card .shop-container h1{font-size: 25px;}


    .books-carousel .shop-card .shop-container {width: calc(100% - 44%);}
    .books-carousel .shop-card .shop-img{margin-right: 4%;}
    .books-carousel .books-item .item { width: 46%; float: left;}
    .books-carousel .item{margin: 0 13px 26px;}

}
@media only screen and (max-width:979px) {   
   /* .books-carousel .shop-card .shop-img{width: 100%; height: 400px; margin-bottom: 20px;}
    .books-carousel .shop-card .shop-container{float: none; width: 100%;}
    .books-carousel .line_1, .line_2, .line_3{height: 100%;}*/
    .books-carousel h3{padding-left: 0;}
    .books-carousel .books-item .item:first-child, .books-carousel .books-item .item:nth-child(2n+1) { margin-left: 0;}
    .books-carousel .books-item .item:nth-child(2n) { margin-right: 0;}
    .books-carousel .books-item .item{min-height: auto;}
    .books-carousel .shop-card .shop-img { width: 44%; height: inherit; margin-bottom: 0;}    
    .books-carousel .shop-card .shop-container {float: left; width: 52%;}
    .books-carousel .shop-card .shop-container h1 { font-size: 20px; margin-bottom: 7px;}
    .shopwrapper .shop-card .shop-container .shop-price-group{padding-top: 0;}
}

@media only screen and (max-width:767px) {
    .books-carousel .books-item .item { width: 100%;float: none;margin: 0 0 30px;}
    .books-carousel .shop-card .shop-img { width: 42%; height: inherit; float: left; margin-right: 13px; margin-bottom: 0; }
    .books-carousel .shop-card .shop-container { width: 53%; float: left; }
}

@media only screen and (max-width:639px) { 
    .shopwrapper .shop-card .shop-img { width: 100%; float: none; margin-right: 0; margin-bottom: 30px; }
    .shopwrapper .shop-card .shop-img{width: 96%;}
    .shopwrapper .shop-card .shop-img img{width: 100%;}
    .shopwrapper .shop-card .shop-container { width: 100%; float: none;}
    .shopwrapper .shop-card .shop-container h1{font-size: 30px;}

    .books-carousel .books-item .item { width: 100%;float: none; margin: 0 0 30px; min-height: auto;}
    .books-carousel .shop-card .shop-img { width: 42%; height: inherit; float: left; margin-right: 13px; margin-bottom: 0; }
    .books-carousel .shop-card .shop-container { width: 53%; float: left; }
    .books-carousel .shop-card .shop-container h1 { font-size: 15px; margin-bottom: 8px; }
    .books-carousel .shop-card .shop-container .shop-price-group { padding-top: 0; text-align: right; }
}

/*##############  PARTIES #################*/
.participation-btn{font-size: 25px !important; color: #fff;}
.party-location { text-align: left; padding: 10px 20px; border-top: 1px solid #3a3a3a; border-bottom: 1px solid #3a3a3a; margin: 15px 0; position: relative; }
.party-location::after { content: ""; display: table; clear: both; }
.party-location img { width: 30px; margin-right: 5px; }
.party-location p { width: calc(100% - 35px); float: right; margin: 0; color: #8e8e8e; }

/*################ Booking Card Dropdown menu ################*/
.booking-card { background: #131218; padding: 10px 15px; border-radius: 8px; position: relative; }
.booking-card::after { content: ""; display: table; clear: both; }
.booking-card .booking-img { width: 35%; float: left; }
/*.booking-card .booking-img img { filter: grayscale(100%); }*/
.booking-card .booking-details { width: 65%; float: left; padding-left: 10px; }
.booking-card .booking-details .booking-title { font-size: 14px; color: #9e9e9e; }
.booking-card .booking-details .booking-place { color: #b3975b; font-size: 14px; }
.booking-card .booking-details .booking-manage { color: #9e9e9e; text-decoration: underline; font-size: 10px; padding-left: 10px; display: inline-block; }
.booking-card .booking-details .booking-manage .fa { margin-right: 5px; }

@media only screen and (max-width:767px) {
    .booking-card .booking-img { width: 100%; float: none; height: 60px; overflow: hidden; }
    .booking-card .booking-img img { height: 100%; width: 100%; object-fit: cover; }
    .booking-card .booking-details { width: 100%; float: none; padding-left: 0; padding-top: 10px; text-align: center; }
    .booking-card .booking-details .booking-manage { padding-left: 0; }
}


/*############### TOOLTIP ################*/
/*.tooltipBox{ background: #333; padding: 10px; box-shadow: none; position: relative; border-radius: 4px;}
.tooltipBox::before{position: absolute; content: ""; left: 5px; top: -20px; border-right: 10px solid transparent; border-left: 10px solid transparent; border-top: 10px solid transparent; border-bottom: 10px solid #333;}
.tooltipBox h5{color: #dadada; text-transform: uppercase; font-weight: bold;}
.tooltipBox small{color: #b3975b; text-transform: capitalize;}
.tooltipBox p{color: #929296;}
.ui-widget-content{background: none !important; border: none !important; padding: 0 !important; box-shadow: none !important; }*/

.tooltipBox{ background: #333; padding: 10px; box-shadow: none; position: relative; z-index: 999 !important;}
/*.tooltipBox::before{position: absolute; content: ""; left: 5px; top: -20px; border-right: 10px solid transparent; border-left: 10px solid transparent; border-top: 10px solid transparent; border-bottom: 10px solid #333;}*/
/*.tooltipBox.left::before{position: absolute; content: ""; left: 5px; top: -20px; border-right: 10px solid transparent; border-left: 10px solid transparent; border-top: 10px solid transparent; border-bottom: 10px solid #333;}*/
/*.tooltipBox.right::before{position: absolute; content: ""; right: 5px; top: -20px; border-right: 10px solid transparent; border-left: 10px solid transparent; border-top: 10px solid transparent; border-bottom: 10px solid #333;}*/
.tooltipBox h5{color: #b3975b; text-transform: uppercase; font-weight: bold; padding-right: 45px; position: relative; margin-top: 20px; padding-bottom: 10px;}
.tooltipBox h5 small{color: #dadada; padding-right: 45px; display: block;}
.tooltipBox h5 img{ position: absolute; right: 0; top: 0; height: 30px; }
.tooltipBox p{color: #777777;}
.tooltipBox .avatar-tooltip{ position: relative; width: 75px; height: 75px; overflow: hidden; border-radius: 100%; padding: 10px; border: 2px solid #b3975b; float: left; }
.tooltipBox .avatar-tooltip img{ width: 100%; height: 100%; object-fit: cover; border-radius: 100%;}
.tooltipBox .tooltip-container{ float: left; width: calc(100% - 75px); padding-left: 15px; }

.tooltipBox .tooltip-btn{ background: #0f0d12; padding: 5px 10px; border-radius: 4px; color: #303030; width: 100%; margin-top: 15px; text-align: center; border: none; }
.tooltipBox .tooltip-span{ background: #333; padding: 5px 10px; border-radius: 4px; color: #fff; width: 100%; margin-top: 15px; text-align: center; border: none; }
.ui-widget-content{background: none !important; border: none !important; padding: 0 !important; box-shadow: none !important; }

/*########################## 31-12-18 ###################*/

@media only screen and (max-width: 767px){
    .ui-widget.ui-widget-content { border: 1px solid #c5c5c5; left: 50% !important; transform: translateX(-50%) !important; width: 90% !important; }
    .partyBookingWrapper .box_boking .inner { padding: 10px;}
}

/*##################28-01-2019##################*/
.deleteCommunityMessage{ color: #b3975b; cursor: pointer; margin-left: 10px; }
.deleteCommunityWholeMessage{ color: #b3975b; cursor: pointer; width: 30px; height: 30px; line-height: 26px !important; text-align: center; border: solid 2px; border-radius: 100%; overflow: hidden; }
.chat_new_head{ position: relative; }
.deleteWholeConv{ position: absolute; right: 16px; top: 16px; }
/*##########30-01-2019*###############*/
.hotshotWrapper .hotshotfooter.ownHotshot ul{ text-align: center; float: none; padding-right: 0px; }


/*####################### 08-02-19 ######################*/
.new-party-title { color: #b3975b; padding-left: 30px; padding-bottom: 20px; }
.new-party-title span { color: #fff; }
#party-memory .item { position: relative; }
#party-memory .item::before { position: absolute; content: ""; 
background: -webkit-linear-gradient(to bottom, rgba(0,0,0,0.9) 0%,rgba(0,0,0,0) 90%); 
background:-moz-linear-gradient(to bottom, rgba(0,0,0,0.9) 0%,rgba(0,0,0,0) 90%); 
background: linear-gradient(to bottom, rgba(0,0,0,0.9) 0%,rgba(0,0,0,0) 90%); left: 0; top: 0; width: 100%; height: 100%; }
#party-memory .item img {width: 100%; min-height: 225px; max-height: 225px; object-fit: cover;}
#party-memory .item .label { /*background: rgba(34, 34, 44, .7);*/ display: inline-block; padding: 6px 10px; position: absolute; z-index: 9; top: 20px; right: 0;}
#party-memory .item .label .party-memory-title { margin: 0; text-transform: uppercase; text-align: right; }
#party-memory .item .label .party-memory-title span { color: #b3975b; }

/*########### Party memory for less than 3 item ############*/
#party-memory .item .party-description { display: none; }
#party-memory .item::after { display: table; content: ""; clear: both; }
#party-memory .item.show_content img { width: 50%; float: left; }
#party-memory .item.show_content .party-description { display: block; padding: 20px; width: 50%; background: #111015; height: 100%; position: absolute; right: 0; overflow: hidden;}
#party-memory .item.show_content .party-description::before { background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(17, 16, 21, 1) 100%); background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(17, 16, 21, 1) 100%); background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(17, 16, 21, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#111015', GradientType=0); position: absolute; content: ""; left: 0; bottom: 0; width: 100%; height: 100px; }
#party-memory .item.show_content .label { right: 50%; }
#party-memory .item.show_content .label img { float: none; }
#party-memory .item.show_content::before { width: 50%; z-index: 9; }

@media only screen and (min-width: 1700px){
 #party-memory .item img{ min-height: 257px; max-height: 257px; }
}

@media only screen and (min-width: 2200px){
 #party-memory .item img{ min-height: 300px; max-height: 300px;}
}
@media only screen and (max-width:979px) {
    #party-memory .item.show_content img { width: 100%; float: none; }
    #party-memory .item.show_content .label { right: 0; }
    #party-memory .item.show_content::before { width: 100%; z-index: 9; }
    #party-memory .item.show_content .party-description {display: none;}

}
@media only screen and (max-width:767px) {
    .sideeventStep2 button { width: 100%; }
}


/*############## 06-02-19 ##############*/
@media only screen and (max-width:767px) {
    .partyBookingWrapper button { width: 100%; }
}
/*############## CUSTOM CHECKBOX (11-02-19) ################### */
.partyBookingWrapper .rightBlock .entryBox{position: relative;}
.custm_check { position: absolute;margin: 0;right: 0;top: 7px;}
.custm_check [type=checkbox]:checked, 
.custm_check [type=checkbox]:not(:checked) { position: absolute; left: -9999px }
.custm_check [type=checkbox]:checked+label, 
.custm_check [type=checkbox]:not(:checked)+label { position: relative; padding-left: 1.95em; cursor: pointer }
.custm_check [type=checkbox]:not(:checked)+label:before { content: ''; position: absolute; left: 0; top: 0; width: 1.25em; height: 1.25em; border: 1px solid #b3975b; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px }
.custm_check [type=checkbox]:checked+label:after, 
.custm_check [type=checkbox]:not(:checked)+label:after { content: '✔'; position: absolute; top: .1em; left: .3em; font-size: 1.3em; line-height: .8; color: #b3975b; transition: all .2s }
.custm_check [type=checkbox]:not(:checked)+label:after { opacity: 0; transform: scale(0) }
.custm_check [type=checkbox]:checked+label:after { opacity: 1; transform: scale(1) }
.custm_check [type=checkbox]:checked+label:before { content: ''; position: absolute; left: 0; top: 0; width: 1.25em; height: 1.25em; border: 1px solid #b3975b; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px }
.custm_check [type=checkbox]:checked+label { color: #b3975b }

@media only screen and (max-width:767px) {
    .partyBookingWrapper .rightBlock .entryBox{padding-top: 35px;}
}
/*############## 13-02-2019 ################### */
.party-link {margin: 0;font-size: 10px;text-transform: uppercase; text-align: right; color: rgba(255,255,255,.5); white-space: normal; word-break: break-all; }
.party-link a { color: rgba(255,255,255,.5); }
.party-link img { width: 15px !important;height: 15px !important;min-height: 15px !important;object-fit: contain;}

.err_side_eve{color:red; font-size: 13px; text-transform: none; }
.new-party-title .err_side_eve { border: 1px solid red; padding: 2px 10px; vertical-align: bottom;}
.entrycontent .party-link { text-align: left;  }

@media only screen and (max-width: 1024px){
    .new-party-title .err_side_eve{margin-left: 0 !important; margin-top: 10px; margin-right: 20px;}
}

/*################## 02-04-19 ##########*/
.add-card-row { width: 60%; display: inline-block; position: relative; margin: 0 auto; float: none; -webkit-transform: translate(-50%); transform: translate(-50%); left: 50%; }
@media only screen and (max-width:979px) {
    .add-card-row .doubleinput select[data-stripe=exp_month] { margin-right: 10px; }
}

/*################## 03-04-19 ##########*/
header .nav-menu li .submenu li .navpartycont .btnarea .entries span { display: block !important; padding: 0; }
header .nav-menu li .submenu li .navpartycont .btnarea .entries .validDate { font-size: 10px; text-transform: none; color: #f60; }

.outer_wrapper .side_nav ul li .submenu li p.entries { display: inline-block; margin: 0; }
.outer_wrapper .side_nav ul li .submenu li p.entries span { display: inline-block !important; padding: 10px !important; }
.outer_wrapper .side_nav ul li .submenu li p.entries .validDate { color: #f60; }



.allparties_actions { margin-top: 10px; border-top: 1px solid #b3975b; padding-top: 16px; }
.allparties_actions span { padding: 10px; }
.allparties_actions .validDate { color: #f60; }
.allparties_actions .allparties_bookbtn { background: #f60; padding: 5px 15px; border-radius: 6px; cursor: pointer; border: none; }

@media only screen and (max-width:767px) {
    .outer_wrapper .side_nav ul li .submenu li p.entries span { padding: 8px !important; }
    .allparties_actions{ margin-top: 0px; }
    .allparties_actions span { padding: 8px 8px 0; }
    .allparties_actions .validDate + p { margin: 5px 0 0; }
    .eventContent p { max-height: 34px; overflow: hidden; }
}
/*################## 03-04-19 ##########*/
.room_available_span{color: #828282; font-weight: bold; margin-top: 25px; font-size: 12px;}
.availabe_rooms{color: #828282; margin-top: 8px; font-size: 12px;}

/*########### 13-05-19 ###########*/
@media only screen and (max-width:979px) {
    .add-card-row.add-card-new { width: 85%; }
}
@media only screen and (max-width:767px) {
    .add-card-row.add-card-new h1 { font-size: 11px; }
    .add-card-row.add-card-new .doubleinput select:last-child { float: right;}
}

/*############### 01-07-19 ###################*/
/*.innerBanner .content_box {position: absolute; z-index: 8; left: 50%; top: 50%; padding: 30px;-webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 100%; max-width: 650px;}
.innerBanner .content_rating {padding: 10px;text-align: right;background: rgba(34, 34, 34, .9);margin-left: 20%;}
.innerBanner .content_rating span { padding-right: 0; color: #b3975b;}
.innerBanner .content_info{margin-top: 8px; background: rgba(179,151,91, 0.8); padding: 15px}
.innerBanner .content_info * {margin: 0; color: #1b1b1b;}*/


@media only screen and (max-width: 767px){  
  .innerBanner .video {height: auto;}
  .pt0{padding-top: 0 !important} 
}

/*#############09-07-2019##############*/
.checkinPaymentBox .security_dep_total, .checkinPaymentBox .payment_declaration, .checkinPaymentBox .upgrade-gold { width: 100%; float: right; line-height: 0; }
  .checkinPaymentBox .payment_declaration { font-size: 13px; }
  .doubleinput select{ width: 62%; }



/*############### 01-07-19 ###################*/
.innerBanner::before { content: ""; width: 100%; left: 0; bottom: 0; background: linear-gradient(0deg, black, transparent);  z-index: 5; position: absolute; height: 200px;}
.banner_wrapper { z-index: 5; position: absolute; bottom: 30px; display: flex; justify-content: space-evenly; align-items: center; width: 100%; left: 0;}
.banner_wrapper .content_box {width: 40%;}
.banner_wrapper .content_box .content_rating {color: #b3975b;}
.banner_wrapper .content_box .content_rating .rating_text {font-weight: 700; font-family: Lato, sans-serif;}
.banner_wrapper .content_location { width: 20%; padding: 0 20px; border-left: 1px solid #b3975b; border-right: 1px solid #b3975b;}
.banner_wrapper .content_location h6 {font-size: 20px;}
.banner_wrapper .content_location h6 .fa { color: #b3975b;}
.banner_wrapper .content_btn { width: 20%;}
.banner_wrapper.rateinfoWrapper .content_location {width: 30%; border-left: 0;}
.banner_wrapper .content_btn .discount span {display: inline-block; font-size: 12px;}

@media (max-width:900px){
    .banner_wrapper { bottom: 15px;}
}

/* GUEST WRAPPER */
.guest_wrapper {background: #FBFBFA; color: #333;padding: 40px 0;}
.guest_wrapper h3 {color: #b3975b; margin-bottom: 10px;font-size: 25px;}
.guest_wrapper .quote {font-size: 18px;color: #6d6d6d;}
.guests_avatar_list { display: inline-block; float: right; padding: 0 20px;}
.guests_avatar_list a{display: inline-block; position: relative; margin-right: 8px;}
.guests_avatar_list a .fa {color: #56E829;font-size: 10px; position: absolute;top: 3px;right: -3px; border-radius: 100%; background: #fbfbfa; padding: 1px;}
.guests_avatar_list a img { display: inline-block; width: 30px; height: 30px; border-radius: 50%; overflow: hidden; object-fit: cover;}

.party_wrapper{display: none;}
.info_content_btn{display: none}

@media only screen and (max-width: 1279px){
    .banner_wrapper .content_location{width: 25%;}    
    .banner_wrapper .content_box, .banner_wrapper .content_location { padding:20px 20px 0 20px;}
    .banner_wrapper .content_btn{padding-left: 20px;}
}

@media only screen and (max-width: 979px){
    .banner_wrapper .content_box{width: 30%;}
    .banner_wrapper .content_location{width: 30%;}
    .banner_wrapper .content_btn { width: 30%;}
    .guest_wrapper{text-align: center;}
    .guest_wrapper .quote {margin-bottom: 30px; display: block;}
    .guests_avatar_list{float: none;}
}
@media only screen and (max-width: 767px){
    .guest_wrapper { padding: 20px 0; position: fixed; bottom: 0; z-index: 9; -webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out; transition: all .5s ease-out; -webkit-transform: translateY(0); -moz-transform: translateY(0); transform: translateY(0); left: 0;}
    .guest_wrapper.hide {transform: translateY(100%);}
    .guest_wrapper h3 { font-size: 17px; line-height: 20px;}
    .guest_wrapper .quote{font-size: 15px; margin-bottom: 20px;}
    .banner_wrapper .content_box, .banner_wrapper .content_location { padding-right: 0;}
    .banner_wrapper .content_location, .banner_wrapper .content_btn{display: none;}
    .banner_wrapper .content_box {width: 95%;}
    .content_info {display: none; color: #b3975b; margin-top: 10px;}
    .content_info p {font-size: 12px; margin: 0;}
    .rating_text {font-size: 12px; width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
    .innerBanner.open .rating_text {overflow: auto; text-overflow: unset; white-space: normal;}
    .banner_wrapper{left: 0; bottom: auto; top: 10px;}
    .banner_wrapper .content_box{width: 95%; padding: 10px;}
    .banner_wrapper .content_box .content_rating {color: #ffffff;}
    .banner_wrapper .content_box .content_rating span {color: #b3975b}
    .bookEntry .inner .attendpartyavatar {display: none;}
    .bookEntry .inner h3 {display: none;}
    .party_wrapper { display: block; border: 1px solid #b3975b; margin-bottom: 30px;}
    .party_wrapper .party-location { border: none;}
    .bookEntry .inner .party-location {display: none;}
    .partyBookingWrapper .box_boking.pt30{padding-top: 30px;}
    .partyBookingWrapper .box_boking, .partyBookingWrapper .rightBlock {width: 100%; padding-top: 0px;}
    .searchByUser .search_main {float: none; width: 100%;}
    .campanion{margin-top: 30px;}
    .guests_avatar_list a {margin-bottom: 10px;}
    .guests_avatar_list a{margin-right: 2px;}
    .innerBanner.rateinfoinnerWrapper { height: 90px;}
    
    a.info_content_btn { position: relative; display: inline-block;color: #b3975b; margin-top: 5px; padding: 0px 5px; border-radius: 4px;font-size: 12px; margin: 5px auto 0; text-decoration: underline;}
    a.info_content_btn:after, a.info_content_btn:before{ top: 3px; content: ''; position: absolute;  background: #b3975b; height: 10px; width:1px;}
    a.info_content_btn:before{ left: 0;}
    a.info_content_btn:after{ right: 0;}

    .info_content_btn .fa {background: #333; color: #b3975b; width: 13px; height: 13px; text-align: center; line-height: 15px; border-radius: 50%; font-size: 10px;}
    .innerBanner.open { height: 255px;} 
    .innerBanner::before{height: 860px;}
}

/*#################  Party Commet ###############*/
.comments-container h1 {font-size: 36px;color: #283035;font-weight: 400;}
.comments-container h1 a { font-size: 18px; font-weight: 700;}
.comments-list { margin-top: 0px; position: relative;}
.comments-list li { margin-bottom: 15px; display: block; position: relative;}
.comments-list li:after {content: ''; display: block; clear: both; height: 0; width: 0;}
.reply-list {padding-left: 59px;clear: both; margin-top: 15px;}
.comments-list .comment-avatar { width: 40px; height: 40px; position: relative; z-index: 9; float: left; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;overflow: hidden;}
.comments-list .comment-avatar img { min-width: 40px; min-height: 40px; object-fit: cover;}
.comments-list .comment-avatar img { width: 100%; height: 100%;}
.reply-list .comment-avatar {width: 40px; height: 40px;}
.comment-main-level:after {content: ''; width: 0;height: 0; display: block; clear: both;}
.comments-list .comment-box {width: 86%; float: right; position: relative;}
.reply-list .comment-box { width: 83%;}
.comments-list .comment-box .comment-textinput { width: 100%; overflow: hidden; resize: none; border: none; height: 70px; border-radius: 5px;}
.comment_message { padding: 15px 0; display: block; text-align: left;}
.comments-list .comment-box .submit-btn {background: #75633b; border: none; border-radius: 4px; padding: 5px 15px; float: right; font-size: 12px;}
.comment-box .comment-head {overflow: hidden; border-radius: 4px 4px 0 0; padding: 10px 0;}
.comment-box .comment-head i:hover {color: #03658c;}
.comment-box .comment-name {color: #283035;
    font-size: 14px;
    font-weight: 700;
    float: left;
    margin-right: 10px;
    border-right: 1px solid #b3975b;
    padding-right: 10px;
    line-height: 20px;
}

.comment-box .comment-name a {
    color: #b3975b;
}

.comment-box .comment-head span {
    float: left;
    color: #d2d2d2;
    font-size: 13px;
    position: relative;
    top: 1px;
}
.comment-box .comment-content{padding: 0 0 12px; text-align: left;}
.comment-box .comment-content p{
    margin: 0 0 5px;
    font-size: 15px;
    color: #616161;
    font-style: italic;
    font-size: 13px;
}
.comment-box .comment-content .comment-reply{
   color: #d2d2d2;
   font-size: 12px; 
}
.show-more {
    text-align: center;
    position: relative;  
}
.show-more::before {
    content: "";
    width: 100%;
    height: 1px;
    background: #383838;
    left: 0;
    top: 50%;
    position: absolute;
    z-index: -1;
}
.show-more a {
    background: #0c0b0f;
    z-index: 2;
    border: 1px solid #383838;
    padding: 2px 10px;
    border-radius: 6px;
    position: relative;
}
.show-more a {
    background: #0c0b0f;
    z-index: 2;
    border: 1px solid #383838;
    padding: 2px 23px 2px 10px;
    border-radius: 6px;
    position: relative;
    color: #757575;
}
.show-more a::before {
    position: absolute;
    content: "";
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
    border-top: 6px solid #4f4d56;
    right: 5px;
    top: 40%;
}

/** =====================
 * Responsive
 ========================*/

@media only screen and (max-width: 1279px) {
 .comments-list .comment-box{width: 82%;}
 .reply-list{padding-left: 50px}
 .reply-list .comment-box { width: 77%;}
}

@media only screen and (max-width: 979px) {
    .comments-list .comment-box { width: 92%;}
    .reply-list .comment-box {width: 92%;}
}

@media only screen and (max-width: 767px) {
  .comments-list .comment-box { width: 85%;}
  .reply-list .comment-box { width: 82%;}
}
@media only screen and (max-width: 320px) {
  .comments-list .comment-avatar, .reply-list .comment-avatar{width: 35px; height: 35px;}
  .comments-list .comment-avatar img, .reply-list .comment-avatar img{min-width: 35px; min-height: 35px;}
  .comments-list .comment-box { width: 80%;}
  .reply-list .comment-box { width: 77%;}
}

@media only screen and (min-width: 768px){
    .bookEntry .inner { display: none;}
}


/*########### NOTIFICATION BLUR ###############*/
header .menuBox .messageBoxOuter li li.blur_msg {filter: blur(3px);}
.addCardPaymentImageWrapper {float: left;border-top: 1px solid #333;width: 100%;padding-top: 15px;}
.addCardPaymentImageWrapper img {width: 190px;margin-right: 20px;vertical-align: top;}

.demo-gallery.inner{ margin-bottom: 30px; }
#update-form .doubleinput select {width: 48%;}
#update-form #exp_month{margin-right: 8px;}

@media only screen and (max-width: 767px){
    .addCardPaymentImageWrapper {text-align: center;}
    .addCardPaymentImageWrapper img {margin: 0 0 10px;}
}

/*#############29-07-2019############*/
.pictureDayAvatarSection{position: absolute; top: 0; right: 0; width: 70%; padding: 10px; text-align: right;}
.pictureDayAvatarSection_wrapper{ float: right; margin: 0 0 10px 10px; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; width: 40px; height: 40px; overflow: hidden; }
.pictureDayAvatarSection img{ width: 100%; height: 40px; object-fit: cover; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%;}
.pictureDayAvatarSection h6, .pictureDayAvatarSection p{ font-size: 14px; }
.pictureDayAvatarSection h6{ color: #b3975b; }
.pictureDayAvatarSection p{ margin-top: 0; margin-bottom: 0; color: #4e6169;}

/*###################01-08-2019#####################*/
.useronline_status {background: #26252b; padding: 20px; border-radius: 4px; margin-bottom: 30px; }
.useronline_status .guests_avatar_list {float: none; padding: 0;}
.useronline_status p {margin: 0 0 11px;font-size: 12px;color: #828282; }
.useronline_status .guests_avatar_list a span { position: absolute; width: 100%; height: 100%; background: rgba(0,0,0,.5); font-size: 11px; line-height: 30px; text-align: center;font-weight: bold; border-radius: 100%;}

@media only screen and (max-width: 767px){
    .useronline_status{margin-top: 30px;}
}
/*#############06-08-2019############*/
.contactWraper .contactMessage .private-pic-view .messageBoxInnerDetails {width: 20% !important;}
.contactWraper .contactMessage .private-pic-view .messageBoxInnerAbout {width: 62% !important; padding: 19px 100px 19px 10px;}
.contactWraper .contactMessage .private-pic-view .btn_dark { float: none;}
.heading_people_private{padding: 0 0 12px 0;}
@media only screen and (max-width: 1279px){
    .contactWraper .contactMessage .private-pic-view .messageBoxInnerAbout{width: 59%!important;}
}
@media only screen and (max-width: 979px){
    .contactWraper .contactMessage .private-pic-view .messageBoxInnerAbout{width: 50%!important; padding: 19px 50px 19px 10px;}
    .contactWraper .contactMessage .private-pic-view .messageBoxInnerDetails h4 { word-break: break-all;}
}
@media only screen and (max-width: 767px){
.contactWraper .contactMessage .private-pic-view .messageBoxInnerDetails { width: 100% !important;}
.contactWraper .contactMessage .private-pic-view .messageBoxInnerAbout { width: 100%!important; padding: 10px;}
}







.upload_btn.job-btn #preview{ height: 80px; margin-top: 0; margin-right: 15px; margin-bottom: 0; }
.job_btn_upload { background: #333; border-radius: 6px; cursor: pointer; padding: 8px 30px; font-size: 16px; text-transform: uppercase; color: #fff !important; min-width: 320px }
@media only screen and (max-width: 479px){
    .upload_btn.job-btn #preview{margin-right: 0; margin-bottom: 20px; float: left;}
}
/*################# 16-09-19 #################*/
.contactRight .visitorBox h3 .manage_viewers { background: #333; display: inline-block; float: right; padding: 2px 9px; font-size: 14px;  border-radius: 4px;}
.contactRight .visitorBox h3 {font-size: 17px;}

@media only screen and (max-width: 1279px){
    .contactRight .visitorBox h3 .manage_viewers{float: left; margin: 10px 0 18px; }
    .contactRight .visitorBox  .avatarList{ width: 100%; }
}

@media only screen and (max-width: 767px){
    .contactRight .visitorBox h3 a{float: none;}
    .contactRight .visitorBox h3 .manage_viewers{float:none;}
}

.action_private{margin: 0;}
.action_private .fa{margin-right: 10px; color: #b3975b;}

/*############### 18-09-19 #################*/

.online_wrapper .fa {position: absolute; right: 8px;top: 32px; color: #17e617; font-size: 12px;}
.online_wrapper { position: relative; display: inline;}

@media only screen and (max-width: 767px){
.online_wrapper .fa{top: 25px;}
}

/*############ 19-09-19 ##############*/
.box_large .job-btn  img {height: 100px; margin-right: 10px;}
.job_btn_upload { margin-right: 20px;}
.box_large .job-btn img{margin-top: 16px;}

@media only screen and (max-width: 767px){
    .box_large .job-btn .gallery {margin-bottom: 10px;}
    .box_large .job-btn img {height: 50px; margin: 10px;}    
    .box_large .job-btn .save-change{font-size: 12px;}
}
@media only screen and (max-width: 479px){
    .job_btn_upload {margin-right: 0; display: block; min-width: 100%; margin-bottom: 15px;}
}
/*############ 13-10-19 ##############*/
.link_anchor_text{color: #b3975b !important; }

/*############ 6-11-19 ##############*/
.inv-book-form .doubleinput select { width: 31.8%;}
.inv-book-form .doubleinput{ width: 100%; }
.inv-book-form .expiry_cvc .cvc { margin: -25px 0 10px;}
.inv-book-form .btn_gold{ width: 35%; }
@media only screen and (max-width: 639px){
    .inv-book-form .doubleinput { float: none; width: 100%;}
    .inv-book-form .doubleinput select { width: 31%;}
}
@media only screen and (max-width: 479px){
    .inv-book-form .doubleinput select, .inv-book-form .expiry_cvc .cvc{ width: 31%;}
}
@media only screen and (max-width: 392px){
    .inv-book-form .doubleinput select, .inv-book-form .expiry_cvc .cvc{ width: 30%;}
    .inv-book-form { padding-bottom: 50px;}
}

/*################# 07-11-19 #################*/

.inv-book-form .payimg { display: block; width: 100%;}
.inv-book-form .payimg img { height: 50px;}
.inv-book-form .ssl_text {font-size: 12px; line-height: 17px;}
.inv-book-form .booking-errors { display: block; padding: 5px 0;}


/*######################## 26-11-19 #########################*/
#newCardAddTable {
    border-collapse: collapse;
    margin-top: 15px;
    margin-bottom: 20px;
}
#newCardAddTable thead tr {
    background: #b3975b;
    margin: 0;
}
#newCardAddTable tr {
    margin: -1px 0 0;
}
#newCardAddTable tr td {
    width: 23%;
    text-align: center;
}

#newCardAddTable .active {
    color: #b3975b;
    font-size: 20px;
}

.newCardAdd{font-size: 11px !important;}
#newCardAdd-form select{ width: 46%; margin-right: 5px; }
@media only screen and (max-width: 979px){
    #newCardAddTable tr td { display: inline-block;}
}

@media only screen and (max-width: 767px){
#newCardAddTable tr td { width: 23%; padding: 3px; font-size: 10px;}
}
/*############ 04-12-19 ##########*/
.mobile-contact-info {
    display: flex;
    align-items: flex-start;
    margin: 12px 0 !important;
}
.mobile-contact-info img {
    margin-right: 5px;
    width: 20px;
}

/*########### 06-01-20 ##############*/
@media only screen and (max-width: 767px){
  .message-mob {padding-top: 10px !important;}
}
.chat_new_head h5 { text-transform: uppercase; }



.croppie-container{
    text-align: center !important;
    width: 100% !important;
}
.croppie-container .cr-overlay {
    position: relative !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
}
.modal-header {
    text-align: center;
    position: relative;
}
.modal-header .close {
    position: absolute;
    right: 0;
    top: -20px;
    background: none;
    border: none;
    font-size: 30px;
    padding: 0;
}
#uploadimageModal{border: none !important;}
#uploadimageModal .modal-header h2 {
    text-align: left !important;
}
button.btn.btn-default.closeCrop {
    display: none;
}
.altemail{padding-top: 0}



/*survey-question*/
.survey_bg{ background: #fff; }
.survey-question{ margin-bottom: 50px; }
.survey_bg .box_large img { margin-bottom: 0; margin-top: 0; width: 40px; vertical-align: baseline; margin-left: 14px; }
.survey-question strong{ font-weight: 600; }
.survey-question h3{ font-size: 25px; margin-bottom: 30px; color: #b3975b; text-transform: uppercase;}
.survey-question h4{ font-size: 20px;}
.jobs .box_large .survey-question p{ color: #707070; margin: 10px 0;}
.answer-grp { margin-top: 15px; display: inline-block; }
.grp-side{ display: flex; align-items: center; flex-flow: wrap;}
.jobs .box_large .survey-question .grp-side p{ margin-right: 30px; }
.survey-question [type="radio"]:checked,
.survey-question [type="radio"]:not(:checked) { position: absolute; left: -9999px; }
.survey-question [type="radio"]:checked + label,
.survey-question [type="radio"]:not(:checked) + label { position: relative; padding-left: 35px; cursor: pointer; font-size: 18px; line-height: 20px; display: inline-block; color: #707070; }
.survey-question [type="radio"]:checked + label:before,
.survey-question [type="radio"]:not(:checked) + label:before { content: ''; position: absolute; left: 0; top: 0; width: 18px; height: 18px; border: 2px solid #b4975d; border-radius: 100%; background: #dddddd; }
.survey-question [type="radio"]:checked + label:after,
.survey-question [type="radio"]:not(:checked) + label:after { content: ''; width: 10px; height: 10px; background: #b4975d; position: absolute; top: 4px; left: 4px; border-radius: 100%; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; }
.survey-question [type="radio"]:not(:checked) + label:after { opacity: 0; -webkit-transform: scale(0); transform: scale(0); }
.survey-question [type="radio"]:checked + label:after { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }
.survey-question [type=checkbox]:checked, .survey-question [type=checkbox]:not(:checked) { position: absolute; left: -9999px }
    .survey-question [type=checkbox]:checked+label, .survey-question [type=checkbox]:not(:checked)+label { position: relative; padding-left: 1.95em; cursor: pointer; font-size: 18px;
    line-height: 20px; line-height: 25px; display: inline-block; }
    .survey-question [type=checkbox]:not(:checked)+label:before { content: ''; position: absolute; left: 0; top: 4px; width: 1.25em; height: 1.25em; border: 1px solid #b3975b; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background-color: #ddd; }
    .survey-question [type=checkbox]:checked+label:after, .survey-question [type=checkbox]:not(:checked)+label:after { content: '✔'; position: absolute; top: .1em; left: .3em; font-size: 1.3em; line-height: .8; color: #b3975b; transition: all .2s }
    .survey-question [type=checkbox]:not(:checked)+label:after { opacity: 0; transform: scale(0) }
    .survey-question [type=checkbox]:checked+label:after { opacity: 1; transform: scale(1) }
    .survey-question [type=checkbox]:checked+label:before { content: ''; position: absolute; left: 0; top: 4px; width: 1.25em; height: 1.25em; border: 1px solid #b3975b; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px }
    .survey-question [type=checkbox]:checked+label { color: #b3975b }
.survey-question select{ background-color: #dddddd; border: 2px solid #b4975d; width: 230px; border-radius: 10px; padding: 14px; font-size: 16px; color: #707070;}
.jobs .box_large .survey-question .personal-info p{ display: flex; align-items: flex-end; }
.survey-question input[type=text], .survey-question input[type=email]{ background-color: #dddddd; color: #000; /*border-width: 0 0 1px 0;*/ }
.survey-question .personal-info label{ width: 60%; padding-right: 10px;}

.survey-question textarea { height: 100px; width: 100%; margin-top: 12px; background-color: #dddddd; resize: none; color: #000;}
.survey_bg .btn_gold{ margin-top: 30px; }
.answer-grp select option{ background-color: #dddddd; }

@media only screen and (max-width: 767px){
    .jobs .box_large .survey-question .personal-info p{ flex-flow: column; }
    .survey-question .personal-info label { width: 100%;  padding-right: 0;}
}

/*profile-page (29-10-20)*/
.other_profile_gal p { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.other_profile_gal a{ position: relative; display: block; }
.other_profile_gal .fa{ font-size: 30px !important; }
.hotshotWrapper .hotshotbody .border.videoBorder{ padding: 0; border: 0; border-radius: 0; width: 100%;}
.fancybox-nav{ height: auto; top: 50%; }
@media only screen and (max-width: 767px){
    .other_profile_gal .fa{ display: none; }
    .other_profile_gal.profile_gallery.tripple .fancybox:nth-child(1) .fa{ display: block; }
    .other_profile_gal.profile_gallery.tripple .fancybox:nth-child(1){ opacity: 1; }
    .other_profile_gal.profile_gallery.tripple .fancybox{ height: 280px; }
}
@media only screen and (max-width: 639px){
    .other_profile_gal.profile_gallery.tripple .fancybox{ height: 210px; }
}

/*pictures page*/
/*progress bar*/
.upload_btn #upload{ margin-left: 10px; }
.upload-picture #myProgress { width: 65%; background-color: #747474; height: 10px; border-radius: 5px; }
#myProgress { margin-top: 10px; }
#myProgress #myBar { height: 10px; line-height: 10px; overflow: hidden; text-align: center; padding-left: 5px; border-radius: 5px;}
.profile-pic .profile_thumb video { width: 100%; height: 145px; }
#filelist { margin: 5px 0; }
.upload-picture #body p{ color: #b3975b; }
.upload-picture ul li .profile-pic{ padding: 5px; }
.video-container{margin-bottom: 33px;}
.video-containar .profile-pic .profile_thumb{ position: relative; }
.video-containar .profile-pic .profile_thumb.video_thumb:before, .video-containar .profile-pic .profile_thumb.video_thumb:after{  position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); transform: translate(-50%, -50%); font: normal normal normal 55px/1 FontAwesome; color: #e5e5e5;}
.video-containar .profile-pic .profile_thumb.video_thumb:before{ content: '\f144'; z-index: 1;}
.video-containar .profile-pic .profile_thumb.video_thumb:after{ content: '\f111'; color: #000; }
#uploadFile { border: 1px solid #b3975b; font-size: 17px; border-radius: 4px; color: #fff; letter-spacing: 3px; padding: 13px 30px; text-transform: uppercase; display: inline-block; position: relative; }
#uploadFile:after,
#uploadFile:before { bottom: 4px; left: 4px; position: absolute; right: 4px; top: 4px; z-index: -1; content: ""; }
#uploadFile:before { background: linear-gradient(to bottom, #6f582f 0, #b7955a 99%) rgba(0, 0, 0, 0) }
#uploadFile:after { background: linear-gradient(to bottom, #b7955a 1%, #6f582f 100%) rgba(0, 0, 0, 0); opacity: 1; transition: all .2s ease 0s }
#uploadFile:hover::after { opacity: 0 }
@media only screen and (max-width: 979px){
    .upload-picture .video-containar ul{ display: flex; flex-flow: wrap; }    
    .profile-pic .profile_thumb video { height: auto; }
    .upload-picture .video-containar ul li .profile-pic, .video-containar .profile-pic .profile_thumb{ height: 100%; }
    .video-containar .profile-pic .profile_thumb{ min-height: 120px; display: flex; align-items: center;}
    .upload_btn #uploadFile.btn_gold, .upload_btn #upload.btn_gold, #uploadFile{ font-size: 14px; }
    .video-containar .profile-pic .profile_thumb video{ height: 145px; }
}
@media only screen and (max-width: 767px){
    .upload_btn #uploadFile.btn_gold, .upload_btn #upload.btn_gold, #uploadFile{ font-size: 9px; }
}
@media only screen and (max-width: 479px){
    .upload_btn #uploadFile.btn_gold, .upload_btn #upload.btn_gold, #uploadFile{ width: 100%; text-align: center;}
    .upload_btn #upload{ margin-left: 0; margin-top: 10px; }
}

/* VIDEO THUMB FOR OTHER PROFILE */
.v-thumb-other {
    margin: 30px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    overflow: hidden;   
}
.v-thumb-other .v-box {
    position: relative;
    flex-grow: 1;
    overflow: hidden;
    border-radius: 10px;
    max-width: 260px;
    height: 150px;
    cursor: pointer;
}
.v-thumb-other.basic .v-box:not(:nth-child(-n+3)) {
    display: none;
}
.v-thumb-other .v-box:not(:nth-child(-n+3)) {
    display: none;
}
.v-thumb-other .v-box .v-play-btn {
    width: 30px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    cursor:pointer;
}
.v-thumb-other .v-box .v-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0,0,0,.8);
    font-size: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
}
.video-errors {
    margin-left: auto;
    margin-top: 10px;
    display: block;
    width: 100%;
}
/*POPUP BOX*/
.v-popup-box{
    display: none;
    opacity: 0;
}
.v-popup-box.show {    
    background: rgba(0,0,0,.5);
    position: fixed;
    z-index: 9999999999;
    width: 100vw;
    height: 100vh;
    left: 0;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 1;
    transition: all .5s ease;
}
.v-popup-box .v-popup-container {
    background: #fff;
    width: 90%;
    height: 80vh;
    position: relative;
    border-radius: 6px;
}
.v-popup-box .v-popup-close {
    display: inline-block;
    background-image: url(../images/fancybox_sprite.png);
    position: absolute;
    top: -17px;
    right: -17px;
    width: 36px;
    height: 36px;
    cursor: pointer;
    z-index: 8040;
}
.v-popup-box .v-btns-group {
    position: absolute;
    top: 50%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    transform: translateY(-50%);   
}
.v-popup-box .v-btns-group .btn{
    font-family: FontAwesome;
    font-size: 40px;
    top: 0;
    color: #b3975b;
    visibility: visible;
    display: inline-block;
    background: transparent;
    padding: 0;
    width: auto;
    height: 61px;
}
.v-popup-box .v-btns-group .btn.prev:before {
    position: absolute;
    content: "\f104";
    left: 15px;
}
.v-popup-box .v-btns-group .btn.next:before {
    position: absolute;
    content: "\f105";
    right: 15px;
}
.v-popup-box .v-container {
    padding: 30px 50px;
    height: 100%;
}
.v-popup-box  .v-container video {
    width: 100%;
    height: 71vh;
}
.v-more-link{
    display: none;
}

@media only screen and (max-width: 1700px){
    .v-thumb-other .v-box{
        max-width: 210px;
        height: 120px;
    }
}
@media only screen and (max-width: 1500px){
    .v-thumb-other .v-box {
        max-width: 190px;
        height: 110px;
    }
}
@media only screen and (max-width: 1400px){
    .v-thumb-other .v-box {
         max-width: 31%;
         height: 100px;
    }
}
@media only screen and (max-width: 979px){
    .v-popup-box .v-popup-container{
        height: auto;
    }
    .v-popup-box .v-container video {        
        height: 350px;
    }
}
@media only screen and (max-width: 767px){
    .v-popup-box.show{
        display: none;
    }
    .v-thumb-other{
        flex-wrap: nowrap;
        overflow: auto;
        max-height: 100%;
    }    
    .v-thumb-other .v-box {
        max-width: 100%;
        height: 200px;
        min-width: 36%;
        margin-right: 10px;
        background: #000;
    }
    .v-thumb-other .v-box > img {
        width: 100%;
        height: 200px;
        object-fit: cover;
    }
    .v-thumb-other .v-box .v-overlay{
        display: none;
    }
    .v-thumb-other.basic {
        flex-wrap: wrap;
    }  
    .v-thumb-other.basic .v-box {
        min-width: 100%;
        height: auto;
    }
    .v-thumb-other.basic .v-box:not(:first-child){
        display: none;
    }  
    .v-more-link {
        display: inline-block;
        color: #fff;
        margin-top: 10px;
        margin-left: auto;
        text-decoration: underline;
    }
    .v-thumb-other .v-box video {
        width: 100%;
        height: 200px;
        display: block;
    }
    .v-thumb-other .v-box:not(:nth-child(-n+3)) {
        display: inline-block;
    }
    .video-errors {
        margin-top: 10px;
        padding: 0 10px;
        width: auto;
        margin-right: auto;
        margin-left: 0;       
    }
}