#featured{
	padding-top:85px;
	display:inline-block;
	width:100%;
	min-height:1080px;
}

.featured-offers{
    background-color: #1e73be; 
	background-image: url(../images/office-bg.jpg); 
	background-repeat: repeat; 
	background-position: center; 
	background-size: cover; 
	background-attachment: fixed;
	height:100%;
	min-height:1080px;
}

/* simple */
		.flip-container {
			-webkit-perspective: 1000;
			-moz-perspective: 1000;
			-ms-perspective: 1000;
			perspective: 1000;
			-ms-transform: perspective(1000px);
			-moz-transform: perspective(1000px);
    			-moz-transform-style: preserve-3d; 
    			-ms-transform-style: preserve-3d; 
		}

			/*
			.flip-container:hover .flipper, .flip-container.hover .flipper, #flip-toggle.flip .flipper {
				-webkit-transform: rotateY(180deg);
				-moz-transform: rotateY(180deg);
				-ms-transform: rotateY(180deg);
				transform: rotateY(180deg);
				filter: FlipH;
    			-ms-filter: "FlipH";
			}
			*/


			/* START: Accommodating for IE */
			.flip-container:hover .back, .flip-container.hover .back {
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    transform: rotateY(0deg);
}

.flip-container:hover .front, .flip-container.hover .front {
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);
}
		
		/* END: Accommodating for IE */

		.flip-container, .front, .back {
			width: 100%;
			height: 388px;
			margin-top:25px;
			margin-bottom:25px;
		}

		.flipper {
			-webkit-transition: 0.6s;
			-webkit-transform-style: preserve-3d;
			-ms-transition: 0.6s;

			-moz-transition: 0.6s;
			-moz-transform: perspective(1000px);
			-moz-transform-style: preserve-3d;
			-ms-transform-style: preserve-3d;

			transition: 0.6s;
			transform-style: preserve-3d;

			position: relative;
		}

		.front, .back {
			-webkit-backface-visibility: hidden;
			-moz-backface-visibility: hidden;
			-ms-backface-visibility: hidden;
			backface-visibility: hidden;

		    -webkit-transition: 0.6s;
		    -webkit-transform-style: preserve-3d;
		    -webkit-transform: rotateY(0deg);

		    -moz-transition: 0.6s;
		    -moz-transform-style: preserve-3d;
		    -moz-transform: rotateY(0deg);

		    -o-transition: 0.6s;
		    -o-transform-style: preserve-3d;
		    -o-transform: rotateY(0deg);

		    -ms-transition: 0.6s;
		    -ms-transform-style: preserve-3d;
		    -ms-transform: rotateY(0deg);

		    transition: 0.6s;
		    transform-style: preserve-3d;
		    transform: rotateY(0deg);

			position: absolute;
			top: 0;
			left: 0;
		}

		.front {
			-webkit-transform: rotateY(0deg);
			-ms-transform: rotateY(0deg);
			background:#17325a;
			z-index: 2;
		}

		.back {
			background:#17325a;
			-webkit-transform: rotateY(-180deg);
		    -moz-transform: rotateY(-180deg);
		    -o-transform: rotateY(-180deg);
		    -ms-transform: rotateY(-180deg);
		    transform: rotateY(-180deg);
		}

		.front .name {
			font-size: 2em;
			display: inline-block;
			background: rgba(33, 33, 33, 0.9);
			color: #f8f8f8;
			font-family: Courier;
			padding: 5px 10px;
			border-radius: 5px;
			bottom: 60px;
			left: 25%;
			position: absolute;
			text-shadow: 0.1em 0.1em 0.05em #333;
			display: none;

			-webkit-transform: rotate(-20deg);
			-moz-transform: rotate(-20deg);
			-ms-transform: rotate(-20deg);
			transform: rotate(-20deg);
		}

		.back-logo {
			position: absolute;
			top: 40px;
			left: 90px;
			width: 160px;
			height: 117px;
			background: url(logo.png) 0 0 no-repeat;
		}

		.back-title {
			font-weight: bold;
			color: #00304a;
			position: absolute;
			top: 180px;
			left: 0;
			right: 0;
			text-align: center;
			text-shadow: 0.1em 0.1em 0.05em #acd7e5;
			font-family: Courier;
			font-size: 22px;
		}

		.back p {
			position: absolute;
			bottom: 40px;
			left: 0;
			right: 0;
			text-align: center;
			padding: 0 20px;
			font-size: 18px;
		}

		/* vertical */
		.vertical.flip-container {
			position: relative;
		}

			.vertical .back {
				-webkit-transform: rotateX(180deg);
				-moz-transform: rotateX(180deg);
				-ms-transform: rotateX(180deg);
				transform: rotateX(180deg);
			}

			.vertical.flip-container .flipper {
				-webkit-transform-origin: 100% 213.5px;
				-moz-transform-origin: 100% 213.5px;
				-ms-transform-origin: 100% 213.5px;
				transform-origin: 100% 213.5px;
			}

			/*
			.vertical.flip-container:hover .flipper {
				-webkit-transform: rotateX(-180deg);
				-moz-transform: rotateX(-180deg);
				-ms-transform: rotateX(-180deg);
				transform: rotateX(-180deg);
			}
			*/

			/* START: Accommodating for IE */
			.vertical.flip-container:hover .back, .vertical.flip-container.hover .back {
			    -webkit-transform: rotateX(0deg);
			    -moz-transform: rotateX(0deg);
			    -o-transform: rotateX(0deg);
			    -ms-transform: rotateX(0deg);
			    transform: rotateX(0deg);
			}

			.vertical.flip-container:hover .front, .vertical.flip-container.hover .front {
			    -webkit-transform: rotateX(180deg);
			    -moz-transform: rotateX(180deg);
			    -o-transform: rotateX(180deg);
			    transform: rotateX(180deg);
			}
		/* END: Accommodating for IE */
		
		

