/*---------------------------------------------------------------------------------------------------
General
---------------------------------------------------------------------------------------------------*/

:root{
  --house_trader-main: #2B7DE1;
  --house_trader-maindark: #0033A1;
  --house_trader-mainlight: #8BB8EA;
  --house_trader-text: #13284C;
  --house_trader-textlight: #003A70;
  --house_trader-textdark: #051C2C;
}
body a{
  color:var(--house_trader-main);
}
body a:hover{
  color:var(--house_trader-main);
}
.bcf-mws{
  max-width: 1170px;
  width: 100%;
  margin: 0 auto;
}

body *, body *:hover, body *:active{
	-webkit-tap-highlight-color: transparent;
	-mox-tap-highlight-color: transparent;
	-o-tap-highlight-color: transparent;
	-ms-tap-highlight-color:  transparent;
	-webkit-touch-callout: none;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active{
    -webkit-box-shadow: 0 0 0 30px white inset !important;
}

[type=button], [type=submit], button{
  border: unset;
  border-radius: 4px;
  padding: 10px 24px;
  color: #fff;
  background-color:var(--house_trader-main);
}

[type=button]:hover, [type=submit]:hover, button:hover,
[type=button]:focus, [type=submit]:focus, button:focus,
[type=button]:active, [type=submit]:active, button:active{
  background-color:var(--house_trader-maindark);
  outline: unset;
}

input[type=date], input[type=email], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=url], select, textarea{
  border-color: rgba(0,0,0,0.12);
  box-shadow: 0 4px 12px rgba(0,0,0,0.06);
  border-radius: 4px;
}
input[type=date]:focus, input[type=email]:focus, input[type=number]:focus, input[type=password]:focus,
input[type=search]:focus, input[type=tel]:focus, input[type=text]:focus, input[type=url]:focus, select:focus, textarea:focus{
  border-color:var(--house_trader-main);
  outline: unset;
}
input::placeholder{
  color: var(--house_trader-text);
  opacity: 0.36
}
.wpcf7 form .wpcf7-response-output{
  margin-top: 48px;
}
.house_Trader_one_form{
  display: flex;
  justify-content: space-between;
  position: relative;
  align-items: center;
  border: 1px solid rgba(0,0,0,0.12);
  box-shadow: 0 4px 12px rgba(0,0,0,0.06);
  border-radius: 12px;
  padding: 10px 10px 10px 16px;
  background-color: #fff;
}
body .house_Trader_one_form input{
  border: unset;
  box-shadow: unset;
  padding-top: 0;
  padding-bottom: 0;
  position: relative;
}
.house_Trader_one_form>span{
  position: relative;
}
.house_Trader_one_form>span:not([type=submit],:first-of-type):before{
  content: '';
  width: 1px;
  height: 100%;
  position: absolute;
  top: 0;
  left: -1px;
  background-color: var(--house_trader-mainlight);
  opacity: 0.36;
}
.house_Trader_one_form .wpcf7-not-valid-tip{
  position: absolute;
  top: calc(100% + 32px);
  width: 100%;
  text-align: center;
}
.house_Trader_one_form .wpcf7-spinner{
  display: none;
}

.house_trader-btn *{
  transition: 0.3s ease all;
}
.house_trader-btn{
  display: inline-block;
  position: relative;
  cursor: pointer;
  height: max-content;
}
.house_trader-btn:before,
.house_trader-btn.outlined:after{
  top: 0;
  left: 0;
  position: absolute;
  border-radius: 4px;
  width: 100%;
  height: 100%;
  z-index: 0;
  content: '';
}
.house_trader-btn.outlined:before{
  opacity: 0;
}
.house_trader-btn:before{
  background-color: var(--house_trader-main);
}
.house_trader-btn.outlined:after{
  border: 1px solid var(--house_trader-main);
}
.house_trader-btn a{
  display: block;
  padding: 10px 24px;
  text-decoration: none;
  position: relative;
  color: #fff;
}
.house_trader-btn.outlined a{
  color: var(--house_trader-main);
  z-index: 99;
}

.house_trader-title h2{
  position: relative;
  display: inline-block;
}
.house_trader-title h2:before{
  z-index: 0;
  content: '';
  width: 100%;
  height: 8px;
  background-color: var(--house_trader-main);
  opacity: 0.2;
}

