@charset "utf-8";
/* CSS Document */

.swiper-container {
    width: 100%;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
}
.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.swiper-overlay {
    position: absolute;
	text-align: center; 
    width: 100%;
	height: 100%;
    z-index: 9;
}
.swiper-overlay img {
    position: absolute;
    margin: auto;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
	width: 80%;
	max-width: 560px;
	opacity: 0.9;
}
.swiper-pagination-bullet {
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    font-size: 9px;
	font-weight: bold;
    color: #000;
    opacity: 1;
    background: rgba(0,0,0,0.2);
}
.swiper-pagination-bullet-active {
    color: #eee;
    background: #3e323d;
}
.team-member-social-links {
	margin-top: -18px !important;
}
.team-member-social-links a {
	font-size: 16px !important;
	margin-right: 6px !important;
}
.team-member-caption {
	padding-left: 14px !important;
}
.float-right {
	margin-right: -14px;
	margin-bottom: -8px;
}
.onze-agenten {
	text-transform: uppercase;
	font-weight: bold;
	font-size: 24px;
	letter-spacing: 1px;
}
.onze-agenten a {
	color: #b4a598;
}
.onze-agenten a:hover {
	color: #3e323d;
}
.text-agent {
	margin: 0 10%;
}
.naarlinks {
	color: #3e323d;
}
.label {
	border-radius: 50%;
	background: #b4a598;
	width: 25px; 
	height: 25px;
	padding: 4px 7px;
	margin-top: -2px;
	color: #3e323d;
	border: 1px solid rgba(81,68,60,0.65);
}
.label-fb {
	background: #3b5998;
	color: #fff;
	padding-top: 6px;
	border: 1px solid rgba(30,54,104,0.95);
}
.form-control {
	background-color: rgba(0,0,0,0.15) !important;
	color: #3e323d !important;
}
.button {
	background-color: #51443c;
}
.button:hover, .button:focus {
    background-color: #3e323d;
}
.single-page-nav li {
	text-align: left;
	color: #3e323d;
}
.clickmore {
	font-size: 10px;
	white-space: nowrap;
	margin-top: 10px;
}
#press-section {
	margin-top: 60px;
}
#adressen-section {
	max-width: 1200px;
	margin: auto !important;
	margin-bottom: -100px !important;
}
.medium-1 {
	/* width: 15.66667%; */
	float: left !important;
	margin: 0 0.5% 20px 0.5%;
	padding: 10px;
	width: 19%;
	border: none;
	border-radius: 0px;
	font-size: 13px;
	background-color: #fff;
}
.medium-2 {
	/* width: 15.66667%; */
	float: left !important;
	margin: 0 0.5% 20px 0.5%;
	padding: 10px;
	width: 19%;
	border: none;
	border-radius: 0px;
	font-size: 13px;
	background-color: #fff;
}
.medium-10 {
    width: 84%;
	margin: 0 8%;
}
.grid {
	margin-bottom: 60px;
}
.hide-start {
	display: none !important;
}
.hide-renovatie {
	display: none !important;
}
#filters {
	text-align: center;
	display: block;
	float: none;
	z-index: 2;
	position: relative;
}
#filters ul li {
	display: inline-block;
	margin: 0 10px 15px;
}
#filters ul li a {
	display: block;
}
#filters ul li a span {
	padding-bottom: 5px;
	color: #666;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: 700;
}
#filters ul li a.active span {
 	border-bottom: 5px solid #e4eaeb;
}
.arrow {
	position: fixed;
	bottom: 0;
	/* bounce1
	left: 52%;
	width: 30px;
	height: 60px; 
	*/
	left: 49%;
	width: 40px;
	height: 40px;
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iNTEycHgiIGhlaWdodD0iNTEycHgiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA1MTIgNTEyIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0yOTMuNzUxLDQ1NS44NjhjLTIwLjE4MSwyMC4xNzktNTMuMTY1LDE5LjkxMy03My42NzMtMC41OTVsMCwwYy0yMC41MDgtMjAuNTA4LTIwLjc3My01My40OTMtMC41OTQtNzMuNjcyICBsMTg5Ljk5OS0xOTBjMjAuMTc4LTIwLjE3OCw1My4xNjQtMTkuOTEzLDczLjY3MiwwLjU5NWwwLDBjMjAuNTA4LDIwLjUwOSwyMC43NzIsNTMuNDkyLDAuNTk1LDczLjY3MUwyOTMuNzUxLDQ1NS44Njh6Ii8+DQo8cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNMjIwLjI0OSw0NTUuODY4YzIwLjE4LDIwLjE3OSw1My4xNjQsMTkuOTEzLDczLjY3Mi0wLjU5NWwwLDBjMjAuNTA5LTIwLjUwOCwyMC43NzQtNTMuNDkzLDAuNTk2LTczLjY3MiAgbC0xOTAtMTkwYy0yMC4xNzgtMjAuMTc4LTUzLjE2NC0xOS45MTMtNzMuNjcxLDAuNTk1bDAsMGMtMjAuNTA4LDIwLjUwOS0yMC43NzIsNTMuNDkyLTAuNTk1LDczLjY3MUwyMjAuMjQ5LDQ1NS44Njh6Ii8+DQo8L3N2Zz4=);
	/* bounce1 
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%233e323d'%2F%3E%3C%2Fsvg%3E"); 
	*/
	background-size: contain;
	background-repeat: no-repeat;
}
.bounce1 {
	-webkit-transform: rotate(-90deg) !important;
    -moz-transform: rotate(-90deg) !important;
    -ms-transform: rotate(-90deg) !important;
    -o-transform: rotate(-90deg) !important;
    transform: rotate(-90deg) !important;
	bottom: 64px;
	opacity: 0.95;
	z-index: 999;
}
.bounce2 {
	-moz-animation: bounce 2s infinite;
	-webkit-animation: bounce 2s infinite;
	animation: bounce 2s infinite;
	bottom: 36px;
	opacity: 0.75;
	z-index: 999;
}
.magazine {
	padding: 0px 32px 32px 0px;
}
.iphone {
	position: absolute;
	bottom: 0;
	right: 0;
}
.grid .fa {
	font-size: 11px;
}
.grid a {
	font-size: 12px;
}
.overlay {
	background-image: url('../images/achtergrond_rio.jpg');
	background-position: center top;
	background-size: auto;
	background-repeat: repeat-y;
}
.overlay-contact:after {
	background-color: rgba(180, 165, 152, 0.50);
    -webkit-box-shadow: inset 0 -15px 15px -15px rgba(0,0,0,0.50) !important;
    -moz-box-shadow: inset 0 -15px 15px -15px rgba(0,0,0,0.20) !important;
    box-shadow: inset 0 -15px 15px -15px rgba(0,0,0,0.50) !important;
}
.overlay-footer {
	background-position: center;
}
.overlay-footer:after {
	background-color: rgba(180, 165, 152, 0.62);
    -webkit-box-shadow: inset 0 20px 20px -20px rgba(0,0,0,0.75) !important;
    -moz-box-shadow: inset 0 20px 20px -20px rgba(0,0,0,0.75) !important;
    box-shadow: inset 0 20px 20px -20px rgba(0,0,0,0.75) !important;
}
#contact-content p, #contact-content h2, #contact-content h4, #contact-content label, #contact-content label-fb, #contact-content .details, #footer p, #footer i {
	text-shadow: 1px 1px 1px rgba(0,0,0,0.4);
	color: #fff;
}
.wp-icon-facebook a, fa-facebook a {
	color: #b4a598 !important;
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}
@media (min-width: 1200px) {
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left;
  }
  .col-lg-12 {
    width: 100%;
  }
}
@media (min-width: 992px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left;
  }
  .col-md-6 {
    width: 50%;
  }
}
.btn-xl {
  color: white;
  background-color: #871807;
  border-color: #871807;
  font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  font-weight: 700;
  border-radius: 3px;
  font-size: 18px;
  padding: 20px 40px;
}
.btn-xl:hover,
.btn-xl:focus,
.btn-xl:active,
.btn-xl.active,
.open .dropdown-toggle.btn-xl {
  color: white;
  background-color: #871807;
  border-color: #871807;
}
.btn-xl:active,
.btn-xl.active,
.open .dropdown-toggle.btn-xl {
  background-image: none;
}
.btn-xl.disabled,
.btn-xl[disabled],
fieldset[disabled] .btn-xl,
.btn-xl.disabled:hover,
.btn-xl[disabled]:hover,
fieldset[disabled] .btn-xl:hover,
.btn-xl.disabled:focus,
.btn-xl[disabled]:focus,
fieldset[disabled] .btn-xl:focus,
.btn-xl.disabled:active,
.btn-xl[disabled]:active,
fieldset[disabled] .btn-xl:active,
.btn-xl.disabled.active,
.btn-xl[disabled].active,
fieldset[disabled] .btn-xl.active {
  background-color: #fed136;
  border-color: #fed136;
}
.btn-xl .badge {
  color: #871807;
  background-color: white;
}
section#contact {
  background-color: #fff;
  margin-bottom: 40px; 
}
section#contact .section-heading {
  color: white;
}
section#contact .form-group {
  margin-bottom: 25px;
}
section#contact .form-group input,
section#contact .form-group textarea {
  padding: 20px;
}
section#contact .form-group input.form-control {
  height: auto;
}
section#contact .form-group textarea.form-control {
  height: 256px;
}
section#contact .form-control:focus {
  border-color: #871807;
  box-shadow: none;
}
section#contact ::-webkit-input-placeholder {
  font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  font-weight: 700;
  color: #999;
}
section#contact :-moz-placeholder {
  /* Firefox 18- */
  font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  font-weight: 700;
  color: #999;
}
section#contact ::-moz-placeholder {
  /* Firefox 19+ */
  font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  font-weight: 700;
  color: #999;
}
section#contact :-ms-input-placeholder {
  font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  font-weight: 700;
  color: #999;
}
section#contact .text-danger {
  color: #e74c3c;
}

