body {font-family: 'brandon-grotesque', sans-serif !important; color:#000D1F ;}
* {margin: 0; padding: 0; box-sizing:border-box}
h3 {font-size: 25px; line-height: 30px; font-weight: 600}
h2 {font-size: 100px; line-height: 143px; font-weight: 600}
html, body{overflow-x:hidden}
p {font-size: 20px}
a { text-decoration: none !important;}
.logSucess{color:green; font-size:16px;}
.logError{color:red; font-size:16px;}
/*login page*/
.logo {height: 60px;align-items: center;display: flex;justify-content: center;}
header img { width: 190px;  margin: 0 auto;  display: block;}
header { background: #0E0722;  height: 60px; }
body:not(.page-template-login) header { background: #0E0722;  height: 60px;  display: flex;  align-items: center;  justify-content: center; position: fixed; width: 100%; z-index: 9999;}
.login-div h2 { font-size: 23px; text-transform: uppercase; font-weight: 900;max-width: 80%;  line-height: 27px; margin: 0 auto; position: relative}
.login-div { padding:15vh 0px 30px;  text-align: center;}
.login-div h2::after { content: ""; background: #FF8F00;  width: 100px;  height: 3px; position: absolute; left: 0; bottom: -18px;
margin: auto; display: block; right: 0;}
.form-div form {  max-width: 65%;  margin: 54px auto;}
.form-div form label { font-size: 14px;  text-transform: uppercase;  font-weight: 600;    margin-bottom: 3px;}
.form-div form input { border: none; border-bottom: 1px solid #000C1C; border-radius: 0px; padding-left: 0px;}
.form-div form .form-group.input-div { margin-bottom: 50px;}
.form-div form input:focus {border-color:#FF8F00; box-shadow: none}
.form-div form .forgot { text-align: right;}
.form-div form .forgot a { color: #000C1C; font-weight: 600; font-size: 14px;}
.form-div form .forgot { text-align: right; margin-bottom: 50px;}
.form-div form button.btn.btn-new { background: #FF8F00;  color: #fff;  text-transform: uppercase;  width: 100%; border-radius: 0px; height: 40px;   font-weight: 600; position: relative; font-size: 15px; letter-spacing: 1px;}
.form-group.pass-div { margin-bottom: 10px;}
.form-div form button.btn.btn-new img { width: 28px; position: absolute; top: 12px; left: calc(50% + 38px); right:auto; bottom: 0;}
.form-div form input::placeholder {text-transform: uppercase; color:#000D1F; font-size: 11px;}
footer {position: fixed; bottom: 0; background: #FF8F00; width: 100%; text-align: center;padding: 13px 0px; z-index: 9; }
footer p { margin-bottom: 0px; color: #fff; font-size: 10px; text-transform: uppercase;font-weight: 600;}
.table-responsive.table-new.payment-div input.date_field {text-align: center; padding-right: 0; width: 100px; }
/*inner pages*/
header.inner-header .logo { justify-content: flex-start;}
header.inner-header .right-header ul.list-inline li h4 {  color: #fff; text-transform: uppercase; font-size: 14px; letter-spacing: .5px; line-height: 20px; font-weight: 800;    margin-bottom: 0px;}
header.inner-header .right-header ul.list-inline li h4 a { color: #fff; }
header.inner-header .right-header ul.list-inline { text-align: right; margin-bottom: 0px}
header.inner-header .right-header { height: 60px;  display: flex;  align-items: center;    justify-content: flex-end;}
.sidebar-div { height: 100vh; position: fixed; top: 40px; background: #FAFAFA; box-shadow: 1px 1px 10px 1px rgb(0 0 0 / 6%);
    padding-top: 30px;  width: 245px; margin-top:  22px;}
.sidebar-div ul li a { padding:13px 30px; font-size: 13px; line-height: 19px; text-transform: uppercase; letter-spacing: .5px;    color: #000D1F; font-weight: 800; width: 100%; display: inline-block;}
.sidebar-div ul li {margin-bottom: 5px;}
.sidebar-div ul li.active a /*, .sidebar-div ul li:hover a*/ { background: #000D1F; color: #fff}

.rightbar-content { margin-left: 270px; width: calc(100% - 270px);float: left; margin-top: 110px;margin-bottom: 70px;}
.rightbar-content .right-head h3 { color: #F7981E; font-size: 14px;  line-height: 20px;  text-transform: uppercase; font-weight: 800; margin-bottom: 24px;}
.brand-logo .inner-brand {position: absolute; top: 50%;  bottom: 0; left: 0; right: 0; height: 0px; transform: translateY(-50%);  width: 100%;}
.brand-logo { position: relative;}
.inner-brand img { margin: 0 auto; display: block;}
.brand-logo::before { background: rgba(0,0,0,0.2);  content: "";  position: absolute; left: 0; width: 100%;  height: 100%;}
.right-head ul { margin-bottom: 60px;}
.form_page .brand-logo{border:2px solid #FFF;}
.form_page .brand-logo:hover, .form_page .brand-logo.active{border:2px solid #FF8F00;}
.selectize-control .selectize-input{border: none!important; border-bottom: 1px solid #000D1F!important; width: 46%; padding: 0 !important; border-radius: 0!important;}
#user_country-selectized, #yacht_delivery_country-selectized{width:100%!important;}
.disabledCls.selectize-input::after {display:none!important;}
.removeManualConItem{background: #E64E1F;
  border-radius: 100px;
  color: #fff;
  font-weight: bold;
  font-size: 10px;
  width: 20px;
  position: absolute;
  text-align: center;
  margin-left: 7px;
  height: 20px;}
.arrowpopup {
position: relative;
display: inline-block;
cursor: pointer;
}
.arrowpopup .tooltiptext {
visibility: hidden;
max-width: 100vw;
background-color: #000;
color: white;
border-radius: 4px;
padding: 10px;
position: absolute;
bottom: 25px;
left: 8px;
margin-left: -85px;
width: max-content;
font-size: 16px;
line-height: 20px;
text-transform: none;
}
.arrowpopup .tooltiptext::after {
content: "";
position: absolute;
top: 100%;
left: 90px;
margin-left: -5px;
border-width: 5px;
border-style: solid;
border-color: #000 transparent transparent transparent;
}
.arrowpopup .show {
visibility: visible;
}
.arrowpopup .hide {
visibility: hidden;
}

input#yacht_price_percentage {
    float: left;
    width: 80%;
    padding-right: 15px;
}

select#yacht_tradein_dt {
    float: right;
    margin-bottom: 20px;
	max-width: 18%;
}
li.list-inline-item.brandyacht.pre_owned_yachts
{
    display: inline-block !important;
} 

li.list-inline-item.brandyacht.bluegame
{
    display: none;!important;
}       


.right-select h3 { color: #F7981E; font-size: 14px;  line-height: 20px;  text-transform: uppercase; font-weight: 800; margin-bottom: 24px;}
.right-select select { max-width: 340px; border: none; border-bottom: 1px solid #000D1F; border-radius: 0px;  padding: 0px;
    text-transform: uppercase; padding-bottom: 12px; background-image: url(../images/select-arrow.svg); appearance: none;
    background-repeat: no-repeat; background-position: 100%; font-size: 14px; line-height: 20px;margin-bottom: 60px;}
.right-model h3 { color: #F7981E; font-size: 14px;  line-height: 20px;  text-transform: uppercase; font-weight: 800; margin-bottom: 24px;}
.drop-data p { font-weight: 800;  font-size: 15px;  line-height: 28px;  margin-bottom: 0px;}
.drop-data p span { font-weight: normal; float: right; width: 55%;}
header.inner-header {padding: 0px 25px;}
.copyright ul li p { font-size: 14px; line-height: 20px; margin-bottom: 0px;font-weight: 800;}
.copyright ul { margin-bottom: 0px; text-align: right;}
.navbar-toggle { display: none;}

form.info-form { max-width: 90%;margin-bottom: 30px;}
form.info-form input, form.info-form select { border: none; border-bottom: 1px solid #000D1F; border-radius: 0px; padding: 0px;
    height: 50px; margin-top: 10px;}
form.info-form input:focus, form.info-form select:focus {border:none; box-shadow: none; border-bottom: 1px solid #000D1F}
form.info-form input::placeholder {text-transform: uppercase; font-size: 14px; line-height: 20px; color: #000D1F}
form.info-form .form-left { padding-right: 70px;}
form.info-form .form-left select { max-width: 47%; text-transform: uppercase}
form.info-form .date-agree.form-left { margin-top: 50px;}
form.info-form .form-control { text-transform: uppercase;}
form.info-form button.from-btn { background: #FF8F00;  border: none; color: #FFF; font-size: 15px; text-transform: uppercase; font-weight: 700; float: right; margin-top: 44px;padding: 16px 48px;}

.procide-btn { background: #FF8F00;  border: none; color: #FFF; font-size: 14px; text-transform: uppercase; font-weight: 700; float: right; padding: 10px 20px;font-family:'brandon-grotesque', sans-serif !important;}

.jconfirm-content-pane .jconfirm-content div{font-family:'brandon-grotesque', sans-serif !important;}

.rightbar-content .right-head .table-new h3 { margin-bottom: 0px;color: #000D1F; font-size: 15px; font-weight: 800;}
.table-responsive.table-new th { border: none;}
.table-striped tbody tr:nth-of-type(even) { background-color: rgba(245,245,245,1);}
/* .table-striped tbody tr:nth-of-type(even) { background-color: #6194db;} */
.table-striped tbody tr:nth-of-type(odd) { background-color: #fff;}
.table-responsive.table-new td { border: none;padding: 6px 12px;text-transform: uppercase;font-size: 14px; line-height: 20px; vertical-align: middle;}
.table-responsive.table-new th { border-top: 5px solid #fff; color: #F7981E; font-size: 14px; line-height: 20px; text-transform: uppercase; font-weight: 800;  margin-bottom: 24px;}
.table-responsive.table-new select { width: 70px; height: 25px; padding-left: 10px; border: none; box-shadow: 1px 1px 10px rgb(0 0 0 / 6%);}
.table-responsive.table-new tr.second-table { margin-top:23px; width: 100%; display: table-row; background: transparent;}
.table-responsive.table-new td img { margin-left: 5px; margin-top: -5px;}

.table-responsive.table-new.payment-div input { height: 25px; border: none; text-align: right; padding-right: 10px; width: 70px; box-shadow: 1px 1px 10px rgb(0 0 0 / 10%);}

.payment-agree {margin-top: 0px; margin-bottom: 20px}
.rightbar-content .right-head .payment-agree h3 { color: #000D1F; font-size: 15px; font-weight: 800;}
.payment-agree textarea { padding: 30px; border: none; box-shadow: 1px 1px 10px rgb(0 0 0 / 10%);height: 255px; resize: none;}
.payment-agree textarea::placeholder {font-style: italic; line-height: 22px; font-size: 15px}
table.table.table-striped { /*overflow-x: auto; white-space: nowrap; */}

button.form-btn { float: right; margin-top: 30px; background: #FF8F00; border: none; color: #FFF; text-transform: uppercase; font-weight: 700; line-height: 22px;font-size: 15px;padding: 16px 48px;}

.radio {
  display: block;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  text-align: left;
}
.radio + .radio {
  margin-top: 7px;
}
.radio input {
  display: none;
}
.radio input + span {
  display: inline-block;
  position: relative;
  padding-left: 20px;
}
.radio input + span:before {
    content: '';
    display: block;
    position: absolute;
    top: -8px;
    left: 18px;
    border-radius: 50%;
    margin-right: 5px;
    width: 16px;
    height: 16px;
    border: 1px solid #ccc;
    background: #fff;
}
.radio input + span:after {
    content: '';
    display: block;
    width: 12px;
    height: 12px;
    background: #222;
    position: absolute;
    border-radius: 50%;
    top: -6px;
    left: 20px;
    opacity: 0;
    transform: scale(0, 0);
    transition: all 0.2s cubic-bezier(0.64, 0.57, 0.67, 1.53);
}
.radio input:checked + span:after {
  opacity: 1;
  transform: scale(1, 1);
}
#yacht_delivery_country.hideSelectStyle{appearance:none; pointer-events:none;}
.tooltip[role="tooltip"], .tooltip-inner {
    z-index: 9999 !important;
}
form.info-form.tarde-info select {height: 50px !important}
form.info-form.tarde-info .short-input { max-width: 47%;padding-left: 5px;}
form.info-form.tarde-info  select.form-control.select-right { max-width: 100%; height: 50px}
form.info-form.tarde-info button.from-btn {    margin-top: 20px}
.choose_model_section .select_model_section:focus { border-color: unset; box-shadow: none;}

.form-left .selectize-control.form-control.single { width: 50%;    padding-right: calc((3vw * 0.6) + 10px);}
.form-left .selectize-input.items.not-full.has-options { border: none;  border-bottom: 1px solid #000D1F;  border-radius: 0px; padding-left: 0px !important; height: 50px;}
.form-left .selectize-control .selectize-input {    width: 100%;}
.form-left .selectize-input.items.not-full.has-options.dropdown-active, .selectize-input.focus {outline: none; box-shadow: none}
.form-left .selectize-input.items.has-options.full.has-items { height: 50px;}
.form-left .selectize-input.items.has-options.full.has-items .item { margin-top: 15px; color: #495057}
.form-left .selectize-input.items.not-full.has-options input::placeholder {  text-transform: uppercase; font-size: 14px; line-height: 20px; color: #000D1F;}
.sub_cat_custom_option td{padding:12px!important;}
.specification_section .spec_group p {
    font-size: 16px;
}

.specification_section .yacht-disclaimer p {
    font-size: 16px;
}

/*Responsive*/
@media (max-width:1024px)
{
	.brand-logo { margin-bottom: 10px;}
	.right-head ul { margin-bottom: 30px;}
	.right-select select {    margin-bottom: 30px;}
	.right-select h3, .right-model h3 {    margin-bottom: 15px}
}

@media (max-width:991px)
{
	form.info-form .form-left select, form.info-form.tarde-info .short-input{ max-width: 100%;  text-transform: uppercase;}
}

@media (max-width:767px)
{
	.navbar-toggle { display: block;}
	.sidebar-div {height: 100%; position: relative;width: 100%; padding-top: 20px; top: 90px; padding-bottom: 10px;}
	.rightbar-content { margin-left: 0px; width: 100%; float: none; margin-top:110px;  margin-bottom: 70px; clear: both;}
	.drop-data p span {    width: 55%;}
	.right-head ul li { width: 47%;}
	header.inner-header {height: auto;    z-index: 9;}
	 .navbar-toggle { background-image: url(../images/feather-menu.png);  width: 30px; height: 30px; border: none;  background-repeat: no-repeat;margin: 0px auto; display: block; background-color: transparent;}
	header.inner-header .logo { justify-content: center;}
	header.inner-header .right-header { justify-content: center;height: auto; }
	.navbar-toggle:focus { outline: none;}
	.sidebar-div ul {  margin-top: 8px;}
	.sidebar-div ul.list-unstyled {display: none;}
	form.info-form .form-left { padding-right: 15px;}
	form.info-form .form-left select { max-width: 100%;}
	form.info-form { max-width: 100%;}
	form.info-form .date-agree.form-left { margin-top: 0px;}
	form.info-form button.from-btn {float: left; margin-top: 10px;}
	.table-responsive.table-new.payment-div, .payment-agree {max-width: 100%;}
	.payment-agree {    margin-top: 30px}
	form.info-form.tarde-info .short-input { max-width: 100%;}
	.brandyacht .brand-logo > img { object-fit: cover; }
    header img { width: 75px; padding-top: 73px;  margin: 0 auto;  display: block;}
    .login-div { padding: 120px 0px 35px;  text-align: center;}
    .page-template-login .btn { padding: 0.375rem 56px 0.375rem 0.75rem !important; }
    .form-div form button.btn.btn-new img { width: 28px; position: absolute; top: 12px; left: calc(50% + 20px); bottom: 0; }
	.form-left .selectize-control.form-control.single { width: 100%; padding-right: 0px;}

    /* Mobile Tweaks */
    body:not(.page-template-login) header { padding: 0 20px; }
    body:not(.page-template-login) header img { padding-top: unset; width: 175px; }
    header.inner-header .logo { justify-content: unset; padding: 0; }
    header.inner-header .right-header { justify-content: flex-end; padding: 0; }
    header .list-inline-item:not(:last-child) { margin-right: 0; }
    .sidebar-div { display: none; }
    .container { max-width: 100%; }
}

@media only screen and (min-width: 768px) {
    .page-template-login header img { width: 75px; padding-top: 73px;  margin: 0 auto;  display: block;}
    body:not(.page-template-login) header img { width: 175px; margin: 0 auto;display: block;}
	.brandyacht .brand-logo > img { width: 185px; height: 125px; object-fit: cover; }
	.sidebar-div .list-unstyled { padding-top: 32px;}
    form.info-form .form-left { padding-right: calc((5vw * 0.60) + 15px) ;}
    div#information_page_view form.info-form .form-left select { max-width: calc(((100% + ((5vw * 0.60) + 15px) + 15px) / 2) - ((5vw * 0.60) + 15px) - 15px); }
    form.info-form .form-left select { max-width: 47%; }
	#configuration_page_view .table-responsive.table-new { width: 90%; }
	header img.login { width: 75px; padding-top: 73px; margin: 0 auto; display: block; }
}

.brandlogo img { max-height: 11px;}
.ui-tooltip-content { font-size: 14px; font-family: 'brandon-grotesque', sans-serif !important; color: #000D1F; text-transform: uppercase; }

input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none; 
}

#configuration_page_view .parent_tr {
  background-color: #000D1F;
  cursor: pointer;
  transition: 0.2s;
}

#configuration_page_view .parent_tr h3{
	color:#FFF;
}

#configuration_page_view .active, #configuration_page_view .parent_tr:hover {
  background-color: #000D1F;
}

/*#configuration_page_view .panel {
  display: none;
  transition: max-height 0.2s ease-out;
}*/

/** === Temporary Changes === **/
html[lang="en-US"] { margin-top: 0 !important; }
#wpadminbar { display: none !important;}
@media screen and ( max-width: 782px ) {
	html { margin-top: 0 !important; }
}
/** END **/
/** === Conform Modal Popup === **/
.jconfirm.jconfirm-light .jconfirm-box {
    padding: 30px;
}

.jconfirm .jconfirm-box .jconfirm-buttons {
    margin-bottom: 0;
	padding-bottom: 0 !important;
}

.jconfirm.jconfirm-light .jconfirm-buttons button {
    border-radius: unset !important;
    font-size: 15px;
    font-weight: 700;
    padding: 16px 48px !important;
    margin: 0 !important;
}

.jconfirm.jconfirm-light .jconfirm-box-container {
    flex: 0 0 50%;
    max-width: 50%;
}

.tradeRadioMain {
    display: flex;
}


.tradeRadioMain .tradeRadioBtn {
    display: flex;
    padding-left: 20px;
    position: relative;
    margin-left: 10px;
}

.tradeRadioMain .tradeRadioBtn input {
    position: absolute;
    left: 0;
    top: 4px;
    width: 100%;
    height: 100%;
    margin: 0;
    opacity: 0;
    z-index: 2;
}

.tradeRadioMain label {
    margin: 0;
}
.tradeRadioBtn small{ 
	width: 15px;
    height: 15px;
    position: absolute;
    left: 0;
    top: 4px;
	}
.tradeRadioBtn small:before {
    content: "";
    border: 1px solid #FF8F00;
    border-radius: 50%;
	width:100%;
	height:100%;
	position: absolute;
    left: 0;
    top: 0;
}
.tradeRadioBtn small:after {
    content: "";
    width:100%;
	height:100%;
    position: absolute;
    left: 0;
    top: 0;
    border: 1px solid #FF8F00;
    border-radius: 50%;
	background:#FF8F00;
	box-shadow:0 0 0 2px #fff inset;
    opacity:0;
	z-index:1;
}

.tradeRadioMain .tradeRadioBtn input:checked ~ small:after {
    opacity:1;
}