.featured-offer-photo, .neighbourhood-photo {
    border-bottom: 2px solid #1b2835;
}

.featured-offer-text {
    padding: 19px 30px 16px 30px;
    line-height: 1.70em;
    background-color: #FFF;
}

h4.featured-offer-title {
    text-transform: none;
    font-size: 1.31em;
    margin-bottom: 5px;
    font-family: 'Oswald', sans-serif;
}

.featured-offer-params {
    float: left;
    width: 80%;
    overflow: hidden;
}

.featured-offer-params {
    background: #17325a;
    border-bottom: 2px #3797dd solid;
}

.featured-offer-params h3 {
    color: #FFF;
    margin: 12px 0px;
    text-align: center;
    font-size: 16px;
    font-family: 'Karla', sans-serif;
}

.featured-price {
    float: right;
    width: 20%;
    height: 44px;
    font-size: 1.38em;
    font-weight: bold;
    text-align: center;
    line-height: 42px;
    background: #3797dd;
}	

.flipper .button {
    position: absolute;
    bottom: 30px;
	left:25%;	
    text-align: center;
}

.flipper a {
    float: none;
    margin: auto;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow:    0px 0px 5px 0px rgba(0, 0, 0, 0.3);
    box-shadow:         0px 0px 5px 0px rgba(0, 0, 0, 0.3);
}	


.button-primary{
    background: #0f223e;
}

.button a{
    color: #fff;
}

.button a:hover{
    color: #0f223e;
}

.button-primary span {
    position: relative;
    z-index: 10;
}

.swiper2-buttons .button-primary,
.swiper2-buttons .button-secondary,
.swiper2-buttons .button-alternative,
.swiper2-buttons .button-fourth {
    margin: 0 15px 0 15px;
}

