@font-face {
    font-family: AvantGarde ;
    src: url(../fonts/ITCAvantGardeStd-Bk.otf);
}

@font-face {
    font-family: AvantGardeBold;
    src: url(../fonts/ITCAvantGardeStd-Demi.otf);
    font-weight: bold;
}

@font-face {
    font-family: AvantGardeItalic ;
    src: url(../fonts/ITCAvantGardeStd-BkObl.otf);
    font-style: italic;
}

@font-face {
    font-family: AvantGardeBoldItalic ;
    src: url(../fonts/ITCAvantGardeStd-DemiObl.otf);
    font-weight: bold; 
    font-style: italic;
}


@media (max-width: 1199px) {
	.navbar-default .navbar-nav>li>a { padding: 15px 25px !important;}
	.rubrique .texte {padding: 10px !important; font-size: 20px !important;}
	.rubrique { width: 45%!important;}
	.rubriques-liste {height: 320px!important;}
	ul.liens li a, a.details { font-size:12px;}
	.little-annonce .image { padding-right: 0!important;}
	.annonce .texte h3 { font-size: 14px !important;}
	.mosaic p { font-size: 20px !important;}
	.mosaic p.mini { font-size: 12px !important;}
	.newsletter input { width: 320px!important;}
	.liste .search { margin-right: 15px !important; margin-left: 15px!important; padding: 15px 15px!important;}
	.mosaic p { font-size: 18px !important; line-height: 24px !important; padding: 10px !important;}
	.mosaic p.mini { font-size: 16px !important;}
	/*div.slideshow-container { height: 410px!important;}*/
}

@media (max-width: 1025px) {
	.label-petit { font-size: 9px !important;}
}

@media (max-width:991px) {
.navbar-default .navbar-nav>li>a { padding: 15px 10px !important;}
.search .critere { width: initial!important;}
.mosaic p { font-size: 24px !important; line-height: 28px !important; padding: 15px !important;}
.rubrique {height: 250px; background-size: cover !important; width: 48%!important;}
.rubrique .texte { font-size: 30px !important; line-height: 28px;    padding: 20px 10px !important;}
.rubriques-liste { height: 540px!important;}
.mosaic p.mini { font-size: 24px !important;}

}

@media (max-width: 767px) {
	.logo { display:none !important;}
	.logo-mobile { display: block !important;}	
	.display-mobile { display:none!important;}
	.display-desktop { display:block!important;}
	.icon-rappel { padding:0!important; line-height: 28px!important; margin: 0 2px !important; font-size: 20px!important;}
	.form-popup { left:0 !important; margin-left:0!important; width: 100% !important; top:0px !important;}
	.navbar-nav {margin: 0;}
	.search {margin-top: 15px!important;}
	.search .flex {display: block!important;}
	.search .critere {display: block!important; margin-bottom: 7px!important;}
	h1 {font-size: 20px!important;}
	h2 { font-size: 20px!important;}
	.annonce-liste {display: block!important;}
	.vente, .location { width: 100%!important; margin:0!important;}
	.vente a.button, .location a.button { margin-bottom: 30px;}
	.espace { margin-top: 0 !important;}
	img.vitrine { float: none!important; text-align: center; display: block;margin: auto;}
	.mosaic p { font-size: 18px !important; padding: 7px !important; line-height: 20px !important;}
	.mosaic p.mini { font-size: 16px !important;}
	.liste-annonce { display: block!important;}
	.liste-annonce .texte { width: 100%!important;}
	.liste-annonce .image {width: 100%!important; margin-bottom: 15px;}
	.annonce .texte h3 {font-size: 18px !important;}
	.rubrique {height: 167px;    background-size: cover !important; width: 45%!important;}
	.rubrique .texte { font-size: 24px !important; line-height: 28px;    padding: 20px 10px !important;}
	.rubriques-liste { height: 380px!important;}
	.table-det { width: 100%!important;}
	a.button-details {width: 100%!important; margin-bottom: 30px!important;}
	.contact-section { display: block!important;}
	.coordonnees { width: 100%!important; margin-bottom: 30px!important;}
	.contact-section .contact { width: 100%!important;}
	.emphase {     font-size:16px!important;}

}

