/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */
/* h1, h2, h3, h4, h5, h6, p, li, table { */
#loginscreen {
    color: #FFFFFF;
    background-color: #2B2B2B;
    text-align: center;
    padding: 32px;
    max-width: 280px;
    margin: 16px auto;
}
#loginscreen form input[type="text"], #loginscreen form input[type="password"] {
    color: #FFFFFF;
}
.logouticon {
    position: absolute;
    right: 4px;
    bottom: 4px;
    margin: 8px;
}
.red {
    color: #FF0000;
}
.warning {
    font-weight: bold;
}
.hidden {
    display: none;
}

.mypopup {
    position: fixed;
    top: 0px;
    right: 0px;
    left: 0px;
    bottom: 0px;
    margin:0px;
    padding:16px;
    z-index: 1;
}
pre, pre h1, #inmobalia ul li pre .name, #inmobalia ul li pre .location, #inmobalia ul li pre .type {
    font-size: 18px !important;
    color: #FFFFFF !important;
    background-color: #535353 !important;
}
pre {
    font-size: 16px !important;
}
pre b {
    color: #23FEBD;
}
.alignrighttop {
    position: absolute;
    top: 16px;
    right: 8px;
}
#footer-bottom.no-footer-nav #copyright, #footer-bottom.no-footer-nav #copyright a {
    font-size: 12px !important;
}
/* FAQ */
.wp-block-accordion {
    position:relative;
    display:block;
    width:100%;
    border: 1px solid #C62D2725;
    background: #fff;
    min-height: 24px;
    padding: 0px 16px 0px 16px;
    box-shadow: 2px 2px 10px 0 hsla(0,0%,50%,.4);
    border-radius: 16px;
    margin-bottom: 32px;
    line-height: 24px;
}
.wp-block-accordion h3 {
    margin: 16px;
}
/* STEPS */
.steps .wp-block-column {
	position:relative;
	display:block;
	width:100%;
	border: 1px solid #C62D2725;
	background: #C62D27;
	color: #FFFFFF;
	min-height: 80px;
	padding: 16px;
	box-shadow: 2px 2px 10px 0 hsla(0,0%,50%,.4);
	border-radius: 16px;
	margin-bottom: 32px;
	line-height: 24px;
}
.steps .wp-block-heading {
	color: #FFFFFF;
}
/* NUMBERS */
#numbers {
    padding: 32px 32px 0px 32px;
    flex-wrap:nowrap;
	background: #C62D27;
    border-radius: 16px;
    margin-bottom: 32px;
	/* animation: tilt-n-move-shaking 0.5s infinite; */
}
#numbers .wp-block-column {
    position:relative;
    display:block;
    width:100%;
    border: 1px solid #C62D2725;
    background: #fff;
    min-height: 120px;
    padding: 16px;
    box-shadow: 2px 2px 10px 0 hsla(0,0%,50%,.4);
    border-radius: 16px;
    margin-bottom: 32px;
    line-height: 24px;
	/* animation: tilt-n-move-shaking 0.25s infinite; */
}
#numbers span {
    display: block;
    padding: 8px;
}
#numbers .number {
    text-align: center;
    font-size: 48px;
    font-weight: bold;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
}
#numbers .title {
    text-align: center;
    font-size: 24px;
    font-style: italic;
}

