@import url(https://fonts.googleapis.com/css?family=Lato:300,400,700);

html { box-sizing: border-box; }
*, *:before, *:after { box-sizing: inherit; }

html, body, header, footer, section, nav, aside, article, figure, figcaption, td, div, p, ul, ol, li, dl, dt, dd, select, input, textarea, label, button, hr { font: 300 16px/24px 'HelveticaNeue-Light', 'Helvetica Neue Light', 'Helvetica Neue', Helvetica, Arial, sans-serif; color: #666666; text-rendering: none; -moz-osx-font-smoothing: none; margin:0; padding:0; list-style:none; -webkit-font-smoothing:antialiased; text-rendering:optimizelegibility; -moz-osx-font-smoothing:grayscale; }
body { width:100%; height:100%; background:#FFF; }
h1, h2, h3, h4, h5, h6, .title { display: inline-block; clear: both; margin:0 0 40px 0; color:#333; font-family: 'HelveticaNeue-Light', 'Helvetica Neue Light', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: lighter; text-rendering: none; -moz-osx-font-smoothing: none; }
h1, h2 { font-weight:300; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #dddddd; }
h1:after, h2:after { content: "\A"; white-space: pre; }
h1 span, h2 span { font-weight: 400; }
h1 { font-size: 36px; line-height: 40px; }
h2 { font-size: 30px; line-height: 36px; }
h3 { font-size:30px; line-height:36px; }
h5 { color: #000; font-size: 12px; line-height: 14px; font-weight: 300; }
a { color:#999; text-decoration:none; }
img { border:0; }
strong { font-weight:700; }
em { color:#333; }
p { margin-bottom: 10px; }
header, footer, nav, section, aside, article, figure, figcaption { display:block; box-sizing:border-box; }
ul, li, div, select, textarea, input[type="text"], .button, input[type="submit"] { box-sizing:border-box; }
input[type="checkbox"] { display: inline-block; }
:focus { outline:none; }

.wrapper {
	overflow: hidden;
}

section.homepageContent > .layoutLarge {
  background: url('/images/swixim/content-background.jpg') center right no-repeat;
  background-size: cover;
}

.clearfix:after { content:""; display:table; clear:both; }

.fancybox-skin { background: #FFF; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; }
.fancybox-skin[style] { padding:0 !important; }
.fancybox-type-ajax .fancybox-skin { padding: 10px !important; }

.owl-carousel,
.owl-wrapper-outer,
.owl-wrapper,
.owl-stage-outer,
.owl-stage,
.owl-item,
.owl-item .item {
  height: 100%;
}

.layout,
.layoutLarge,
.layoutBig,
.homepageSearch {
  position: relative; width: 100%; max-width: 1040px; padding-left: 20px; padding-right: 20px; margin: 0 auto; /*overflow: hidden;*/
}
.layoutLarge { max-width: 1400px; }
.layoutBig { max-width: 1940px; }

.columnLeft { float: left; width: 64%; }

.columnRight {
	float: right;
	width: 32%;
}

.columnRight>div {
	background-color: #f5f5f5;
	padding: 10px;
	margin-bottom: 10px;
	overflow:hidden;
	box-shadow: 0 1px rgba(0,0,0,.3) ;
}
.columnRight>div h2:after { content: none; }
.columnRight input[type="text"],
.columnRight textarea,
.columnRight select,
.columnRight .ms-choice,
.columnRight .ms-choice.disabled {
  background-color: #FFF;
}

.columnRight .specialDropdown:after {
	border-top-color: #f5f5f5;
}

/** FORMS */
input[type="text"],
textarea,
select,
.ms-choice,
.ms-choice.disabled {
  color:#333;
  border:none;
  width:100%;
  height: 45px;
  padding: 10px 10px;
  margin-bottom: 8px;
  background:transparent;
  background-image:none;
  background-color: #F2F2F2;
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none;
  -moz-border-radius:0px;
  -webkit-border-radius:0px;
  border-radius:0px;
  border-bottom: 1px solid rgba(0,0,0,0.2);
}

select { text-indent: 0.01px; text-overflow: ''; }
.ms-choice > div,
.dropdown:after {
  top: 18px;
  right: 15px;
  width: 5px;
  height: 11px;
  background: url('/images/swixim/icons.svg') 0 -800px no-repeat;
  transform: rotate(90deg);
}

input[type="submit"] {
  display: block;
  width: 52px;
  height: 52px;
  text-indent: -10000px;
  margin: auto;
  background: url('/images/swixim/icons.svg') 0 0 no-repeat;
  border: none;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  appearance: none;
}

.homepageContent input[type="text"],
.homepageContent textarea {
  background-color: #FFF;
}

.dropdown { position: relative; }
.dropdown:after { content: ''; position: absolute; }
.ms-parent { width: 100%; }
.ms-drop.bottom { width: 100%; text-align: left; box-shadow: 1px 1px 1px rgba(0,0,0,0.2); }
.ms-drop { border-radius: 0; }
.ms-drop ul { padding-right: 30px; overflow-x: hidden; }
.ms-drop input { margin-right: 5px; }
.ms-choice > span { top: 10px; }

.select2-container { height: 45px; margin-bottom: 10px; border-bottom: 1px solid rgba(0,0,0,0.2); }
.select2-container--default .select2-selection--multiple .select2-selection__choice { background: #FFF; border: none; border-radius: 0; }
.select2-container--default .select2-selection--multiple { background-color: #f2f2f2; border: none; border-radius: 0; max-height: 44px; padding: 10px; overflow: hidden; }
.select2-container--default.select2-container--focus .select2-selection--multiple { border: none; }
.select2-container .select2-search--inline .select2-search__field { margin-left: 10px; }
input[type="search"]::-webkit-search-decoration { display:none; } /*Safari space fix*/

/* Search */
.search {
	padding: 10px;
}

.search h2 { padding-bottom: 10px; margin-bottom: 15px; }
.search input[type="text"], .search select { width: 100%; }
.search input[type="submit"] {
  margin: 10px auto;
  background-position: 0 -100px;
}

.search div.reference input {
	background-color: rgb(235, 235, 235);
}

.ms-choice > span.placeholder {
    color: #333;
}

::-webkit-input-placeholder {
    color: #333;
}

:-ms-input-placeholder {
    color: #333;
}

::-moz-placeholder {
    color: #333;
	opacity: 1;
}

:-moz-placeholder {
    color: #333;
	opacity: 1;
}

.search .nature .ms-choice,
.order .ms-choice {
  float: right;
  width: auto;
  text-align: center;
  background: none;
  border: none;
  overflow: visible;
  margin-bottom: 20px;
  padding: 0;
}

.search .nature .ms-choice > div,
.order .ms-choice > div {
  display: none;
}

.search .nature .ms-choice > span,
.order .ms-choice > span {
  position: relative;
  display: inline-block;
  left: auto;
  right: auto;
  padding: 0 0 10px 0;
  overflow: visible;
}

.order .ms-choice {
	text-align: right;
}

.order .ms-drop.bottom {
	right: 0;
	max-width: 200px;
}

.search .nature .ms-choice > span {
	font-size: 30px;
	font-weight: 300;
	margin-bottom: 40px;
}

.mapSearch {
  padding-bottom: 0;
  border-bottom: 1px solid rgba(0,0,0,0.2);
}

.mapSearch .fields .field {
  float: left;
  width: 200px;
  margin-right: 1px;
}

.mapSearch h1 {
  float: left;
  border: none;
  margin-right: 30px;
}

.mapSearch input[type="submit"] {
	float: left;
	margin: -5px 0 0 10px;
}

.overflowSearch {
  background: none;
  overflow: visible;
  padding: 0;
  text-align: center;
  margin-top: 150px;
  width: 94%;
  z-index: 1;
}

.overflowSearch .fields {
	padding: 5px;
	background: rgb(255, 255, 255);
}

.overflowSearch .fields .field {
	float: left;
	width: 18%;
	text-align: left;
}

.overflowSearch .advancedSearch {
	padding-top: 10px;
}

.overflowSearch input[type="submit"] {
	background-position: -500px -100px;
	float: right;
    margin: 0;
	margin-top:-54px;
}

.overflowSearch .specialDropdown { margin-bottom: 10px; }
.overflowSearch input[type="text"],
.overflowSearch textarea,
.overflowSearch select,
.overflowSearch .ms-choice,
.overflowSearch .ms-choice.disabled {
  margin-bottom: 0;
}

.overflowSearch .nature .ms-choice > span { color: #000; }
.overflowSearch .nature .ms-drop.bottom { left: -9999px; right: -9999px; max-width: 250px; margin: auto; }

.overflowSearch .select2-container { width: 100% !important; max-width: 100%; margin-right: 1px; margin-bottom: 0; }
.overflowSearch .select2-container .select2-search--inline .select2-search__field { margin-top: 0; }
.overflowSearch .select2-container--default .select2-selection--multiple .select2-selection__choice { margin-top: 0; }

.overflowSearch .advancedSearch { display: none; float: none; width: 100% !important; clear: both; }
.overflowSearch .advancedSearchLink {
	color: #FFF;
	font-weight: 700;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
}

.overflowSearch h2 {
	color: #FFF;
	display:block;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	width: 160px;
}

.overflowSearch h2,
.overflowSearch .advancedSearchLink {
  text-shadow: 0px 1px 1px rgba(0,0,0,0.6);
}

.select2-selection--multiple {
	padding-left: 0!important;
}

ul.select2-selection__rendered {
	padding-left:0!important;
}

section.main .search .select2-selection--multiple {
	background-color: rgb(255, 255, 255);
	padding: 5px 0;
}

section.main .search.mapSearch .select2-selection--multiple {
	background-color: rgb(242, 242, 242);
}

section.main .search .select2-selection__rendered {
	padding: 0;
}


section.main .search .select2-selection__choice {
	background-color: rgb(242, 242, 242);
	margin-left: 10px;
}

/*
.agencies .overflowSearch {
  position: relative;
  left: auto;
  right: auto;
  top: auto !important;
  max-width: 1360px;
  padding: 20px;
  border-bottom: 1px solid rgba(0,0,0,0.2);
}*/

.button {
  display: inline-block;
  font-size: 20px;
  color: rgb(220, 0, 46);
  line-height: 20px;
  padding: 20px;
  background-color: #f5f5f5;
  box-shadow: 0 1px 1px rgba(0,0,0,0.2);
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}



.specialDropdown { display: inline-block; position: relative; border-bottom: 1px solid #dfdfdf; }
.specialDropdown select {
  display: inline-block;
  width: auto;
  color: #666666;
  text-indent:1px;
  text-overflow:'';
  -webkit-appearance:none;
  -moz-appearance:none;
  -o-appearance:none;
  appearance:none;
  background: none;
  box-shadow: none;
}


.specialDropdown:after,
.specialDropdown:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  border: solid transparent;
  height: 0;
  width: 0;
  pointer-events: none;
}
.specialDropdown:after {
  border-color: rgba(255, 255, 255, 0);
  border-top-color: #ffffff;
  border-width: 5px;
  margin-left: -5px;
}
.specialDropdown:before {
  border-color: rgba(223, 223, 223, 0);
  border-top-color: #dfdfdf;
  border-width: 6px;
  margin-left: -6px;
}

/* special dropdown on slider */
.overflowSearch .specialDropdown { border: none; }
.overflowSearch .specialDropdown:before { content: none; }
.overflowSearch .specialDropdown:after {
  content: '';
  left: 0;
  width: 100%;
  height: 6px;
  margin: 0;
  background: url('/images/swixim/special-dropdown.svg') center top no-repeat;
  border: none;
}




.smallIcon:before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 14px;
  margin-right: 10px;
  background: url('/images/swixim/icons.svg') top left no-repeat;
  vertical-align: middle;
}
.smallIcon.phone:before { width: 14px; background-position: -50px -700px; }
.smallIcon.fax:before { width: 11px; background-position: -100px -700px; }
.smallIcon.address:before,
.smallIcon.userName:before {
  width: 13px; height: 16px; background-position: 0 -700px;
}
.smallIcon.contact:before { width: 18px; background-position: 0 -750px; }
.smallIcon.mail:before { width: 14px; height: 11px; background-position: -100px -750px; }
.smallIcon.address { position: relative; padding-left: 25px; }
.smallIcon.address:before { position: absolute; top: 5px; left: 0; }

.userLinks a { font-weight: 400; color: #333; }


.quickLinks { display: inline-block; text-align: center; margin-bottom: 15px; border-top: 1px solid #dddddd; }
.quickLinks li { display: inline-block; font-size: 30px; font-weight: 300; margin: 0 20px; }
.quickLinks li a {
  display: block;
  color: #c6c6c6;
  text-transform: lowercase;
  padding: 20px 0;
  border-bottom: 1px solid transparent;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.quickLinks li:first-child { margin-left: 0; }
.quickLinks li:last-child { margin-right: 0; }
.quickLinks li a:hover,
.quickLinks li a.selected {
  position: relative; color: rgb(220, 0, 46); border-bottom: 1px solid #dfdfdf;
}
.quickLinks li a:hover:after,
.quickLinks li a:hover:before,
.quickLinks li a.selected:after,
.quickLinks li a.selected:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  border: solid transparent;
  height: 0;
  width: 0;
  pointer-events: none;
}

.quickLinks li a:hover:after,
.quickLinks li a.selected:after {
  border-color: rgba(255, 255, 255, 0);
  border-top-color: #ffffff;
  border-width: 5px;
  margin-left: -5px;
}
.quickLinks li a:hover:before,
.quickLinks li a.selected:before {
  border-color: rgba(223, 223, 223, 0);
  border-top-color: #dfdfdf;
  border-width: 6px;
  margin-left: -6px;
}


.userBubble {
  width: 80px;
  height: 80px;
  margin: 0 auto 40px auto;
  background-color: rgb(255, 255, 255);
  background-image: url(/images/swixim/icons.svg);
  background-position: -184px 11px;
  border-radius: 100%;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}

.userBlock { text-align: center; padding: 20px 10px; }
.userBlock .userBubble { width: 120px; height: 120px; margin-bottom: 20px; background-position: -163px 30px; }
.userBlock .smallIcon.address { padding-left: 0; }
.userBlock .smallIcon.address:before { position: relative; top: auto; left: auto; }
.userBlock .button { position: relative; padding-left: 40px; padding-right: 70px; background-color: #FFF; }
.userBlock .button:after {
  content: "";
  display: block;
  position: absolute;
  top: 27px;
  right: 20px;
  width: 6px;
  height: 12px;
  background: url('/images/swixim/icons.svg') 0 -800px no-repeat;
}

.mapPopupContent { padding: 20px; text-align: center; }
.mapPopupContent .resizePicture { margin-bottom: 20px; } 
.mapPopupContent .resizePicture img {  width: 100%; height: auto; opacity: 1; }

.mapPopupContent.user .resizePicture { width: 100px; height: 100px; }

.mapPopupContent.agency .resizePicture { width: 100%; height: auto; padding-bottom: 60%; }


.ad { position: relative; height: 357px; margin-bottom: 40px; }
.ad:hover .picture .buttons { opacity: 1; }
.ad:hover .picture .buttons > div .button { transform: translateX(0); }
.ad .titles { width: 100%; padding: 12px 5px; text-align: center; background-color: #f5f5f5; }
.ad .titles h2,
.ad .titles h3 {
  display: block; color: #666; padding: 0; margin: 0; border: none;
}
.ad .titles h2 { font-size: 18px; font-weight: 300; line-height: 28px; text-align: right; margin: 0; }
.ad .titles h3 { font-size: 12px; font-weight: 700; line-height: 16px; }
.ad .selectionLink {
  position: absolute;
  top: 10px;
  right: 10px;
  display: block;
  width: 14px;
  height: 13px;
  text-indent: -9999px;
  background: url('/images/swixim/icons.svg') -650px -700px no-repeat;
  opacity: 0.5;
  overflow: hidden;
  cursor: pointer;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.ad .selectionLink:hover,
.ad .selectionLinkOn {
  opacity: 1;
  transform: rotate(71deg) scale(1.4);
}
.ad .picture { height: 240px; border-bottom: 4px solid rgb(220, 0, 46); }
.ad .picture .buttons {
  display: table;
  position: absolute;
  width: 100%;
  height: 100%;
  margin: auto;
  text-align: center;
  background-color: rgba(0,0,0,0.6);
  opacity: 0;
  -webkit-transition: all 0.7s ease;
  -moz-transition: all 0.7s ease;
  -o-transition: all 0.7s ease;
  transition: all 0.7s ease;
}
.ad .picture .buttons > div { display: table-cell; vertical-align: middle; }
.ad .picture .buttons > div a { margin: 0 10px; }
.ad .picture .buttons > div .button { padding: 10px 15px; font-size: 16px; }
.ad .picture .buttons > div a:nth-child(1) { transform: translateX(-100%); }
.ad .picture .buttons > div a:nth-child(2) { transform: translateX(100%); }
.ad ul {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  width: 100%;
  height: 50px;
  background-color: #f5f5f5;
  -moz-align-items: center;
  -ms-align-items: center;
  -webkit-align-items: center;
  align-items: center;
     -moz-justify-content: space-between;
      -ms-justify-content: space-between;
  -webkit-justify-content: space-between;
          justify-content: space-between;
}
.ad ul li { font-size: 14px; line-height: 16px; color: #666; font-weight: 700; padding: 0 10px; overflow: hidden;
/*     -moz-align-items: right;
      -ms-align-items: right;
  -webkit-align-items: right;
          align-items: right;*/
}
.ad ul li.price { height: 50px; text-align: center; background-color: #e8e8e8; }
.ad ul li.price div {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  height: 50px;
  color: #333;
  font-size: 14px;
  line-height: 16px;
  font-weight: 700;
  -moz-align-items: center;
  -ms-align-items: center;
  -webkit-align-items: center;
  align-items: center;
     -moz-justify-content: flex-start;
      -ms-justify-content: flex-start;
  -webkit-justify-content: flex-start;
          justify-content: flex-start;
}
.ad ul li.price div.request { text-transform: uppercase; }
.ad ul li.priceSmaller div { font-size: 10px; }

.ad .soleagent {
  position: absolute;
  top: 78px;
  left: 0;
  padding: 5px 10px;
  margin: 0;
  color: #FFF;
  font-size: 12px;
  font-weight: 700;
  line-height: 16px;
  background-color: rgb(220, 0, 46);
}

.adLogo .titles { display: table; width: 100%; text-align: left; padding: 0; min-height: 70px; }
.adLogo .titles div { display: table-cell; padding: 12px 5px 12px 10px; vertical-align: middle; }
.adLogo .titles .logo { width: 25%; padding: 5px; text-align: center; background-color: #FFF; }
.adLogo .titles .logo img { display: block; max-width: 100%; max-height: 100%; }


/** MAP */
.estate-map footer { margin-top: 0; }

#mapContainer { position: relative; }
.columnLeft #mapContainer { margin-bottom: 30px; }
#mapContainer > .button { position: absolute; bottom: 20px; left: 20px; }
#mapContainer > .button:before {
  content: '';
  display: inline-block;
  width: 5px;
  height: 11px;
  margin-right: 10px;
  background: url('/images/swixim/icons.svg') -1500px -800px no-repeat;
}
#mapContainer > .button:hover { color: #ffffff; background-color: rgb(220, 0, 46); }
#mapContainer > .button:hover:before { background-position: -500px -800px; }

.mapPopup .ad { width: 320px; height: 297px; margin: 0; }
.mapPopup .ad .picture { height: 180px; margin: 0; }
.mapPopup .ad .picture img { opacity: 1; }

/*.mapPopup ul li { padding: 10px 10px 0 10px; }*/
.mapPopup ul li a span { font-size: 12px; font-weight: 600; }

.mapPopupClose {
  right: -26px !important;
  top: 0px !important;
  padding: 5px;
  background-color: rgb(220, 0, 46);
  width: 26px;
}

.pin {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 30px;
  height: 30px;
  color: #FFF;
  padding-top: 3px;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  margin: -20px 0 0 -20px;
  background-color: rgb(220, 0, 46);
  border-radius: 50%;
  z-index: 99;
  cursor: pointer;
}
.pin:after {
  content: "";
  position: absolute;
  width: 14px;
  height: 13px;
  margin: 8px 0 0 8px;
  background-image: url('/images/swixim/icons.svg');
  background-position: center center;
  background-repeat: no-repeat;
  transform: rotate(45deg);
}
.pin_1:after { background-position: -497px -900px; }
.pin_2:after { background-position: -549px -900px; }
.pin_3:after { background-position: -600px -899px; }
.pin_4:after { background-position: -650px -898px; }
.pin_5:after { background-position: -695px -898px; }
.pin_6:after { background-position: -497px -950px; }
.pin_7:after { background-position: -550px -948px; }
.pin_8:after { background-position: -600px -950px; }
.pin_9:after { background-position: -650px -948px; }
.pin_10:after { background-position: -700px -950px; }
.pinEstate:hover,
.pinAgency:hover,
.pinUser:hover {
  -webkit-animation: pinHover 800ms ease-in-out infinite;
}
.pinEstate, .pinAgency, .pinUser { padding: 0; text-align: left; border-radius: 50% 50% 50% 0; transform: rotate(-45deg); }
.pinClustered { text-indent: -10000px; margin: 0; background-color: #710219; }
.pinClustered:after { top: 0; display: block; padding: 0; text-align: left; text-indent: 0; background-position: -549px -900px; transform: rotate(0); }
.pinAgency:after, .pinClusteredAgency:after { background-position: -650px -898px; }
.pinUser:after, .pinClusteredUser:after { background-position: -650px -750px; }

@-webkit-keyframes pinHover {
  0% { -webkit-transform: rotate(-45deg); }
  50% { -webkit-transform: translate3d(0,-8px,0) rotate(-45deg); }
  100% { -webkit-transform: rotate(-45deg); }
}

@-moz-keyframes pinHover {
  0% { -webkit-transform: rotate(-45deg); }
  50% { -webkit-transform: translate3d(0,-8px,0) rotate(-45deg); }
  100% { -webkit-transform: rotate(-45deg); }
}

@-o-keyframes pinHover {
  0% { -webkit-transform: rotate(-45deg); }
  50% { -webkit-transform: translate3d(0,-8px,0) rotate(-45deg); }
  100% { -webkit-transform: rotate(-45deg); }
}

@keyframes pinHover {
  0% { -webkit-transform: rotate(-45deg); }
  50% { -webkit-transform: translate3d(0,-8px,0) rotate(-45deg); }
  100% { -webkit-transform: rotate(-45deg); }
}

.mapPopup ul li { text-align: left; margin-bottom: 5px; }
.mapPopup .userBubble img { width: 100%; height: auto; opacity: 1; }

.marker-cluster { background-color: #c81330 !important; }
.estateMapPopup .ad { margin-bottom: 0; height: 340px; }
.leaflet-container a.leaflet-popup-close-button { left: 5px !important; right: auto !important; }
.leaflet-popup-content-wrapper, .leaflet-popup-tip { box-shadow: 0 0 10px rgba(0, 0, 0, 0.35) !important; border-radius: 0 !important; }
.leaflet-popup-content p { margin: 0 0 10px !important; }
.mapPopupContent a { color: #dc002e !important; }
.estateMapPopup .ad .titles, .estateMapPopup .ad ul { background-color: #fff; }
.estateMapPopup .ad img { opacity: 1; }

/** SOCIAL LINKS */

.shareBlock {
	text-align: center;
	padding: 20px 20px 40px 20px;
}

.shareBlock h2 { padding-bottom: 0; border: none; }
.shareBlock .socialLinks a { display: block; width: 32px; height: 32px; overflow: hidden; }

.socialLinks { text-align: center; }
header .socialLinks { text-align: center; border-top: 1px solid #e5e5e5; }
.socialLinks li { display: inline-block; margin-left: 10px; margin-right: -0.25em; vertical-align: middle; }
.socialLinks li:first-child { margin-left: 0; }
.socialLinks li a { display: block; width: 32px; height: 32px; overflow: hidden; }
.socialLinks a:before {
  content: '';
  display: inline-block;
  width: 32px;
  height: 32px;
  background-image: url('/images/swixim/social.svg');
  background-repeat: no-repeat;
  vertical-align: middle;
  overflow: hidden;
}

.socialLinks .alert a { width: auto; font-size: 12px; font-weight: 400; color: #666; }
.socialLinks .alert a:before { width: 20px; background-image: url('/images/swixim/icons.svg'); }
.alert a:before { background-position: -150px -741px; }

.socialLinks .back a { width: auto; height: 24px; font-size: 12px; font-weight: 400; color: rgb(220, 0, 46); }
.socialLinks .back a:before { content: none; }

.social a.email:before { background-position: -38px -2px; }
.social a.email:before:hover { background-position: -74px -2px; }
.social a.facebook:before { background-position: -38px -38px; }
.social a.facebook:before:hover { background-position: -74px -38px; }
.social a.twitter:before { background-position: -38px -74px; }
.social a.twitter:before:hover { background-position: -74px -74px; }
.social a.youtube:before { background-position: -38px -110px; }
.social a.youtube:before:hover { background-position: -74px -110px; }
.social a.dailymotion:before { background-position: -38px -146px; }
.social a.dailymotion:before:hover { background-position: -74px -146px; }
.social a.google:before { background-position: -38px -182px; }
.social a.google:before:hover { background-position: -74px -182px; }
.social a.instagram:before { background-position: -38px -218px; }
.social a.instagram:before:hover { background-position: -74px -218px; }
.social a.linkedin:before { background-position: -38px -254px; }
.social a.linkedin:before:hover { background-position: -74px -254px; }
.social a.pinterest:before { background-position: -38px -290px; }
.social a.pinterest:before:hover { background-position: -74px -290px; }



/** ALERT FORM **/
#alertForm .contactus-estate_type {
	margin-bottom: 10px;
}
#alertForm .contactus-area,
#alertForm .contactus-price {
	margin-top: 10px;
}
#alertForm .contactus-area label,
#alertForm .contactus-price label {
	display: block;
	clear: both;
}
#alertForm .contactus-area input,
#alertForm .contactus-price input {
	width: 30%;
}

/** HEADER */
header .layoutLarge { height: 100%; padding: 0 30px; }

header .ribbon { height: 40px; padding: 5px 0; background-color: #e1e1e1; }

header ul.culture { position: relative; margin: 10px 0; padding: 5px 10px 15px 10px; background: #fff; text-align: center; z-index: 99999; }
header ul.culture li, header ul.culture li.selected { display: inline-block; margin-right: 5px; border: none; }
header ul.culture li a { display: block; width: 22px; height: 16px; text-indent: -10000px; background-position: center center; background-repeat: no-repeat; }
header ul.culture li:nth-child(1) a { background-image: url('/images/default/fr.png'); }
header ul.culture li:nth-child(2) a { background-image: url('/images/default/en.png'); }
header ul.culture li:nth-child(3) a { background-image: url('/images/default/it.png'); }

header .logo { position: relative; width: 160px; margin: 30px auto 0 auto; }
header .logo img { max-width: 100%; margin-bottom: 15px; }

header h2 { display: block; padding-bottom: 0; font-size: 20px; line-height: 25px; text-align: center; border: none; }
header h2:after { content: none; }

header nav img { display: block; width: 110px; margin: 15px auto; }
header h5 { font-style: italic; width:100%; text-align: center; margin-bottom: 15px;  }

header nav ul.menu {
  position: absolute;
  z-index: 11;
  right: 0;
  width: 100%;
  text-align: right;
  padding-right: 20px;
  margin: 15px 0 12px 0;
  overflow: visible;
}
header nav ul.menu > li { display: list-item; position: relative; margin: 0; vertical-align: middle; border-bottom: 1px solid #e5e5e5; }
header nav ul.menu > li:first-child { margin-left: 0; }

header nav ul.menu > li.btn { display: none; margin-bottom: 10px; }
header nav ul.menu > li.btn a { width: 36px; height: 29px; margin-top: 9px; background: url('/images/swixim/icons.svg') -200px -100px no-repeat; border: none; }
header nav ul.menu > li > ul a { display: block; color:#FFF; font-weight:400; padding: 5px; }
header nav ul.menu > li > a,
header nav ul.menu > li > ul > li a {
	display: block;
	color: #666;
	font-size: 14px;
	font-weight: 400;
	padding: 10px 0;
  	border-bottom: 1px solid transparent;
  	-webkit-transition: all 0.4s ease;
  	-moz-transition: all 0.4s ease;
  	-o-transition: all 0.4s ease;
  	transition: all 0.4s ease;
}

header nav ul.menu > li:hover a {
	color: rgb(220, 0, 46);
}

header nav ul.menu > li > a b { font-weight: 400; color: rgb(220, 0, 46); }

header nav ul.menu li.submenus:after {
  content: "";
  position: absolute;
  top: 17px;
  left: 50%;
  height: 0;
  width: 0;
  margin-left: -6px;
  pointer-events: none;
  border: solid transparent;
  border-color: rgba(255, 255, 255, 0);
  border-top-color: #999;
  border-width: 6px;
}

header nav ul.menu > li > ul { display: none; position: absolute; top: 100%; left: -9999px; right: -9999px; max-width: 250px; padding-left: 11px; margin: -2px auto 0 auto; background-color: #373e4f; z-index: 10000; }
header nav ul.menu > li:hover > ul { display: block; }
header nav ul.menu > li > ul li { display: block; position: relative; }

header nav ul.menu > li > ul > li.submenus:after { top: 15px; left: auto; right: 2px; -webkit-transform:rotate(-90deg); -moz-transform:rotate(-90deg); transform:rotate(-90deg); }
header nav ul.menu > li > ul > li > ul { display: none; position: absolute; top: 0; left: 100%; width: 100%; max-width: 250px; background-color: #373e4f; text-align: left; }
header nav ul.menu > li > ul > li:hover > ul { display: block; }

header nav ul.menu > li > ul { top: 0; left: 100%; right: auto; width: 100%; background: none; }
header nav ul.menu > li > ul > li { padding: 0 15px; background-color: #f5f5f5; }
header nav ul.menu > li > ul > li a:hover { color: #dc002e; }
header nav ul.menu li.submenus::after {
  left: auto;
  right: 0;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
header nav ul.menu li.submenus:hover::after {
  bottom: 18px;
  right: -4px;
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
}





/** FOOTER */
footer { position: relative; padding-top: 40px; margin-top: 0; overflow: hidden; background: #f5f5f5 url('/images/swixim/footer-background.jpg') left bottom no-repeat; background-size: 50% auto; }
footer h3 { font-size: 20px; line-height: 24px; color: #999; font-weight: normal; margin-bottom: 20px; }
footer p, footer li { font-size: 14px; }
footer p, footer a { color: #999999; }

footer > div { margin-left: 50%; }
footer > div > div { float: left; width: 33.33%; padding: 20px; }
footer > div > p { padding: 20px; clear: both; }

footer .socialLinks { text-align: left; }
footer .socialLinks li { display: block; margin: 0; }
footer .socialLinks a { width: auto; }

footer .sectors { float: left; width: 50%; }
footer .sectors h3 { display: block; width: 50%; }
footer .sectors ul {
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2;
  -webkit-column-gap: 0;
  -moz-column-gap: 0;
  column-gap: 0;
}

footer .consumer { display: block; margin-bottom: 10px; }

footer .credits { margin-top: 40px; }
footer .credits > .layoutLarge { text-align: center; padding-top: 40px; padding-bottom: 40px; margin: 0 auto; }





/** HOMEPAGE */
section.homepagePictures { position: relative; width: 100%; height: 100%; }
.home-carousel { position: fixed; display: block; z-index: 0; top: 0; left: 230px; width: calc(100% - 230px); height: 100% !important; margin-bottom: 60px; }
.home-carousel .resizePicture img { opacity: 1; }

.cms_baseline img { position: absolute; top: 30px; right: 30px; }

section.selection { text-align: center; margin-bottom: 80px; overflow: hidden; }
section.selection h2 { display: block; font-size: 46px; line-height: 52px; padding: 0; border: none; }

section.selection .quickLinks > li { padding-bottom: 65px; }
section.selection .quickLinks > li:first-child { margin-left: 0; }
section.selection .quickLinks > li:last-child { margin-right: 0; }
section.selection .quickLinks > li ul { display: none; position: absolute; left: -9999px; right: -9999px; margin: auto; }

section.selection .ads { margin: 0 -1%; }
section.selection .ads li { position: relative; float: left; width: 31.33%; height: 240px; margin: 0 1% 20px 1%; white-space: nowrap; }
section.selection .ads li .picture { width: 100%; height: 100%; border-top: 3px solid rgb(220, 0, 46); }
section.selection .ads li .infos { position: absolute; left: 0; bottom: 0; width: 100%; padding: 15px 5px; text-align: center; background-color: rgba(255,255,255,.8); }
section.selection .ads li h4,
section.selection .ads li p {
  color: #666; margin: 0;
}
section.selection .ads li h4 { font-size: 18px; font-weight: 300; margin-bottom: 5px; }
section.selection .ads li p { font-size: 12px; font-weight: 700; line-height: 16px; }

section.selection .ads li.adLogo .infos { display: table; width: 100%; text-align: left; padding: 0; min-height: 70px; }
section.selection .ads li.adLogo .infos > div {
  display: table-cell; padding: 12px 5px 12px 10px; vertical-align: middle;
}
section.selection .ads li.adLogo .logo { width: 25%; padding: 5px; text-align: center; background-color: #FFF; }
section.selection .ads li.adLogo .logo img { max-width: 100%; max-height: 100%; }



section.homepageContent { margin-bottom: 0; }
section.homepageContent > .layoutLarge { max-width: none; min-height: 400px; background: #f5f5f5 url('/images/swixim/content-background.jpg') center right no-repeat !important; background-size: cover !important; }
section.homepageContent article { width: 50%; padding: 40px; text-align: center; }
section.homepageContent article h1,
section.homepageContent article h2 {
  font-size: 46px; line-height: 48px; padding: 0; border: none;
}
section.homepageContent article h1 { font-size: 30px; color: #333; font-weight: 300; margin-bottom: 10px; }
section.homepageContent article h2 { display: block; padding-bottom: 20px; margin-bottom: 15px; border-bottom: 1px solid #b9b9b9; }
section.homepageContent article p { line-height: 28px; text-align: justify; }

.cms_squares {
	position: relative;
	margin-bottom: 60px;
	margin-top: 140px;
	padding: 0 30px;
	overflow: hidden;
}

.cms_squares dl {
  position: relative;
  width: 70%;
  height: 360px;
  float: left;
  padding-right: 30px;
  text-align: center;
}

.cms_squares dl dt {
  float: left;
  width: 50%;
  height: 320px;
  background: #FFF url(/images/swixim/franchise.jpg) center no-repeat;
  background-size: cover;
  border: 5px solid #FFF;
}

.cms_squares.websiteAgency dl dt {
	background-image: none;
}

.cms_squares dl dt a { display: block; width: 100%; height: 100%; }
.cms_squares dl dt h2 {
  font-size: 66px;
  font-weight: 300;
  color: #FFF;
  padding: 0;
  margin-top: 250px;
  border: none;
  text-shadow: -1px 1px 2px rgba(0,0,0,0.8);
}

.cms_squares dl dt:first-child { background-image: url(/images/swixim/careers.jpg); }

.cms_squares.agency .layoutLarge {
  max-width: 1024px;
}

.cms_squares.agency dl,
.cms_squares.agency ul {
  width: 50%;
}

.cms_squares.agency dl dt {
  width: 100%;
}

@media screen and (min-width:769px) {
	.cms_squares dl dt:first-child {
		 border-right: none;
	}
	.cms_squares.agency dl dt:first-child {
		 border-right: 5px solid #FFF;
	}
}

.cms_squares dl dd {
    position: absolute;
    bottom: 30px;
	margin-left: 5px;
    width: calc(50% - 20px);
    color: #FFF;
}
.cms_squares dl dd:last-of-type { margin-left: calc(50% - 15px); }
.cms_squares ul { float: left; width: 30%; margin: 0 -1%; }
.cms_squares ul li {
  display: block;
  padding: 20px 10px;
  margin: 0 1% 5px 1%;
  float: left;
  text-align: center;
  font-size: 20px;
  line-height: 30px;
  width: 48%;
  height: 158px;
  background: #FFF;
}
.cms_squares ul li a:before {
    content:"";
    display: block;
    width: 51px;
    height: 48px;
    margin: 0 auto 5px auto;
    background: url(/images/swixim/home-icons.png) no-repeat;
}
.cms_squares ul li a:before {
    -webkit-transition: all 0.4s ease-out;
     -moz-transition: all 0.4s ease-out;
    -ms-transition: all 0.4s ease-out;
     -o-transition: all 0.4s ease-out;
      transition: all 0.4s ease-out;
}
.cms_squares ul li a { width: 100%; height: 100%; display: block; color: #333; }
.cms_squares ul li a:before { opacity: .5; }
.cms_squares ul li a:hover:before { opacity: 1; }
.cms_squares ul li:first-child a:before { background-position: center 0; }
.cms_squares ul li:nth-child(2) a:before { background-position: center -50px; }
.cms_squares ul li:nth-child(3) a:before { background-position: center -100px; }
.cms_squares ul li:nth-child(4) a:before { background-position: center -150px; }


.cms-business article.cms.columnLeft div h2 { display: none; }

/** LISTING */
section.listing { padding-top: 30px; margin-bottom: 30px; }
section.listing .cms { margin-bottom: 40px; }
section.listing .similar p { font-size: 18px; margin-top: 20px; font-weight: 500; }
section.listing .order { text-align: right; margin-top: -40px; margin-bottom: 20px; }

section.listing h1 { margin: 0; }

.calculator { padding: 10px; }
article > .calculator { margin-top: 40px; }
.calculator label { font-size: 14px; }
.credit_calcul_1 > p:first-of-type { display: none; }
/*.calculator input[type="submit"] {
	color: #FFF;
	font-size: 12px;
	font-weight: 700;
	padding: 5px;
	background: #999;
	border: none;
}*/

.calculator div h2 { font-size: 18px; padding-bottom: 5px; }
.tool.credit_calcul_3 table td { font-size: 11px; padding: 0; }
.credit_calcul_3 { display: none; }

article > .calculator { background: #f5f5f5; overflow: hidden; }
article > .calculator input[type="text"] { background: #FFF; }
article > .calculator  article { width: 50%; float: left; padding-right: 20px; }
article > .calculator .tool.credit_calcul_2  { clear: right; }

.listingSearch .field { clear: both; }
.listingSearch .area_min,
.listingSearch .price_min,
.listingSearch .price_max,
.listingSearch .area_max,
.listingSearch .rental .rooms,
.listingSearch .rental .bedrooms {
  width: 48%;
  clear: none !important;
}
.listingSearch .area_min,
.listingSearch .price_min,
.listingSearch .rental .rooms {
  float: left;
}
.listingSearch .price_max,
.listingSearch .area_max,
.listingSearch .rental .bedrooms {
  float: right;
}
.listingSearch .rental .price_max {
  width: auto;
  float: none;
}

.ads { margin:  0 -1%; overflow: hidden; }
.ads .ad { float: left; width: 48%; margin: 0 1% 40px 1%; }

.estatePopupOverlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255,255,255,0.5); }
.estatePopupWrapper {
  display: none;
  position: fixed;
  top: -9999px;
  bottom: -9999px;
  left: -9999px;
  right: -9999px;
  width: 100%;
  max-width: 800px;
  height: 100%;
  max-height: 730px;
  padding: 20px;
  margin: auto;
  background-color: #FFF;
  box-shadow: 0 0 10px rgba(0,0,0,0.2);
  z-index: 99;
}
.estatePopup { float: none; width: auto; height: auto; margin: 0; }
.estatePopup .comment { color: #a7a7a7; line-height: 24px; margin: 20px 0; }
.estatePopup .buttons { text-align: center; margin: 0 -10px; }
.estatePopup .buttons a { margin: 0 10px; }
.popup-carousel { height: 424px; }
.popup-carousel .owl-controls { position: relative; margin-top: -35px; z-index: 99; }
.popup-carousel .owl-nav { display: none; }
.popup-carousel .owl-dots .owl-dot span { background-color: rgb(220, 0, 46); border: 2px solid rgb(220, 0, 46); }
.popup-carousel .owl-dots .owl-dot.active span,
.popup-carousel .owl-dots .owl-dot:hover span {
  background-color: #FFF;
}

ul.pager { text-align: center; overflow: hidden; }
ul.pager li {
  display: inline-block;
  width: 46px;
  height: 49px;
  font-size: 12px;
  margin-right: -0.25em;
}
ul.pager li a,
ul.pager li span {
  display: block;
  width: 100%;
  height: 100%;
  padding: 15px 0px;
  font-weight: 700;
  text-align: center;
  background-color: #f5f5f5;
}
ul.pager li a { color: #a7a7a7; }
ul.pager li.current span,
ul.pager li a:hover {
  color: #FFF; background-color: #999;
}
ul.pager li.firstpage a,
ul.pager li.previouspage a,
ul.pager li.nextpage a,
ul.pager li.lastpage a {
  text-indent: -10000px;
  background-image: url('/images/swixim/icons.svg');
  background-position: -50px -800px;
  background-repeat: no-repeat;
}
ul.pager li.firstpage a { background-position: -30px -785px; -webkit-transform:rotate(-180deg); -moz-transform:rotate(-180deg); transform:rotate(-180deg); }
ul.pager li.previouspage a { background-position: 20px -785px; -webkit-transform:rotate(-180deg); -moz-transform:rotate(-180deg); transform:rotate(-180deg); }
ul.pager li.nextpage a { background-position: 20px -780px; }
ul.pager li.lastpage a { background-position: -30px -780px; }

ul.pager li.firstpage a:hover { background-position: -530px -785px; }
ul.pager li.previouspage a:hover { background-position: -480px -785px; }
ul.pager li.nextpage a:hover { background-position: -480px -780px; }
ul.pager li.lastpage a:hover { background-position: -530px -780px; }

.content.rental h2 {
	margin-top: 20px;
	border-bottom: none;
	padding-bottom: 0;
}

/** SHOW */
.showPictures { position: relative; height:600px; margin-bottom: 80px; background-color: #f5f5f5; overflow: hidden; z-index: 0; }
.showPictures > article { display: table; position: absolute; top: 0; right: 0; width: 32%; height: 100%; background-color: rgba(255,255,255,0.8); z-index: 10; }
.showPictures > article div { display: table-cell; padding: 20px; vertical-align: middle; }
.showPictures > article h2 { font-weight: 400; padding: 0; border: none; }
.showPictures > article ul li { font-size: 18px; line-height: 24px; color: #000; margin-bottom: 15px; }

.show-carousel .owl-stage { left: -16%; }
.show-carousel .owl-controls .owl-nav .owl-prev,
.show-carousel .owl-controls .owl-nav .owl-next {
  position: absolute;
  top: 50%;
  width: 75px;
  height: 100px;
  padding: 0;
  margin: -50px 0 0 0;
  text-indent: -10000px;
  background: rgba(255, 255, 255, 0.5) url('/images/swixim/icons.svg') top left no-repeat;
  border-radius: 0;
  opacity: 0;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.show-carousel:hover .owl-controls .owl-nav .owl-prev,
.show-carousel:hover .owl-controls .owl-nav .owl-next {
  opacity: 1;
}
.show-carousel .owl-controls .owl-nav .owl-prev { left: 0; margin-left: 20px; background-position: -473px -1070px; }
.show-carousel .owl-controls .owl-nav .owl-next { right: 32%; margin-right: 20px; background-position: -467px -1220px; }


section.show h1 { display: block; padding: 0; border: none; }
section.show h2 { display: block; text-align: center; padding: 0; margin: 0 auto 20px auto; border: none; }
section.show h3 { display: block; font-size: 18px; font-weight: 400; line-height: 24px; text-align: center; margin-bottom: 20px; }

#showContactForm { display: none; padding:10px; }

section.show .titles { text-align: center; }
section.show .comment {
	color: #a7a7a7;
	text-align: justify;
	line-height: 28px;
	margin: 60px auto;
}


section.show .map { margin: 80px auto; background-color: #F7F7F7; }
section.show .map.kelquartier { height: 760px; }
section.show #map { height: 100% !important; }
section.show .nonexhaustive { margin-top: 10px; text-align: center; font-size: 14px; }

.contactLine { padding: 40px 0; margin: 40px auto; background-color: #f5f5f5; }
.contactLine > .layoutLarge > div { display: table; width: 100%; }
.contactLine > .layoutLarge > div > div { display: table-cell; width: 50%; vertical-align: middle; }
.contactLine h2 {
  display: block;
  text-align: center;
  padding: 0;
  margin: 0 auto 20px auto;
  border: none;
}
.homepage-contact .contactLine h2 { text-align:left; }
.homepage-contact .contactLine article { padding: 40px; }

.contactLine .picture { height: 80px; margin-bottom: 40px; }
.contactLine .userBubble { margin: 0 0 40px 0; background-color: #FFF; }
.contactLine .agency,
.contactLine .user {
  float: left; width: 50%;
}
.contactLine .agency.large { float: none; margin: auto; }
.contactLine .agency p,
.contactLine .user p {
  font-size: 14px; margin-bottom: 30px;
}
.contactLine textarea { height: 200px; background: #FFF; }
.contactLine input[type="text"] { background: #FFF; }


section.show .detailsList .details ul {}
section.show .detailsList .details ul li,
.areas li {
  color: #a7a7a7;
  padding: 13px 10px;
  -webkit-column-break-inside: avoid;
  page-break-inside: avoid;
  break-inside: avoid;
}
section.show .detailsList .details ul li.alt, .areas li.alt { background-color: #f5f5f5; }
section.show .detailsList .details ul li span, .areas li span { float: right; }
section.show .detailsList .details ul li span,
section.show .detailsList .services ul li,
.areas li span {
  color: #333; font-weight: 500;
}
.areas li { margin-bottom: 0; }
.areas > div { margin-bottom: 40px; }


section.show .detailsList .details { margin-bottom: 40px; }
section.show .detailsList ul {
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2;
  -webkit-column-gap: 40px;
  -moz-column-gap: 40px;
  column-gap: 40px;
}

.rentalFees { color: #a7a7a7; padding: 10px; }
.rentalFees span { color: #333; }

.diagnostics { text-align: center; }
.media iframe { width: 100%; height: 500px; }

.similarBlock { padding: 0 20px; }
.similarBlock .item { margin-bottom: 40px; }
.similarBlock .item > a { display: table; width: 100%; }
.similarBlock .item > a > div { display: table-cell; vertical-align: middle; }
.similarBlock .item > a > div:first-child { width: 100px; }
.similarBlock .item .picture {
  width: 80px;
  height: 80px;
  margin: 0 20px 0 0;
  background-color: #FFF;
  background-image: url('/images/swixim/icons.svg');
  background-position: 7px -189px;
  border-radius: 100%;
  z-index: 1;
}
.similarBlock .item .picture img {
  -webkit-transition: all 0.7s ease;
  -moz-transition: all 0.7s ease;
  -o-transition: all 0.7s ease;
  transition: all 0.7s ease;
}
.similarBlock .item h3 { font-weight: 300; font-size: 18px; line-height: 20px; color: #666666; text-align: left; margin-bottom: 5px; }
.similarBlock .item .price { font-size: 12px; font-weight: 700; }

.similarBlock .item:hover .picture img {
  -webkit-transform: scale(1.5);
  -moz-transform: scale(1.5);
  -o-transform: scale(1.5);
  transform: scale(1.5);
}

/** CMS **/

.agencyUsers {
    padding-top: 40px;
}

.agencyPage h1 {
	margin-top: 60px;
}

.agencyPage figure {
	width: 100%;
	background: #f5f5f5;
	overflow: hidden;
}

.agencyPage figure img {
	width: 50%;
	float: left;
}

.agencyPage figure figcaption {
	width: 50%;
	float: left;
	padding: 30px;
}

.agencyPage article {
	width: 70%;
	margin: 60px 0;
}

.agencyPage ul.users li {
	float: left;
  width: 23%;
  text-align: center;
  margin: 0 1% 50px;
}

.agencyPage ul.users li:nth-child(4n + 1) {
    clear: both;
}

section.homepageContent.cms {
	margin-top: -40px;
}

section.homepageContent.cms article {
    text-align: left;
}

.cms-international article ul {
	float:left;
    margin-top: 20px;
}

.cms-international article ul li {
    margin-bottom: 10px;
}

.international-map {
	position: relative;
	width: 400px;
	height: 400px;
	float: left;
	background: url('/images/swixim/international/map.svg') no-repeat;
}

.international-map > li {
	position: absolute;
	width: 46px;
	height: 38px;
	margin: 0;
	padding: 0;
	text-align: center;
	vertical-align: middle;
}

.cms article > ul.international-map > li:before {
	content: none;
}

.international-map > li:first-child  { left: 240px; top: 185px; }
.international-map > li:nth-child(2) { left: 160px; top: 200px; }
.international-map > li:nth-child(3) { left: 164px; top: 118px; }
.international-map > li:nth-child(4) { left: 225px; top: 135px; }
.international-map > li:nth-child(5) { left: 65px; top: 305px; }
.international-map > li:nth-child(6) { left: 277px;top: 250px; }
.international-map > li:nth-child(7) { left: -2px;top: 305px; }
.international-map > li img { height: 30px; }

.cms article > ul,
.cms > ul,
.cms-careers article ul,
.cms-franchise article ul {
	margin-bottom: 10px;
	padding-left: 20px;
}

.cms article > ul li,
.cms > ul li,
.cms-careers article ul li,
.cms-franchise article ul li {
    padding-left: 5px;
    text-indent: -5px;
}

.cms article > ul li:before,
.cms > ul li:before,
.cms-careers article ul li:before,
.cms-franchise article ul li:before {
    content: "• ";
    color: rgb(220, 0, 46);
}

.agencies article {
	padding: 20px;
	background: #FFF;
}

.results {
	display: block;
	max-width: 300px;
	padding: 15px 30px;
	position: absolute;
	left: -9999px;
	right: -9999px;
	margin: auto;
	margin-top: -200px;
	text-align: center;
	background: #FFF;
	font-size: 20px;
	font-weight: 300;
	box-shadow: 0 0 1px rgba(0,0,0,.3);
}

.cms-reviews .banner { padding-bottom: 28.125%; background: url('/images/swixim/content-background.jpg') right center no-repeat; background-size: cover; }

/* .reviews .layoutLarge { display: table; }
.reviews .layoutLarge article, .reviews .layoutLarge aside { width: 50%; display: table-cell; } */

.reviews article .buttons { text-align: center; }
.reviews article { text-align: center; margin-bottom: 40px; }


.reviews ul { text-align: left; }
.reviews ul li { position: relative; padding: 10px; margin-bottom: 40px; border-radius: 10px; border: 2px solid #fafafa; }
.reviews ul li h3 { display: block; margin-bottom: 30px; }
.reviews ul li .stars { position: absolute; right: 10px; }
.reviews ul li .stars > span { display: inline-block; }
span.star:before {
  content: ""; display: block; width: 20px; height: 20px;
  background: url('data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCA0MjYuNjY3IDQyNi42NjciIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDQyNi42NjcgNDI2LjY2NzsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHdpZHRoPSI1MTJweCIgaGVpZ2h0PSI1MTJweCI+Cjxwb2x5Z29uIHN0eWxlPSJmaWxsOiNGQUM5MTc7IiBwb2ludHM9IjIxMy4zMzMsMTAuNDQxIDI3OS4yNDksMTQ0LjAxNyA0MjYuNjY3LDE2NS40MzYgMzIwLDI2OS40MSAzNDUuMTczLDQxNi4yMjYgMjEzLjMzMywzNDYuOTEgICA4MS40ODUsNDE2LjIyNiAxMDYuNjY3LDI2OS40MSAwLDE2NS40MzYgMTQ3LjQwOSwxNDQuMDE3ICIvPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8L3N2Zz4K') center center no-repeat;
  background-size: contain;
}
.reviews ul li .client { margin-bottom: 15px; }
.reviews ul li .agency { padding-top: 10px; border-top: 2px solid #fafafa; }
.reviews ul li .agency span { display: block; font-weight: 700; font-style: italic; }

/** CMS/CONTACT */
@media screen and (min-width:768px) {
  section.contact .ads .ad { width: 31.33%; }
}

.contact.cms article h1 { margin-top: 40px; }

section.contact .cms { margin-top: 40px; }

.banner { width: 100%; margin-bottom: 40px; }
.banner img { display: block; width: 100%; }

.cms-careers h1:after,
.cms-franchise h1:after { content: ""; }
.cms-careers h1 span,
.cms-franchise h1 span { display:block; clear: both; text-align:right; font-size: 16px; line-height: 20px; }
.cms-careers article b,
.cms-franchise article b { font-weight: normal; color: rgb(220, 0, 46); }
.cms-careers figure { width: 40%; float: left; margin-top: 20px; }
.cms-careers figure:first-of-type { margin-right: 10%; }
.cms-careers figure:last-of-type { clear: right; }
.cms-careers figure figcaption { font-size: 26px; margin-bottom: 20px; text-align: center; }
.cms-careers figure img { width: 100%; }

article.cms p { text-align: justify; }

.mapPopup { /*width: 320px !important;*/ padding: 10px; text-align: center; background-color: #f5f5f5; }
.mapPopup .contact .column { float: left; width: 50%; }
.mapPopup p { font-size: 12px; text-align: left; }
.mapPopup .button { font-size: 15px; padding: 10px; background-color: #FFF; }
.mapPopup .picture { height: 100px; margin-bottom: 10px; overflow: hidden; }
.mapPopup .picture img { max-width: 100%; max-height: 100%; }

section.cms,
section.cmsForm {
  margin-bottom: 40px;
}

.contact-us-content textarea { min-height: 120px; }

.error_list { margin: -5px 0 10px 0; }
.error_list li { font-size: 14px; }


.cms-carousel { display: block; width: 100%; height: 400px; margin-bottom: 60px; }
.cms-carousel .resizePicture img { opacity: 1; }

.iconBrand { float: left; margin: 0 20px 10px 0; }

.cms-agencies .map { height: calc(100vh - 100px); }

/** AGENCIES */
section.agenciesList article.agency { display: table; width: 100%; margin-bottom: 20px; }
section.agenciesList article.agency .resizePicture { display: table-cell; width: 50%; height: 100%; margin-bottom: 0; }
section.agenciesList article.agency .infos { display: table-cell; width: 50%; padding: 20px; }
section.agenciesList article.agency .infos h2 { margin-bottom: 10px; }

section.agencyListing .agencyProperties { text-align: center; }


/** LEGALS */
article.publisher,
article.hosting {
  float: left; width: 50%;
}

select#customer_type_id {
	min-height: 92px;
}


/** KELQUARTIER POI COMPLEMENT **/
.poi input[type="checkbox"] { display: none; }
.poi * {
	box-sizing: content-box;
	font-family: 'HelveticaNeue-Light', 'Helvetica Neue Light', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	line-height: 10px;
}

.accordion { height: auto; }
.accordion dl dd { height: auto; }

.poi label { font-size: 13px; }
.poi .catTitle { font-size: 16px; }
.nombrePresent { width: auto; height: auto; margin: 0; }


/** KELQUARTIER PORTRAIT **/

#portrait {
	display: none;
	position: relative;
	width: 100%;
	clear: both;
	overflow: hidden;
	border-top: 1px solid rgba(0,0,0,0.2);
	margin: 20px 0;
	padding-top: 20px;
}
#portrait input[type="checkbox"] { display:none; }
#portrait table { border-collapse:collapse; }/*Pour éviter les espacements non désirés*/
#portrait td { padding-top: 0px;  }

#portrait #content {
	position: relative;
	width: 100%;
	height: auto;
	float: center;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}

#portrait .catTitle,
#portrait .catTitle_selected {
	text-decoration: none;
	list-style:none;
	color: #555555;
	height: 38px;
	background-color: #E7E7E7;
	margin-bottom: 1px;
	line-height: 38px;
	font-size: 11px;
	text-align: left;
	padding-left: 20px;
	cursor: pointer;
}

.catTitle *,
.catTitle_selected *
{
  color: #333;
  font-weight: 500;
  font-family: 'HelveticaNeue-Light', 'Helvetica Neue Light', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
}

#portrait .catTitle *,
#portrait .catTitle_selected *
{
  font-size: 14px;
}

#portrait .catTitle_selected{
	/*text-decoration: none;
	list-style:none;
	color: #999;
	height: 38px;
	margin-bottom: 1px;
	line-height: 38px;
	padding-left: 0px;
	font-size: 11px;
	text-align: left;*/
	padding-left: 0;
  background-color: #FFF;
}

#portrait #listeCat{
  float: left;
  display: block;
  width: 20%;
	margin-top: 42px;
	margin-left: 0px;
}

#portrait #description { text-align: left; }
#portrait .catContent {
  float: right;
  display: block;
  width: 75%;
	margin-top: 16px;
}

#portrait .invisible{
	display: none;
}

#portrait .liseret{
	background-color: #999;
	width: 8px;
	height: 100%;
	display: inline-block;
	margin-top: -4px;
	margin-right: 12px;
	vertical-align: middle;
}

#portrait .catTitle .liseret{
	display: none;
}

#portrait .firstCat{
	border-top-left-radius: 2px;
	border-top-right-radius: 2px;
}

#portrait .lastCat{
	border-bottom-left-radius: 2px;
	border-bottom-right-radius: 2px;
}

#portrait .tabData { width: 100%; font-size: 15px; }

#portrait #ligneTab{
	max-height: 500px;
	overflow: auto;
}

#portrait .nomCarte{
	color : #999;
	width: 100%;
	border-bottom-color: #CCCCCC;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	font-size: 16px;
	padding-top: 0px;
	height: 31px;
}

#portrait .valNomCarte{
	text-align: left;
	float : left;
	display: inline-block;
	overflow: auto;
	width: 33%;
	height: 31px;
	line-height: 31px;
}

#portrait .remplissageTitle{
	display: inline-block;
	width: 66% !important;
	height: 37px;
	background-color: #F8F9FB;
	margin-top: -5px;
	margin-bottom: -2px;
}

#portrait #tabs{
	width: 100%;
	float: left;
	margin-left: 0px;
	padding-left: 0px;
}

#portrait .info1,
#portrait .info2,
#portrait .info3 {
  display: inline-block;
  width: 33%;
  padding: 20px;
  text-align: center;
  word-break: break-all;
}
#portrait .info1 { color : #999; }
#portrait .info2,
#portrait .info3 {
	color : #B3B3B3; background-color: #F8F9FB;
}

#portrait .titreCol{
	width: 33%;
	text-align: center;
	display: inline-block;
	margin-bottom: 15px;
	font-size: 12px;
	padding: 0 10px;
}

#portrait #nomQuartier{
	max-width: 150px;
	color : white;
	background-color: #999;
	float: center;
	margin-left: auto;
	margin-right: auto;
}

#portrait #nomCommune{
	color: #999;
}

#portrait #nomDepartement{
	color: #999;
}

#portrait #titreDescription{
	color : #333;
	font-size: 16px;
}

#portrait #courteDesc{
	color : #646464;
	font-size: 14px;
}

#portrait #longueDesc{
	color : #727272;
	font-size: 14px;
}

#portrait .valeur{
	color: #333;
	font-size: 17px;
	font-weight: 500;
	text-align: center;
}

#portrait .valeurGris{
	color : #999;
	font-size: 17px;
	font-weight: 500;
	text-align: center;
}

#portrait .uniteTexte{
	display: block;
	font-size: 9px;
	text-align: center;
	color: #555555;
}

#portrait .inception{
	margin-right: 5px;
	vertical-align: middle;
	display: inline-block;
}

#portrait .inception2{
	margin-right: 5px;
	vertical-align: middle;
	display: inline-block;
	min-height: 30px;
}

#portrait .textVal{
	display: inline-block;
	vertical-align: middle;
}

#portrait .remplissage{
	/*margin: 0px;
	padding: 0px;
	width: 20px;
	overflow: hidden;*/
}

#portrait #imageQuartier{
	height: 400px;
	overflow: hidden;
}

#portrait #imageQuartier img{
	width: 100%;
	margin-top: calc(-25% + 100px);
}

#portrait ul,
#portrait li { list-style-type: none;
        list-style-position:inside;
        margin:0;
        padding:0;
}

@media (max-width:1280px) {
  #portrait #listeCat {
    float: none;
    width: 100%;
  }

  #portrait .catTitle,
  #portrait .catTitle_selected {
    display: inline-block;
    padding-left: 20px;
    padding-right: 20px;
  }
  #portrait .catTitle_selected { background-color: #999; }
  .catTitle_selected label { color: #FFF; }
  #portrait .catTitle_selected .liseret { display: none; }

  #portrait .catContent { float: none; width: 100%; }
}

@media (max-width:768px) {
  #portrait #listeCat { width: auto; }
  #portrait .catTitle,
  #portrait .catTitle_selected {
    display: block;
  }

  #portrait .valNomCarte { width: 100%; height: auto; }
  #portrait .remplissageTitle { display: none; }
}


/* RESPONSIVE */

@media screen and (max-width:1400px) {

  footer { background-image: none; }
  footer > div { margin-left: 0; }
  
  .mapSearch h1 { float: none; display: block; text-align: center; }
  .mapSearch .fields .field { width: calc(33.33% - 25px); }

  .media iframe { width: 100%; height: 450px; }
}

@media screen and (max-width: 1280px) {
  .media iframe { width: 100%; height: 400px; }
}

@media screen and (max-width: 1200px) {
  .socialLinks .back { display: block; clear: both; }
}

@media screen and (max-width:1024px) {

  header .logo { margin-bottom: 0; }

  header nav ul.menu { text-align: right; margin: 20px 0 12px 0; }
  header nav ul.menu li { display: none; }
  header nav ul.menu > li.btn { display: inline-block; }
  header nav ul.menu > li > a { padding: 5px 0; margin: 0; border: none; }
  header nav ul.menu > li.over > a,
  header nav ul.menu > li:hover > a {
    border: none;
  }

  .home-carousel { height: 300px; }

  section.homepageContent article { width: 100%; }

  .overflowSearch .fields { margin: 0 -1%; }
  .overflowSearch .fields .field { width: 48%; margin: 0 1% 10px 1%; }
  .overflowSearch input[type="submit"] { float: none; margin: 10px auto; }
  /*.overflowSearch input[type="submit"] { position: relative; top: auto; right: auto; background-position: -1500px -100px; }*/

  .cms_squares dl dt h2 {
    font-size: 40px;
  }

  section.show .detailsList ul {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
    -webkit-column-gap: 0;
    -moz-column-gap: 0;
    column-gap: 0;
  }
  .media iframe { width: 100%; height: 350px; }
  
  .agencyPage ul.users li { width: 31.33% }
  .agencyPage ul.users li:nth-child(3n + 1) { clear: both; }
  .agencyPage ul.users li:nth-child(4n + 1) { clear: none; }
}

@media screen and (max-width:900px) {
  footer .network,
  footer .agency {
    width: 50%; margin-bottom: 40px;
  }
  footer .sectors { float: none; width: 100%; clear: both; }

  .media iframe { width: 100%; height: 300px; }
}

@media screen and (min-width:769px) and (max-width:1024px) {
  .ads { margin: 0; }
  .ads .ad { float: none; width: 100%; margin: 0 0 40px 0; }

  .similarBlock .item { margin-bottom: 20px; }
  .similarBlock .item h3 { text-align: center; }
  .similarBlock .item .picture { display: block; margin: 0 auto 20px auto; }
  .similarBlock .item > a > div { display: block; text-align: center; }
  .similarBlock .item > a > div:first-child { width: 100%; }
}

@media screen and (max-width:768px) {
  header .logo { float: none !important; width: 110px !important; }

  .cms_squares dl { height: auto; }
  .cms_squares dl dt { float: none; width: 100%; }
  .cms_squares dl dt:first-of-type { margin-bottom: 20px; }
  .cms_squares dl dd { width: 100%; text-align: center; }
  .cms_squares dl dd:last-of-type { margin: 0; }
  .cms_squares dl dd:first-of-type { bottom: 410px; }

  /*.advancedSearchOpen { top: 120px !important; }*/

  .columnLeft,
  .columnRight {
    float: none; width: 100%;
  }
  .columnLeft { margin-bottom: 40px; }

  .contactLine > .layoutLarge > div > div { display: block; width: auto; }

  section.selection .ads li { height: 180px; }
  .home-carousel { height: 250px; }

  section.homepageContent > .layoutLarge { background-image: none; }
  section.homepageContent article { width: 100%; padding: 40px 0; }
  section.homepageContent article p { text-align: justify; }

  .showPictures { height: auto; margin-bottom: 40px; background: none; }
  .showPictures > article {
    position: relative;
    top: auto;
    right: auto;
    width: 100%;
    height: auto;
    background: none;
  }
  .showPictures > article div { text-align: center; }
  .showPictures > article ul li { display: inline-block; margin-left: 20px; }
  .showPictures > article ul li:first-child { margin-left: 0; }

  .show-carousel { height: 400px; }
  .show-carousel .owl-stage { left: 0; }
  .show-carousel .owl-controls .owl-nav .owl-prev,
  .show-carousel .owl-controls .owl-nav .owl-next {
    width: 60px;
  }
  .show-carousel .owl-controls .owl-nav .owl-prev { margin-left: 0; background-position: -480px -1070px; }
  .show-carousel .owl-controls .owl-nav .owl-next { right: 0; margin-right: 0; background-position: -475px -1220px; }

  section.show .detailsList ul {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 40px;
    -moz-column-gap: 40px;
    column-gap: 40px;
  }
  .media iframe { width: 100%; height: 350px; }

  section.newsList article .picture { float: none; width: 100%; }

  section.agenciesList { margin: 0 -1%; }
  section.agenciesList article.agency { float: left; display: block; width: 48%; margin: 0 1% 20px 1%; }
  section.agenciesList article.agency .resizePicture,
  section.agenciesList article.agency .infos {
    display: block; width: 100%;
  }
  section.agenciesList article.agency .resizePicture { height: 250px; }
  
  .cms-agencies .map { height: calc(100vh - 350px); }
  .mapSearch .fields .field { float: none; width: 100%; }
  .mapSearch input[type="submit"] { float: none; margin: 0 auto 10px; }
  
  .agencyPage h1 { margin-top: 0; padding-bottom: 10px; margin-bottom: 10px; }
  .agencyPage article { width: 100%; }
  .agencyPage ul.users li { width: 48%; }
  .agencyPage ul.users li:nth-child(3n + 1) { clear: none; }
  .agencyPage ul.users li:nth-child(2n + 1) { clear: both; }
}

@media screen and (max-width:720px) {
  h1 { font-size: 24px; line-height: 28px; }
  h2, h3 { font-size: 20px; line-height: 26px; }
  section.selection .ads li { width: 48%; }

  .quickLinks li a:hover { color: #c6c6c6; border-bottom: 1px solid transparent; }

  .ad .picture { cursor: pointer; }
  .ad .picture .buttons > div a:nth-child(2) { display: none; }
  .ad .picture .buttons > div a:nth-child(1) { transform: translateX(0) translateY(100%); }
  .ad:hover .picture .buttons > div .button { transform: translateX(0) translateY(0); }
}

@media screen and (min-width:641px) and (max-width:1024px) {
  section.contact .ads .ad { float: left; width: 48%; margin: 0 1% 40px 1%; }
  section.contact .ads .ad:nth-child(3) { display: none; }
}

@media screen and (min-width:641px) and (max-width:768px) {
  section.show .userBlock,
  section.show .shareBlock,
  section.show .search,
  section.show .similarBlock {
    float: left; width: 50%;
  }
  section.show .search { clear: both; }
  section.show .similarBlock { padding-top: 12px; }
}

@media screen and (max-width:640px) {
  .overflowSearch .fields { margin: auto; }
  .overflowSearch .fields .field { float: none; width: 100%; margin: 0 0 10px 0; }

  header .logo { float: none; width: 100%; padding: 10px 0; text-align: center; z-index: 99; }
  header nav ul.menu { position: relative; text-align: left; margin: -110px 0 0 0; }
  header nav ul.menu > li:first-child { margin-bottom: 50px; }
  header nav ul.menu > li > ul { position: relative; display: block; top: auto; left: auto; margin-bottom: 5px; }
  header nav ul.menu > li > ul li { display: list-item !important; position: relative !important; background-color: transparent; }
  header nav ul.menu > li > ul li a { padding-top: 0; padding-bottom: 0; }
  header nav ul.menu > li > ul { margin: 0; }
  header nav ul.menu li.submenus:after { content: none; }

  header nav img { width: 75px; margin-bottom: 5px; }

  .overflowSearch { margin-top: 50px; }

  .home-carousel { height: 200px; }

  .ads { margin: 0; }
  .ads .ad { float: none; width: 100%; height: auto; margin: 0 0 40px 0; }

  .show-carousel { height: 350px; }
  .media iframe { width: 100%; height: 400px; }

  section.agenciesList { margin: 0; }
  section.agenciesList article.agency { float: none; width: 100%; margin: 0 0 20px 0; }
  section.agenciesList article.agency .resizePicture { height: 300px; }
  section.agenciesList article.agency .infos { text-align: center; }
  
  .cms-careers figure { width: 100%; margin: 30px 0 0 !important; }
}

@media screen and (max-width:540px) {
  .overflowSearch .advancedSearchLink { font-size: 18px; text-shadow: 0 1px 3px rgba(0,0,0,0.8); }
  section.selection .ads { margin: 0; }
  section.selection .ads li { width: 100%; height: 240px; }

  section.show .map { height: 1000px; }

  .poi,
  .accordion,
  #showMap #map { width: 100%; }

  .accordion dl dd,
  .accordion dl dt a { width: 85%; }
}

@media screen and (max-width:500px) {
  .mapPopup .ad { width: 260px; }
}

@media screen and (max-width:480px) {
  .quickLinks li { display: block; margin: 0; }

  .contactLine .agency,
  .contactLine .user {
    float: none; width: 100%; text-align: center;
  }
  .contactLine .userBubble { margin: 0 auto 40px auto; }

  footer .network,
  footer .agency {
    float: none;
    width: 100%;
    text-align: center;
  }
  footer .sectors { text-align: center; }
  footer .sectors h3 { width: 100%; }
  footer .sectors ul {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
    -webkit-column-gap: 0;
    -moz-column-gap: 0;
    column-gap: 0;
  }
  footer .socialLinks { text-align: center; }
  footer .smallIcon.address { padding: 0; }
  footer .smallIcon.address:before { display: block; position: relative; top: auto; left: auto; margin: 0 auto 5px auto; }

  section.listing { padding-top: 40px; }
  #mapContainer { text-align: center; }
  #mapContainer > .button { position: relative; bottom: auto; left: auto; margin-top: 20px; }

  .show-carousel { height: 320px; }
  section.show .detailsList ul {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
    -webkit-column-gap: 0;
    -moz-column-gap: 0;
    column-gap: 0;
  }
  #showMap #map { height: 300px !important; }
  .media iframe { width: 100%; height: 320px; }

  section.agenciesList article.agency .resizePicture { height: 250px; }
}

@media screen and (max-width: 480px) {
  .agencyPage figure img { display: none; }
  .agencyPage figure figcaption { width: 100%; float: none; }
  .agencyPage ul.users li { width: 100%; margin: 0 0 50px; }
}

@media screen and (max-width: 440px) {
  .media iframe { width: 100%; height: 280px; }
}

@media screen and (max-width:360px) {

  .ad .picture { height: 200px; }
  .ad .soleagent { position: relative; top: auto; left: auto; text-align: center; }

  .show-carousel { height: 300px; }

  section.show .detailsList .details ul li span,
  .areas li span {
    display: block; float: none;
  }
  .media iframe { width: 100%; height: 250px; }

  .similarBlock .item > a > div { display: block; text-align: center; }
  .similarBlock .item > a > div:first-child { width: auto; }
  .similarBlock .item h3 { text-align: center; }
  .similarBlock .item .picture { margin: 0 auto 20px auto; }

  section.agenciesList article.agency .resizePicture { height: 180px; }
}

@media screen and (max-width:320px) {

  .show-carousel { height: 280px; }

  section.agenciesList article.agency .resizePicture { height: 165px; }
}


@media (max-width: 420px), (min-width: 641px) and (max-width:768px), (min-width: 1025px) and (max-width:1240px) {
  .ad ul li span {
    display: inline-block;
    width: 14px;
    height: 14px;
    text-indent: -1000px;
    margin-left: 2px;
    background-image: url('/images/swixim/icons.svg');
    background-repeat: no-repeat;
  }
  .ad ul li.bedrooms span { width: 18px; background-position: -100px -850px; }
  .ad ul li.bathrooms span { width: 11px; background-position: -50px -850px; }
}

@media screen and (min-width:641px) {
  header { position: fixed; height: 100%; width: 230px; left: 0; top: 0; padding: 0; border-right: 1px solid #e5e5e5; z-index: 8000; }
  header nav ul.menu { position: relative; clear:both; text-align: left !important; padding:0; border-top: 1px solid #e5e5e5; }
  header nav ul.menu > li { display: block !important; }
  header nav ul.menu > li.btn { display: none !important; }

  .wrapper, footer { position: relative; margin-left: 230px; }
}

@media screen and (min-width:641px) and (max-width:768px), screen and (min-width:641px) and (max-height:750px) {
  header { width: 185px; }
  header .layoutLarge { padding: 0 10px; }
  header nav ul.menu { margin-top: 0; }
  header nav ul.menu > li > a,
  header nav ul.menu > li > ul > li a {
	font-size: 13px;
    padding: 6px 0;
  }
  header nav ul.menu li.submenus:after {
    top: 14px;
  }
  header .ribbon ul.socialLinks { top: 430px; }

  .wrapper, footer { margin-left: 185px; }
  .home-carousel { left: 185px; width: calc(100% - 185px); }
}

@media screen and (min-width:769px) and (max-width:1024px) {
  header .ribbon ul.socialLinks { top: 640px; }
}

@media screen and (max-width:1280px) {

  .overflowSearch input,
  .overflowSearch select,
  .overflowSearch .select2-container .select2-search--inline .select2-search__field { font-size: 14px; }

  .cms_squares dl,
  .cms_squares ul {
    float: none; width: auto;
  }
  .cms_squares.agency dl,
  .cms_squares.agency ul {
    float: left;
  }
  .cms_squares dl { padding: 0; margin-bottom: 40px; }
  .cms_squares.agency dl { padding-right: 30px; }
}

@media screen and (max-width:1024px) {
  .cms_squares.agency dl,
  .cms_squares.agency ul {
	width: 100%;
    float: none;
  }
  .cms_squares.agency dl { padding-right: 0; }
}

@media screen and (max-width:640px) {
  .homepage-index header { position: relative; background: #FFF; z-index: 1; }
  header .logo { margin: 0 auto !important; }
  .home-carousel { left: 0; width: 100%; }
  .cms_baseline img { left: -9999px; right: -9999px; margin: auto; }
}

@media screen and (max-width:440px) {
  .cms_squares dl dt { height: 260px; }
  .cms_squares dl dd:first-of-type { bottom: 310px; }
  .cms_squares dl dt h2 { margin-top: 150px; }
  .cms_squares ul { margin: 0; }
  .cms_squares ul li { float: none; width: 100%; margin: 0 0 5px 0; }
}


@media screen and (min-width:1200px) {
  header { width: 300px; }
  .wrapper, footer { margin-left: 300px; }
  .home-carousel { left: 300px; width: calc(100% - 300px); }
}