.button-primary,
.button-primary:active,
.button-primary:focus  {
    height: 50px;
    line-height: 50px;
    padding: 0 73px 0 30px;
    display: inline-block;
    text-transform: uppercase;
	font-family: 'Karla', sans-serif;
    font-size: 1.08em;
    letter-spacing: 1px;
    position: relative;
    overflow: hidden;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition:    all .5s ease-in-out;
    -ms-transition:     all .5s ease-in-out;
    -o-transition:      all .5s ease-in-out;
    transition:         all .5s ease-in-out;
    white-space: nowrap;
}

.button-primary a:link{
	color:#FFF;
}

.button-primary:hover {
    text-decoration: none !important;
}

.button-primary:hover .button-triangle  {
    border-width: 0 0 400px 400px;
}

.button-primary:hover .button-triangle2  {
    border-width: 0 0 50px 50px;
}

.button-primary span {
    position: relative;	
    z-index: 10;
}

.archive-item a.button-primary {
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow:    0px 0px 5px 0px rgba(0, 0, 0, 0.3);
    box-shadow:         0px 0px 5px 0px rgba(0, 0, 0, 0.3);
}

.simple-search-cont .button-primary {
        position: absolute;
        top: 60px;
        right: 25px;
        float: none !important;
    }
	
	.simple-search-cont .button-primary {
        position: absolute;
        top: 110px;
        right: 25px;
        float: none !important;
    }
	
	.swiper2-buttons .button-primary,
    .swiper2-price-button	{
        display: block;
        margin: auto;
        margin-bottom: 5px;
    }
	
.button-triangle {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 50px 50px;
    position: absolute;
    bottom: 0;
    right: 0;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition:    all .5s ease-in-out;
    -ms-transition:     all .5s ease-in-out;
    -o-transition:      all .5s ease-in-out;
    transition:         all .5s ease-in-out;
}

.button-triangle2 {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 0px 0px;
    position: absolute;
    bottom: 0;
    right: 0;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition:    all .5s ease-in-out;
    -ms-transition:     all .5s ease-in-out;
    -o-transition:      all .5s ease-in-out;
    transition:         all .5s ease-in-out;
}

.tag-div:hover .button-triangle2  {
    border-width: 0 0 200px 200px;
}

.panel-apartment a[role="button"] .button-triangle {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 50px 50px;
    position: absolute;
    bottom: -1px;
    right: -1px;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition:    all .5s ease-in-out;
    -ms-transition:     all .5s ease-in-out;
    -o-transition:      all .5s ease-in-out;
    transition:         all .5s ease-in-out;
}

.panel-apartment a[role="button"] .button-triangle2 {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 0px 0px;
    position: absolute;
    bottom: -1px;
    right: -1px;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition:    all .5s ease-in-out;
    -ms-transition:     all .5s ease-in-out;
    -o-transition:      all .5s ease-in-out;
    transition:         all .5s ease-in-out;
}

.panel-apartment a[aria-expanded="false"]:hover .button-triangle  {
    border-width: 0 0 1200px 1200px;
}

.panel-apartment a[aria-expanded="false"]:hover .button-triangle2  {
    border-width: 0 0 50px 50px;
}

.panel-apartment a[aria-expanded="true"] .button-triangle {
    bottom: 0px;
    right: 0px;
}

.apartment-tabs .nav-tabs li a .button-triangle2 {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 0px 0px;
    position: absolute;
    bottom: -1px;
    right: -1px;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition:    all .5s ease-in-out;
    -ms-transition:     all .5s ease-in-out;
    -o-transition:      all .5s ease-in-out;
    transition:         all .5s ease-in-out;
}

.apartment-tabs .nav-tabs li a:hover .button-triangle2  {
    border-width: 0 0 500px 500px;
}

.apartment-stacked-tabs .nav-tabs li a:hover .button-triangle2  {
    border-width: 0 0 500px 500px;
}

.apartment-stacked-tabs .nav-tabs li.active a:hover .button-triangle2  {
    border-width: 0px;
}

.button-secondary:hover .button-triangle  {
    border-width: 0 0 400px 400px;
}

.button-secondary:hover .button-triangle2  {
    border-width: 0 0 50px 50px;
}

