#throbble {
    display: none
}
body {
    font-family: 'Open Sans', sans-serif;
    background: #9fdcee;
    font-weight: 300;
    font-size: 18px;
    line-height: 34px;
}
h1 {
    font-size: 30px;
    padding-top: 30px;
}
h1 span {
    color: #ffdfa2;
    font-size: 35px;
}
.modal h2 {
    font-family: 'Barrio', cursive;
}


.barrio-header {
    font-family: 'Barrio', cursive;
    font-size: 35px;
    padding-top: 30px;
}
.modal h2 {
    font-family: 'Barrio', cursive;
}
.barrio-header span {
    color: #fa6367;
}
.barrio-header .head-bold {
    font-weight: bold;
}

header {
    padding-bottom: 30px;
    background: #9fdcee;
}
header p {
    font-weight: bold;
}
.header-image {
    width: 100%;
}
.slideshow-holder {
    padding: 32px 25px 0;
    border-radius: 20px;
    border: 1px dashed rgba(0,0,0,0.4);
    margin: 35px 0 28px;
}
.cycle-slideshow {
	margin: 0;
}
.cycle-slideshow li {
	display: none;
	font-size: 30px;
	line-height: 40px;
}
.cycle-slideshow li .fa {
	color: #fa6367;
	font-size: 38px;
	padding-right: 2px;
}
.cycle-slideshow li strong {
	font-size: 37px;
}
.cycle-slideshow li span {
	display: block;
	padding-left: 46px;
}
.cycle-slideshow li .replay {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 10px;
    color: #6FABBD;
    display: block;
    line-height: 23px;
    background: #BCE7F3;
    border-radius: 4px;
    padding: 0 5px;
}
.cycle-slideshow li .replay:hover {
	text-decoration: none;
	background: #fff;
}
.cycle-slideshow li .replay .fa {
    font-size: 11px;
    padding-right: 1px;
    color: #6FABBD;
}
.ico-danger {
	width: 24px;
	height: 24px;
}
#house-checker {
    width: 100%;
    height: 100%;
    margin: 0 auto;
    max-width: 100%;
    text-align: center;
}
.house-wrapper {
    width: 1600px;
    height: 600px;
    line-height: normal!important;
    margin: 0 auto;
    text-align: center;
    max-width: 100%;
}
#house-checker .col-lg-12,
#house-checker .col-md-12 {
    padding: 0;
}
#bathroom path,
#bathroom rect,
#bathroom polygon,
#bathroom circle,
#bedroom path,
#bedroom rect,
#bedroom polygon,
#bedroom circle,
#garage path,
#garage rect,
#garage polygon,
#garage circle,
#living_room path,
#living_room rect,
#living_room polygon,
#living_room circle,
#kitchen path,
#kitchen rect,
#kitchen polygon,
#kitchen circle,
#patio path,
#patio rect,
#patio polygon,
#patio circle {
    transition: 0.5s;
}
#bathroom:hover path,
#bathroom:hover rect,
#bathroom:hover polygon,
#bathroom:hover circle,
#bedroom:hover path,
#bedroom:hover rect,
#bedroom:hover polygon,
#bedroom:hover circle,
#garage:hover path,
#garage:hover rect,
#garage:hover polygon,
#garage:hover circle,
#living_room:hover path,
#living_room:hover rect,
#living_room:hover polygon,
#living_room:hover circle,
#kitchen:hover path,
#kitchen:hover rect,
#kitchen:hover polygon,
#kitchen:hover circle,
#patio:hover path,
#patio:hover rect,
#patio:hover polygon,
#patio:hover circle {
    opacity: 0.7;
    fill: #FFF;
    stroke: #333;
    stroke-width: 1px;
    transition: 0.5s;
    cursor: pointer;
}
#bedroom:hover path {
    position: relative;
}
#bedroom:hover path::before {
    content: "\f000";
    display: block;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    fill: blue;
    stroke: BLUE;
    font-size: 50PX;
}
footer {
    background: url('../images/footer-family.jpg') center top repeat-x #785e5c;
    padding: 110px 0 70px;
    color: #FFF;
    font-size: 15px;
    line-height: 26px;
}
footer h2 {
    font-size: 25px;
    margin-bottom: 20px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 2px;
    padding-top: 20px;
}
footer h2 span {
	color: #ffdfa2;
	font-size: 33px;
}
footer h3 {
    padding-bottom: 10px;
}
footer ul {
	padding: 0;
}
footer ul li {
    background: url(../images/footer-icon.png) no-repeat 0 -1px;
    list-style-type: none;
    text-align: left;
    padding: 15px 0 15px 33px;
}
footer ul.ssbp-list li {
	background: none;
	padding: 0;
}
footer ul li strong {
    color: #ffdfa2;
    font-size: 20px;
}
footer ul li ul li {
	background: none;
	padding: 10px 0 0;
}
footer ul li ul li .fa {
	padding-right: 4px;
}
footer img.family {
	display: none;
}
.share-box {
    background: #ffdfa2;
    padding: 2em;
    border-radius: 5px;
    font-size: 15px;
    line-height: 26px;
    color: #000;
    margin-left: 20px;
    min-height: 280px;
    margin-top: 460px;
}
.share-box h3 {
	margin-top: 3px;
}
.resources {
	background: #684A47;
	color: #fff;
	padding: 50px 0;
}
.resources h3 {
	margin: 0 0 30px;
	font-weight: bold;
	color: #e3b3af;
} 
.resources ul {
	padding: 0;
}
.resources ul li {
	list-style: none;
}
.resources ul li .fa {
	padding-right: 4px;
	padding-left: 2px;
	color: #cb9f9b;
}
.resources ul li a {
	color: #cb9f9b;
}
.copyright {
	background:#473938;
	padding: 20px 0;
	color: #785e5c;
	text-align: center;
}
.copyright p {
	font-size: 12px;
	padding: 0;
	margin: 0;
}
.close {
    position: absolute;
    z-index: 1;
    top: 10px;
    right: 20px;
    border: none;
    background: none;
    color: #ed5a5e!important;
    padding: 5px 10px;
    font-size: 7rem;
    opacity: 1;
}
.tipso_content {
    padding: 2em 1.5em!important;
    font-size: 15px!important;
    line-height: 26px!important;
    left: 420px!important;
}
.tipso_content strong {
	font-size: 20px;
}
.hidden-animate {
    opacity: 0;
}
.visible-animate {
    opacity: 1;
}