.rio-logo {
	font-size: 36px;
	color: #871807;
}
.logo-height {
	min-height: 60px;
	margin-top: 8px !important;
}
.slider-height {
	max-height: 480px !important;
}
.img-show1 {
	display: block;
}
.img-show2 {
	display: none;
}

@media screen and (max-width: 61.9375em) {
	.rio-logo {
		font-size: 24px;
	}
	.logo-height {
		min-height: 50px;
		padding-top: 6px !important;
	}
	.slider-height {
		max-height: 420px !important;
		margin-top: 50px;
	}
}
@media screen and (max-width: 51.9375em) {
	.slider-height {
		max-height: 360px !important;
	}
}
@media screen and (max-width: 39.9375em) {
	.slider-height {
		max-height: 240px !important;
	}
	.swiper-pagination {
		display: none;
	}
	.rio-title {
		font-size: 20px;
	}
}
@media screen and (max-width: 26.9375em) {
	.rio-logo {
		font-size: 18px;
		margin-left: 16px;
	}
	.logo-height {
		padding-top: 10px !important;
	}
	.slider-height {
		max-height: 160px !important;
	}
	.rio-title {
		margin-top: -30px;
	}
	.img-show1 {
		display: none;
	}
	.img-show2 {
		display: block;
	}
}
@media screen and (min-width: 64em) and (max-width: 74.9375em) {
	.medium-1 {
    	width: 24%;
	}
	.medium-2 {
    	width: 24%;
	}
	.iphone {
		position: absolute;
		float: right;
		text-align: right;
		width: 100%;
		bottom: 0;
		right: 0;
	}
}
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
	.medium-1 {
    	width: 32.0%;
	}
	.medium-2 {
    	width: 32.0%;
	}
	.naarlinks {
		margin-top: -8px;
	}
	.single-page-nav li {
		margin-left: 13px;
	}
	.large-5 {
    	width: 41.66667%;
	}
	.large-3 {
    	width: 50%;
	}
	.medium-10 {
    	width: 83.33333%;
	}
	.arrow {
		display: none;
	}
}
@media screen and (min-width: 27em) and (max-width: 39.9375em) {
	.medium-1 {
    	width: 49%;
	}
	.medium-2 {
    	width: 49%;
	}
	.naarlinks {
		margin-top: -8px;
		margin-left: -30px;
	}
	.single-page-nav li {
		margin-left: -16px;
	}
	.arrow {
		display: none;
	}
	.text-agent {
		margin: 0 -8%;
	}
	#map {
		height: 320px;
	}
	.iphone {
		position: relative;
	}
}
@media screen and (min-width: 0em) and (max-width: 26.9375em) {
	.medium-1 {
    	width: 98%;
	}
	.medium-2 {
    	width: 98%;
	}
	.naarlinks {
		margin-top: -8px;
		margin-left: -30px;
	}
	.single-page-nav li {
		margin-left: -16px;
	}
	.arrow {
		display: none;
	}
	.text-agent {
		margin: 0 -8%;
	}
	.lead-small {
		font-size: 14px;
	}
	#map {
		height: 240px;
	}
	.iphone {
		position: relative;
	}
}