.button-alternative:hover .button-triangle  {
    border-width: 0 0 400px 400px;
}

.button-alternative:hover .button-triangle2  {
    border-width: 0 0 50px 50px;
}

.button-fourth:hover .button-triangle  {
    border-width: 0 0 400px 400px;
}

.button-fourth:hover .button-triangle2  {
    border-width: 0 0 50px 50px;
}

.dsidx-resp-submit:hover .button-triangle  {
    border-width: 0 0 400px 400px;
}

.dsidx-resp-submit:hover .button-triangle2  {
    border-width: 0 0 50px 50px;
}

.button-triangle {
    border-color: transparent transparent #ffffff transparent;
}

.button-triangle2 {
    border-color: transparent transparent #0f223e transparent;
}

.panel-apartment a[role="button"] .button-triangle {
    border-color: transparent transparent #3797dd transparent;
}

.panel-apartment a[role="button"] .button-triangle2 {
    border-color: transparent transparent #f8f8f8 transparent;
}


.panel-apartment a[aria-expanded="true"] .button-triangle {
    border-color: transparent transparent #ffffff transparent;
}

.apartment-tabs .nav-tabs li a .button-triangle2 {
    border-color: transparent transparent #3797dd transparent;
}

.apartment-stacked-tabs .nav-tabs li a .button-triangle2 {
    border-color: transparent transparent #3797dd transparent;
}

.button-secondary .button-triangle {
    border-color: transparent transparent #3797dd transparent;
}

.button-secondary .button-triangle2 {
    border-color: transparent transparent #ffffff transparent;
}

.button-alternative .button-triangle {
    border-color: transparent transparent #ffffff transparent;
}

.button-alternative .button-triangle2 {
    border-color: transparent transparent #1b2835 transparent;
}

.button-fourth .button-triangle {
    border-color: transparent transparent #ffffff transparent;
}

.button-fourth .button-triangle2 {
    border-color: transparent transparent #22A41C transparent;
}

@media only screen and (min-width: 992px)  and (max-width: 1199px) 

{
.featured-offers-container {
        width: 780px;	
    }

}

@media only screen and (min-width: 768px) and (max-width: 991px) {

.featured-offers-container {
        width: 780px;
    }
	
	.seperator::before {
    height: 8px;
    width: 170px;
}
}

@media only screen and (max-width: 767px) {
.neighbourhood-container,
    .featured-offers-container {
        width: 100%;	
    }
	
	.featured-offer-col {
        width: 100%;
    }
	
	.featured-offer-col,
    .neighbourhood-col,
    .neighbourhood-item	{
        width: 100%;
    }
	
	.featured-offer-front, 
    .featured-offer-back {
        width: 90%;
    }
	
	.featured-offer-params {
        width: 100%;
    }

}

@media only screen and (max-width: 480px) {
.featured-offers-container {
        width: 100%;
    }
	
	.featured-offer-map {
        width: 100%;
    }

	
	.featured-offer-col {
        width: 100%;
    }
	
	.featured-offer-front, 
    .featured-offer-back {
        width: 90%;
        height: auto;
        left: 5%;
    }
	.featured-offer-photo img {
        max-width: 100%;
    }
	
	.featured-offer-params  {
        float:left;
        width: 66%;
    }
	.timetable{
		margin-left: -48px !important;
	}
	
	.featured-price  {
        min-width: 123px;
    }
}

.content-heading {
    text-align: center;
    position: relative;
}

.main-heading {
    letter-spacing: ;
    text-transform: uppercase;
	font-weight:500;
	font-family: 'Oswald', sans-serif;
	letter-spacing: .04em;
	background:#0f223e;
	color:#fff;
	padding:15px 15px;
	display:inline-block
}

.main-subtitle {
    font-size: 2.142857em;
}

.main-subtitle p {
    margin: 0;
}