/*Mobile */

.house-mobile-wrapper {
    padding: 0!important;
}
.house-mobile img {
    max-width: 100%;
}
.house-mobile a {
    cursor: pointer;
}
.section-mobile-wrapper {
    background: #FFF;
}
.section-mobile-wrapper .row {
    width: 100%;
    margin: 0 auto;
}
.section-mobile-wrapper h4,
.mobile-modal h3 {
    color: #FFF;
    font-weight: bold;
    text-transform: uppercase;
}
.section-mobile-text {
    padding: 10px;
    margin: 10px;
}
.bedroom-mobile-text,
#mobile-bedroom .modal-content {
    background: #756165;
}
.bathroom-mobile-text,
#mobile-bathroom .modal-content {
    background: #3f82a4;
}
.kitchen-mobile-text,
#mobile-kitchen .modal-content {
    background: #ee795e;
}
.garage-mobile-text,
#mobile-garage .modal-content {
    background: #756a62;
}
.livingroom-mobile-text,
#mobile-livingroom .modal-content {
    background: #5d7954;
}
.patio-mobile-text,
#mobile-patio .modal-content {
    background: #d78044;
    margin-bottom: 50px;
}
#myModalFullscreen-bathroom-content,
#myModalFullscreen-bedroom-content,
#myModalFullscreen-kitchen-content,
#myModalFullscreen-livingroom-content,
#myModalFullscreen-garage-content,
#myModalFullscreen-patio-content {
    background: #57494d!important;
}
#myModalFullscreen-bathroom-content .modal-content,
#myModalFullscreen-bedroom-content .modal-content,
#myModalFullscreen-kitchen-content .modal-content,
#myModalFullscreen-livingroom-content .modal-content,
#myModalFullscreen-garage-content .modal-content,
#myModalFullscreen-patio-content .modal-content {
    background: none;
    box-shadow: none;
    border: none;
}
.draggable, svg {
    cursor: move;
    cursor: url(images/grab.cur);
    cursor: -webkit-grab;
    cursor: -moz-grab;
    cursor: grab;
}
.draggable-1 {
    cursor: url(images/grabbing.cur);
    cursor: -webkit-grabbing;
    cursor: -moz-grabbing;
    cursor: grabbing;
}
.svg-modal {
    cursor: default;
}
@media (min-width: 2000px) and (max-width: 2560px) {
    .header-img {
        width: 20%;
    }
    header h1 {
        padding-top: 60px;
    }
}
@media (max-width: 1440px) {
    body {
        font-size: 15px;
        line-height: 26px;
    }
    .house-wrapper {
        height: 550px!important;
    }
    h1 {
        font-family: 'Barrio', cursive;
        font-size: 100px;
        padding-top: 30px;
    }
    header p {
        padding-top: 0;
    }
    footer h2 {
        font-size: 25px;
    }
    footer p {
        font-size: 14px;
    }
}
@media (max-width: 1280px) {
    footer {
        margin-top: -30px;
    }
}
@media (max-width: 1024px) {
    .header-img,
    .header-text {
        width: 100%;
        margin: 0 auto;
        text-align: center;
    }
    .header-image {
        width: 15%;
    }
    .header-text h1 {
        padding-top: 10px;
    }
    .house-wrapper {
        height: 530px!important;
    }
    footer {
        margin-top: -70px;
    }
    .share-box {
        min-height: auto;
    }
    .modal h2 {
        text-align: center;
        font-size: 40px;
        margin-bottom: 20px;
        color: #fff;
    }
}
@media (max-width: 991px) {
	footer {
		background-image: url('../images/footer.jpg');
	}
	footer img.family {
		display: block;
		max-width: 100%;
		margin-top: 25px;
	}
	.share-box {
		margin-top: 55px;
	}
}
@media (max-width: 980px) {
    .house-mobile img {
        width: 100%;
    }
    footer {
        margin-top: 0;
    }
    .mobile-modal .panel .panel-heading {
        font-weight: bold;
        font-size: 18px;
        text-transform: uppercase;
        text-align: center;
        padding: 10px 40px;
    }
}
@media (max-width: 768px) {
    header {
        text-align: center;
    }
    header img {
        max-width: 50%;
    }
    .header-img {
        text-align: center;
    }
    header h1 {
        font-size: 48px;
        text-align: center;
        padding-top: 0;
    }
    .house-mobile img {
        max-width: 100%;
    }
    footer {
        padding-top: 80px;
        text-align: center;
        margin-top: 0;
    }
    .close {
        top: 20px;
        right: 10px;
        padding: 1px 10px;
        font-size: 4rem;
        border-radius: 50%;
        background: #FFF;
        border: 2px solid;
    }
    .mobile-modal .modal-body h3 {
        padding-top: 30px;
    }
    .mobile-modal .modal-body {
        color: #FFF;
    }
    .mobile-modal .modal-footer {
        text-align: center;
        background: #FFF;
        color: #333333;
    }
    .mobile-modal .panel {
        color: #000;
        font-weight: normal;
    }
    .mobile-modal .close {
        margin-bottom: 100px;
    }
    .mobile-modal .panel .panel-body {
        font-size: 14px;
        color: #2a2a2a;
    }
    .tips {
        color: #ed5a5e;
    }
    footer ul li {
        text-align: left;
    }
    footer .share-box {
        min-height: auto;
    }
    footer h2 {
        font-size: 20px;
    }
    .share-box {
        margin-left: 0;
    }
}
@media (max-width: 320px) {
    header h1 {
        font-size: 40px;
    }
}