@-moz-keyframes bounce {
	0%, 20%, 50%, 80%, 100% {
    	-moz-transform: translateY(0);
    	transform: translateY(0);
 	}
	40% {
    	-moz-transform: translateY(-30px);
    	transform: translateY(-30px);
	}
	60% {
    	-moz-transform: translateY(-15px);
    	transform: translateY(-15px);
	}
}
@-webkit-keyframes bounce {
	 0%, 20%, 50%, 80%, 100% {
    	-webkit-transform: translateY(0);
    	transform: translateY(0);
	}
	40% {
    	-webkit-transform: translateY(-30px);
    	transform: translateY(-30px);
 	}
	60% {
    	-webkit-transform: translateY(-15px);
    	transform: translateY(-15px);
	}
}
@keyframes bounce {
	0%, 20%, 50%, 80%, 100% {
    	-moz-transform: translateY(0);
    	-ms-transform: translateY(0);
    	-webkit-transform: translateY(0);
    	transform: translateY(0);
	}
	40% {
    	-moz-transform: translateY(-30px);
    	-ms-transform: translateY(-30px);
    	-webkit-transform: translateY(-30px);
    	transform: translateY(-30px);
	}
	60% {
    	-moz-transform: translateY(-15px);
    	-ms-transform: translateY(-15px);
    	-webkit-transform: translateY(-15px);
    	transform: translateY(-15px);
	}
}