/*
Theme Name: B-Immobilier
Author: L-Pod S.àr.l.
Author URI: https://www.l-pod.lu
Description: Theme developped for the amazing B-immobilier website :)
Text Domain: bimmobilier

*/

/**
 * 1.0 - Reset
 *
 * Resetting and rebuilding styles have been helped along thanks to the fine work of
 * Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
 * along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
 * and Blueprint http://www.blueprintcss.org/
 */
@media screen and (-webkit-min-device-pixel-ratio:0) {/*fix IOS user scalable in input*/
    select,
    textarea,
    input {
        font-size: 16px;
    }
}
body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
        

}


html {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	overflow-y: scroll;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-webkit-overflow-scrolling: touch;
}


body {
	/*background: url(img/noisy.png);*/
	/*background:url("img/bg6.jpg");*/
        /*background-color: #fafafa;*/
        /*background-color: #EBECEF;*/
        background-color: #ECEAEA;
	background-size:cover;
	background-position:right;
	background-repeat:no-repeat;
	background-attachment:fixed;
	font-family: 'Fira Sans', Arial, Helvetica, Calibri, Tahoma, sans-serif;
	font-size:15px;
	color:#575756;
	width:100%;
}

.ms-slide .ms-layer{z-index: 100009;}

@media all and (max-width:960px)
{	
	body {
		/*font-size:1.1em;*/
        font-size: 15px;
		/*background-size:auto;*/
	}
}

@media all and (max-width:735px)
{	
	body {
		/*font-size:1.5em;*/
        font-size: 15px;
	}

    .phote_nm_under_logo{
        display: none
    }
}

*,
*:before,
*:after {
	-webkit-box-sizing: inherit;
	-moz-box-sizing: inherit;
	box-sizing: inherit;
}

strong{
	font-weight:bold;	
}
	
	

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section {
	display: block;
}

ol,
ul {
	list-style: none;
}

table {
	border-collapse: separate;
	border-spacing: 0;
}

caption,
th,
td {
	font-weight: normal;
	text-align: left;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
}

blockquote,
q {
	-webkit-hyphens: none;
	-moz-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
	quotes: none;
}

a:focus {
	/*outline: 2px solid #c1c1c1;
	outline: 2px solid rgba(51, 51, 51, 0.3);*/
}

a:hover,
a:active {
	outline: 0;
}

a img {
	border: 0;
}

h2,
h3,
h4,
h5,
h6 {
	clear: both;
}


h1{
	font-weight:600;	
}

a {
	color: #575756;
	text-decoration: none;
}

.site-main a{
	font-weight:500;
}

a:hover,
a:focus {
	color: #707070;
	color: rgba(51, 51, 51, 0.7);
}






/* MSH */

.left{ float:left; }
.right { float:right; }
.clearfix{ clear:both; }
.fade{
	-webkit-transition: all 0.2s ease-out 0s;
	-moz-transition: all 0.2s ease-out 0s;
	-o-transition: all 0.2s ease-out 0s;
	transition: all 0.2s ease-out 0s;	
        opacity: 0.7;
}

.fade:hover{
	opacity:1;	
}

.hoverpointer{
	cursor:pointer;	
}

.stdtextfield{
	font-size:28px;
	text-transform:uppercase;
	font-weight:bold;	
	border:none;
	padding:5px;
	font-size:38px;
	text-transform:uppercase;
	font-family:"Work Sans";
	font-weight:300;
}

.breathing{
 -webkit-animation: breathing 7s ease-out infinite normal;
    animation: breathing 7s ease-out infinite normal;	
}

@-webkit-keyframes breathing {
  0% {
    -webkit-transform: scale(0.99);
    transform: scale(0.99);
  }

  50% {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }

  100% {
    -webkit-transform: scale(0.99);
    transform: scale(0.99);
  }
}

@keyframes breathing {
  0% {
    -webkit-transform: scale(0.99);
    -ms-transform: scale(0.99);
    transform: scale(0.99);
  }

  50% {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
  }


  100% {
    -webkit-transform: scale(0.99);
    -ms-transform: scale(0.99);
    transform: scale(0.99);
  }
}

/*!
 * Load Awesome v1.1.0 (http://github.danielcardoso.net/load-awesome/)
 * Copyright 2015 Daniel Cardoso <@DanielCardoso>
 * Licensed under MIT
 */
.la-ball-fall,
.la-ball-fall > div {
    position: relative;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}