@keyframes tilt-n-move-shaking {
  0% { transform: translate(0, 0) rotate(0deg); }
  25% { transform: translate(5px, 5px) rotate(5deg); }
  50% { transform: translate(0, 0) rotate(0eg); }
  75% { transform: translate(-5px, 5px) rotate(-5deg); }
  100% { transform: translate(0, 0) rotate(0deg); }
}
/* reviews */
.reviews {
    padding-top: 64px;
    padding-bottom: 32px;
    flex-wrap:nowrap;
    overflow: visible;
    overflow-x:auto;
}
.reviews .wp-block-columns {
    width: 150%;
}
.reviews .grid_1 {
	font-size: 14px;
}
@media (max-width: 1200px) {
    #numbers .wp-block-column {
        min-height: 100px;
    }
    #numbers span {
        padding: 4px;
    }
    #numbers .number {
        font-size: 32px;
    }
    #numbers .title {
        font-size: 18px;
    }
}
@media (max-width: 1024px) {
    #numbers .number {
        font-size: 24px;
    }
    #numbers .title {
        font-size: 14px;
    }
}
@media (max-width: 780px) {
    .reviews .wp-block-columns {
        width: 100%;
    }
    .reviews .wp-block-column {
	    margin-top: 32px;
    }
    #numbers .wp-block-columns {
	    padding-bottom: 32px;
    }
    #numbers .wp-block-column {
        min-height: 80px;
	    margin-bottom: 0px;
    }
    #numbers span {
        padding: 2px;
    }
    #numbers .number {
        font-size: 24px;
    }
    #numbers .title {
        font-size: 16px;
    }
}
.custom-icon {
  /* font-size:36px;
  background:#CC0100;
  padding:20px;
  -webkit-border-radius:100%;
  -moz-border-radius:100%;
  -o-border-radius:100%;
  border-radius:100%;
  border:4px solid #fff;
  color:#fff;
	box-shadow: 0 1px 10px #3465A7; */
  background: url(/wp-content/plugins/mybrain-inmobalia/images/checkwit.png) center center no-repeat;
  color: #FFFFFF;
  text-align:center;
  display:table-cell;
  vertical-align:middle;
  width:90px;
  height:90px;
}
.fix-editor {
  display:none;
}
.circle { position:relative;display:block;
  width:100%;
  border: 1px solid #C62D27;
  background: #fff;
  min-height: 260px;
  padding: 0px;
  box-shadow: 2px 2px 10px 0 hsla(0,0%,50%,.4);
  margin-bottom:32px;
  line-height: 24px;
}
.circle .icon-wrapper { 
  position:relative;display:block;
  width:88px;margin:8px auto;
}
.circle .text-wrapper { 
  display:block;
  /* position: absolute; */
  width: 100%;
  /* top: 50%;
  transform: translateY(-50%); */
  margin:0px auto;
  padding:48px 16px 0px 16px;
  /* text-align:center; */
  color:#333333;
  font-weight: normal;
}
.circle .text-wrapper p { margin-bottom:16px; }
.circle .text-wrapper p b.header { display:block;height:48px; }
.circle .text-wrapper p span.orange { color: #C62D27; }
.circle .icon-wrapper {
  width: 90px;
  height: 90px;
  display: inline-block;
  border-radius: 50%;
  background-color: #C62D27;
  color: #FFFFFF;
  text-align: center;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: -45px;
  box-shadow: 2px 2px 10px 0 hsla(0,0%,50%,.4);
}
/* grid.css */
.container .alpha {
	margin-left: 0px
}

.container .omega {
	margin-right: 0px
}

.row {
	margin-left: -30px
}

.row:before, .row:after {
	display: table;
	content: "";
	line-height: 0
}

.row:after {
	clear: both
}

[class*="grid_"] {
	float: left;
	min-height: 1px;
	margin-left: 30px
}

.container {
	width: 1170px
}

.grid_12 {
	width: 1170px
}

.grid_11 {
	width: 1070px
}

.grid_10 {
	width: 970px
}

.grid_9 {
	width: 870px
}

.grid_8 {
	width: 770px
}

.grid_7 {
	width: 670px
}

.grid_6 {
	width: 570px
}

.grid_5 {
	width: 470px
}

.grid_4 {
	width: 370px
}

.grid_3 {
	width: 270px
}

.grid_2 {
	width: 170px
}

.grid_1 {
	width: 70px
}

.preffix_12 {
	margin-left: 1230px
}

.preffix_11 {
	margin-left: 1130px
}

.preffix_10 {
	margin-left: 1030px
}

.preffix_9 {
	margin-left: 930px
}

.preffix_8 {
	margin-left: 830px
}

.preffix_7 {
	margin-left: 730px
}

.preffix_6 {
	margin-left: 630px
}

.preffix_5 {
	margin-left: 530px
}

.preffix_4 {
	margin-left: 430px
}

.preffix_3 {
	margin-left: 330px
}

.preffix_2 {
	margin-left: 230px
}

.preffix_1 {
	margin-left: 130px
}

.container {
	margin-right: auto;
	margin-left: auto;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.container:before, .container:after {
	display: table;
	content: "";
	line-height: 0
}

.container:after {
	clear: both
}

@media (min-width: 980px) and (max-width: 1199px) {
	.row {
		margin-left: -20px
	}

	.row:before, .row:after {
		display: table;
		content: "";
		line-height: 0
	}

	.row:after {
		clear: both
	}

	[class*="grid_"] {
		float: left;
		min-height: 1px;
		margin-left: 20px
	}

	.container {
		width: 940px
	}

	.grid_12 {
		width: 940px
	}

	.grid_11 {
		width: 860px
	}

	.grid_10 {
		width: 780px
	}

	.grid_9 {
		width: 700px
	}

	.grid_8 {
		width: 620px
	}

	.grid_7 {
		width: 540px
	}

	.grid_6 {
		width: 460px
	}

	.grid_5 {
		width: 380px
	}

	.grid_4 {
		width: 300px
	}

	.grid_3 {
		width: 220px
	}

	.grid_2 {
		width: 140px
	}

	.grid_1 {
		width: 60px
	}

	.preffix_12 {
		margin-left: 980px
	}

	.preffix_11 {
		margin-left: 900px
	}

	.preffix_10 {
		margin-left: 820px
	}

	.preffix_9 {
		margin-left: 740px
	}

	.preffix_8 {
		margin-left: 660px
	}

	.preffix_7 {
		margin-left: 580px
	}

	.preffix_6 {
		margin-left: 500px
	}

	.preffix_5 {
		margin-left: 420px
	}

	.preffix_4 {
		margin-left: 340px
	}

	.preffix_3 {
		margin-left: 260px
	}

	.preffix_2 {
		margin-left: 180px
	}

	.preffix_1 {
		margin-left: 100px
	}
}

@media (min-width: 768px) and (max-width: 979px) {
	.row {
		margin-left: -20px
	}

	.row:before, .row:after {
		display: table;
		content: "";
		line-height: 0
	}

	.row:after {
		clear: both
	}

	[class*="grid_"] {
		float: left;
		min-height: 1px;
		margin-left: 20px
	}

	.container {
		width: 748px
	}

	.grid_12 {
		width: 748px
	}

	.grid_11 {
		width: 684px
	}

	.grid_10 {
		width: 620px
	}

	.grid_9 {
		width: 556px
	}

	.grid_8 {
		width: 492px
	}

	.grid_7 {
		width: 428px
	}

	.grid_6 {
		width: 364px
	}

	.grid_5 {
		width: 300px
	}

	.grid_4 {
		width: 236px
	}

	.grid_3 {
		width: 172px
	}

	.grid_2 {
		width: 108px
	}

	.grid_1 {
		width: 44px
	}

	.preffix_12 {
		margin-left: 788px
	}

	.preffix_11 {
		margin-left: 724px
	}

	.preffix_10 {
		margin-left: 660px
	}

	.preffix_9 {
		margin-left: 596px
	}

	.preffix_8 {
		margin-left: 532px
	}

	.preffix_7 {
		margin-left: 468px
	}

	.preffix_6 {
		margin-left: 404px
	}

	.preffix_5 {
		margin-left: 340px
	}

	.preffix_4 {
		margin-left: 276px
	}

	.preffix_3 {
		margin-left: 212px
	}

	.preffix_2 {
		margin-left: 148px
	}

	.preffix_1 {
		margin-left: 84px
	}
}

@media (max-width: 767px) {
	.container {
		width: 100%;
	}

	.row {
		margin-left: 0
	}

	[class*="grid_"] {
		float: none;
		display: block;
		width: 100%;
		margin-left: 0;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box
	}

	.select-menu {
		display: block !important
	}
}

@media (max-width: 479px) {
	body {
		padding: 0
	}

	.container {
		width: 100%;
	}

	.row {
		margin-left: 0
	}
}

@media (max-width: 319px) {
	.container {
		width: 100%;
	}
}

[class*="grid_"].nomarginleft {
	float: left;
	min-height: 1px;
	margin-left: 0px
}
