/*!
 * Start Bootstrap - Full Slider HTML Template (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

/*---------------------------------------

FONTS 

-----------------------------------------*/

@import url(https://fonts.googleapis.com/css?family=Lora);
@import url(https://fonts.googleapis.com/css?family=Open+Sans);
@import url(https://fonts.googleapis.com/css?family=Cinzel);
@import url(https://fonts.googleapis.com/css?family=Raleway:400,800,500,600);
@import url(https://fonts.googleapis.com/css?family=Tangerine:400,700);

/*---------------------------------------

GLOBAL

-----------------------------------------*/
body {
    -webkit-animation-delay: 0.1s;
    -webkit-animation-name: fontfix;
    -webkit-animation-duration: 0.1s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: linear;
}

@-webkit-keyframes fontfix {
    from { opacity: 1; }
    to   { opacity: 1; }
}

html,
body {
    height: 100%;
    font-family: 'Open Sans', sans-serif;
    color:#2d2d2d;
}

.row {
    margin-right: 0;
    margin-left: 0;
}
.home {
	margin-right: -15px;
    margin-left: -15px;
}
h1,h2,h3,h4,h5,h6 {
        height: 100%;
        font-family: 'Lora', serif;
}


@media screen and (min-width: 480px) and (max-width: 720px) {
		h1,h2 {
				font-size: 20px;
		}
}
@media screen and (min-width: 100px) and (max-width: 480px) {
		h1,h2 {
				font-size: 16px;
		}
}

.wrapper {
    position:relative;   
	background-color:#f5f5f5;
}

a {
	color:#2d2d2d;
}

a:hover {
	color:#7b201f;
}

@media print { 
    .navbar{
        display: block;
    }
    .ventebuttons{
        display: none;
    }
    .left-bar{
        display: none;
    }
    .logo{
        margin-top: -100px;
    }
    .navbar .lang{
        display: none;
    }
    .navbar .top-bar{
        display: block;
        border-width:0 !important;
    }
    .navbar .navbar-header {
        display: block;
        border-width:0 !important;
    }
    .navbar-toggle {
        display:none;
    }
}

/*---------------------------------------

HOME 

-----------------------------------------*/


/* CAROUSEL HOME */
.carouselcont {
    padding:0;
}
.carousel {

}

.carousel-inner{
	background-size: cover;
}

.image text {
    color: black;
}

@media screen and (min-width: 200px) and (max-width: 480px) {
.philosophie {
	background-color: #f5f5f5;
    color: black;    
	position: relative;

	}
}

.scrolldown {
	position: absolute;
	bottom: 0;
	left:45%;
	height: 15%;
}
.scrolldown img {
 height:100%;
}

.home-infos {
	position: absolute;
	bottom: 30%;
	right:10%;
}

.home-infos-title {
	font-size: 5em; 
	color: white;
	font-family: 'Scriptina';
	font-weight: normal;
	font-style: normal;
}
@media screen and (min-width: 320px) and (max-width: 520px) {
	.home-infos-title {
		font-size: 2em; 
	}
}
@media screen and (min-width: 520px) and (max-width: 720px) {
	.home-infos-title {
		font-size: 3em; 
	}
}
@media screen and (min-width: 720px) and (max-width: 996px) {
	.home-infos-title {
		font-size: 4em; 
	}
}


/*---------------------------------------

HEADER/MENU

-----------------------------------------*/
/*........................top-bar......................*/
.top-bar {
	border-bottom:1px solid #d5d5d5;
	background-color:#ededed;
	margin-bottom: 0.5em;
}
.left-bar .social-media li,
.right-bar .contact li,
.right-bar .mail li,
.right-bar .login li  {
    display: inline-block;
}
.left-bar .social-media li,
.left-bar {
    float: left;
    font-family: 'Lora', serif;
    color: #7b201f;
}
.right-bar{
	float:right;
	margin-top:12px;
	font-family: 'Open Sans', sans-serif;
}
.left-bar ul  {
    display:block;
}
.social-media li {
   color: #000;
   display: block;
   font-size: 18px;
   padding: 8px 14px;
   min-width:46px;
   text-align:center;
}

.right-bar ul{
	display:inline;
	margin-right:32px;
}
.right-bar ul li i{
	 float: left;
    font-size: 16px;
    margin-bottom: -4px;
    padding-right: 10px;
}
.right-bar ul li a{
	color:#000;
	text-decoration:none;
}
.right-bar ul li span{
	font-weight:bold;
}
.left-bar li a:hover{
	color:#fff;
}
.left-bar .social-media li{
	 transition: all 0.4s ease-in-out 0s;
}

.lang ul {
    list-style: none;
}
.lang li {
    list-style: none;
    display: inline;
	margin-left:0.5em;
}

/*................................header..........................*/
.navbar {
	padding:0em 0 1em 0; 
    border-bottom: 1px solid #7b201f;
    border-radius: 0;
	margin-bottom: 0;
}

.navbar-header h1 {
    font-size: 2.1em;
}
.logo{
	float:left;
    margin:0;
}
.logo-img {
	float:left;
    margin-right: 1em;
}
.logo-typo {
	float:left;
    margin:0;
    color:#7b201f;    
}
.logo-typo h1 {
    margin-bottom:0;
}
.logo-typo h2 {
	float:right;
    font-size: 1em;
    margin:0;
}

.logo a {
	color:#7b201f;
}
.logo a:hover {
	color:#cb7271;
	text-decoration: none;
}
.logo a span {
    font-size: 0.7em;
    text-align:right;
    
}
.menu {
	float:right;
}
.navbar-default{
	background-color:#fff;
}
.nav > li > a {
	font-family: 'Montserrat', sans-serif;
	padding:0 0 8px 0;
	transition: all 0.2s ease-out 0s;
    text-transform: uppercase;
}
.navbar-nav > li a::before {
    border-bottom:1px solid #7b201f;
    top:28px;
    content: "";
    left: 0;
    position: absolute;
    width:0px;
}
.navbar-nav > li a:hover::before {
    border-bottom: 1px solid #7b201f;
    top:28px;
    content: "";
    left: 0;
    position: absolute;
    width: 100%;
	transition:all 0.4s ease-in 0s;
}
.navbar-nav > li.active a {
	border-bottom: 1px solid #7b201f;
}
.navbar-nav {
    margin-top: 13px;
}	
.nav.navbar-nav > li {
    padding:14px 10px;
}

/*............................sub-menu...................*/
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
	background-color:#fff;
	color:#7b201f;
}
.dropdown-menu li {
    padding: 8px 10px;
}
.dropdown-menu > li > a {
	color:#000;
}
.dropdown-menu > li > a {
	transition: all 0.4s ease 0s;
	font-family: 'Montserrat', sans-serif;
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
	background-color:#fff;
	color:#7b201f;
}
.dropdown-menu > li a:hover::before {
	border-bottom:none;
}
.navbar-nav > li > .dropdown-menu {
	border-radius:0;
	box-shadow:none;
}
.navbar-nav li.active ul li a {
    border-bottom: medium none;
}
	
    
    
/*---------------------------------------

BLOC PROPRIETE 

-----------------------------------------*/ 

.fluid-vente {
    margin-right: 5em;
    margin-left: 5em;
}

@media screen and (min-width: 200px) and (max-width: 720px) {
	.fluid-vente {
		margin-right: 0em;
		margin-left: 0em;
	}
	.fluid-vente .col-lg-12 {
		padding-right: 0em;
		padding-left: 0em;
	}
	.col-md-6.ventes  {
		padding-right: 0em;
		padding-left: 0em;
	}

}
/*---------------------------------------

BUTTON

-----------------------------------------*/
.ventebuttons {
	margin-top:0,5em;
	margin-bottom: 3em; 
}
/* Component styles */

button {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: none;
	box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.3), 0 3px 3px rgba(0, 0, 0, 0.15), 0 3px 2px -2px rgba(0, 0, 0, 0.2);
	font-weight: bold;
	color: #fff;
	font-size: 1em;
	text-shadow: 0 -0.5px 1px rgba(0, 0, 0, 0.15);
	text-transform:uppercase;

}

.button {
	padding: 1em 1.5em;
	margin: 0;
	position: relative;
	display: inline-block;
	margin-left: 1em;
	margin-bottom: 1em;
}

.button.styl-material {
	-webkit-transition: 200ms background cubic-bezier(0.4, 0, 0.2, 1);
	transition: 200ms background cubic-bezier(0.4, 0, 0.2, 1);
	background: #7b201f;
}

.button.styl-material:hover,
.button.styl-material:focus {
	outline: none;
	background: #a35352;
}

.ripple-obj {
	height: 100%;
	pointer-events: none;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
	width: 100%;
	fill: #e63c3b;
}

.ripple-obj use {
	opacity: 0;
}



/*---------------------------------------

FOOTER

-----------------------------------------*/    
footer {
	margin: 0em 0 .5em 0;
	background-color: #fff;
}
footer p {
	    margin: 0 0 0.1em;
		font-size:0.8em;
		color: #7b201f;
}

footer .row {
		border-top:1px solid #d5d5d5;
		padding-top:1em;
		margin-top:0;
}

/*---------------------------------------

VENDRE

-----------------------------------------*/    
.vendre {
	background-image: url('../../images/prop/DSC_0103%20(Large).jpg');
	background-size: cover;
}


/*---------------------------------------

VENTE/LOCATION 

-----------------------------------------*/    
.venteDescription {
	padding-right: 1em;
	padding-left: 1em;
	background-color: #fff;
}
.venteDesc {
	padding-right: 2em;
	padding-left: 2em;
	background-color: #fff;
}
.venteCarousel {
	padding: 0 0 0 0;
}
.retourlist {
	cursor:pointer;
	display:inline-block;
	background-color:#fff;
	padding:10px;
	font-size:0.857em;
	text-transform:uppercase;
	box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.3), 0 3px 3px rgba(0, 0, 0, 0.15), 0 3px 2px -2px rgba(0, 0, 0, 0.2);
	text-shadow: 0 -0.5px 1px rgba(0, 0, 0, 0.15);

}

 .moteurHome .searchbutton {

}

.carousel-nav { 
 
}
.carousel-nav-inner { 
}
.carousel-nav-inner {
	border:5px solid #FFF;
	display:block;
	width:100%;
	height: 100px;
	margin-left: 0.8em;
	background-size: cover;

}
.slick-slide {
	opacity: .6;
}

.slick-current {
	opacity: 1;
}
.slick-slider {
    margin-bottom: 0px;
}

.venteCarousel .slick-prev  {
    background-image: url('../../images/ico_prev.png');
    left: 10px;
    background: linear-gradient(transparent, transparent), url(../../images/ico_prev.svg) no-repeat center center;
    display: block;
    cursor: pointer;
    top: 50%;
    margin-top: -25px;
    width: 50px;
    height: 50px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    border: 2px solid #fff;
    z-index: 500;
}
.venteCarousel .slick-prev:hover  {
    width: 60px;
    height: 60px;
}
.venteCarousel .slick-next  {
    background-image: url('../../images/ico_next.png');
    right: 10px;
    background: linear-gradient(transparent, transparent), url(../../images/ico_next.svg) no-repeat center center;
    display: block;
    cursor: pointer;
    position: absolute;
    top: 50%;
    margin-top: -25px;
    width: 50px;
    height: 50px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    border: 2px solid #fff;
    z-index: 500;
}
.venteCarousel .slick-next:hover  {
    width: 60px;
    height: 60px;
}

.venteElements {
	border:1px solid #c2c2c2;
	padding: 1em 0 1em 0;
	margin: 0em 0em 1em 0em;
}
.venteElements ul li{
list-style: none;
}

.venteRef{
	color:#7b201f;
}


/*---------------------------------------

SEARCH

-----------------------------------------*/    

/****BTN MOTEUR HOME****/

 .moteurHome {
	position:absolute; 
	top : 5%;
	right:10%;
	padding:0 20px;
	z-index:999;
} 

@media screen and (min-width: 200px) and (max-width: 480px) {
	.moteurHome {
		position:absolute; 
		top : 5%;
		right: 0%;
		padding:0 20px;
		z-index:999;
	}
}

 .moteurventes {
	position:absolute; 
	padding:0 20px;
	z-index:999;
	right:0; 
} 

@media screen and (min-width: 200px) and (max-width: 480px) {
	.moteurventes {
		position:relative; 
		padding:0 20px;
		z-index:999;
	}
}


.searchbutton {
	cursor:pointer;
	display:inline-block;
	float:right;
	background-color:#fff;
	padding:10px;
	font-size:0.857em;
	text-transform:uppercase;
	-webkit-box-shadow: -2px 2px 2px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: -2px 2px 2px rgba(0, 0, 0, 0.2);
	box-shadow: -2px 2px 2px rgba(0, 0, 0, 0.2);
}

.searchbutton .fa-search {
	width:15px;
	height:15px;
	margin-left:20px;
}

.searchbutton > span {
	display:inline-block;
	vertical-align:middle;
}

/***FORM***/

.searchbox {
	position:absolute;
	right:20px;
	top:0;
	width:0;
	height:0;
	background-color:#fff;
	z-index:1000;
	overflow:visible !important;
	-webkit-box-shadow: -2px 2px 2px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: -2px 2px 2px rgba(0, 0, 0, 0.2);
	box-shadow: -2px 2px 2px rgba(0, 0, 0, 0.2);
}


 .searchbox > .ctnOpacity {
	width:100%;
	height:100%;
	padding:50px;
	display:none;
	position:relative;
}



.searchbox > .ctnOpacity .fa-times {
	display:block;
	position:absolute;
	top:20px;
	right:20px;
	width:28px;
	height:28px;
	cursor:pointer;
}

.ctnOpacity .ico_close {
    display: block;
    position: absolute;
    top: 20px;
    right: 20px;
    width: 28px;
    height: 28px;
    background: #f5f5f5 url(http://www.sothebysrealty-france.com/theme/sirfrance/images/ico_close.svg) no-repeat center center;
    background: linear-gradient(transparent, transparent), #f5f5f5 url(http://www.sothebysrealty-france.com/theme/sirfrance/images/ico_close.svg) no-repeat center center;
    cursor: pointer;
}

.searchbox h2 {
    height:auto;
    margin-top: -1.2em;
    margin-bottom: 0.5em;
}
.searchbox img {
    float:left;
} 

.searchbox p {
    float:left;
}

/*---------------------------------------

Listing produits

-----------------------------------------*/    
.ventes {
    margin-bottom: 2em;
}
.ventes-top {
	margin:0;
}

.ventes-desc {
    padding: 1em;
    border: 1px solid #adadad;
	background-color: white;
	border-top: 2px solid #7b201f;
}
.ventes-desc ul li {
   text-align: center;
   padding: 0 ;
   margin: 0;
}
.ventes-desc ul {
     list-style: none;
}
.ventes-desc p {
    font-size: 0.8em;
}
.ventes-desc .row {
    padding: 0 1em 0 1em;
}
.ventes h2, h3 {
    margin:0;
}
.ventes h2 {
    font-size: 1.2em;
    margin-bottom: 0.4em;
    padding: 0;
}
.ventes h3 {
    font-size: 1em;
    margin-bottom: 0.8em;
}

.searchbouclestop img {
    float:left;
} 

.infos {
    z-index: 4;
    position: absolute;
    top: 0;
    right:0;
    background-color: black;
    opacity:0.6;
    padding:0.4em;
    font-size:0.5em;
}
.infos-link-hover{
    z-index: 3;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.infos span {
    color: #fff;
    padding:0.4em;

}
.statut{
    z-index: 4;
    color: #fff;
    position: absolute;
    top: 20%;
    right:0;
    font-size: 3em;
    writing-mode: rl-tb;
    text-align:center;
    margin-right: 2em;
}





/*---------------------------------------

EFFETS VENTES

-----------------------------------------*/    


/* Common style */
.grid .effect-goliath {
	position: relative;
	overflow: hidden;
	height: auto;
	background: #7b201f;
	text-align: center;
	cursor: pointer;
    font-family: 'Raleway', Arial, sans-serif;
}

.grid .effect-goliath .img-goliath {
	position: relative;
	display: block;
	max-width: 100%;
	opacity: 1;
	   top:0;
	   right:0;
	   bottom:0;
	   width: 100%;
   
}

.grid .effect-goliath figcaption {
	padding: 2em;
	color: #fff;
	text-transform: uppercase;
	font-size: 2em;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.grid .effect-goliath figcaption::before,
.grid .effect-goliath figcaption::after {
	pointer-events: none;
}

.grid .effect-goliath figcaption,
.grid .effect-goliath figcaption > a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.grid .effect-goliath figcaption > a {
	z-index: 5;
	text-indent: 200%;
	white-space: nowrap;
	font-size: 0;
	opacity: 0;
}

.grid .effect-goliath h2 {
	word-spacing: -0.15em;
	font-weight: 300;
}

.grid .effect-goliath h2 span {
	font-weight: 800;
}

.grid .effect-goliath h2,
.grid .effect-goliath p {
	margin: 0;
}

.grid .effect-goliath p {
	letter-spacing: 1px;
	font-size: 68.5%;
}

/* Individual effects */


/*-----------------*/
/***** Goliath *****/
/*-----------------*/

figure.effect-goliath {

}

/*figure.effect-goliath .img-goliath,
figure.effect-goliath h2 {
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
}*/

figure.effect-goliath .img-goliath {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

figure.effect-goliath h2,
figure.effect-goliath p {
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 30px;
    font-family: 'Raleway', Arial, sans-serif;
}

figure.effect-goliath p {
	text-transform: none;
	font-size: 90%;
	opacity: 0;
    text-transform: uppercase;
    float:right;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(0,50px,0);
	transform: translate3d(0,50px,0);
}

/*figure.effect-goliath:hover .img-goliath {
	-webkit-transform: translate3d(0,-80px,0);
	transform: translate3d(0,-80px,0);
}*/

figure.effect-goliath:hover h2 {
	-webkit-transform: translate3d(0,-100px,0);
	transform: translate3d(0,-100px,0);
}

figure.effect-goliath:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

/*----------------------*/
/***** Goliath FULL *****/
/*----------------------*/

/*
figure.effect-goliath:hover .img-goliath {
	-webkit-transform: translate3d(0,-80px,0);
	transform: translate3d(0,-80px,0);
}
*/


figure.effect-goliath .txt-goliath {
	text-transform: none;
	font-size: 90%;
	opacity: 0;
    text-transform: uppercase;
    float:right;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(0,50px,0);
	transform: translate3d(0,50px,0);
}
figure.effect-goliath:hover .txt-goliath {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

figure.effect-goliath h2,
figure.effect-goliath .txt-goliath {
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 30px;
    font-family: 'Raleway', Arial, sans-serif;
}


/*----------------------*/
/***** FORM *****/
/*----------------------*/

/*  Page contact
--------------------------------------------------------*/

.page-contact,
.page-artiste{
    background: #f5f5f5;
}

.page-contact #main{
    background: #f5f5f5;
    padding-top: 50px;
    padding-bottom: 50px;
}

.page-contact #main .row{
    margin-left: -15px;
    margin-right: -15px;
}

.page-contact .blocLeft img{
    margin: 30px auto;   
}

.page-contact .title{
    margin-top: 0;
    margin-bottom: 30px;
}

.page-contact .title .small{
    font-size: 100%;
    display: inline;
}

.form-horizontal{
    margin-bottom: 30px;
}

.form-horizontal .control-label{
    text-align: left;
    padding-top: 3px;
    font-weight:normal;
}

.form-control {
    border:solid 1px #fff;
    border-radius: none;
    box-shadow: none;
    border-radius: 0;
    height: 25px;
    font-size: 12px;
    color:#222;
}

.form-control:focus{
    border:solid 1px #bdbdbd;
    background: #fafafa;
    box-shadow: none;
}

.radio-inline,
.checkbox-inline {
    padding-top: 3px !important;
    vertical-align:top;
}

textarea{
    resize: none;
}

.btn-submit{
    border:none;
    background: #d1cdcd;
    text-transform: uppercase;
    font-size: 16px;
    color: white;
    padding: 10px 30px;
    display: block;
    width: 100%;
}

.error-block{
    color: red;
    display:block;
    font-size: 12px;
}


@media (min-width: 992px) {

    .page-contact #main{
        padding-top: 60px;    
    }
    
    .page-contact .blocLeft img{
        margin: 0;    
    }
    
    .btn-submit{
        width: auto;
        margin-left:120px;
    }
}
/*----------------------*/
/***** FORM ITSELF *****/
/*----------------------*/


.form-row {
}
.col-sm-6.form-group  {
margin-left: 0;
padding-left: 0;
}
.col-sm-7.form-group  {
margin-left: 0;
padding-left: 0;
}
.col-sm-12.form-group  {
margin-left: 0;
padding-left: 0;
}
.form-button {
	margin: 2em;
}
#cboxContent{
	background-color: #f5f5f5;
}
#cboxLoadedContent{
	overflow:hidden;
}
.lightboxContent {
	background-color: #f5f5f5;
	padding: 2em;
	height:inherit;
	display:none;
}
@media (min-width: 768px)
.col-sm-2-contact {
    width: 12.42%;
}

#contact_message {
min-height: 9em; 
vertical-align: top;
-webkit-transition: height 0.2s;
-moz-transition: height 0.2s;
transition: height 0.2s;
}


#en-contact_message {
min-height: 9em; 	
vertical-align: top;
-webkit-transition: height 0.2s;
-moz-transition: height 0.2s;
transition: height 0.2s;
}