.la-ball-fall {
    display: block;
    font-size: 0;
    color: #fff;
}
.la-ball-fall.la-dark {
    color: #333;
}
.la-ball-fall > div {
    display: inline-block;
    float: none;
    background-color: currentColor;
    border: 0 solid currentColor;
}
.la-ball-fall {
    width: 54px;
    height: 18px;
	margin:auto;
}
.la-ball-fall > div {
    width: 10px;
    height: 10px;
    margin: 4px;
    border-radius: 100%;
    opacity: 0;
    -webkit-animation: ball-fall 1s ease-in-out infinite;
       -moz-animation: ball-fall 1s ease-in-out infinite;
         -o-animation: ball-fall 1s ease-in-out infinite;
            animation: ball-fall 1s ease-in-out infinite;
}
.la-ball-fall > div:nth-child(1) {
    -webkit-animation-delay: -200ms;
       -moz-animation-delay: -200ms;
         -o-animation-delay: -200ms;
            animation-delay: -200ms;
}
.la-ball-fall > div:nth-child(2) {
    -webkit-animation-delay: -100ms;
       -moz-animation-delay: -100ms;
         -o-animation-delay: -100ms;
            animation-delay: -100ms;
}
.la-ball-fall > div:nth-child(3) {
    -webkit-animation-delay: 0ms;
       -moz-animation-delay: 0ms;
         -o-animation-delay: 0ms;
            animation-delay: 0ms;
}
.la-ball-fall.la-sm {
    width: 26px;
    height: 8px;
}
.la-ball-fall.la-sm > div {
    width: 4px;
    height: 4px;
    margin: 2px;
}
.la-ball-fall.la-2x {
    width: 108px;
    height: 36px;
}
.la-ball-fall.la-2x > div {
    width: 20px;
    height: 20px;
    margin: 8px;
}
.la-ball-fall.la-3x {
    width: 162px;
    height: 54px;
}
.la-ball-fall.la-3x > div {
    width: 30px;
    height: 30px;
    margin: 12px;
}
/*
 * Animation
 */
@-webkit-keyframes ball-fall {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-145%);
                transform: translateY(-145%);
    }
    10% {
        opacity: .5;
    }
    20% {
        opacity: 1;
        -webkit-transform: translateY(0);
                transform: translateY(0);
    }
    80% {
        opacity: 1;
        -webkit-transform: translateY(0);
                transform: translateY(0);
    }
    90% {
        opacity: .5;
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(145%);
                transform: translateY(145%);
    }
}
@-moz-keyframes ball-fall {
    0% {
        opacity: 0;
        -moz-transform: translateY(-145%);
             transform: translateY(-145%);
    }
    10% {
        opacity: .5;
    }
    20% {
        opacity: 1;
        -moz-transform: translateY(0);
             transform: translateY(0);
    }
    80% {
        opacity: 1;
        -moz-transform: translateY(0);
             transform: translateY(0);
    }
    90% {
        opacity: .5;
    }
    100% {
        opacity: 0;
        -moz-transform: translateY(145%);
             transform: translateY(145%);
    }
}
@-o-keyframes ball-fall {
    0% {
        opacity: 0;
        -o-transform: translateY(-145%);
           transform: translateY(-145%);
    }
    10% {
        opacity: .5;
    }
    20% {
        opacity: 1;
        -o-transform: translateY(0);
           transform: translateY(0);
    }
    80% {
        opacity: 1;
        -o-transform: translateY(0);
           transform: translateY(0);
    }
    90% {
        opacity: .5;
    }
    100% {
        opacity: 0;
        -o-transform: translateY(145%);
           transform: translateY(145%);
    }
}
@keyframes ball-fall {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-145%);
           -moz-transform: translateY(-145%);
             -o-transform: translateY(-145%);
                transform: translateY(-145%);
    }
    10% {
        opacity: .5;
    }
    20% {
        opacity: 1;
        -webkit-transform: translateY(0);
           -moz-transform: translateY(0);
             -o-transform: translateY(0);
                transform: translateY(0);
    }
    80% {
        opacity: 1;
        -webkit-transform: translateY(0);
           -moz-transform: translateY(0);
             -o-transform: translateY(0);
                transform: translateY(0);
    }
    90% {
        opacity: .5;
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(145%);
           -moz-transform: translateY(145%);
             -o-transform: translateY(145%);
                transform: translateY(145%);
    }
}

.printbutton-fixed:hover {
    background: rgba(82, 71, 68, 0.9);
}
.printbutton-fixed {
    padding: 5px 10px;
    background: rgba(82, 71, 68, 0.6);
    height: 40px;
    font-size: 0.9em;
    display: inline-block;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    position: fixed;
    width: 350px;
    left: calc(50% - 392px);
    bottom: 37px;
    z-index: 2;
    text-align: center;
    color: #fff;
}


.phote_nm_under_logo ,
.phote_nm_under_logo a{
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    font-size: 11px;
    color: #534744;
    text-align: center;
    margin-top: 10px;
}



.phote_nm_uno a img{
    opacity: 1;
    pointer-events: auto;
    width: 30px;
    height: 20px;
    margin-top: 5px;
    display: block !important;
}