@media (max-width: 451px) {
	/*div.slideshow-container { height: 260px!important;}*/
	ul.thumbs img { height: 30px!important;}
	ul.thumbs li { margin-right: 10px!important;}
	.mosaic p { font-size: 14px !important;}
	.mosaic p.mini { font-size: 14px !important;}
}

@media (min-width: 768px) and (max-width: 991px) {
		.display-tablet { display:none;}
		.big-annonce .image:after { position: absolute; content:""; bottom: 0; width: 100%; height: 5px;}

}

@media (min-width: 992px) and (max-width: 1199px) {
	.big-annonce .image:after { position: absolute; content:""; bottom: 0; width: 100%; height: 5px;}
}

@media (min-width: 1200px) and (max-width: 3199px) {
	.big-annonce .image:after { position: absolute; content:""; bottom: 0; width: 100%; height: 5px;}
}

.display-desktop, .display-desktop.glyphicons { display:none;}

body {
	font-family: 'AvantGarde', sans-serif;
	font-size:14px;
	line-height: 24px;
	color: #666666;
	background-color: #b1264a;
	background: url(images/background.jpg);
	background-position: top center;
	background-repeat:repeat-y;
    background-size: contain;
}

h1 {
	font-size: 24px;
	color: #666666;
	text-align: center;
	margin: 0;
	margin-bottom: 20px;
}


h1.page:before, h1.page:after {
 	background: #ed1846;
  	content: "";
  	display: block;
  	height: 1px;
  	position: absolute;
    top: 50%;
    width: 400%;
}

h1.page:before {
  	right: 100%;
}

h1.page:after {
  	left: 100%;
}

.h1-container {
	overflow: hidden;
  	text-align: center;
  	margin-left: 15px; 
  	margin-right: 15px;
}

h1.page {
	font-family:'AvantGardeBold', sans-serif; font-weight: bold;
	font-size: 28px; 
	color: #303030;
	position: relative;
	text-transform: uppercase;
	margin-bottom: 20px;
	margin-top: 30px;
	display: inline-block;
	padding: 0 15px;
}


h1 img { display: block; margin:auto; margin-bottom: 10px;}


h2 { 
	font-size: 28px; 
	color: #303030;
	position: relative;
	margin-left: 35px;
	text-transform: uppercase;
	border-bottom: 1px solid #ed1846;
	margin-bottom: 20px;
	margin-top: 30px;;
}

h2:before { content:""; position: absolute; left:-35px; background:url(images/icon-titre-1.png); height: 23px; width: 23px;}

