html {
    overflow: scroll;
}

body {
    font-family: Muli;
    color: #555;
    /* padding-bottom: 30px; */
}

ul, li {
    margin: 0;
    list-style-type: none;
}

.clear {
    clear: both;
}

.right {
    float: right;
}

.left {
    float: left;
}

.margin-top-md {
    margin-top: 40px;
}



#turbine-type-selector-container .turbine-nemoi-s {
    margin-right: 5px;
    height: 100%;
    cursor: pointer;
    cursor: hand;
}

#turbine-type-selector-container .turbine-nemoi-m {
    margin-left: 5px;
    height: 100%;
    cursor: pointer;
    cursor: hand;
}

header h2 {
    font-family: Muli;
    margin-bottom: 0;
    margin-top: 50px;
    font-size: 21px;
    font-weight: bold;
    letter-spacing: -0.3px;
    text-align: center;
    color: #555555;
}

header h3 {
    font-family: Muli;
    font-size: 18px;
    margin-bottom: 35px;
    font-weight: 300;
    line-height: 1.3;
    text-align: center;
    color: #959595;
}

.madrid_link_selected {

    border: 5px solid #eee !important;
    -webkit-border-radius: 5px !important;
    -moz-border-radius: 5px !important;
    border-radius: 5px !important;
}

#barcelona_families_consumption {
    display: flex;
    align-items: center;
    background-color: #ffffff;
    position: absolute;
    width: 100%;
    height: 100%;
    text-align: center;
    z-index: 1;
}

.floating-box .title {
    height: auto;
}
/*Animation Show*/
.barcelona_rooms_icons_wrap{position:relative;}

    .barcelona_rooms_icons_wrap #barcelona_families_consumption{position:absolute; height:0; top:0; left:0; opacity:0; z-index:1; pointer-events:none; transition:opacity 0.35s ease-out; -webkit-transition:opacity 0.35s ease-out;}
    .barcelona_rooms_icons_wrap.show #barcelona_families_consumption{position:relative; height:auto; z-index:2; pointer-events:all; opacity:1;}

    .barcelona_rooms_icons_wrap #barcelona_rooms_icons_container,
    .barcelona_rooms_icons_wrap #air-conditioner-switch{position:relative; z-index:2; pointer-events:all; opacity:1; transition:all 0.35s ease-out; -webkit-transition:all 0.35s ease-out;}

    .barcelona_rooms_icons_wrap.show #barcelona_rooms_icons_container,
    .barcelona_rooms_icons_wrap.show #air-conditioner-switch{position:absolute; top:0; left:0; z-index:1; opacity:0; pointer-events:none;}


#barcelona_families_consumption .floating-box {
    margin: 0 auto;
}

#barcelona_families_consumption .floating-box img{
    width: 60px;
    height: 60px
}

#air-conditioner-switch{
    z-index: 0;
}

#barcelona_families_consumption .title {
    width: 80px;
	font-size: 12px;
	font-weight: 600;
	text-align: center;
    color: #555555;
    margin: 10px auto 20px auto;
}

#barcelona_families_consumption .options {
    text-align: left;
    margin: 0 auto;
    display: inline-block;
}

#barcelona_families_consumption .options input {
    margin-right: 5px;
}

#turbine-type-selector-container {
    min-height: 230px;
}

.legend {
    font-size: 12px;
    font-style: italic;
}

.icons-list-item label {
    display: block;
}

