/*Author: W3layouts
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
--*/
@font-face {
    font-family: 'Montserrat-Regular';
    src:url(../fonts/Montserrat-Regular.ttf) format('truetype');
}
@font-face {
    font-family: 'Oxygen-Regular';
    src:url(../fonts/Oxygen-Regular.ttf) format('truetype');
}
html,body{
	background:#fff;
	font-size: 100%;
	font-family: 'Oxygen-Regular';
}
body a{
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-o-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-ms-transition: 0.5s all;
}
 ul{
	padding: 0;
	margin: 0;
}
h1,h2,h3,h4,h5,h6,label,p{
	margin:0;	
}
/*----*/
.logo {
  float: left;
  vertical-align:middle;
}
.top-nav{
	float:right;
	margin-top: 3px;
}
/*--header--*/
.header{
  	background-color: #028202; 
  	  padding: 0.8em 0;
}
.bottom-head {
	text-align: center;
  	border-right:1px solid #EBEBEB;
  	padding: 0; 
  	float: left;
  	width: 14.285%;
}
.banner-bottom-top {
  	background-color: #F7F7F7;
  	min-height: 96px;
}
.bottom-head:nth-child(7) {
	border-right: none;
}
.bottom-head a {
  	text-decoration: none;  	
  	display: block;	
  	height: 120px;
    position: relative;
    transition: 0.5s all;
  -webkit-transition: 0.5s all;
  -o-transition: 0.5s all;
  -moz-transition: 0.5s all;
  -ms-transition: 0.5s all;
}

.buy-media{
	position: absolute;
  bottom: 0;
  height: 120px;
  overflow: hidden;
  padding: 30px;
    width: 100%;
  background-color: #fff;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition: -webkit-transform .2s ease,height .2s ease;
  -moz-transition: -moz-transform .2s ease,height .2s ease;
  -o-transition: -o-transform .2s ease,height .2s ease;
  transition: transform .2s ease,height .2s ease;
}
.bottom-head  h6{
	font-size: 1em;
	color:#919090;
	font-family: 'Montserrat-Regular';
	margin: 0.5em 0 0;
}

.bottom-header{
	position: relative;
}
.header-bottom {
  	background-color: #fff;
    position: absolute;
  	z-index: 999;
    top: -24px;
  	width: 100%;
    box-shadow: 0 0 4px rgba(164,164,164,.5);
}
.bottom-head a:hover .buy-media{
	height:170px;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-o-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-ms-transition: 0.5s all;
  	width: 100%;
  	background-color: #fff;
  	position: absolute;
  	bottom:0;
  	left: 0;
}
.bottom-head a:hover .buy-media h6{
	color:#028202;
}
i.buy{
	width: 32px;
	height: 32px;
	background: url(../images/img-sprite.png) no-repeat -3px -39px ;
	display: block;
	margin: 0 auto;
}
i.rent{
	width: 32px;
	height: 32px;
	background: url(../images/img-sprite.png) no-repeat -37px -39px ;
	display: block;
	margin: 0 auto;
}
i.pg{
	width: 32px;
	height: 32px;
	background: url(../images/img-sprite.png) no-repeat -72px -39px ;
	display: block;
	margin: 0 auto;
}

i.sell{
	width: 32px;
	height: 32px;
	background: url(../images/img-sprite.png) no-repeat -142px -39px ;
	display: block;
	margin: 0 auto;
}
i.loan{
	width: 32px;
	height: 32px;
	background: url(../images/img-sprite.png) no-repeat -178px -39px ;
	display: block;
	margin: 0 auto;
}
i.apart{
	width: 32px;
	height: 32px;
	background: url(../images/img-sprite.png) no-repeat -212px -39px ;
	display: block;
	margin: 0 auto;
}
i.deal{
	width: 32px;
	height: 32px;
	background: url(../images/img-sprite.png) no-repeat -248px -39px ;
	display: block;
	margin: 0 auto;
}
.bottom-head a:hover i.buy{
	background-position: -3px -83px ;
}
.bottom-head a:hover i.rent{
	background-position: -37px -80px ;
}
.bottom-head a:hover i.pg{
	background-position: -72px -80px ;
}
.bottom-head a:hover i.sell{
	background-position: -142px -80px ;
}
.bottom-head a:hover i.loan{
	background-position: -178px -80px ;
}
.bottom-head a:hover i.apart{
	background-position: -212px -77px ;
}
.bottom-head a:hover i.deal{
	background-position: -248px -80px ;
}
.logo h1{
	font-size:2em;
	text-align: center;
    margin: 0em 0 0;
    font-family: 'Montserrat-Regular';
}
.logo h1 a{
	text-decoration: none;
	color:#fff;
}
.right-icons li{
	display: inline-block;
}
.right-icons li span,.right-icons li a{
	display: block;
	font-size: 1em;
	color:#fff;
	text-decoration: none;
	margin: 0 0.3em;
}
.right-icons li i{
	margin: 0 0.3em;
}
ul.right-icons {  	
    z-index: 9;
    float: left;
    margin-top: 4px;
}
.nav-icon {
  float: right;
  padding: 0 0 0 0.5em;
}
a.play-icon.popup-with-zoom-anim {
  	color: #fff;
  	font-size: 1em;
}
i.glyphicon.glyphicon-menu-hamburger {
  font-size: 1.5em;
  color: #fff;
}
.feed {
  padding: 4em 0 0;
}
.feed ul li {
  display: inline-block;
}
.feed ul li a{
  display: inline-block;
  font-size: 0.87em;
}
.mp-menu ul{
	padding: 3em 0 0;
}
.feed p{
  font-size: 0.87em;
  text-align: center;
  color: #1B1B1B;
  margin: 0 0 0.5em;
}
.feed ul span{
	color:#a6a6a6;
	font-size: 1em;
	margin: 0 7px 0 10px;
}
.feed ul li a:hover{
	color:#028202;
}
/* start tabs */
.sap_tabs{
	  background-color:#000;
}
.resp-tabs-list {
	width: 100%;
	list-style: none;
	padding: 0;
}
.resp-tab-item:first-child{
	border-left:none;
}
.resp-tab-item{
	cursor: pointer;
	padding: 0;
	display: inline-block;
	margin: 0 ;
	text-align: center;
	list-style: none;
	float: left;
	outline: none;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	background:#000000;
	color:#fff;	
}
.resp-tab-active{
	color:#fff;	
	background:#028202;
}
.resp-tab-item span{
	font-size:1.1em;
	   padding: 8px 10px;
  display: block;
}
.resp-tabs-container {
	padding: 0px;
	clear: left;
}
h2.resp-accordion {
	cursor: pointer;
	padding: 0;
	display: none;
}
.resp-tab-content {
	display: none;
}
.resp-content-active, .resp-accordion-active {
   display: block;
}
h2.resp-accordion {
	font-size:1em;
	margin: 0px;
	padding: 0;
	color:#fff;
}
h2.resp-accordion:hover{
	background:#6CC5D9;
	text-shadow: none;
	color: #FFF;
}
.facts{
	background-color:#028202;
	padding:2em  1.5em;
}
/*----*/
.login{
	background-color: #fff;
  	border-radius: 3px;
}
.login input[type="text"] {
	outline: none;
	padding: 8px 15px;
  	background: none;
  	width: 93%;
  	border: none;
  	font-size: 1.1em;
  	color: #DADADA;
}
.login input[type="submit"] {	
	width: 32px;
	height: 32px;
	background: url(../images/search.png) no-repeat ;
	padding: 0px;
	border: none;
	cursor: pointer;
	outline: none;
	vertical-align: middle;
}
/*--//header--*/
/*--- slider-css --*/
.slider {
	position: relative;
}
.rslides {
	  position: relative;
	  list-style: none;
	  overflow: hidden;
	  width: 100%;
	  padding: 0;
	  margin: 0;
}
.rslides li {
	  -webkit-backface-visibility: hidden;
	  position: absolute;
	  display: none;
	  width: 100%;
	  left: 0;
	  top: 0;
}
.rslides li:first-child {
	  position: relative;
	  display: block;
	  float: left;
}
.rslides img {
	  display: block;
	  height: auto;
	  float: left;
	  width: 100%;
	  border: 0;
}
.callbacks_tabs a:after {
	content: "\f111";
	font-size: 0;
	font-family: FontAwesome;
	visibility: visible;
	display: block;
	height: 12px;
	width: 12px;
	display: inline-block;
	background: #fff;
	border-radius:50px;
}
.callbacks_here a:after{
	background:#000;
}
.callbacks_tabs a{
	visibility:hidden;
}
.callbacks_tabs li{
	display:inline-block;
}
ul.callbacks_tabs.callbacks1_tabs {
	position: absolute;
	bottom: 14%;
  	z-index: 999;
  	right: 10%;
}
.caption{
	position: absolute;
	top: 43%;
  	left: 13%;
}
.caption h3{
	color: #fff;
	font-size: 3em;
  	text-transform: uppercase;
  	display: inline-block;
  	font-family: 'Montserrat-Regular';
  	padding: 0 0 0.3em;
}
.caption h3 span{
	border-bottom: 7px solid #028202;
}
.caption p{
	color: #fff;
	font-size: 1.7em;
	margin: 0.5em 0em 0;
}
.banner1 {
    background: url(../images/banner/1.jpg) no-repeat;
    width: 100%;
    min-height: 550px;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
}
.banner2{
	background: url(../images/banner/2.jpg) no-repeat;
	width:100%;
	min-height: 550px;
	background-size: cover;
	-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
}
.banner3 {
    background: url(../images/banner/3.jpg) no-repeat;
    width: 100%;
    min-height: 550px;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
}
.banner4 {
    background: url(../images/banner/4.jpg) no-repeat;
    width: 100%;
    min-height: 550px;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
}
/*--content--*/
 /*----*/
.content-grid h3{
	text-align:center;
	color: #fff;
  	font-size: 3em;
 	padding: 0 0 1.3em;
  	font-family: 'Montserrat-Regular';
}
.content-grid h3:after,.content-grid h3:before{
	width: 200px;
	height: 1px;
	display: inline-block;
	vertical-align: middle;
	content:"";
	background:#fff;
	margin: 0 1%;
}
.content-grid{
	background: url(../images/back1.jpg);
	width:100%;
	min-height: 500px;
	background-size: cover;
	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
	 padding: 4em 0 5em;
}
.most-1 {
   background-color: #fff;
   color: #000;
   padding: 1em;
}
.most-1 h5{
   	font-size: 1.2em;
  	color: #028202;
  	padding: 0em 0 0.3em;
    font-family: 'Montserrat-Regular';
}
.most-1 h5 a{
   	text-decoration:none;
  	color: #028202;
}
.most-1 h5 a:hover{
  	color: #000;
}
.most-1 p{
   font-size:0.9em;
   color: #000;
}
span.four {
  background-color: #028202;
  font-size: 1em;
  color: #FFF;
  display: block;
  padding: 0.5em;
  position: absolute;
  top: 32%;
  right: 15px;
}
img.zoom-img:hover {
	-webkit-transform: scale(1.15);
	-webkit-transition-timing-function: ease-out;
	-webkit-transition-duration: 750ms;
	-moz-transform: scale(1.15);
	-moz-transition-timing-function: ease-out;
	-moz-transition-duration: 750ms;
	overflow: hidden;
}
img.zoom-img {
	-webkit-transform: scale(1, 1);
	-webkit-transition-timing-function: ease-out;
	-webkit-transition-duration: 250ms;
	-moz-transform: scale(1, 1);
	-moz-transition-timing-function: ease-out;
	-moz-transition-duration: 250ms;
}
a.mask {
  text-decoration: none;
  overflow: hidden;
  display: block;
}
/*--services--*/
.service-top h3{
	text-align:center;
	color: #000;
  	font-size: 3em;
  	padding: 0 0 0.3em;
  	font-family: 'Montserrat-Regular';
}
.service-top h3:after,.service-top h3:before{
	width: 200px;
	height: 1px;
	display: inline-block;
	vertical-align: middle;
	content:"";
	background:#000;
	margin: 0 1%;
}
.service-top p{
	color: #a3a3a3;
  	font-size: 0.9em;
  	line-height: 2em;
  	text-align:center;
}
.services{
  	padding: 5em 0 3em;
}
.service-top {
  	padding: 0em 0 4em;
}
.ser-top{
	float:right;
	width:77%;
}
.ser-top h4{
	font-size: 1.4em;
	text-transform: uppercase;
	font-family: 'Montserrat-Regular';
	color:#028202 ;
}
.ser-top p{
	color:#a3a3a3;
	font-size: 0.9em;
	line-height:2em;
	margin:0.5em 0 0em;
}
.ser-grid{
	float:left;
}
.services-grid {
  	margin: 0em 0 2em;
}

.hi-icon {
	display: inline-block;
	cursor: pointer;
	width: 80px;
	height: 80px;
	border-radius: 50%;
	text-align: center;
	position: relative;
	z-index: 1;
	color:#8e8e8e;
  	border:3px solid #028202;
  	line-height: 4.5em;
  	font-size: 1em;
}

.hi-icon:after {
	position: absolute;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	content: '';
	-webkit-box-sizing: content-box; 
	-moz-box-sizing: content-box; 
	box-sizing: content-box;
}

.hi-icon:before {
	font-size: 1.7em;
	display: block;
}

/* Effect 8 */
.ser-grid .hi-icon {
	background: rgba(255,255,255,0.1);
	-webkit-transition: -webkit-transform ease-out 0.1s, background 0.2s;
	-moz-transition: -moz-transform ease-out 0.1s, background 0.2s;
	transition: transform ease-out 0.1s, background 0.2s;
}
.ser-grid .hi-icon:after {
	top: 0;
	left: 0;
	padding: 0;
	z-index: -1;
	box-shadow: 0 0 0 2px rgba(255,255,255,0.1);
	opacity: 0;
	-webkit-transform: scale(0.9);
	-moz-transform: scale(0.9);
	-ms-transform: scale(0.9);
	transform: scale(0.9);
}

.ser-grid .hi-icon:hover {
	background: rgba(255,255,255,0.05);
	-webkit-transform: scale(0.93);
	-moz-transform: scale(0.93);
	-ms-transform: scale(0.93);
	transform: scale(0.93);
	color:#8e8e8e;
	  text-decoration: none;
}

.ser-grid .hi-icon:hover:after {
	-webkit-animation: sonarEffect 1.3s ease-out 75ms;
	-moz-animation: sonarEffect 1.3s ease-out 75ms;
	animation: sonarEffect 1.3s ease-out 75ms;
}
@-webkit-keyframes sonarEffect {
	0% {
		opacity: 0.3;
	}
	40% {
		opacity: 0.5;
		box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #8e8e8e, 0 0 0 10px rgba(255,255,255,0.5);
	}
	100% {
		box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #8e8e8e, 0 0 0 10px rgba(255,255,255,0.5);
		-webkit-transform: scale(1.5);
		opacity: 0;
	}
}
@-moz-keyframes sonarEffect {
	0% {
		opacity: 0.3;
	}
	40% {
		opacity: 0.5;
		box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #8e8e8e, 0 0 0 10px rgba(255,255,255,0.5);
	}
	100% {
		box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #8e8e8e, 0 0 0 10px rgba(255,255,255,0.5);
		-moz-transform: scale(1.5);
		opacity: 0;
	}
}
@keyframes sonarEffect {
	0% {
		opacity: 0.3;
	}
	40% {
		opacity: 0.5;
		box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #8e8e8e, 0 0 0 10px rgba(255,255,255,0.5);
	}
	100% {
		box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #8e8e8e, 0 0 0 10px rgba(255,255,255,0.5);
		transform: scale(1.5);
		opacity: 0;
	}
}
/*--phone--*/
.phone-text h4{
	color:#000;
	font-size:3em;	
}
.text-1 h5{
	color: #000;
  	font-size: 1.3em;
  	margin: 0.8em 0;
  	font-family: 'Montserrat-Regular';
}
.text-1 p {
  	color: #a3a3a3;
  	font-size: 0.9em;
  	line-height: 2em;
  	width:70%;
}
.phone {
  	padding: 5em 0;
}
.phone img{
  	margin: 0 auto;
}
/*--//phone--*/
/*--project--*/
.project-grid-top {
  	border: 1px solid #AEAEAE;
}
.col-md1 {
  	padding: 1.5em;
  	background: #fff;
}
.col-md3 {
  	float: left;
}
.col-md4 {
  	float: left;
    margin-left: 8%;
}
.col-md4 strong {
  	font-size: 1em;
  	display: block;
  	color: #000;
}
.col-md4 small {
  	font-size: 0.7em;
  	color: #A3A3A3;
}
.col-md1 p{
	 font-size: 0.8em;
  	display: block;
  	color: #A3A3A3;
    margin: 0 0 0.4em;
}
p.cost {
  color: #000;
}
.col-md1 span{
	background: url(../images/star1.png) 0px 0px no-repeat;
	display: block;
	width:40px;
	height: 40px;
	color: #fff;
  	font-size: 0.8em;
  	text-align: center;
  	line-height: 3.3em;
}
.col-md2 {
  	padding: 0 0 1em;
}
a.more{
	text-decoration: none;
	font-size: 0.9em;
	border: 1px solid #028202;
	color:#028202;
	padding: 0.3em 0.7em;
	display:inline-block;
	margin: 1em 0 0;
}
a.more:hover{
	color:#fff;
}
.project-top {
  	padding: 2em 0 0;
}
.project h3{
	text-align:center;
	color: #000;
  	font-size: 3em;
  	padding: 0 0 0.3em;
  	font-family: 'Montserrat-Regular';
}
.project h3:after,.project h3:before{
	width: 200px;
	height: 1px;
	display: inline-block;
	vertical-align: middle;
	content:"";
	background:#000;
	margin: 0 1%;
}
.project {
  	padding: 5em 0;
    background-color: #F7F7F7;
}
/*--//project--*/
/*--middle--*/
.content-middle {
  background: url(../images/ab.jpg) no-repeat center;
  width: 100%;
  min-height: 250px;
  display: block;
  background-size: cover; 
}
.mid-content{
	background:#028202;
	padding:2em;
	width:35%;
	margin:5em auto 0;
	float:right;
}
.mid-content h3{
	text-transform:uppercase;
	font-size:2.7em;
	font-family: 'Montserrat-Regular';
	color:#fff;	
}
.mid-content p{
	font-size: 0.9em;
  	margin: 0.5em 0 0em;
  	line-height:2em;
  	color:#fff;
}
a.more-in{
	text-decoration: none;
	font-size: 0.9em;
	border: 1px solid #fff;
	color:#fff;
	padding: 0.3em 0.7em;
	display:inline-block;
	margin: 1em 0 0;
}
/* Sweep To Right */
.hvr-sweep-to-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-sweep-to-right:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #028202;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-sweep-to-right:hover, .hvr-sweep-to-right:focus, .hvr-sweep-to-right:active {
  color: white;
}
.hvr-sweep-to-right:hover:before, .hvr-sweep-to-right:focus:before, .hvr-sweep-to-right:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
a.more-in:before{
	background:#fff;
}
a.more-in:hover{
	color: #028202;
}
/*--//middle--*/
/*--content-bottom--*/
.content-bottom h3{
	text-align:center;
	color: #000;
  	font-size: 3em;
  	padding: 0 0 0.3em;
  	font-family: 'Montserrat-Regular';
}
.content-bottom h3:after,.content-bottom h3:before{
	width: 200px;
	height: 1px;
	display: inline-block;
	vertical-align: middle;
	content:"";
	background:#000;
	  margin: 0 1%;
}
 p.para-in{
	color:#a3a3a3;
	font-size:1.2em;
	width: 80%;
	line-height: 1.6em;
}
i.dolor{
	background:url(../images/arr.png) no-repeat 0px 0px;
	width:400px;
	min-height:52px;
	display:block;
	margin: 0 0em 0 2em;
}
.men-grid {
	position: absolute;
	top: 69%;
  	right: 15%;
}
.bottom-in {
	padding: 3em 0 6em;
	position: relative;
}
.bottom-in img {
	border-radius:50px;
}
.men-top{
	float:left;
}
.men{
	float:left;
	padding: 1em 1em 0em;
}
.men span {
	color:#028202;
	font-size: 1.2em;
	font-family: 'Montserrat-Regular';
}
.men p{
	color: #a3a3a3;
	font-size: 0.9em;
}
.name-on {
	padding-top: 8em;
}
.content-bottom {
  	padding: 5em 0;
}
/*--//content-bottom--*/
/*--content-bottom1--*/
.content-bottom1 ul li{
	display:inline-block;
	float:left;
  	width:20%;
  	margin: 0 auto;
}
.content-bottom1 {
  padding: 5em 0;
    background-color: #F7F7F7;
}
.content-bottom1 h3{
	text-align:center;
	color: #000;
  font-size: 3em;
  padding: 0 0 1em;
font-family: 'Montserrat-Regular';
}
.content-bottom1 h3:after,.content-bottom1 h3:before{
	width: 200px;
	height: 1px;
	display: inline-block;
	vertical-align: middle;
	content:"";
	background:#000;
	margin: 0 1%;
}
.content-bottom1 ul{
	width:75%;
	margin: 1em auto 0;
}
.content-bottom1 ul li a img{
	margin: 0 auto;
}
/*--footer--*/
.footer{
	background:#141414;
}
.amet-sed h4{
	font-size: 1.5em;
  	color: #fff;
	margin: 0 0 0.7em;
	font-family: 'Montserrat-Regular';
}
.footer-top-at {
  	padding: 5em 0;
}
 ul.nav-bottom li{
	list-style:none;
}
ul.nav-bottom li  a{
	text-decoration:none;
	color:#989696;
	font-size:0.8em;
	display: inline-block;
	margin: 0.5em 0;
}
ul.nav-bottom li  a:hover{
	color:#028202;
}
.amet-sed p{
	color:#989696;
	font-size: 0.9em;
	margin: 0.5em 0 0;
}
.footer-class  p{
	color:#fff;
	font-size:0.9em;
}
.footer-class  p a{
	color:#028202;
	text-decoration:none;
}
.footer-class  p a:hover{
	color:#fff;
}
.footer-bottom{
	padding: 1.5em 0;
  	background:#000;
}
.footer-class {
  text-align: right;
}
.footer-logo h2{
	font-size: 2em;
  	font-family: 'Montserrat-Regular';
}
.footer-logo h2 a{
	color:#fff;
	text-decoration: none;
}
ul.social{
 	padding: 1em 0 0;
}
ul.social li{
	display:inline-block;
}
ul.social  li i{
	width: 16px;
	height: 16px;
	background: url(../images/img-sprite.png) no-repeat 2px -2px ;
	display: block;
	margin: 0 5px;
}
ul.social  li i.gmail{
	background-position: -21px -3px;
}
ul.social  li i.twitter{
	background-position: -46px -5px;
}
ul.social  li i.camera{
	background-position: -73px -5px;
}
ul.social  li i.dribble{
	background-position: -102px -5px;
}
/*--//footer--*/
ul.social  li i:hover{
transform: rotatey(360deg);
  -webkit-transform: rotatey(360deg);
  -moz-transform: rotatey(360deg);
  -o-transform: rotatey(360deg);
  -ms-transform: rotatey(360deg);
  transition: 0.5s all ease;
  -webkit-transition: 0.5s all ease;
  -moz-transition: 0.5s all ease;
  -o-transition: 0.5s all ease;
  -ms-transition: 0.5s all ease;
}


.banner-TorreSaulo {
    background: url(../images/Proyectos/torre.jpg) no-repeat;
    width: 100%;
    min-height: 250px;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
}

    .banner-TorreSaulo h3 {
        color: #fff;
        font-size: 3em;
        text-transform: uppercase;
        display: inline-block;
        font-family: 'Montserrat-Regular';
        padding: 0 0 0.3em;
        float: left;
        margin-top: 1.8em;
    }

        .banner-TorreSaulo h3 span {
            border-bottom: 7px solid #028202;
        }


.banner-FuerteVentura {
    background: url(../images/modelos.jpg) no-repeat;
    width: 100%;
    min-height: 250px;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
}
.banner-FuerteVentura h3 {
    color: #fff;
    font-size: 3em;
    text-transform: uppercase;
    display: inline-block;
    font-family: 'Montserrat-Regular';
    padding: 0 0 0.3em;
    float: left;
    margin-top: 1.8em;
}

.banner-FuerteVentura h3 span {
    border-bottom: 7px solid #028202;
}


.banner-Celeste {
    background: url(../images/Proyectos/Celeste/Celeste03.png) no-repeat;
    width: 100%;
    min-height: 250px;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
}

    .banner-Celeste h3 {
        color: #fff;
        font-size: 3em;
        text-transform: uppercase;
        display: inline-block;
        font-family: 'Montserrat-Regular';
        padding: 0 0 0.3em;
        float: left;
        margin-top: 1.8em;
    }

    .banner-Celeste h3 span {
        border-bottom: 7px solid #028202;
    }



.banner-buying {
  background: url(../images/About_Image.jpg) no-repeat;
  width: 100%;
  min-height: 250px;
  background-size: cover;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
}
.banner-buying h3{
	color: #fff;
	font-size: 3em;
  	text-transform: uppercase;
  	display: inline-block;
  	font-family: 'Montserrat-Regular';
  	padding: 0 0 0.3em;
  	float: left;
  	margin-top: 1.8em;
}
.banner-buying h3 span{
	border-bottom: 7px solid #028202;
}

.banner-services {
    background: url(../images/Services.jpg) no-repeat;
    width: 100%;
    min-height: 250px;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
}

.banner-services h3 {
    color: #fff;
    font-size: 3em;
    text-transform: uppercase;
    display: inline-block;
    font-family: 'Montserrat-Regular';
    padding: 0 0 0.3em;
    float: left;
    margin-top: 1.8em;
}

    .banner-services h3 span {
        border-bottom: 7px solid #028202;
    }

/*----*/
.menu-right{
	position: relative;
	float: right;
}
ul.kid-menu{
	display: block !important;
}
.menu {
	width: 122px;
	height: auto;
	padding: 0;
	list-style: none;
	margin: 0;
	position: absolute;
  	top: 0;
  	right: 0;
  	  z-index: 99999;
}
ul {
	padding: 0;
	list-style: none;
}
.menu > li > a {
	width: 100%;
	line-height: 2.5em;
	text-indent: 1.2em;
	display: block;
	position: relative;
	color: #fff;
	font-size:0.9em;
	text-decoration:none;
}
.menu ul li a {	
	width: 100%;
	display: block;
	position: relative;
	font-size:0.8em;
	color: #000;
	text-decoration:none;
	line-height: 2em;
	text-indent: 1.2em;
	z-index: 99999;
}
.menu ul li a:hover{
	background: #fbfbfb;
 	 color: #028202;
}
ul.cute {
  background-color: #fff;
    z-index: 99999;
}
i.glyphicon.glyphicon-menu-down {
  padding: 0 0 0 25%;
  color:#fff;
}
.menu ul.kid-menu li a{
	border-bottom: none;
}
ul.kid-menu li{
	list-style: none;	
}
ul.kid-menu li.menu-kid-left{
	border-bottom:none;
}
.price {
  	padding: 2em;
  	background-color: #F7F7F7;
    margin: 5em 0;
}
.price-top h4,.price-top1 h4{
	font-size: 1.2em;
  	font-family: 'Montserrat-Regular';
  	color: #028202;
  	margin: 0 0 0.5em;
}
text.in-drop {
    border: 1px solid #D7D7D7;
    padding: 0.4em 0.5em;
    width: 100%;
    color: #028202;
    font-size: 1em;
    outline: none;
}

select.in-drop {
    border: 1px solid #D7D7D7;
    padding: 0.4em 0.5em;
    width: 100%;
    color: #028202;
    font-size: 1em;
    outline: none;
}
.price-top1 ul{
	width: 100%;
}
.price-top1 ul li{
	display:inline-block;
	width: 48%;
}
.price-grid {
  padding: 0 0 2em;
}
.price-top1 ul span{
	color:#000;
	font-size: 1em;
}
/*--top-city--*/
.top-grid  h3 {
 	 font-size: 3em;
  	color: #000;
  	margin:0 0 0.4em;
	font-family: 'Montserrat-Regular';
  	text-align: center;
}
.top-grid h3:after,.top-grid h3:before {
  	width: 200px;
  	height: 1px;
 	 display: inline-block;
 	 vertical-align: middle;
 	 content: "";
 	 background: #000;
 	 margin: 0 1%;
}
.grid1 {
  padding: 2em 0 0;
}
.top-grid {
  padding: 0 0 5em;
}
/*---------------*/
/***** Layla *****/
/*---------------*/
.grid {
	position: relative;
	margin: 0 auto;
	list-style: none;
	text-align: center;
}
/* Common style */
.grid figure {
	position: relative;
	float: left;
	overflow: hidden;
	text-align: center;
	cursor: pointer;
}

.grid figure img {
	position: relative;
	display: block;
	min-height: 100%;
	max-width: 100%;
	opacity: 0.8;
}

.grid figure figcaption {
	padding: 2em;
	color: #fff;
	text-transform: uppercase;
	font-size: 1.25em;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
.grid figure figcaption,
.grid figure figcaption > a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

figure.effect-layla figcaption::before,
figure.effect-layla figcaption::after {
	position: absolute;
	content: '';
	opacity: 0;
}

figure.effect-layla figcaption::before {
	top: 25px;
	right: 15px;
	bottom: 25px;
	left: 15px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	-webkit-transform: scale(0,1);
	transform: scale(0,1);
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
}

figure.effect-layla figcaption::after {
	top: 15px;
	right: 25px;
	bottom: 15px;
	left: 25px;
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;

	-webkit-transform: scale(1,0);
	transform: scale(1,0);
	-webkit-transform-origin: 100% 0;
	transform-origin: 100% 0;

}
figure.effect-layla h4 {
	margin-top: 14%;
	font-size: 1.2em;
  	font-family: 'Montserrat-Regular';
	opacity: 0;
	-webkit-transform: translate3d(0,-10px,0);
	transform: translate3d(0,-10px,0);
}

figure.effect-layla p {
	margin: 0.5em 0em 0;
	font-size:0.7em;
	color:#fff;
	text-transform: none;
	opacity: 0;
	-webkit-transform: translate3d(0,-10px,0);
	transform: translate3d(0,-10px,0);
}
figure.effect-layla h4 {
	-webkit-transform: translate3d(0,-30px,0);
	transform: translate3d(0,-30px,0);
}
figure.effect-layla figcaption::before,
figure.effect-layla figcaption::after
 {
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}
figure.effect-layla:hover figcaption::before,
figure.effect-layla:hover figcaption::after {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}

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

figure.effect-layla:hover figcaption::after,
figure.effect-layla:hover h4,
figure.effect-layla:hover p
 {
	-webkit-transition-delay: 0.15s;
	transition-delay: 0.15s;
}
figure.effect-layla:hover {
  	background-color: #000;
}
/*--//--*/
.grid-lo figure {
	position: relative;
	float: left;
	overflow: hidden;
	text-align: center;
	cursor: pointer;
}

.grid-lo figure img {
	position: relative;
	display: block;
	min-height: 100%;
	max-width: 100%;
	opacity: 0.8;
}

.grid-lo figure figcaption {
	padding: 2em;
	color: #fff;
	text-transform: uppercase;
	font-size: 1.25em;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
.grid-lo figure figcaption,
.grid-lo figure figcaption > a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
figure.effect-layla h4 {
	margin-top: 90%;
	font-size: 1.2em;
  	font-family: 'Montserrat-Regular';
	opacity: 0;
	-webkit-transform: translate3d(0,-10px,0);
	transform: translate3d(0,-10px,0);
}
.grid-city {
  padding: 0 3px;
}
.grid-lo2 {
  padding: 0;
}
.grid-me {
  padding: 0;
}
.col-md-8.grid-lo1 {
  padding: 0 6px 0 0;
}
.grid-lo3 {
  padding: 0 3px 0 0;
}
.grid-lo4 {
  padding: 0 0 0 3px;
}
.grid-me {
  padding-bottom: 6px;
}
.grid-at{
	padding: 2em 0 0;
}
figure.effect-layla h4.effect1{
	margin-top: 30%;
}
figure.effect-layla h4.effect3{
	margin-top: 23%;
}
/*----*/
/*--premium--*/
.premium {
  	background: url(../images/Proyectos/Celeste/Celeste01.png) no-repeat center;
 	width: 100%;
  	min-height: 550px;
  	background-size: cover;
  	position: relative;
}
 
.pre-top {
	color: #fff;
 	background-color: rgba(39, 218, 147, 0.53);
 	text-align: center;
  	padding: 1.5em;
  	position: absolute;
  	bottom: 0;
    width: 100%;
}
.pre-top h5{
	font-size: 1.5em;
	font-family: 'Montserrat-Regular';
}
.pre-top p{
	font-size: 1em;
	margin: 0.3em 0 0;
}
/*--//premium--*/
/*----*/
.future h3 {
  font-size: 3em;
  color: #000;
  margin: 0 0 1em;
font-family: 'Montserrat-Regular';
  text-align: center;
}
.future h3:after,.future h3:before {
  width: 200px;
  height: 1px;
  display: inline-block;
  vertical-align: middle;
  content: "";
  background: #000;
  margin: 0 1%;
}
.project-fur{
	border: 1px solid #CACACA;
	margin: 0 15px;
}
.fur{
	padding: 1em 0em;
}
.fur1{
	padding: 0 1.5em 1em;
}
.fur1 span{
	font-size: 0.8em;
	color:#000;
	display: block;
	line-height: 1.5em;
	padding: 0.2em 0;
}
span.fur-money{
	color:#000;
}
.fur1 h6{
	color:#028202;
	font-size: 1em;
	font-family: 'Montserrat-Regular';
	margin: 0.3em 0;
}
.fur1 h6 a{
	color:#028202;
	text-decoration: none;
}
.fur1 h6 a:hover{
	color:#000;
}
.fur2{
	border-top:1px dotted  #CACACA ;
	padding: 1em 1.5em 0em;
}
.fur2 span{
	font-size: 0.8em;
	color:#000;
	display: block;
	line-height: 1.5em;
	text-align: center;
}
.future {
  padding: 5em 0;
}
#flexiselDemo1 {
	display: none;
}
.nbs-flexisel-container {
	position: relative;
	max-width: 100%;
}
.nbs-flexisel-ul {
	position: relative;
	width: 9999px;
	list-style-type: none;
}
.nbs-flexisel-inner {
	overflow: hidden;
	width:90%;
	margin: 0 auto;
}
.nbs-flexisel-item {
	float: left;
	position: relative;
	line-height: 0px;
}
.nbs-flexisel-item > img {
	cursor: pointer;
	position: relative;	
}
/*---- Navigation ---*/
.nbs-flexisel-nav-left, .nbs-flexisel-nav-right {
	width:32px;
	height:32px;
	position: absolute;
	cursor: pointer;
	z-index: 100;
}
.nbs-flexisel-nav-left {
	left: 0px;
	background: url(../images/img-sprite.png) no-repeat -130px 0px;
}
.nbs-flexisel-nav-right {
	right: 0px;
	background: url(../images/img-sprite.png) no-repeat -153px 0px ;
}
/*--//--*/
/*--single--*/

/*----*/
.sel-of {
  position: absolute;
  top: 0;
  width: 150px;
}
.sel-of select {
  padding: 9px 0px 9px 10px;
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  -ms-appearance: none;
  color: #FFFFFF;
  background: url(../images/arrow.png) no-repeat 95.5% 58% ;
  outline: none;
  border: none;
  width: 95%;
  font-size: 0.9em;
  cursor: pointer;
}
option.rm{
	color: #000;
}
.single-buy{
	background: #F7F7F7;
	padding: 2em;
}
.single{
	padding: 5em 0 0;
}
.single-bottom h4{
	font-size: 1.3em;
  	color: #028202;
  	font-family: 'Montserrat-Regular';
}
/*--checkbox--*/
.single-bottom ul{
	padding:1em 0 0;
}
.single-bottom ul li{
	list-style:none;
	padding: 9px 0px;
}
.single-bottom ul li input[type="checkbox"] {
  	display: none;
}
.single-bottom ul li input[type="checkbox"]+label {
  	position: relative;
  	padding-left: 31px;
 	 width: 100%;
     font-size: 0.8em;
 	 color: #000;
 	 font-weight:normal;
}
.single-bottom ul li input[type="checkbox"]+label span:first-child {
  	width: 18px;
  	height: 18px;
  	display: inline-block;
  	border: 2px solid #D4D4D4;
  	position: absolute;
  	left: 0;
  	bottom: 0px;
}
.single-bottom ul li input[type="checkbox"]:checked+label span:first-child:before {
  	content: "";
  	background:url(../images/11.png)no-repeat;
  	position: absolute;
  	left: 2px;
  	top: 2px;
  	font-size: 10px;
  	width:16px;
  	height:16px;
  }
/*----*/
.buy-single h3{
	font-size: 1.5em;
  	color: #000;
  	font-family: 'Montserrat-Regular';
}
.buy-single {
  padding: 3em 0 5em;
}
.box-col {
	margin-top: 2em;
}
.left-side{
	padding:0;
}
.left-side img{
	border:1px solid #CFCFCF;
	  padding: 1em;
}
.middle-side h4 {
	font-size: 1.2em;
  	text-transform: uppercase;
 	color: #028202;
	margin: 0 0 0.5em;
	font-family: 'Montserrat-Regular';
}
.middle-side p{
	font-size:0.9em;
	color:#a3a3a3;
	line-height:1.8em;
	padding: 0.4em 0;
}
.middle-side p span.bath{
	color:#000;
	margin: 0 51% 0 0;
	font-weight: bold;
}
.middle-side p span.bath1{
	color:#000;
	margin: 0 47% 0 0;
	font-weight: bold;
}
.middle-side p span.bath2{
	color:#000;
	margin: 0 32% 0 0;
	font-weight: bold;
}
.middle-side p span.bath3{
	color:#000;
	margin: 0 40% 0 0;
	font-weight: bold;
}
.middle-side p span.bath4{
	color:#000;
	margin: 0 26% 0 0;
	font-weight: bold;
}
.middle-side p span.bath5{
	color:#000;
	margin: 0 50% 0 0;
	font-weight: bold;
}
.middle-side p span.two{
	margin: 0 0em 0 1em;
}
.right-side{
  padding: 1em 0 0;
}

.middle-side {
  padding: 1em 2em;
}
a.builder{
	background: #028202;
	font-size: 0.9em;
	padding: 0.4em 0.8em;
	text-decoration: none;
	color:#fff;
}
a.builder:before {
  background: #000;
}
.single-box {
  padding: 0;
}
/*----*/
.map-single iframe{
	border: none;
	width:100%;
	min-height: 250px;
}
.box-img {
   	float: left;
  	width: 43%;
}
.box-text {
  	width: 53%;
  	float: right;
}
.box-text p{
  font-size: 0.9em;
  font-weight: bold;
}
.box-text p a{
	text-decoration: none;
	color: #000;
}
.box-text p a:hover {
   color: #028202;
}
a.in-box{
	font-size: 0.8em;
  	margin: 0.3em 0em 0;
  	text-decoration: none;
  	color: #000;
  	display: block;
}
a.in-box:hover {
  	color: #028202;
}
.single-box-img {
  	padding: 1.5em 0 0;
}
.single-box-right {
  	padding: 2em 0 0;
}
.nav-page {
  	text-align: center;
  	padding: 3em 0 0;
}
.single-box-right h4{
	font-size: 1.3em;
 	color: #028202;
	font-family: 'Montserrat-Regular';
}
/*--//single--*/
/*--buy-single--*/
.map-buy-single1 {
  border: 1px solid #D5D5D5;
  padding: 1em;
}
.map-buy-single1 iframe{
	border: none;
	width:100%;
	  min-height: 450px;
}

.map-buy-single h4 {
  font-size: 1.5em;
  color: #000;
font-family: 'Montserrat-Regular';
  padding: 1em 0;
}
.buy-sin h4{
	font-size: 1.5em;
  color: #000;
font-family: 'Montserrat-Regular';
}
.buy-sin p{
	color: #a3a3a3;
	font-size: 0.9em;
	line-height: 2em;
	  padding-top: 1em;
}
.immediate {
  padding: 0em 4em 0 0;
}
.right-immediate{
	padding: 0;
}
.buy-sin-single {
  padding: 1em 0 0;
}
.buy-single-single {
  padding: 5em 0 0;
}
.buy-sin {
  padding: 0;
}
.video-pre h4 {
  font-size: 1.5em;
  color: #000;
  font-family: 'Montserrat-Regular';
  padding: 1em 0;
}
.video-pre iframe{
	width:100%;
	min-height: 400px;
	border: none;
}
/*--//buy-single--*/
/*--home-loan--*/
.home-loan h3,.bank-bottom1 h3{
	font-size: 3em;
  	color: #000;
  	font-family: 'Montserrat-Regular';
  	margin: 0em 0 1em;
  	text-align: center;
}
.home-loan{
	padding: 5em 0;
}
.home-loan h3:after,.home-loan h3:before,.bank-bottom1 h3:after,.bank-bottom1 h3:before {
  	width: 200px;
  	height: 1px;
  	display: inline-block;
 	 vertical-align: middle;
  	content: "";
  	background: #000;
  	margin: 0 1%;
}
.loan-grid p{
	font-size:0.9em;
	color:#a3a3a3;
	line-height:2em;
	margin: 1em 0  0;
	text-align: center;
}
.loan-grid img{
	margin: 0 auto;
}
.loan1{
	text-align: center;
	padding: 1em 0 0;
}
.loan1 p{
	font-size:0.9em;
	color:#a3a3a3;
	line-height:2em;
	padding: 1em 0 2em;
}
.loan1 a {
  font-size: 0.9em;
  padding: 0.4em 0.8em;
  text-decoration: none;
  color: #028202;
  border: 1px solid #028202;
}
.loan-point img{
	margin: 0 auto;
}
.loan-point1 ul li{
	list-style: none;
}
.loan-point1 ul li a{
	font-size:0.9em;
	text-decoration:none;
	color:#a3a3a3;
	margin: 0.5em 0 0;
	display: block;
	line-height: 2em;
}
.loan-point1 ul li a:hover {
  color: #028202;
}
.loan-point1 ul li i{
	font-size: 0.8em;
	padding: 0 2% 0 0;
}
.loan-point1 {
  width: 83%;
  margin: 2em auto 0;
}
.loan-col-bottom {
  padding: 5em 0;
}
.bank-bottom1 ul li{
	display:inline-block;
	float:left;
  	width:20%;
  	margin: 0 auto;
}
.bank-bottom1 {
  padding: 5em 0;
    background-color: #F7F7F7;
}
.bank-bottom1 ul{
	width:75%;
	margin: 0em auto;
}
.bank-bottom1 ul li a img{
	margin: 0 auto;
}
/*--//home-loan--*/
/*--loan_single--*/
.loan-col h3 {
  	font-size: 3em;
  	color: #000;
  	margin: 0 0 0.8em;
	font-family: 'Montserrat-Regular';
  	text-align: center;
}
.loan-col h3:after, .loan-col h3:before {
  width: 200px;
  height: 1px;
  display: inline-block;
  vertical-align: middle;
  content: "";
  background: #000;
  margin: 0 1%;
}
.loan-col h4 ,.loan-col1 h4{
    color:#028202;
  	font-family: 'Montserrat-Regular';
  	padding: 1em 0;
  	  font-size: 1.2em;
}
.loan-col h4 span{
    color: #000;
}
ul.loan-col1 li{
	display: inline-block;
	font-size: 1em;
	color:#000;
	width: 31%;
}
ul.loan-col1 {
    padding: 0.5em 0;
}
ul.loan-col1 label{
  padding: 0 1em;
}
ul.loan-col1 span{
  font-weight: bold;
}
select.drop-select {
  	border: 1px solid #D7D7D7;
  	padding: 0.4em 0.5em;
  	width: 100%;
  	color: #a3a3a3;
  	font-size: 0.9em;
  	outline: none;
}
.loan-col {
  	padding: 5em 0;
}
ul.loan-col1 li input[type="text"]{
	outline:none;
	font-size: 1em;
	color:#000;
	border: 1px solid #D7D7D7;
	padding: 5px 10px;
	width: 100%;
}
select.drop-select1 {
  	border: 1px solid #D7D7D7;
  	padding: 0.4em 0.5em;
  	width: 32.5%;
  	color: #a3a3a3;
  	font-size: 0.9em;
  	outline: none;
}
.loan-col p {
    color: #a3a3a3;
  	font-size: 1em;
  	line-height: 2em;
  	margin: 0.5em 0 1em;
}
label.hvr-sweep-to-right{
	color: #028202;
	 border: 1px solid #028202;
	   font-weight: normal;
}
.sub input[type="submit"] {
  outline: none;
  font-size: 0.9em;
  border:none;
  padding: 7px 15px;
  background: none;
  cursor: pointer;
}
.sub1 input[type="submit"] {
  outline: none;
  font-size: 0.9em;
  padding: 7px 15px;
  background: none;
  cursor: pointer;
  border: none;
}
.sub1 input[type="reset"] {
  outline: none;
  font-size: 0.9em;
  padding: 7px 15px;
  background: none;
  cursor: pointer;
  border:none;
}
.re-set{
	margin: 0 0 0 1%;
}
.sub1{
	padding: 1em 0 0;
}
.col-loan {
  	padding: 0 0 2em;
}
/*--//loan_single--*/
/*--dealers--*/
.dealers {
  padding: 5em 0 ;
}
.dealers h3 {
  text-align: center;
  color: #000;
  font-size: 3em;
font-family: 'Montserrat-Regular';
}
.dealers h3:after, .dealers h3:before {
  width: 200px;
  height: 1px;
  display: inline-block;
  vertical-align: middle;
  content: "";
  background: #000;
  margin: 0 1%;
}
.dealer h4 {
  	font-size: 1.8em;
 	color:#000;
  	font-family: 'Montserrat-Regular';
  	text-transform: uppercase;
}
.dealer-grid-top span{
	  float: left;
  	font-size: 1.8em;
  	color: #fff;
  	background: #028202;
  	border-radius: 100px;
  	width: 50px;
  	height: 50px;
  	text-align: center;
  	line-height: 1.5em;
}
.dealer-grid-top h6{
	float: right;
	font-size: 1.4em;
  	color: #028202;
  	width: 78%;
  	line-height: 1.3em;
  	font-family: 'Montserrat-Regular';
}
.dealer-grid-top h6 a{
  	color:#028202;
  	text-decoration: none;
}
.dealer-grid-top h6 a:hover{
  	color: #000;
}
.dealer-grid1 p {
  	color: #a3a3a3;
  	font-size: 0.9em;
  	line-height: 2em;
  	margin: 1em 0 0;
}
.dealer-grid {
  padding: 2em 0 0;
}
.dealer {
  padding: 4em 0 4em;
}
.top-deal1{
	float:left;
}
.top-deal1 h5{
	font-size: 1.2em;
	  font-family: 'Montserrat-Regular';
}
.top-deal1 h5 a{
	color:#028202;
	text-decoration: none;
}
.top-deal1 h5 a:hover{
  	color: #000;
}
.top-deal1 p{
	font-size: 0.8em;
	color:#a3a3a3;
	padding: 0.3em 0 0;
}
.top-deal2{
	float:right;
	margin-top: 1.1em;
}
.dealer-top h4{
	font-size: 1.8em;
 	color:#000;
  	font-family: 'Montserrat-Regular';
  	  text-transform: uppercase;
}
.deal-bottom {
  	padding: 1em;
}
.deal-top-top {
  	padding: 2em 0 0;
}
.top-deal {
  	border: 1px solid #CDCDCD;
  	border-bottom: 3px solid #CDCDCD;
}
/*--//dealers--*/
/*--about--*/
.about-head {
    padding: 5em 0;
}
.about-head h3 {
  	font-size: 3em;
  	text-align: center;
  	font-family: 'Montserrat-Regular';
  	margin: 0 0 0.5em;
}
.about-head h3:after,.about-head h3:before{
	width: 200px;
	height: 1px;
	display: inline-block;
	vertical-align: middle;
	content:"";
	background:#000;
	margin: 0 1%;
}
.about-in h6{
	font-size: 1.3em;
  	width: 72%;
  	line-height: 1.6em;
  	font-family: 'Montserrat-Regular';
  	margin: 0.5em auto;
}
.about-in h6 a{
	text-decoration:none;
  	color: #028202;
}
.about-in h6 a:hover{
  	color: #000;
}
.about-in p{
	font-size: 0.9em;
  	color: #a3a3a3;
  	padding: 0.3em 0 0;
  	width: 70%;
  	margin: 0 auto;
  	line-height: 2em;
}
.about-in img{
	margin: 0 auto;
}
.about-in{
	text-align: center;
	padding: 2em 0 0;
}
.about-middle {
  padding: 5em 0;
  background-color: #F7F7F7;
}
.about-mid h4{
	color:#000;
	font-size: 2em;
	text-transform: uppercase;
	font-family: 'Montserrat-Regular';
}
.about-mid h6{
	font-size: 1.4em;
  	margin: 1em 0 0.7em;
  	font-family: 'Montserrat-Regular';
  	line-height: 1.5em;
}
.about-mid h6 a{
	text-decoration:none;
  	color: #028202;
}
.about-mid h6 a:hover{
  	color: #000;
}
.about-mid p{
	font-size: 0.9em;
  	color: #a3a3a3;
  	line-height: 2em;
}
.about-mid1{
	text-align:center;
	background:#028202;
	padding:4em 2em;
}
.about-mid1 p{
	color: #fff;
	font-size: 1.8em;
	line-height: 1.5em;
	text-transform: uppercase;
	margin: 0 0 0.5em;
	font-family: 'Montserrat-Regular';
}
.about-middle {
	padding: 5em 0;
}
/*--choose--*/
.choose-us h3{
	font-size: 3em;
	color: #000;
	text-align: center;
	font-family: 'Montserrat-Regular';
	margin: 0 0 0.3em;
}
.choose-us h3:after,.choose-us h3:before{
	width: 200px;
	height: 1px;
	display: inline-block;
	vertical-align: middle;
	content:"";
	background:#000;
	margin: 0 1%;
}
.choose-us {
	padding: 4em 0 6em;
}
.beautiful h5{
	padding: 0 0 0.3em;
	font-size: 1.4em;
	text-transform: uppercase;
	color:#028202;
	font-family: 'Montserrat-Regular';
}
.beautiful label{
	margin: 0;
	font-size: 0.8em;
	color:#000;
}
.beautiful p{
	font-size: 0.9em;
  	color: #a3a3a3;
  	line-height: 2em;
}
.us-choose {
  padding: 2em 0 0;
}
.about-bottom{
	background: url(../images/at1.jpg) no-repeat center;
	width:100%;
	min-height: 300px;
	background-size: cover;
	padding: 5em 0;
}
.bottom-about h4{
	color: #028202;
    font-size: 1.3em;
  font-family: 'Montserrat-Regular';
    line-height: 1.5em;
}
.bottom-about h4 a{
	color: #028202;
    text-decoration: none;
}
.bottom-about h4 a:hover{
	color:  #fff;
}
.bottom-about p{
	color: #fff;
    font-size: 0.9em;
    line-height: 2em;
}
.bottom-about1 iframe{
	width:100%;
	border: none;
	min-height: 300px;
}
/*--news--*/
.event {
  padding: 0em 0 1em;
}
.content-events {
  padding: 5em 0;
}
.content-events h3{
	font-size:3em;
	color: #000;
  font-family: 'Montserrat-Regular';
    text-align: center;
    margin: 0 0 0.5em;
}
.content-events h3:after,.content-events h3:before{
	width: 200px;
	height: 1px;
	display: inline-block;
	vertical-align: middle;
	content:"";
	background:#000;
	margin: 0 1%;
}
.event h4{
    color: #000;
    font-size: 1.5em;
    text-transform: uppercase;
    border-bottom: 1px solid #000;
    width: 50%;
    padding: 0 0 0.2em;
  font-family: 'Montserrat-Regular';
  	margin: 0 0 0.5em;
}
.event h6{
	font-size:1.2em;
	font-family: 'Montserrat-Regular';
	display: block;
}
.event h6 a{
	text-decoration:none;
	color:#028202;
	display: inline-block;
}
.event h6 a:hover{
	color: #000;
}
.new-more p {
  	font-size: 0.9em;
    color: #a3a3a3;
    line-height: 2em;
}
.news {
    padding: 3em 0 0;
}
/*--//news--*/
/*--//about--*/
/*--blog--*/
.blog h3{
	font-size:3em;
	color: #000;
  font-family: 'Montserrat-Regular';
    text-align: center;
    margin: 0 0 1em;
}
.blog h3:after,.blog h3:before{
	width: 200px;
	height: 1px;
	display: inline-block;
	vertical-align: middle;
	content:"";
	background:#000;
	margin: 0 1%;
}
.blog-top h4{
  	font-weight: bold;
 	text-transform: uppercase;
    font-size: 1.1em;
    margin: 1em 0 0.3em;
  font-family: 'Montserrat-Regular';
    color:#028202;
}
.blog-top h4 a{
	color: #028202;
	text-decoration: none;
}
.blog-top h4 a:hover {
  color:#000;
}
.blog-top h5{
  color: #A3A3A3;
  font-size: 0.85em;
}
.blog-top h5 a{
	 color: #A3B1B6;
}
.blog-top p{
	padding:1em 0 0;
	font-size: 0.9em;
	color:#a3a3a3;
	line-height: 2em;
}
.links {
  	padding: 10px 0px;
  	border-top: 1px solid #D9E9ED;
    border-bottom: 1px solid #D9E9ED;
 	 margin: 3em 0;
}
ul.blog-links li {
  	display:inline-block;
    margin-right: 2%;
}
ul.blog-links li a {
  	color:#A3B1B6;
  	font-size: 0.85em;
  	padding-left: 10px;
  	vertical-align: sub;
}
ul.blog-links li a i{
  	width: 30px;
  	height: 30px;
  	background: #028202;
  	float: left;
  	color: #fff;
  	font-size: 12px;
  	text-align: center;
  	line-height: 2.6em;
  	border-radius: 100px;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	-o-border-radius: 100px;
	font-style:normal;
}
/*----*/
.blog-list li, .blog-list1 li{
	list-style: none;
}
.blog-list li  a{
	color:#a3a3a3;
	font-size:0.89em;
	text-decoration: none;
	display:block;
	margin: 0.7em 0;
}
.blog-list li a:hover{
	color:#000;
}
.blog-list li i{
	font-size: 0.8em;
	padding-right: 4%;
}
.blog-list h4,.blog-list1 h4,.blog-list2 h4{
	font-size:1.4em;
	color:#028202;
	margin-bottom:0.8em;
	text-transform: uppercase;
	font-family: 'Montserrat-Regular';
}
.blog-img{
	float:left;
	width:40%;
}
.blog-text{
	float:right;
	width:55%;
}
.blog-text p{
	font-size:0.8em;
}
.blog-text p a{
	text-decoration: none;
	color:#000;
}
.blog-text p a:hover {
  color: #028202;
}
.blog-text span{
	font-size:0.8em;
	color:#a3a3a3;
}
.blog-text span a{
	text-decoration: none;
	color:#028202;
}
.blog-list-top {
  padding: 0.5em 0 1.5em;
}
.blog-list2 ul{
	padding: 0.5em 0 0;
}
.blog-list2 ul li{
	display: inline-block;
}
.blog-list2 ul li a{
	text-decoration: none;
	color:#fff;
	background: #000;
  	font-size: 0.9em;
  	padding: 0.3em 0.5em;
  	display: block;
  	margin: 0 0 0.6em;
}
.blog-list2 ul li a:hover {
  background: #028202;
}
.blog {
  padding: 5em 0;
}
.blog-list,.blog-list1,.blog-list2 {
  margin: 0 0 1.8em;
}
ul.pagination {
  border-radius: 0 !important;
}
.pagination > .active > a,.pagination > .active > a:hover {
  background-color: #028202;
  border-color: #028202;
}
/*--//blog--*/
/*--blog_single--*/
img.media-object {
  border: 1px solid #D7D7D7;
}
h4.media-heading {
  font-size: 1.2em;
  color: #028202;
font-family: 'Montserrat-Regular';
}
.media-body p {
  padding: 0.5em 0 0;
  font-size: 0.9em;
  color: #a3a3a3;
  line-height: 2em;
}
.leave input[type="text"]{
	border: 1px solid #eee;
	outline: none;
	color:#a3a3a3;
	font-size:0.9em;
	padding: 0.5em 0.8em;
	width: 100%;
  	margin: 0 0 1em;
}
.leave textarea{
	border: 1px solid #eee;
	outline: none;
	color:#a3a3a3;
	font-size:0.9em;
	padding: 0.5em 0.8em;
	width: 100%;
  	margin: 0 0 1em;
  	resize: none;
  	min-height: 200px;
}
.leave input[type="submit"]{
	border: none;
  	outline: none;
  	font-size: 0.9em;
  	padding: 0.5em 0.8em;
  	width: 100%;
  	background: none;
}
.single-grid h5,.leave h5{
	font-size: 2em;
  	color: #000;
  	margin-bottom: 1em;
  	font-family: 'Montserrat-Regular';
}
.leave {
  padding: 3em 0 0;
}
.media {
  margin: 1em 0;
}
.pagination > li > a, .pagination > li > span {
  color: #000000;
}
/*--//blog_single--*/
/*--contact--*/
.contact h3{
	font-size:3em;
	color: #000;
  font-family: 'Montserrat-Regular';
    text-align: center;
}
.contact h3:after,.contact h3:before{
	width: 200px;
	height: 1px;
	display: inline-block;
	vertical-align: middle;
	content:"";
	background:#000;
	margin: 0 1%;
}
.contact-right input[type="text"], .contact-right textarea {
  padding: 0.8em 1em;
  font-size: 0.85em;
  margin:0 0 0.8em;
  border: 1px solid #eee;
  color: #a3a3a3;
  background: none;
  outline: none;
  width: 100%;
  -webkit-appearance: none;
}
.contact-right textarea{
	height:150px;
	resize:none;
}
.contact-right input[type="submit"] {
  -webkit-appearance: none;
  cursor: pointer;
  border: none;
  outline: none;
  font-size: 0.9em;
  padding: 0.5em 1em;
  width:100%;
  background: none;
}
.map iframe {
   width: 100%;
   min-height: 400px;
   border: none;
   margin-bottom: -5px;
}
.contact-top1 p {
  	padding: 0.5em 0 0;
  	font-size: 0.9em;
  	color: #a3a3a3;
}
 p.text-contact {
  	line-height: 2em;
}
.contact-top1 h4 {
   	display: block;
  	color: #000;
  	font-size: 2em;
  font-family: 'Montserrat-Regular';
    margin: 0 0 0.7em;
}
.contact-address h5{
	display: block;
  	color: #028202;
  font-size: 1.3em;
  font-family: 'Montserrat-Regular';
}
.contact-address1 {
  	padding: 0;
}
.contact-top1 p a{
   color: #a3a3a3;
   text-decoration: none;
}
.contact-top1 p a:hover{
   color: #028202;
}
.contact-top {
  padding: 4em 0 5em;
}
.contact-address {
  padding: 1em 0 0;
}
.contact{
	padding: 5em 0 0;
}
/*--//contact--*/
/*--terms--*/
.terms h3 {
  	font-size: 3em;
  	color:#000;
	font-family: 'Montserrat-Regular';
  	padding: 0 0 0.5em;
  	text-align: center;
}
.terms h3:after,.terms h3:before {
  	width: 200px;
  	height: 1px;
  	display: inline-block;
  	vertical-align: middle;
  	content: "";
  	background: #000;
  	margin: 0 1%;
}
.terms h4 {
  	font-size: 1.5em;
  	color:#028202;
	font-family: 'Montserrat-Regular';
}
.terms p{
	font-size: 0.9em;
	color:#a3a3a3;
	line-height: 2em;
	padding: 1em 0;
}
ul.terms-start li{
	list-style: none;
}
ul.terms-start li a{
	display:block;
	text-decoration: none;
	color:#a3a3a3;
	margin: 0.5em 0;
	font-size:0.9em;
	line-height: 2em;
}
ul.terms-start li a:hover {
  color: #028202;
}
ul.terms-start li a i{
	display: inline-block;
  	border-radius: 100px;
  	width: 6px;
  	height: 6px;
  	background: #000;
  	vertical-align: middle;
  	margin: 0 1% 0 0;
}
.terms {
  padding: 5em 0;
}
/*--//terms--*/
/*--privacy--*/
.privacy h3 {
  	font-size: 3em;
  	color:#000;
	font-family: 'Montserrat-Regular';
  	padding: 0 0 0.3em;
  	text-align: center;
}
.privacy h3:after, .privacy h3:before {
  	width: 200px;
  	height: 1px;
  	display: inline-block;
  	vertical-align: middle;
  	content: "";
  	background: #000;
  	margin: 0 1%;
}
.privacy h4 {
  	font-size: 1.5em;
  	color:#028202;
	font-family: 'Montserrat-Regular';
}
.privacy p{
	font-size: 0.9em;
	color:#a3a3a3;
	line-height: 2em;
	padding: 1em 0;
}
ul.privacy-start li{
	list-style: none;
}
ul.privacy-start li a{
	display:block;
	text-decoration: none;
	color:#a3a3a3;
	margin: 0.5em 0;
	font-size:0.9em;
	line-height: 2em;
}
ul.privacy-start li a:hover {
  color: #028202;
}
ul.privacy-start li a i{
	display: inline-block;
  	border-radius: 100px;
  	width: 6px;
  	height: 6px;
  	background: #000;
  	vertical-align: middle;
  	margin: 0 1% 0 0;
}
.privacy {
  padding: 5em 0;
}
.use-privay{
	padding: 0.2em 0;
}
p.privacy-para {
  padding: 1em 0 0.3em;
}
/*--//privacy--*/
/*--login--*/
.login-right h3 {
	  text-align: center;
	  color: #000;
	  font-size: 3em;
	  font-family: 'Montserrat-Regular';
	  margin: 0 0 1em;
}
.login-right h3:after, .login-right h3:before {
  	width: 130px;
  	height: 1px;
  	display: inline-block;
  	vertical-align: middle;
  	content: "";
  	background: #000;
  	margin: 0 1%;
}
.login-top {
	  width: 60%;
	  margin: 2% auto 0;
}
.form-info input[type="text"],.form-info input[type="password"]{
	outline: none;
  	background: none;
  	color: #a3a3a3;
  	width: 100%;
  	padding: 10px 10px;
  	border: none;
  	font-size: 0.9em;
  	border: 1px solid #eee;
  	margin: 0 0 1em;
}
.form-info  input[type="submit"] {
	outline: none;
  	width: 100%;
  	padding: 0.5em 1em;
  	border: none;
  	font-size: 0.9em;
  	border: none;
  	cursor: pointer;
  	background:none;
}
ul.login-icons li {
	 display: inline-block;
	 float:left;
	 width:48.5%;
	 margin-right: 3%;
	   margin-bottom: 3%;
}
ul.login-icons li a {
	display: block;
  	background: #3b5a99;
  	text-decoration: none;
  	padding: 0em;
  	color: #fff;
  	border-radius: 5px;
  	  font-size: 0.95em;
}
ul.login-icons li a:hover {
  	background: #0A3284;
}
ul.login-icons li a.twit {
  	background: #54abee;
}
ul.login-icons li a.twit:hover {
  	background: #1191F4;
}
ul.login-icons li a.go {
  	background: #d34836;
}
ul.login-icons li a.go:hover {
  	background: #E43B25;
}
ul.login-icons li a.in {
  	background: #0e76a8;
}
ul.login-icons li a.in:hover {
  	background:#238FC3;
}
ul.login-icons li a i {
	display: inline-block;
  	background: url(../images/img-sprite.png)no-repeat 11px -135px #0A3284;
  	width:48px;
  	height:48px;
  	vertical-align: middle;
  	border-radius: 5px 0px 0px 5px;
}

ul.login-icons li a.twit i {
  	background: url(../images/img-sprite.png)no-repeat -60px -135px #1191F4;
}
ul.login-icons li a.go i {
  	background: url(../images/img-sprite.png)no-repeat -142px -135px #E43B25;
}
ul.login-icons li a.in i {
  	background: url(../images/img-sprite.png)no-repeat -215px -135px #238FC3;
}
ul.login-icons li a span{
	padding: 0 0 0 5%;
	display:inline-block;
}
ul.login-icons li:nth-child(2),ul.login-icons li:nth-child(4) {
	 margin-right: 0%;
}
.create h4{
	float: left;
	font-size: 1.3em;
	color:#000;
	  margin-top: 9px;
	    font-family: 'Montserrat-Regular';
}
.create a{
	float: right;
	font-size: 0.9em;
	color:#fff;
	text-decoration: none;
	background: #000;
  	padding: 10px 15px;
}
.create{
	padding: 2em 0 0 ;
}
.login-right {
  padding: 5em 0;
}
.form-info {
  padding: 2em 0 0;
}
.form-info p{
	font-size: 1em;
  	color: #A3A3A3;
  	text-align: center;
  	padding: 3em 0 0;
}
.form-info p a{
	text-decoration: none;
	color:#000;
}
.form-info p a:hover{
	color:#028202;
}
/*--//login--*/
/*--feedback--*/
.feedback{
	padding: 5em 0;
}
.feedback h3{
	text-align: center;
	color: #000;
	font-size: 3em;
	font-family: 'Montserrat-Regular';
	margin: 0 0 1em;
}
.feedback h3:after,.feedback h3:before {
  width: 130px;
  height: 1px;
  display: inline-block;
  vertical-align: middle;
  content: "";
  background: #000;
  margin: 0 1%;
}
.feedback-top input[type="text"], .feedback-top textarea {
  padding: 0.8em 1em;
  font-size: 0.85em;
  margin:0 0 0.8em;
  border: 1px solid #A3A3A3;
  color: #a3a3a3;
  background: none;
  outline: none;
  width: 100%;
  -webkit-appearance: none;
}
.feedback-top textarea{
	height:150px;
	resize:none;
}
.feedback-top input[type="submit"] {
  -webkit-appearance: none;
  cursor: pointer;
  border: none;
  outline: none;
  background:none;
  font-size: 0.9em;
  padding: 0.5em 1em;
}
.feedback-top {
  	width: 60%;
  	margin: 0 auto;
}
/*--//feedback--*/
/*--faqs--*/
.asked h3{
	text-align: center;
	color: #000;
	font-size: 3em;
	font-family: 'Montserrat-Regular';
	margin: 0 0 1em;
}
.asked h3:after,.asked h3:before {
  width: 200px;
  height: 1px;
  display: inline-block;
  vertical-align: middle;
  content: "";
  background: #000;
  margin: 0 1%;
}
.asked{
	padding: 5em 0;
}
.questions h5{
	color: #028202;
	font-size: 1.3em;
	font-family: 'Montserrat-Regular';
	line-height: 1.6em;
}
.questions p{
	font-size: 0.9em;
  	color: #A3A3A3;
  	padding:1em 0;
  	line-height: 2em;
}
/*--//faqs--*/
/*--carrer--*/
.career{
	padding: 5em 0;
}
.career h3 {
  text-align: center;
  color: #000;
  font-size: 3em;
  font-family: 'Montserrat-Regular';
  margin: 0 0 1em;
}
.career h3:after, .career h3:before {
  width: 200px;
  height: 1px;
  display: inline-block;
  vertical-align: middle;
  content: "";
  background: #000;
  margin: 0 1%;
}
.career p {
  color: #a3a3a3;
  font-size: 0.9em;
  line-height: 2em;
}
.career h4 {
  font-size: 1.4em;
  color: #028202;
  margin: 0.5em 0;
  font-family: 'Montserrat-Regular';
}
ul.career-start{
	padding: 0.1em 0 0.5em;
}
ul.career-start li {
  list-style: none;
}
ul.career-start li a {
  display: block;
  text-decoration: none;
  color: #a3a3a3;
  margin: 0.5em 0;
  font-size: 0.9em;
  line-height: 2em;
}
ul.career-start li a:hover {
  color: #028202;
}
ul.career-start li a i {
  display: inline-block;
  border-radius: 100px;
  width: 6px;
  height: 6px;
  background: #000;
  vertical-align: middle;
  margin: 0 1% 0 0;
}
/*--//career--*/
/*--typo--*/
h3.typo1 {
   text-align: center;
  color: #000;
  font-size: 3em;
  font-family: 'Montserrat-Regular';
  margin: 0 0 1em;
}
h3.typo1:after, h3.typo1:before {
  width: 200px;
  height: 1px;
  display: inline-block;
  vertical-align: middle;
  content: "";
  background: #000;
  margin: 0 1%;
}
.page-header h3{
	font-size: 2.5em;
	color:#000;
}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
  padding: 8px;
  line-height: 1.42857143;
  vertical-align: top;
  border-top: none;
}
ul.nav.nav-pills {
  margin: 1.5em 0 0;
}
.grid2{
	margin: 1em 0 0;
}
.page {
  padding: 4em 0;
}
/*--//typo--*/
/*--responsive--*/
@media(max-width:1366px){
	
}
@media(max-width:1280px){
	
}
@media(max-width:1200px){	
}
@media(max-width:1024px){
.banner1,.banner2,.banner3 {
  min-height: 420px;
}
.caption {
  position: absolute;
  top: 40%;
}
p.para-in {
  width: 100%;
}	
.buy-media {
  padding: 30px 10px;
}
/*--about--*/
.about-mid1 {
  padding: 2em 2em;
}
.beautiful h5 {
  font-size: 1.1em;
}
/*--loan--*/
.loan-point1 {
  width: 100%;
}
select.drop-select1 {
  width: 32.4%;
}
/*--dealers--*/
.top-deal1 p {
  font-size: 0.7em;
}
.top-deal1 h5 {
  font-size: 1em;
}
.deal-bottom {
  padding: 0.7em;
}
.top-deal2 {
  margin-top: 0.5em;
}
.middle-side h4 {
  font-size: 1em;
}
.middle-side p span.bath4 {
  margin: 0 6% 0 0;
}
.middle-side p span.bath5 {
  margin: 0 37% 0 0;
}
.middle-side p span.bath3 {
  margin: 0 24% 0 0;
}
.middle-side p span.bath2 {
  margin: 0 14% 0 0;
}
.middle-side p span.bath1 {
  margin: 0 32% 0 0;
}
.middle-side p span.bath {
  margin: 0 37% 0 0;
}
.middle-side {
  padding: 0em 2em;
}
.immediate {
  padding: 0em 4em 0 0;
}
.right-side {
  padding: 0em 0 0;
}
.single-box-right h4 {
  font-size: 1.1em;
}
.box-text p {
  font-size: 0.9em;
}
.buy-single {
  padding: 3em 0 3em;
}
/*--typo--*/
.page {
  padding: 3em 0;
}
}
@media(max-width:768px){	
.banner1,.banner2,.banner3 {
  min-height: 390px;
}
.caption {
  position: absolute;
  top: 35%;
}
.buy-media {
  height: 104px;
  padding: 25px 10px;
}
.bottom-head a {
  height: 104px;
}
.banner-bottom-top {
  min-height: 81px;
}
.bottom-head a:hover .buy-media {
  height: 140px;
}
.content-grid h3,.service-top h3,.project h3,.content-bottom h3 ,.content-bottom1 h3,.about-head h3
,.choose-us h3,.content-events h3,.blog h3,.terms h3,.privacy h3,.contact h3,.login-right h3
,.career h3 ,.asked h3,.feedback h3,.home-loan h3,.bank-bottom1 h3,.loan-col h3,
.dealers h3,.top-grid h3,.future h3,h3.typo1{
  font-size: 2.5em;
}
.content-grid h3:after, .content-grid h3:before ,.service-top h3:after,
.service-top h3:before,.project h3:after, .project h3:before,.content-bottom h3:after
, .content-bottom h3:before,.content-bottom1 h3:after, .content-bottom1 h3:before,
.about-head h3:after, .about-head h3:before,.choose-us h3:after, .choose-us h3:before,
.content-events h3:after, .content-events h3:before,.blog h3:after, .blog h3:before,
.terms h3:after, .terms h3:before,.privacy h3:after, .privacy h3:before,.contact h3:after, 
.contact h3:before,.career h3:after, .career h3:before,.asked h3:after,.asked h3:before
,.feedback h3:after,.feedback h3:before,.home-loan h3:after,.home-loan h3:before,.bank-bottom1 h3:after,
.bank-bottom1 h3:before ,.loan-col h3:after, .loan-col h3:before ,.dealers h3:after, .dealers h3:before,
.top-grid h3:after, .top-grid h3:before,.future h3:after, .future h3:before,h3.typo1:after, h3.typo1:before{
  width: 145px;
}
.box_2 {
  width: 33.3%;
  float: left;
  padding: 0 7px;
}
.most-1 h5 {
  font-size: 1.1em;
}
span.four {
  right: 8px;
}
.bottom-head h6 {
  font-size: 0.8em;
}
.content-grid {
  min-height: 456px;
  padding: 3em 0 4em;
}
.services {
  padding: 3em 0 3em;
}
.service-top {
  padding: 0em 0 1em;
}
.service-top1 {
  margin: 1.5em 0 0;
}
.services-grid {
  margin: 0em 0 0em;
}
.mid-content{
	width:45%;
	margin:4em auto 0;
}
.mid-content h3 {
  	font-size: 2.4em;
}
.phone {
  	padding: 3em 0;
}
.phone-text h4 {
  	font-size: 2.5em;
}
.phone-text {
  	margin-top: 2em;
}
.project-grid {
  	width: 50%;
  	float: left;
    margin-bottom: 2em;
}
.project-grid img{
	width: 100%;
}
.project {
  	padding: 3em 0 2em;
}
p.para-in {
  	width: 78%;
    font-size: 1.1em;
}
.name-on {
  	padding-top: 0em;
}
.content-bottom {
  padding: 3em 0;
}
.content-bottom1 ul {
  	margin: 1em auto 0;
    width: 100%;
}
.content-bottom1 {
  padding: 3em 0;
}
.amet-sed {
  float: left;
  width: 50%;
}
.footer-logo {
  	float: left;
   	width: 30%;
    padding: 0;
}
.footer-class {
  float: left;
    width: 68%;
}
.footer-top-at {
  padding: 3em 0;
}
.amet-sed h4 {
  margin: 0.5em 0;
}
/*--about--*/
.about-head {
  padding: 3em 0;
}
.about-in h6 {
  font-size: 1.1em;
  width: 100%;
}
.about-in p {
  width: 100%;
}
.about-middle {
  padding: 3em 0;
}
.about-mid1 {
  margin-top: 1.5em;
}
.about-mid h6 {
  font-size: 1.3em;
}
.why-choose {
  margin: 2em 0 0;
}
.us-choose {
  padding: 0em 0 0;
}
.choose-us {
  padding: 3em 0;
}
.about-bottom {
  padding: 3em 0;
}
.bottom-about1 {
  margin-top: 2em;
}
.content-events {
  padding: 3em 0;
}
.new-more {
  width: 33.3%;
  float: left;
}
.event h6 {
  font-size: 1.1em;
  line-height: 1.6em;
}
.event {
  padding: 0em 0 0em;
}
.news {
  padding: 2em 0 0;
}
.content-events h3,.about-head h3 {
  margin: 0;
}
.about-mid h4 {
  font-size: 1.8em;
}
.banner-buying h3 {
  font-size: 2.5em;
  margin-top: 2.2em;
}
/*--blog--*/
.blog {
  padding: 3em 0 1em;
}
.blog-img {
  width: 19%;
}
.blog-text {
  width: 78%;
}
.blog-list1 {
  margin: 0 0em;
}
.leave {
  padding: 1em 0 2em;
}
/*--terms--*/
.terms {
  padding: 3em 0;
}
/*--privacy--*/
.privacy {
  padding: 3em 0;
}
/*--contact--*/
.contact {
  padding: 3em 0 0;
}
.contact-top {
  padding: 1em 0 3em;
}
.contact-top1 h4 {
  margin: 0 0 0.2em;
}
.contact-address1 {
  margin-bottom: 1em;
}
.contact-address {
  padding: 0em 0 0;
}
p.text-contact {
  padding: 0.2em 0 0.5em;
}
/*--login--*/
.login-right {
  padding: 3em 0;
}
.login-right h3:after, .login-right h3:before {
  width: 110px;
}
.login-top {
  width: 75%;
}
/*--carrer--*/
.career{
	padding: 3em 0;
}
/*--faq--*/
.asked{
	padding: 3em 0;
}
/*--feedback--*/
.feedback{
	padding: 3em 0;
}
.feedback-top {
  width: 76%;
}
/*--loan--*/
.loan-col-bottom {
  padding: 2em 0;
}
.bank-bottom1 {
  padding: 2em 0;
}
.bank-bottom1 ul {
  width: 100%;
}
.home-loan {
  padding: 2em 0;
}
ul.loan-col1 li {
  width: 40%;
}
.loan-col {
  padding: 3em 0;
}
.dealers {
  padding: 3em 0 ;
}

.dealer {
  padding: 3em 0;
}
.top-deal-top {
  float: left;
  width: 50%;
    margin-top: 2em;
}
.top-deal img{
	width:100%;
}
.deal-top-top {
  padding: 0em 0 0;
}
.dealer-grid-top span {
  font-size: 1.3em;
  width: 40px;
  height: 40px;
  line-height: 2em;
}
.dealer-grid-top h6 {
  font-size: 1em;
}
/*--buy--*/
.price {
  padding: 1em;
  margin: 3em 0;
}
.price-top1 ul li {
  width: 47%;
}
.grid-city {
  float: left;
  width: 25%;
}
.grid-city1 {
  width:50%
}
.col-md-8.grid-lo1 {
  float: left;
  width: 67%;
}
.grid-lo2 {
  float: left;
  width: 33%;
}
.grid-lo3 {
  float: left;
  width: 50%;
}
.grid-lo4 {
  float: left;
  width: 50%;
}
figure.effect-layla h4 {
  margin-top: 95%;
  font-size: 0.9em;
}
.grid-lo figure figcaption {
  padding: 1em;
}
figure.effect-layla figcaption::before {
  top: 15px;
  right: 5px;
  bottom: 15px;
  left: 5px;
}
figure.effect-layla figcaption::after {
  top: 5px;
  right: 15px;
  bottom: 5px;
  left: 15px;
}
figure.effect-layla h4.effect2 {
  margin-top:80%;
}
.grid-me {
  padding-bottom: 3px;
}
.top-grid {
  padding: 0 0 3em;
}
.premium {
  min-height: 330px;
}
.project-fur {
  margin: 0 6px;
}
.fur1 h6 {
  font-size: 0.9em;
}
.future {
  padding: 3em 0;
}
.single-buy {
  padding: 2em 1em;
}
.single-bottom h4 {
  font-size: 1.1em;
}
.single {
  padding: 3em 0 0;
}
.map-single-bottom{
	padding:3em 0 0;
}
.box-img {
  width: 20%;
}
.box-text {
  width: 78%;
}
.nav-page {
  text-align: center;
  padding: 2em 0 0;
}
.buy-single-single {
  padding: 3em 0 0;
}
/*--typo--*/
h1.grid2 {
  font-size: 2.3em;
}
}
@media(max-width:640px){
.banner1,.banner2,.banner3 {
  min-height: 340px;
}
.caption h3 {
  font-size: 2.6em;
}
.caption p {
  font-size: 1.5em;
  margin: 0.3em 0em 0;
}
.bottom-head h6 {
  font-size: 0.75em;
}
.buy-media {
  padding: 25px 2px;
}
.content-grid h3, .service-top h3, .project h3, .content-bottom h3, .content-bottom1 h3,
.about-head h3, .choose-us h3, .content-events h3,.blog h3 ,.terms h3,.privacy h3,.contact h3,
.login-right h3,.career h3 ,.asked h3,.feedback h3,.home-loan h3,.bank-bottom1 h3,.loan-col h3
,.dealers h3,.top-grid h3,.future h3,h3.typo1{
  font-size: 2.3em;
}
.content-grid h3:after, .content-grid h3:before, .service-top h3:after, 
.service-top h3:before, .project h3:after, .project h3:before, 
.content-bottom h3:after, .content-bottom h3:before, .content-bottom1 h3:after,
.content-bottom1 h3:before ,.about-head h3:after, .about-head h3:before, 
.choose-us h3:after, .choose-us h3:before, 
.content-events h3:after, .content-events h3:before,.blog h3:after, .blog h3:before,.terms h3:after, 
.terms h3:before ,.privacy h3:after, .privacy h3:before,.contact h3:after, .contact h3:before,
.career h3:after, .career h3:before,.asked h3:after,.asked h3:before ,.feedback h3:after,.feedback h3:before
,.home-loan h3:after,.home-loan h3:before,.bank-bottom1 h3:after,.bank-bottom1 h3:before,
.loan-col h3:after, .loan-col h3:before ,.dealers h3:after, .dealers h3:before,.top-grid h3:after, 
.top-grid h3:before,.future h3:after, .future h3:before,h3.typo1:after, h3.typo1:before{
  width: 103px;
}
.most-1 h5 {
  font-size: 0.95em;
}
.content-grid {
  min-height: 407px;
}
.mid-content {
  width: 55%;
}
.phone-text h4 {
  font-size: 2.3em;
}
.footer-logo {
  width: 36%;
  padding: 0;
}
.footer-class {
  width: 64%;
  padding: 0.5em 0 0;
}
.footer-class p {
  font-size: 0.83em;
}
/*--about--*/
.about-mid1 p {
  font-size: 1.5em;
}
.event h6 {
  font-size: 1.05em;
}
/*--blog--*/
.single-grid h5, .leave h5 {
  font-size: 1.5em;
}
/*--login--*/
.login-right h3:after, .login-right h3:before {
  width: 90px;
}
/*--loan--*/
ul.loan-col1 li {
  width: 42%;
}
select.drop-select1 {
  width: 32%;
}
/*--dealer--*/
.dealer {
  padding: 2em 0;
}
.dealer h4 ,.dealer-top h4{
  font-size: 1.4em;
}
.dealer-grid-top h6 {
  font-size: 1.3em;
  width: 92%;
  margin-top: 7px;
}
/*--buy--*/
.price-top h4, .price-top1 h4 {
  font-size: 1em;
}
.price-top ,.price-top1{
  margin-bottom: 1em;
}
.price-grid {
  padding: 0 0 0em;
}
.grid-city {
  width: 50%;
}
.grid-city1 {
  width: 100%;
  margin-top: 6px;
}
.check-top-single {
  width: 50%;
  float: left;
  margin-bottom: 1em;
}
.middle-side {
  padding: 1em 0em 0;
}
.middle-side p span.bath {
  margin: 0 39% 0 0;
}
.middle-side p span.bath1 {
  margin: 0 37% 0 0;
}
.middle-side p span.bath2 {
  margin: 0 30% 0 0;
}
.middle-side p span.bath3 {
  margin: 0 33% 0 0;
}
.middle-side p span.bath4 {
  margin: 0 26% 0 0;
}
.middle-side p span.bath5 {
  margin: 0 38% 0 0;
}
ul.pagination {
  margin: 0;
}
.buy-sin {
  padding: 1em 0 0;
}
/*--typo--*/
button.btn.btn-lg {
  font-size: 1.1em;
}
h1.grid2 {
  font-size: 2em;
}
h2.grid2 {
  font-size: 1.9em;
}
h3.typo1 {
  font-size: 2.5em;
}
.page {
  margin: 2em 0;
}
/*---*/

}
@media(max-width:480px){
.logo h1 {
  font-size: 1.2em;
}	
.top-nav {
  margin-top: 1px;
}
.banner1,.banner2,.banner3 {
  min-height: 280px;
}
.caption h3 {
  font-size: 2.4em;
}
.caption p {
  font-size: 1.3em;
  margin: 0.3em 0em 0;
}
.caption {
  top: 31%;
  left: 7%;
}
.content-grid h3, .service-top h3, .project h3, .content-bottom h3, .content-bottom1 h3,
.about-head h3, .choose-us h3, .content-events h3,.blog h3,.terms h3 ,.privacy h3,.contact h3,
.login-right h3,.career h3,.asked h3,.feedback h3 ,.home-loan h3,.bank-bottom1 h3,.loan-col h3,
.dealers h3,.top-grid h3,.future h3,h3.typo1{
  font-size: 2em;
}
.content-grid h3:after, .content-grid h3:before, .service-top h3:after, 
.service-top h3:before, .project h3:after, .project h3:before, 
.content-bottom h3:after, .content-bottom h3:before, .content-bottom1 h3:after, 
.content-bottom1 h3:before,.about-head h3:after, .about-head h3:before, .choose-us h3:after, 
.choose-us h3:before, .content-events h3:after, .content-events h3:before ,
.blog h3:after, .blog h3:before,.terms h3:after, .terms h3:before,.privacy h3:after, .privacy h3:before,
.contact h3:after, .contact h3:before,.career h3:after, .career h3:before ,.asked h3:after,.asked h3:before
,.feedback h3:after,.feedback h3:before,.home-loan h3:after,.home-loan h3:before,.bank-bottom1 h3:after,
.bank-bottom1 h3:before ,.loan-col h3:after, .loan-col h3:before ,.dealers h3:after, 
.dealers h3:before,.top-grid h3:after, .top-grid h3:before,.future h3:after, .future h3:before
,h3.typo1:after, h3.typo1:before{
  width: 50px;
}
.content-grid {
  min-height: 456px;
  padding: 2em 0 3em;
}
i.dolor {
  width: 298px;
  background-size: 300px;
}
.content-grid h3 {
  padding: 0 0 0.8em;
}
.mid-content {
  width: 80%;
}
.mid-content h3 {
  font-size: 1.5em;
}
.phone-text h4 {
  font-size: 2em;
}
.services {
  padding: 2em 0;
}
.phone {
  padding: 2em 0;
}
.project {
  padding: 2em 0 1em;
}
.project-top {
  padding: 1em 0 0;
}
.project-grid {
  margin-bottom: 1em;
  padding: 0 8px;
}
.content-bottom {
  padding: 2em 0;
}
p.para-in {
  width: 100%;
  font-size: 1em;
}
.bottom-in {
  padding: 1em 0 6em;
}
.content-bottom1 {
  padding: 2em 0;
}
.footer-top-at {
  padding: 1em 0;
}
.amet-sed h4 {
  font-size: 1.2em;
}
.footer-class,.footer-logo {
  width: 100%;
  float: none;
  text-align: center;
}
.footer-class {
  padding: 0.5em 0 0;
}
.footer-logo h2 {
  font-size: 1.7em;
}
.box_2 {
  width: 70%;
  float: none;
  padding: 0 0px;
  margin: 0 auto 1em;
}
span.four {
  right: 0px;
}
.text-1 p {
  width: 100%;
}
.buy-media {
  padding: 15px 2px;
  height: 70px;
}
.bottom-head a {
  height: 70px;
}
.bottom-head a:hover .buy-media {
  height: 90px;
}
.bottom-head h6 {
  display: none;
}
.banner-bottom-top {
  min-height: 46px;
}
.login input[type="text"] {
  width: 89%;
  font-size: 0.9em;
}
.right-icons li span{
	display: none;
}
/*--about--*/
.banner-buying {
  min-height: 220px;
}
.banner-buying h3 {
  font-size: 2.3em;
}
.about-in h6 {
  font-size: 1em;
}
.about-head {
  padding: 2em 0;
}
.about-middle {
  padding: 2em 0;
}
.about-mid h4 {
  font-size: 1.6em;
}
.about-mid h6 {
  margin: 0.5em 0 0.5em;
}
.beautiful h5 {
  font-size: 1.05em;
}
.about-bottom {
  padding: 2em 0;
}
.content-events {
  padding: 2em 0;
}
.new-more {
  width: 100%;
}
.news {
  padding: 0em 0 0;
}
.new-more {
  margin-top: 1em;
}
.event h4 {
  font-size: 1.3em;
}
/*--blog--*/
.single-grid h5, .leave h5 {
  font-size: 1.5em;
}
.blog {
  padding: 2em 0 0em;
}
.blog h3 {
  margin: 0 0 0.7em;
}
.links {
  margin: 2em 0;
}
.blog-list h4, .blog-list1 h4, .blog-list2 h4 {
  margin-bottom: 0.5em;
}
.blog-list h4, .blog-list1 h4, .blog-list2 h4 {
  font-size: 1.3em;
}
/*--contact--*/
.contact-top {
  padding: 1em 0 2em;
}
.contact-top1 h4 {
  margin: 0;
  font-size: 1.5em;
}
/*--terms--*/
.terms {
  padding: 2em 0;
}
/*--privacy--*/
.privacy {
  padding: 2em 0;
}
/*--contact--*/
.contact {
  padding: 2em 0 0;
}
.map iframe {
  min-height: 200px;
}
/*--login--*/
.login-right h3:after, .login-right h3:before {
  width: 70px;
}
.login-right {
  padding: 2em 0;
}
.login-top {
  width: 95%;
}
ul.login-icons li a i {
  background: url(../images/img-sprite.png)no-repeat 8px -139px #0A3284;
  width: 38px;
  height: 38px;
}
ul.login-icons li a.twit i {
  background: url(../images/img-sprite.png)no-repeat -65px -139px #1191F4;
}
ul.login-icons li a.go i {
  background: url(../images/img-sprite.png)no-repeat -147px -139px #E43B25;
}
ul.login-icons li a.in i {
  background: url(../images/img-sprite.png)no-repeat -220px -139px #238FC3;
}
.create a {
  padding: 7px 15px;
}
.form-info p {
  padding: 2em 0 0;
}
/*--career--*/
.career{
	padding: 2em 0;
}
/*--faq--*/
.asked{
	padding: 2em 0;
}
/*--feedback--*/
.feedback{
	padding: 2em 0;
}
.feedback-top {
  width: 95%;
}
/*--loan--*/
.loan-col-bottom {
  	padding: 2em 0;
}
.bank-bottom1 {
  	padding: 2em 0;
}
.home-loan {
  	padding: 2em 0;
}
.loan-col h4, .loan-col1 h4 {
  	line-height: 1.6em;
}
.loan-col {
  	padding: 2em 0;
}
.loan-col h3 {
  	margin: 0 0 0em;
}
ul.loan-col1 li {
  	width: 35%;
    font-size: 0.875em;
}
ul.loan-col1 li.loan-list-top {
  width: 54%;
}
.col-loan {
  padding: 0 0 0em;
}
/*--dealers--*/
.dealers {
  padding: 2em 0 ;
}
.dealer h4, .dealer-top h4 {
  font-size: 1.2em;
}
.dealer-grid {
  padding: 1em 0 0;
}
.dealer-grid-top h6 {
  font-size: 1.2em;
  width: 85%;
}
.dealer-grid1 {
  margin-bottom: 1em;
}
.dealer-grid {
  padding: 1em 0 0;
}
.dealer-grid1 {
  margin-bottom: 1em;
}
.top-deal-top {
  margin-top: 1em;
  padding: 0 4px;
}
/*--buy--*/
.future {
  padding: 2em 0;
}
.top-grid {
  padding: 0 0 2em;
}
.price {
  margin: 2em 0;
}
.single {
  padding: 2em 0 0;
}
.buy-single {
  padding: 2em 0;
}
.buy-single h3 {
  font-size: 1.3em;
}
.choose-us {
  padding: 2em 0;
}
.buy-single-single {
  padding: 2em 0 0;
}
/*--typo--*/
.page-header h3 {
  font-size: 2em; 
}
button.btn.btn-lg {
  font-size: 1em;
  padding: 7px;
}
button.btn.btn-1 {
  font-size: 0.9em;
  padding: 8px;
}
button.btn.btn-sm {
  font-size: 0.8em;
  padding: 9px;
}
h1#h1-bootstrap-heading {
  font-size: 2.2em;
}
h2#h2-bootstrap-heading {
  font-size: 2em;
}
h1.grid2 {
  font-size: 1.45em;
}
h2.grid2 {
  font-size: 1.35em;
}
h3.grid2 {
  font-size: 1.3em;
}
h4.grid2 {
  font-size: 1.2em;
}
h3.typo1 {
  font-size: 2em;
}
.page {
  margin: 2em 0;
}
h1.typo1 {
  font-size: 2em;
  margin: 0 0 0.8em;
}
/*----*/
.middle-side p span.bath {
  margin: 0 39% 0 0;
}
.middle-side p span.bath1 {
  margin: 0 37% 0 0;
}
.middle-side p span.bath2 {
  margin: 0 27% 0 0;
}
.middle-side p span.bath3 {
  margin: 0 32% 0 0;
}
.middle-side p span.bath4 {
  margin: 0 22% 0 0;
}
.middle-side p span.bath5 {
  margin: 0 38% 0 0;
}
}
@media(max-width:320px){
.container {
  padding-right: 10px;
  padding-left: 10px;
}
.logo h1 {
  font-size: 1.5em;
}
 .right-icons li a {
  font-size: 0.875em;
    margin: 0 0.1em;
}
.nav-icon {
  padding: 0px 0 0 0.1em;
}
ul.right-icons {
  margin-top: 1px;
}
.caption h3 {
  font-size: 1.6em;
}
.caption h3 span {
  border-bottom: 4px solid #028202;
}
.caption p {
  font-size: 1.1em;
  padding: 0.1em 0 0;
}
.banner1,.banner2,.banner3 {
  min-height: 165px;
}
.caption {
  top: 26%;
}
i.buy {
  background: url(../images/img-sprite.png) no-repeat -2px -28px;
}

i.rent{
	background: url(../images/img-sprite.png) no-repeat -28px -28px ;
}
i.pg{
	background: url(../images/img-sprite.png) no-repeat -52px -28px ;
}

i.sell{
	background: url(../images/img-sprite.png) no-repeat -102px -28px ;
}
i.loan{
	background: url(../images/img-sprite.png) no-repeat -128px -28px ;
}
i.apart{
	background: url(../images/img-sprite.png) no-repeat -154px -28px ;
}
i.deal{
	background: url(../images/img-sprite.png) no-repeat -179px -28px ;
}
.bottom-head a:hover i.buy {
  background-position: -2px -60px;
}
.bottom-head a:hover i.rent{
	background-position: -28px -57px ;
}
.bottom-head a:hover i.pg{
	background-position: -52px -57px ;
}
.bottom-head a:hover i.sell{
	background-position: -102px -57px ;
}
.bottom-head a:hover i.loan{
	background-position: -128px -57px ;
}
.bottom-head a:hover i.apart{
	background-position: -154px -55px ;
}
.bottom-head a:hover i.deal{
	background-position: -179px -57px ;
}
i.buy,i.rent,i.pg,i.sell,i.loan,i.apart ,i.deal{
  	  width: 22px;
  height: 22px;
  background-size: 255px;
}
.buy-media {
  	height: 50px;
  	padding: 14px 2px;
}
.bottom-head a {
  	height: 50px;
}
.bottom-head a:hover .buy-media {
  	height: 100px;
}
.banner-bottom-top {
  	min-height: 49px;
}
.content-grid h3, .service-top h3, .project h3, .content-bottom h3, .content-bottom1 h3,
.about-head h3, .choose-us h3, .content-events h3,.blog h3,.terms h3 ,.privacy h3,.contact h3,
.login-right h3,.career h3,.feedback h3 ,.home-loan h3,.bank-bottom1 h3,.loan-col h3,
.dealers h3,.top-grid h3,.future h3,h3.typo1{
  font-size: 1.4em;
}
.content-grid h3:after, .content-grid h3:before, .service-top h3:after, 
.service-top h3:before, .project h3:after, .project h3:before, 
.content-bottom h3:after, .content-bottom h3:before, .content-bottom1 h3:after, 
.content-bottom1 h3:before,.about-head h3:after, .about-head h3:before, .choose-us h3:after, 
.choose-us h3:before, .content-events h3:after, .content-events h3:before ,
.blog h3:after, .blog h3:before,.privacy h3:after, .privacy h3:before,
.contact h3:after, .contact h3:before,.career h3:after, .career h3:before 
,.home-loan h3:after,.home-loan h3:before,.bank-bottom1 h3:after,
.bank-bottom1 h3:before ,.loan-col h3:after, .loan-col h3:before ,.dealers h3:after, 
.dealers h3:before,.top-grid h3:after, .top-grid h3:before,h3.typo1:after, h3.typo1:before{
  width: 45px;
}
.terms h3:after, .terms h3:before,.feedback h3:after,
.feedback h3:before,.future h3:after, .future h3:before{
	width: 25px;
}
.box_2 {
  	width: 85%;
}
span.four {
  	font-size: 0.9em;
  	right: 0px;
}
.most-1 {
  	padding: 0.5em;
}
.content-grid {
  	min-height: 813px;
  	padding: 1em 0 1em;
}
.service-top p,.ser-top p ,.mid-content p{
  	font-size: 0.875em;
  	line-height: 1.6em;
}
.service-top1 {
  	margin: 1em 0 0;
  	padding: 0;
}
.hi-icon {
  	width: 65px;
  	height: 65px;
  	line-height: 4.3em;
 	font-size: 0.8em;
}
.ser-top {
  	width: 72%;
}
.ser-top h4 {
  	font-size: 1.2em;
}
.service-top {
  	padding: 0em 0 0em;
}
.services {
  	padding: 1em 0;
}
.mid-content h3 {
  	font-size: 1.5em;
}
.mid-content {
  	width: 85%;
  	margin: 2em auto 0;
    padding: 1em;
}
a.more-in {
  font-size: 0.875em;
}
.phone-text {
  margin-top: 1em;
  padding: 0;
}
.phone-text h4 {
  font-size: 1.4em;
}
.text-1 h5 {
  font-size: 1.1em;
  margin: 0.5em 0;
}
.text-1 p {
  font-size: 0.875em;
  line-height: 1.6em;
  width: 100%;
}
.phone {
  padding: 1.5em 0;
}
.project-grid {
  padding: 0 4px !important;
}
.col-md1 {
  padding: 0.5em;
}
.project {
  padding: 1.5em 0 0.5em;
}
i.dolor {
  width: 229px;
  min-height: 29px;
  background-size: 230px;
}
.name-in {
  padding: 0;
}
.men span {
  font-size: 1em;
}
.men p {
  font-size: 0.875em;
}
.name-on {
  padding: 0;
}
.bottom-in {
  padding: 1em 0 5em;
}
.men {
  padding: 1em 0em 0em 0.7em;
}
.content-bottom {
  padding: 1.5em 0;
}
.content-bottom1 ul {
  margin: 0.5em auto 0;
}
.content-bottom1 ul li a{
	padding: 0 5px;
	display: block;
}
.content-bottom1 {
  padding: 1.5em 0 1em;
}
.amet-sed {
  width: 100%;
}
.footer-logo h2 {
  font-size: 1.5em;
}
p.para-in {
  font-size: 0.9em;
}
.resp-tab-item span {
  font-size: 0.875em;
}
.facts {
  padding: 1em 0.5em;
}
.login input[type="text"] {
  padding: 8px 0px 8px 8px;
  width: 90%;
  font-size: 0.68em;
}
.login input[type="submit"] {
  width: 18px;
  height: 18px;
  background-size: 17px;
}
/*--about--*/
.about-head {
  padding: 1.5em 0;
}
.about-in {
  padding: 1em 0 0;
}
.about-in h6 {
  font-size: 0.9em;
}
.about-in p,.about-mid p {
  font-size: 0.875em;
  line-height: 1.8em;
}
.about-mid {
  padding: 0;
}
.about-mid h4 {
  font-size: 1.3em;
}
.about-mid h6 {
  font-size: 1.1em;
}
.about-mid1 p {
  font-size: 1.2em;
}
.about-mid1 {
  padding: 1em;
}
.choose-us {
  padding: 1.5em 0;
}
.why-choose {
  margin: 1em 0 0;
  padding: 0;
}
.hi-icon {
  width: 55px;
  height: 55px;
  line-height: 3.8em;
}
.ser-top {
  width: 75%;
}
.beautiful h5 {
  font-size: 1em;
  line-height: 1.4em;
}
.choose-us {
  padding: 1.5em 0;
}
.about-bottom {
  padding: 1.5em 0;
}
.bottom-about {
  padding: 0;
}
.bottom-about h4 {
  font-size: 1em;
}
.banner-buying h3 {
  font-size: 1.5em;
  margin-top: 1.8em;
}
.banner-buying {
  min-height: 120px;
}
.bottom-about1 {
  margin-top: 1em;
  padding: 0em;
}
.bottom-about1 iframe {
  min-height: 200px;
}
.new-more {
  padding: 0;
}
.event h4 {
  font-size: 1.1em;
}
/*--blog--*/
.blog {
  padding: 1.5em 0 ;
}
.blog-head ,.blog-sidebar{
  padding: 0;
}
.blog-top h4 {
  font-size: 1em;
}
.blog-top p {
  padding: 0.8em 0 0;
  font-size: 0.875em;
    padding: 0.5em 0;
}
.links {
  margin: 1em 0;
}
.blog-list, .blog-list1, .blog-list2 {
  margin: 0 0 1em;
}
.blog-list h4, .blog-list1 h4, .blog-list2 h4 {
  font-size: 1.2em;
}
.blog-list-top {
  padding: 0.5em 0 1em;
}
.blog-img {
  width: 30%;
}
.blog-text {
  width: 66%;
}
nav ul.pagination li a {
  padding: 6px 10px !important;
}
.single-grid h5, .leave h5 {
  margin-bottom: 0.5em;
  font-size: 1.3em;
}
h4.media-heading {
  font-size: 1.1em;
}
.media-body p {
  font-size: 0.875em;
  line-height: 1.8em;
}
.leave textarea {
  min-height: 120px;
}
.terms h4 {
  font-size: 1.3em;
}
.terms p {
  font-size: 0.875em;
  line-height: 1.8em;
  padding: 0.5em 0;
}
ul.terms-start li a {
  font-size: 0.875em;
  line-height: 1.8em;
}
.terms {
  padding: 1.5em 0;
}
.privacy {
  padding: 1.5em 0;
}
.privacy p {
  font-size: 0.9em;
  line-height: 1.8em;
  padding: 0.5em 0;
}
ul.privacy-start li a {
  font-size: 0.875em;
  line-height: 1.8em;
}
/*--contact--*/
.contact-top1 {
  padding: 0;
}
.contact-top1 h4 {
  font-size: 1.3em;
}
p.text-contact {
  line-height: 1.8em;
}
.contact-top1 p {
  font-size: 0.875em;
}
.contact {
  padding: 1.5em 0 0;
}
.map iframe {
  min-height: 120px;
}
.contact-address h5 {
  font-size: 1.2em;
}
/*--login--*/
.login-right {
  padding: 1.5em 0;
}
.login-top {
  width: 100%;
}
.form-info {
  padding: 1em 0 0;
}
.create {
  padding: 1em 0 0;
}
ul.login-icons li a i {
  background: url(../images/img-sprite.png)no-repeat 8px -93px #0A3284;
  width: 32px;
  height: 32px;
  background-size: 245px !important;
}
ul.login-icons li a.twit i {
  background: url(../images/img-sprite.png)no-repeat -42px -93px #1191F4;
}
ul.login-icons li a.go i {
  background: url(../images/img-sprite.png)no-repeat -99px -93px #E43B25;
}
ul.login-icons li a.in i {
  background: url(../images/img-sprite.png)no-repeat -149px -93px #238FC3;
}
.create a {
  padding: 5px 7px;
  font-size: 0.8em;
}
.create h4 {
  font-size: 0.9em;
}
.form-info p {
  padding: 1em 0 0;
  font-size: 0.9em;
}
.career {
  padding: 1.5em 0;
}
.career h3 {
  margin: 0 0 0.5em;
}
.career p {
  font-size: 0.875em;
  line-height: 1.8em;
}
.career h4 {
  margin: 0.5em 0;
   font-size: 1.2em;
}
ul.career-start li a {
 line-height:1.8em;
  font-size: 0.875em;
}
.feedback {
  padding: 1.5em 0;
}
.asked h3 {
  font-size: 1.2em;
  margin: 0 0 0.6em;
}
.asked h3:after, .asked h3:before {
  width: 0px;
  height: 0px;
  content:none;
}
.asked {
  padding: 1.5em 0;
}
.questions h5 {
  font-size: 1em;
}
.questions p {
  font-size: 0.875em;
  padding: 0.5em 0;
  line-height: 1.8em;
}
/*--home-loan--*/
.home-loan {
  padding: 1.5em 0;
}
.loan-point1 {
  margin: 1em auto 0;
}
.col-md-6 {
  padding: 0;
}
.loan-point1 ul li a {
  font-size: 0.875em;
  line-height: 1.8em;
  margin: 0.3em 0 0;
}
.loan-grid p {
  font-size: 0.875em;
  line-height: 1.8em;
}
.loan1 {
  padding: 0em 0 0;
}
.loan1 p {
  font-size: 0.875em;
  line-height: 1.8em;
  padding: 0.5em 0 1em;
}
.loan-col-bottom {
  padding: 1.5em 0;
}
.loan-col {
  padding: 1.5em 0;
}
.loan-col h4, .loan-col1 h4 {
  font-size: 1em;
    padding: 1em 0 0;
}
ul.loan-col1 li {
  width: 29%;
  font-size: 0.8em;
}
select.drop-select1 {
  width: 31.9%;
}
.loan-col p {
  font-size: 0.9em;
  line-height: 1.8em;
}
/*--dealers--*/
.dealers {
  padding: 1.5em 0;
}
.dealer {
  padding: 1em 0;
}
.dealer h4, .dealer-top h4 {
  font-size: 1em;
}
.dealer-grid1 {
  padding: 0;
}
.dealer-grid-top span {
  font-size: 1.1em;
  width: 30px;
  height: 30px;
  line-height: 1.7em;
}
.dealer-grid-top h6 {
  font-size: 1.1em;
  width: 85%;
  line-height: 1.6em;
  margin-top: 0px;
}
.dealer-grid1 p {
  font-size: 0.875em;
  line-height: 1.8em;
  margin: 0.4em 0 0;
}
.deal-bottom {
  padding: 0.5em;
}
.top-deal1 {
  float: none;
}
.top-deal2 {
  margin-top: 0;
  float: none;
}
/*--buy--*/
.price {
  margin: 1.5em 0;
    padding: 1em 0;
}
.grid-at {
  padding: 0.5em 0 0;
}
.top-grid {
  padding: 0 0 1em;
}
.pre-top h5 {
  font-size: 1em;
}
.pre-top {
  padding: 1em 1.5em;
}
.premium {
  min-height: 260px;
}
.future h3 {
  margin: 0 0 0.5em;
}
.project-fur {
  margin: 0 12px;
}
.fur {
  padding: 0.5em 0em;
}
.fur2 {
  padding: 0.5em 1em 0em;
}
.fur1 {
  padding: 0 1em 0.8em;
}
.future {
  padding: 1.5em 0;
}
.single-buy {
  padding: 1em 0em;
}
.single-bottom h4 {
  font-size: 0.875em;
}
.single-bottom ul {
  padding: 0.5em 0 0;
}
.single-bottom ul li {
  list-style: none;
  padding: 6px 0px;
}
.single-bottom ul li input[type="checkbox"]+label {
  font-size: 0.75em;
}
.buy-single h3 {
  font-size: 1.15em;
  padding: 0;
}
.single-box {
  padding: 0;
}
.buy-single {
  padding: 1.5em 0;
}
.box-col {
  margin-top: 1em;
}
.middle-side p span.bath1 {
  margin: 0 35% 0 0px;
}
.middle-side p span.bath2 {
  margin: 0 21% 0 0;
}
.middle-side p span.bath3 {
  margin: 0 28% 0 0;
}
.middle-side p span.bath4 {
  margin: 0 13% 0 0;
}
.middle-side p span.bath5 {
  margin: 0 38% 0 0;
}
.map-single-bottom {
  padding: 1.5em 0 0;
}
.map-single iframe {
  min-height: 150px;
}
.single-box-right {
  padding: 1.5em 0 0;
}
.single-box-img {
  padding: 0.8em 0 0;
}
.nav-page {
  text-align: center;
  padding: 1em 0 0;
}
.buy-single-single {
  padding: 1.5em 0 0;
}
.buy-sin-single {
  padding: 0em 0 0;
}
.buy-sin h4 {
  font-size: 1.2em;
}
.buy-sin p {
  font-size: 0.875em;
  line-height: 1.8em;
}
.map-buy-single h4,.video-pre h4 {
  font-size: 1.3em;
  padding: 0.5em 0;
}
.map-buy-single1 iframe,.video-pre iframe {
  min-height: 150px;
}
.col-md-3 {
  padding: 0;
}
/*--typo--*/
h1#h1-bootstrap-heading {
  font-size: 1.5em;
}
h2#h2-bootstrap-heading {
  font-size: 1.4em;
}
h3#h3-bootstrap-heading {
  font-size: 1.3em;
}
button.btn.btn-lg {
  font-size: 0.9em;
  margin: 0 0 0.5em 0px;
  padding: 9px;
}
.grid1 {
  margin: 0.7em 0 0;
}
button.btn.btn-1 {
  font-size: 0.8em;
  margin: 0 0 0.5em;
}
button.btn.btn-sm {
  font-size: 0.7em;
  padding: 5px;
  margin: 0 0 0.5em;
}
button.btn.btn-xs {
  font-size: 0.7em;
}
ul.nav.nav-pills a{
	padding: 0.5em;
  font-size: 0.9em;
}
span.label {
  margin: 0 0 0.5em;
  display: inline-block;
}
.page {
  padding: 0em;
   margin: 1.7em 0;
}
.page-header {
  margin: 16px 0 9px;
}
.grid2 {
  margin: 0.4em 0 0;
}
h3.typo1 {
  font-size: 1.7em;
}
.page-header h3 {
  font-size: 1.8em;
} 
h1.typo1 {
  font-size: 1.7em;
  margin: 0 0 0.5em;
}
/*----*/
.bottom-head h6 {
  display: none;
}
.media {
  height: 70px;
}
.header-bottom {
  top: -14px;
}
.banner-bottom-top {
  min-height: 35px;
}
.callbacks_tabs a:after {
  height: 10px;
  width: 10px;
}
.bottom-head a:hover .buy-media {
  	height: 60px;
}
a.more {
  font-size: 0.8em;
  padding: 0.3em 0.7em;
  margin: 0.5em 0 0;
}
}

@charset "UTF-8";
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700);

.intl-tel-input {
    position: relative;
    display: inline-block
}

    .intl-tel-input * {
        box-sizing: border-box;
        -moz-box-sizing: border-box
    }

    .intl-tel-input .hide {
        display: none
    }

    .intl-tel-input .v-hide {
        visibility: hidden
    }

    .intl-tel-input input, .intl-tel-input input[type=tel], .intl-tel-input input[type=text] {
        position: relative;
        z-index: 0;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        padding-right: 36px;
        margin-right: 0
    }

    .intl-tel-input .flag-container {
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        padding: 1px
    }

    .intl-tel-input .selected-flag {
        z-index: 1;
        position: relative;
        width: 36px;
        height: 100%;
        padding: 0 0 0 8px
    }

        .intl-tel-input .selected-flag .iti-flag {
            position: absolute;
            top: 0;
            bottom: 0;
            margin: auto
        }

        .intl-tel-input .selected-flag .iti-arrow {
            position: absolute;
            top: 50%;
            margin-top: -2px;
            right: 6px;
            width: 0;
            height: 0;
            border-left: 3px solid transparent;
            border-right: 3px solid transparent;
            border-top: 4px solid #555
        }

            .intl-tel-input .selected-flag .iti-arrow.up {
                border-top: none;
                border-bottom: 4px solid #555
            }

    .intl-tel-input .country-list {
        position: absolute;
        z-index: 2;
        list-style: none;
        text-align: left;
        padding: 0;
        margin: 0 0 0 -1px;
        box-shadow: 1px 1px 4px rgba(0,0,0,.2);
        background-color: #fff;
        border: 1px solid #ccc;
        white-space: nowrap;
        max-height: 200px;
        overflow-y: scroll
    }

        .intl-tel-input .country-list.dropup {
            bottom: 100%;
            margin-bottom: -1px
        }

        .intl-tel-input .country-list .flag-box {
            display: inline-block;
            width: 20px
        }

@media (max-width:500px) {
    .intl-tel-input .country-list {
        white-space: normal
    }
}

.intl-tel-input .country-list .divider {
    padding-bottom: 5px;
    margin-bottom: 5px;
    border-bottom: 1px solid #ccc
}

.intl-tel-input .country-list .country {
    padding: 5px 10px
}

    .intl-tel-input .country-list .country .dial-code {
        color: #999
    }

    .intl-tel-input .country-list .country.highlight {
        background-color: rgba(0,0,0,.05)
    }

.intl-tel-input .country-list .country-name, .intl-tel-input .country-list .dial-code, .intl-tel-input .country-list .flag-box {
    vertical-align: middle
}

.intl-tel-input .country-list .country-name, .intl-tel-input .country-list .flag-box {
    margin-right: 6px
}

.intl-tel-input.allow-dropdown input, .intl-tel-input.allow-dropdown input[type=tel], .intl-tel-input.allow-dropdown input[type=text], .intl-tel-input.separate-dial-code input, .intl-tel-input.separate-dial-code input[type=tel], .intl-tel-input.separate-dial-code input[type=text] {
    padding-right: 6px;
    padding-left: 52px;
    margin-left: 0
}

.intl-tel-input.allow-dropdown .flag-container, .intl-tel-input.separate-dial-code .flag-container {
    right: auto;
    left: 0
}

.intl-tel-input.allow-dropdown .selected-flag, .intl-tel-input.separate-dial-code .selected-flag {
    width: 46px
}

.intl-tel-input.allow-dropdown .flag-container:hover {
    cursor: pointer
}

    .intl-tel-input.allow-dropdown .flag-container:hover .selected-flag {
        background-color: rgba(0,0,0,.05)
    }

.intl-tel-input.allow-dropdown input[disabled] + .flag-container:hover, .intl-tel-input.allow-dropdown input[readonly] + .flag-container:hover {
    cursor: default
}

    .intl-tel-input.allow-dropdown input[disabled] + .flag-container:hover .selected-flag, .intl-tel-input.allow-dropdown input[readonly] + .flag-container:hover .selected-flag {
        background-color: transparent
    }

.intl-tel-input.separate-dial-code .selected-flag {
    background-color: rgba(0,0,0,.05);
    display: table
}

.intl-tel-input.separate-dial-code .selected-dial-code {
    display: table-cell;
    vertical-align: middle;
    padding-left: 28px
}

.intl-tel-input.separate-dial-code.iti-sdc-2 input, .intl-tel-input.separate-dial-code.iti-sdc-2 input[type=tel], .intl-tel-input.separate-dial-code.iti-sdc-2 input[type=text] {
    padding-left: 66px
}

.intl-tel-input.separate-dial-code.iti-sdc-2 .selected-flag {
    width: 60px
}

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input, .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input[type=tel], .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input[type=text] {
    padding-left: 76px
}

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 .selected-flag {
    width: 70px
}

.intl-tel-input.separate-dial-code.iti-sdc-3 input, .intl-tel-input.separate-dial-code.iti-sdc-3 input[type=tel], .intl-tel-input.separate-dial-code.iti-sdc-3 input[type=text] {
    padding-left: 74px
}

.intl-tel-input.separate-dial-code.iti-sdc-3 .selected-flag {
    width: 68px
}

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input, .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input[type=tel], .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input[type=text] {
    padding-left: 84px
}

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 .selected-flag {
    width: 78px
}

.intl-tel-input.separate-dial-code.iti-sdc-4 input, .intl-tel-input.separate-dial-code.iti-sdc-4 input[type=tel], .intl-tel-input.separate-dial-code.iti-sdc-4 input[type=text] {
    padding-left: 82px
}

.intl-tel-input.separate-dial-code.iti-sdc-4 .selected-flag {
    width: 76px
}

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input, .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input[type=tel], .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input[type=text] {
    padding-left: 92px
}

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 .selected-flag {
    width: 86px
}

.intl-tel-input.separate-dial-code.iti-sdc-5 input, .intl-tel-input.separate-dial-code.iti-sdc-5 input[type=tel], .intl-tel-input.separate-dial-code.iti-sdc-5 input[type=text] {
    padding-left: 90px
}

.intl-tel-input.separate-dial-code.iti-sdc-5 .selected-flag {
    width: 84px
}

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 input, .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 input[type=tel], .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 input[type=text] {
    padding-left: 100px
}

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 .selected-flag {
    width: 94px
}

.intl-tel-input.iti-container {
    position: absolute;
    top: -1000px;
    left: -1000px;
    z-index: 1060;
    padding: 1px
}

    .intl-tel-input.iti-container:hover {
        cursor: pointer
    }

.iti-mobile .intl-tel-input.iti-container {
    top: 30px;
    bottom: 30px;
    left: 30px;
    right: 30px;
    position: fixed
}

.iti-mobile .intl-tel-input .country-list {
    max-height: 100%;
    width: 100%
}

    .iti-mobile .intl-tel-input .country-list .country {
        padding: 10px 10px;
        line-height: 1.5em
    }

.iti-flag {
    width: 20px
}

    .iti-flag.be {
        width: 18px
    }

    .iti-flag.ch {
        width: 15px
    }

    .iti-flag.mc {
        width: 19px
    }

    .iti-flag.ne {
        width: 18px
    }

    .iti-flag.np {
        width: 13px
    }

    .iti-flag.va {
        width: 15px
    }

@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx) {
    .iti-flag {
        background-size: 5630px 15px
    }
}

.iti-flag.ac {
    height: 10px;
    background-position: 0 0
}

.iti-flag.ad {
    height: 14px;
    background-position: -22px 0
}

.iti-flag.ae {
    height: 10px;
    background-position: -44px 0
}

.iti-flag.af {
    height: 14px;
    background-position: -66px 0
}

.iti-flag.ag {
    height: 14px;
    background-position: -88px 0
}

.iti-flag.ai {
    height: 10px;
    background-position: -110px 0
}

.iti-flag.al {
    height: 15px;
    background-position: -132px 0
}

.iti-flag.am {
    height: 10px;
    background-position: -154px 0
}

.iti-flag.ao {
    height: 14px;
    background-position: -176px 0
}

.iti-flag.aq {
    height: 14px;
    background-position: -198px 0
}

.iti-flag.ar {
    height: 13px;
    background-position: -220px 0
}

.iti-flag.as {
    height: 10px;
    background-position: -242px 0
}

.iti-flag.at {
    height: 14px;
    background-position: -264px 0
}

.iti-flag.au {
    height: 10px;
    background-position: -286px 0
}

.iti-flag.aw {
    height: 14px;
    background-position: -308px 0
}

.iti-flag.ax {
    height: 13px;
    background-position: -330px 0
}

.iti-flag.az {
    height: 10px;
    background-position: -352px 0
}

.iti-flag.ba {
    height: 10px;
    background-position: -374px 0
}

.iti-flag.bb {
    height: 14px;
    background-position: -396px 0
}

.iti-flag.bd {
    height: 12px;
    background-position: -418px 0
}

.iti-flag.be {
    height: 15px;
    background-position: -440px 0
}

.iti-flag.bf {
    height: 14px;
    background-position: -460px 0
}

.iti-flag.bg {
    height: 12px;
    background-position: -482px 0
}

.iti-flag.bh {
    height: 12px;
    background-position: -504px 0
}

.iti-flag.bi {
    height: 12px;
    background-position: -526px 0
}

.iti-flag.bj {
    height: 14px;
    background-position: -548px 0
}

.iti-flag.bl {
    height: 14px;
    background-position: -570px 0
}

.iti-flag.bm {
    height: 10px;
    background-position: -592px 0
}

.iti-flag.bn {
    height: 10px;
    background-position: -614px 0
}

.iti-flag.bo {
    height: 14px;
    background-position: -636px 0
}

.iti-flag.bq {
    height: 14px;
    background-position: -658px 0
}

.iti-flag.br {
    height: 14px;
    background-position: -680px 0
}

.iti-flag.bs {
    height: 10px;
    background-position: -702px 0
}

.iti-flag.bt {
    height: 14px;
    background-position: -724px 0
}

.iti-flag.bv {
    height: 15px;
    background-position: -746px 0
}

.iti-flag.bw {
    height: 14px;
    background-position: -768px 0
}

.iti-flag.by {
    height: 10px;
    background-position: -790px 0
}

.iti-flag.bz {
    height: 14px;
    background-position: -812px 0
}

.iti-flag.ca {
    height: 10px;
    background-position: -834px 0
}

.iti-flag.cc {
    height: 10px;
    background-position: -856px 0
}

.iti-flag.cd {
    height: 15px;
    background-position: -878px 0
}

.iti-flag.cf {
    height: 14px;
    background-position: -900px 0
}

.iti-flag.cg {
    height: 14px;
    background-position: -922px 0
}

.iti-flag.ch {
    height: 15px;
    background-position: -944px 0
}

.iti-flag.ci {
    height: 14px;
    background-position: -961px 0
}

.iti-flag.ck {
    height: 10px;
    background-position: -983px 0
}

.iti-flag.cl {
    height: 14px;
    background-position: -1005px 0
}

.iti-flag.cm {
    height: 14px;
    background-position: -1027px 0
}

.iti-flag.cn {
    height: 14px;
    background-position: -1049px 0
}

.iti-flag.co {
    height: 14px;
    background-position: -1071px 0
}

.iti-flag.cp {
    height: 14px;
    background-position: -1093px 0
}

.iti-flag.cr {
    height: 12px;
    background-position: -1115px 0
}

.iti-flag.cu {
    height: 10px;
    background-position: -1137px 0
}

.iti-flag.cv {
    height: 12px;
    background-position: -1159px 0
}

.iti-flag.cw {
    height: 14px;
    background-position: -1181px 0
}

.iti-flag.cx {
    height: 10px;
    background-position: -1203px 0
}

.iti-flag.cy {
    height: 13px;
    background-position: -1225px 0
}

.iti-flag.cz {
    height: 14px;
    background-position: -1247px 0
}

.iti-flag.de {
    height: 12px;
    background-position: -1269px 0
}

.iti-flag.dg {
    height: 10px;
    background-position: -1291px 0
}

.iti-flag.dj {
    height: 14px;
    background-position: -1313px 0
}

.iti-flag.dk {
    height: 15px;
    background-position: -1335px 0
}

.iti-flag.dm {
    height: 10px;
    background-position: -1357px 0
}

.iti-flag.do {
    height: 13px;
    background-position: -1379px 0
}

.iti-flag.dz {
    height: 14px;
    background-position: -1401px 0
}

.iti-flag.ea {
    height: 14px;
    background-position: -1423px 0
}

.iti-flag.ec {
    height: 14px;
    background-position: -1445px 0
}

.iti-flag.ee {
    height: 13px;
    background-position: -1467px 0
}

.iti-flag.eg {
    height: 14px;
    background-position: -1489px 0
}

.iti-flag.eh {
    height: 10px;
    background-position: -1511px 0
}

.iti-flag.er {
    height: 10px;
    background-position: -1533px 0
}

.iti-flag.es {
    height: 14px;
    background-position: -1555px 0
}

.iti-flag.et {
    height: 10px;
    background-position: -1577px 0
}

.iti-flag.eu {
    height: 14px;
    background-position: -1599px 0
}

.iti-flag.fi {
    height: 12px;
    background-position: -1621px 0
}

.iti-flag.fj {
    height: 10px;
    background-position: -1643px 0
}

.iti-flag.fk {
    height: 10px;
    background-position: -1665px 0
}

.iti-flag.fm {
    height: 11px;
    background-position: -1687px 0
}

.iti-flag.fo {
    height: 15px;
    background-position: -1709px 0
}

.iti-flag.fr {
    height: 14px;
    background-position: -1731px 0
}

.iti-flag.ga {
    height: 15px;
    background-position: -1753px 0
}

.iti-flag.gb {
    height: 10px;
    background-position: -1775px 0
}

.iti-flag.gd {
    height: 12px;
    background-position: -1797px 0
}

.iti-flag.ge {
    height: 14px;
    background-position: -1819px 0
}

.iti-flag.gf {
    height: 14px;
    background-position: -1841px 0
}

.iti-flag.gg {
    height: 14px;
    background-position: -1863px 0
}

.iti-flag.gh {
    height: 14px;
    background-position: -1885px 0
}

.iti-flag.gi {
    height: 10px;
    background-position: -1907px 0
}

.iti-flag.gl {
    height: 14px;
    background-position: -1929px 0
}

.iti-flag.gm {
    height: 14px;
    background-position: -1951px 0
}

.iti-flag.gn {
    height: 14px;
    background-position: -1973px 0
}

.iti-flag.gp {
    height: 14px;
    background-position: -1995px 0
}

.iti-flag.gq {
    height: 14px;
    background-position: -2017px 0
}

.iti-flag.gr {
    height: 14px;
    background-position: -2039px 0
}

.iti-flag.gs {
    height: 10px;
    background-position: -2061px 0
}

.iti-flag.gt {
    height: 13px;
    background-position: -2083px 0
}

.iti-flag.gu {
    height: 11px;
    background-position: -2105px 0
}

.iti-flag.gw {
    height: 10px;
    background-position: -2127px 0
}

.iti-flag.gy {
    height: 12px;
    background-position: -2149px 0
}

.iti-flag.hk {
    height: 14px;
    background-position: -2171px 0
}

.iti-flag.hm {
    height: 10px;
    background-position: -2193px 0
}

.iti-flag.hn {
    height: 10px;
    background-position: -2215px 0
}

.iti-flag.hr {
    height: 10px;
    background-position: -2237px 0
}

.iti-flag.ht {
    height: 12px;
    background-position: -2259px 0
}

.iti-flag.hu {
    height: 10px;
    background-position: -2281px 0
}

.iti-flag.ic {
    height: 14px;
    background-position: -2303px 0
}

.iti-flag.id {
    height: 14px;
    background-position: -2325px 0
}

.iti-flag.ie {
    height: 10px;
    background-position: -2347px 0
}

.iti-flag.il {
    height: 15px;
    background-position: -2369px 0
}

.iti-flag.im {
    height: 10px;
    background-position: -2391px 0
}

.iti-flag.in {
    height: 14px;
    background-position: -2413px 0
}

.iti-flag.io {
    height: 10px;
    background-position: -2435px 0
}

.iti-flag.iq {
    height: 14px;
    background-position: -2457px 0
}

.iti-flag.ir {
    height: 12px;
    background-position: -2479px 0
}

.iti-flag.is {
    height: 15px;
    background-position: -2501px 0
}

.iti-flag.it {
    height: 14px;
    background-position: -2523px 0
}

.iti-flag.je {
    height: 12px;
    background-position: -2545px 0
}

.iti-flag.jm {
    height: 10px;
    background-position: -2567px 0
}

.iti-flag.jo {
    height: 10px;
    background-position: -2589px 0
}

.iti-flag.jp {
    height: 14px;
    background-position: -2611px 0
}

.iti-flag.ke {
    height: 14px;
    background-position: -2633px 0
}

.iti-flag.kg {
    height: 12px;
    background-position: -2655px 0
}

.iti-flag.kh {
    height: 13px;
    background-position: -2677px 0
}

.iti-flag.ki {
    height: 10px;
    background-position: -2699px 0
}

.iti-flag.km {
    height: 12px;
    background-position: -2721px 0
}

.iti-flag.kn {
    height: 14px;
    background-position: -2743px 0
}

.iti-flag.kp {
    height: 10px;
    background-position: -2765px 0
}

.iti-flag.kr {
    height: 14px;
    background-position: -2787px 0
}

.iti-flag.kw {
    height: 10px;
    background-position: -2809px 0
}

.iti-flag.ky {
    height: 10px;
    background-position: -2831px 0
}

.iti-flag.kz {
    height: 10px;
    background-position: -2853px 0
}

.iti-flag.la {
    height: 14px;
    background-position: -2875px 0
}

.iti-flag.lb {
    height: 14px;
    background-position: -2897px 0
}

.iti-flag.lc {
    height: 10px;
    background-position: -2919px 0
}

.iti-flag.li {
    height: 12px;
    background-position: -2941px 0
}

.iti-flag.lk {
    height: 10px;
    background-position: -2963px 0
}

.iti-flag.lr {
    height: 11px;
    background-position: -2985px 0
}

.iti-flag.ls {
    height: 14px;
    background-position: -3007px 0
}

.iti-flag.lt {
    height: 12px;
    background-position: -3029px 0
}

.iti-flag.lu {
    height: 12px;
    background-position: -3051px 0
}

.iti-flag.lv {
    height: 10px;
    background-position: -3073px 0
}

.iti-flag.ly {
    height: 10px;
    background-position: -3095px 0
}

.iti-flag.ma {
    height: 14px;
    background-position: -3117px 0
}

.iti-flag.mc {
    height: 15px;
    background-position: -3139px 0
}

.iti-flag.md {
    height: 10px;
    background-position: -3160px 0
}

.iti-flag.me {
    height: 10px;
    background-position: -3182px 0
}

.iti-flag.mf {
    height: 14px;
    background-position: -3204px 0
}

.iti-flag.mg {
    height: 14px;
    background-position: -3226px 0
}

.iti-flag.mh {
    height: 11px;
    background-position: -3248px 0
}

.iti-flag.mk {
    height: 10px;
    background-position: -3270px 0
}

.iti-flag.ml {
    height: 14px;
    background-position: -3292px 0
}

.iti-flag.mm {
    height: 14px;
    background-position: -3314px 0
}

.iti-flag.mn {
    height: 10px;
    background-position: -3336px 0
}

.iti-flag.mo {
    height: 14px;
    background-position: -3358px 0
}

.iti-flag.mp {
    height: 10px;
    background-position: -3380px 0
}

.iti-flag.mq {
    height: 14px;
    background-position: -3402px 0
}

.iti-flag.mr {
    height: 14px;
    background-position: -3424px 0
}

.iti-flag.ms {
    height: 10px;
    background-position: -3446px 0
}

.iti-flag.mt {
    height: 14px;
    background-position: -3468px 0
}

.iti-flag.mu {
    height: 14px;
    background-position: -3490px 0
}

.iti-flag.mv {
    height: 14px;
    background-position: -3512px 0
}

.iti-flag.mw {
    height: 14px;
    background-position: -3534px 0
}

.iti-flag.mx {
    height: 12px;
    background-position: -3556px 0
}

.iti-flag.my {
    height: 10px;
    background-position: -3578px 0
}

.iti-flag.mz {
    height: 14px;
    background-position: -3600px 0
}

.iti-flag.na {
    height: 14px;
    background-position: -3622px 0
}

.iti-flag.nc {
    height: 10px;
    background-position: -3644px 0
}

.iti-flag.ne {
    height: 15px;
    background-position: -3666px 0
}

.iti-flag.nf {
    height: 10px;
    background-position: -3686px 0
}

.iti-flag.ng {
    height: 10px;
    background-position: -3708px 0
}

.iti-flag.ni {
    height: 12px;
    background-position: -3730px 0
}

.iti-flag.nl {
    height: 14px;
    background-position: -3752px 0
}

.iti-flag.no {
    height: 15px;
    background-position: -3774px 0
}

.iti-flag.np {
    height: 15px;
    background-position: -3796px 0
}

.iti-flag.nr {
    height: 10px;
    background-position: -3811px 0
}

.iti-flag.nu {
    height: 10px;
    background-position: -3833px 0
}

.iti-flag.nz {
    height: 10px;
    background-position: -3855px 0
}

.iti-flag.om {
    height: 10px;
    background-position: -3877px 0
}

.iti-flag.pa {
    height: 14px;
    background-position: -3899px 0
}

.iti-flag.pe {
    height: 14px;
    background-position: -3921px 0
}

.iti-flag.pf {
    height: 14px;
    background-position: -3943px 0
}

.iti-flag.pg {
    height: 15px;
    background-position: -3965px 0
}

.iti-flag.ph {
    height: 10px;
    background-position: -3987px 0
}

.iti-flag.pk {
    height: 14px;
    background-position: -4009px 0
}

.iti-flag.pl {
    height: 13px;
    background-position: -4031px 0
}

.iti-flag.pm {
    height: 14px;
    background-position: -4053px 0
}

.iti-flag.pn {
    height: 10px;
    background-position: -4075px 0
}

.iti-flag.pr {
    height: 14px;
    background-position: -4097px 0
}

.iti-flag.ps {
    height: 10px;
    background-position: -4119px 0
}

.iti-flag.pt {
    height: 14px;
    background-position: -4141px 0
}

.iti-flag.pw {
    height: 13px;
    background-position: -4163px 0
}

.iti-flag.py {
    height: 11px;
    background-position: -4185px 0
}

.iti-flag.qa {
    height: 8px;
    background-position: -4207px 0
}

.iti-flag.re {
    height: 14px;
    background-position: -4229px 0
}

.iti-flag.ro {
    height: 14px;
    background-position: -4251px 0
}

.iti-flag.rs {
    height: 14px;
    background-position: -4273px 0
}

.iti-flag.ru {
    height: 14px;
    background-position: -4295px 0
}

.iti-flag.rw {
    height: 14px;
    background-position: -4317px 0
}

.iti-flag.sa {
    height: 14px;
    background-position: -4339px 0
}

.iti-flag.sb {
    height: 10px;
    background-position: -4361px 0
}

.iti-flag.sc {
    height: 10px;
    background-position: -4383px 0
}

.iti-flag.sd {
    height: 10px;
    background-position: -4405px 0
}

.iti-flag.se {
    height: 13px;
    background-position: -4427px 0
}

.iti-flag.sg {
    height: 14px;
    background-position: -4449px 0
}

.iti-flag.sh {
    height: 10px;
    background-position: -4471px 0
}

.iti-flag.si {
    height: 10px;
    background-position: -4493px 0
}

.iti-flag.sj {
    height: 15px;
    background-position: -4515px 0
}

.iti-flag.sk {
    height: 14px;
    background-position: -4537px 0
}

.iti-flag.sl {
    height: 14px;
    background-position: -4559px 0
}

.iti-flag.sm {
    height: 15px;
    background-position: -4581px 0
}

.iti-flag.sn {
    height: 14px;
    background-position: -4603px 0
}

.iti-flag.so {
    height: 14px;
    background-position: -4625px 0
}

.iti-flag.sr {
    height: 14px;
    background-position: -4647px 0
}

.iti-flag.ss {
    height: 10px;
    background-position: -4669px 0
}

.iti-flag.st {
    height: 10px;
    background-position: -4691px 0
}

.iti-flag.sv {
    height: 12px;
    background-position: -4713px 0
}

.iti-flag.sx {
    height: 14px;
    background-position: -4735px 0
}

.iti-flag.sy {
    height: 14px;
    background-position: -4757px 0
}

.iti-flag.sz {
    height: 14px;
    background-position: -4779px 0
}

.iti-flag.ta {
    height: 10px;
    background-position: -4801px 0
}

.iti-flag.tc {
    height: 10px;
    background-position: -4823px 0
}

.iti-flag.td {
    height: 14px;
    background-position: -4845px 0
}

.iti-flag.tf {
    height: 14px;
    background-position: -4867px 0
}

.iti-flag.tg {
    height: 13px;
    background-position: -4889px 0
}

.iti-flag.th {
    height: 14px;
    background-position: -4911px 0
}

.iti-flag.tj {
    height: 10px;
    background-position: -4933px 0
}

.iti-flag.tk {
    height: 10px;
    background-position: -4955px 0
}

.iti-flag.tl {
    height: 10px;
    background-position: -4977px 0
}

.iti-flag.tm {
    height: 14px;
    background-position: -4999px 0
}

.iti-flag.tn {
    height: 14px;
    background-position: -5021px 0
}

.iti-flag.to {
    height: 10px;
    background-position: -5043px 0
}

.iti-flag.tr {
    height: 14px;
    background-position: -5065px 0
}

.iti-flag.tt {
    height: 12px;
    background-position: -5087px 0
}

.iti-flag.tv {
    height: 10px;
    background-position: -5109px 0
}

.iti-flag.tw {
    height: 14px;
    background-position: -5131px 0
}

.iti-flag.tz {
    height: 14px;
    background-position: -5153px 0
}

.iti-flag.ua {
    height: 14px;
    background-position: -5175px 0
}

.iti-flag.ug {
    height: 14px;
    background-position: -5197px 0
}

.iti-flag.um {
    height: 11px;
    background-position: -5219px 0
}

.iti-flag.us {
    height: 11px;
    background-position: -5241px 0
}

.iti-flag.uy {
    height: 14px;
    background-position: -5263px 0
}

.iti-flag.uz {
    height: 10px;
    background-position: -5285px 0
}

.iti-flag.va {
    height: 15px;
    background-position: -5307px 0
}

.iti-flag.vc {
    height: 14px;
    background-position: -5324px 0
}

.iti-flag.ve {
    height: 14px;
    background-position: -5346px 0
}

.iti-flag.vg {
    height: 10px;
    background-position: -5368px 0
}

.iti-flag.vi {
    height: 14px;
    background-position: -5390px 0
}

.iti-flag.vn {
    height: 14px;
    background-position: -5412px 0
}

.iti-flag.vu {
    height: 12px;
    background-position: -5434px 0
}

.iti-flag.wf {
    height: 14px;
    background-position: -5456px 0
}

.iti-flag.ws {
    height: 10px;
    background-position: -5478px 0
}

.iti-flag.xk {
    height: 15px;
    background-position: -5500px 0
}

.iti-flag.ye {
    height: 14px;
    background-position: -5522px 0
}

.iti-flag.yt {
    height: 14px;
    background-position: -5544px 0
}

.iti-flag.za {
    height: 14px;
    background-position: -5566px 0
}

.iti-flag.zm {
    height: 14px;
    background-position: -5588px 0
}

.iti-flag.zw {
    height: 10px;
    background-position: -5610px 0
}

.iti-flag {
    width: 20px;
    height: 15px;
    box-shadow: 0 0 1px 0 #888;
    background-image: url(../img/flags.png);
    background-repeat: no-repeat;
    background-color: #dbdbdb;
    background-position: 20px 0
}

@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx) {
    .iti-flag {
        background-image: url(../img/flags@2x.png)
    }
}

.iti-flag.np {
    background-color: transparent
}

.slide-in-down.mui-enter {
    transition-duration: .5s;
    transition-timing-function: linear;
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
    transition-property: transform,opacity;
    backface-visibility: hidden
}

    .slide-in-down.mui-enter.mui-enter-active {
        -ms-transform: translateY(0);
        transform: translateY(0)
    }

.slide-in-left.mui-enter {
    transition-duration: .5s;
    transition-timing-function: linear;
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
    transition-property: transform,opacity;
    backface-visibility: hidden
}

    .slide-in-left.mui-enter.mui-enter-active {
        -ms-transform: translateX(0);
        transform: translateX(0)
    }

.slide-in-up.mui-enter {
    transition-duration: .5s;
    transition-timing-function: linear;
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    transition-property: transform,opacity;
    backface-visibility: hidden
}

    .slide-in-up.mui-enter.mui-enter-active {
        -ms-transform: translateY(0);
        transform: translateY(0)
    }

.slide-in-right.mui-enter {
    transition-duration: .5s;
    transition-timing-function: linear;
    -ms-transform: translateX(100%);
    transform: translateX(100%);
    transition-property: transform,opacity;
    backface-visibility: hidden
}

    .slide-in-right.mui-enter.mui-enter-active {
        -ms-transform: translateX(0);
        transform: translateX(0)
    }

.slide-out-down.mui-leave {
    transition-duration: .5s;
    transition-timing-function: linear;
    -ms-transform: translateY(0);
    transform: translateY(0);
    transition-property: transform,opacity;
    backface-visibility: hidden
}

    .slide-out-down.mui-leave.mui-leave-active {
        -ms-transform: translateY(100%);
        transform: translateY(100%)
    }

.slide-out-right.mui-leave {
    transition-duration: .5s;
    transition-timing-function: linear;
    -ms-transform: translateX(0);
    transform: translateX(0);
    transition-property: transform,opacity;
    backface-visibility: hidden
}

    .slide-out-right.mui-leave.mui-leave-active {
        -ms-transform: translateX(100%);
        transform: translateX(100%)
    }

.slide-out-up.mui-leave {
    transition-duration: .5s;
    transition-timing-function: linear;
    -ms-transform: translateY(0);
    transform: translateY(0);
    transition-property: transform,opacity;
    backface-visibility: hidden
}

    .slide-out-up.mui-leave.mui-leave-active {
        -ms-transform: translateY(-100%);
        transform: translateY(-100%)
    }

.slide-out-left.mui-leave {
    transition-duration: .5s;
    transition-timing-function: linear;
    -ms-transform: translateX(0);
    transform: translateX(0);
    transition-property: transform,opacity;
    backface-visibility: hidden
}

    .slide-out-left.mui-leave.mui-leave-active {
        -ms-transform: translateX(-100%);
        transform: translateX(-100%)
    }

.fade-in.mui-enter {
    transition-duration: .5s;
    transition-timing-function: linear;
    opacity: 0;
    transition-property: opacity
}

    .fade-in.mui-enter.mui-enter-active {
        opacity: 1
    }

.fade-out.mui-leave {
    transition-duration: .5s;
    transition-timing-function: linear;
    opacity: 1;
    transition-property: opacity
}

    .fade-out.mui-leave.mui-leave-active {
        opacity: 0
    }

.hinge-in-from-top.mui-enter {
    transition-duration: .5s;
    transition-timing-function: linear;
    transform: perspective(2000px) rotateX(-90deg);
    -ms-transform-origin: top;
    transform-origin: top;
    transition-property: transform,opacity;
    opacity: 0
}

    .hinge-in-from-top.mui-enter.mui-enter-active {
        transform: perspective(2000px) rotate(0);
        opacity: 1
    }

.hinge-in-from-right.mui-enter {
    transition-duration: .5s;
    transition-timing-function: linear;
    transform: perspective(2000px) rotateY(-90deg);
    -ms-transform-origin: right;
    transform-origin: right;
    transition-property: transform,opacity;
    opacity: 0
}

    .hinge-in-from-right.mui-enter.mui-enter-active {
        transform: perspective(2000px) rotate(0);
        opacity: 1
    }

.hinge-in-from-bottom.mui-enter {
    transition-duration: .5s;
    transition-timing-function: linear;
    transform: perspective(2000px) rotateX(90deg);
    -ms-transform-origin: bottom;
    transform-origin: bottom;
    transition-property: transform,opacity;
    opacity: 0
}

    .hinge-in-from-bottom.mui-enter.mui-enter-active {
        transform: perspective(2000px) rotate(0);
        opacity: 1
    }

.hinge-in-from-left.mui-enter {
    transition-duration: .5s;
    transition-timing-function: linear;
    transform: perspective(2000px) rotateY(90deg);
    -ms-transform-origin: left;
    transform-origin: left;
    transition-property: transform,opacity;
    opacity: 0
}

    .hinge-in-from-left.mui-enter.mui-enter-active {
        transform: perspective(2000px) rotate(0);
        opacity: 1
    }

.hinge-in-from-middle-x.mui-enter {
    transition-duration: .5s;
    transition-timing-function: linear;
    transform: perspective(2000px) rotateX(-90deg);
    -ms-transform-origin: center;
    transform-origin: center;
    transition-property: transform,opacity;
    opacity: 0
}

    .hinge-in-from-middle-x.mui-enter.mui-enter-active {
        transform: perspective(2000px) rotate(0);
        opacity: 1
    }

.hinge-in-from-middle-y.mui-enter {
    transition-duration: .5s;
    transition-timing-function: linear;
    transform: perspective(2000px) rotateY(-90deg);
    -ms-transform-origin: center;
    transform-origin: center;
    transition-property: transform,opacity;
    opacity: 0
}

    .hinge-in-from-middle-y.mui-enter.mui-enter-active {
        transform: perspective(2000px) rotate(0);
        opacity: 1
    }

.hinge-out-from-top.mui-leave {
    transition-duration: .5s;
    transition-timing-function: linear;
    transform: perspective(2000px) rotate(0);
    -ms-transform-origin: top;
    transform-origin: top;
    transition-property: transform,opacity;
    opacity: 1
}

    .hinge-out-from-top.mui-leave.mui-leave-active {
        transform: perspective(2000px) rotateX(-90deg);
        opacity: 0
    }

.hinge-out-from-right.mui-leave {
    transition-duration: .5s;
    transition-timing-function: linear;
    transform: perspective(2000px) rotate(0);
    -ms-transform-origin: right;
    transform-origin: right;
    transition-property: transform,opacity;
    opacity: 1
}

    .hinge-out-from-right.mui-leave.mui-leave-active {
        transform: perspective(2000px) rotateY(-90deg);
        opacity: 0
    }

.hinge-out-from-bottom.mui-leave {
    transition-duration: .5s;
    transition-timing-function: linear;
    transform: perspective(2000px) rotate(0);
    -ms-transform-origin: bottom;
    transform-origin: bottom;
    transition-property: transform,opacity;
    opacity: 1
}

    .hinge-out-from-bottom.mui-leave.mui-leave-active {
        transform: perspective(2000px) rotateX(90deg);
        opacity: 0
    }

.hinge-out-from-left.mui-leave {
    transition-duration: .5s;
    transition-timing-function: linear;
    transform: perspective(2000px) rotate(0);
    -ms-transform-origin: left;
    transform-origin: left;
    transition-property: transform,opacity;
    opacity: 1
}

    .hinge-out-from-left.mui-leave.mui-leave-active {
        transform: perspective(2000px) rotateY(90deg);
        opacity: 0
    }

.hinge-out-from-middle-x.mui-leave {
    transition-duration: .5s;
    transition-timing-function: linear;
    transform: perspective(2000px) rotate(0);
    -ms-transform-origin: center;
    transform-origin: center;
    transition-property: transform,opacity;
    opacity: 1
}

    .hinge-out-from-middle-x.mui-leave.mui-leave-active {
        transform: perspective(2000px) rotateX(-90deg);
        opacity: 0
    }

.hinge-out-from-middle-y.mui-leave {
    transition-duration: .5s;
    transition-timing-function: linear;
    transform: perspective(2000px) rotate(0);
    -ms-transform-origin: center;
    transform-origin: center;
    transition-property: transform,opacity;
    opacity: 1
}

    .hinge-out-from-middle-y.mui-leave.mui-leave-active {
        transform: perspective(2000px) rotateY(-90deg);
        opacity: 0
    }

.scale-in-up.mui-enter {
    transition-duration: .5s;
    transition-timing-function: linear;
    -ms-transform: scale(.5);
    transform: scale(.5);
    transition-property: transform,opacity;
    opacity: 0
}

    .scale-in-up.mui-enter.mui-enter-active {
        -ms-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

.scale-in-down.mui-enter {
    transition-duration: .5s;
    transition-timing-function: linear;
    -ms-transform: scale(1.5);
    transform: scale(1.5);
    transition-property: transform,opacity;
    opacity: 0
}

    .scale-in-down.mui-enter.mui-enter-active {
        -ms-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

.scale-out-up.mui-leave {
    transition-duration: .5s;
    transition-timing-function: linear;
    -ms-transform: scale(1);
    transform: scale(1);
    transition-property: transform,opacity;
    opacity: 1
}

    .scale-out-up.mui-leave.mui-leave-active {
        -ms-transform: scale(1.5);
        transform: scale(1.5);
        opacity: 0
    }

.scale-out-down.mui-leave {
    transition-duration: .5s;
    transition-timing-function: linear;
    -ms-transform: scale(1);
    transform: scale(1);
    transition-property: transform,opacity;
    opacity: 1
}

    .scale-out-down.mui-leave.mui-leave-active {
        -ms-transform: scale(.5);
        transform: scale(.5);
        opacity: 0
    }

.spin-in.mui-enter {
    transition-duration: .5s;
    transition-timing-function: linear;
    -ms-transform: rotate(-.75turn);
    transform: rotate(-.75turn);
    transition-property: transform,opacity;
    opacity: 0
}

    .spin-in.mui-enter.mui-enter-active {
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }

.spin-out.mui-leave {
    transition-duration: .5s;
    transition-timing-function: linear;
    -ms-transform: rotate(0);
    transform: rotate(0);
    transition-property: transform,opacity;
    opacity: 1
}

    .spin-out.mui-leave.mui-leave-active {
        -ms-transform: rotate(.75turn);
        transform: rotate(.75turn);
        opacity: 0
    }

.spin-in-ccw.mui-enter {
    transition-duration: .5s;
    transition-timing-function: linear;
    -ms-transform: rotate(.75turn);
    transform: rotate(.75turn);
    transition-property: transform,opacity;
    opacity: 0
}

    .spin-in-ccw.mui-enter.mui-enter-active {
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }

.spin-out-ccw.mui-leave {
    transition-duration: .5s;
    transition-timing-function: linear;
    -ms-transform: rotate(0);
    transform: rotate(0);
    transition-property: transform,opacity;
    opacity: 1
}

    .spin-out-ccw.mui-leave.mui-leave-active {
        -ms-transform: rotate(-.75turn);
        transform: rotate(-.75turn);
        opacity: 0
    }

.slow {
    transition-duration: 750ms !important
}

.fast {
    transition-duration: 250ms !important
}

.linear {
    transition-timing-function: linear !important
}

.ease {
    transition-timing-function: ease !important
}

.ease-in {
    transition-timing-function: ease-in !important
}

.ease-out {
    transition-timing-function: ease-out !important
}

.ease-in-out {
    transition-timing-function: ease-in-out !important
}

.bounce-in {
    transition-timing-function: cubic-bezier(.485,.155,.24,1.245) !important
}

.bounce-out {
    transition-timing-function: cubic-bezier(.485,.155,.515,.845) !important
}

.bounce-in-out {
    transition-timing-function: cubic-bezier(.76,-.245,.24,1.245) !important
}

.short-delay {
    transition-delay: .3s !important
}

.long-delay {
    transition-delay: .7s !important
}

.shake {
    animation-name: shake-7
}

@keyframes shake-7 {
    0%,10%,20%,30%,40%,50%,60%,70%,80%,90% {
        transform: translateX(7%)
    }

    15%,25%,35%,45%,5%,55%,65%,75%,85%,95% {
        transform: translateX(-7%)
    }
}

.spin-cw {
    animation-name: spin-cw-1turn
}

@keyframes spin-cw-1turn {
    0% {
        transform: rotate(-1turn)
    }

    100% {
        transform: rotate(0)
    }
}

.spin-ccw {
    animation-name: spin-cw-1turn
}

@keyframes spin-cw-1turn {
    0% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(1turn)
    }
}

.wiggle {
    animation-name: wiggle-7deg
}

@keyframes wiggle-7deg {
    40%,50%,60% {
        transform: rotate(7deg)
    }

    35%,45%,55%,65% {
        transform: rotate(-7deg)
    }

    0%,100%,30%,70% {
        transform: rotate(0)
    }
}

.shake, .spin-ccw, .spin-cw, .wiggle {
    animation-duration: .5s
}

.infinite {
    animation-iteration-count: infinite
}

.slow {
    animation-duration: 750ms !important
}

.fast {
    animation-duration: 250ms !important
}

.linear {
    animation-timing-function: linear !important
}

.ease {
    animation-timing-function: ease !important
}

.ease-in {
    animation-timing-function: ease-in !important
}

.ease-out {
    animation-timing-function: ease-out !important
}

.ease-in-out {
    animation-timing-function: ease-in-out !important
}

.bounce-in {
    animation-timing-function: cubic-bezier(.485,.155,.24,1.245) !important
}

.bounce-out {
    animation-timing-function: cubic-bezier(.485,.155,.515,.845) !important
}

.bounce-in-out {
    animation-timing-function: cubic-bezier(.76,-.245,.24,1.245) !important
}

.short-delay {
    animation-delay: .3s !important
}

.long-delay {
    animation-delay: .7s !important
}

.swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    z-index: 1
}

.swiper-container-no-flexbox .swiper-slide {
    float: left
}

.swiper-container-vertical > .swiper-wrapper {
    -ms-flex-direction: column;
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -ms-flexbox;
    display: flex;
    transition-property: transform;
    box-sizing: content-box
}

.swiper-container-android .swiper-slide, .swiper-wrapper {
    -ms-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

.swiper-container-multirow > .swiper-wrapper {
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.swiper-container-free-mode > .swiper-wrapper {
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-slide {
    -webkit-flex-shrink: 0;
    -ms-flex: 0 0 auto;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative
}

.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide {
    height: auto
}

    .swiper-container-autoheight .swiper-wrapper {
        -ms-flex-align: start;
        align-items: flex-start;
        transition-property: transform,height
    }

.swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}

.swiper-wp8-horizontal {
    -ms-touch-action: pan-y;
    touch-action: pan-y
}

.swiper-wp8-vertical {
    -ms-touch-action: pan-x;
    touch-action: pan-x
}

.swiper-button-next, .swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 27px;
    height: 44px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    background-size: 27px 44px;
    background-position: center;
    background-repeat: no-repeat
}

    .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
        opacity: .35;
        cursor: auto;
        pointer-events: none
    }

.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    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'%23007aff'%2F%3E%3C%2Fsvg%3E");
    left: 10px;
    right: auto
}

    .swiper-button-prev.swiper-button-black, .swiper-container-rtl .swiper-button-next.swiper-button-black {
        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'%23000000'%2F%3E%3C%2Fsvg%3E")
    }

    .swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white {
        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'%23ffffff'%2F%3E%3C%2Fsvg%3E")
    }

.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    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'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
    right: 10px;
    left: auto
}

    .swiper-button-next.swiper-button-black, .swiper-container-rtl .swiper-button-prev.swiper-button-black {
        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'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
    }

    .swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white {
        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'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
    }

.swiper-pagination {
    position: absolute;
    text-align: center;
    transition: .3s;
    -ms-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    z-index: 10
}

    .swiper-pagination.swiper-pagination-hidden {
        opacity: 0
    }

.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%
}

.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: .2
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -webkit-appearance: none;
    appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-white .swiper-pagination-bullet {
    background: #fff
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: #007aff
}

.swiper-pagination-white .swiper-pagination-bullet-active {
    background: #fff
}

.swiper-pagination-black .swiper-pagination-bullet-active {
    background: #000
}

.swiper-container-vertical > .swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    -ms-transform: translate3d(0,-50%,0);
    transform: translate3d(0,-50%,0)
}

    .swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
        margin: 5px 0;
        display: block
    }

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 5px
}

.swiper-pagination-progress {
    background: rgba(0,0,0,.25);
    position: absolute
}

    .swiper-pagination-progress .swiper-pagination-progressbar {
        background: #007aff;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        -ms-transform: scale(0);
        transform: scale(0);
        -ms-transform-origin: left top;
        transform-origin: left top
    }

.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar {
    -ms-transform-origin: right top;
    transform-origin: right top
}

.swiper-container-horizontal > .swiper-pagination-progress {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0
}

.swiper-container-vertical > .swiper-pagination-progress {
    width: 4px;
    height: 100%;
    left: 0;
    top: 0
}

.swiper-pagination-progress.swiper-pagination-white {
    background: rgba(255,255,255,.5)
}

    .swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar {
        background: #fff
    }

.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar {
    background: #000
}

.swiper-container-3d {
    -o-perspective: 1200px;
    perspective: 1200px
}

    .swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper {
        -ms-transform-style: preserve-3d;
        transform-style: preserve-3d
    }

    .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        pointer-events: none;
        z-index: 10
    }

    .swiper-container-3d .swiper-slide-shadow-left {
        background-image: linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))
    }

    .swiper-container-3d .swiper-slide-shadow-right {
        background-image: linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))
    }

    .swiper-container-3d .swiper-slide-shadow-top {
        background-image: linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))
    }

    .swiper-container-3d .swiper-slide-shadow-bottom {
        background-image: linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))
    }

.swiper-container-coverflow .swiper-wrapper, .swiper-container-flip .swiper-wrapper {
    -ms-perspective: 1200px
}

.swiper-container-cube, .swiper-container-flip {
    overflow: visible
}

    .swiper-container-cube .swiper-slide, .swiper-container-flip .swiper-slide {
        pointer-events: none;
        -ms-backface-visibility: hidden;
        backface-visibility: hidden;
        z-index: 1
    }

        .swiper-container-cube .swiper-slide .swiper-slide, .swiper-container-flip .swiper-slide .swiper-slide {
            pointer-events: none
        }

    .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active, .swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active {
        pointer-events: auto
    }

    .swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-cube .swiper-slide-shadow-top, .swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-top {
        z-index: 0;
        -ms-backface-visibility: hidden;
        backface-visibility: hidden
    }

    .swiper-container-cube .swiper-slide {
        visibility: hidden;
        -ms-transform-origin: 0 0;
        transform-origin: 0 0;
        width: 100%;
        height: 100%
    }

    .swiper-container-cube.swiper-container-rtl .swiper-slide {
        -ms-transform-origin: 100% 0;
        transform-origin: 100% 0
    }

    .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-next + .swiper-slide, .swiper-container-cube .swiper-slide-prev {
        pointer-events: auto;
        visibility: visible
    }

    .swiper-container-cube .swiper-cube-shadow {
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        background: #000;
        opacity: .6;
        filter: blur(50px);
        z-index: 0
    }

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
    transition-timing-function: ease-out
}

.swiper-container-fade .swiper-slide {
    pointer-events: none;
    transition-property: opacity
}

    .swiper-container-fade .swiper-slide .swiper-slide {
        pointer-events: none
    }

.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center
}

    .swiper-zoom-container > canvas, .swiper-zoom-container > img, .swiper-zoom-container > svg {
        max-width: 100%;
        max-height: 100%;
        object-fit: contain
    }

.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0,0,0,.1)
}

.swiper-container-horizontal > .swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%
}

.swiper-container-vertical > .swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0,0,0,.5);
    border-radius: 10px;
    left: 0;
    top: 0
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    -ms-transform-origin: 50%;
    transform-origin: 50%;
    animation: swiper-preloader-spin 1s steps(12,end) infinite
}

    .swiper-lazy-preloader:after {
        display: block;
        content: "";
        width: 100%;
        height: 100%;
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
        background-position: 50%;
        background-size: 100%;
        background-repeat: no-repeat
    }

.swiper-lazy-preloader-white:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}

@keyframes swiper-preloader-spin {
    100% {
        transform: rotate(360deg)
    }
}

.lmd-tooltip {
    opacity: .6;
    background-color: #000
}

@font-face {
    font-family: pixel-icons;
    src: url(/icons/pixel-icons.eot?852f3a4d2f67bc5170814a72842ce63c);
    src: url(/icons/pixel-icons.eot?#iefix) format("embedded-opentype"),url(/icons/pixel-icons.woff?852f3a4d2f67bc5170814a72842ce63c) format("woff"),url(/icons/pixel-icons.ttf?852f3a4d2f67bc5170814a72842ce63c) format("truetype"),url(/icons/pixel-icons.svg?852f3a4d2f67bc5170814a72842ce63c#icons) format("svg");
    font-weight: 400;
    font-style: normal
}

[class*=" icon-"]:after, [class*=" icon-"]:before, [class^=icon-]:after, [class^=icon-]:before {
    float: left;
    font-family: pixel-icons !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-arrow-big:before {
    content: "\f101"
}

.icon-arrow-left:before {
    content: "\f102"
}

.icon-arrow-right:before {
    content: "\f103"
}

.icon-arrow-small:before {
    content: "\f104"
}

.icon-badge:before {
    content: "\f105"
}

.icon-bathrooms:before {
    content: "\f106"
}

.icon-bedrooms:before {
    content: "\f107"
}

.icon-blog:before {
    content: "\f108"
}

.icon-calculator:before {
    content: "\f109"
}

.icon-callback:before {
    content: "\f10a"
}

.icon-camera:before {
    content: "\f10b"
}

.icon-check:before {
    content: "\f10c"
}

.icon-checkbox:before {
    content: "\f10d"
}

.icon-checkthin:before {
    content: "\f10e"
}

.icon-close-zoom:before {
    content: "\f10f"
}

.icon-country-dropdown:before {
    content: "\f110"
}

.icon-dropdown-closed:before {
    content: "\f111"
}

.icon-dropdown-open:before {
    content: "\f112"
}

.icon-email-full:before {
    content: "\f113"
}

.icon-email:before {
    content: "\f114"
}

.icon-facebook:before {
    content: "\f115"
}

.icon-favorite-full:before {
    content: "\f116"
}

.icon-favorite:before {
    content: "\f117"
}

.icon-featured:before {
    content: "\f118"
}

.icon-filter:before {
    content: "\f119"
}

.icon-filter2:before {
    content: "\f11a"
}

.icon-google-plus:before {
    content: "\f11b"
}

.icon-heart:before {
    content: "\f11c"
}

.icon-house:before {
    content: "\f11d"
}

.icon-ic-map:before {
    content: "\f11e"
}

.icon-ic-search-black:before {
    content: "\f11f"
}

.icon-journal:before {
    content: "\f120"
}

.icon-language:before {
    content: "\f121"
}

.icon-livingsize:before {
    content: "\f122"
}

.icon-magnifier:before {
    content: "\f123"
}

.icon-message:before {
    content: "\f124"
}

.icon-mobile:before {
    content: "\f125"
}

.icon-navigate-left:before {
    content: "\f126"
}

.icon-navigate-right:before {
    content: "\f127"
}

.icon-not-found:before {
    content: "\f128"
}

.icon-pdf:before {
    content: "\f129"
}

.icon-phone:before {
    content: "\f12a"
}

.icon-pin-map:before {
    content: "\f12b"
}

.icon-pin:before {
    content: "\f12c"
}

.icon-print:before {
    content: "\f12d"
}

.icon-report:before {
    content: "\f12e"
}

.icon-save-search:before {
    content: "\f12f"
}

.icon-sent:before {
    content: "\f130"
}

.icon-share:before {
    content: "\f131"
}

.icon-spinner2:before {
    content: "\f132"
}

.icon-target:before {
    content: "\f133"
}

.icon-twitter:before {
    content: "\f134"
}

.icon-upload:before {
    content: "\f135"
}

.icon-video:before {
    content: "\f136"
}
/*! normalize-scss | MIT/GPLv2 License | bit.ly/normalize-scss */

html {
    font-family: sans-serif;
    line-height: 1.15;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

article, aside, footer, header, nav, section {
    display: block
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

figcaption, figure {
    display: block
}

figure {
    margin: 1em 40px
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

main {
    display: block
}

pre {
    font-family: monospace,monospace;
    font-size: 1em
}

a {
    background-color: transparent;
    -webkit-text-decoration-skip: objects
}

    a:active, a:hover {
        outline-width: 0
    }

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted
}

b, strong {
    font-weight: inherit
}

b, strong {
    font-weight: bolder
}

code, kbd, samp {
    font-family: monospace,monospace;
    font-size: 1em
}

dfn {
    font-style: italic
}

mark {
    background-color: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

audio, video {
    display: inline-block
}

    audio:not([controls]) {
        display: none;
        height: 0
    }

img {
    border-style: none
}

svg:not(:root) {
    overflow: hidden
}

button, input, optgroup, select, textarea {
    font-family: sans-serif;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button {
    overflow: visible
}

button, select {
    text-transform: none
}

[type=reset], [type=submit], button, html [type=button] {
    -webkit-appearance: button
}

    [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
        border-style: none;
        padding: 0
    }

    [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring {
        outline: 1px dotted ButtonText
    }

input {
    overflow: visible
}

[type=checkbox], [type=radio] {
    box-sizing: border-box;
    padding: 0
}

[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

    [type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration {
        -webkit-appearance: none
    }

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

legend {
    box-sizing: border-box;
    display: table;
    max-width: 100%;
    padding: 0;
    color: inherit;
    white-space: normal
}

progress {
    display: inline-block;
    vertical-align: baseline
}

textarea {
    overflow: auto
}

details {
    display: block
}

summary {
    display: list-item
}

menu {
    display: block
}

canvas {
    display: inline-block
}

template {
    display: none
}

[hidden] {
    display: none
}

.foundation-mq {
    font-family: "small=0em&medium=64em&large=80em&xlarge=85.375em&xxlarge=90em"
}

html {
    box-sizing: border-box;
    font-size: 100%
}

*, ::after, ::before {
    box-sizing: inherit
}

body {
    margin: 0;
    padding: 0;
    background: #fefefe;
    font-family: "Helvetica Neue",Helvetica,Roboto,Arial,sans-serif;
    font-weight: 400;
    line-height: 1.5;
    color: #0a0a0a;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

img {
    display: inline-block;
    vertical-align: middle;
    max-width: 100%;
    height: auto;
    -ms-interpolation-mode: bicubic
}

textarea {
    height: auto;
    min-height: 50px;
    border-radius: 0
}

select {
    box-sizing: border-box;
    width: 100%;
    border-radius: 0
}

.map_canvas embed, .map_canvas img, .map_canvas object, .mqa-display embed, .mqa-display img, .mqa-display object {
    max-width: none !important
}

button {
    padding: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0;
    border-radius: 0;
    background: 0 0;
    line-height: 1;
    cursor: auto
}

[data-whatinput=mouse] button {
    outline: 0
}

pre {
    overflow: auto
}

button, input, optgroup, select, textarea {
    font-family: inherit
}

.is-visible {
    display: block !important
}

.is-hidden {
    display: none !important
}

.row {
    max-width: 75rem;
    margin-right: auto;
    margin-left: auto
}

    .row::after, .row::before {
        display: table;
        content: ' ';
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-order: 1;
        order: 1
    }

    .row::after {
        clear: both
    }

    .row.collapse > .column, .row.collapse > .columns {
        padding-right: 0;
        padding-left: 0
    }

    .row .row {
        margin-right: -.625rem;
        margin-left: -.625rem
    }

@media print,screen and (min-width:64em) {
    .row .row {
        margin-right: -.9375rem;
        margin-left: -.9375rem
    }
}

@media print,screen and (min-width:80em) {
    .row .row {
        margin-right: -.9375rem;
        margin-left: -.9375rem
    }
}

.row .row.collapse {
    margin-right: 0;
    margin-left: 0
}

.row.expanded {
    max-width: none
}

    .row.expanded .row {
        margin-right: auto;
        margin-left: auto
    }

.row:not(.expanded) .row {
    max-width: none
}

.row.gutter-small > .column, .row.gutter-small > .columns {
    padding-right: .625rem;
    padding-left: .625rem
}

.row.gutter-medium > .column, .row.gutter-medium > .columns {
    padding-right: .9375rem;
    padding-left: .9375rem
}

.column, .columns {
    width: 100%;
    float: left;
    padding-right: .625rem;
    padding-left: .625rem
}

@media print,screen and (min-width:64em) {
    .column, .columns {
        padding-right: .9375rem;
        padding-left: .9375rem
    }
}

.column:last-child:not(:first-child), .columns:last-child:not(:first-child) {
    float: right
}

.column.end:last-child:last-child, .end.columns:last-child:last-child {
    float: left
}

.column.row.row, .row.row.columns {
    float: none
}

.row .column.row.row, .row .row.row.columns {
    margin-right: 0;
    margin-left: 0;
    padding-right: 0;
    padding-left: 0
}

.small-1 {
    width: 8.3333333333%
}

.small-push-1 {
    position: relative;
    left: 8.3333333333%
}

.small-pull-1 {
    position: relative;
    left: -8.3333333333%
}

.small-offset-0 {
    margin-left: 0
}

.small-2 {
    width: 16.6666666667%
}

.small-push-2 {
    position: relative;
    left: 16.6666666667%
}

.small-pull-2 {
    position: relative;
    left: -16.6666666667%
}

.small-offset-1 {
    margin-left: 8.3333333333%
}

.small-3 {
    width: 25%
}

.small-push-3 {
    position: relative;
    left: 25%
}

.small-pull-3 {
    position: relative;
    left: -25%
}

.small-offset-2 {
    margin-left: 16.6666666667%
}

.small-4 {
    width: 33.3333333333%
}

.small-push-4 {
    position: relative;
    left: 33.3333333333%
}

.small-pull-4 {
    position: relative;
    left: -33.3333333333%
}

.small-offset-3 {
    margin-left: 25%
}

.small-5 {
    width: 41.6666666667%
}

.small-push-5 {
    position: relative;
    left: 41.6666666667%
}

.small-pull-5 {
    position: relative;
    left: -41.6666666667%
}

.small-offset-4 {
    margin-left: 33.3333333333%
}

.small-6 {
    width: 50%
}

.small-push-6 {
    position: relative;
    left: 50%
}

.small-pull-6 {
    position: relative;
    left: -50%
}

.small-offset-5 {
    margin-left: 41.6666666667%
}

.small-7 {
    width: 58.3333333333%
}

.small-push-7 {
    position: relative;
    left: 58.3333333333%
}

.small-pull-7 {
    position: relative;
    left: -58.3333333333%
}

.small-offset-6 {
    margin-left: 50%
}

.small-8 {
    width: 66.6666666667%
}

.small-push-8 {
    position: relative;
    left: 66.6666666667%
}

.small-pull-8 {
    position: relative;
    left: -66.6666666667%
}

.small-offset-7 {
    margin-left: 58.3333333333%
}

.small-9 {
    width: 75%
}

.small-push-9 {
    position: relative;
    left: 75%
}

.small-pull-9 {
    position: relative;
    left: -75%
}

.small-offset-8 {
    margin-left: 66.6666666667%
}

.small-10 {
    width: 83.3333333333%
}

.small-push-10 {
    position: relative;
    left: 83.3333333333%
}

.small-pull-10 {
    position: relative;
    left: -83.3333333333%
}

.small-offset-9 {
    margin-left: 75%
}

.small-11 {
    width: 91.6666666667%
}

.small-push-11 {
    position: relative;
    left: 91.6666666667%
}

.small-pull-11 {
    position: relative;
    left: -91.6666666667%
}

.small-offset-10 {
    margin-left: 83.3333333333%
}

.small-12 {
    width: 100%
}

.small-offset-11 {
    margin-left: 91.6666666667%
}

.small-up-1 > .column, .small-up-1 > .columns {
    float: left;
    width: 100%
}

    .small-up-1 > .column:nth-of-type(1n), .small-up-1 > .columns:nth-of-type(1n) {
        clear: none
    }

    .small-up-1 > .column:nth-of-type(1n+1), .small-up-1 > .columns:nth-of-type(1n+1) {
        clear: both
    }

    .small-up-1 > .column:last-child, .small-up-1 > .columns:last-child {
        float: left
    }

.small-up-2 > .column, .small-up-2 > .columns {
    float: left;
    width: 50%
}

    .small-up-2 > .column:nth-of-type(1n), .small-up-2 > .columns:nth-of-type(1n) {
        clear: none
    }

    .small-up-2 > .column:nth-of-type(2n+1), .small-up-2 > .columns:nth-of-type(2n+1) {
        clear: both
    }

    .small-up-2 > .column:last-child, .small-up-2 > .columns:last-child {
        float: left
    }

.small-up-3 > .column, .small-up-3 > .columns {
    float: left;
    width: 33.3333333333%
}

    .small-up-3 > .column:nth-of-type(1n), .small-up-3 > .columns:nth-of-type(1n) {
        clear: none
    }

    .small-up-3 > .column:nth-of-type(3n+1), .small-up-3 > .columns:nth-of-type(3n+1) {
        clear: both
    }

    .small-up-3 > .column:last-child, .small-up-3 > .columns:last-child {
        float: left
    }

.small-up-4 > .column, .small-up-4 > .columns {
    float: left;
    width: 25%
}

    .small-up-4 > .column:nth-of-type(1n), .small-up-4 > .columns:nth-of-type(1n) {
        clear: none
    }

    .small-up-4 > .column:nth-of-type(4n+1), .small-up-4 > .columns:nth-of-type(4n+1) {
        clear: both
    }

    .small-up-4 > .column:last-child, .small-up-4 > .columns:last-child {
        float: left
    }

.small-up-5 > .column, .small-up-5 > .columns {
    float: left;
    width: 20%
}

    .small-up-5 > .column:nth-of-type(1n), .small-up-5 > .columns:nth-of-type(1n) {
        clear: none
    }

    .small-up-5 > .column:nth-of-type(5n+1), .small-up-5 > .columns:nth-of-type(5n+1) {
        clear: both
    }

    .small-up-5 > .column:last-child, .small-up-5 > .columns:last-child {
        float: left
    }

.small-up-6 > .column, .small-up-6 > .columns {
    float: left;
    width: 16.6666666667%
}

    .small-up-6 > .column:nth-of-type(1n), .small-up-6 > .columns:nth-of-type(1n) {
        clear: none
    }

    .small-up-6 > .column:nth-of-type(6n+1), .small-up-6 > .columns:nth-of-type(6n+1) {
        clear: both
    }

    .small-up-6 > .column:last-child, .small-up-6 > .columns:last-child {
        float: left
    }

.small-up-7 > .column, .small-up-7 > .columns {
    float: left;
    width: 14.2857142857%
}

    .small-up-7 > .column:nth-of-type(1n), .small-up-7 > .columns:nth-of-type(1n) {
        clear: none
    }

    .small-up-7 > .column:nth-of-type(7n+1), .small-up-7 > .columns:nth-of-type(7n+1) {
        clear: both
    }

    .small-up-7 > .column:last-child, .small-up-7 > .columns:last-child {
        float: left
    }

.small-up-8 > .column, .small-up-8 > .columns {
    float: left;
    width: 12.5%
}

    .small-up-8 > .column:nth-of-type(1n), .small-up-8 > .columns:nth-of-type(1n) {
        clear: none
    }

    .small-up-8 > .column:nth-of-type(8n+1), .small-up-8 > .columns:nth-of-type(8n+1) {
        clear: both
    }

    .small-up-8 > .column:last-child, .small-up-8 > .columns:last-child {
        float: left
    }

.small-collapse > .column, .small-collapse > .columns {
    padding-right: 0;
    padding-left: 0
}

.small-collapse .row {
    margin-right: 0;
    margin-left: 0
}

.expanded.row .small-collapse.row {
    margin-right: 0;
    margin-left: 0
}

.small-uncollapse > .column, .small-uncollapse > .columns {
    padding-right: .625rem;
    padding-left: .625rem
}

.small-centered {
    margin-right: auto;
    margin-left: auto
}

    .small-centered, .small-centered:last-child:not(:first-child) {
        float: none;
        clear: both
    }

.small-pull-0, .small-push-0, .small-uncentered {
    position: static;
    float: left;
    margin-right: 0;
    margin-left: 0
}

@media print,screen and (min-width:64em) {
    .medium-1 {
        width: 8.3333333333%
    }

    .medium-push-1 {
        position: relative;
        left: 8.3333333333%
    }

    .medium-pull-1 {
        position: relative;
        left: -8.3333333333%
    }

    .medium-offset-0 {
        margin-left: 0
    }

    .medium-2 {
        width: 16.6666666667%
    }

    .medium-push-2 {
        position: relative;
        left: 16.6666666667%
    }

    .medium-pull-2 {
        position: relative;
        left: -16.6666666667%
    }

    .medium-offset-1 {
        margin-left: 8.3333333333%
    }

    .medium-3 {
        width: 25%
    }

    .medium-push-3 {
        position: relative;
        left: 25%
    }

    .medium-pull-3 {
        position: relative;
        left: -25%
    }

    .medium-offset-2 {
        margin-left: 16.6666666667%
    }

    .medium-4 {
        width: 33.3333333333%
    }

    .medium-push-4 {
        position: relative;
        left: 33.3333333333%
    }

    .medium-pull-4 {
        position: relative;
        left: -33.3333333333%
    }

    .medium-offset-3 {
        margin-left: 25%
    }

    .medium-5 {
        width: 41.6666666667%
    }

    .medium-push-5 {
        position: relative;
        left: 41.6666666667%
    }

    .medium-pull-5 {
        position: relative;
        left: -41.6666666667%
    }

    .medium-offset-4 {
        margin-left: 33.3333333333%
    }

    .medium-6 {
        width: 50%
    }

    .medium-push-6 {
        position: relative;
        left: 50%
    }

    .medium-pull-6 {
        position: relative;
        left: -50%
    }

    .medium-offset-5 {
        margin-left: 41.6666666667%
    }

    .medium-7 {
        width: 58.3333333333%
    }

    .medium-push-7 {
        position: relative;
        left: 58.3333333333%
    }

    .medium-pull-7 {
        position: relative;
        left: -58.3333333333%
    }

    .medium-offset-6 {
        margin-left: 50%
    }

    .medium-8 {
        width: 66.6666666667%
    }

    .medium-push-8 {
        position: relative;
        left: 66.6666666667%
    }

    .medium-pull-8 {
        position: relative;
        left: -66.6666666667%
    }

    .medium-offset-7 {
        margin-left: 58.3333333333%
    }

    .medium-9 {
        width: 75%
    }

    .medium-push-9 {
        position: relative;
        left: 75%
    }

    .medium-pull-9 {
        position: relative;
        left: -75%
    }

    .medium-offset-8 {
        margin-left: 66.6666666667%
    }

    .medium-10 {
        width: 83.3333333333%
    }

    .medium-push-10 {
        position: relative;
        left: 83.3333333333%
    }

    .medium-pull-10 {
        position: relative;
        left: -83.3333333333%
    }

    .medium-offset-9 {
        margin-left: 75%
    }

    .medium-11 {
        width: 91.6666666667%
    }

    .medium-push-11 {
        position: relative;
        left: 91.6666666667%
    }

    .medium-pull-11 {
        position: relative;
        left: -91.6666666667%
    }

    .medium-offset-10 {
        margin-left: 83.3333333333%
    }

    .medium-12 {
        width: 100%
    }

    .medium-offset-11 {
        margin-left: 91.6666666667%
    }

    .medium-up-1 > .column, .medium-up-1 > .columns {
        float: left;
        width: 100%
    }

        .medium-up-1 > .column:nth-of-type(1n), .medium-up-1 > .columns:nth-of-type(1n) {
            clear: none
        }

        .medium-up-1 > .column:nth-of-type(1n+1), .medium-up-1 > .columns:nth-of-type(1n+1) {
            clear: both
        }

        .medium-up-1 > .column:last-child, .medium-up-1 > .columns:last-child {
            float: left
        }

    .medium-up-2 > .column, .medium-up-2 > .columns {
        float: left;
        width: 50%
    }

        .medium-up-2 > .column:nth-of-type(1n), .medium-up-2 > .columns:nth-of-type(1n) {
            clear: none
        }

        .medium-up-2 > .column:nth-of-type(2n+1), .medium-up-2 > .columns:nth-of-type(2n+1) {
            clear: both
        }

        .medium-up-2 > .column:last-child, .medium-up-2 > .columns:last-child {
            float: left
        }

    .medium-up-3 > .column, .medium-up-3 > .columns {
        float: left;
        width: 33.3333333333%
    }

        .medium-up-3 > .column:nth-of-type(1n), .medium-up-3 > .columns:nth-of-type(1n) {
            clear: none
        }

        .medium-up-3 > .column:nth-of-type(3n+1), .medium-up-3 > .columns:nth-of-type(3n+1) {
            clear: both
        }

        .medium-up-3 > .column:last-child, .medium-up-3 > .columns:last-child {
            float: left
        }

    .medium-up-4 > .column, .medium-up-4 > .columns {
        float: left;
        width: 25%
    }

        .medium-up-4 > .column:nth-of-type(1n), .medium-up-4 > .columns:nth-of-type(1n) {
            clear: none
        }

        .medium-up-4 > .column:nth-of-type(4n+1), .medium-up-4 > .columns:nth-of-type(4n+1) {
            clear: both
        }

        .medium-up-4 > .column:last-child, .medium-up-4 > .columns:last-child {
            float: left
        }

    .medium-up-5 > .column, .medium-up-5 > .columns {
        float: left;
        width: 20%
    }

        .medium-up-5 > .column:nth-of-type(1n), .medium-up-5 > .columns:nth-of-type(1n) {
            clear: none
        }

        .medium-up-5 > .column:nth-of-type(5n+1), .medium-up-5 > .columns:nth-of-type(5n+1) {
            clear: both
        }

        .medium-up-5 > .column:last-child, .medium-up-5 > .columns:last-child {
            float: left
        }

    .medium-up-6 > .column, .medium-up-6 > .columns {
        float: left;
        width: 16.6666666667%
    }

        .medium-up-6 > .column:nth-of-type(1n), .medium-up-6 > .columns:nth-of-type(1n) {
            clear: none
        }

        .medium-up-6 > .column:nth-of-type(6n+1), .medium-up-6 > .columns:nth-of-type(6n+1) {
            clear: both
        }

        .medium-up-6 > .column:last-child, .medium-up-6 > .columns:last-child {
            float: left
        }

    .medium-up-7 > .column, .medium-up-7 > .columns {
        float: left;
        width: 14.2857142857%
    }

        .medium-up-7 > .column:nth-of-type(1n), .medium-up-7 > .columns:nth-of-type(1n) {
            clear: none
        }

        .medium-up-7 > .column:nth-of-type(7n+1), .medium-up-7 > .columns:nth-of-type(7n+1) {
            clear: both
        }

        .medium-up-7 > .column:last-child, .medium-up-7 > .columns:last-child {
            float: left
        }

    .medium-up-8 > .column, .medium-up-8 > .columns {
        float: left;
        width: 12.5%
    }

        .medium-up-8 > .column:nth-of-type(1n), .medium-up-8 > .columns:nth-of-type(1n) {
            clear: none
        }

        .medium-up-8 > .column:nth-of-type(8n+1), .medium-up-8 > .columns:nth-of-type(8n+1) {
            clear: both
        }

        .medium-up-8 > .column:last-child, .medium-up-8 > .columns:last-child {
            float: left
        }

    .medium-collapse > .column, .medium-collapse > .columns {
        padding-right: 0;
        padding-left: 0
    }

    .medium-collapse .row {
        margin-right: 0;
        margin-left: 0
    }

    .expanded.row .medium-collapse.row {
        margin-right: 0;
        margin-left: 0
    }

    .medium-uncollapse > .column, .medium-uncollapse > .columns {
        padding-right: .9375rem;
        padding-left: .9375rem
    }

    .medium-centered {
        margin-right: auto;
        margin-left: auto
    }

        .medium-centered, .medium-centered:last-child:not(:first-child) {
            float: none;
            clear: both
        }

    .medium-pull-0, .medium-push-0, .medium-uncentered {
        position: static;
        float: left;
        margin-right: 0;
        margin-left: 0
    }
}

@media print,screen and (min-width:80em) {
    .large-1 {
        width: 8.3333333333%
    }

    .large-push-1 {
        position: relative;
        left: 8.3333333333%
    }

    .large-pull-1 {
        position: relative;
        left: -8.3333333333%
    }

    .large-offset-0 {
        margin-left: 0
    }

    .large-2 {
        width: 16.6666666667%
    }

    .large-push-2 {
        position: relative;
        left: 16.6666666667%
    }

    .large-pull-2 {
        position: relative;
        left: -16.6666666667%
    }

    .large-offset-1 {
        margin-left: 8.3333333333%
    }

    .large-3 {
        width: 25%
    }

    .large-push-3 {
        position: relative;
        left: 25%
    }

    .large-pull-3 {
        position: relative;
        left: -25%
    }

    .large-offset-2 {
        margin-left: 16.6666666667%
    }

    .large-4 {
        width: 33.3333333333%
    }

    .large-push-4 {
        position: relative;
        left: 33.3333333333%
    }

    .large-pull-4 {
        position: relative;
        left: -33.3333333333%
    }

    .large-offset-3 {
        margin-left: 25%
    }

    .large-5 {
        width: 41.6666666667%
    }

    .large-push-5 {
        position: relative;
        left: 41.6666666667%
    }

    .large-pull-5 {
        position: relative;
        left: -41.6666666667%
    }

    .large-offset-4 {
        margin-left: 33.3333333333%
    }

    .large-6 {
        width: 50%
    }

    .large-push-6 {
        position: relative;
        left: 50%
    }

    .large-pull-6 {
        position: relative;
        left: -50%
    }

    .large-offset-5 {
        margin-left: 41.6666666667%
    }

    .large-7 {
        width: 58.3333333333%
    }

    .large-push-7 {
        position: relative;
        left: 58.3333333333%
    }

    .large-pull-7 {
        position: relative;
        left: -58.3333333333%
    }

    .large-offset-6 {
        margin-left: 50%
    }

    .large-8 {
        width: 66.6666666667%
    }

    .large-push-8 {
        position: relative;
        left: 66.6666666667%
    }

    .large-pull-8 {
        position: relative;
        left: -66.6666666667%
    }

    .large-offset-7 {
        margin-left: 58.3333333333%
    }

    .large-9 {
        width: 75%
    }

    .large-push-9 {
        position: relative;
        left: 75%
    }

    .large-pull-9 {
        position: relative;
        left: -75%
    }

    .large-offset-8 {
        margin-left: 66.6666666667%
    }

    .large-10 {
        width: 83.3333333333%
    }

    .large-push-10 {
        position: relative;
        left: 83.3333333333%
    }

    .large-pull-10 {
        position: relative;
        left: -83.3333333333%
    }

    .large-offset-9 {
        margin-left: 75%
    }

    .large-11 {
        width: 91.6666666667%
    }

    .large-push-11 {
        position: relative;
        left: 91.6666666667%
    }

    .large-pull-11 {
        position: relative;
        left: -91.6666666667%
    }

    .large-offset-10 {
        margin-left: 83.3333333333%
    }

    .large-12 {
        width: 100%
    }

    .large-offset-11 {
        margin-left: 91.6666666667%
    }

    .large-up-1 > .column, .large-up-1 > .columns {
        float: left;
        width: 100%
    }

        .large-up-1 > .column:nth-of-type(1n), .large-up-1 > .columns:nth-of-type(1n) {
            clear: none
        }

        .large-up-1 > .column:nth-of-type(1n+1), .large-up-1 > .columns:nth-of-type(1n+1) {
            clear: both
        }

        .large-up-1 > .column:last-child, .large-up-1 > .columns:last-child {
            float: left
        }

    .large-up-2 > .column, .large-up-2 > .columns {
        float: left;
        width: 50%
    }

        .large-up-2 > .column:nth-of-type(1n), .large-up-2 > .columns:nth-of-type(1n) {
            clear: none
        }

        .large-up-2 > .column:nth-of-type(2n+1), .large-up-2 > .columns:nth-of-type(2n+1) {
            clear: both
        }

        .large-up-2 > .column:last-child, .large-up-2 > .columns:last-child {
            float: left
        }

    .large-up-3 > .column, .large-up-3 > .columns {
        float: left;
        width: 33.3333333333%
    }

        .large-up-3 > .column:nth-of-type(1n), .large-up-3 > .columns:nth-of-type(1n) {
            clear: none
        }

        .large-up-3 > .column:nth-of-type(3n+1), .large-up-3 > .columns:nth-of-type(3n+1) {
            clear: both
        }

        .large-up-3 > .column:last-child, .large-up-3 > .columns:last-child {
            float: left
        }

    .large-up-4 > .column, .large-up-4 > .columns {
        float: left;
        width: 25%
    }

        .large-up-4 > .column:nth-of-type(1n), .large-up-4 > .columns:nth-of-type(1n) {
            clear: none
        }

        .large-up-4 > .column:nth-of-type(4n+1), .large-up-4 > .columns:nth-of-type(4n+1) {
            clear: both
        }

        .large-up-4 > .column:last-child, .large-up-4 > .columns:last-child {
            float: left
        }

    .large-up-5 > .column, .large-up-5 > .columns {
        float: left;
        width: 20%
    }

        .large-up-5 > .column:nth-of-type(1n), .large-up-5 > .columns:nth-of-type(1n) {
            clear: none
        }

        .large-up-5 > .column:nth-of-type(5n+1), .large-up-5 > .columns:nth-of-type(5n+1) {
            clear: both
        }

        .large-up-5 > .column:last-child, .large-up-5 > .columns:last-child {
            float: left
        }

    .large-up-6 > .column, .large-up-6 > .columns {
        float: left;
        width: 16.6666666667%
    }

        .large-up-6 > .column:nth-of-type(1n), .large-up-6 > .columns:nth-of-type(1n) {
            clear: none
        }

        .large-up-6 > .column:nth-of-type(6n+1), .large-up-6 > .columns:nth-of-type(6n+1) {
            clear: both
        }

        .large-up-6 > .column:last-child, .large-up-6 > .columns:last-child {
            float: left
        }

    .large-up-7 > .column, .large-up-7 > .columns {
        float: left;
        width: 14.2857142857%
    }

        .large-up-7 > .column:nth-of-type(1n), .large-up-7 > .columns:nth-of-type(1n) {
            clear: none
        }

        .large-up-7 > .column:nth-of-type(7n+1), .large-up-7 > .columns:nth-of-type(7n+1) {
            clear: both
        }

        .large-up-7 > .column:last-child, .large-up-7 > .columns:last-child {
            float: left
        }

    .large-up-8 > .column, .large-up-8 > .columns {
        float: left;
        width: 12.5%
    }

        .large-up-8 > .column:nth-of-type(1n), .large-up-8 > .columns:nth-of-type(1n) {
            clear: none
        }

        .large-up-8 > .column:nth-of-type(8n+1), .large-up-8 > .columns:nth-of-type(8n+1) {
            clear: both
        }

        .large-up-8 > .column:last-child, .large-up-8 > .columns:last-child {
            float: left
        }

    .large-collapse > .column, .large-collapse > .columns {
        padding-right: 0;
        padding-left: 0
    }

    .large-collapse .row {
        margin-right: 0;
        margin-left: 0
    }

    .expanded.row .large-collapse.row {
        margin-right: 0;
        margin-left: 0
    }

    .large-uncollapse > .column, .large-uncollapse > .columns {
        padding-right: .9375rem;
        padding-left: .9375rem
    }

    .large-centered {
        margin-right: auto;
        margin-left: auto
    }

        .large-centered, .large-centered:last-child:not(:first-child) {
            float: none;
            clear: both
        }

    .large-pull-0, .large-push-0, .large-uncentered {
        position: static;
        float: left;
        margin-right: 0;
        margin-left: 0
    }
}

.column-block {
    margin-bottom: 1.25rem
}

    .column-block > :last-child {
        margin-bottom: 0
    }

@media print,screen and (min-width:64em) {
    .column-block {
        margin-bottom: 1.875rem
    }

        .column-block > :last-child {
            margin-bottom: 0
        }
}

blockquote, dd, div, dl, dt, form, h1, h2, h3, h4, h5, h6, li, ol, p, pre, td, th, ul {
    margin: 0;
    padding: 0
}

p {
    margin-bottom: 1rem;
    font-size: inherit;
    line-height: 1.6;
    text-rendering: optimizeLegibility
}

em, i {
    font-style: italic;
    line-height: inherit
}

b, strong {
    font-weight: 700;
    line-height: inherit
}

small {
    font-size: 80%;
    line-height: inherit
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-family: "Helvetica Neue",Helvetica,Roboto,Arial,sans-serif;
    font-style: normal;
    font-weight: 400;
    color: inherit;
    text-rendering: optimizeLegibility
}

    .h1 small, .h2 small, .h3 small, .h4 small, .h5 small, .h6 small, h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
        line-height: 0;
        color: #cacaca
    }

.h1, h1 {
    font-size: 1.5rem;
    line-height: 1.4;
    margin-top: 0;
    margin-bottom: .5rem
}

.h2, h2 {
    font-size: 1.25rem;
    line-height: 1.4;
    margin-top: 0;
    margin-bottom: .5rem
}

.h3, h3 {
    font-size: 1.1875rem;
    line-height: 1.4;
    margin-top: 0;
    margin-bottom: .5rem
}

.h4, h4 {
    font-size: 1.125rem;
    line-height: 1.4;
    margin-top: 0;
    margin-bottom: .5rem
}

.h5, h5 {
    font-size: 1.0625rem;
    line-height: 1.4;
    margin-top: 0;
    margin-bottom: .5rem
}

.h6, h6 {
    font-size: 1rem;
    line-height: 1.4;
    margin-top: 0;
    margin-bottom: .5rem
}

@media print,screen and (min-width:64em) {
    .h1, h1 {
        font-size: 3rem
    }

    .h2, h2 {
        font-size: 2.5rem
    }

    .h3, h3 {
        font-size: 1.9375rem
    }

    .h4, h4 {
        font-size: 1.5625rem
    }

    .h5, h5 {
        font-size: 1.25rem
    }

    .h6, h6 {
        font-size: 1rem
    }
}

a {
    line-height: inherit;
    color: #1779ba;
    text-decoration: none;
    cursor: pointer
}

    a:focus, a:hover {
        color: #1468a0
    }

    a img {
        border: 0
    }

hr {
    clear: both;
    max-width: 75rem;
    height: 0;
    margin: 1.25rem auto;
    border-top: 0;
    border-right: 0;
    border-bottom: 1px solid #cacaca;
    border-left: 0
}

dl, ol, ul {
    margin-bottom: 1rem;
    list-style-position: outside;
    line-height: 1.6
}

li {
    font-size: inherit
}

ul {
    margin-left: 1.25rem;
    list-style-type: disc
}

ol {
    margin-left: 1.25rem
}

    ol ol, ol ul, ul ol, ul ul {
        margin-left: 1.25rem;
        margin-bottom: 0
    }

dl {
    margin-bottom: 1rem
}

    dl dt {
        margin-bottom: .3rem;
        font-weight: 700
    }

blockquote {
    margin: 0 0 1rem;
    padding: .5625rem 1.25rem 0 1.1875rem;
    border-left: 1px solid #cacaca
}

    blockquote, blockquote p {
        line-height: 1.6;
        color: #8a8a8a
    }

cite {
    display: block;
    font-size: .8125rem;
    color: #8a8a8a
}

    cite:before {
        content: "— "
    }

abbr, abbr[title] {
    border-bottom: 1px dotted #0a0a0a;
    cursor: help;
    text-decoration: none
}

figure {
    margin: 0
}

code {
    padding: .125rem .3125rem .0625rem;
    border: 1px solid #cacaca;
    background-color: #e6e6e6;
    font-family: Consolas,"Liberation Mono",Courier,monospace;
    font-weight: 400;
    color: #0a0a0a
}

kbd {
    margin: 0;
    padding: .125rem .25rem 0;
    background-color: #e6e6e6;
    font-family: Consolas,"Liberation Mono",Courier,monospace;
    color: #0a0a0a
}

.subheader {
    margin-top: .2rem;
    margin-bottom: .5rem;
    font-weight: 400;
    line-height: 1.4;
    color: #8a8a8a
}

.lead {
    font-size: 125%;
    line-height: 1.6
}

.stat {
    font-size: 2.5rem;
    line-height: 1
}

p + .stat {
    margin-top: -1rem
}

ol.no-bullet, ul.no-bullet {
    margin-left: 0;
    list-style: none
}

.text-left {
    text-align: left
}

.text-right {
    text-align: right
}

.text-center {
    text-align: center
}

.text-justify {
    text-align: justify
}

@media print,screen and (min-width:64em) {
    .medium-text-left {
        text-align: left
    }

    .medium-text-right {
        text-align: right
    }

    .medium-text-center {
        text-align: center
    }

    .medium-text-justify {
        text-align: justify
    }
}

@media print,screen and (min-width:80em) {
    .large-text-left {
        text-align: left
    }

    .large-text-right {
        text-align: right
    }

    .large-text-center {
        text-align: center
    }

    .large-text-justify {
        text-align: justify
    }
}

.show-for-print {
    display: none !important
}

@media print {
    * {
        background: 0 0 !important;
        box-shadow: none !important;
        color: #000 !important;
        text-shadow: none !important
    }

    .show-for-print {
        display: block !important
    }

    .hide-for-print {
        display: none !important
    }

    table.show-for-print {
        display: table !important
    }

    thead.show-for-print {
        display: table-header-group !important
    }

    tbody.show-for-print {
        display: table-row-group !important
    }

    tr.show-for-print {
        display: table-row !important
    }

    td.show-for-print {
        display: table-cell !important
    }

    th.show-for-print {
        display: table-cell !important
    }

    a, a:visited {
        text-decoration: underline
    }

        a[href]:after {
            content: " (" attr(href) ")"
        }

        .ir a:after, a[href^='#']:after, a[href^='javascript:']:after {
            content: ''
        }

    abbr[title]:after {
        content: " (" attr(title) ")"
    }

    blockquote, pre {
        border: 1px solid #8a8a8a;
        page-break-inside: avoid
    }

    thead {
        display: table-header-group
    }

    img, tr {
        page-break-inside: avoid
    }

    img {
        max-width: 100% !important
    }

    @page {
        margin: .5cm
    }

    h2, h3, p {
        orphans: 3;
        widows: 3
    }

    h2, h3 {
        page-break-after: avoid
    }

    .print-break-inside {
        page-break-inside: auto
    }
}

[type=color], [type=date], [type=datetime-local], [type=datetime], [type=email], [type=month], [type=number], [type=password], [type=search], [type=tel], [type=text], [type=time], [type=url], [type=week], textarea {
    display: block;
    box-sizing: border-box;
    width: 100%;
    height: 2.25rem;
    margin: 0 0 1rem;
    padding: .5rem;
    border: 1px solid #ddd;
    border-radius: 0;
    background-color: #fefefe;
    box-shadow: none;
    font-family: inherit;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.5;
    color: #0a0a0a;
    transition: box-shadow .5s,border-color .25s ease-in-out;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

    [type=color]:focus, [type=date]:focus, [type=datetime-local]:focus, [type=datetime]:focus, [type=email]:focus, [type=month]:focus, [type=number]:focus, [type=password]:focus, [type=search]:focus, [type=tel]:focus, [type=text]:focus, [type=time]:focus, [type=url]:focus, [type=week]:focus, textarea:focus {
        outline: 0;
        border: 1px solid #8a8a8a;
        background-color: #fefefe;
        box-shadow: none;
        transition: box-shadow .5s,border-color .25s ease-in-out
    }

textarea {
    max-width: 100%
}

    textarea[rows] {
        height: auto
    }

    input:-ms-input-placeholder, textarea:-ms-input-placeholder {
        color: #999
    }

    input::placeholder, textarea::placeholder {
        color: #999
    }

    input:disabled, input[readonly], textarea:disabled, textarea[readonly] {
        background-color: #e6e6e6;
        cursor: not-allowed
    }

[type=button], [type=submit] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0
}

input[type=search] {
    box-sizing: border-box
}

[type=checkbox], [type=file], [type=radio] {
    margin: 0 0 1rem
}

    [type=checkbox] + label, [type=radio] + label {
        display: inline-block;
        vertical-align: baseline;
        margin-left: .5rem;
        margin-right: 1rem;
        margin-bottom: 0
    }

        [type=checkbox] + label[for], [type=radio] + label[for] {
            cursor: pointer
        }

label > [type=checkbox], label > [type=radio] {
    margin-right: .5rem
}

[type=file] {
    width: 100%
}

label {
    display: block;
    margin: 0;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.8;
    color: #0a0a0a
}

    label.middle {
        margin: 0 0 1rem;
        padding: .5625rem 0
    }

.help-text {
    margin-top: -.5rem;
    font-size: .8125rem;
    font-style: italic;
    color: #0a0a0a
}

.input-group {
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin-bottom: 1rem;
    -ms-flex-align: stretch;
    align-items: stretch
}

    .input-group > :first-child {
        border-radius: 0
    }

    .input-group > :last-child > * {
        border-radius: 0
    }

.input-group-button, .input-group-button a, .input-group-button button, .input-group-button input, .input-group-button label, .input-group-field, .input-group-label {
    margin: 0;
    white-space: nowrap
}

.input-group-label {
    padding: 0 1rem;
    border: 1px solid #cacaca;
    background: #e6e6e6;
    color: #0a0a0a;
    text-align: center;
    white-space: nowrap;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -ms-flex-align: center;
    align-items: center
}

    .input-group-label:first-child {
        border-right: 0
    }

    .input-group-label:last-child {
        border-left: 0
    }

.input-group-field {
    border-radius: 0;
    -ms-flex: 1 1 0px;
    flex: 1 1 0px;
    height: auto;
    min-width: 0
}

.input-group-button {
    padding-top: 0;
    padding-bottom: 0;
    text-align: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

    .input-group-button a, .input-group-button button, .input-group-button input, .input-group-button label {
        height: auto;
        -ms-flex-item-align: stretch;
        align-self: stretch;
        padding-top: 0;
        padding-bottom: 0;
        font-size: .875rem
    }

fieldset {
    margin: 0;
    padding: 0;
    border: 0
}

legend {
    max-width: 100%;
    margin-bottom: .5rem
}

.fieldset {
    margin: 1.125rem 0;
    padding: 1.25rem;
    border: 1px solid #cacaca
}

    .fieldset legend {
        margin: 0;
        margin-left: -.1875rem;
        padding: 0 .1875rem
    }

select {
    height: 2.25rem;
    margin: 0 0 1rem;
    padding: .5rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 1px solid #ddd;
    border-radius: 0;
    background-color: #fefefe;
    font-family: inherit;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.5;
    color: #0a0a0a;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='32' height='24' viewBox='0 0 32 24'><polygon points='0,0 32,0 16,24' style='fill: rgb%28138, 138, 138%29'></polygon></svg>");
    background-origin: content-box;
    background-position: right -1rem center;
    background-repeat: no-repeat;
    background-size: 9px 6px;
    padding-right: 1.5rem;
    transition: box-shadow .5s,border-color .25s ease-in-out
}

@media screen and (min-width:0\0) {
    select {
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIpJREFUeNrEkckNgDAMBBfRkEt0ObRBBdsGXUDgmQfK4XhH2m8czQAAy27R3tsw4Qfe2x8uOO6oYLb6GlOor3GF+swURAOmUJ+RwtEJs9WvTGEYxBXqI1MQAZhCfUQKRzDMVj+TwrAIV6jvSUEkYAr1LSkcyTBb/V+KYfX7xAeusq3sLDtGH3kEGACPWIflNZfhRQAAAABJRU5ErkJggg==)
    }
}

select:focus {
    outline: 0;
    border: 1px solid #8a8a8a;
    background-color: #fefefe;
    box-shadow: none;
    transition: box-shadow .5s,border-color .25s ease-in-out
}

select:disabled {
    background-color: #e6e6e6;
    cursor: not-allowed
}

select::-ms-expand {
    display: none
}

select[multiple] {
    height: auto;
    background-image: none
}

.is-invalid-input:not(:focus) {
    border-color: #f55c66;
    background-color: #fdeeef
}

    .is-invalid-input:not(:focus):-ms-input-placeholder {
        color: #f55c66
    }

    .is-invalid-input:not(:focus)::placeholder {
        color: #f55c66
    }

.is-invalid-label {
    color: #f55c66
}

.form-error {
    display: none;
    margin-top: -.5rem;
    margin-bottom: 1rem;
    font-size: .75rem;
    font-weight: 700;
    color: #cc4b37
}

    .form-error.is-visible {
        display: block
    }

.button {
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 1rem 0;
    font-family: inherit;
    padding: .85em 1em;
    -webkit-appearance: none;
    border: 1px solid transparent;
    border-radius: 0;
    transition: background-color .25s ease-out,color .25s ease-out;
    font-size: .9rem;
    line-height: 1;
    text-align: center;
    cursor: pointer;
    background-color: #1779ba;
    color: #fefefe
}

[data-whatinput=mouse] .button {
    outline: 0
}

.button:focus, .button:hover {
    background-color: #14679e;
    color: #fefefe
}

.button.tiny {
    font-size: .6rem
}

.button.small {
    font-size: .75rem
}

.button.large {
    font-size: 1.25rem
}

.button.expanded {
    display: block;
    width: 100%;
    margin-right: 0;
    margin-left: 0
}

.button.primary {
    background-color: #1779ba;
    color: #fefefe
}

    .button.primary:focus, .button.primary:hover {
        background-color: #126195;
        color: #fefefe
    }

.button.secondary {
    background-color: #767676;
    color: #fefefe
}

    .button.secondary:focus, .button.secondary:hover {
        background-color: #5e5e5e;
        color: #fefefe
    }

.button.success {
    background-color: #3adb76;
    color: #0a0a0a
}

    .button.success:focus, .button.success:hover {
        background-color: #22bb5b;
        color: #0a0a0a
    }

.button.warning {
    background-color: #ffae00;
    color: #0a0a0a
}

    .button.warning:focus, .button.warning:hover {
        background-color: #cc8b00;
        color: #0a0a0a
    }

.button.alert {
    background-color: #cc4b37;
    color: #fefefe
}

    .button.alert:focus, .button.alert:hover {
        background-color: #a53b2a;
        color: #fefefe
    }

.button.disabled, .button[disabled] {
    opacity: .25;
    cursor: not-allowed
}

    .button.disabled, .button.disabled:focus, .button.disabled:hover, .button[disabled], .button[disabled]:focus, .button[disabled]:hover {
        background-color: #1779ba;
        color: #fefefe
    }

        .button.disabled.primary, .button[disabled].primary {
            opacity: .25;
            cursor: not-allowed
        }

            .button.disabled.primary, .button.disabled.primary:focus, .button.disabled.primary:hover, .button[disabled].primary, .button[disabled].primary:focus, .button[disabled].primary:hover {
                background-color: #1779ba;
                color: #fefefe
            }

        .button.disabled.secondary, .button[disabled].secondary {
            opacity: .25;
            cursor: not-allowed
        }

            .button.disabled.secondary, .button.disabled.secondary:focus, .button.disabled.secondary:hover, .button[disabled].secondary, .button[disabled].secondary:focus, .button[disabled].secondary:hover {
                background-color: #767676;
                color: #fefefe
            }

        .button.disabled.success, .button[disabled].success {
            opacity: .25;
            cursor: not-allowed
        }

            .button.disabled.success, .button.disabled.success:focus, .button.disabled.success:hover, .button[disabled].success, .button[disabled].success:focus, .button[disabled].success:hover {
                background-color: #3adb76;
                color: #0a0a0a
            }

        .button.disabled.warning, .button[disabled].warning {
            opacity: .25;
            cursor: not-allowed
        }

            .button.disabled.warning, .button.disabled.warning:focus, .button.disabled.warning:hover, .button[disabled].warning, .button[disabled].warning:focus, .button[disabled].warning:hover {
                background-color: #ffae00;
                color: #0a0a0a
            }

        .button.disabled.alert, .button[disabled].alert {
            opacity: .25;
            cursor: not-allowed
        }

            .button.disabled.alert, .button.disabled.alert:focus, .button.disabled.alert:hover, .button[disabled].alert, .button[disabled].alert:focus, .button[disabled].alert:hover {
                background-color: #cc4b37;
                color: #fefefe
            }

.button.hollow {
    border: 1px solid #1779ba;
    color: #1779ba
}

    .button.hollow, .button.hollow:focus, .button.hollow:hover {
        background-color: transparent
    }

        .button.hollow.disabled, .button.hollow.disabled:focus, .button.hollow.disabled:hover, .button.hollow[disabled], .button.hollow[disabled]:focus, .button.hollow[disabled]:hover {
            background-color: transparent
        }

        .button.hollow:focus, .button.hollow:hover {
            border-color: #0c3d5d;
            color: #0c3d5d
        }

            .button.hollow:focus.disabled, .button.hollow:focus[disabled], .button.hollow:hover.disabled, .button.hollow:hover[disabled] {
                border: 1px solid #1779ba;
                color: #1779ba
            }

        .button.hollow.primary {
            border: 1px solid #1779ba;
            color: #1779ba
        }

            .button.hollow.primary:focus, .button.hollow.primary:hover {
                border-color: #0c3d5d;
                color: #0c3d5d
            }

                .button.hollow.primary:focus.disabled, .button.hollow.primary:focus[disabled], .button.hollow.primary:hover.disabled, .button.hollow.primary:hover[disabled] {
                    border: 1px solid #1779ba;
                    color: #1779ba
                }

        .button.hollow.secondary {
            border: 1px solid #767676;
            color: #767676
        }

            .button.hollow.secondary:focus, .button.hollow.secondary:hover {
                border-color: #3b3b3b;
                color: #3b3b3b
            }

                .button.hollow.secondary:focus.disabled, .button.hollow.secondary:focus[disabled], .button.hollow.secondary:hover.disabled, .button.hollow.secondary:hover[disabled] {
                    border: 1px solid #767676;
                    color: #767676
                }

        .button.hollow.success {
            border: 1px solid #3adb76;
            color: #3adb76
        }

            .button.hollow.success:focus, .button.hollow.success:hover {
                border-color: #157539;
                color: #157539
            }

                .button.hollow.success:focus.disabled, .button.hollow.success:focus[disabled], .button.hollow.success:hover.disabled, .button.hollow.success:hover[disabled] {
                    border: 1px solid #3adb76;
                    color: #3adb76
                }

        .button.hollow.warning {
            border: 1px solid #ffae00;
            color: #ffae00
        }

            .button.hollow.warning:focus, .button.hollow.warning:hover {
                border-color: #805700;
                color: #805700
            }

                .button.hollow.warning:focus.disabled, .button.hollow.warning:focus[disabled], .button.hollow.warning:hover.disabled, .button.hollow.warning:hover[disabled] {
                    border: 1px solid #ffae00;
                    color: #ffae00
                }

        .button.hollow.alert {
            border: 1px solid #cc4b37;
            color: #cc4b37
        }

            .button.hollow.alert:focus, .button.hollow.alert:hover {
                border-color: #67251a;
                color: #67251a
            }

                .button.hollow.alert:focus.disabled, .button.hollow.alert:focus[disabled], .button.hollow.alert:hover.disabled, .button.hollow.alert:hover[disabled] {
                    border: 1px solid #cc4b37;
                    color: #cc4b37
                }

.button.clear {
    border: 1px solid #1779ba;
    color: #1779ba
}

    .button.clear, .button.clear:focus, .button.clear:hover {
        background-color: transparent
    }

        .button.clear.disabled, .button.clear.disabled:focus, .button.clear.disabled:hover, .button.clear[disabled], .button.clear[disabled]:focus, .button.clear[disabled]:hover {
            background-color: transparent
        }

        .button.clear:focus, .button.clear:hover {
            border-color: #0c3d5d;
            color: #0c3d5d
        }

            .button.clear:focus.disabled, .button.clear:focus[disabled], .button.clear:hover.disabled, .button.clear:hover[disabled] {
                border: 1px solid #1779ba;
                color: #1779ba
            }

            .button.clear, .button.clear.disabled, .button.clear:focus, .button.clear:focus.disabled, .button.clear:focus[disabled], .button.clear:hover, .button.clear:hover.disabled, .button.clear:hover[disabled], .button.clear[disabled] {
                border-color: transparent
            }

                .button.clear.primary {
                    border: 1px solid #1779ba;
                    color: #1779ba
                }

                    .button.clear.primary:focus, .button.clear.primary:hover {
                        border-color: #0c3d5d;
                        color: #0c3d5d
                    }

                        .button.clear.primary:focus.disabled, .button.clear.primary:focus[disabled], .button.clear.primary:hover.disabled, .button.clear.primary:hover[disabled] {
                            border: 1px solid #1779ba;
                            color: #1779ba
                        }

                        .button.clear.primary, .button.clear.primary.disabled, .button.clear.primary:focus, .button.clear.primary:focus.disabled, .button.clear.primary:focus[disabled], .button.clear.primary:hover, .button.clear.primary:hover.disabled, .button.clear.primary:hover[disabled], .button.clear.primary[disabled] {
                            border-color: transparent
                        }

                .button.clear.secondary {
                    border: 1px solid #767676;
                    color: #767676
                }

                    .button.clear.secondary:focus, .button.clear.secondary:hover {
                        border-color: #3b3b3b;
                        color: #3b3b3b
                    }

                        .button.clear.secondary:focus.disabled, .button.clear.secondary:focus[disabled], .button.clear.secondary:hover.disabled, .button.clear.secondary:hover[disabled] {
                            border: 1px solid #767676;
                            color: #767676
                        }

                        .button.clear.secondary, .button.clear.secondary.disabled, .button.clear.secondary:focus, .button.clear.secondary:focus.disabled, .button.clear.secondary:focus[disabled], .button.clear.secondary:hover, .button.clear.secondary:hover.disabled, .button.clear.secondary:hover[disabled], .button.clear.secondary[disabled] {
                            border-color: transparent
                        }

                .button.clear.success {
                    border: 1px solid #3adb76;
                    color: #3adb76
                }

                    .button.clear.success:focus, .button.clear.success:hover {
                        border-color: #157539;
                        color: #157539
                    }

                        .button.clear.success:focus.disabled, .button.clear.success:focus[disabled], .button.clear.success:hover.disabled, .button.clear.success:hover[disabled] {
                            border: 1px solid #3adb76;
                            color: #3adb76
                        }

                        .button.clear.success, .button.clear.success.disabled, .button.clear.success:focus, .button.clear.success:focus.disabled, .button.clear.success:focus[disabled], .button.clear.success:hover, .button.clear.success:hover.disabled, .button.clear.success:hover[disabled], .button.clear.success[disabled] {
                            border-color: transparent
                        }

                .button.clear.warning {
                    border: 1px solid #ffae00;
                    color: #ffae00
                }

                    .button.clear.warning:focus, .button.clear.warning:hover {
                        border-color: #805700;
                        color: #805700
                    }

                        .button.clear.warning:focus.disabled, .button.clear.warning:focus[disabled], .button.clear.warning:hover.disabled, .button.clear.warning:hover[disabled] {
                            border: 1px solid #ffae00;
                            color: #ffae00
                        }

                        .button.clear.warning, .button.clear.warning.disabled, .button.clear.warning:focus, .button.clear.warning:focus.disabled, .button.clear.warning:focus[disabled], .button.clear.warning:hover, .button.clear.warning:hover.disabled, .button.clear.warning:hover[disabled], .button.clear.warning[disabled] {
                            border-color: transparent
                        }

                .button.clear.alert {
                    border: 1px solid #cc4b37;
                    color: #cc4b37
                }

                    .button.clear.alert:focus, .button.clear.alert:hover {
                        border-color: #67251a;
                        color: #67251a
                    }

                        .button.clear.alert:focus.disabled, .button.clear.alert:focus[disabled], .button.clear.alert:hover.disabled, .button.clear.alert:hover[disabled] {
                            border: 1px solid #cc4b37;
                            color: #cc4b37
                        }

                        .button.clear.alert, .button.clear.alert.disabled, .button.clear.alert:focus, .button.clear.alert:focus.disabled, .button.clear.alert:focus[disabled], .button.clear.alert:hover, .button.clear.alert:hover.disabled, .button.clear.alert:hover[disabled], .button.clear.alert[disabled] {
                            border-color: transparent
                        }

.button.dropdown::after {
    display: block;
    width: 0;
    height: 0;
    border: inset .4em;
    content: '';
    border-bottom-width: 0;
    border-top-style: solid;
    border-color: #fefefe transparent transparent;
    position: relative;
    top: .4em;
    display: inline-block;
    float: right;
    margin-left: 1em
}

.button.dropdown.hollow::after {
    border-top-color: #1779ba
}

.button.dropdown.hollow.primary::after {
    border-top-color: #1779ba
}

.button.dropdown.hollow.secondary::after {
    border-top-color: #767676
}

.button.dropdown.hollow.success::after {
    border-top-color: #3adb76
}

.button.dropdown.hollow.warning::after {
    border-top-color: #ffae00
}

.button.dropdown.hollow.alert::after {
    border-top-color: #cc4b37
}

.button.arrow-only::after {
    top: -.1em;
    float: none;
    margin-left: 0
}

a.button:focus, a.button:hover {
    text-decoration: none
}

.accordion {
    margin-left: 0;
    background: #fefefe;
    list-style-type: none
}

    .accordion[disabled] .accordion-title {
        cursor: not-allowed
    }

.accordion-item:first-child > :first-child {
    border-radius: 0
}

.accordion-item:last-child > :last-child {
    border-radius: 0
}

.accordion-title {
    position: relative;
    display: block;
    padding: 1.25rem 1rem;
    border: 1px solid #e6e6e6;
    border-bottom: 0;
    font-size: .75rem;
    line-height: 1;
    color: #1779ba
}

:last-child:not(.is-active) > .accordion-title {
    border-bottom: 1px solid #e6e6e6;
    border-radius: 0
}

.accordion-title:focus, .accordion-title:hover {
    background-color: #e6e6e6
}

.accordion-title::before {
    position: absolute;
    top: 50%;
    right: 1rem;
    margin-top: -.5rem;
    content: '+'
}

.is-active > .accordion-title::before {
    content: '\2013'
}

.accordion-content {
    display: none;
    padding: 1rem;
    border: 1px solid #e6e6e6;
    border-bottom: 0;
    background-color: #fefefe;
    color: #0a0a0a
}

:last-child > .accordion-content:last-child {
    border-bottom: 1px solid #e6e6e6
}

.button-group {
    margin-bottom: 1rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-align: stretch;
    align-items: stretch
}

    .button-group::after, .button-group::before {
        display: table;
        content: ' ';
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-order: 1;
        order: 1
    }

    .button-group::after {
        clear: both
    }

    .button-group .button {
        margin: 0;
        margin-right: 1px;
        margin-bottom: 1px;
        font-size: .9rem;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

        .button-group .button:last-child {
            margin-right: 0
        }

    .button-group.tiny .button {
        font-size: .6rem
    }

    .button-group.small .button {
        font-size: .75rem
    }

    .button-group.large .button {
        font-size: 1.25rem
    }

    .button-group.expanded .button {
        -ms-flex: 1 1 0px;
        flex: 1 1 0px
    }

    .button-group.primary .button {
        background-color: #2199e8;
        color: #0a0a0a
    }

        .button-group.primary .button:focus, .button-group.primary .button:hover {
            background-color: #147cc0;
            color: #0a0a0a
        }

    .button-group.secondary .button {
        background-color: #777;
        color: #fefefe
    }

        .button-group.secondary .button:focus, .button-group.secondary .button:hover {
            background-color: #5f5f5f;
            color: #fefefe
        }

    .button-group.success .button {
        background-color: #6c3;
        color: #0a0a0a
    }

        .button-group.success .button:focus, .button-group.success .button:hover {
            background-color: #52a329;
            color: #0a0a0a
        }

    .button-group.warning .button {
        background-color: #ffae00;
        color: #0a0a0a
    }

        .button-group.warning .button:focus, .button-group.warning .button:hover {
            background-color: #cc8b00;
            color: #0a0a0a
        }

    .button-group.alert .button {
        background-color: #f55c66;
        color: #0a0a0a
    }

        .button-group.alert .button:focus, .button-group.alert .button:hover {
            background-color: #f11c2a;
            color: #0a0a0a
        }

    .button-group.stacked, .button-group.stacked-for-medium, .button-group.stacked-for-small {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

        .button-group.stacked .button, .button-group.stacked-for-medium .button, .button-group.stacked-for-small .button {
            -ms-flex: 0 0 100%;
            flex: 0 0 100%
        }

            .button-group.stacked .button:last-child, .button-group.stacked-for-medium .button:last-child, .button-group.stacked-for-small .button:last-child {
                margin-bottom: 0
            }

@media print,screen and (min-width:64em) {
    .button-group.stacked-for-small .button {
        -ms-flex: 1 1 0px;
        flex: 1 1 0px;
        margin-bottom: 0
    }
}

@media print,screen and (min-width:80em) {
    .button-group.stacked-for-medium .button {
        -ms-flex: 1 1 0px;
        flex: 1 1 0px;
        margin-bottom: 0
    }
}

@media screen and (max-width:63.9375em) {
    .button-group.stacked-for-small.expanded {
        display: block
    }

        .button-group.stacked-for-small.expanded .button {
            display: block;
            margin-right: 0
        }
}

.callout {
    position: relative;
    margin: 0 0 1rem 0;
    padding: 1rem;
    border: 1px solid rgba(10,10,10,.25);
    border-radius: 0;
    background-color: #fff;
    color: #0a0a0a
}

    .callout > :first-child {
        margin-top: 0
    }

    .callout > :last-child {
        margin-bottom: 0
    }

    .callout.primary {
        background-color: #def0fc;
        color: #0a0a0a
    }

    .callout.secondary {
        background-color: #ebebeb;
        color: #0a0a0a
    }

    .callout.success {
        background-color: #e8f7e0;
        color: #0a0a0a
    }

    .callout.warning {
        background-color: #fff3d9;
        color: #0a0a0a
    }

    .callout.alert {
        background-color: #fee7e8;
        color: #0a0a0a
    }

    .callout.small {
        padding-top: .5rem;
        padding-right: .5rem;
        padding-bottom: .5rem;
        padding-left: .5rem
    }

    .callout.large {
        padding-top: 3rem;
        padding-right: 3rem;
        padding-bottom: 3rem;
        padding-left: 3rem
    }

.close-button {
    position: absolute;
    color: #8a8a8a;
    cursor: pointer
}

[data-whatinput=mouse] .close-button {
    outline: 0
}

.close-button:focus, .close-button:hover {
    color: #0a0a0a
}

.close-button.small {
    right: .66rem;
    top: .33em;
    font-size: 1.5em;
    line-height: 1
}

.close-button, .close-button.medium {
    right: 1rem;
    top: .5rem;
    font-size: 2em;
    line-height: 1
}

.menu {
    padding: 0;
    margin: 0;
    list-style: none;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

[data-whatinput=mouse] .menu li {
    outline: 0
}

.menu .button, .menu a {
    line-height: 1;
    text-decoration: none;
    display: block;
    padding: .7rem 1rem
}

.menu a, .menu button, .menu input, .menu select {
    margin-bottom: 0
}

.menu input {
    display: inline-block
}

.menu, .menu.horizontal {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-direction: row;
    flex-direction: row
}

    .menu.vertical {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .menu.expanded li {
        -ms-flex: 1 1 0px;
        flex: 1 1 0px
    }

    .menu.simple {
        -ms-flex-align: center;
        align-items: center
    }

        .menu.simple li + li {
            margin-left: 1rem
        }

        .menu.simple a {
            padding: 0
        }

@media print,screen and (min-width:64em) {
    .menu.medium-horizontal {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .menu.medium-vertical {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .menu.medium-expanded li {
        -ms-flex: 1 1 0px;
        flex: 1 1 0px
    }

    .menu.medium-simple li {
        -ms-flex: 1 1 0px;
        flex: 1 1 0px
    }
}

@media print,screen and (min-width:80em) {
    .menu.large-horizontal {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .menu.large-vertical {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .menu.large-expanded li {
        -ms-flex: 1 1 0px;
        flex: 1 1 0px
    }

    .menu.large-simple li {
        -ms-flex: 1 1 0px;
        flex: 1 1 0px
    }
}

.menu.nested {
    margin-right: 0;
    margin-left: 1rem
}

.menu.icons a {
    display: -ms-flexbox;
    display: flex
}

.menu.icon-bottom a, .menu.icon-left a, .menu.icon-right a, .menu.icon-top a {
    display: -ms-flexbox;
    display: flex
}

.menu.icon-left li a {
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap
}

    .menu.icon-left li a i, .menu.icon-left li a img, .menu.icon-left li a svg {
        margin-right: .25rem
    }

.menu.icon-right li a {
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap
}

    .menu.icon-right li a i, .menu.icon-right li a img, .menu.icon-right li a svg {
        margin-left: .25rem
    }

.menu.icon-top li a {
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap
}

    .menu.icon-top li a i, .menu.icon-top li a img, .menu.icon-top li a svg {
        -ms-flex-item-align: stretch;
        align-self: stretch;
        margin-bottom: .25rem;
        text-align: center
    }

.menu.icon-bottom li a {
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap
}

    .menu.icon-bottom li a i, .menu.icon-bottom li a img, .menu.icon-bottom li a svg {
        -ms-flex-item-align: stretch;
        align-self: stretch;
        margin-bottom: .25rem;
        text-align: center
    }

.menu .is-active > a {
    background: #1779ba;
    color: #fefefe
}

.menu .active > a {
    background: #1779ba;
    color: #fefefe
}

.menu.align-left {
    -ms-flex-pack: start;
    justify-content: flex-start
}

.menu.align-right li {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
    justify-content: flex-end
}

    .menu.align-right li .submenu li {
        -ms-flex-pack: start;
        justify-content: flex-start
    }

.menu.align-right.vertical li {
    display: block;
    text-align: right
}

    .menu.align-right.vertical li .submenu li {
        text-align: right
    }

.menu.align-right .nested {
    margin-right: 1rem;
    margin-left: 0
}

.menu.align-center li {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center
}

    .menu.align-center li .submenu li {
        -ms-flex-pack: start;
        justify-content: flex-start
    }

.menu .menu-text {
    padding: .7rem 1rem;
    font-weight: 700;
    line-height: 1;
    color: inherit
}

.menu-centered > .menu {
    -ms-flex-pack: center;
    justify-content: center
}

    .menu-centered > .menu li {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center
    }

        .menu-centered > .menu li .submenu li {
            -ms-flex-pack: start;
            justify-content: flex-start
        }

.no-js [data-responsive-menu] ul {
    display: none
}

.menu-icon {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 16px;
    cursor: pointer
}

    .menu-icon::after {
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        width: 100%;
        height: 2px;
        background: #fefefe;
        box-shadow: 0 7px 0 #fefefe,0 14px 0 #fefefe;
        content: ''
    }

    .menu-icon:hover::after {
        background: #cacaca;
        box-shadow: 0 7px 0 #cacaca,0 14px 0 #cacaca
    }

    .menu-icon.dark {
        position: relative;
        display: inline-block;
        vertical-align: middle;
        width: 20px;
        height: 16px;
        cursor: pointer
    }

        .menu-icon.dark::after {
            position: absolute;
            top: 0;
            left: 0;
            display: block;
            width: 100%;
            height: 2px;
            background: #0a0a0a;
            box-shadow: 0 7px 0 #0a0a0a,0 14px 0 #0a0a0a;
            content: ''
        }

        .menu-icon.dark:hover::after {
            background: #8a8a8a;
            box-shadow: 0 7px 0 #8a8a8a,0 14px 0 #8a8a8a
        }

.label {
    display: inline-block;
    padding: .33333rem .5rem;
    border-radius: 0;
    font-size: .8rem;
    line-height: 1;
    white-space: nowrap;
    cursor: default;
    background: #1779ba;
    color: #fefefe
}

    .label.primary {
        background: #1779ba;
        color: #fefefe
    }

    .label.secondary {
        background: #767676;
        color: #fefefe
    }

    .label.success {
        background: #3adb76;
        color: #0a0a0a
    }

    .label.warning {
        background: #ffae00;
        color: #0a0a0a
    }

    .label.alert {
        background: #cc4b37;
        color: #fefefe
    }

.orbit {
    position: relative
}

.orbit-container {
    position: relative;
    height: 0;
    margin: 0;
    list-style: none;
    overflow: hidden
}

.orbit-slide {
    width: 100%
}

    .orbit-slide.no-motionui.is-active {
        top: 0;
        left: 0
    }

.orbit-figure {
    margin: 0
}

.orbit-image {
    width: 100%;
    max-width: 100%;
    margin: 0
}

.orbit-caption {
    position: absolute;
    bottom: 0;
    width: 100%;
    margin-bottom: 0;
    padding: 1rem;
    background-color: rgba(10,10,10,.5);
    color: #fefefe
}

.orbit-next, .orbit-previous {
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 10;
    padding: 1rem;
    color: #fefefe
}

[data-whatinput=mouse] .orbit-next, [data-whatinput=mouse] .orbit-previous {
    outline: 0
}

.orbit-next:active, .orbit-next:focus, .orbit-next:hover, .orbit-previous:active, .orbit-previous:focus, .orbit-previous:hover {
    background-color: rgba(10,10,10,.5)
}

.orbit-previous {
    left: 0
}

.orbit-next {
    left: auto;
    right: 0
}

.orbit-bullets {
    position: relative;
    margin-top: .8rem;
    margin-bottom: .8rem;
    text-align: center
}

[data-whatinput=mouse] .orbit-bullets {
    outline: 0
}

.orbit-bullets button {
    width: 1.2rem;
    height: 1.2rem;
    margin: .1rem;
    border-radius: 50%;
    background-color: #cacaca
}

    .orbit-bullets button:hover {
        background-color: #8a8a8a
    }

    .orbit-bullets button.is-active {
        background-color: #8a8a8a
    }

.has-tip {
    position: relative;
    display: inline-block;
    border-bottom: none;
    font-weight: 700;
    cursor: help
}

.lmd-tooltip, .tooltip {
    position: absolute;
    top: calc(100% + .6495rem);
    z-index: 1200;
    max-width: 10rem;
    padding: 6px;
    border-radius: 3px;
    background-color: #0a0a0a;
    font-size: 11px;
    color: #fefefe
}

    .lmd-tooltip::before, .tooltip::before {
        position: absolute
    }

    .bottom.lmd-tooltip::before, .tooltip.bottom::before {
        display: block;
        width: 0;
        height: 0;
        border: inset .75rem;
        content: '';
        border-top-width: 0;
        border-bottom-style: solid;
        border-color: transparent transparent #0a0a0a;
        bottom: 100%
    }

    .bottom.align-center.lmd-tooltip::before, .tooltip.bottom.align-center::before {
        left: 50%;
        -ms-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    .tooltip.top::before, .top.lmd-tooltip::before {
        display: block;
        width: 0;
        height: 0;
        border: inset .75rem;
        content: '';
        border-bottom-width: 0;
        border-top-style: solid;
        border-color: #0a0a0a transparent transparent;
        top: 100%;
        bottom: auto
    }

    .tooltip.top.align-center::before, .top.align-center.lmd-tooltip::before {
        left: 50%;
        -ms-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    .left.lmd-tooltip::before, .tooltip.left::before {
        display: block;
        width: 0;
        height: 0;
        border: inset .75rem;
        content: '';
        border-right-width: 0;
        border-left-style: solid;
        border-color: transparent transparent transparent #0a0a0a;
        left: 100%
    }

    .left.align-center.lmd-tooltip::before, .tooltip.left.align-center::before {
        bottom: auto;
        top: 50%;
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .right.lmd-tooltip::before, .tooltip.right::before {
        display: block;
        width: 0;
        height: 0;
        border: inset .75rem;
        content: '';
        border-left-width: 0;
        border-right-style: solid;
        border-color: transparent #0a0a0a transparent transparent;
        right: 100%;
        left: auto
    }

    .right.align-center.lmd-tooltip::before, .tooltip.right.align-center::before {
        bottom: auto;
        top: 50%;
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .align-top.lmd-tooltip::before, .tooltip.align-top::before {
        bottom: auto;
        top: 10%
    }

    .align-bottom.lmd-tooltip::before, .tooltip.align-bottom::before {
        bottom: 10%;
        top: auto
    }

    .align-left.lmd-tooltip::before, .tooltip.align-left::before {
        left: 10%;
        right: auto
    }

    .align-right.lmd-tooltip::before, .tooltip.align-right::before {
        left: auto;
        right: 10%
    }

.title-bar {
    padding: .5rem;
    background: #0a0a0a;
    color: #fefefe;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-align: center;
    align-items: center
}

    .title-bar .menu-icon {
        margin-left: .25rem;
        margin-right: .25rem
    }

.title-bar-left, .title-bar-right {
    -ms-flex: 1 1 0px;
    flex: 1 1 0px
}

.title-bar-right {
    text-align: right
}

.title-bar-title {
    display: inline-block;
    vertical-align: middle;
    font-weight: 700
}

.top-bar {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    padding: .5rem;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

    .top-bar, .top-bar ul {
        background-color: #e6e6e6
    }

        .top-bar input {
            max-width: 200px;
            margin-right: 1rem
        }

        .top-bar .input-group-field {
            width: 100%;
            margin-right: 0
        }

        .top-bar input.button {
            width: auto
        }

        .top-bar .top-bar-left, .top-bar .top-bar-right {
            -ms-flex: 0 0 100%;
            flex: 0 0 100%;
            max-width: 100%
        }

@media print,screen and (min-width:64em) {
    .top-bar {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }

        .top-bar .top-bar-left {
            -ms-flex: 1 1 auto;
            flex: 1 1 auto;
            margin-right: auto
        }

        .top-bar .top-bar-right {
            -ms-flex: 0 1 auto;
            flex: 0 1 auto;
            margin-left: auto
        }
}

@media screen and (max-width:79.9375em) {
    .top-bar.stacked-for-medium {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

        .top-bar.stacked-for-medium .top-bar-left, .top-bar.stacked-for-medium .top-bar-right {
            -ms-flex: 0 0 100%;
            flex: 0 0 100%;
            max-width: 100%
        }
}

@media screen and (max-width:85.3125em) {
    .top-bar.stacked-for-large {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

        .top-bar.stacked-for-large .top-bar-left, .top-bar.stacked-for-large .top-bar-right {
            -ms-flex: 0 0 100%;
            flex: 0 0 100%;
            max-width: 100%
        }
}

.top-bar-title {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin: .5rem 1rem .5rem 0
}

.top-bar-left, .top-bar-right {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.hide {
    display: none !important
}

.invisible {
    visibility: hidden
}

@media screen and (max-width:63.9375em) {
    .hide-for-small-only {
        display: none !important
    }
}

@media screen and (max-width:0em),screen and (min-width:64em) {
    .show-for-small-only {
        display: none !important
    }
}

@media print,screen and (min-width:64em) {
    .hide-for-medium {
        display: none !important
    }
}

@media screen and (max-width:63.9375em) {
    .show-for-medium {
        display: none !important
    }
}

@media screen and (min-width:64em) and (max-width:79.9375em) {
    .hide-for-medium-only {
        display: none !important
    }
}

@media screen and (max-width:63.9375em),screen and (min-width:80em) {
    .show-for-medium-only {
        display: none !important
    }
}

@media print,screen and (min-width:80em) {
    .hide-for-large {
        display: none !important
    }
}

@media screen and (max-width:79.9375em) {
    .show-for-large {
        display: none !important
    }
}

@media screen and (min-width:80em) and (max-width:85.3125em) {
    .hide-for-large-only {
        display: none !important
    }
}

@media screen and (max-width:79.9375em),screen and (min-width:85.375em) {
    .show-for-large-only {
        display: none !important
    }
}

.show-for-sr, .show-on-focus {
    position: absolute !important;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0,0,0,0);
    white-space: nowrap;
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    border: 0
}

    .show-on-focus:active, .show-on-focus:focus {
        position: static !important;
        width: auto;
        height: auto;
        overflow: visible;
        clip: auto;
        white-space: normal;
        -webkit-clip-path: none;
        clip-path: none
    }

.hide-for-portrait, .show-for-landscape {
    display: block !important
}

@media screen and (orientation:landscape) {
    .hide-for-portrait, .show-for-landscape {
        display: block !important
    }
}

@media screen and (orientation:portrait) {
    .hide-for-portrait, .show-for-landscape {
        display: none !important
    }
}

.hide-for-landscape, .show-for-portrait {
    display: none !important
}

@media screen and (orientation:landscape) {
    .hide-for-landscape, .show-for-portrait {
        display: none !important
    }
}

@media screen and (orientation:portrait) {
    .hide-for-landscape, .show-for-portrait {
        display: block !important
    }
}

.float-left {
    float: left !important
}

.float-right {
    float: right !important
}

.float-center {
    display: block;
    margin-right: auto;
    margin-left: auto
}

.clearfix::after, .clearfix::before {
    display: table;
    content: ' ';
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-order: 1;
    order: 1
}

.clearfix::after {
    clear: both
}

.Error-container {
    display: table;
    margin-left: auto;
    margin-right: auto;
    text-align: center
}

.Error-icon {
    display: table;
    margin-top: 36px;
    margin-left: auto;
    margin-right: auto;
    font-size: 126px;
    color: #ddd
}

.Error-title {
    width: 569px;
    font-size: 22px;
    line-height: 1.59;
    color: #4a4a4a
}

@media screen and (max-width:63.9375em) {
    .Error-title {
        width: 280px
    }
}

a.Error-back {
    margin-top: 60px;
    padding: 14px 58px;
    font-size: 16px;
    font-weight: 700
}

::-webkit-input-placeholder {
    font-weight: 200
}

:-moz-placeholder {
    font-weight: 200
}

::-moz-placeholder {
    font-weight: 200
}

:-ms-input-placeholder {
    font-weight: 200
}

.is-invalid-input:not(:focus)::-webkit-input-placeholder {
    color: #f55c66
}

.is-invalid-input:not(:focus):-moz-placeholder {
    color: #f55c66
}

.is-invalid-input:not(:focus)::-moz-placeholder {
    color: #f55c66
}

.is-invalid-input:not(:focus):-ms-input-placeholder {
    color: #f55c66
}

form .callout.alert {
    margin: 5px 0 0 0;
    border: none;
    padding: 0;
    background-color: #fff;
    color: #f55c66;
    font-weight: 700;
    font-size: 11px
}

.spinningBall {
    display: none;
    margin-right: 10px
}

    .spinningBall i, .spinningBall img {
        vertical-align: text-bottom;
        animation: rotate .8s infinite linear;
        display: inline-block
    }

.ContactAgentForm-submit i {
    vertical-align: text-bottom
}

@keyframes rotate {
    0% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(360deg)
    }
}

form button[type=submit], form input[type=submit] {
    width: 100%;
    height: 45px;
    border-style: none;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    background: #ff8700
}

form label {
    font-size: 11px;
    color: #999
}

form [type=checkbox] + label {
    margin: 0
}

::-webkit-input-placeholder {
    text-align: left
}

:-moz-placeholder {
    text-align: left
}

::-moz-placeholder {
    text-align: left
}

:-ms-input-placeholder {
    text-align: left
}

h1 {
    font-size: 35px
}

h2 {
    font-size: 18px
}

h3 {
    font-size: 16px
}

.row {
    max-width: 75rem
}

.TopNav-actions a, .TopNav-actions a:hover, .TopNav-actions a:visited {
    color: #fff
}

.TopNav-actions .button {
    margin: 0;
    background: #ff8700
}

    .TopNav-actions .button:hover {
        background: #224dbc;
        transition: none
    }

.TopNav-actions .menu > li > a {
    width: 100%;
    line-height: inherit
}

.TopNav-actions .has-tip {
    cursor: inherit;
    font-weight: inherit
}

.Footer, .Footer .row, .Footer section, .Footer-divider, .Footer-newsletterForm, .Footer-socialLinks, .FooterDownloads {
    color: #4a4a4a;
    background-color: #e9e9e9;
    font-size: 13px
}

    .Footer i[class^=icon-]:before, .Footer-divider i[class^=icon-]:before, .Footer-newsletterForm i[class^=icon-]:before, .Footer-socialLinks i[class^=icon-]:before, .FooterDownloads i[class^=icon-]:before {
        float: none
    }

.Footer-divider {
    border-top: 1px solid #ddd
}

    .Footer .row, .Footer-divider .row, .Footer-newsletterForm .row, .Footer-socialLinks .row, .FooterDownloads .row {
        padding-top: 35px;
        padding-bottom: 30px;
        text-align: center
    }

        .Footer .row:nth-child(2), .Footer-divider .row:nth-child(2), .Footer-newsletterForm .row:nth-child(2), .Footer-socialLinks .row:nth-child(2), .FooterDownloads .row:nth-child(2) {
            text-align: left
        }

.Footer-block div {
    margin-bottom: 18px;
    font-size: 16px;
    text-transform: uppercase;
    color: #000
}

.Footer .row section, .Footer section, .Footer-divider section, .Footer-newsletterForm section, .Footer-socialLinks section, .FooterDownloads section {
    padding: 0;
    background-color: #e9e9e9
}

    .Footer .row section a, .Footer section a, .Footer-divider section a, .Footer-newsletterForm section a, .Footer-socialLinks section a, .FooterDownloads section a {
        display: block;
        margin-bottom: 10px;
        color: #4a4a4a;
        font-weight: 400;
        text-decoration: none
    }

        .Footer section a:last-of-type, .Footer-divider section a:last-of-type, .Footer-newsletterForm section a:last-of-type, .Footer-socialLinks section a:last-of-type, .FooterDownloads section a:last-of-type {
            margin-bottom: 0
        }

        .Footer section a:hover, .Footer-divider section a:hover, .Footer-newsletterForm section a:hover, .Footer-socialLinks section a:hover, .FooterDownloads section a:hover {
            color: #ff8700
        }

    .Footer section.Footer-copyright, .Footer-divider section.Footer-copyright, .Footer-newsletterForm section.Footer-copyright, .Footer-socialLinks section.Footer-copyright, .FooterDownloads section.Footer-copyright {
        font-size: 11px
    }

    .Footer section.Footer-phone, .Footer-divider section.Footer-phone, .Footer-newsletterForm section.Footer-phone, .Footer-socialLinks section.Footer-phone, .FooterDownloads section.Footer-phone {
        margin-bottom: 0
    }

.Footer-phone-block:not(:last-child) {
    margin-bottom: 20px
}

.Footer-phone-days, .Footer-phone-hours {
    margin-right: 12px
}

.Footer-phone-numbers .icon-phone:before {
    position: relative;
    top: -1px;
    margin-right: 2px;
    font-size: 11px
}

.Footer-socialLinks a {
    display: inline-block;
    margin-right: 15px
}

.Footer-socialLinks .icon-twitter {
    font-size: 30px;
    color: #069bd8
}

.Footer-socialLinks .icon-facebook {
    font-size: 30px;
    color: #34508e
}

.Footer-socialLinks .icon-journal {
    position: relative;
    top: -1px;
    padding-top: 2px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    text-align: center;
    color: #fff;
    background: grey
}

    .Footer-socialLinks .icon-journal:before {
        padding-left: 7px
    }

.Footer-socialLinks .icon-google-plus {
    font-size: 30px;
    color: #d11204
}

.Footer-socialLinks-icons {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.FooterDownloads-notice {
    margin: 30px 0 15px;
    font-size: 11px;
    font-weight: 700
}

section.Footer-newsletter {
    margin-bottom: 30px
}

.Footer-newsletter-message {
    display: none;
    color: #6c3
}

.Footer-newsletterForm input {
    margin-bottom: 0
}

    .Footer-newsletterForm button[type=submit], .Footer-newsletterForm input[type=submit] {
        height: 37px;
        border-width: 2px;
        font-size: 14px;
        font-weight: 700
    }

        .Footer-newsletterForm button[type=submit]:focus, .Footer-newsletterForm input[type=submit]:focus {
            outline: 0;
            background: #ff8700
        }

.Footer-newsletterForm .callout.alert {
    background: 0 0
}

.Footer-newsletterForm .Footer-newsletter-inputWrapper {
    float: none;
    padding: 0;
    height: 37px
}

    .Footer-newsletterForm .Footer-newsletter-inputWrapper div {
        margin: 0
    }

    .Footer-newsletterForm .Footer-newsletter-inputWrapper .input-group {
        margin: 0
    }

.Footer-spinningBall {
    color: #4a4a4a
}

.SeoText-wrapper .crosslinkTitle {
    font-weight: 700
}

.ExtraInfo {
    color: #999;
    font-size: 13px
}

.ExtraInfo-id {
    margin-right: 10px
}

.Overlay {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 3;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.7)
}

    .Overlay .Overlay-closeBtn {
        float: left;
        position: relative;
        top: -49px;
        color: #fff;
        font-size: 25px;
        z-index: 4
    }

        .Overlay .Overlay-closeBtn:after, .Overlay .Overlay-closeBtn:before {
            float: none
        }

.Overlay-content {
    display: -ms-flexbox;
    display: flex;
    position: relative;
    top: 60px;
    height: 100%;
    padding-right: 0
}

@media screen and (max-width:63.9375em) {
    .Overlay {
        overflow-y: scroll
    }
}

.Overlay-container {
    display: block;
    margin-left: auto;
    margin-right: auto
}

    .Overlay-container .Overlay-inside {
        border: 1px solid #e9e9e9;
        padding: 28px 25px;
        background: #fff
    }

        .Overlay-container .Overlay-inside input:focus {
            border-color: #0cf
        }

        .Overlay-container .Overlay-inside .title {
            margin-bottom: 15px;
            text-align: center;
            font-size: 18px;
            font-weight: 600
        }

        .Overlay-container .Overlay-inside .subTitle {
            margin-bottom: 21px;
            text-align: center;
            font-size: 13px
        }

.ViewMore {
    position: relative;
    background: #fff
}

.ViewMore-text {
    height: auto;
    font-size: 13px;
    line-height: 25px
}

.closed .ViewMore-text.developerDescription, .closed .ViewMore-text.developmentDescription {
    max-height: 150px;
    overflow: hidden
}

.closed .ViewMore-text.availableUnitSection {
    max-height: 500px;
    overflow: hidden;
    font-size: 16px
}

.ViewMore-text img {
    max-width: 170px;
    max-height: 80px
}

.ViewMore-title {
    font-size: 16px;
    margin-bottom: 15px
}

.ViewMore-text-description {
    display: table;
    width: 100%
}

.ViewMore-text-logo-trustedAgent {
    color: #6c3;
    text-transform: uppercase
}

    .ViewMore-text-logo-trustedAgent .icon-check {
        margin-right: 5px
    }

.ViewMore-trigger {
    display: none;
    padding: 20px 0 0 0;
    background: #fff;
    cursor: pointer;
    border-top: 1px solid #e9e9e9;
    font-size: 13px;
    font-weight: 700;
    text-align: center;
    color: #0cf
}

.closed .ViewMore-trigger:after {
    position: absolute;
    bottom: 47px;
    left: 0;
    height: 50px;
    width: 100%;
    content: '';
    background: linear-gradient(to top,#fff 5%,rgba(255,255,255,0) 80%)
}

.ViewMore-trigger-icon {
    font-size: 11px;
    font-weight: 700
}

    .ViewMore-trigger-icon:before {
        float: none;
        vertical-align: sub
    }

.ViewMore-trigger-text:hover {
    text-decoration: underline
}

.ViewMore-text-logo {
    padding-right: 25px;
    text-align: center
}

.intl-tel-input {
    margin-bottom: 15px;
    width: 100%
}

    .intl-tel-input .flag-container .country-name {
        font-size: 12px
    }

.flag-container, .intl-tel-input {
    direction: ltr
}

.MapContainer {
    width: 100%;
    height: 100%;
    position: relative
}

.MapContainer-map {
    width: auto;
    height: 550px
}

.maptip {
    position: absolute;
    width: 100%;
    height: 94%;
    padding-top: 8%;
    font-weight: 700;
    text-align: center;
    font-size: xx-large;
    display: none;
    cursor: pointer;
    z-index: 100
}

.Success-container {
    margin-left: auto;
    margin-right: auto;
    width: 460px
}

.Success {
    width: 100%;
    padding: 25px;
    background: #fff;
    text-align: center
}

.Success-icon {
    color: #6c3;
    font-size: 52px
}

    .Success-icon:before {
        float: none
    }

.Success-title {
    margin-bottom: 9px;
    font-size: 18px;
    font-weight: 700
}

.Success-message {
    color: #4a4a4a;
    font-size: 13px
}

.Success-button {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 30px;
    width: 100%;
    height: 45px;
    font-size: 14px;
    font-weight: 700;
    background: #6c3;
    color: #fff;
    text-transform: uppercase;
    cursor: pointer
}

.FeaturesAmenities {
    background-color: #fff
}

    .FeaturesAmenities .columns {
        padding-left: 0
    }

    .FeaturesAmenities table, .FeaturesAmenities tbody {
        border: none
    }

        .FeaturesAmenities table tr:nth-of-type(odd) {
            background: #f0f1f3
        }

        .FeaturesAmenities table tr:nth-of-type(even) {
            background: #fff
        }

        .FeaturesAmenities table tr td, .FeaturesAmenities table tr th {
            font-size: 13px
        }

            .FeaturesAmenities table tr td:nth-child(2), .FeaturesAmenities table tr th:nth-child(2) {
                border-right: 20px solid #fff
            }

.FeaturesAmenities-amenities li {
    display: block;
    margin-bottom: 10px;
    list-style: none;
    overflow: hidden;
    padding: 0;
    font-size: 13px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.FeaturesAmenities-amenities ul {
    margin-right: 20px
}

.FeaturesAmenities-amenities .icon-check {
    color: #6c3;
    margin-right: 5px
}

.FeaturesAmenities-features {
    display: inline-block;
    width: 100%
}

    .FeaturesAmenities-features .columns {
        padding: 0
    }

        .FeaturesAmenities-features .columns:nth-of-type(odd) {
            border-right: 25px #fff solid
        }

    .FeaturesAmenities-features .small-6 {
        padding: 5px 10px
    }

    .FeaturesAmenities-features table, .FeaturesAmenities-features tbody {
        border: none
    }

        .FeaturesAmenities-features table tr td, .FeaturesAmenities-features table tr th {
            font-size: 13px
        }

        .FeaturesAmenities-features table tr:nth-child(4n), .FeaturesAmenities-features table tr:nth-child(4n-1) {
            background: #fff
        }

        .FeaturesAmenities-features table tr:nth-child(4n+1), .FeaturesAmenities-features table tr:nth-child(4n+2) {
            background: #f0f1f3
        }

    .FeaturesAmenities-features .columns:last-child:not(:first-child) {
        float: left
    }

.Agent {
    background-color: #fff;
    padding: 0 6px;
    margin-bottom: 15px
}

    .Agent > * {
        text-align: left
    }

    .Agent .Agent-trusted, .Agent .icon-check {
        margin-top: 3px;
        color: #6c3;
        font-size: 11px;
        font-weight: 700;
        text-transform: none
    }

    .Agent .icon-check {
        display: -ms-inline-flexbox;
        display: inline-flex
    }

    .Agent ::after, .Agent span[class*=icon-]::before {
        margin-right: 5px
    }

    .Agent .Agent-name {
        margin-top: 0;
        padding-top: 5px
    }

        .Agent .Agent-name a {
            font-size: 13px
        }

            .Agent .Agent-name a:hover {
                text-decoration: underline
            }

    .Agent .Agent-name-noLogo {
        height: 96px;
        padding-left: 0;
        text-align: center
    }

    .Agent .Agent-phoneNumber {
        float: left;
        font-weight: 700
    }

        .Agent .Agent-phoneNumber .icon-phone, .Agent .Agent-phoneNumber a {
            display: inline-block;
            color: #ff8700;
            font-size: 13px
        }

    .Agent .Agent-portrait {
        text-align: center
    }

        .Agent .Agent-portrait img {
            border-radius: 50%
        }

    .Agent .Agent-logo {
        text-align: center
    }

    .Agent .Agent-logo, .Agent .Agent-portrait {
        padding: 0
    }

    .Agent .Agent-previewNumber {
        cursor: pointer;
        margin-bottom: -8px
    }

        .Agent .Agent-previewNumber .icon-phone {
            display: inline-block;
            margin-bottom: 5px;
            color: #ff8700
        }

    .Agent .Agent-previewNumber-number {
        font-size: 21px;
        font-weight: 200
    }

    .Agent .Agent-previewNumber-mobile .Agent-previewNumber-gradient {
        width: 80px;
        right: 85px
    }

    .Agent .Agent-previewNumber-mobile .icon-phone {
        margin-bottom: -7px;
        font-size: 20px
    }

        .Agent .Agent-previewNumber-mobile .icon-phone::before {
            margin-right: 5px
        }

    .Agent .Agent-wrapper {
        padding-top: 10px;
        padding-bottom: 10px
    }

    .Agent .Agent-previewNumber-gradient {
        display: inline-block;
        width: 97px;
        height: 20px;
        position: relative;
        top: 2px;
        background: -webkit-linear-gradient(left,transparent,#fff);
        right: 95px
    }

.Agent-small {
    padding: 0
}

.Agent-description {
    display: table
}

.Agent-only {
    height: 112px
}

.Agent-only-mobile {
    height: 70px;
    padding-left: 24px
}

.Agent-only + .Agent-bothTypes {
    padding-top: 16px
}

.Agent-bothTypes {
    height: 96px
}

.Agent > div:first-child {
    border-bottom: 1px solid #e9e9e9
}

.Agent-bothTypes, .Agent-only {
    padding-left: 24px
}

.Agent-phoneNumber-mobile, .Agent-phoneNumber-office {
    font-size: 16px;
    font-weight: 700;
    text-align: center
}

    .Agent-phoneNumber-mobile i, .Agent-phoneNumber-office i {
        color: #ff8700;
        margin-right: 5px
    }

    .Agent-phoneNumber-mobile.show, .Agent-phoneNumber-office.show {
        display: inline-block
    }

    .Agent-phoneNumber-mobile.hide, .Agent-phoneNumber-office.hide {
        display: none
    }

@media print,screen and (min-width:64em) {
    .AgentSection {
        display: none
    }
}

.Gallery-images {
    min-width: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-height: 645px;
    margin-left: 60px
}

.Gallery-galleryCloseBtn-anchor {
    position: absolute;
    right: 60px
}

    .Gallery-galleryCloseBtn-anchor .Overlay-closeBtn {
        display: none
    }

.Gallery-formCloseBtn-anchor .Overlay-closeBtn {
    display: block
}

.Gallery-form {
    -ms-flex-negative: 1;
    flex-shrink: 1;
    width: 380px;
    height: 645px;
    background: #fff;
    margin-right: 60px
}

.Gallery-form-success {
    display: none;
    border: none
}

.Gallery-images .swiper-externalPaginationContainer {
    position: absolute;
    top: -36.6666666667px;
    left: 15%;
    margin-left: 31%;
    color: #fff;
    font-size: 16px;
    text-align: center
}

.Gallery-images .swiper-externalPagination {
    letter-spacing: -1px
}

.Gallery-top .swiper-slide img {
    display: block;
    margin: auto;
    height: 100%
}

.Gallery-images .swiper-button-next, .Gallery-images .swiper-button-prev {
    top: 50%;
    margin-top: 0;
    height: 50px;
    background-image: url(/img/ic-scrollleft.png)
}

.Gallery-images .swiper-button-next {
    background-image: url(/img/ic-scrollright.png)
}

.Gallery-images .swiper-slide.icon-video {
    color: #fff;
    cursor: pointer
}

    .Gallery-images .swiper-slide.icon-video:before {
        z-index: 2;
        pointer-events: none;
        position: absolute;
        top: 42%;
        left: 45%;
        opacity: .9;
        font-size: 150px
    }

    .Gallery-images .swiper-slide.icon-video:hover:before {
        opacity: 1
    }

.Gallery-images .swiper-slide iframe {
    position: absolute;
    z-index: 3;
    border: none;
    height: 645px;
    width: 100%
}

.Gallery-images .swiper-container {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    background: #fff;
    border-right: 1px solid #e9e9e9
}

.swiper-slide {
    width: 819px;
    background-position: center;
    background-repeat: no-repeat
}

.Gallery-top {
    height: 80%;
    width: 100%
}

.Gallery-thumbs {
    max-height: 20%;
    height: 133px;
    box-sizing: border-box;
    padding: 10px 0
}

    .Gallery-thumbs img {
        width: 100%;
        height: 100%
    }

    .Gallery-thumbs .swiper-slide {
        width: auto;
        height: 100%
    }

    .Gallery-thumbs .swiper-slide-active {
        border: 2px solid #0cf
    }

    .Gallery-thumbs .swiper-wrapper {
        margin-left: calc(-40% - 2px)
    }

@media screen and (max-width:63.9375em) {
    .Overlay-content-gallery {
        display: inherit
    }

        .Overlay-content-gallery > div:nth-of-type(2) {
            margin-right: 120px
        }

    .Gallery-images {
        max-height: 645px;
        max-width: none;
        margin-right: 60px
    }

    .Gallery-form {
        width: 100%;
        height: 340px;
        margin-left: 60px;
        margin-bottom: 60px
    }

    .Gallery-thumbs {
        height: 100px
    }

    .Gallery-galleryCloseBtn-anchor .Overlay-closeBtn {
        display: block
    }

    .Gallery-formCloseBtn-anchor .Overlay-closeBtn {
        display: none
    }
}

.RequestPhoneForm {
    width: 460px;
    border: 1px solid #e9e9e9;
    padding: 28px 25px;
    background: #fff
}

.RequestPhoneForm-title {
    margin-bottom: 9px;
    text-align: center;
    font-size: 18px;
    font-weight: 700
}

.RequestPhoneForm-disclaimer {
    display: table
}

    .RequestPhoneForm-disclaimer input {
        margin-right: 5px
    }

    .RequestPhoneForm-disclaimer [type=checkbox] + label {
        display: table-cell;
        color: #999;
        font-size: 11px
    }

.RequestPhoneForm-logged .title {
    display: inline-block;
    padding-top: 25px
}

.AgentBoxSuccess {
    display: none;
    width: 460px;
    padding: 25px;
    background: #fff;
    text-align: center
}

.AgentBoxSuccess-mainLine {
    margin-bottom: 10px;
    font-size: 18px;
    font-weight: 700
}

.AgentBoxSuccess-secondLine {
    font-size: 13px;
    color: #4a4a4a
}

.AgentBoxSuccess-agency-logo img {
    max-width: 135px;
    max-height: 80px
}

.AgentBoxSuccess-agency, .AgentBoxSuccess-agent {
    border-bottom: 1px solid #e9e9e9;
    padding: 25px 0
}

.AgentBoxSuccess-agency-trusted {
    font-size: 11px;
    font-weight: 700;
    color: #6c3;
    text-transform: none
}

.AgentBoxSuccess-agency-details-noLogo .AgentBoxSuccess-agency-trusted {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center
}

    .AgentBoxSuccess-agency-details-noLogo .AgentBoxSuccess-agency-trusted:before {
        margin-right: 5px
    }

.AgentBoxSuccess-agency-link {
    font-size: 13px
}

.AgentBoxSuccess-agent-portrait img {
    border-radius: 50%;
    width: 60px;
    max-width: inherit
}

.AgentBoxSuccess-agency-details, .AgentBoxSuccess-agent-details {
    text-align: left
}

.AgentBoxSuccess-agency-details-noLogo {
    text-align: center
}

.AgentBoxSuccess-agent-phone {
    margin: 0;
    font-weight: 700
}

    .AgentBoxSuccess-agent-phone .icon-phone:before {
        margin-right: 5px;
        color: #ff8700
    }

.AgentBoxSuccess-listingId {
    margin: 20px 0;
    font-size: 13px;
    color: #999
}

.AvailableUnits {
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 30px
}

    .AvailableUnits h3 {
        padding-left: 25px
    }

.AvailableUnits-content {
    padding: 15px 25px;
    border-top: 2px solid #f1f1f1
}

.icon-bathrooms:before, .icon-bedrooms:before, .icon-livingsize:before {
    margin-right: 8px;
    color: #4a4a4a
}

.icon-arrow-big {
    color: #ccc
}

.AvailableUnits-alignment {
    display: table;
    height: 61px;
    vertical-align: top;
    color: #4a4a4a
}

    .AvailableUnits-alignment > * {
        display: table-cell;
        vertical-align: middle
    }

.AvailableUnits-link:hover {
    text-decoration: underline
}

.AvailableUnits-price span:first-child {
    display: table-cell;
    text-align: center;
    color: #000;
    font-weight: 700
}

.AvailableUnits-linkWrapper {
    display: block
}

    .AvailableUnits-linkWrapper:hover {
        background-color: #f1f1f1
    }

.AvailableUnits-img {
    max-width: 99px
}

@media screen and (min-width:64em) and (max-width:79.9375em) {
    .AvailableUnits-alignment {
        padding: 15px 20px 0
    }

    .AvailableUnits-price {
        margin-top: 25px
    }
}

@media print,screen and (min-width:80em) {
    .AvailableUnits-link {
        display: inline-block;
        margin-top: 19px;
        font-size: 14px
    }
}

@media screen and (max-width:63.9375em) {
    .AvailableUnits-content {
        padding: 15px 15px 0 15px
    }
}

.AvailableUnits-link-wrap {
    padding: 0 !important
}

.lmd-tooltip {
    opacity: .6;
    background-color: #000
}

.Header {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 340px;
    color: #fff
}

    .Header .row {
        padding: 45px 0
    }

.Header-textBlock-headline {
    margin-bottom: 15px;
    font-size: 35px;
    font-weight: 400;
    line-height: 40px;
    letter-spacing: 1px
}

.Header-textBlock-address {
    margin: 0 0 25px;
    font-weight: 300
}

.Header-textBlock-address-link {
    font-size: 18px;
    color: #fff;
    letter-spacing: 1px
}

    .Header-textBlock-address-link span {
        font-size: 15px
    }

    .Header-textBlock-address-link .icon-pin::before {
        margin-top: 3px
    }

    .Header-textBlock-address-link:active, .Header-textBlock-address-link:focus, .Header-textBlock-address-link:hover, .Header-textBlock-address-link:visited {
        color: #fff
    }

.Header-textBlock-date {
    display: inline-block;
    margin-bottom: 25px;
    border-radius: 20px;
    height: 25px;
    padding: 0 20px;
    background: #0cf;
    font-weight: 700;
    font-size: 11px;
    line-height: 25px;
    letter-spacing: 1px
}

.Header-block {
    height: 295px
}

.Header-imgBlock {
    position: absolute;
    bottom: 30px;
    cursor: pointer
}

    .Header-imgBlock > div {
        position: relative;
        display: inline-block;
        border: 2px solid #fff;
        width: 75px;
        height: 60px;
        font-weight: 300
    }

        .Header-imgBlock > div:first-child {
            margin-right: 10px
        }

.Header-imgBlock-item:hover {
    border-color: #0cf
}

.Header-imgBlock-item img {
    height: 56px
}

.Header-imgBlock-item--map {
    background: url(/img/ic-map.svg) no-repeat;
    background-size: cover
}

.Header-imgBlock-item-subText {
    position: absolute;
    display: -ms-flexbox;
    display: flex;
    bottom: 0;
    width: 100%;
    height: 20px;
    line-height: 20px;
    background-color: rgba(0,0,0,.5);
    font-size: 11px;
    text-align: center
}

.Header-imgBlock-item-number {
    float: right;
    margin: 0 auto
}

.Header-imgBlock-item-text {
    margin: 0 auto
}

.ellipsis {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.Header-img {
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 720px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    filter: brightness(60%)
}

.newdevelopments .SearchBar select {
    padding-right: 24px
}

.Overview {
    background-color: #fff;
    margin-bottom: 15px;
    border-bottom: 2px solid #e9e9e9;
    z-index: 2
}

    .Overview.is_stuck {
        border-bottom: 5px solid #e9e9e9
    }

    .Overview > .row {
        background-color: #fff;
        padding-top: 15px;
        padding-bottom: 15px
    }

    .Overview span {
        display: block;
        text-align: center
    }

    .Overview .Overview-description {
        margin-top: 5px;
        color: #999;
        font-size: 13px
    }

    .Overview .Overview-main {
        color: #000;
        font-size: 18px;
        font-weight: 700
    }

    .Overview .Overview-unitSize {
        display: inline;
        font-size: 13px
    }

@media screen and (max-width:79.9375em) {
    .Overview .Overview-price {
        word-break: break-word
    }
}

.ContactAgentForm-sticky {
    position: relative;
    top: -376px
}

.ContactAgentForm-sticky {
    z-index: 1
}

.ContactAgentForm {
    margin-bottom: 30px;
    padding: 28px 25px 12px 25px;
    background: #fff
}

@media print,screen and (min-width:64em) {
    .Overlay .ContactAgentForm {
        height: 567px
    }
}

.ContactAgentForm input:focus {
    border-color: #0cf
}

.ContactAgentForm-title {
    margin-bottom: 15px;
    text-align: center;
    font-size: 18px;
    font-weight: 700
}

.ContactAgentForm-fieldWrap.collapse div:first-child {
    padding-right: 5px
}

.ContactAgentForm-fieldWrap.collapse div:last-child {
    padding-left: 5px
}

.ContactAgentForm-disclaimer {
    display: table
}

    .ContactAgentForm-disclaimer input {
        margin-right: 5px
    }

    .ContactAgentForm-disclaimer [type=checkbox] + label {
        display: table-cell;
        color: #999;
        font-size: 11px
    }

#contact_user_contact_by, #contact_user_in_viewer_contact_by {
    display: inline
}

    #contact_user_contact_by label, #contact_user_in_viewer_contact_by label {
        float: left;
        margin-right: 0;
        font-size: 13px;
        color: #4a4a4a
    }

    #contact_user_contact_by input[type=radio], #contact_user_in_viewer_contact_by input[type=radio] {
        -webkit-appearance: checkbox;
        -moz-appearance: checkbox;
        float: left;
        margin-top: 5px
    }

@media screen and (max-width:63.9375em) {
    .ContactSection {
        padding: 0
    }

    .ContactAgentForm {
        border: none
    }

    .ContactAgentRepositionStyles {
        margin-bottom: 0;
        border-right: 7px solid #e9e9e9
    }

    .AgentInfoRepositionStyles {
        height: 365px;
        padding: 0
    }
}

.FeaturedItem-strap--premium, .FeaturedItem-strap--rented, .FeaturedItem-strap--sold {
    display: block;
    position: absolute;
    top: 26px;
    left: -33px;
    width: 150px;
    padding: 8px 30px;
    color: #fff;
    text-align: center;
    font-weight: 700;
    text-transform: uppercase;
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.FeaturedItem {
    position: relative;
    margin-bottom: 20px;
    margin-right: 29px;
    width: 100%;
    height: 228px
}

.featured-developments .FeaturedItem {
    width: 304px
}

.FeaturedItem:hover .FeaturedItem-showDetails {
    display: block
}

    .FeaturedItem:hover .FeaturedItem-showDetails a {
        text-decoration: none;
        color: #fff
    }

.swiper-slide .FeaturedItem {
    margin-bottom: 0
}

.FeaturedItem-image-container {
    position: relative;
    width: 100%;
    height: calc(100% - 55px);
    overflow: hidden;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    background: #fff
}

.FeaturedItem-image {
    width: 100%;
    height: 100%
}

.FeaturedItem-deliveryDate {
    position: absolute;
    bottom: 75px;
    left: 0;
    width: auto;
    height: 25px;
    padding: 5px 15px 0;
    background: #36c;
    color: #fff;
    font-size: 12px
}

.FeaturedItem-info {
    position: absolute;
    bottom: 0;
    height: 55px;
    width: 100%;
    overflow: hidden;
    padding: 7px 10px 10px;
    background-color: #fff;
    font-size: 14px
}

.FeaturedItem-info-text {
    display: inline-block;
    margin: 0;
    max-width: 100%;
    color: #36c;
    white-space: nowrap
}

.FeaturedItem-info-details {
    font-size: 14px
}

.FeaturedItem-info-details-price {
    margin: 0;
    color: #333;
    font-weight: 600;
    font-size: 14px
}

.FeaturedItem-info-details-features {
    text-align: right
}

.FeaturedItem-features-item {
    display: inline;
    color: #000;
    font-weight: 700
}

    .FeaturedItem-features-item:before {
        padding-right: 3px;
        color: #333;
        font-weight: 400
    }

    .FeaturedItem-features-item:last-child {
        margin: 0
    }

.FeaturedItem-showDetails {
    display: none;
    position: absolute;
    top: 0;
    width: 100%;
    height: 228px;
    background-color: rgba(0,0,0,.6)
}

.FeaturedItem-showDetails-link {
    display: block;
    text-transform: uppercase;
    color: #fff;
    line-height: 228px;
    text-align: center
}

.FeaturedItem-strap--premium {
    background: #254980
}

.FeaturedItem-strap--rented, .FeaturedItem-strap--sold {
    background: #f45c66
}

html[class*=yekan] .FeaturedItem .FeaturedItem-info {
    line-height: 18px
}

.Overview-pdp {
    background-color: #fff;
    margin-bottom: 15px;
    padding-left: 30px;
    padding-right: 30px
}

    .Overview-pdp > .row {
        padding-top: 15px;
        padding-bottom: 15px
    }

    .Overview-pdp span {
        display: block;
        text-align: center
    }

    .Overview-pdp .LoanPayment {
        color: #0cf;
        font-size: 13px;
        font-weight: 700;
        text-align: left
    }

        .Overview-pdp .LoanPayment:hover {
            text-decoration: underline
        }

    .Overview-pdp .PriceLabel {
        color: #999;
        font-size: 13px;
        font-weight: 400;
        text-align: left
    }

    .Overview-pdp .PriceSection {
        text-align: left
    }

    .Overview-pdp .NoPrice-container {
        max-width: 300px;
        text-align: left
    }

    .Overview-pdp .NoPrice {
        display: inline;
        font-size: 18px;
        line-height: 30px;
        text-align: left
    }

    .Overview-pdp .FirstPrice {
        display: inline;
        font-size: 27px;
        line-height: 30px
    }

    .Overview-pdp .SecondPrice {
        display: inline;
        color: #333;
        font-size: 18px;
        font-weight: 500;
        white-space: nowrap
    }

.Overview-description {
    margin-top: 5px;
    color: #999;
    font-size: 13px
}

.Overview-main {
    color: #000;
    font-size: 18px;
    font-weight: 700
}

.Overview-attribute {
    color: #000;
    font-size: 18px;
    font-weight: 700;
    white-space: nowrap
}

.loanCalcPdp {
    position: relative
}

.loanCalcPdp-form input {
    font-size: 16px
}

.loanCalcPdp-form .input-group-label {
    background: 0 0;
    border: 1px 0 1px 1px solid #ddd;
    padding-top: 0;
    padding-right: 0;
    padding-left: 10px
}

.loanCalcPdp-form .input-group-field {
    background: 0 0;
    border-left: none;
    height: 2.3125rem;
    padding-left: 3px
}

.loanCalcPdp-form .input-group input:focus {
    border-color: #ddd;
    border-left: none
}

.loanCalcPdp-label {
    color: #999;
    font-size: 13px
}

.loanCalcPdp-dyna-field {
    color: #36c;
    font-weight: 700;
    line-height: 35px
}

.loanCalcPdp-formButton {
    display: block;
    margin: 30px auto 0;
    width: 290px;
    height: 40px;
    color: #fff;
    font-weight: 700;
    background: #002e6a
}

.loanCalcPdp-downPaymentWrap.columns, .loanCalcPdp-propertyPriceWrap.columns, .loanCalcPdp-termWrap.columns {
    padding-right: 0
}

.loanCalc-percentage-wrap {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    border: 1px solid #ddd;
    border-left: none;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}

    .loanCalc-percentage-wrap input {
        border: none;
        margin: 0;
        padding: 0;
        width: 20px;
        height: 35px
    }

        .loanCalc-percentage-wrap input:focus {
            border-color: transparent;
            box-shadow: none
        }

        .loanCalc-percentage-wrap input:-webkit-autofill {
            -webkit-box-shadow: 0 0 0 1000px #fff inset;
            border: none
        }

.loanCalcPdp-propertyPriceWrap input[readonly] {
    background: #fff;
    color: #999
}

.loanCalcPdp-propertyPriceWrap input:focus {
    border-color: #ddd
}

.loanCalcPdp-formButton span {
    display: inline-block;
    font-size: 15px
}

.loanCalcPdp-graph {
    position: absolute;
    right: -2.5em;
    top: 65px
}

.RequestLoanForm-container {
    margin: 0 auto;
    width: 460px
}

.RequestLoanForm {
    padding: 28px 25px;
    background: #fff
}

.RequestLoanForm-title {
    margin-bottom: 9px;
    text-align: center;
    font-size: 18px;
    font-weight: 700
}

.RequestLoanForm-note {
    margin-top: 20px;
    text-align: center;
    font-size: 11px
}

.RequestLoanForm-bankLogo img {
    display: block;
    margin: 0 auto;
    max-width: 150px;
    max-height: 55px
}

.RequestLoanFormSuccess {
    display: none
}

@media screen and (min-width:64em) and (max-width:79.9375em) {
    .loanCalcPdp-graph canvas {
        width: 190px
    }
}

@media screen and (max-width:63.9375em) {
    .loanCalcPdp-graph {
        right: -3.5em
    }

        .loanCalcPdp-graph canvas {
            width: 180px
        }
}

.Navigation {
    padding-top: 14px;
    padding-bottom: 10px;
    text-align: center
}

    .Navigation:after, .Navigation:before {
        font-family: pixel-icons !important
    }

    .Navigation ol {
        display: inline-block;
        margin-bottom: 0;
        max-width: 100%
    }

    .Navigation li {
        display: inline
    }

        .Navigation li a {
            color: #0cf;
            font-size: 13px
        }

            .Navigation li a:hover {
                text-decoration: underline
            }

        .Navigation li:not(:first-child):before {
            float: none;
            font-size: 7px;
            margin-left: 3px;
            color: #999;
            vertical-align: middle
        }

    .Navigation a {
        font-size: 13px
    }

        .Navigation a:hover {
            text-decoration: underline
        }

.Navigation-breadcrumbs {
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
    position: relative
}

.Navigation-breadcrumbsListingName {
    color: #333;
    font-size: 13px
}

.Navigation-previous {
    text-align: left;
    white-space: nowrap
}

    .Navigation-previous a.disabled {
        color: #ccc;
        pointer-events: none;
        cursor: default
    }

        .Navigation-previous a.disabled:hover {
            text-decoration: none
        }

.Navigation-next {
    text-align: right;
    white-space: nowrap
}

    .Navigation-next a.disabled {
        color: #ccc;
        pointer-events: none;
        cursor: default
    }

        .Navigation-next a.disabled:hover {
            text-decoration: none
        }

.Navigation-backToResults {
    margin: 10px 0 20px;
    text-align: left
}

    .Navigation-backToResults a {
        color: #0cf;
        font-size: 13px
    }

        .Navigation-backToResults a:hover {
            text-decoration: underline
        }

.Navigation-nextArrow, .Navigation-previousArrow {
    font-size: 7px;
    color: #999;
    vertical-align: middle
}

    .Navigation-nextArrow.disabled, .Navigation-previousArrow.disabled {
        color: #ccc
    }

@media screen and (max-width:79.9375em) {
    .Navigation .Navigation-breadcrumbs {
        max-width: 500px
    }
}

.lmd-tooltip {
    opacity: .6;
    background-color: #000
}

.Header-pdp {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 390px;
    color: #fff
}

    .Header-pdp .Header-img-pdp {
        width: 100%;
        height: 390px;
        filter: brightness(70%);
        background-size: cover;
        background-position: center;
        cursor: pointer
    }

    .Header-pdp .Header-textBlock {
        position: absolute;
        bottom: -20px;
        width: 65%;
        padding: 20px
    }

    .Header-pdp .Header-textBlock-headline {
        margin-bottom: 15px;
        font-size: 35px;
        font-weight: 700;
        line-height: 40px;
        letter-spacing: 1px
    }

    .Header-pdp .Header-textBlock-address-link-pdp {
        font-weight: 700
    }

    .Header-pdp .Header-map {
        border-top: 2px solid #fff;
        border-right: 2px solid #fff;
        border-bottom: 1px solid #fff;
        border-left: 1px solid #fff
    }

        .Header-pdp .Header-map div {
            cursor: pointer
        }

    .Header-pdp .Header-map-wrapper {
        display: block;
        background-position: 50% 50%;
        background-repeat: no-repeat
    }

    .Header-pdp .Header-map-map {
        width: 310px;
        height: 195px;
        visibility: hidden
    }

    .Header-pdp .Header-map-noMap {
        width: 100%;
        height: 195px;
        background-size: cover;
        background-position: center
    }

    .Header-pdp .Header-images {
        border-top: 1px solid #fff;
        border-right: 2px solid #fff;
        border-bottom: 2px solid #fff;
        border-left: 1px solid #fff;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
        text-align: center
    }

    .Header-pdp .Header-images-bg {
        width: 100%;
        height: 195px;
        background-size: cover;
        background-position: center;
        filter: brightness(40%);
        cursor: pointer
    }

    .Header-pdp .Header-images-textGroup {
        position: absolute;
        pointer-events: none;
        font-weight: 700;
        font-size: 18px
    }

    .Header-pdp .Header-images-placeholder {
        height: 195px;
        width: 100%;
        background-size: cover;
        background-position: 100%
    }

    .Header-pdp .small-8 {
        border-top: 2px solid #fff;
        border-left: 2px solid #fff;
        border-right: 1px solid #fff
    }

.ContactAgentForm-pdp {
    padding: 15px 20px;
    background: #fff;
    width: 380px
}

    .ContactAgentForm-pdp input {
        margin-bottom: 10px
    }

.Overlay-content-gallery .ContactAgentForm-pdp {
    height: 567px
}

.ContactAgentForm-pdp input:focus, .ContactAgentForm-pdp textarea:focus {
    border-color: #0cf
}

.ContactAgentForm-pdp .ContactAgentForm-sticky {
    position: relative;
    top: -367px
}

.ContactAgentForm-pdp .ContactAgentForm-title {
    margin-bottom: 10px;
    text-align: center;
    font-size: 18px;
    font-weight: 700
}

.ContactAgentForm-pdp .ContactAgentForm-disclaimer {
    display: table;
    margin-bottom: 5px
}

    .ContactAgentForm-pdp .ContactAgentForm-disclaimer input {
        margin-right: 5px
    }

    .ContactAgentForm-pdp .ContactAgentForm-disclaimer [type=checkbox] + label {
        display: table-cell;
        color: #999;
        font-size: 11px
    }

.ContactAgentForm-pdp #contact_user_contact_by, .ContactAgentForm-pdp #contact_user_in_viewer_contact_by {
    display: inline
}

    .ContactAgentForm-pdp #contact_user_contact_by label, .ContactAgentForm-pdp #contact_user_in_viewer_contact_by label {
        float: left;
        margin-right: 0;
        font-size: 13px;
        color: #4a4a4a
    }

    .ContactAgentForm-pdp #contact_user_contact_by input[type=radio], .ContactAgentForm-pdp #contact_user_in_viewer_contact_by input[type=radio] {
        -webkit-appearance: checkbox;
        -moz-appearance: checkbox;
        float: left;
        margin-top: 5px
    }

.ContactAgentForm-pdp .ContactAgentForm-message > textarea {
    height: 70px;
    resize: none;
    margin-bottom: 10px
}

.ContactAgentForm-pdp .intl-tel-input {
    margin-bottom: 10px
}

@media screen and (max-width:63.9375em) {
    .ContactAgentForm-pdp {
        width: auto
    }

    .Overlay .ContactAgentForm-pdp {
        height: 385px
    }
}

.ContactSection {
    display: none
}

@media screen and (max-width:63.9375em) {
    .ContactSection {
        display: block
    }
}

.ContactAgentForm-submit-icon::before {
    float: none
}

.Overlay .ContactAgentForm-pdp {
    padding: 20px
}

.Overlay .ContactAgentForm-title {
    display: block
}

.Overlay .ContactAgentForm-titleTable {
    display: none
}

.ContactAgentForm-request, .ContactAgentSuccessRequest {
    width: 460px
}

.actions {
    background: #fff;
    height: 40px;
    border-top: 1px solid #e9e9e9;
    margin-bottom: 15px
}

    .actions div {
        margin-top: 8px
    }

        .actions div:last-child {
            border-right: none
        }

    .actions span.icon {
        display: table;
        margin: 0 auto;
        font-size: 18px
    }

        .actions span.icon:hover {
            color: #0cf
        }

    .actions .icon-print, .actions .icon-report, .actions .icon-share {
        color: #aaa
    }

    .actions .icon-favorite {
        color: #aaa
    }

    .actions .icon-favorite-full {
        color: #ff00dc
    }

@media screen and (max-width:63.9375em) {
    .actions div:first-child {
        margin-right: 40px
    }
}

.Report-container, .Share, .actions-container {
    margin-left: auto;
    margin-right: auto
}

    .Report-container .Form, .Share .Form, .actions-container .Form {
        width: 460px;
        background: #fff
    }

        .Report-container .Form input, .Share .Form input, .actions-container .Form input {
            margin-bottom: 10px
        }

            .Report-container .Form input:focus, .Report-container .Form textarea:focus, .Share .Form input:focus, .Share .Form textarea:focus, .actions-container .Form input:focus, .actions-container .Form textarea:focus {
                border-color: #0cf
            }

        .Report-container .Form ul, .Share .Form ul, .actions-container .Form ul {
            margin-left: 0;
            list-style-type: none
        }

        .Report-container .Form .title, .Share .Form .title, .actions-container .Form .title {
            margin-bottom: 10px;
            padding-top: 25px;
            text-align: center;
            font-size: 18px;
            font-weight: 700
        }

        .Report-container .Form .subTitle, .Share .Form .subTitle, .actions-container .Form .subTitle {
            text-align: center;
            margin-bottom: 15px;
            font-size: 13px
        }

        .Report-container .Form .submit-icon::before, .Share .Form .submit-icon::before, .actions-container .Form .submit-icon::before {
            float: none
        }

.Overlay .Report-container .Form {
    height: 430px
}

.Report-container .Report-message textarea {
    resize: none;
    height: 150px
}

.Report-container, .Share, .actions-container {
    margin-left: auto;
    margin-right: auto
}

    .Report-container .Form, .Share .Form, .actions-container .Form {
        width: 460px;
        background: #fff
    }

        .Report-container .Form input, .Share .Form input, .actions-container .Form input {
            margin-bottom: 10px
        }

            .Report-container .Form input:focus, .Report-container .Form textarea:focus, .Share .Form input:focus, .Share .Form textarea:focus, .actions-container .Form input:focus, .actions-container .Form textarea:focus {
                border-color: #0cf
            }

        .Report-container .Form ul, .Share .Form ul, .actions-container .Form ul {
            margin-left: 0;
            list-style-type: none
        }

        .Report-container .Form .title, .Share .Form .title, .actions-container .Form .title {
            margin-bottom: 10px;
            padding-top: 25px;
            text-align: center;
            font-size: 18px;
            font-weight: 700
        }

        .Report-container .Form .subTitle, .Share .Form .subTitle, .actions-container .Form .subTitle {
            text-align: center;
            margin-bottom: 15px;
            font-size: 13px
        }

        .Report-container .Form .submit-icon::before, .Share .Form .submit-icon::before, .actions-container .Form .submit-icon::before {
            float: none
        }

    .Share .Share-buttons {
        width: 200px;
        margin: 0 auto;
        text-align: center
    }

        .Share .Share-buttons .Share-buttons-item {
            display: inline-block;
            margin-right: 10px
        }

        .Share .Share-buttons i {
            margin: 0 auto;
            display: table
        }

    .Share .Form {
        max-height: 430px;
        min-height: 170px
    }

    .Share .mail-expanded {
        height: 469px !important
    }

    .Share .icon-facebook, .Share .icon-google-plus, .Share .icon-message, .Share .icon-twitter {
        font-size: 35px
    }

    .Share .icon-facebook {
        color: #34508e
    }

    .Share .icon-google-plus {
        color: #d11204
    }

    .Share .icon-twitter {
        color: #069bd8
    }

    .Share .icon-message {
        color: #4a4a4a
    }

    .Share .Share-message textarea {
        resize: none;
        height: 150px
    }

.formWrapper {
    height: 226px;
    padding: 0 20px 20px
}

.Additional-documents a {
    margin-right: 10px;
    font-size: 13px;
    font-weight: 500;
    color: #0cf
}

    .Additional-documents a:active, .Additional-documents a:hover {
        text-decoration: underline;
        color: #0cf
    }

    .Additional-documents a:visited {
        color: #0cf
    }

.Additional-documents .icon-pdf {
    display: inline-block;
    vertical-align: sub;
    font-size: 13px;
    color: #000
}

.Additional-documents .columns {
    margin-bottom: 20px
}

.Additional-documents .has-tip {
    display: inline
}

.Additional-documents .ellipsis {
    display: inherit
}

.print {
    background-color: #fff
}

    .print a[href]:after {
        content: none !important
    }

    .print .fullWidth {
        max-width: 890px
    }

    .print section {
        border-top: 1px solid #e9e9e9;
        padding-left: 0;
        padding-right: 0
    }

    .print .printLogo {
        margin-bottom: 20px
    }

    .print .printPhotos {
        vertical-align: top;
        width: 370px;
        height: 250px;
        display: inline-block;
        margin-right: 10px;
        margin-bottom: 30px
    }

        .print .printPhotos:nth-child(odd) {
            margin-right: 0
        }

    .print .Header-img-pdp {
        margin-bottom: 20px
    }

    .print .FeaturesAmenities-amenities h3 {
        margin-top: 20px;
        text-transform: none
    }

    .print .FeaturesAmenities-amenities ul {
        margin-left: 0
    }

    .print .Overview-pdp {
        border-bottom: none;
        margin-bottom: 15px;
        margin-top: 0;
        padding-top: 10px;
        padding-left: 0;
        padding-right: 0;
        border-top: 1px solid #e9e9e9
    }

        .print .Overview-pdp .small-3 .Overview-main {
            margin-top: 10px;
            text-align: left
        }

        .print .Overview-pdp .row {
            margin-left: 0;
            margin-right: 0
        }

        .print .Overview-pdp .Overview-description {
            text-align: center
        }

        .print .Overview-pdp .medium-3.small-3:last-child {
            display: none
        }

        .print .Overview-pdp .medium-3.small-3:first-child > .Overview-description {
            display: none
        }

    .print .print_description {
        font-size: 13px
    }

    .print .Header-textBlock {
        color: #000
    }

    .print .printMap {
        width: 744px;
        height: 550px
    }

    .print .printUrl {
        margin-bottom: 15px;
        color: #000;
        font-size: 13px;
        font-weight: 700
    }

    .print .printListingId {
        float: right;
        color: #999;
        font-size: 13px
    }

    .print .large-6.medium-6.columns {
        width: 50%
    }

    .print .Agent-pdp {
        display: -ms-flexbox;
        display: flex;
        padding: 0;
        border-top: 1px solid #e9e9e9
    }

    .print .Agent-only {
        border: none;
        padding: 0;
        width: 50%
    }

    .print .Agent-bothTypes {
        padding-top: 8px;
        width: 50%
    }

    .print .Agent-link, .print .Agent-phoneNumber {
        display: none
    }

    .print .Agent-logo {
        text-align: left
    }

    .print .FeaturesAmenities-amenities h3 {
        display: none
    }

.columns .print .FeaturesAmenities-amenities {
    padding-left: 0
}

.Development-title {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 10px
}

.Development-description {
    font-size: 13px;
    margin-bottom: 20px
}

.Development-link {
    color: #0cf;
    font-size: 13px;
    font-weight: 700
}

    .Development-link:hover {
        text-decoration: underline;
        cursor: pointer
    }

.icon-arrow-small:before {
    float: none;
    font-size: 9px;
    font-weight: 700;
    color: #0cf;
    margin-left: 5px
}

.Development-img {
    width: 304px;
    max-height: 173px
}

.HomeHeader-greeting {
    padding-bottom: 30px;
    padding-top: 70px;
    width: 100%;
    height: 400px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: -moz-linear-gradient(top,rgba(0,0,0,.1) 0,rgba(0,0,0,.1) 100%),url(/img/cover335.jpg);
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(0,0,0,.1)),color-stop(100%,rgba(0,0,0,.1))),url(/img/cover335.jpg)
}

    .HomeHeader-greeting select {
        padding-left: 15px;
        background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='10' height='6' viewBox='0 0 10 6'><defs><path id='a' d='M264.9 23.012l-4.67 4.448a.324.324 0 0 1-.46 0l-4.67-4.448a.295.295 0 0 1-.1-.22c0-.082.033-.156.1-.22l.501-.477a.324.324 0 0 1 .461 0L260 25.847l3.938-3.752a.324.324 0 0 1 .46 0l.502.478c.067.063.1.137.1.22a.295.295 0 0 1-.1.219z'/></defs><use fill='#4A4A4A' fill-rule='evenodd' transform='translate(-255 -22)' xlink:href='#a'/></svg>")
    }

.NewHomeHeader-greeting {
    padding-bottom: 30px;
    padding-top: 70px;
    width: 100%;
    height: 400px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: -moz-linear-gradient(top,rgba(0,0,0,.1) 0,rgba(0,0,0,.1) 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(0,0,0,.1)),color-stop(100%,rgba(0,0,0,.1)))
}

    .NewHomeHeader-greeting select {
        padding-left: 15px;
        background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='10' height='6' viewBox='0 0 10 6'><defs><path id='a' d='M264.9 23.012l-4.67 4.448a.324.324 0 0 1-.46 0l-4.67-4.448a.295.295 0 0 1-.1-.22c0-.082.033-.156.1-.22l.501-.477a.324.324 0 0 1 .461 0L260 25.847l3.938-3.752a.324.324 0 0 1 .46 0l.502.478c.067.063.1.137.1.22a.295.295 0 0 1-.1.219z'/></defs><use fill='#4A4A4A' fill-rule='evenodd' transform='translate(-255 -22)' xlink:href='#a'/></svg>")
    }

.HomeHeader-greeting-text {
    padding: 10px;
    color: #fff;
    font-weight: 700;
    text-align: center;
    font-size: 35px;
    text-shadow: 0 0 14px #000
}

.HomeHeader-greeting-button--icon::before {
    float: none;
    font-size: 20px;
    vertical-align: middle
}

.SearchWidget {
    box-sizing: content-box;
    padding: 8px;
    margin: 0 auto;
    border-radius: 5px;
    width: 90%;
    background-color: rgba(0,0,0,.5)
}

    .SearchWidget:last-child {
        margin-bottom: 0
    }

    .SearchWidget button {
        width: 100%
    }

.SearchWidget-el {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 45px;
    margin: 0 auto 5px;
    background-color: #fff;
    font-size: 15px;
    text-align: center
}

    .SearchWidget-el input {
        margin: 0;
        border: none
    }

        .SearchWidget-el input:focus {
            border: none
        }

    .SearchWidget-el .location-search {
        text-align: left;
        width: 100%
    }

        .SearchWidget-el .location-search .input-group {
            margin-top: 5px;
            margin-bottom: 0
        }

        .SearchWidget-el .location-search input {
            width: 50%;
            height: 40px;
            padding: 0 16px
        }

        .SearchWidget-el .location-search .spinner {
            display: none;
            margin-top: 10px
        }

            .SearchWidget-el .location-search .spinner img {
                width: 15px;
                height: 15px;
                margin-top: -5px
            }

        .SearchWidget-el .location-search .location-search-reset {
            display: none;
            margin-top: 10px;
            padding-right: 10px;
            color: #999
        }

        .SearchWidget-el .location-search .location-dd {
            display: none;
            position: absolute;
            width: 100%
        }

        .SearchWidget-el .location-search .location-dd-list {
            border: 1px solid #e9e9e9
        }

            .SearchWidget-el .location-search .location-dd-list > div {
                padding: 5px 0 5px 10px;
                font-size: 14px;
                background: #fff
            }

.TopLocations {
    padding: 25px 15px 1px 15px;
    color: #0cf
}

    .TopLocations h1 {
        margin-top: 0;
        color: #000;
        font-size: 15px
    }

    .TopLocations h2 {
        margin-top: 15px;
        color: #000;
        font-size: 13px
    }

    .TopLocations p {
        margin: 0;
        color: #000;
        font-size: 13px;
        font-weight: 400;
        line-height: 2.3
    }

    .TopLocations a {
        color: #0cf;
        font-size: 13px;
        font-weight: 700
    }

    .TopLocations .location-block {
        margin-bottom: 20px
    }

.FeaturedListing-wrapper {
    padding: 25px 7px 0 7px;
    width: 100%;
    overflow: hidden;
    background: #e9e9e9;
    position: relative
}

    .FeaturedListing-wrapper .ListingCell-KeyInfo-address {
        color: #36c;
        font-weight: 700;
        font-size: 14px
    }

    .FeaturedListing-wrapper a {
        color: #000
    }

        .FeaturedListing-wrapper a:active, .FeaturedListing-wrapper a:focus, .FeaturedListing-wrapper a:hover, .FeaturedListing-wrapper a:visited {
            color: #000
        }

            .FeaturedListing-wrapper a:active .ListingCell-KeyInfo-address, .FeaturedListing-wrapper a:focus .ListingCell-KeyInfo-address, .FeaturedListing-wrapper a:hover .ListingCell-KeyInfo-address, .FeaturedListing-wrapper a:visited .ListingCell-KeyInfo-address {
                text-decoration: underline;
                color: #36c
            }

    .FeaturedListing-wrapper .orbit-next, .FeaturedListing-wrapper .orbit-previous {
        padding: 0
    }

    .FeaturedListing-wrapper .orbit-previous {
        left: 10px
    }

        .FeaturedListing-wrapper .orbit-next:active, .FeaturedListing-wrapper .orbit-next:focus, .FeaturedListing-wrapper .orbit-next:hover, .FeaturedListing-wrapper .orbit-next:visited, .FeaturedListing-wrapper .orbit-previous:active, .FeaturedListing-wrapper .orbit-previous:focus, .FeaturedListing-wrapper .orbit-previous:hover, .FeaturedListing-wrapper .orbit-previous:visited {
            background: 0 0
        }

    .FeaturedListing-wrapper .orbit-slide {
        text-align: left
    }

    .FeaturedListing-wrapper .FeaturedListing-item-container {
        height: 490px;
        display: block
    }

    .FeaturedListing-wrapper h1 {
        font-size: 15px;
        text-transform: uppercase
    }

    .FeaturedListing-wrapper .ListingCell-AllInfo {
        margin-left: 0;
        height: 98px
    }

    .FeaturedListing-wrapper .FeaturedListing-item {
        background: #fff;
        height: 238px;
        margin-bottom: 100px;
        min-width: 304px
    }

        .FeaturedListing-wrapper .FeaturedListing-item .ListingCell-KeyInfo-price {
            max-width: 100%
        }

            .FeaturedListing-wrapper .FeaturedListing-item .ListingCell-KeyInfo-price .PriceSection-FirstPrice {
                font-size: 16px
            }

    .FeaturedListing-wrapper .FeaturedListing-info {
        background: #fff;
        height: 80px;
        overflow: hidden;
        text-align: left;
        padding-left: 10px;
        padding-right: 10px
    }

        .FeaturedListing-wrapper .FeaturedListing-info a {
            color: #36c;
            font-size: 13px;
            font-weight: 700
        }

        .FeaturedListing-wrapper .FeaturedListing-info .FeaturedListing-price {
            width: 80%;
            float: left
        }

        .FeaturedListing-wrapper .FeaturedListing-info .FeaturedListing-feature {
            width: 80%;
            float: left;
            text-align: left
        }

        .FeaturedListing-wrapper .FeaturedListing-info .AvailableUnits-item, .FeaturedListing-wrapper .FeaturedListing-info .PriceSection-FirstPrice, .FeaturedListing-wrapper .FeaturedListing-info .PriceSection-NoPrice, .FeaturedListing-wrapper .FeaturedListing-info .PriceSection-SecondPrice {
            font-size: 13px
        }

    .FeaturedListing-wrapper .ImageSection-loading {
        animation: rotate 1s infinite linear;
        background: url(/img/loading-black.png) no-repeat center
    }

    .FeaturedListing-wrapper .FeaturedListing-image {
        height: 205px;
        overflow: hidden
    }

        .FeaturedListing-wrapper .FeaturedListing-image img {
            width: 100%;
            opacity: 0;
            transition: opacity .6s ease-in
        }

    .FeaturedListing-wrapper .icon-arrow-left, .FeaturedListing-wrapper .icon-arrow-right {
        top: 50%;
        margin-top: 0
    }

        .FeaturedListing-wrapper .icon-arrow-left::before, .FeaturedListing-wrapper .icon-arrow-right::before {
            font-size: 40px
        }

    .FeaturedListing-wrapper .KeyInformation {
        padding: 0;
        width: 100%
    }

.FeatureIn-wrapper, .FeatureSellers-wrapper {
    padding: 10px 15px 0 15px;
    width: 100%;
    overflow: hidden;
    background: #fff;
    position: relative;
    height: 75px
}

    .FeatureIn-wrapper h1, .FeatureSellers-wrapper h1 {
        font-size: 15px;
        text-transform: uppercase
    }

    .FeatureIn-wrapper .FeatureSellers-image, .FeatureSellers-wrapper .FeatureSellers-image {
        margin-top: 10px
    }

    .FeatureIn-wrapper img, .FeatureSellers-wrapper img {
        max-height: 55px;
        min-height: 55px
    }

    .FeatureIn-wrapper .logoContainer, .FeatureSellers-wrapper .logoContainer {
        -ms-flex-align: center;
        align-items: center;
        text-align: center
    }

.fi-create-close-submit-button, .fi-edit-close-submit-button, .fs-create-close-submit-button, .fs-edit-close-submit-button, .homepage-submit-button:focus {
    background-color: #0cb56c !important;
    border-color: #0cb56c !important;
    outline: 0
}

.featuredSeller-Image {
    max-height: 70px
}

.AdBanners-wrapper {
    padding: 25px 15px 0 15px;
    width: 100%;
    overflow: hidden;
    background: #e9e9e9;
    position: relative
}

    .AdBanners-wrapper img {
        width: 100%
    }

    .AdBanners-wrapper .AdBanners-item-container {
        display: block
    }

    .AdBanners-wrapper .swiper-button-next, .AdBanners-wrapper .swiper-button-prev {
        position: absolute;
        width: 20px;
        height: 35px;
        z-index: 10;
        cursor: pointer;
        background-size: 100%;
        top: 50%;
        margin-top: 0;
        background: url(/img/scrollleft.svg) no-repeat center
    }

    .AdBanners-wrapper .swiper-button-next {
        background-image: url(/img/scrollright.svg);
        left: auto
    }

.FooterLinks {
    padding: 0 15px
}

    .FooterLinks div {
        margin: 20px 0 10px;
        font-size: 15px;
        font-weight: 400;
        text-transform: uppercase
    }

    .FooterLinks a {
        display: block;
        margin-bottom: 10px;
        color: #000;
        font-size: 13px;
        font-weight: 400
    }

.FooterLinks-social {
    margin: 20px auto 0;
    text-align: center
}

    .FooterLinks-social i {
        display: table;
        margin: 0 auto;
        font-size: 40px
    }

    .FooterLinks-social a {
        margin: 0
    }

    .FooterLinks-social hr {
        margin: 10px 15px
    }

.FooterLinks-social-icon {
    display: inline-block;
    margin: 0
}

    .FooterLinks-social-icon:not(:last-child) {
        margin-right: 16px
    }

.featuredIn .featured-in {
    display: -ms-flexbox;
    display: flex;
    height: 70px;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}

.featuredIn .featuredInItem {
    text-align: center
}

.featuredIn img {
    max-height: 60px;
    vertical-align: middle
}

.featuredIn-Image {
    max-height: 70px
}

#simple-clp {
    margin-top: 20px
}

    #simple-clp .Catalog-Navigation {
        height: 50px
    }

    #simple-clp .Sorting {
        padding-top: 5px
    }

    #simple-clp .Sorting-title {
        line-height: 35px
    }

.ClpBody {
    margin-top: 25px
}

.card {
    box-shadow: 0 2px 2px 0 rgba(0,0,0,.1)
}

.ListingCell-row {
    margin-bottom: 20px;
    min-width: 684px
}

    .ListingCell-row a {
        color: #000
    }

        .ListingCell-row a:active, .ListingCell-row a:focus, .ListingCell-row a:hover, .ListingCell-row a:visited {
            color: #000 !important
        }

            .ListingCell-row a:hover .ListingCell-KeyInfo-title {
                text-decoration: underline
            }

    .ListingCell-row .ListingCell-content {
        position: relative;
        padding-left: 0;
        background: #fff;
        height: 244px
    }

.ListingCell-shortDescription {
    margin-top: 10px;
    max-height: 36px;
    overflow: hidden;
    font-size: 12px;
    font-weight: 400;
    color: #4a4a4a;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.expanded {
    max-height: 72px;
    -webkit-line-clamp: 4
}

.ListingCell-wrapper:visited:active {
    color: #000
}

.ListingCell-AllInfo {
    position: relative;
    height: 244px;
    min-width: 304px;
    padding: 17px 25px 5px;
    background-color: #fff;
    margin-left: 380px
}

.ListingCell-KeyInfo-title {
    font-size: 18px;
    font-weight: 700;
    color: #36c;
    margin-bottom: 10px;
    overflow: hidden;
    max-height: 60px
}

.ListingCell-TitleWrapper {
    min-height: 100px
}

.ListingCell-KeyInfo-price {
    margin-bottom: 10px
}

    .ListingCell-KeyInfo-price .PriceSection-FirstPrice {
        font-size: 27px;
        font-weight: 700
    }

    .ListingCell-KeyInfo-price .PriceSection-SecondPrice {
        font-size: 15px;
        font-weight: 400;
        white-space: nowrap
    }

.ListingCell-KeyInfo-address, .ListingCell-KeyInfo-demand {
    margin-bottom: 3px;
    color: #000;
    font-size: 13px;
    font-weight: 600
}

.ListingCell-KeyInfo-distance {
    float: left;
    margin-right: 10px;
    background-color: rgba(0,204,255,.1);
    width: 47px;
    height: 20px
}

.ListingCell-placeholder {
    background-size: cover;
    background-position: center;
    width: 380px;
    height: 244px
}

.ListingCell-MainImage {
    background-color: #fff;
    padding-right: 0;
    padding-left: 0;
    width: 380px;
    height: 244px;
    float: left;
    position: relative
}

    .ListingCell-MainImage .ImageSection-loading {
        animation: rotate 1s infinite linear;
        background: url(/img/loading-black.png) no-repeat center
    }

        .ListingCell-MainImage .ImageSection-loading img {
            width: 380px;
            height: 244px
        }

.ListingCell-image {
    overflow: hidden;
    width: 100%;
    height: 234px;
}

    .ListingCell-image img {
        width: 100%;
        opacity: 0;
        transition: opacity .6s ease-in
    }

.icon-pin:before {
    margin-right: 5px
}

.ListingCell-Featured {
    z-index: 1;
    width: auto;
    padding-right: 5px;
    background-color: #3cc
}

.ListingCell-NewDevelopment {
    z-index: 1
}

.ListingCell-ImageCount {
    position: absolute;
    z-index: 1;
    padding: 0 4px 0 0;
    width: auto;
    margin-top: 210px;
    margin-left: 15px;
    background-color: rgba(0,0,0,.5);
    color: #fff;
    font-size: 10px;
    font-weight: 700
}

.ListingCell-ImageCount-text {
    vertical-align: sub;
    margin-left: 5px;
    text-transform: uppercase
}

.ListingCell-Featured, .ListingCell-NewDevelopment {
    position: absolute;
    top: 20px;
    font-size: 10px;
    font-weight: 700;
    color: #fff;
    line-height: 25px
}

    .ListingCell-Featured .ListingCell-Featured-text, .ListingCell-Featured .ListingCell-NewDevelopment-text, .ListingCell-NewDevelopment .ListingCell-Featured-text, .ListingCell-NewDevelopment .ListingCell-NewDevelopment-text {
        display: block;
        padding: 0 17px 0 0;
        text-transform: uppercase
    }

        .ListingCell-Featured .ListingCell-Featured-text[class*=" icon-"]::before, .ListingCell-Featured .ListingCell-NewDevelopment-text[class*=" icon-"]::before, .ListingCell-NewDevelopment .ListingCell-Featured-text[class*=" icon-"]::before, .ListingCell-NewDevelopment .ListingCell-NewDevelopment-text[class*=" icon-"]::before {
            position: relative;
            top: 1px;
            margin: 0 6.3px 0 11px;
            font-size: 12px;
            font-weight: 700
        }

        .ListingCell-Featured .ListingCell-Featured-text.icon-featured::before, .ListingCell-Featured .ListingCell-NewDevelopment-text.icon-featured::before, .ListingCell-NewDevelopment .ListingCell-Featured-text.icon-featured::before, .ListingCell-NewDevelopment .ListingCell-NewDevelopment-text.icon-featured::before {
            font-size: 11px;
            top: 0
        }

.ListingCell-NewDevelopment {
    background-color: #ff8700
}

.ListingCell-Featured + .ListingCell-NewDevelopment {
    top: 50px
}

.ListingCell-units-row {
    margin-bottom: 20px;
    min-width: 884px
}

.ListingCell-project-link {
    color: #000
}

    .ListingCell-project-link:active, .ListingCell-project-link:focus, .ListingCell-project-link:hover, .ListingCell-project-link:visited {
        color: #000 !important
    }

        .ListingCell-project-link:hover .ListingCell-KeyInfo-title {
            text-decoration: underline
        }

.ListingCell-unit-content {
    padding-left: 0;
    background: #fff;
    margin-bottom: 20px
}

.ListingCell-units-label {
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 400;
    padding-left: 7px
}

.ListingCell-units-box {
    padding: 7px 0 30px 0;
    height: 215px
}

.ListingCell-units-container {
    padding: 18px 10px 0 10px;
    height: 294px;
    background-color: #fff;
    margin-bottom: 20px
}

.ListingCell-units {
    position: relative;
    width: 100%;
    height: 215px;
    background-color: #fff;
    box-shadow: 0 0 4px 0 rgba(0,0,0,.15)
}

    .ListingCell-units:hover {
        outline: 3px solid #0cf
    }

.ListingCell-units-image-container {
    position: relative;
    width: 100%;
    height: 121px;
    overflow: hidden;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    background: #b9b9b9
}

.ListingCell-units-info-container {
    padding: 8px 12px 8px 12px;
    height: 94px;
    position: relative
}

.ListingCell-units-title {
    width: 100%;
    height: 18px;
    font-size: 13px;
    font-weight: 600;
    text-align: left;
    color: #447fd3 !important
}

.ListingCell-units-wrapper {
    float: left;
    padding: 0 7px 0 7px;
    width: 95%
}

.ListingCell-units-title-container {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #447fd3 !important
}

.ListingCell-KeyInfo-project-price {
    margin-bottom: 10px
}

    .ListingCell-KeyInfo-project-price .PriceSection-project-price, .ListingCell-KeyInfo-project-price PriceSection-project-NoPrice {
        font-size: 24px;
        font-weight: 700
    }

.PriceSection-NoPrice-units {
    font-size: 13px;
    font-weight: 700
}

.PriceSection-units {
    font-size: 16px;
    font-weight: 700
}

.KeyInformation-project {
    height: 48px;
    margin-bottom: 25px
}

    .KeyInformation-project .KeyInformation-project-attribute {
        font-size: 14px;
        font-weight: 700
    }

    .KeyInformation-project .KeyInformation-project-attribute-unit {
        font-weight: 400;
        padding-right: 4px
    }

.ListingCell-units-BottomInfoWrapper {
    position: absolute;
    bottom: 15px;
    line-height: 20px;
    width: 88%
}

.KeyInformation-units {
    padding: 0;
    height: 29px
}

    .KeyInformation-units .KeyInformation-units-attribute-value {
        font-size: 14px;
        font-weight: 600
    }

    .KeyInformation-units .KeyInformation-units-label {
        margin-top: 5px;
        color: #999;
        font-size: 9.9px
    }

    .KeyInformation-units .KeyInformation-unit-attribute {
        float: right
    }

.slider-button {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: #ff8700;
    background-image: none
}

.slider-button-arrow-right {
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg)
}

.slider-button-arrow-left {
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg)
}

.slider-icon {
    border: solid #fff;
    border-width: 0 5px 5px 0;
    display: inline-block;
    padding: 3px;
    position: absolute;
    top: 37%;
    left: 39%
}

.swiper-button-prev {
    left: 0;
    top: 25%
}

.swiper-button-next {
    right: 0;
    top: 25%
}

.icon-camera:before, .icon-featured:before {
    margin-top: 2px;
    margin-left: 5px
}

.icon-heart:before {
    float: right;
    padding-right: 15px;
    padding-left: 7px;
    margin-right: 15px;
    margin-top: 10px;
    padding-top: 6px;
    background-color: #fff;
    height: 30px;
    width: 30px;
    border-radius: 50%;
    color: #ff00dc
}

.KeyInformation {
    height: 48px;
    margin-bottom: 0;
    padding: 0
}

    .KeyInformation .KeyInformation-attribute {
        float: left;
        max-width: 27%;
        font-size: 16px;
        font-weight: 700;
        margin-right: 17px
    }

        .KeyInformation .KeyInformation-attribute:last-child {
            max-width: 35%;
            margin-right: 0
        }

        .KeyInformation-label {
            font-size: 11px;
            color: #999;
            font-weight: 400
        }

.ListingCell-AgencyBoxWrapper .Agent-trusted {
    white-space: nowrap;
    height: 25px;
    font-size: 11px;
    color: #000;
    line-height: 2.27
}

.ListingCell-AgencyBoxWrapper .Agent-seller {
    white-space: nowrap;
    height: 25px;
    font-size: 11px;
    color: #6c3;
    font-weight: 700;
    line-height: 2.27
}

.ListingCell-AgencyBoxWrapper .trustedAgent::before {
    color: #6c3
}

.ListingCell-AgencyBoxWrapper .Agent-logo img {
    max-height: 65px
}

.ListingCell-AgencyBoxWrapper .Agent-logo a {
    font-weight: 400
}

.ListingCell-AgencyBoxWrapper .ListingCell-AgencyBox {
    text-align: center;
    padding: 5px;
    width: 100px;
    position: absolute;
    z-index: 1;
    bottom: 17px;
    right: 20px
}

    .ListingCell-AgencyBoxWrapper .ListingCell-AgencyBox img {
        width: 65px
    }

.ListingCell-BottomInfoWrapper {
    position: absolute;
    bottom: 0;
    width: 96%
}

.SearchBarWrapper {
    margin: 0 auto
}

.SearchBar {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 25px auto 0;
    height: 85px;
    background-color: #fff;
    padding: 18px 20px 20px 20px;
    text-align: center;
    min-width: 980px;
    max-width: 1260px;
    width: 90%
}

    .SearchBar.is_stuck {
        z-index: 999;
        width: 100% !important;
        max-width: initial
    }

    .SearchBar .location-search .location-search-reset, .SearchBar .spinner {
        position: absolute;
        right: 15px;
        top: 0
    }

    .SearchBar .location-dd-list {
        border: 1px solid #4a4a4a
    }

    .SearchBar .selected-location-search {
        text-decoration: underline;
        cursor: pointer;
        background-color: #f1f1f1 !important
    }

    .SearchBar input[type=text]::-webkit-input-placeholder {
        color: #000;
        font-size: 16px -1;
        font-weight: 700;
        padding-left: 30px
    }

    .SearchBar .icon-pin:before {
        position: absolute;
        left: 18px;
        top: 11px;
        z-index: 1
    }

.SearchBar-locationWrapper, .SearchBar-offerType, .SearchBar-propertyType {
    display: inline-block
}

    .SearchBar-locationWrapper select, .SearchBar-offerType select, .SearchBar-propertyType select {
        width: 150px;
        height: 45px;
        background-color: #e9e9e9;
        color: #000;
        font-size: 15px;
        font-weight: 700;
        padding-left: 15px
    }

        .SearchBar-locationWrapper select option, .SearchBar-offerType select option, .SearchBar-propertyType select option {
            padding: 20px 24px;
            font-size: 20px
        }

.SearchBar-propertyType {
    margin-right: 5px
}

.SearchBar-title {
    font-size: 28px;
    font-weight: 200;
    vertical-align: middle;
    padding: 0 10px 0 10px
}

.SearchBar-button {
    background-color: #ff8700;
    color: #fff;
    height: 45px;
    width: 150px;
    text-transform: uppercase;
    cursor: pointer
}

    .SearchBar-button .icon-ic-search-black::before {
        float: none;
        font-weight: 700;
        color: #fff;
        margin-right: 10px
    }

.SearchBar-searchField {
    display: inline-block;
    margin-right: 15px;
    background-color: #e9e9e9;
    height: 45px;
    width: 340px;
    font-weight: 700;
    font-size: 15px
}

.SearchBar-locationWrapper {
    position: relative
}

    .SearchBar-locationWrapper .icon-close-zoom:before {
        margin: 6px 5px 0 0;
        color: #999;
        font-size: 10px;
        font-weight: 700
    }

.ListingFilter .icon-pin:before {
    position: absolute;
    margin-top: 10px;
    margin-left: 10px
}

.ListingFilter .icon-close-zoom:before {
    background: #e5f9ff;
    margin: 0 -2px 0 -2px;
    padding: 2px
}

.ListingFilter .SearchBar-searchField {
    width: 100%;
    background: #e5f9ff !important
}

.ListingFilter .location-search input {
    padding: 0 10px 0 30px;
    border: 1px solid #ddd;
    background: #fff
}

.ListingFilter .location-search .SearchBar-iconBg, .ListingFilter .location-search .location-search-reset, .ListingFilter .location-search .spinner {
    margin-top: 0;
    position: relative;
    top: -35px;
    float: right;
    padding-right: 2px;
    padding-left: 2px;
    background: #e5f9ff;
    margin-right: 6px
}

.selected-location-search {
    cursor: pointer;
    background-color: #e5f9ff !important
}

.location-search .input-group {
    margin-top: 5px;
    margin-bottom: 0
}

.location-search input {
    padding: 0 25px 0 37px;
    border: 1px solid #ddd
}

    .location-search input:focus {
        outline: 0;
        border: 1px solid #0cf
    }

.location-search .spinner {
    display: none;
    margin-top: 10px
}

    .location-search .spinner img {
        width: 15px;
        height: 15px;
        margin-top: -5px
    }

.location-search .location-search-reset {
    display: none;
    margin-top: 10px;
    padding-right: 10px;
    color: #999
}

.location-search .location-dd {
    display: none;
    position: absolute;
    z-index: 100;
    width: 260px;
    text-align: left
}

.location-search .location-dd-list {
    border: 1px solid #f1f1f1
}

    .location-search .location-dd-list > div {
        padding: 7px 6px;
        font-size: 14px;
        background: #fff
    }

.location-search .location-error {
    border: 1px solid #ff7474;
    background-color: #ffeded
}

    .location-search .location-error:hover {
        border: 1px solid #ff7474
    }

.location-search .Location-error-message {
    font-size: small;
    color: red;
    display: none
}

.Catalog-Navigation {
    padding-top: 0;
    text-align: left;
    padding-bottom: 0;
    display: inline-block;
    position: relative;
    top: 32px
}

    .Catalog-Navigation .Navigation-breadcrumbs {
        margin-left: 0
    }

    .Catalog-Navigation ol {
        margin-left: 0;
        margin-bottom: 0
    }

        .Catalog-Navigation ol > li {
            font-size: 13px
        }

        .Catalog-Navigation ol li:first-child:before {
            content: ""
        }

.SaveSearch {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-pack: center;
    justify-content: center;
    width: 164px;
    height: 40px;
    background: #fff;
    border: 1.5px solid #0cf;
    color: #0cf;
    font-size: 13px;
    cursor: pointer
}

    .SaveSearch .icon-save-search:before {
        float: right;
        padding-left: 5px;
        font-weight: 800;
        font-size: 13px
    }

.SaveSearch-wrapper {
    float: right;
    margin-top: 25px
}

.SavedSearchForm-question {
    text-align: center;
    font-size: 13px
}

.SavedSearchForm-question-title {
    font-weight: 700;
    margin-bottom: 15px
}

.SavedSearchForm-radios {
    margin-bottom: 30px
}

    .SavedSearchForm-radios label {
        font-size: 13px;
        color: #000
    }

.SavedSearchForm-success {
    position: relative;
    top: -28px;
    left: -25px;
    width: 390px;
    padding: 5px;
    text-align: center;
    background: rgba(102,204,51,.2)
}

    .SavedSearchForm-success .icon-checkthin:before {
        position: relative;
        left: -10px;
        color: #6c3;
        font-size: 22px
    }

.SavedSearchForm input {
    padding-left: 15px
}

    .SavedSearchForm input[type=radio] {
        display: none
    }

.SavedSearchForm [type=radio] + label[for] {
    cursor: pointer
}

.SavedSearchForm input[type=radio] + label span {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin: -2px 4px 0 0;
    vertical-align: middle;
    cursor: pointer;
    border-radius: 50%;
    border: 1px solid #e9e9e9
}

.SavedSearchForm input[type=radio]:checked + label span {
    border: 5px solid #0cf
}

.Sorting {
    display: inline-block;
    padding-top: 25px;
    margin-left: 20px;
    float: right
}

    .Sorting .SortingDropDown {
        height: 40px;
        width: 165px;
        margin: 0
    }

    .Sorting .Sorting-title {
        font-size: 13px;
        padding-top: 12px;
        margin-right: 10px
    }

.AppliedFilters, .ListingFilter {
    background: #fff;
    padding: 16px 14px
}

    .AppliedFilters a.accordion-title, .ListingFilter a.accordion-title {
        font-size: 15px;
        color: #000;
        height: 50px;
        padding: 1.1rem 1rem;
        text-transform: uppercase;
        border-right: none;
        border-left: none;
        border-bottom: none;
        border-top: 1px solid #e6e6e6;
        font-weight: 400;
        outline: 0
    }

        .AppliedFilters a.accordion-title:before, .ListingFilter a.accordion-title:before {
            top: 30px;
            font-size: 10px;
            color: #4a4a4a
        }

    .AppliedFilters .is-active > .accordion-title::before, .ListingFilter .is-active > .accordion-title::before {
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
        content: '\f111';
        top: 25px
    }

    .AppliedFilters .accordion-title::before, .ListingFilter .accordion-title::before {
        content: '\f111'
    }

    .AppliedFilters .accordion-title:focus, .AppliedFilters .accordion-title:hover, .ListingFilter .accordion-title:focus, .ListingFilter .accordion-title:hover {
        background-color: #fff
    }

    .AppliedFilters .accordion-content, .ListingFilter .accordion-content {
        border: 0;
        padding: 0 1rem 1rem 1rem
    }

    .AppliedFilters input, .ListingFilter input {
        font-weight: 400
    }

        .AppliedFilters input:focus, .ListingFilter input:focus {
            border-color: #0cf
        }

    .AppliedFilters button:disabled, .AppliedFilters button[disabled], .ListingFilter button:disabled, .ListingFilter button[disabled] {
        opacity: .4;
        cursor: default
    }

    .AppliedFilters input[type=checkbox], .ListingFilter input[type=checkbox] {
        display: inline-block;
        position: relative;
        -webkit-appearance: initial;
        appearance: initial;
        border: 1px solid #e9e9e9;
        border-radius: 4px;
        margin-bottom: 0;
        margin-right: 10px;
        width: 16px;
        height: 16px
    }

        .AppliedFilters input[type=checkbox]:checked, .ListingFilter input[type=checkbox]:checked {
            background: #0cf
        }

            .AppliedFilters input[type=checkbox]:checked:after, .ListingFilter input[type=checkbox]:checked:after {
                font-family: pixel-icons;
                font-size: 12px;
                content: "\2713";
                color: #fff;
                position: absolute;
                left: 60%;
                top: 50%;
                -ms-transform: translate(-50%,-50%);
                transform: translate(-50%,-50%)
            }

        .AppliedFilters input[type=checkbox]:focus, .ListingFilter input[type=checkbox]:focus {
            outline: 0
        }

    .AppliedFilters [type=checkbox] + label, .ListingFilter [type=checkbox] + label {
        position: relative;
        top: 4px;
        margin: 0
    }

.AppliedFilters {
    margin-bottom: 18px
}

    .AppliedFilters ol {
        list-style-type: none;
        display: block;
        margin: 0;
        padding: 0
    }

        .AppliedFilters ol li {
            display: inline-block;
            position: relative;
            border-radius: 30px;
            border: 1px solid #0cf;
            padding: 5px 23px 5px 10px;
            margin: 5px 0;
            font-size: 13px;
            white-space: nowrap;
            overflow: hidden
        }

            .AppliedFilters ol li.AppliedFilters-offerType {
                text-align: center;
                padding-left: 10px;
                padding-right: 10px
            }

            .AppliedFilters ol li a.AppliedFilters-remove {
                background: url(/icons/remove-sign-font-awesome.svg) center center no-repeat;
                position: absolute;
                top: 9px;
                right: 7px;
                display: block;
                width: 13px;
                height: 13px;
                border-radius: 80px;
                padding: 0;
                font-size: 10px;
                line-height: 13px;
                text-align: center;
                vertical-align: middle
            }

    .AppliedFilters.card + div .ListingFilter-clearFilters {
        display: none
    }

.AppliedFilters-clearFilters, .ListingFilter-clearFilters {
    font-size: 13px;
    text-align: center
}

    .AppliedFilters-clearFilters a, .AppliedFilters-clearFilters a:active, .AppliedFilters-clearFilters a:focus, .AppliedFilters-clearFilters a:visited, .ListingFilter-clearFilters a, .ListingFilter-clearFilters a:active, .ListingFilter-clearFilters a:focus, .ListingFilter-clearFilters a:visited {
        color: #0cf
    }

        .AppliedFilters-clearFilters a:hover, .ListingFilter-clearFilters a:hover {
            color: #0cf;
            text-decoration: underline
        }

.AppliedFilters-title, .ListingFilter-title {
    font-size: 15px;
    text-transform: uppercase
}

.ListingFilter-title {
    margin-left: 10px
}

.ListingFilter-applyFiltersButton {
    display: inline-block;
    margin-bottom: 10px;
    height: 40px;
    width: 95%;
    font-size: 14px;
    color: #fff;
    background: #ff8700;
    cursor: pointer
}

    .ListingFilter-applyFiltersButton a, .ListingFilter-applyFiltersButton a:active, .ListingFilter-applyFiltersButton a:focus, .ListingFilter-applyFiltersButton a:hover, .ListingFilter-applyFiltersButton a:visited {
        color: #fff;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center;
        padding-top: 10px;
        font-weight: 900
    }

.icon-filter2::before {
    color: #999;
    margin-top: 4px;
    margin-left: 7px
}

.ListingFilter-applyAndClear {
    margin-top: 10px;
    text-align: center
}

.ListingFilter .Filters-block-content input {
    margin-bottom: 0;
    font-size: 15px
}

.ListingFilter .Filters-block-content > div:hover {
    background: #e5f9ff
}

.ListingFilter .Filters-block-buildingSize input, .ListingFilter .Filters-block-landSize input, .ListingFilter .Filters-block-price input {
    display: inline-block;
    width: 47%
}

.FancyRange input[type=checkbox] + label {
    margin: 0 5px;
    border-radius: 20px;
    padding-top: 6px;
    height: 35px;
    width: 35px;
    background-color: #e9e9e9;
    font-size: 13px;
    font-weight: 400
}

.FancyRange input[type=checkbox]:checked + label {
    background-color: #0cf;
    color: #fff;
    font-weight: 700
}

.FancyRange .Filters-block-content {
    text-align: center
}

.FancyRange input[type=checkbox] {
    display: none
}

.Filters-block-content-inputWrap {
    margin: 0 -1rem 0 -1rem;
    padding-left: 1rem
}

.selected-filter {
    background: #e5f9ff
}

.Filters-blockWrap-radioInput {
    margin: 0 -1rem 0 -1rem;
    padding: 5px 0 5px 1rem
}

    .Filters-blockWrap-radioInput input[type=radio] {
        position: absolute;
        opacity: 0
    }

        .Filters-blockWrap-radioInput input[type=radio] + .Filters-block-label:before {
            content: '';
            background: #fff;
            border-radius: 100%;
            border: 1px solid #bfbfbf;
            display: inline-block;
            width: 1.2em;
            height: 1.2em;
            position: relative;
            top: -.1em;
            margin: 5px .5rem 0 -.5rem;
            vertical-align: top;
            cursor: pointer;
            text-align: center;
            transition: all 250ms ease
        }

        .Filters-blockWrap-radioInput input[type=radio]:checked + .Filters-block-label:before {
            background-color: #0cf;
            border: 1px solid #0cf;
            box-shadow: inset 0 0 0 3px #fff
        }

        .Filters-blockWrap-radioInput input[type=radio]:focus + .Filters-block-label:before {
            outline: 0;
            border-color: #0cf
        }

        .Filters-blockWrap-radioInput input[type=radio]:disabled + .Filters-block-label:before {
            box-shadow: inset 0 0 0 2px #fff;
            border-color: #bfbfbf;
            background: #bfbfbf
        }

        .Filters-blockWrap-radioInput input[type=radio] + .Filters-block-label:empty:before {
            margin-right: 0
        }

.Pagination {
    display: -ms-flexbox;
    display: flex;
    margin-top: 45px;
    margin-bottom: 20px;
    height: 37px
}

    .Pagination .row {
        margin: auto
    }

    .Pagination .next, .Pagination .previous {
        width: 50px;
        height: 37px;
        background-color: #fff;
        font-size: 18px;
        padding-top: 7px
    }

    .Pagination .previous {
        padding-left: 19px
    }

    .Pagination .next {
        padding-left: 21px
    }

        .Pagination .next .icon-navigate-right {
            color: #0cf
        }

    .Pagination .previous .icon-navigate-left {
        color: #0cf
    }

    .Pagination .next.disabled .icon-navigate-right, .Pagination .previous.disabled .icon-navigate-left {
        color: #ccc
    }

    .Pagination select {
        margin-top: 0;
        margin-bottom: 0;
        font-weight: 600;
        color: #333;
        background-position: right -20px center;
        background-color: transparent;
        height: 37px;
        border: none
    }

    .Pagination .nav-box, .Pagination .nav-box-center {
        display: table-cell
    }

    .Pagination .nav-box-center {
        padding: 0 10px;
        height: 37px
    }

.AdServer-wrapper {
    margin-bottom: 20px;
    text-align: center
}

.SeoText-wrapper {
    background: #fff;
    padding: 40px 15px
}

.SeoPadding {
    padding: 0 20px
}

.SeoText {
    background: #fff;
    padding-top: 40px
}

    .SeoText h2 {
        font-size: 16px
    }

    .SeoText p {
        font-size: 13px;
        line-height: 1.92
    }

    .SeoText a, .SeoText a:active, .SeoText a:focus, .SeoText a:visited {
        color: #36c
    }

        .SeoText a:hover {
            color: #36c;
            text-decoration: underline
        }

.SeoPadding-bottom {
    padding-bottom: 20px
}

.PopularSearches {
    margin-bottom: 20px
}

    .PopularSearches a {
        color: #36c;
        font-size: 13px
    }

        .PopularSearches a:active, .PopularSearches a:focus, .PopularSearches a:visited {
            color: #36c
        }

        .PopularSearches a:hover {
            color: #36c;
            text-decoration: underline
        }

        .PopularSearches a:after {
            content: "|";
            padding: 5px
        }

            .PopularSearches a:after:hover {
                text-decoration: none
            }

        .PopularSearches a:last-child:after {
            content: ''
        }

.clpNoResults {
    height: 244px;
    background: #fff;
    margin-bottom: 45px
}

.clpNoResults-image img {
    display: block;
    margin: 40px 0 0 50px
}

.clpNoResults-text-title {
    margin-bottom: 25px;
    margin-top: 60px;
    font-size: 27px;
    font-weight: 600
}

.clpNoResults-text-subtitle {
    margin-right: 140px;
    font-size: 13px;
    line-height: 2
}

.clpNoResults-listingSectionTitle {
    margin-bottom: 15px;
    font-size: 15px;
    text-transform: uppercase
}

.AgentWrap {
    margin-bottom: 35px
}

    .AgentWrap .ViewMore-trigger {
        padding: 12px 0
    }

.AgentInfo {
    padding: 15px;
    background: #fff
}

.AgentInfo-title {
    text-transform: uppercase;
    font-size: 15px
}

.AgentInfo-topInfo {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-top: 15px
}

.AgentInfo-topInfo-logo {
    margin: 0 25px 0 0;
    width: 110px;
    height: 65px
}

    .AgentInfo-topInfo-logo img {
        display: block;
        margin: 0 auto
    }

.AgentInfo-description {
    margin-top: 10px
}

.AgentInfo-topInfo-logo--noLogo {
    width: 110px;
    height: 65px;
    background: url(/img/placeholder-image.svg) no-repeat center;
    background-size: 130% 130%
}

.AgentInfo-topInfo-details {
    height: 75px;
    font-size: 13px
}

.AgentInfo-topInfo-details--name {
    font-size: 14px;
    font-weight: 700
}

.AgentInfo-topInfo-details--certified {
    color: #6c3;
    font-size: 11px;
    font-weight: 700
}

    .AgentInfo-topInfo-details--certified:before {
        margin-right: 3px
    }

.AgentInfo-topInfo-details--address {
    font-size: 13px
}

    .AgentInfo-topInfo-details--address:before {
        margin-right: 3px
    }

.AgentInto-topInfo-buttons button {
    padding: 0 5px;
    width: 100px;
    height: 40px;
    font-size: 14px;
    background: #ff8700;
    color: #fff;
    cursor: pointer
}

    .AgentInto-topInfo-buttons button:before {
        float: none;
        margin-right: 5px;
        vertical-align: middle
    }

    .AgentInto-topInfo-buttons button:last-child {
        margin-left: 5px
    }

.closed .ViewMore-text.agentDescription, .closed .ViewMore-text.developerDescription {
    max-height: 185px;
    overflow: hidden;
    margin-bottom: 20px
}

.CountTitle {
    font-size: 25px;
    margin-top: 40px
}

    .CountTitle .CountTitle-number {
        font-weight: 600
    }

    .CountTitle h1, .CountTitle span {
        display: inline;
        font-size: 25px;
        font-weight: 200
    }

.clpSurroundingListingResults {
    height: 70px;
    background: inherit;
    margin-top: 64px;
    margin-bottom: 28px
}

.clpSurroundingListingResults-image img {
    height: 54px;
    width: 54px
}

.clpSurroundingListingResults-text-subtitle {
    font-size: 11px;
    color: #36c;
    line-height: 2
}

.clpSurroundingListingResults-listingSectionTitle {
    font-size: 26px;
    font-weight: 200
}

.SurroundingListingNumber {
    font-weight: 700;
    font-size: 16px;
    line-height: 15px
}

.columns .padding {
    padding-left: 0;
    padding-right: 0
}

body {
    background-color: #fff;
    font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 400
}

section {
    padding: 35px 25px 30px;
    background: #fff;
    margin-bottom: 15px
}

    section h3 {
        text-transform: uppercase;
        margin-bottom: 15px
    }

i {
    vertical-align: middle
}

a {
    color: #0cf;
    font-weight: 700
}

    a:active, a:focus, a:hover, a:visited {
        color: #0cf
    }

.fullWidth {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    max-width: 1366px
}

.columns {
    float: left
}

.table_full-width {
    width: 100%
}

.table__td_half-width {
    width: 50%
}

.flexibleContainer {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    margin-left: 15px;
    margin-right: 15px
}

.flexibleColumn {
    -ms-flex: auto;
    flex: auto
}

.rigidColumn {
    -ms-flex: none;
    flex: none;
    width: 380px;
    margin-left: 23px
}

@media screen and (max-width:63.9375em) {
    .rigidColumn {
        display: none
    }
}

.sidebar {
    margin-bottom: 15px
}

.valign-middle {
    display: table
}

    .valign-middle > .columns {
        display: table-cell;
        vertical-align: middle
    }

    .valign-middle > .columns, .valign-middle > [class*=column] + [class*=column]:last-child {
        float: none
    }

.Description p {
    margin: 0
}

select {
    background-image: url(/images/icon-dropdown.svg);
    background-position: right 10px center;
}

    select:focus {
        border-color: #0cf
    }

    select:hover {
        cursor: pointer
    }

.onLoading {
    visibility: hidden
}

.StaticPage section {
    overflow: auto
}

#pixelHeader {
    height: 50px;
    background-color: #36c
}

h1, h2, h3 {
    font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif
}

h1 {
    font-size: 35px
}

h2 {
    font-size: 18px
}

h3 {
    font-size: 16px
}

button {
    font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 700
}

.button {
    margin: 0;
    background: #ff8700
}

    .button:focus, .button:hover {
        background: #ff8700;
        transition: none
    }

button:focus, select:focus {
    outline: 0
}

.menu > li > a {
    line-height: inherit
}

.has-tip {
    cursor: inherit;
    font-weight: inherit
}

.title-bar {
    background: 0 0
}

ul.js-TopNavApp.TopNav-list {
    margin-bottom: 0;
    top: 50px;
    right: 0;
    z-index: 1
}