.house_trader-list{
  list-style: none;
  padding-inline-start: 1.5em;
  line-height: 1.5em;
  margin: 1.5em 0 1.5em 1em;
  display: grid;
  grid-gap: 0.5em;
}
.house_trader-list li{
  position: relative;
}
.house_trader-list li:marker{
	display:none;
}
.house_trader-list  li::before{
  position: absolute;
  top: 0.25em;
  left: -1.5em;
  content: '';
  width: 1em;
  height: 1em;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='48' width='48' fill='%232B7DE1'%3E%3Cpath d='M24 29q2.1 0 3.55-1.45Q29 26.1 29 24q0-2.1-1.45-3.55Q26.1 19 24 19q-2.1 0-3.55 1.45Q19 21.9 19 24q0 2.1 1.45 3.55Q21.9 29 24 29Zm0 15q-4.1 0-7.75-1.575-3.65-1.575-6.375-4.3-2.725-2.725-4.3-6.375Q4 28.1 4 23.95q0-4.1 1.575-7.75 1.575-3.65 4.3-6.35 2.725-2.7 6.375-4.275Q19.9 4 24.05 4q4.1 0 7.75 1.575 3.65 1.575 6.35 4.275 2.7 2.7 4.275 6.35Q44 19.85 44 24q0 4.1-1.575 7.75-1.575 3.65-4.275 6.375t-6.35 4.3Q28.15 44 24 44Zm.05-3q7.05 0 12-4.975T41 23.95q0-7.05-4.95-12T24 7q-7.05 0-12.025 4.95Q7 16.9 7 24q0 7.05 4.975 12.025Q16.95 41 24.05 41ZM24 24Z'/%3E%3C/svg%3E");
  background-size: contain;
}
.house_trader-list  ol li::before{
  display: none;
}
.house_trader-list li.check::before{
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='%2366BB6A'%3E%3Cpath d='M23.0156 12L20.5781 9.1875L20.9062 5.53125L17.2969 4.6875L15.4219 1.5L12 2.95312L8.57812 1.5L6.70312 4.6875L3.09375 5.48438L3.42188 9.1875L0.984375 12L3.42188 14.8125L3.09375 18.4688L6.70312 19.3125L8.57812 22.5L12 21.0469L15.4219 22.5L17.2969 19.3125L20.9062 18.4688L20.5781 14.8125L23.0156 12ZM10.0781 16.7344L6.28125 12.8906L7.78125 11.4375L10.0781 13.7812L15.9375 7.875L17.4375 9.375L10.0781 16.7344Z'/%3E%3C/svg%3E");
}
/* ::marker{

} */
::marker{
  font-weight: 600;
}


/*---------------------------------------------------------------------------------------------------
@keyframes
---------------------------------------------------------------------------------------------------*/
@keyframes htentrance {
  from{
    opacity: 0;
  }
  to{
    opacity: 1;
  }
}
@keyframes htout {
  from{
    opacity: 1;
  }
  to{
    opacity: 0;
  }
}
/*---------------------------------------------------------------------------------------------------
Header
---------------------------------------------------------------------------------------------------*/
.mobile_menu{
	display:none;
}
#house_trader_header>div{
  display: grid;
  grid-template-columns: auto 1fr auto;
  grid-gap: 16px;
  align-items: center;
  z-index: 9999;
  background: #fff;
}
#house_trader_header nav ul{
  list-style: none;
  display: flex;
  grid-gap: 1.5rem;
  padding: 0;
}
#house_trader_header .website_menu nav ul{
  justify-content: center;
}
#house_trader_header li.cta{
  display: none;
}
#house_trader_header .header_actions{
  width: max-content;
  display: flex;
  grid-gap: 32px;
  align-items: center;
  justify-content: flex-end;
}
#house_trader_header nav a{
  font-weight: 600;
  color: var(--house_trader-text)
}
#house_trader_header .mobile_menu *{
  transition: 0.3s ease all;
}
#house_trader_header .menu_icon{
  width: 48px;
  height: 48px;
  position: relative;
}
#house_trader_header .menu_icon div{
  width: 20px;
  height: 2px;
  background-color: var(--house_trader-text);
  position: absolute;
  left: 14px;
  top: 22px;
  border-radius: 2px;
}
#house_trader_header .menu_icon .top{
  top: 16px;
}
#house_trader_header .menu_icon .bot{
  top: 28px
}
#house_trader_header .mobile_menu .the_menu{
  display: grid;
  position: absolute;
  top: 100%;
  width: 100%;
  z-index: 999;
  background-color: #fff;
  left: -110%;
  padding: 16px;
}
#house_trader_header .mobile_menu li.cta{
  display: block;
}
#house_trader_header .mobile_menu.active .the_menu{
  left: 0;
}
#house_trader_header .mobile_menu .the_menu nav,
#house_trader_header .mobile_menu .the_menu ul{
  max-width: 100vw;
}
#house_trader_header .mobile_menu .the_menu ul{
  display: grid;
}
#house_trader_header .mobile_menu.active .menu_icon{
  transform: rotate(45deg);
}
#house_trader_header .mobile_menu.active .menu_icon .top{
  top: 22px;
}
#house_trader_header .mobile_menu.active .menu_icon .bot{
  top: 22px;
  transform: rotate(90deg);
}