.seperator {
    border-bottom: 1px solid #555;
    position: relative;
    padding-bottom: 25px;
	width:100%;
	text-align:center;
	vertical-align:middle	
}

.seperator::before {
    -webkit-transform: translate(-50%,0);
    -ms-transform: translate(-50%,0);
    transform: translate(-50%,0);
    content: '';
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 120px;
    height: 6px;
    background: #555;
}

.main-subtitle p{
    font-size: 25px;
    line-height: 1.25;
    font-weight: 500;
	color:#555;
	font-family: 'Oswald', sans-serif;
    letter-spacing: .03em;
	text-transform:uppercase
	
}

/* --- timetable --- */
.timetable
{
	width: 100%;
	font-size: 14px;
	font-weight:400;
	color: #333;
	margin-top: 0px;
	font-family: 'Karla', sans-serif;
	line-height: 140%;
}
.timetable tbody tr
{
	background: url('../images/dotted_line.png') left top repeat-x;
}

.timetable thead th{
	background-color:#000;
	color:#fff;
	text-align:center;
	border-right:solid #fff 1px;
}

.timetable th{
	background-color:#0f223e;
	text-transform:uppercase;
	color:#FFF;
	text-align:center;
	border-bottom: 4px solid #fff;
	font-family: 'Abel', sans-serif;
	font-size:24px	
}

.timetable th,
.timetable td:first-child
{
	vertical-align: middle;
	border-right:solid #fff 1px;
	line-height:25px;	
	font-weight:500;
	text-align:left
}

.timetable th, .timetable td
{
	width: 12.5%;
	padding: 13px 20px;
}
.timetable td
{
	color:#1c3f72;
	vertical-align: top;
	font-size:13px;
	font-family: 'Karla', sans-serif;
}
.timetable .last
{
	padding-right: 0;
}
.timetable .hours
{
	color: #A6C3FF;
}
.timetable .event
{
	color: #000;
	border-bottom: 1px solid #FFF;
	border-right: 1px solid #FFF;
	line-height: 170%;
	font-family: 'Karla', sans-serif;
	text-align:left;
}
.timetable .event a
{
	display: block;
	color: #1C5D93;
	text-decoration:underline;
	margin-bottom: 2px;
}

.timetable .event p{
	display:inline-block;
	margin-top:10px;
}



.timetable .row_gray
{
	background-color: #f0f0f0;
	border-bottom:4px #FFF solid;
}

.timetable.small
{
	display: none;
	font-size: 13px;
}

.timetable tr:first-child {
  border-top:none;
}

.timetable tr:last-child {
  border-bottom:none;
}
 
.timetable tr:nth-child(odd) td {
  background:#84c6e9;
}

.timetable tr:last-child td:first-child {
  border-bottom-left-radius:3px;
}
 
.timetable tr:last-child td:last-child {
  border-bottom-right-radius:3px;
}
 

/* ---*/


/* --- service-table --- */
.service-table
{
	width: 100%;
	font-size: 13px;
	font-weight:400;
	color: #333;
	margin-top: 0px;
	font-family: 'Karla', sans-serif;
	line-height: 140%;
}
.service-table tbody tr
{
	background: url('../images/dotted_line.png') left top repeat-x;
}

.service-table thead th{
	background-color:#000;
	color:#fff;
	text-align:center;
	border-right:solid #000 1px;
}

.service-table th{
	background-color:#222;
	text-transform:none;
	color:#FFF;
	text-align:center;
	border-bottom: 4px solid #fff;
	font-family: 'Abel', sans-serif;
	font-size:21px	
}

.service-table th,
.service-table td:first-child
{
	vertical-align: middle;
	line-height:25px;	
	font-weight:500;
	text-align:left
}