a.madrid_link:hover .madrid_wrap_image {
    border: 1px solid #555;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

a.madrid_link {
    display: block;
}

a.barcelona_save_conspumption:link, a.barcelona_save_conspumption:visited {
    padding: 7px 5px;
    text-decoration: none;
    font-family: Muli;
    font-size: 13px;
    text-align: center;
    color: #959595;
    border-radius: 25px;
    border: solid 0.5px rgba(149, 149, 149, 0.3);
    display: block;
    margin: 20px auto;
}

.hidden {
    display: none;
}

.link-color {
    color: #EE8601 !important;
}

.success {
    color: green;
}

.error {
    color: red;
}

a.barcelona_rooms_link_changes:link, a.barcelona_rooms_link_changes:visited {
    display: block;
    margin-bottom: 20px;
    text-decoration: none;
    margin-left: 5px;
    border-radius: 25px;
    border: solid 0.5px rgba(149, 149, 149, 0.3);
    font-family: Muli;
    padding: 7px 15px;
    font-size: 13px;
    line-height: 1.33;
    text-align: center;
    color: #959595;
    float: right;
    margin-right: 60px;
}

a.barcelona_rooms_link_menor:link, a.barcelona_rooms_link_menor:visited {
    width: 15px;
    margin-right: 10px;
    text-decoration: none;
    height: 15px;
    border-radius: 32px;
    border: solid 0.5px rgba(149, 149, 149, 0.3);
}

a.barcelona_rooms_link_menor:link, a.barcelona_rooms_link_menor:visited, a.barcelona_rooms_link_plus:link, a.barcelona_rooms_link_plus:visited {
    text-decoration: none;
    padding: 5px 15px;
    border: solid 0.5px #959595;
    width: 15px;
    height: 15px;
    border-radius: 50px;
    border: solid 0.5px rgba(149, 149, 149, 0.3);
    color: #959595;
}

a.barcelona_room_button_link:link, a.barcelona_room_button_link:visited, a.barcelona_room_button_link:active {
    padding: 5px 15px;
    max-width: 200px;
    text-align: center;
    display: block;
    border-radius: 3px;
    background-color: #EE8601;
    color: #fff;
    margin: 10px auto;
}

a.barcelona_room_button_link:hover {
    background-color: #c6750c;
    -moz-transition: all 0.2s ease-in;
    -webkit-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}

a.barcelona_rooms_link_room:link, a.barcelona_rooms_link_room:visited {
    display: block;
    margin-bottom: 20px;
    text-decoration: none;
    margin-left: 5px;
    border-radius: 25px;
    border: solid 0.8px #EE8601;
    font-family: Muli;
    padding: 7px 15px;
    font-size: 13px;
    line-height: 1.33;
    text-align: center;
    color: #EE8601;
}

a.barcelona_rooms_link_room:hover {
    /* background-color: #EE8601;
    color: #fff; */
    -moz-transition: all 0.2s ease-in;
    -webkit-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}

a.barcelona_rooms_link_changes:hover {
    background-color: #959595;
    color: #fff;
    -moz-transition: all 0.2s ease-in;
    -webkit-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}

a.barcelona_save_consumption:hover {
    background-color: #959595;
    color: #fff;
    -moz-transition: all 0.2s ease-in;
    -webkit-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}

a.barcelona_rooms_link_menor:hover, a.barcelona_rooms_link_plus:hover {
    background-color: #959595;
    color: #fff;
    -moz-transition: all 0.2s ease-in;
    -webkit-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}

a.barcelona_rooms_link_menor:link {
    background-image: url(../assets/general/ico_minus.svg);
    background-repeat: no-repeat;
    background-position: center;
}

a.barcelona_rooms_link_plus:link {
    background-image: url(../assets/general/ico_plus.svg);
    background-repeat: no-repeat;
    background-position: center;
}

a.barcelona_rooms_link_menor:hover {
    background-image: url(../assets/general/ico_minus_white.svg);
}

a.barcelona_rooms_link_plus:hover {
    background-image: url(../assets/general/ico_plus_white.svg);
}

.barcelona_rooms_numbers {
    text-align: right;
    margin-top: 45px;
}

.barcelona_rooms_title {
    font-size: 13px;
    font-weight: 700;
    line-height: 1;
}

.barcelona_rooms_title_wrap {
    text-align: right;
}

.barcelona_rooms_wrap_numbers {
    max-width: 120px;
    float: right;
    width: 20%
}

a.barcelona_rooms_icon_delete:link {
    border: solid 0.5px rgba(149, 149, 149, 0.3);
    padding: 3px 0px 4px 0;
    text-align: center;
    display: block;
    margin-left: 15px;
    width: 65px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    background-image: url(../assets/general/trash.svg);
    background-repeat: no-repeat;
    background-position: center;
    height: 33px;
}

a.barcelona_rooms_icon_delete:hover {
    background-image: url(../assets/general/trash_white.svg);
    background-color: #959595;
    -moz-transition: all 0.2s ease-in;
    -webkit-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}

.turbine-type-selector {
    border: 5px solid rgba(233, 236, 239, 0.28);
}

.btn-selected {
    background-color: #EE8601;
    color: #fff !important;
}

.barcelona_rooms_icons {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
}

.barcelona_rooms_icons .barcelona_rooms_icon {
    text-align: center;
    width: 50px;
    height: 50px;
}

.barcelona_rooms_light {
    margin-top: 120px;
}

.barcelona_rooms_light img {
    width: 25px;
    margin-bottom: 10px
}

.barcelona_rooms_wrap {
    position: relative;
    width: 80%;
    float: right;
}

.barcelona_rooms_links_inner {
    position: absolute;
    width: 100%;
    z-index: 2
}

.barcelona_rooms_number_top {
    margin-top: 70px
}

.barcelona_rooms_line {
    text-align: center;
}

.barcelona_rooms_line svg {
    width: 50px;
    height: 2px;
    background-color: #ccc;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.barcelona_rooms_small {
    display: none;
}

.barcelona_rooms_background {
    height: 500px;
    margin-top: 60px;
    float: left;
    width: 80%;
    position: relative;
    overflow: hidden;
    border: solid 1px #9D9D9D;
}

.barcelona_rooms_wrap {
    width: 83%;
    float: right;
    margin-left: 5%
}

.barcelona_rooms_title_wrap_small {
    display: none;
}

.barcelona_rooms_title_wrap_big {
    display: block;
}

.barcelona_rooms_title_wrap_big p {
    font-size: 13px
}



.barcelona_rooms_icons_wrap {
    float: left;
    width: 12%;
    /* overflow-x: hidden; */
    position: relative;
}

.barcelona_zoom_buttons {
    margin-top: 4px;
    margin-bottom: 15px;
    width: 123px
}

.barcelona_zoom_buttons span {
    color: #959595;
    font-size: 14px;
    margin-right: 5px
}

.barcelona_wrap_buttons {
    float: right;
}

.barcelona_rooms_icon img {
    margin: 5px
}

.tooltip-more-homeappliances .barcelona_rooms_icon {
    border: 1px solid #ffffff;
}

.barcelona_rooms_number, .barcelona_rooms_number_description {
    display: block;
    width: 100%;
    font-family: Muli;
}

/* #total-turbines-selector {

    *** no se por que puse esto??

    box-sizing: content-box;
} */

.barcelona_rooms_number_description {
    font-size: 12px;
    text-align: right;
    color: #959595;
    margin-top: -4px
}

.barcelona_rooms_number {
    font-size: 18px
}

.madrid_wrap_image {
    text-align: center;
    height: 100%;
}

.madrid_main_title {
    font-size: 12px;
    font-weight: bold;
    margin-top: 30px;
    margin-bottom: 20px;
    text-align: center;
}

.madrid_main_title.bottom {
    margin-top: 60px
}

.madrid_main_title.top {
    margin-top: 40px;
    margin-bottom: 30px
}

.madrid_title {
    font-size: 16px;
    font-weight: bold;
    margin-top: 10px;
    text-align: center;
    line-height: 1;
}

.madrid_paginator_number:link, .madrid_paginator_number:visited {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-decoration: none;
    background-color: #fff;
    padding: 5px 14px;
    margin-right: 4px;
    display: inline-block;
    color: #444
}

.madrid_paginator_number:hover {
    background-color: #eee;
}

.madrid_paginator_number.active {
    border: 1px solid #555;
}

.madrid_line img {
    width: 100%
}

.madrid_progress_bar svg {
    height: 4px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: #EE8601;
    width: 0;
}

.madrid_text {
    font-size: 12px;
    text-align: center;
}

.madrid_col_text {
    font-size: 12px;
    text-align: left;
    margin-bottom: 5px
}

.madrid_title span {
    display: inline-block;
    background-color: #555;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: #fff;
    padding: 2px 2px 3px 3px;
    text-align: center;
}

.madrid_subtitle {
    font-size: 12px;
    line-height: 1.5;
    margin: 0;
}

.madrid_image img {
    width: 100%;
}

.madrid_wrap_inner_image {
    text-align: center;
    margin-bottom: 40px;
}

.madrid_wrap_image {
    padding: 30px 10px;
    border-radius: 2px;
    border: solid 0.5px rgba(149, 149, 149, 0.3);
}

/* .madrid_wrap_image:hover {
    border: solid 0.5px #000000;
} */

.madrid_wrap_image img {
    width: 100%;
    max-width: 210px;
}

.madrid_progress_bar {
    text-align: left;
}

h3.madrid_col_title {
    font-size: 12px;
    font-weight: bold;
    text-align: left;
    margin-top: 15px
}

.madrid_paginator_text {
    text-align: left;
    font-size: 12px
}

.madrid_paginator {
    background-color: rgba(241, 239, 241, 0.5);
    padding: 20px 40px;
}

.madrid_paginator a{
    font-weight: 300;
    margin-top: 10px;
}

.madrid_title_number {
    color: #fff;
    font-size: 18px;
    font-weight: 200;
    float: left
}

.madrid_title_text {
    color: #999;
    font-weight: 300;
    font-size: 11px;
    float: left;
    margin-top: -7px
}

a.madrid_nav_link2 {
    color: #fff
}

a.madrid_nav_link3 {
    float: right;
    font-size: 11px;
    text-align: center;
    padding: 8px 10px;
    border-radius: 2px;
    background-color: #EE8601;
    display: block;
    color: #fff;
    margin-top: 2px
}

a.madrid_nav_link3:hover {
    background-color: #c6750c;
    -moz-transition: all 0.2s ease-in;
    -webkit-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}

.nav-item.active {
}

.madrid_wrap_buttons {
    position: absolute;
    right: 0;
    top: 0;
    padding-right: 20px
}

.madrid_wrap_buttons ul li {
    float: right;
}

.madrid_wrap_buttons ul li a.madrid_nav_link2 {
    margin-top: 10px;
    display: block;
    margin-right: 10px;
    font-size: 11px;
}

/*--End Boostrap--*/
.madrid_button_link {
    margin-left: 20px
}

a.madrid_nav_link {
    color: #a5a5a5;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    display: inline-block;
    border: 1px solid #555;
    padding: 5px 50px 5px 10px;
    font-size: 11px;
    background-image: url(../assets/img/arrow.svg);
    background-repeat: no-repeat;
    background-position: 95% 6px
}

a.madrid_nav_link:hover {
    background-color: #444;
    -moz-transition: all 0.2s ease-in;
    -webkit-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}

.sevilla_modal .modal-content {
    height: 100%;
    overflow: hidden; /*--background-image: url(../img/bitmap.svg);--*/
}

.granada_modal .modal-content {
    height: 80%;
    overflow: hidden; /*--background-image: url(../img/bitmap.svg);--*/
}

.granada_modal .modal-header {
    text-align: center;
    border-bottom: 0;
    position: absolute;
    width: 100%;
    padding: 0
}

.sevilla_modal .modal-header {
    text-align: center;
    border-bottom: 0;
    position: absolute;
    width: 100%;
    padding: 0;
    z-index: 1;
    background: #7C7C7C; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(rgba(124, 124, 124, 0.76), rgba(221, 221, 221, 0.61)); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(rgba(124, 124, 124, 0.76), rgba(221, 221, 221, 0.61)); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(rgba(124, 124, 124, 0.76), rgba(221, 221, 221, 0.61)); /* For Firefox 3.6 to 15 */
    background: linear-gradient(rgba(124, 124, 124, 0.76), rgba(221, 221, 221, 0.61)); /* Standard syntax */
    height: 60px;
}

.sevilla_modal .modal-title, .granada_modal .modal-title, .bilbao_title, .cordoba_title {
    width: 100%;
    margin-top: 30px;
    font-weight: 700;
    z-index: 2;
    color: #555;
    font-size: 22px
}

.sevilla_modal .modal-title, .bilbao_title, .cordoba_title {
    line-height: 25px
}

.granada_modal .modal-title, .bilbao_title, .cordoba_title {
    margin-top: 28px
}

.sevilla_modal .modal-title {  
    margin-top: 0px;
}

.bilbao_title, .cordoba_title {
    text-align: center;
}

.granada_buttons input, .bilbao_buttons input {
    background-image: url(../assets/general/icon_map.svg);
    background-repeat: no-repeat;
    border: 1px solid #dbe4ed;
    width: 300px;
    padding: 5px 45px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    background-position: 95% 7px;
    font-size: 13px;
    color: #555;
    height: 38px;
}

.granada_buttons input:focus, .bilbao_buttons input:focus {
    outline: 0
}

.sevilla_modal .btn-primary, .sevilla_modal .modal-footer .btn-primary, .granada_modal .btn-primary, .granada_modal .modal-footer .btn-primary, .bilbao_btn, .cordoba_btn {
    margin-left: auto;
    border: 0;
    margin-right: auto;
    background-color: #EE8601;
    outline: 0;
    z-index: 2;
    left: 0;
    right: 0;
    bottom: 40px;
    z-index: 2;
    font-size: 13px;
    padding-right: 25px;
    padding-left: 25px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    height: 38px;
    width: 80%;
}

.sevilla_modal .btn-primary, .sevilla_modal .modal-footer .btn-primary:hover, .granada_modal .btn-primary, .granada_modal .modal-footer .btn-primary:hover, .bilbao_btn:hover, .cordoba_btn:hover {
    background-color: #c6750c;
    -moz-transition: all 0.2s ease-in;
    -webkit-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}

.sevilla_modal .btn-primary, .sevilla_modal .modal-footer .btn-primary:focus, .granada_modal .btn-primary, .granada_modal .modal-footer .btn-primary:focus {
    outline: 0;
    box-shadow: 0 0 0 0 rgba(0, 123, 255, .5);
}

.sevilla_modal button.close:focus, .grana da_modal button.close:focus {
    outline: 0
}

.sevilla_modal button.close span, .granada_modal button.close span {
    font-size: 20px;
    display: block;
    margin-top: -2px;
    color: #555
}

.sevilla_modal button.close, .granada_modal button.close {
    position: absolute;
    top: 70px;
    right: 10px;
    z-index: 2;
    margin-top: -60px;
    text-shadow: 0 0 0 #fff;
    background-color: #ccc;
    width: 30px;
    height: 30px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
}

.granada_modal button.close {
    right: 10px
}

.sevilla_modal_body, .sevilla_modal_footer, .granada_modal_body, .granada_modal_footer {
    position: absolute;
    bottom: 0
}

.granada_modal_footer {
    width: 100%;
    bottom: 25px;
    border-top: 0
}

.sevilla_modal_footer {
    width: 60%;
    bottom: 25px;
    border-top: 0;
    margin-right: 20%;
    margin-left: 20%;
}

.sevilla_modal_body, .granada_modal_body {
    top: 0;
    width: 100%;
    padding: 0;
}

.sevilla_modal_dialog, .granada_modal_dialog {
    height: 100%;
    margin: 0 auto
}

.sevilla_modal, .granada_modal {
    height: 406px;
    margin-top: 45px;
}

.sevilla_wrap_content, .granada_wrap_content {
    position: absolute;
    text-align: center;
    top: 62px;
    width: 100%;
}

.granada_wrap_content p {
    margin: 15px;
}

.sevilla_modal_title h3, .granada_modal_title h3 {
    font-weight: 300;
    font-size: 16px;
    margin-right: 52px;
    margin-left: 52px
}

.granada_modal_title h3 {
    margin-top: 10px;
    color: #959595
}


.sevilla_buttons a, .granada_buttons a {
    border: 1px solid #EE8601;
    text-align: center;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    color: #EE8601;
    padding: 5px 45px;
    font-size: 12px;
    width: 300px;
    margin: 20px auto;
    display: block;
    margin-bottom: 10px;
    margin-top: 30px;
    height: 38px
}

.granada_buttons a {
    margin-left: auto;
    margin-right: auto
}

.granada_buttons a:hover {
    background-color: #EE8601;
    -moz-transition: all 0.2s ease-in;
    -webkit-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
    color: #fff;
}

.sevilla_buttons span, .granada_buttons span {
    display: block;
    margin-bottom: 20px
}

.granada_buttons span {
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 13px;
    color: #959595
}

.sevilla_icon_map img, .granada_icon_map img {
    position: absolute;
    z-index: 2;
    top: 43px;
    right: 6px;
}

.sevilla_icon_map, .granada_icon_map {
    background-image: url(../assets/general/ico_mark.svg);
    position: absolute;
    top: 175px;
    z-index: 2;
    width: 30px;
    height: 43px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto
}

.bilbao_subtitle, .cordoba_subtitle {
    font-size: 16px;
    text-align: center;
    margin-top: 15px;
    color: #959595
}

.bilbao_line, .cordoba_line {
    height: 1px;
    width: 35px;
    background-color: #b3bfcb;;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px
}

.bilbao_buttons input {
    margin-left: auto;
    margin-right: auto;
    display: block;
    background-image: none;
    margin-top: 30px
}

.bilbao_wrap, .cordoba_wrap {
    background-color: #f1eff1;
    padding-top: 30px;
    padding-bottom: 30px;
    padding-left: 10px;
    padding-right: 10px
}

.cordoba_wrap {
    background-color: #fff
}

.cordoba_content {
    background-color: #fff;
    width: 100%;
    min-height: 100px;
    position: relative;
    text-align: center;
}

.bilbao_btn, .cordoba_btn {
    margin-right: auto;
    margin-left: auto;
    width: 200px;
    display: block;
    text-align: center;
    margin-top: 20px;
}

.cordoba_btn, .cordoba_btn:visited {
    color: #fff;
    z-index: 2;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding-top: 10px;
    padding-bottom: 10px;
    position: absolute;
    margin-top: 0;
    height: 45px;
    top: 42%
}

.cordoba_content img {
    width: 100%
}

.margin-top-md {
    margin-top: 40px;
}

/*--Boostrap--*/
.container {
    position: relative;
}

.rounded {
    border-radius: 1rem !important;
}

/* .navbar-light .navbar-toggler {
    color: #fff !important
} */

.bg-light {
    background-color: #303030 !important
}
/*
.navbar-light .navbar-brand {
    color: #fff !important
}

.navbar-nav {
    margin-left: auto;
    margin-right: 0 !important
} */

.madrid_button_title, .madrid_button_link {
    padding-left: 0
}

.btn-primary.focus, .btn-primary:focus {
    box-shadow: 0 0 0 0 rgba(0, 123, 255, .5);
}

.pac-container {
    z-index: 1800;
}

.loader {

}

.tooltip-stroke {
    color: #ffffff;
    text-align: center;
    margin: 5px 0;
}

.tooltip-oval-close {
	width: 35px;
    height: 35px;
    border-radius: 50%;
    position: absolute;
    top: -18px;
    right: -18px;
    background-color: #555555;
    text-align: center;
    cursor: pointer;
    cursor: hand;
}

.tooltip-more-homeappliances {
    max-width: 185px;
    background-color: white;
    display: flex!important;
    flex-wrap: wrap;
    flex-direction: row;
    padding: 13px;
    border: 1px solid #ccc;
    border-radius: 3px;
    opacity: 1;
    -webkit-box-shadow: 10px 10px 78px -28px rgba(0,0,0,0.64);
    -moz-box-shadow: 10px 10px 78px -28px rgba(0,0,0,0.64);
    box-shadow: 10px 10px 78px -28px rgba(0,0,0,0.64);
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

@media (max-width: 479px) {

    .madrid_paginator {
        padding: 20px;
    }

    a.barcelona_rooms_link_menor:link, a.barcelona_rooms_link_plus:link {
        padding: 0px 9px 5px 16px;
    }

    a.barcelona_rooms_link_menor:link {
        margin-right: 3px
    }

    .barcelona_zoom_buttons {
        margin-top: -2px
    }

    .barcelona_zoom_buttons span {
        font-size: 10px;
        margin-right: 0
    }

    a.barcelona_rooms_link_room:link {
        font-size: 10px;
        padding: 5px 2px;
        width: 75px
    }

    a.barcelona_rooms_link_changes:link {
        margin-right: 5px;
        font-size: 10px;
        width: 95px;
        padding: 5px;
    }

    a.barcelona_save_consumption:link {
        margin-right: 5px;
        font-size: 10px;
        width: 95px;
        padding: 5px;
    }

    .barcelona_rooms_icons .barcelona_rooms_icon {
        padding-right: 0;
        margin-right: 13px
    }

    .barcelona_wrap_buttons {
        float: none;
    }

    a.barcelona_rooms_icon_delete:link {
        height: 25px;
        padding-top: 0;
        margin-left: 0;
        width: 30px;
        margin-left: 2px;
        background-size: 12px
    }
}

@media (min-width: 319px) and (max-width: 480px) {

    .small-padding {
        padding-right: 5px;
        padding-left: 5px;
    }

    a.barcelona_rooms_icon_delete:link {
        margin-left: 4px;
        margin-right: 1px
    }

    a.barcelona_rooms_link_changes:link {
        margin-right: 4px
    }

    a.barcelona_save_consumption:link {
        margin-right: 4px
    }

    a.barcelona_rooms_link_menor:link {
        margin-right: 1px
    }
}

@media (max-width: 768px) {

    .total-dimension span{
        display: inline;
    }

    .average-consumption-container span {
        display: inline;
    }

    a.barcelona_rooms_link_menor:link {
        margin-right: 5px
    }

    .barcelona_zoom_buttons {
        width: auto
    }

    .barcelona_rooms_icons_wrap {
        overflow-x: auto;
        width: 100%;
        -webkit-overflow-scrolling: touch;
    }

    .barcelona_rooms_background {
        height: 199px
    }

    .barcelona_rooms_background {
        width: 100%
    }

    .barcelona_rooms_title_wrap_big {
        display: none;
    }

    .barcelona_rooms_title_wrap_small {
        display: block;
    }

    .barcelona_rooms_title_wrap_small .barcelona_rooms_title {
        margin-top: 10px;
    }

    .barcelona_rooms_light img {
        display: none;
    }

    .barcelona_rooms_icon img {
        margin-bottom: 0px;
    }

    .barcelona_rooms_wrap {
        width: 100%
    }

    .barcelona_rooms_icons {
        width: auto;
        float: right;
        margin-left: 0;
    }

    .barcelona_small_rooms_icons {
        display: none;
    }

    .barcelona_rooms_small {
        display: block;
        width: 550px;
        height: 30px;
        margin-top: 70px;
        margin-bottom: 20px
    }

    .barcelona_rooms_small .barcelona_rooms_icon {
        display: inline-block;
    }

    .barcelona_col_small_left .barcelona_rooms_icon {
        float: right;
    }

    .barcelona_rooms_icon {
        float: left;
        margin-right: 13px;
    }

    .barcelona_rooms_links_inner {
        top: 20px;
    }

    .barcelona_rooms_numbers {
        display: none;
    }

    a.barcelona_room_button_link:link {
        margin-top: 15px
    }

    .barcelona_rooms_light {
        width: 100%
    }

    .barcelona_rooms_wrap_numbers {
        max-width: none;
        float: none;
    }

    .barcelona_rooms_title_wrap {
        text-align: center;
    }

    .barcelona_zoom_buttons span {
        display: none;
    }

    .granada_buttons a, .granada_buttons input {
        width: 230px;
        margin-left: auto;
        margin-right: auto
    }

    .granada_buttons input {
        font-size: 11px;
        background-size: 12px
    }

    .barcelona_rooms_icons {
        margin-left: auto;
        margin-right: auto;
        width: 100%;
        /* max-width: 390px; */
        float: none;
    }
}

@media (max-width: 1000px) {

    #turbine-type-selector-container .col {
        padding-right: 0;
        padding-left: 0;
    }

    .madrid_paginator {
        text-align: center;
    }

    .barcelona_rooms_links {
        position: relative;
    }

    .container {
        max-width: 90%
    }

    .bg-light {
        padding: 10px 0
    }

    .madrid_button_link {
        margin-left: 0px
    }

    /* .navbar-collapse {
        border-top: 1px solid #555;
        padding-top: 10px;
        margin-top: 10px;
        padding-left: 15px;
        padding-right: 15px
    } */

    .madrid_nav_link {
        width: 100%;
        background-position: 95% 6px;
        margin-top: 15px;
        margin-bottom: 10px
    }

    .clear_small {
        clear: both;
    }

    /* .navbar-light .navbar-toggler .navbar-toggler-icon {
        background-image: url(../assets/img/arrow_top.svg) !important;
        background-size: 15px;
        outline: 0
    }

    .navbar-light .navbar-toggler.collapsed .navbar-toggler-icon {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    .navbar-light .navbar-toggler {
        outline: 0;
        border: 0;
    } */
}


#email-input {
    flex-grow: 2;
    background-color: #F8F9FB;
    border: none;
    margin-left: 15px;
    line-height: 16px;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 300;
    font-size: 16px;
	outline: none;
}