span.rose { color:#ed1846;}

h2 span.gras { font-family:'AvantGardeBold', sans-serif; font-weight: bold;}


h3, h4 { text-transform: uppercase;}

.logo-mobile { display:none; float: left;}

.subheader { background-color: #b7274c; padding: 4px 0;}

.subheader ul { margin-bottom: 0; display: block; text-align: right; margin-right: 30px;}

.subheader ul li { background: #fff; display: inline-block;    vertical-align: middle;}

.subheader ul li:hover, .subheader ul li:focus { background: #ddd;}

.subheader ul li a, .subheader ul li span  { color: #B7274C;}

.subheader ul li a:hover, .subheader ul li span:hover,.subheader ul li a:focus, .subheader ul li span:focus  { text-decoration: none;}

.subheader ul li .icon { font-size: 24px;line-height: 27px;}

.subheader ul li .social { line-height: 40px; margin: 0 8px;}

.subheader ul li.tel-number { background: none; color: #fff; font-size: 20px; margin-left: 15px;}

.subheader #tel:hover,.subheader #tel:focus { background: #fff;}

.subheader #favori { font-family: 'Lobster Two', cursive; font-size: 18px; line-height: 39px; text-decoration: none; padding: 0 10px;}

.subheader #rappel span{ text-transform: uppercase; line-height: 39px; margin: 0 10px;}

.subheader #tel {position: relative;}

.subheader #tel:after {
content:""; 
position: absolute; 
width: 0;
height: 0;
border-style: solid;
border-width: 10px 0 10px 10px;
border-color: transparent transparent transparent #ffffff;
right: -10px; top: 50%; margin-top: -10px;
}

.navigation-top {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+50,dadada+100 */
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #ffffff 50%, #dadada 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ffffff 0%,#ffffff 50%,#dadada 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ffffff 0%,#ffffff 50%,#dadada 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dadada',GradientType=0 ); /* IE6-9 */
}

.logo img {width: 200px; height: auto; display: block; margin: 15px auto; }

.filet-nav { width:100%; border: 1px solid #dadada;}

.navbar-default .navbar-nav>li>a {
    text-transform: uppercase;
    font-family: 'AvantGardeBold', sans-serif;
    font-weight: bold;
    color: #231f20;
    padding: 15px 30px;
}

.navbar-default .navbar-nav>li>a:hover {
	color: #fff !important;
	background-color: #ed1846;
	-webkit-transition: all 350ms ease;
    -moz-transition: all 350ms ease;
    -o-transition: all 350ms ease;
    transition: all 350ms ease;
}

.navbar-default .navbar-nav>li>a.active { color: #ed1846;}

.slider { background: url(images/slider.jpg); height: 450px;}

.search { background-color: rgba(230, 230, 230, 0.8); padding: 15px; margin-top: 100px;}

.search .flex { display: flex;}

.search .critere { width: 20%; display: inline-block; padding: 0; margin: 0 3px; }

.search-engine-form { padding: 0 15px;}

.button {
    width: 100%;
    display: block;
    margin-top: 10px;
    color: #fff;
    background: #ed1846;
    border: 0px solid #fff;
    border-radius: 5px;
    font-family: 'AvantGardeBold', sans-serif;
    padding: 5px;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    text-align: center; 
}

.button:hover, .button:focus {
    background: #ba1337;
    text-decoration: none;
    color: #fff;
}

.container.white { background-color: #fff; box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2); padding-top: 30px; padding-bottom: 30px;}

.annonce-liste {display:flex; margin-bottom: 20px;}

.annonce { 
display:inline-block; box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2); margin-bottom: 15px;
}

.vente, .location { display: inline-block; width: 50%;}

.big-annonce .image { position: relative; width: 100%;}

.annonce .image img { width: 100%;}

.little-annonce {padding: 10px 0px; display: flex;}

.little-annonce .image { width:50%; display: inline-block; padding-right: 15px; padding-left: 15px;}

.little-annonce .texte { display: inline-block; width: 50%;padding-right: 15px; padding-left: 15px; margin: 0 !important;}

.little-annonce h3 { margin-top: 0;}

.little-annonce a.details { margin-top: 5px;}

.annonce .texte { margin: 15px;}

.annonce .texte>a { color: #303030;}

.annonce .texte>a:hover, .annonce .texte>a:focus { color: #303030; text-decoration: none !important;}

.annonce .texte p { font-size: 12px;}

.annonce .texte h3 { font-family: 'AvantGardeBold', sans-serif; font-weight: bold; font-size: 16px; line-height: 20px; margin-bottom: 0;}

.prix {line-height: 20px; margin-bottom: 0; text-transform: uppercase; font-family: 'AvantGardeBold', sans-serif; font-weight: bold;}

.details { line-height: 20px; margin-bottom: 0; text-transform: uppercase; }

.description { line-height: 20px; margin-bottom: 0; font-family: 'AvantGardeItalic', sans-serif; font-style: italic;}

ul.liens { list-style-type: none; padding-left: 0; width: 100%; display: flex; margin-bottom: 0;}

ul.liens li{ display: inline-block; width: 33%; margin: 0; margin-right: 1px; background-color: #ed1846 !important; }

ul.liens li:last-child { margin-right: 0;}

ul.liens li a, a.details {color: #fff !important; display: block; text-align: center; text-transform: inherit;}

ul.liens li a:hover, a.details:hover, ul.liens li a:focus, a.details:focus {text-decoration: none;}


.vente { margin-right: 15px;}

.location { margin-left: 15px;}

.vente .annonce .image:after { background: #ed1846;}

.location .annonce .image:after { background: #842f50;}

.vente .annonce .prix span { color: #ed1846;}

.location .annonce .prix span { color: #842f50;}

.vente ul.liens li a, .vente a.details, .vente a.button { background-color: #ed1846 !important;}

.location ul.liens li a, .location a.details, .location a.button { background-color: #842f50 !important;}

.vente ul.liens li a:hover, .vente ul.liens li a:focus,.vente a.details:hover, .vente a.details:focus, .vente a.button:hover, .vente a.button:focus { 
	background-color: #ba1337 !important;
}

.location ul.liens li a:hover,.location ul.liens li a:focus, .location a.details:hover,.location a.details:focus,.location a.button:hover,.location a.button:focus { 
	background-color: #6b2741 !important;
}

.rubriques-liste { margin-left: -7px; margin-right: -7px; height: 380px;}

.rubrique { float:left; width: 46%; margin: 7px; background-size:contain; position: relative; background-repeat: no-repeat;box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2); }

.rubrique .texte { position: absolute; left: 0; right: 0; color: #fff; padding: 20px 15px; font-size: 26px; text-transform: uppercase;}

.rubrique .texte p { margin-bottom: 0;}

.rubrique .texte span { font-family:"AvantGardeBold", sans-serif; }


@media (min-width: 1199px) {
	.rubrique { height: 172px !important; }
}

@media (min-width:991px) {
	.rubrique { height:138px; ; }
}

@media (min-width: 767px) {
	.rubrique {background-size: cover; }
	.rubrique .texte { font-size: 28px !important; line-height: 26px; width: 48% !important;}
	.rubriques-liste { height: 550px;}
	.newsletter input {width: 520px!important; margin-bottom: 50px;}
	.nav-footer ul li a { padding: 0px 15px!important; font-size: 12px;}
	.rubrique .texte { width: 100% !important;}
	/*div.slideshow-container { height: 440px!important;}*/
}

@media (min-width: 450px) { 
	.rubrique { height: height: 250px;; }
}

#r-vente { background-image: url(images/bien-a-vendre.jpg);}
#r-vente .texte { background-color: rgba(237, 24, 70, 0.6); bottom:0;}

#r-location { background-image: url(images/bien-a-louer.jpg);}
#r-location .texte { background-color: rgba(132, 47, 80, 0.6);}

#r-syndic { background-image: url(images/syndic.jpg);}
#r-syndic .texte { background-color: rgba(247, 66, 13, 0.6);}

#r-gestion { background-image: url(images/gestion-locative.jpg);}
#r-gestion .texte { background-color: rgba(214, 206, 43, 0.6); bottom: 0;}


.sidebar .contact { background: #b7274c; padding: 15px; color: #fff; text-transform: uppercase; font-size: 14px;}

.sidebar h3 { 
	font-family:'AvantGardBold', sans-serif; 
	font-weight: bold;
	font-size: 20px; 
	color: #fff;
	position: relative;
	margin-left: 45px;
	text-transform: uppercase;
	margin-bottom: 20px;
	margin-top: 0;
}

.sidebar .une h3 { color: #303030; margin-top: 40px;}

.sidebar .une .texte h3  { color:#303030; margin-left:0;    margin-top: 0;}

.sidebar .une .texte h3:before { width: 0;}

.sidebar h3:before { content:""; position: absolute; left:-45px; bottom: 4px; background:url(images/icon-titre-2.png); height: 12px; width: 35px;}

.sidebar .contact form {padding: 0; margin-bottom: 30px;}

.input-group-addon {padding: 0 10px; line-height: 28px; color: #ED1846;}

.input-group { margin-bottom: 5px;}

.form-control { height: 32px;}

textarea { width: 100%; padding: 5px 15px; border-radius: 4px;}*

.textarea { width: 100%;}

.sidebar .contact .button {
    color: #ed1846;
    background: #ffffff;
}

.sidebar .contact .button:hover, .sidebar .contact .button:focus {
    background: #cccccc;
}

.contact .cursive { font-family: 'Lobster Two', cursive; font-size: 24px; text-transform: initial; margin-bottom: 15px;}

.contact-button { margin-top: 15px; }


#orange-dark { background-color: #fb8301;}
#orange-light { background-color: #fc9c34; }
#rose-dark { background-color: #b7274c;}
#rose-light { background-color: #ed1846;}
#violet-dark { background-color: #78182d;}
#violet-light { background-color: #842f50;}

img.vitrine { width: 190px; float: right;}

.mosaic { width: 100%; vertical-align: middle; color: #fff; text-align: center; display: table;table-layout: fixed;}

.mosaic tr { width: 100%; }

.mosaic td { width: 33%; display: table-cell;}

.mosaic p { font-size: 26px; text-transform: uppercase;padding: 15px; text-align: left; line-height: 26px;}

.mosaic p span { font-family:"AvantGardeBold", sans-serif; font-weight: bold;}

.mosaic p.mini { font-size: 22px;}

.mosaic p.mini span { font-size: 26px;}

.mosaic td { border: 2px solid #fff; }

.mosaic .icone { max-width:100px;}

.mosaic .image { max-width: 100%;}

.subfooter { background-color: #851c36; margin-top: 40px; color: #fff; padding-top: 20px; padding-bottom: 15px; box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);}

.subfooter .enveloppe { float: left; margin-right: 15px;}

.subfooter h3 { margin-top: 0;}

.newsletter .btn { width: 60px; height: 60px; line-height: 39px; font-size: 28px; color: #fff; padding-left: 6px; background: #b7274c; border-color: #B7274C; border-radius: 100px; text-align: center;}

.newsletter input { margin-right: -30px; display: inline-block; width: 360px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);}

ul.icons-footer { padding-left: 0; margin-top: 15px;}

ul.icons-footer li { background: #fff; display: inline-block; vertical-align: middle; position: relative; margin-left: 5px; margin-right: 5px;}

ul.icons-footer li:after { content:""; position: absolute; height: 20px; width: 1px; right: -8px; bottom: 10px; background: #fff; }

ul.icons-footer li a, .subheader ul li span  { color: #B7274C;}

ul.icons-footer li .icon { font-size: 24px;line-height: 27px;}

ul.icons-footer li .social { line-height: 40px; margin: 0 8px;}

.nav-footer { background-color: #521121; color: #fff; padding-top: 10px; padding-bottom: 10px; box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2); position:relative;}

.nav-footer:before { content:""; position: absolute; top: 0; left: 0; right: 0; height: 7px; background: url(images/ombre-nav-footer.jpg); background-repeat: repeat-x;}

footer { background-color: #380c17; color: #fff; padding-top: 20px; padding-bottom: 20px; position: relative;}

footer:before { content:""; position: absolute; top: 0; left: 0; right: 0; height: 7px; background: url(images/ombre-footer.jpg); background-repeat: repeat-x;}

.nav-footer ul { padding-left: 0; margin-bottom: 0; text-align: center;}

.nav-footer ul li { list-style-type: none; display: inline-block; padding-top: 5px; }

.nav-footer ul li a { color: #fff; text-transform: uppercase; border-right: 1px solid #fff; padding:  0px 25px; }

.nav-footer ul li a:hover, .nav-footer ul li a:focus{text-decoration: none; color: #aaa;}

footer h3.title { font-family: "AvantGardeBold", sans-serif; font-weight: bold; font-size: 16px; text-transform: uppercase; margin-bottom: 15px;}

footer p, footer h3, footer h4 { text-transform: initial; font-size: 14px; }

footer a { color: #fff;}

footer a:hover, footer a:focus { color: #aaa; text-decoration: none;}

footer ul { padding-left: 14px;}

footer ul li { list-style-image : url(images/icon-puce.png); }

footer ul li h4 { display: inline;}

footer .descr { font-size: 12px; line-height: 16px;}

.mentions { border-top: 1px solid #fff; padding-top: 10px; margin-top: 20px;}

.mentions p { margin-bottom: 0; text-align: center; }

.espace{ margin-top: 40px;}




.liste .search { margin-top: 0; margin-right: -30px; margin-left: -30px; padding: 15px 45px; }

.liste .annonce-liste { display: block; margin-bottom: 0;}

.liste .vente { width: 100%; margin-right: 0;}

.liste .location { width: 100%; margin-left: 0;}

.liste-annonce {padding: 15px; display: flex;}

.liste-annonce .image { width:35%; display: inline-block; margin-right: 15px;}

.liste-annonce .texte { display: inline-block; width: 63%; margin: 0 !important;}

.liste-annonce h3 { margin-top: 0;     margin-bottom: 5px !important;}

.liste-annonce { margin-top: 5px;}

.liste-annonce .prix { font-size: 18px !important; line-height: 24px; margin-bottom: 7px; margin-top: 7px;}

.pagination { margin: 0;}

.pagination li a { font-family: "AvantGardeBold", sans-serif; font-weight: bold; color: #fff; background-color: #231f20; border-width: 0px;margin-right: 4px;}

.pagination li a:hover, .pagination li a:focus { background-color: #444444; color: #fff;}

.pagination li a.active { background-color: #ed1846; }


.breadcrumb { 
	background: none;
	padding: 0 15px;
    margin-bottom: 0;
    font-size: 12px;
    text-transform: uppercase;
}

.breadcrumb>.active { color: #ed1846; }

.breadcrumb li a { color: #231f20;}

.breadcrumb li a:hover, .breadcrumb li a:focus { color: #aaa; text-decoration: none;}



.partage ul { margin-bottom: 0; display: block; text-align: left; margin-top: 30px;margin-bottom: 20px; padding-left: 0;}

.partage ul li { background: #ed1846; display: inline-block; vertical-align: middle;}

.partage ul li:hover, .partage ul li:focus{ background: #ba1337;}

.partage ul li a, .partage ul li span  { color: #fff;}

.partage ul li .icon { font-size: 16px;line-height: 27px;}

.partage ul li .social { line-height: 40px; margin: 0 8px;font-size: 24px !important;}

.partage .part-fav {     line-height: 40px;   padding: 0 15px;}

.part-fav:hover { text-decoration: none;}



.contenu h2 { margin-top: 40px;}

.table-det { width: 70%;}

.table-det td { border-color: #231f20 !important;}

td.t-prix { color: #ed1846; border-bottom: 1px solid #231F20;}

td.title { font-family: "AvantGardeBold", sans-serif; font-weight: bold; }



.sidebar .search-mini {
	background: #842f50;
    padding: 15px;
    color: #fff;
    text-transform: uppercase;
    font-size: 14px;
    margin-bottom: 30px;
}

.sidebar .search-mini .critere { margin-bottom: 10px;}

.sidebar .search-mini .button { background: #fff; color: #ed1846;}

.sidebar .search-mini .col-sidebar { width: 100% !important; padding-right: 0!important; padding-left: 0 !important;}

.emphase { 
    font-weight: 600;
    padding-left: 10px;
    margin: 20px 45px;
    border-left: 2px solid #ed1846;
    position: relative;
    font-size: 20px;
    line-height: 30px;
}

.emphase:before {
	content:"\e547";
    font-size: 26px;
    padding: 20px;
    color: #ed1846;
    font-family:'Glyphicons Regular';
    width: 50px;
    height: 50px;
    position: absolute;
    top: 50%;
    margin-top: -35px;
    left: -60px;
}

.contact-section { display: flex; margin-bottom: 30px; margin-top: 15px;}

.coordonnees {
	width: 200px;
    text-align: center;
    display: inline-block;
    margin: auto;
    
}

.coordonnees .partage ul { text-align: center;}

.contact-section .contact { display: inline-block; width: 60%;}


div.slideshow-container {
    position: relative;
    clear: both;
    /*height: 460px;*/
}

a.button-details {width: 50%; display:block; margin:auto;}

p.MsoNormal span {     font-size: 14px!important; line-height: 24px!important;}


/* -------------- POP UP ----------------------- */
#black {
	background-color:#000; 
	z-index:100000; 
	opacity:0.85; 
	position:fixed; 
	top:0; 
	width: 100%;
	height: 100%;
	display:none;
}

.form-popup {
	display: none;
    width: 500px;
    border-collapse: collapse;
    text-align: center;
    top: 100px;
    position: fixed;
    z-index: 1000000;
    background-color: white;
    margin-left: -250px;
    padding: 40px 30px 30px;
    left: 50%;
}

.btn.close { 
	position: absolute;
    top: -60px;
    right: -30px;
    width: 40px;
    height: 40px;
    padding: 0;
    margin: 0;
    border: #E4871A 0Px solid;
    opacity: 1;
    text-shadow: inherit;
    color: #fff;
    background-color: #b7274c;
    border-radius: 0;
    font-size: 24px;
}

.btn.close:hover, .btn.close:focus { 
    color: #fff;
	background-color: #b7274c;
	box-shadow: -1px 2px 15px 3px rgba(0, 0, 0, 0.2) inset; background-color: #b7274c; 
}


.carousel { margin-top: -60px; position:relative; margin-bottom: 60px;}
.carousel:after {
	background: url(images/shadow.png) no-repeat;
	width:100%;
	position:absolute;
	bottom: -32px;
	left:20px;
	height: 41px;
	display: block;
	content: "";
	z-index:1;
	    background-size: contain;
}
.carousel-inner .active.left { left: -33%; }
.carousel-inner .next        { left:  33%; }
.carousel-inner .prev        { left: -33%; }
.carousel-control.left,.carousel-control.right {background-image:none; z-index: 10;}
.carousel-inner .item img { border 1px solid rgba(0, 0, 0, 0.05); z-index: 10; width: 100%;}
.carousel-inner .item { text-align: center; text-transform: uppercase; font-weight: bold;}
.tag-slider {
	position: absolute;
    z-index: 12;
    top: 15px;
    right: 0;
    background-color: rgba(108, 23, 24, 0.8);
    text-align: right;
    padding: 10px 20px 5px 15px;	 
    -webkit-transition: all 250ms ease;
    -moz-transition: all 250ms ease;
    -o-transition: all 250ms ease;
    transition: all 250ms ease;
}

.tag-slider:hover, .tag-slider:focus { 
	background-color: rgba(108, 23, 24, 0.9);
	-webkit-transition: all 250ms ease;
    -moz-transition: all 250ms ease;
    -o-transition: all 250ms ease;
    transition: all 250ms ease;
}
.tag-slider-title { font-family: 'NexaBold', sans-serif; font-size: 34px; color: #fff;     margin-bottom: 0;     line-height: initial;}
.tag-slider-text { font-family: 'NexaLight', sans-serif; font-size: 24px; color: #c1c1c1; line-height: 20px;}
.tag-slider-title .glyphicons { font-size: 14px; top: 11px;}
.carousel-control {
	bottom: 7px;
    width: 30px;
    text-shadow: inherit;
    background-color: rgba(255, 255, 255, 0.8);
    height: 30px;
    opacity: 1;
    top: inherit;
    color: #6c1718;
    border-radius: 100%;
}
.carousel-control:hover, .carousel-control:focus { opacity: 1; background-color: #6c1718; color: #fff;}
.carousel-control.left {left:50%; margin-left:-34px;}
.carousel-control.right { right: 50%; margin-right: -34px;}
.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev {
	margin-top: -11px;
    font-size: 20px;
}



/* -------------- SEARCH ENGINE INPUT STYLE ------------*/

 #format { margin-top: 2em; }

.label-dist { width: 25%;}

.label-piece { width: 20%;}

.label-piece .ui-button-text-only, .label-piece .ui-button-text {
	padding: 7px 5px !important;
}

.label-dist .ui-button-text-only, .label-dist .ui-button-text {
	padding: 4px 5px !important;
}

.label-dist, .label-piece { 
	height: 34px; 
	border-radius: 0 !important; 
	border-width: 0 !important; 
	color: #666666 !important; 
	background-color: #fff !important; 
	background-image: none !important;
}

.label-dist:hover, .label-piece:hover,.label-dist:focus, .label-piece:focus  { 
	background: #e5e5e5 !important; 
	color: #666 !important;
}

.ui-state-active { background-color: #BF9A7B !important; background-image: none; color: #fff !important; }

.imgDPEGES {
    height: 180px;
    width: 180px;
    font-size: 10px;
}