/*---------------------------------------------------------------------------------------------------
Language Switcher
---------------------------------------------------------------------------------------------------*/
.language-select{
  position: relative;
  width:120px;
  cursor: pointer;
}
.language-select *{
  font-weight: 600;
}
.language-select .curent-lang,
.language-select .lang-list-item{
  display: grid;
  grid-template-columns: auto auto;
  grid-gap: 1rem;
  font-weight: 700;
  align-items: center;
  position: relative;
  justify-content: flex-end;
}
.language-select .language-select-list{
  position: absolute;
  top: 100%;
  right:0;
  z-index: 999;
  width: 100%;
  padding: 1rem;
  border-radius: 4px;
  box-shadow: 0 4px 24px rgba(0,0,0,0.16);
  display: none;
  grid-gap: 1rem;
  background-color: #fff;
}
.language-select .language-select-list.active{
  display: grid;
}
.language-select .curent-lang{
  min-height: 80px;
  padding:1rem;
}
.language-select .lang-icon{
  width: 2rem;
  height:2rem;
  border-radius: 1rem;
  overflow: hidden;
}
.language-select .lang-icon img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.lang-list-item:not(a){
  opacity: 0.5;
  user-select: none;
  -webkit-user-select: none; /* Safari */
  -ms-user-select: none; /* IE 10 and IE 11 */
  user-select: none; /* Standard syntax */
}



/*---------------------------------------------------------------------------------------------------
List item
---------------------------------------------------------------------------------------------------*/
.housetrader_tablist_wrapper{
  display: grid;
  grid-template-columns: auto 1fr;
}

.house-trader-list_tabs_wrapper{
  display: grid;
  align-items: center;
}
.house-trader-list_content_wrapper{
  display: grid;
  align-items: center;
  min-height: 360px;
  padding: 24px;
}
.house-trader-list_content_wrapper p{
	margin-bottom: 24px;
}
.house-trader-list_tabs{
  list-style: none;
  padding-inline-start:0;
  padding: 12px;
  border-right:1px solid rgba(0,0,0,0.12);
  color: var(--house_trader-textlight);
  grid-gap: 16px;
}
.house-trader-list_tabs .list_item{
  position: relative;
  cursor: pointer;
  padding:10px 16px;
  border-radius: 4px
}

.house-trader-list_tabs .list_item *{
  transition: 0.3s ease all;
  position: relative;
  font-weight: 600;
}

.house-trader-list_tabs .list_item:before{
  top: 0;
  left: 0;
  position: absolute;
  border-radius: 4px;
  width: 100%;
  height: 100%;
  z-index: 0;
  content: '';
  background-color: var(--house_trader-main);
  opacity: 0;
}
.house-trader-list_tabs .list_item.active *{
  color: #fff;
}
.house-trader-list_tabs .list_item.active:before{
  opacity: 1;
}


.housetrader_tablist_wrapper .content_item:not(.active){
  display: none;
}

.housetrader_tablist_wrapper .content_item.active{
  animation: htentrance 0.5s ease 0s 1 normal forwards;
}
.housetrader_tablist_wrapper .content_item.vanished{
  animation: htout 0.5s ease 0s 1 normal forwards;
}
/*---------------------------------------------------------------------------------------------------
responsive
---------------------------------------------------------------------------------------------------*/
@media (max-width:1200px){
	#house_trader_header{
		padding-left:16px;
		padding-right:16px;
	}
}


@media (max-width:1024px){
	.website_menu,.header_actions .house_trader-btn{
		display:none;
	}
	.mobile_menu{
		display:unset;
	}
}

@media (max-width:512px){
	.housetrader_tablist_wrapper{
		grid-template-columns: 1fr;
	}
	.house-trader-list_content_wrapper{
		padding: 0 12px;
		padding-top: 32px;
	}
	.house-trader-list_tabs{
		border-right:unset;
		border-bottom: 1px solid rgba(0,0,0,0.12);
	}
	.house_Trader_one_form{
		display:grid;
		padding: 10px;
	}
	.house_Trader_one_form span input:not([type="button"]):not([type="submit"]){
		padding-left:0;
	}
	
	.house_Trader_one_form span input:[type="button"],
	.house_Trader_one_form span input:[type="submit"]{
		margin-top: 8px;
		margin-bottom: 4px;
	}
	.house_Trader_one_form>span:not([type=submit],:first-of-type):before{
		display:none;
	}
	
	.house_Trader_one_form>span:not([type=submit],:first-of-type){
		border-top: 1px solid #8BB8EA33;
	}
}