.service-table th, .service-table td
{
	width: 12.5%;
	padding: 13px 20px;
	border:1px #B3B3B3 solid;
}
.service-table td
{
	color:#0769a1;
	border:1px #B3B3B3 solid;
	vertical-align: top;
	font-size:13px;
	font-family: 'Karla', sans-serif;
}
.service-table .last
{
	padding-right: 0;
}
.service-table .hours
{
	color: #A6C3FF;
}
.service-table .event
{
	background-color: #fff;
	color: #FFF;
	border-bottom: 1px solid #FFF;
	border-right: 1px solid #FFF;
	line-height: 170%;
	font-family: 'Karla', sans-serif;
}
.service-table .event a
{
	display: block;
	color: #FFF;
	font-weight: bold;
	margin-bottom: 2px;
}

.service-table .event p{
	display:inline-block;
	margin-top:10px;
}



.service-table .row_gray
{
	background-color: #fff;
	border-bottom:1px #333 solid;
}

.service-table .small
{
	display: none;
	font-size: 13px;
}
/* ---*/


.contact-service p{
	display:inline-block;
	text-align:center;
	vertical-align:middle;
	margin-top:10px;	
}

.contact-service img{
	display:inline-block;
	margin-top:-2px;
	padding-right:3px;
	vertical-align:middle
}

.contact-service td{
	
}

ul.services-list{
	margin-left:5px;
	padding-left:0px;
	margin-top:10px;
}

.services-list li{
	list-style:none;
	font-size: 13px;
	font-family: 'Karla', sans-serif;
	padding:5px 0px;
	color:#000;
	text-align:left;
}

.services-list li:before {
  content: "\f0da"; /* FontAwesome Unicode */
  font-family: FontAwesome;
  display: inline-block;
  color:#393f90;
  width: 0.8em; /* same as padding-left set on li */
}

.services-list-special{
	background-color:#F0F0F0;
}

.services-list-special ul{
	margin-left:20px;
	padding:12px 0px;
}

.services-list-special li{
	list-style:none;
	font-size: 15px;
	font-family: 'Karla', sans-serif;
	padding:8px 0px;
	color:#000
}

.services-list-special li:before {
  content: "\f0da"; /* FontAwesome Unicode */
  font-family: FontAwesome;
  display: inline-block;
  color:#393f90;
  width: 0.8em; /* same as padding-left set on li */
}

.office-service h3{
	margin-top:0px;
	margin-bottom:0px;
	font-family: 'Abel', sans-serif;
	background-color: #0f223e;
	text-transform: uppercase;
	color: #FFF;
	padding: 13px 20px;	
}

.office-asso ul{
	margin-top: 40px;
	margin-bottom: 20px;
	padding-left: 20px;
}

.office-asso img{
	padding-top:10px;
	padding-bottom:0px;
	margin-left:20px;
}

.office-asso li{
	color:#fff;
	line-height:27px;
	font-family: 'Karla', sans-serif;
	font-size:17px;
	list-style:none;
	margin-top:9px;
}

.office-asso li:before{
	content: "\f0da"; /* FontAwesome Unicode */
    font-family: FontAwesome;
    display: inline-block;
    color:#ff8836;
    width: 0.8em;
}

.our-office-ass{
	background-color:transparent;
	padding: 20px;
	color:#666;
	text-align:justify;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    -ms-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    -o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
	line-height:22px;
}

.our-office-ass .our-office-ass-wrap h2.title-our-office-ass::after {
    content: "";
    height: 2px;
    position: absolute;
    left: 0;
    bottom: -12px;
    background-color: #ff8836;
    width: 40px;
}

.our-office-ass .our-office-ass-wrap h2.title-our-office-ass::before {
    background: rgba(255, 255, 255, 0.8);
    content: "";
    height: 2px;
    left: 50px;
    right: 0;
    position: absolute;
    bottom: -12px;
	color:#fff799
}

.our-office-ass .our-office-ass-wrap h2.title-our-office-ass {
    position: relative;
	margin-top: 13px;
	margin-bottom: 30px;
	padding-bottom: 6px;
	font-family: 'Oswald', sans-serif;
	letter-spacing:1px;
	text-transform:uppercase
	padding-left: 15px;
	padding-right: 15px;
	color:#FFF
}