*:focus {
    outline: none;
}

*::-moz-focus-inner {
    border: 0;
}

body {
	font: 300 16px/25px din-2014,sans-serif;
	color: #333;
	background-color: #fff;
	overflow: hidden;
}

/* ------------------------------------------------------------------- */

/* Headlines */
	h3.headline {
		font-size: 28px;
		line-height: 38px;
		margin: 0 0 30px 0;
	}

	h4.headline {
		font-size: 22px;
		line-height: 32px;
		margin: -5px 0 30px 0;
	}

	
/* ------------------------------------------------------------------- */
.notransition * {
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -o-transition: none !important;
    -ms-transition: none !important;
    transition: none !important;
}
.align-left {
    text-align: left !important;
}
.align-right {
    text-align: right !important;
}
.align-center {
    text-align: center !important;
}

/* Buttons */

.btn {
    border-radius: 2px;
    text-decoration: none;
	font-size: 13px;
	line-height: 14px;
	padding: 10px 14px;
}
.btn-round {
    border-radius: 50px;
}
.btn-o {
    border-width: 1px;
    border-style: solid;
}
.btn-gray {
    background-color: #999;
    color: #fff;
}
.btn-o.btn-gray {
    background-color: transparent;
    color: #999;
    border-color: #999;
}
.no-touch .btn-gray:hover,
.btn-gray:focus,
.btn-gray:active,
.btn-gray.active,
.open > .dropdown-toggle.btn-gray {
    background-color: #333;
    color: #fff;
}
.no-touch .btn-o.btn-gray:hover,
.btn-o.btn-gray:focus,
.btn-o.btn-gray:active,
.btn-o.btn-gray.active,
.open > .dropdown-toggle.btn-o.btn-gray {
    background-color: #999;
    color: #fff;
}
.btn-white {
    background-color: #fff;
    color: #999;
}
.btn-o.btn-white {
    background-color: transparent;
    color: #fff;
    border-color: #fff;
}
.no-touch .btn-white:hover,
.btn-white:focus,
.btn-white:active,
.btn-white.active,
.open > .dropdown-toggle.btn-white {
    background-color: #fff;
    color: #333;
}
.no-touch .btn-o.btn-white:hover,
.btn-o.btn-white:focus,
.btn-o.btn-white:active,
.btn-o.btn-white.active,
.open > .dropdown-toggle.btn-o.btn-white {
    background-color: #fff;
    color: #333;
}
.btn-grayDark {
    background-color: #333;
    color: #fff;
}
.btn-o.btn-grayDark {
    background-color: transparent;
    color: #333;
    border-color: #333;
}
.no-touch .btn-grayDark:hover,
.btn-grayDark:focus,
.btn-grayDark:active,
.btn-grayDark.active,
.open > .dropdown-toggle.btn-grayDark {
    background-color: #999;
    color: #fff;
}
.no-touch .btn-o.btn-grayDark:hover,
.btn-o.btn-grayDark:focus,
.btn-o.btn-grayDark:active,
.btn-o.btn-grayDark.active,
.open > .dropdown-toggle.btn-o.btn-grayDark {
    background-color: #333;
    color: #fff;
}
.btn-green {
    background-color: #0eaaa6;
    color: #fff;
}
.btn-o.btn-green {
    background-color: transparent;
    color: #0eaaa6;
    border-color: #0eaaa6;
}
.no-touch .btn-green:hover,
.btn-green:focus,
.btn-green:active,
.btn-green.active,
.open > .dropdown-toggle.btn-green {
    background-color: #068b85;
    color: #fff;
}
.no-touch .btn-o.btn-green:hover,
.btn-o.btn-green:focus,
.btn-o.btn-green:active,
.btn-o.btn-green.active,
.open > .dropdown-toggle.btn-o.btn-green {
    background-color: #0eaaa6;
    color: #fff;
}
.btn-blue {
    background-color: #1d82aa;
    color: #fff;
}
.btn-o.btn-blue {
    background-color: transparent;
    color: #1d82aa;
    border-color: #1d82aa;
}
.no-touch .btn-blue:hover,
.btn-blue:focus,
.btn-blue:active,
.btn-blue.active,
.open > .dropdown-toggle.btn-blue {
    background-color: #086492;
    color: #fff;
}
.no-touch .btn-o.btn-blue:hover,
.btn-o.btn-blue:focus,
.btn-o.btn-blue:active,
.btn-o.btn-blue.active,
.open > .dropdown-toggle.btn-o.btn-blue {
    background-color: #1d82aa;
    color: #fff;
}
.btn-magenta {
    background-color: #9b156e;
    color: #fff;
}
.btn-o.btn-magenta {
    background-color: transparent;
    color: #9b156e;
    border-color: #9b156e;
}
.no-touch .btn-magenta:hover,
.btn-magenta:focus,
.btn-magenta:active,
.btn-magenta.active,
.open > .dropdown-toggle.btn-magenta {
    background-color: #7e115f;
    color: #fff;
}
.no-touch .btn-o.btn-magenta:hover,
.btn-o.btn-magenta:focus,
.btn-o.btn-magenta:active,
.btn-o.btn-magenta.active,
.open > .dropdown-toggle.btn-o.btn-magenta {
    background-color: #9b156e;
    color: #fff;
}
.btn-yellow {
    background-color: #eab134;
    color: #fff;
}
.btn-o.btn-yellow {
    background-color: transparent;
    color: #eab134;
    border-color: #eab134;
}
.no-touch .btn-yellow:hover,
.btn-yellow:focus,
.btn-yellow:active,
.btn-yellow.active,
.open > .dropdown-toggle.btn-yellow {
    background-color: #dfa412;
    color: #fff;
}
.no-touch .btn-o.btn-yellow:hover,
.btn-o.btn-yellow:focus,
.btn-o.btn-yellow:active,
.btn-o.btn-yellow.active,
.open > .dropdown-toggle.btn-o.btn-yellow {
    background-color: #eab134;
    color: #fff;
}
.btn-red {
    background-color: #d50c0c;
    color: #fff;
}
.btn-o.btn-red {
    background-color: transparent;
    color: #d50c0c;
    border-color: #d50c0c;
}
.no-touch .btn-red:hover,
.btn-red:focus,
.btn-red:active,
.btn-red.active,
.open > .dropdown-toggle.btn-red {
    background-color: #b20202;
    color: #fff;
}
.no-touch .btn-o.btn-red:hover,
.btn-o.btn-red:focus,
.btn-o.btn-red:active,
.btn-o.btn-red.active,
.open > .dropdown-toggle.btn-o.btn-red {
    background-color: #d50c0c;
    color: #fff;
}
.btn-black {
    background-color: #d50c0c;
    color: #fff;
}
.btn-o.btn-black {
    background-color: transparent;
    color: #d50c0c;
    border-color: #d50c0c;
}
.no-touch .btn-black:hover,
.btn-black:focus,
.btn-black:active,
.btn-black.active,
.open > .dropdown-toggle.btn-black {
    background-color: #b20202;
    color: #fff;
}
.no-touch .btn-o.btn-black:hover,
.btn-o.btn-black:focus,
.btn-o.btn-black:active,
.btn-o.btn-black.active,
.open > .dropdown-toggle.btn-o.btn-black {
    background-color: #d50c0c;
    color: #fff;
}


.btn-facebook {
    background-color: #43609c;
    color: #fff;
}
.btn-o.btn-facebook {
    background-color: transparent;
    color: #43609c;
    border-color: #43609c;
}
.no-touch .btn-facebook:hover,
.btn-facebook:focus,
.btn-facebook:active,
.btn-facebook.active,
.open > .dropdown-toggle.btn-facebook {
    background-color: #395285;
    color: #fff;
}
.no-touch .btn-o.btn-facebook:hover,
.btn-o.btn-facebook:focus,
.btn-o.btn-facebook:active,
.btn-o.btn-facebook.active,
.open > .dropdown-toggle.btn-o.btn-facebook {
    background-color: #43609c;
    color: #fff;
}
.btn-twitter {
    background-color: #55acee;
    color: #fff;
}
.btn-o.btn-twitter {
    background-color: transparent;
    color: #55acee;
    border-color: #55acee;
}
.no-touch .btn-twitter:hover,
.btn-twitter:focus,
.btn-twitter:active,
.btn-twitter.active,
.open > .dropdown-toggle.btn-twitter {
    background-color: #4993cc;
    color: #fff;
}
.no-touch .btn-o.btn-twitter:hover,
.btn-o.btn-twitter:focus,
.btn-o.btn-twitter:active,
.btn-o.btn-twitter.active,
.open > .dropdown-toggle.btn-o.btn-twitter {
    background-color: #55acee;
    color: #fff;
}
.btn-google {
    background-color: #dd4b39;
    color: #fff;
}
.btn-o.btn-google {
    background-color: transparent;
    color: #dd4b39;
    border-color: #dd4b39;
}
.no-touch .btn-google:hover,
.btn-google:focus,
.btn-google:active,
.btn-google.active,
.open > .dropdown-toggle.btn-google {
    background-color: #c44433;
    color: #fff;
}
.no-touch .btn-o.btn-google:hover,
.btn-o.btn-google:focus,
.btn-o.btn-google:active,
.btn-o.btn-google.active,
.open > .dropdown-toggle.btn-o.btn-google {
    background-color: #dd4b39;
    color: #fff;
}
.btn-pinterest {
    background-color: #cb2027;
    color: #fff;
}
.btn-o.btn-pinterest {
    background-color: transparent;
    color: #cb2027;
    border-color: #cb2027;
}
.no-touch .btn-pinterest:hover,
.btn-v:focus,
.btn-pinterest:active,
.btn-pinterest.active,
.open > .dropdown-toggle.btn-pinterest {
    background-color: #b51d22;
    color: #fff;
}
.no-touch .btn-o.btn-pinterest:hover,
.btn-o.btn-pinterest:focus,
.btn-o.btn-pinterest:active,
.btn-o.btn-pinterest.active,
.open > .dropdown-toggle.btn-o.btn-pinterest {
    background-color: #cb2027;
    color: #fff;
}
.btn-o.btn-kakao {
    background-color: transparent;
    color:#3b1e1e;
    border-color: #fae100;
}
.no-touch .btn-o.btn-kakao:hover,
.btn-o.btn-kakao:focus,
.btn-o.btn-kakao:active,
.btn-o.btn-kakao.active,
.open > .dropdown-toggle.btn-o.btn-kakao {
    background-color:#fae100;
    color: #3b1e1e;
}
.btn-icon {
    padding-left: 0 !important;
    padding-right: 0 !important;
    width: 36px;
    text-align: center;
}
.btn-icon.btn-lg {
    width: 41px;
}
.btn-icon.btn-sm {
    width: 31px;
}
.btn-icon.btn-xs {
    width: 22px;
}
.btn-icon.btn-round {
    border-radius: 50%;
}
.btn > .state, .btn.active > .state-active {
    display: inline-block;
}
.btn.active > .state, .btn > .state-active {
    display: none;
}


.search .btn-search-reset {
    _position: absolute; padding: 10px; margin:8px 11px 0 0; background-size: 16px 16px;  background-position: center;	background-image: url('../images/icon_close.png'); background-repeat: no-repeat; z-index: 4;	float:right; opacity: 0;    visibility: hidden;    transition: opacity 250ms ease-out; 
}
.search .is-active {
    opacity: 1; visibility: visible;
}
.search button {
    vertical-align: middle;    box-shadow: none;    padding: 0;    border: 0;    background-color: transparent;    -webkit-tap-highlight-color: transparent;    overflow: visible;    font-family: inherit;    font-size: inherit;    line-height: inherit;	text-transform: none; 
}
.search .btn-search {
	padding:10px;  float:right; padding:11px 13px 11px 13px;
}

.search button.btn-search0{
    vertical-align: middle;    box-shadow: none;    padding: 0;    border: 0;    background-color: transparent;    -webkit-tap-highlight-color: transparent;    overflow: visible;    font-family: inherit;    font-size: inherit;    line-height: inherit;	text-transform: none; border:1px solid red;
}
button,html input[type="reset"]{
    -webkit-appearance: button;
    cursor: pointer;
}

.text-gray {
  color: #999;
}
.no-touch a.text-gray:hover {
  color: #333;
}
.text-green {
  color: #0eaaa6;
}
.no-touch a.text-green:hover {
  color: #068b85;
}
.text-blue {
  color: #1d82aa;
}
.no-touch a.text-blue:hover {
  color: #086492;
}
.text-magenta {
  color: #9b156e;
}
.no-touch a.text-magenta:hover {
  color: #7e115f;
}
.text-yellow {
  color: #eab134;
}
.no-touch a.text-yellow:hover {
  color: #dfa412;
}
.text-red {
  color: #d50c0c;
}
.no-touch a.text-red:hover {
  color: #d22a2a;
}
.bg-green {
    color: #fff;
    background-color: #0eaaa6;
}
.no-touch a.bg-green:hover {
    background-color: #068b85;
}
.bg-red {
    color: #fff;
    background-color: #d50c0c;
}
.no-touch a.bg-red:hover {
    background-color: #d22a2a;
}
.bg-blue {
    color: #fff;
    background-color: #1d82aa;
}
.no-touch a.bg-blue:hover {
    background-color: #086492;
}
.bg-yellow {
    color: #fff;
    background-color: #eab134;
}
.no-touch a.bg-yellow:hover {
    background-color: #dfa412;
}
.bg-magenta {
    color: #fff;
    background-color: #9b156e;
}
.no-touch a.bg-magenta:hover {
    background-color: #7e115f;
}


/* Main Header */
.home-logo {
    color: #fff;	font-size: 20px;	float: left;	padding: 7px 20px 5px 5px;
}
.home-logo img {
   width:160px;
}
.home-logo span {
    font-size: 34px;
}
.home-logo_korean {
    color: #fff;	font-size: 20px;	float: left;	padding: 7px 20px 5px 5px;
}
.home-logo_korean img {
   _width:290px; width:160px;
}
.home-logo_korean span {
    font-size: 34px;
}
@media screen and (min-width: 320px) {	
	.home-logo_korean img {
	  _width:230px; width:150px;
}
}


/* Sub Header */
/*#header {
    background-color: #fff;    position: fixed;    top: 10px;    left: 200px;    width: 20%;    height: 40px;    z-index: 5;
}
.logo {
    background-color: #d60000;
	float: left;
    width: 180px;
	height: 90px;
	overflow: hidden;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 5; 
}*/
.logo.expanded {
    width: 200px;
}
/* .logo img{
   width: 160px;  margin:7px 0 0 5px; 
} */
.logo a {
    display: block;  _width: 100px;  _height: 60px;    color: #fff;    text-decoration: none;    position: relative; 
}
.logo.expanded a {
    width: 200px;
}
.logo a span {
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.logo.expanded a span {
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
}
.logo a span.marker {
    font-size: 29px;
    position: absolute;
    display: block;
    width: 19px;
    height: 28px;
    top: 15px;
    left: 21px;
}
.logo a span img {
    margin:10px 0 0 5px; _width:180px; _width:100px;
}
.logo.expanded a span.marker {
    color: #fff;
    left: 20px;
}
.no-touch .logo a:hover span.marker {
    color: rgba(255, 255, 255, 0);
    top: 10px;
    text-decoration: none;
}
.no-touch .logo.expanded a:hover span.marker {
    color: rgba(255, 255, 255, 1);
    top: 15px;
    text-decoration: none;
}
.logo a span.logoText {
    color: #fff;
    position: absolute;
    font-size: 14px;
    top: -40px;
    left: 13px;
}
.logo.expanded a span.logoText {
    top: 20px;
    left: 54px;
}
.no-touch .logo a:hover span.logoText {
    color: #fff;
    top: 20px;
    text-decoration: none;
}
a.navHandler {
    display: block;
    width: 60px;
    height: 60px;
    float: left;
    text-align: center;
    font-size: 18px;
    padding-top: 17px;
}
.no-touch a.navHandler:hover {
    background-color: #f3f3f3;
    text-decoration: none;
}
a.mapHandler {
    float: right;
    text-align: center;
    font-size: 20px;
    padding-top: 13px;
    height: 50px;
    width: 20px;
    color: #fff;
    display: none;
    margin-right: 15px;
    text-decoration: none;
}
.no-touch a.mapHandler:hover {
    background-color: transparent;
}
a.userHandler {
    position: relative;
    float: right;
    text-align: center;
    font-size: 20px;
    padding-top: 13px;
    height: 50px;
    width: 20px;
    color: #fff;
    display: none;
    margin-right: 15px;
    text-decoration: none;
}
.no-touch a.userHandler:hover {
    background-color: transparent;
}
.formField .formSelect{
	float: left;
	_width:calc(100% - 100px);
	width:100%;
	_width:400px;
	_border-radius: 3px;
	height: 40px; 
	
}
.search {
    float: left;
	margin-top: 10px;
	margin-left: 20px;
	border:1px solid #BCBBBB; 
	width:calc(100% - 300px);
	border-radius: 3px;
	height: 40px;
}
.search:Hover {
	color: blue;
}
.searchIcon {
    font-size: 13px;
    float: left;
    color: #999;
    margin-left: 23px;
    display: block;
    padding-top: 11px;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.searchIcon.active {
    color: #3a3a3a;
}
.searchIcon:hover {
	color: #3a3a3a;
	cursor: pointer;
}
.search input {
    background-color: #fff;
    color: #3a3a3a;
    border: 0 none;
    font-size: 14px;
    margin: 7px 0 0 10px;
    width:calc(100% - 85px);
    -webkit-appearance: none;
}
.headerNotifyWraper {
    position: relative;
    float: right;
    width: 60px;
    height: 60px;
}
a.headerNotify {
    display: block;
    width: 60px;
    height: 60px;
    text-align: center;
    padding-top: 22px;
    text-decoration: none;
}
.no-touch a.headerNotify:hover, .headerNotifyWraper.open a.headerNotify {
    background-color: #f3f3f3;
    text-decoration: none;
}
.notifyIcon {
    font-size: 17px;
}
.counter {
    background-color: #d50c0c;
    color: #fff;
    position: absolute;
    display: block;
    padding: 2px;
    font-size: 11px;
    line-height: 10px;
    top: 15px;
    left: 30px;
    border-radius: 7px;
    text-align: center;
    min-width: 14px;
    text-decoration: none;
}
.headerNotifyWraper .dropdown-menu {
    border-radius: 3px;
    border: 1px solid #dfdfdf;
}
.notifyMenu, .userMenu {
    width: 300px;
    display: block;
    opacity: 0;
    visibility: hidden;
    margin-top: -20px;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.notifyMenu, .userMenu a, .notifyMenu, .userMenu a span {
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.open .notifyMenu, .open .userMenu {
    visibility: visible;
    opacity: 1;
    margin-top: 0;
}
.notifyHeader {
    padding: 10px;
    border-bottom: 1px solid #dfdfdf;
}
.notifyHeader span {
    font-size: 13px;
    line-height: 15px;
    display: block;
    float: left;
}
a.notifySettings {
    display: block;
    float: right;
    text-decoration: none;
    line-height: 11px;
}
.no-touch a.notifySettings:hover {
    text-decoration: none;
}
.notifyList {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.notifyList > li > a {
    padding: 10px;
    display: block;
    position: relative;
}
.no-touch .notifyList > li > a:hover {
    background-color: #f3f3f3;
}
.avatar {
    width: 40px;
    height: 40px;
    border-radius: 50%;
}
.mobAvatar {
    display: none;
    padding: 20px 0;
    text-align: center;
}
.mobAvatarName {
    padding-top: 5px;
}
.mobAvatarImg {
    width: 100px;
    height: 100px;
    border: 1px solid #e8e8e8;
    padding: 3px;
}
.notify {
    width: 233px;
    margin-left: 5px;
}
.notifyName {
    font-size: 12px;
    color: #333;
    padding-top: 3px;
}
.notifyTime {
    font-size: 11px;
    color: #999;
}
.notifyRound {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    float: left;
    text-align: center;
    padding-top: 11px;
}
.notifyRound-green {
    border: 1px solid #0eaaa6;
    color: #0eaaa6;
}
.notifyRound-blue {
    border: 1px solid #1d82aa;
    color: #1d82aa;
}
.notifyRound-red {
    border: 1px solid #d50c0c;
    color: #d50c0c;
}
.notifyRound-yellow {
    border: 1px solid #eab134;
    color: #eab134;
}
.notifyRound-magenta {
    border: 1px solid #9b156e;
    color: #9b156e;
}
.notifyAll {
    padding: 10px;
    border-top: 1px solid #dfdfdf;
    text-align: center;
    display: block;
    font-size: 12px;
    line-height: 14px;
    color: #0eaaa6;
}
.no-touch .notifyAll:hover {
    color: #0eaaa6;
    text-decoration: underline;
}

@keyframes pulsate {
    0% {
        transform: scale(1.0, 1.0);
        opacity: 0.0;
    }
    50% {
        opacity: 0.5;
    }
    100% {
        transform: scale(1.4, 1.4);
        opacity: 0.0;
    }
}
@-webkit-keyframes pulsate {
    0% {
        -webkit-transform: scale(1.0, 1.0);
        opacity: 0.0;
    }
    50% {
        opacity: 0.5;
    }
    100% {
        -webkit-transform: scale(1.4, 1.4);
        pacity: 0.0;
    }
}
.pulse {
    border-radius: 50%;
    height: 40px;
    width: 40px;
    position: absolute;
    left: 10px;
    top: 10px;
    opacity: 0.0;
}
.border-grey {
    border: 3px solid #ababab;
}
.border-green {
    border: 3px solid #0eaaa6;
}
.border-blue {
    border: 3px solid #1d82aa;
}
.border-red {
    border: 3px solid #d50c0c;
}
.border-yellow {
    border: 3px solid #eab134;
}
.border-magenta {
    border: 3px solid #9b156e;
}
.bg-green {
    background-color: #0eaaa6;
}
.bg-blue {
    background-color: #1d82aa;
}
.bg-red {
    background-color: #d50c0c;
}
.bg-yellow {
    background-color: #eab134;
}
.bg-magenta {
    background-color: #9b156e;
}
.pulsate {
    -webkit-animation: pulsate 0.5s ease-out;
    animation: pulsate 0.5s ease-out;
}
.headerUserWraper {
    float: right;
    height: 60px;
}
a.headerUser {
    display: block;
    height: 60px;
    text-align: center;
    padding: 0 20px;
}
.no-touch a.headerUser:hover, .headerUserWraper.open a.headerUser {
    background-color: #f3f3f3;
}
.headerUserWraper .dropdown-menu {
    border-radius: 3px;
    border: 1px solid #dfdfdf;
}
.headerAvatar {
    margin-top: 10px;
}
.userTop {
    margin: 20px 0 0 7px;
    font-size: 13px;
}
.userMenu {
    width: 190px;
}
.userMenu ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.userMenu ul > li > a {
    padding: 7px 20px;
    display: block;
    font-size: 13px;
    color: #333;
    text-decoration: none;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.userMenu ul > li > a > span {
    margin-right: 5px;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.userMenu ul > li > a > span.badge {
    font-size: 12px;
    font-weight: normal;
    margin-right: 0;
}
.no-touch .userMenu ul > li > a:hover > span.badge, .no-touch .userMenu ul > li > a:focus > span.badge {
    color: #fff;
}
.no-touch .userMenu ul > li > a:hover, .no-touch .userMenu ul > li > a:focus {
    background-color: #f3f3f3;
    text-decoration: none;
}
.no-touch .userMenu ul > li > a:hover > span, .no-touch .userMenu ul > li > a:focus > span {
    color: #0eaaa6;
}
a.userHandler {
    position: relative;
    float: right;
    text-align: center;
    font-size: 20px;
    padding-top: 13px;
    height: 50px;
    width: 20px;
    color: #fff;
    display: none;
    margin-right: 15px;
    text-decoration: none;
}
.no-touch a.userHandler:hover {
    background-color: transparent;
}
a.userHandler .counter {
    top: 10px;
    left: 12px;
}
#rightSide {
    background-color: #213837;
    position: absolute;
    top: 60px;
    left: 0;
    width: 70px;
    z-index: 100;
}
#rightSide.expanded {
    width: 200px;
}
.closeRightSide {
    display: none;
}
.rightNav .search {
    display: none;
}
.rightNav ul, .leftUserWraper ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.rightNav ul li {
    position: relative;
    width: 70px;
}
.expanded .rightNav ul li {
    width: 200px;
}
.rightNav ul li a {
    display: block;
    font-size: 16px;
    color: #adc8c7;
    width: 70px;
    height: 60px;
    overflow: hidden;
    text-decoration: none;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    text-decoration: none;
}
.expanded .rightNav ul li a {
    width: 200px;
    height: auto;
    padding: 10px 20px;
}
.rightNav ul li a span {
    position: absolute;
    width: 70px;
    display: block;
    text-align: center;
    z-index: 110;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    text-decoration: none;
}
.expanded .rightNav ul li a span {
    position: relative;
    width: auto;
    display: inline-block;
    text-align: left;
}
.no-touch .rightNav ul li:hover a, .rightNav ul li.onTap a {
    background-color: #067670;
    color: #fff;
}
.expanded .rightNav > ul > li.onTap > a {
    background-color: transparent;
    color: #adc8c7;
}
.expanded .rightNav > ul > li.active > a {
    background-color: #067670;
    color: #fff;
}
.rightNav ul li a span.navIcon {
    top: 22px;
}
.expanded .rightNav ul li a span.navIcon {
    top: auto;
    margin-right: 10px;
}
.rightNav ul li a span.navLabel {
    font-size: 12px;
    bottom: 10px;
    left: -70px;
}
.expanded .rightNav ul li a span.navLabel {
    bottom: 2px;
    left: 0;
}
.no-touch .rightNav ul li:hover a span.navIcon, .rightNav ul li.onTap a span.navIcon {
    top: 13px;
    text-decoration: none;
}
.no-touch .expanded .rightNav ul li:hover a span.navIcon, .expanded .rightNav ul li.onTap a span.navIcon {
    top: auto;
    text-decoration: none;
}
.no-touch .rightNav ul li:hover a span.navLabel, .rightNav ul li.onTap a span.navLabel {
    left: 0;
    text-decoration: none;
}
.rightNav > ul > li > a > span.arrowRight {
    display: none;
}
.expanded .rightNav > ul > li > a > span.arrowRight {
    display: inline-block;
    float: right;
    font-size: 12px;
    margin-top: 5px;
}
.rightNav > ul > li > a > span.badge {
    font-size: 11px;
    font-weight: normal;
    width: auto;
    top: 15px;
    left: 38px;
    text-align: center;
    padding: 2px 4px;
    position: absolute;
    line-height: 10px;
    border-radius: 7px;
    text-align: center;
    min-width: 14px;
}
.expanded .rightNav > ul > li > a > span.badge {
    min-width: 10px;
    padding: 3px 7px;
    font-size: 11px;
    line-height: 1;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 10px;
    float: right;
    top: auto;
    left: auto;
    position: relative;
    margin-top: 2px;
}
.expanded .rightNav > ul > li.hasSub > a > span.badge {
    display: none;
}
.no-touch .rightNav > ul > li:hover > a > span.badge {
    top: 8px;
}
.no-touch .expanded .rightNav > ul > li:hover > a > span.badge {
    top: auto;
}
.rightNav ul li ul {
    background-color: #132120;
    position: absolute;
    top: 0;
    width: 200px;
    display: none;
    left: 50px;
    z-index: 1100;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.no-touch .rightNav ul li ul {
    background-color: #132120;
    position: absolute;
    display: block;
    top: 0;
    width: 200px;
    visibility: hidden;
    opacity: 0;
    left: 50px;
    z-index: 1100;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.expanded .rightNav ul li ul {
    position: relative;
    left: 0;
    display: block;
    max-height: 0;
    z-index: 1;
    top: auto;
    overflow: hidden;
    -webkit-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}
.no-touch .expanded .rightNav ul li ul {
    position: relative;
    left: 0;
    visibility: visible;
    opacity: 1;
    max-height: 0;
    z-index: 1;
    top: auto;
    overflow: hidden;
    -webkit-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}
.expanded .rightNav ul li ul.bigList {
    max-height: 600px;
}
.no-touch .rightNav ul li:hover ul {
    left: 100%;
    visibility: visible;
    opacity: 1;
}
.rightNav ul li.onTap ul {
    left: 70px;
    display: block;
}
.no-touch .expanded .rightNav ul li:hover ul, .expanded .rightNav ul li.onTap ul {
    left: 0;
}
.rightNav ul li ul li {
    width: 100%;
}
.rightNav ul li ul li a {
    width: 100%;
    font-size: 12px;
    height: auto;
    padding: 7px 20px;
}
.rightNav ul li ul li a span.icon-right {
    font-size: 11px;
    font-weight: normal;
    margin-right: 0;
    position: relative;
    width: auto;
    float: right;
    margin-top: 4px;
}
.no-touch .rightNav ul li:hover ul li a, .rightNav ul li.onTap ul li a {
    color: #96adac;
    background-color: #132120;
    width: 100%;
    font-size: 12px;
    height: auto;
}
.no-touch .rightNav ul li ul li a:hover {
    color: #fff;
    background-color: #05635e;
    padding-left: 30px;
    text-decoration: none;
}
.rightNav > ul > li > ul > li > a > span.badge {
    font-size: 11px;
    font-weight: normal;
    margin-right: 0;
    position: relative;
    width: auto;
}
.no-touch .rightNav > ul > li > ul > li > a:hover > span.badge {
    color: #fff;
}
.leftUserWraper {
    background-color: #213837;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 110;
}
.leftUserWraper a {
    display: block;
    text-align: center;
    width: 70px;
    padding: 10px 0;
    position: relative;
    -webkit-transition: background-color .2s ease-in-out, color .2s ease-in-out;
    -o-transition: background-color .2s ease-in-out, color .2s ease-in-out;
    transition: background-color .2s ease-in-out, color .2s ease-in-out;
}
.expanded .leftUserWraper a {
    width: 100%;
    text-align: left;
    padding: 10px 20px;
}
.expanded .leftUserWraper a > span {
    -webkit-transition: background-color .2s ease-in-out, color .2s ease-in-out;
    -o-transition: background-color .2s ease-in-out, color .2s ease-in-out;
    transition: background-color .2s ease-in-out, color .2s ease-in-out;
}
.expanded .leftUserWraper a .avatar {
    float: left;
}
.userBottom {
    margin: 10px 0 0 7px;
    font-size: 13px;
    color: #adc8c7;
    width: 113px;
    white-space: nowrap;
    display: none;
}
.userBottom .arrowUp {
    margin-top: 3px;
}
.expanded .userBottom {
    display: block;
}
.leftUserWraper a .counter {
    top: 7px;
    left: 45px;
}
.expanded .leftUserWraper a .counter {
    left: 50px;
}
.no-touch .leftUserWraper a:hover {
    background-color: #067670;
}
.no-touch .leftUserWraper a:hover .userBottom, .leftUserWraper.open a .userBottom {
    color: #fff;
}
.leftUserWraper ul {
    background-color: #132120;
    width: 200px;
    display: block;
    opacity: 0;
    visibility: hidden;
    bottom: 0px;
    left: 50px;
    border: 0 none;
    z-index: 1100;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.expanded .leftUserWraper ul {
    background-color: #fff;
    left: 0;
    bottom: 40px;
}
.leftUserWraper.dropup ul {
    bottom: 0;
    margin-bottom: 0;
}
.leftUserWraper ul .divider {
    background-color: #1d3331;
}
.expanded .leftUserWraper ul .divider {
    background-color: #dfdfdf;
}
.leftUserWraper.open ul {
    visibility: visible;
    opacity: 1;
    margin-left: 0;
    left: 70px;
}
.expanded .leftUserWraper.open ul {
    left: 0;
    bottom: 60px;
}
.leftUserWraper.open .avatarAction {
    background-color: #067670;
}
.leftUserWraper ul li {
    width: 100%;
}
.leftUserWraper ul li a {
    width: 100%;
    font-size: 12px;
    height: auto;
    padding: 7px 20px;
    color: #96adac;
    background-color: #132120;
    width: 100%;
    font-size: 12px;
    text-align: left;
    height: auto;
    text-decoration: none;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.expanded .leftUserWraper ul li a {
    color: #333;
    background-color: #fff;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.no-touch .leftUserWraper ul li a:hover, .no-touch .leftUserWraper ul li a:focus {
    color: #fff;
    background-color: #05635e;
}
.no-touch .expanded .leftUserWraper ul li a:hover, .no-touch .expanded .leftUserWraper ul li a:focus {
    background-color: #f3f3f3;
    color: #333;
}
.leftUserWraper ul li a span {
    margin-right: 5px;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.no-touch .expanded .leftUserWraper ul li a:hover span, .no-touch .expanded .leftUserWraper ul li a:focus span {
    color: #0eaaa6;
}
.leftUserWraper ul li a span.badge {
    font-size: 11px;
    font-weight: normal;
    margin-right: 0;
    position: relative;
    width: auto;
}
.no-touch .leftUserWraper ul li a:hover span.badge, .no-touch .leftUserWraper ul li a:focus span.badge {
    color: #fff;
}
#wrapper {
    _left: 70px;    _top: 60px;   margin: 0 0 0 0; _margin: 60px 0 0 0;
}
#wrapper.full.m-full {
    margin-left: 200px;
}
#mapView {
    width: 50%;
    float: left;
}
#mapView.min {
    width: 0%;
}
.mapPlaceholder {
    text-align: center;
    width: 100%;
    padding-top: 100px;
    float: left;
    overflow: hidden; 
}
#mapView.min .mapPlaceholder {
    display: none;
}
.mapPlaceholder span {
    font-size: 16px;
    line-height: 17px;
    width: 20px;
    vertical-align: middle;
    margin: 0;
    display: inline-block;
    text-align: center;
}
/* Left ���� */
.infoW {
    font-family: 'open_sansregular', sans-serif, Arial;    color: #333;    padding: 0 1px; position: relative;
}
.infoW.multi {
    margin-bottom: 10px;
    cursor: pointer;
}
.propImg {
     _position: relative; position: absolute;  
}
.propImg img {
     width: 113px;  height: 80px;   _width: 200px;    _height: 120px;    border-top-left-radius: 3px;    border-top-right-radius: 3px;
}
.propBg {
    position: absolute;    z-index: 2;   left: 0;    bottom: 0;    width: 113px;  height: 15px;  _width: 100%;  _height: 40px; 
    background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.7) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.7))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#b3000000',GradientType=0 ); /* IE6-9 */
}
.propType {
    background-color: #eab134;    font-size: 10px;    line-height: 20px;    color: #fff;    padding: 2px 4px;    border-radius: 2px;    position: absolute;    right: 10px;    bottom: 10px;    text-transform: uppercase;    z-index: 3;
}
.paWrapper {
    position: absolute;   width:130px; height:auto; padding: 5px 5px 0 10px; top:0px;  left: 113px;   _padding: 10px 10px 0 10px;
}
.propPrice {
    _position: absolute;   top:10px;  left: 130px;  _left: 10px; _bottom: 10px;   font-weight: bold;  color: #000;  _color: #fff;    font-size: 12px;    line-height: 17px;    z-index: 3;
}
.propTitle {
    _font-weight: bold;    font-size: 12px;  _font-size: 14px;    line-height: 16px;    white-space: nowrap;    overflow: hidden;
}
.propAddress {
    white-space: nowrap;    overflow: hidden;    color: #000000;    font-size: 11px;    line-height: 17px; white-space:nowrap;	text-overflow:ellipsis;
}
.propRating {
    padding: 2px 0 5px 10px;
}
.propRating span {
    color: #eab134;    padding-right: 2px;    display: inline-block;    font-size: 12px;
}
.proFeat {
	 width:100%;
}
.propFeat ul{
    list-style-type: none;    margin: 0;    padding: 0 10px 0 0;
}
.propFeat li {
    float: left;    margin-right: 10px;    font-size: 11px;    line-height: 17px;
}
.propFeat li span {
    color: #999;
}
.proFeat2 {
	 width:100%; display:inline-block;  line-height:18px;
}
.infoButtons {
    padding: 10px;
}
a.btn.viewInfo, a.btn.closeInfo {
    width: 85px;
    padding: 6px 12px;
}
a.btn.viewInfo {
    margin-left: 10px;
}
#content {
    overflow-x: hidden;
    overflow-y: auto;
    background-color: #f3f3f3;
    width: 50%;
    height: 100%;
    border-top: 1px solid #e8e8e8;
    float: right;
	scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
}
#content.max {
    width: 100%;
}

#content2 {
    overflow-x: hidden;
    overflow-y: auto;
    background-color: #f3f3f3;
    width: 50%;
    height: 100%;
    border-top: 1px solid #e8e8e8;
    float: right;
    -webkit-overflow-scrolling: touch;
}
#content2.max {
    width: 100%;
}


.whiteBg {
    background-color: #fff;
    padding: 20px;
}
.rightContainer {
    padding: 20px;
}
.widgets {
    padding: 20px;
}
.filter {
    background-color: #fff;
    border-bottom: 1px solid #e8e8e8;
	padding-right:10px;
}
.filter h1 {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 16px;
    padding: 20px 20px 20px 10px;
    float: right;
}
.rightContainer h1 {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 16px;
    line-height: 16px;
    padding-bottom: 20px;
}
.rightContainer h2 {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 16px;
    padding-bottom: 10px;
    float: left;
}
a.handleFilter {
    float: right;
    display: block;
    padding: 10px;
    margin: 10px 10px 0 0;
    font-size: 18px;
    text-decoration: none;
}
.no-touch a.handleFilter:hover {
    text-decoration: none;
}
.filterForm label {
    display: block;
    font-size: 13px;
    color: #333;
}
.filterForm {
    padding: 0 20px;
}
.formItem {
    padding-bottom: 7px;
}
.formItem-openhouse {
   padding-top:28px;
}
.formItems {
    padding-top: 40px; 
}
.formField {
    position: relative;
}
.formField .btn {
  width:100%;
}
.dropdown-btn {
    width: 100%;
    text-align: left;
}
a.btn.dropdown-btn.btn-gray {
    background-color: #fff;
    border-color: #dfdfdf;
    color: #333;
}
.no-touch a.dropdown-btn.btn-gray:hover, .open a.dropdown-btn.btn-gray {
    color: #333;
    border-color: #999;
}
.dropdown-label {
    float: left;
}
.dsArrow {
    float: right;
    margin-top: 2px;
}
.dropdown-select {
    border-radius: 2px;
    border: 1px solid #dfdfdf;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.dropdown-select.full {
    width: 100%;
}
.dropdown-select > li > a {
    padding: 7px 20px;
    display: block;
    font-size: 13px;
    color: #333;
    text-decoration: none;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.no-touch .dropdown-select > li > a:hover, .no-touch .dropdown-select > li > a:focus {
    background-color: #f3f3f3;
}
.dropdown-select input {
    position: absolute;
    left: -9999em;
}
.slider {
    margin: 17px 0;
    position: relative;
}
.slider.priceSlider, .slider.areaSlider {
    margin-top: 37px;
}
.sliderTooltip {
    position: absolute;
    padding: 5px 0;
    margin-top: -3px;
    margin-left: 2px;
    top: -34px;
    z-index: 90;
}
.stLabel {
    background-color: #0eaaa6;
    font-size: 11px;
    line-height: 12px;
    color: #fff;
    padding: 4px 6px;
    border-radius: 2px;
    text-align: center;
    white-space: nowrap;
}
.stArrow {
    border-color: transparent;
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 5px 5px 0;
    border-style: solid;
    position: absolute;
    width: 0;
    height: 0;
    border-top-color: #0eaaa6;
}
.ui-slider .ui-slider-range {
    background-color: #0eaaa6;
}
.volume {
    width: 100%;
}
.volume a, .volume input {
    float: left;
}
.volume a.btn {
    background-color: #fff;
    width: 30%;
    height: 37px;
    padding: 10px 3%;
    color: #999;
    border: 1px solid #dfdfdf;
}
.no-touch .volume a.btn:hover {
    background-color: #fff;
    color: #333;
    border-color: #999;
}
.volume a.btn.btn-round-left {
    border-top-left-radius: 50px;
    border-bottom-left-radius: 50px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.volume a.btn.btn-round-right {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
}
.volume input.form-control, .volume input.form-control[readonly] {
    width: 40%;
    text-align: center;
    border-radius: 0;
    box-shadow: none;
    border: 0 none;
    border-top: 1px solid #dfdfdf;
    border-bottom: 1px solid #dfdfdf;
    border-left: 0 none;
    border-right: 0 none;
    -webkit-appearance: none;
    background-color: #fff;
    color: #333;
    font-size: 13px;
}
.resultsList {
    padding: 20px 20px 0 20px;
}
.resultsList .total{
    padding: 0 0 7px 0; font-size:13px;
}
.resultsList .sortby{
    margin:-14px 0 15px 0px; float:left;   position: relative;   
}
a.card, div.card {
    display: block;
    background-color: #fff;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.13);
    margin-bottom: 20px;
    cursor: pointer;
    text-decoration: none; 
}
a.card2, div.card2 {
    display: block;
    background-color: #fff;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.13);
    margin-bottom: 20px;
    cursor: pointer;
    text-decoration: none; 
}
.figure00 {
    background-color: #000; width: 100%; overflow: hidden; position: relative; z-index: 1;
}
.figure00 img {    
	position: relative; display: block; width: 100%; opacity: 1;
}
.figure {
	width: 100%; _height:240px; overflow: hidden; position: relative; z-index: 1; text-align: center; height: 0; padding-bottom: 56.26%;
}
.figure img {
	display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%;
}
.figure .main-img {
	object-fit: cover;
}
.no-touch .figure img {
    -webkit-transition: -webkit-transform 0.35s;
    transition: transform 0.35s;
    -webkit-transform: scale(1.15);
    transform: scale(1.15);
}
.no-touch a.card:hover img, .no-touch div.card:hover img {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0.8;
}
.no-touch a.card2:hover img, .no-touch div.card2:hover img {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0.8;
}
.figCaption {
    position: absolute;
    z-index: 2;
    top: auto;
    bottom: 0;
    padding: 10px;
    width: 100%;
    color: #fff;
    background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.5)));
    background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%);
    background: -o-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%);
    background: -ms-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%);
    background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#80000000',GradientType=0 );
}
.no-touch .figCaption {
    -webkit-transition: -webkit-transform 0.35s;
    transition: transform 0.35s;
    -webkit-transform: translate3d(0,100%,0);
    transform: translate3d(0,100%,0);
}
.figView {
    position: absolute;
    top: 50%;
    left: 50%;
    opacity: 0;
    color: #fff;
    font-size: 40px;
    line-height: 40px;
    margin-left: -21px;
    margin-top: -20px;
    font-weight: normal;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: scale(3.0);
    transform: scale(3.0);
}
.no-touch a.card:hover .figView, .no-touch div.card:hover .figView {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}
.no-touch a.card2:hover .figView, .no-touch div.card2:hover .figView {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
} 
.figCaption div {
    float: left;
    font-size: 12px;
    line-height: 12px;
    font-weight: normal;
}
.carousel-col .figCaption div {
    float: left;
    font-size: 13px;
    line-height: 14px;
    font-weight: bold;
}
.figCaption > span {
    float: right;
    font-size: 11px;
    line-height: 12px;
    font-weight: normal;
    margin-left: 5px;
}
.carousel-col .figCaption > span {
    display: none;
}
.figCaption > span::before {
    color: rgba(255, 255, 255, 0.70);
}
.no-touch .figCaption div,
.no-touch .figCaption > span {
    -webkit-transition: -webkit-transform 0.35s;
    transition: transform 0.35s;
    -webkit-transform: translate3d(0,200%,0);
    transform: translate3d(0,200%,0);
}
.figCaption div {
    display: inline-block;
}
.no-touch a.card:hover .figure .figCaption,
.no-touch a.card:hover .figure .figCaption div,
.no-touch a.card:hover .figure .figCaption > span,
.no-touch div.card:hover .figure .figCaption,
.no-touch div.card:hover .figure .figCaption div,
.no-touch div.card:hover .figure .figCaption > span {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}
.no-touch a.card:hover .figure .figCaption div, .no-touch div.card:hover .figure .figCaption div {
    -webkit-transition-delay: 0.05s;
    transition-delay: 0.05s;
}
.no-touch a.card:hover .figure .figCaption > span:nth-child(4), .no-touch div.card:hover .figure .figCaption > span:nth-child(4) {
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s;
}
.no-touch a.card:hover .figure .figCaption > span:nth-child(3), .no-touch div.card:hover .figure .figCaption > span:nth-child(3) {
    -webkit-transition-delay: 0.15s;
    transition-delay: 0.15s;
}
.no-touch a.card:hover .figure .figCaption > span:nth-child(2), .no-touch div.card:hover .figure .figCaption > span:nth-child(2) {
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s;
}
.no-touch a.card2:hover .figure .figCaption,
.no-touch a.card2:hover .figure .figCaption div,
.no-touch a.card2:hover .figure .figCaption > span,
.no-touch div.card2:hover .figure .figCaption,
.no-touch div.card2:hover .figure .figCaption div,
.no-touch div.card2:hover .figure .figCaption > span {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}
.no-touch a.card2:hover .figure .figCaption div, .no-touch div.card2:hover .figure .figCaption div {
    -webkit-transition-delay: 0.05s;
    transition-delay: 0.05s;
}
.no-touch a.card2:hover .figure .figCaption > span:nth-child(4), .no-touch div.card2:hover .figure .figCaption > span:nth-child(4) {
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s;
}
.no-touch a.card2:hover .figure .figCaption > span:nth-child(3), .no-touch div.card2:hover .figure .figCaption > span:nth-child(3) {
    -webkit-transition-delay: 0.15s;
    transition-delay: 0.15s;
}
.no-touch a.card2:hover .figure .figCaption > span:nth-child(2), .no-touch div.card2:hover .figure .figCaption > span:nth-child(2) {
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s;
}
/* �Ź�Ÿ��  */
.home-fig-container {
    display: table; border-spacing: 10px; position: absolute;
}
.home-fig-container .home-fig {
	display: table-cell;  font-size: 10px; color: #fff; height: 16px; vertical-align: middle; z-index: 3;  text-transform: uppercase;
}
.home-fig-container.medium {
	 display: table; border-spacing: 10px; position: absolute; z-index: 3; 
}
.home-fig-container.medium .home-fig {
	display: table-cell;   font-size: 12px;  color: #fff; height: 22px; _padding: 0 7px; 
}
.home-fig-container.large {
	display: table; border-spacing: 10px;   position: absolute; z-index: 3; 
}
.home-fig-container.large .home-fig {
	display: table-cell;   font-size: 16px;  color: #fff; height: 28px;	_padding: 0 10px;  
}
.home-fig-container .type {
	background-color: #e96727; padding: 2px 5px; border-radius: 2px;  
}
.home-fig-container .short-sale {
	background-color: #fa9d0d; padding: 2px 5px; border-radius: 2px;  
}
.home-fig-container .sold {
	background-color: #5d8acb;
}
.home-fig-container .foreclosure {
	background-color: #4c3967;
}
.home-fig-container .new {
	background-color: #2e7e36;
}
.home-fig-container .for-sale-by-owner {
	background-color: #a22769;
}
.home-fig-container .open-house {
	background-color: #73bb3c;
}


.home-fig-containers {
    display: table; border-spacing: 10px; position: absolute; padding: 22px 0px 0px 0px;
}
.home-fig-containers .home-fig {
	display: table-cell;  font-size: 10px; color: #fff; height: 16px; vertical-align: middle; z-index: 3;  text-transform: uppercase;
}
.home-fig-containers.medium {
	 display: table; border-spacing: 10px; position: absolute; z-index: 3; 
}
.home-fig-containers.medium .home-fig {
	display: table-cell;   font-size: 12px;  color: #fff; height: 22px; _padding: 0 7px; 
}
.home-fig-containers.large {
	display: table; border-spacing: 10px;   position: absolute; z-index: 3; 
}
.home-fig-container.large .home-fig {
	display: table-cell;   font-size: 16px;  color: #fff; height: 28px;	_padding: 0 10px;  
}
.home-fig-containers .type {
	background-color: #e96727; padding: 2px 5px; border-radius: 2px;  
}
.home-fig-containers .short-sale {
	background-color: #fa9d0d; padding: 2px 5px; border-radius: 2px;  
}
.home-fig-containers .sold {
	background-color: #5d8acb;
}
.home-fig-containers .foreclosure {
	background-color: #4c3967;
}
.home-fig-containers .new {
	background-color: #2e7e36;
}
.home-fig-containers .for-sale-by-owner {
	background-color: #a22769;
}
.home-fig-containers .open-house {
	background-color: #73bb3c;
}


.figType {
    background-color: #e96727;
    font-size: 10px;
    line-height: 11px;
    color: #fff;
    padding: 2px 4px;
    border-radius: 2px;
    position: absolute;
    left: 10px;
    top: 10px;
    text-transform: uppercase;
    z-index: 3;
}

.figTypeOpenHouse {
    background-color: #73bb3c;
    font-size: 10px;
    line-height: 12px;
    color: #fff;
    padding: 2px 4px;
    border-radius: 2px;
    position: absolute;
    right: 10px;
    top: 10px;
    text-transform: uppercase;
    z-index: 3;
}

.figTypeNewStarHouse00 {
    background-color: #a02021;    font-size: 10px;    line-height: 12px;    color: #fff;    padding: 2px 4px;    border-radius: 2px;    position: absolute;    right: 10px;    bottom: 10px;    text-transform: uppercase; font-style: italic;    z-index: 3;
}
.figTypeNewStarHouse {
    background-color: #a02021;    font-size: 10px;  line-height: 14px;    color: #fff;    padding: 2px 5px;    border-radius: 2px;    position: absolute;    right: 10px;    bottom: 10px;    _text-transform: uppercase;    z-index: 3;  font-style: italic;
}
.figTypeNewStarHouse.medium {
    background-color: #a02021;    font-size: 12px;  line-height: 17px;    color: #fff;    padding: 2px 7px;    border-radius: 2px;    position: absolute;    right: 10px;    bottom: 10px;    _text-transform: uppercase;    z-index: 3;  font-style: italic;
}

.figTypeNewStarHouseAgent {
    background-color: red;
    font-size: 40px;
    line-height: 40px;
    color: #fff; 
    padding: 2px 4px;
    border-radius: 2px;
    position: absolute; 
    right: 10px;
    top: 190px;
    text-transform: uppercase;
    z-index: 3;
}

.figSimilarNewStarHouse {
    background-color: red;
    font-size: 10px;
    line-height: 12px;
    color: #fff;
    padding: 2px 4px;
    border-radius: 2px;
    position: absolute;
    right: 10px;
    top: 10px;
    text-transform: uppercase;
    z-index: 3;
}


.carousel-col .figType {
    top: auto;
    left: auto;
    right: 10px;
    bottom: 10px;
}
a.card h2, div.card h2 {
    font-weight: bold;
    font-size: 14px;
    line-height: 16px;
    margin: 0 10px 0 0;
    padding: 10px 0 3px 10px;
    color: #333;
    text-decoration: none;
    white-space: nowrap;
    overflow: hidden;
    float: none;
}
a.card2 h2, div.card2 h2 {
    font-weight: bold;
    font-size: 14px;
    line-height: 16px;
    margin: 0 10px 0 0;
    padding: 10px 0 3px 10px;
    color: #333;
    text-decoration: none;
    white-space: nowrap;
    overflow: hidden;
    float: none;
}
.no-touch a.card:hover, .no-touch div.card:hover {
    text-decoration: none;
}
.no-touch a.card2:hover, .no-touch div.card2:hover {
    text-decoration: none;
}
.no-touch a.card:hover h2, .no-touch div.card:hover h2 {
    color: #d50c0c;
    text-decoration: none;
}
.no-touch a.card2:hover h2, .no-touch div.card2:hover h2 {
    color: #d50c0c;
    text-decoration: none;
}
a.card h2.cardAddr{
	min-height:30px;
}
a.card .cardAddress, div.card .cardAddress {
    font-size: 11px;
    line-height: 13px;
    color: #999;
    padding: 0 0 10px 10px;
    margin: 0 10px 0 0;
    overflow: hidden;
    white-space: nowrap;
}
a.card2 .cardAddress, div.card2 .cardAddress {
    font-size: 11px;
    line-height: 13px;
    color: #999;
    padding: 0 0 10px 10px;
    margin: 0 10px 0 0;
    overflow: hidden;
    white-space: nowrap;
}
a.card .cardAddress span, div.card .cardAddress span {
    font-size: 13px;
    line-height: 13px;
}
a.card2 .cardAddress span, div.card2 .cardAddress span {
    font-size: 13px;
    line-height: 13px;
}
a.card .cardRating, div.card .cardRating {
    padding: 0 0 10px 10px;
    font-size: 12px;
    line-height: 12px;
    color: #333;
}
a.card2 .cardRating, div.card2 .cardRating {
    padding: 0 0 10px 10px;
    font-size: 12px;
    line-height: 12px;
    color: #333;
}
a.card .cardRating span, div.card .cardRating span {
    color: #eab134;
    padding-right: 2px;
    display: inline-block;
    font-size: 12px;
}
a.card2 .cardRating span, div.card2 .cardRating span {
    color: #eab134;
    padding-right: 2px;
    display: inline-block;
    font-size: 12px;
}
a.card ul.cardFeat, div.card ul.cardFeat {
    list-style-type: none;
    margin: 0;
    padding: 0 10px 10px 10px;
}
a.card2 ul.cardFeat, div.card2 ul.cardFeat {
    list-style-type: none;
    margin: 0;
    padding: 0 10px 10px 10px;
}
a.card ul.cardFeat li, div.card ul.cardFeat li {
    display: inline-block;
    margin-right: 10px;
    font-size: 11px;
    line-height: 11px;
    color: #333;
}
a.card2 ul.cardFeat li, div.card2 ul.cardFeat li {
    display: inline-block;
    margin-right: 10px;
    font-size: 11px;
    line-height: 11px;
    color: #333;
}
a.card ul.cardFeat li span, div.card ul.cardFeat li span {
    color: #999;
}
a.card2 ul.cardFeat li span, div.card2 ul.cardFeat li span {
    color: #999;
}
.carousel-col .carousel-indicators, .carousel-wb .carousel-indicators {
    position: absolute;
    bottom: -26px;
    left: 50%;
    z-index: 15;
    width: 60%;
    padding-left: 0;
    margin-left: -30%;
    text-align: center;
    list-style: none;
}
.carousel-col .carousel-indicators li, .carousel-wb .carousel-indicators li {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0;
    text-indent: -999px;
    cursor: pointer;
    background-color: #000 \9;
    background-color: rgba(0, 0, 0, 0.30);
    border: 0 none;
    border-radius: 10px;
}
.carousel-col .carousel-indicators .active, .carousel-wb .carousel-indicators .active {
    width: 10px;
    height: 10px;
    margin: 0;
    background-color: #333;
}
.carousel-control .fa-chevron-left,
.carousel-control .fa-chevron-right {
    position: absolute;
    top: 50%;
    z-index: 5;
    display: inline-block;
}
.carousel-control .fa-chevron-left {
    left: 50%;
    margin-left: -10px;
}
.carousel-control .fa-chevron-right {
    right: 50%;
    margin-right: -10px;
}
.carousel-col {
    padding: 0 20px;
}
.carousel-col .carousel-control {
    top: -50px;
    bottom: 0;
    left: -15px;
    width: 40px;
    font-size: 20px;
    color: #999;
    text-align: center;
    text-shadow: none;
    filter: alpha(opacity=100);
    opacity: 1;
}
.carousel-col .carousel-control.left {
    background-image: none;
    filter: none;
    background-repeat: no-repeat;
}
.carousel-col .carousel-control.right {
	top: -50px;
    right: -15px;
    left: auto;
    background-image: none;
    filter: none;
    background-repeat: no-repeat;
}
.no-touch .carousel-col .carousel-control:hover,
.carousel-col .carousel-control:focus {
    color: #333;
    text-decoration: none;
    filter: alpha(opacity=100);
    outline: 0;
    opacity: 1;
}
.carousel-col .carousel-control .fa-chevron-left,
.carousel-col .carousel-control .fa-chevron-right {
    position: absolute;
    top: 45%;
    z-index: 5;
    display: inline-block;
}
.carousel-col .carousel-control .fa-chevron-left {
    left: 50%;
    margin-left: -7px;
}
.carousel-col .carousel-control .fa-chevron-right {
    right: 50%;
    margin-right: -7px;
}
.singleTop {
    background-color: #fff;
    border-bottom: 1px solid #e8e8e8;
	width: 100%;
}
.singleTop .summary {
    padding: 20px 20px 0 20px;
}
.summaryItem {
    margin-bottom: 20px;
}
h1.pageTitle {
    margin: 0;
    padding: 0 0 5px 0;
    font-size: 18px;
    line-height: 19px;
    font-weight: normal;
}
.singleTop .address {
    font-size: 12px;
    line-height: 14px;
    color: #999;
    padding: 0 0 15px 0;
}
.singleTop ul.rating {
    list-style-type: none;
    margin: 0;
    padding: 0;
    padding: 0;
    float: left;
}
.singleTop ul.rating li {
    font-size: 12px;
    line-height: 13px;
    color: #333;
    float: left;
    margin-right: 3px;
}
.singleTop ul.rating li a span {
    color: #eab134;
    font-size: 14px;
}
.singleTop ul.stats {
    float: right;
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.singleTop ul.stats li {
    float: left;
    margin-left: 7px;
    color: #333;
    font-size: 11px;
}
.singleTop ul.stats li span {
    font-size: 11px;
    color: #999;
}
.singleTop ul.features {
    list-style-type: none;
    margin: 0;
    padding: 0;
    margin-top: 20px;
    border: 1px solid #e8e8e8;
    float: left;
    width: 100%;
}
.singleTop ul.features li {
    float: left;
    width: 25%;
    text-align: center;
    padding: 15px 0;
    border-right: 1px solid #e8e8e8;
}
.singleTop ul.features li:last-child {
    border-right: 0 none;
}
.singleTop ul.features li span {
    color: #999;
    display: block;
    height: 24px;
    font-size: 24px;
    line-height: 24px;
}
.singleTop ul.features li div {
    font-size: 13px;
}
.agentAvatar {
    text-align: center;
}
.agentAvatarImg {
    width: 40%;
    height: auto;
    border: 1px solid #e8e8e8;
    padding: 3px;
}
.agentName {
    padding: 2px 0 10px 0;
    font-size: 13px;
}
.agentAvatar .contactBtn {
    margin-bottom: 10px;
    width: 100%;  
}
 .agentAvatar input.contactBtn:hover,
 .agentAvatar input.contactBtn:focus,
 .agentAvatar input.contactBtn:active {
    outline:none; 
}
 .modal-footer input.btn:hover,
 .modal-footer input.btn:focus,
 .modal-footer input.btn:active {
    outline:none; 
}


.favLink {
    float: left;
    font-size: 13px;
    line-height: 14px;
    margin-left: 10px;
}
.favLink a {
    width: 100%;
    color: #d50c0c;
}
.favLink a span {
    font-size: 14px;
    display: block;
    float: left;
    height: 14px;
    vertical-align: middle;
    line-height: 14px;
    width: 24px;
    text-align: center;
    -webkit-transition: font-size .2s;
    -o-transition: font-size .2s;
    transition: font-size .2s;
}
.no-touch .favLink a:hover span {
    font-size: 20px;
    color: #d50c0c;
}
.contactForm .cfItem {
    margin-bottom: 10px;
}
.contactForm .cfItem:last-child {
    margin-bottom: 0;
}
.description, .amenities, .share, .similar {
    padding: 20px 20px 0 20px;
}

    .google-maps {
        position: relative;
        padding-bottom: 75%; // This is the aspect ratio
        height: 0;
        overflow: hidden;
    }
    .google-maps iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100% !important;
        height: 100% !important;
    }


#content h3 {
    font-size: 14px;
    line-height: 16px;
    margin: 0;
    padding: 0 0 10px 0;
    font-weight: bold;
}
#content2 h3 {
    font-size: 14px;
    line-height: 16px;
    margin: 0;
    padding: 0 0 10px 0;
    font-weight: bold;
}
.description p {
    font-size: 13px;
}
.amItem {
    font-size: 13px;
    margin-bottom: 10px;
}
.amItem span {
    color: #d50c0c;
}
.amItem.inactive, .amItem.inactive span {
    color: #b4b4b4;
}
.amItem span {
    width: 20px;
    text-align: center; 
}
.shareItem {
    display: inline-block;
    margin: 0 10px 10px 0;
}
.comments {
    padding: 30px 20px 83px 20px;
}
.comment {
    padding-bottom: 20px;
}
.comment.reply {
    padding-left: 54px;
}
.commentAvatar {
    position: relative;
    float: left;
}
.commentArrow {
    position: absolute;
    top: 5px;
    left: 45px;
    width: 16px;
    height: 16px;
    color: #fff;
    font-size: 30px;
    line-height: 30px;
    text-shadow: -1px 1px 2px rgba(0, 0, 0, 0.13);
}
.commentContent {
    background-color: #fff;
    margin-left: 54px;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.13);
    border-radius: 2px;
}
.commentName {
    font-size: 12px;
    font-weight: bold;
    line-height: 12px;
    padding: 10px 10px 5px 10px;
}
.commentBody {
    font-size: 12px;
    color: #333;
    line-height: 16px;
    padding: 0 10px 10px 10px;
    border-bottom: 1px solid #e8e8e8;
}
.commentActions {
    padding: 10px;
}
.commentTime {
    float: left;
    font-size: 11px;
    color: #999;
    float: left;
}
.commentActions ul {
    list-style-type: none;
    margin: 0;
    float: right;
}
.commentActions ul li {
    float: right;
    margin-left: 10px;
    font-size: 11px;
    color: #999;
}
.commentsFormWrapper {
    background-color: #fff;
    position: fixed;
    bottom: -84px;
    right: 0;
    z-index: 20;
    overflow: hidden;
    border-top: 1px solid #e8e8e8;
    -webkit-transition: bottom .2s ease-in-out;
    -o-transition: bottom .2s ease-in-out;
    transition: bottom .2s ease-in-out;
}
.commentsFormWrapper.active {
    bottom: 0;
}
.cfAvatar {
    float: left;
    padding: 20px 10px 20px 20px;
}
.cfInput {
    margin-left: 74px;
    margin-right: 46px;
    float: left;
}
.cfBtn {
    float: right;
}
.commentsForm {
    padding: 20px 20px 0 0;
}
.commentsForm a.btn {
    margin-left: 0 !important;
    line-height: 15px !important;
}
.c-red {
    color: #d50c0c;
}
.c-green {
    color: #0eaaa6;
}
.c-blue {
    color: #1d82aa;
}
.c-yellow {
    color: #eab134;
}
.c-magenta {
    color: #9b156e;
}
.buttonsWrapper {
	 text-align:center;	
}
.buttonsWrapper > .btn, .buttonsWrapper > .btn-group, .buttonsWrapper > .btn-group-vertical {
    margin-bottom: 5px;
}
.pb20 {
    padding-bottom: 20px;
}
.icons > div {
    font-size: 13px;
    line-height: 40px;
    white-space: nowrap;
    -webkit-transition: font-size .2s;
    transition: font-size .2s;
}
.icons > div > span {
    font-size: 16px;
    line-height: 17px;
    width: 36px;
    vertical-align: middle;
    margin: 0;
    display: inline-block;
    text-align: center;
    -webkit-transition: font-size .2s;
    transition: font-size .2s;
}
.icons > div > span.glyphicon {
    top: 0px;
}
.no-touch .icons > div:hover {
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
    cursor: default;
    color: #0eaaa6;
    font-size: 16px;
}
.no-touch .icons > div:hover > span {
    font-size: 24px;
    cursor: default;
}
.iconsAlert > ul > li {
    font-size: 12px;
}
.gridSystem {
    font-size: 12px;
}

/* Browse by city */
.article .table td {
  vertical-align: top;  _border-left: 1px solid #ddd;
}
.article .table td:first-child {
  vertical-align: top;  border-left: 0;
}
.article .table a{
  padding: 8px;  line-height: 200%;   color: #0c82a5;  text-decoration: none; cursor: pointer; font-style: italic;
 
}
.article .table a:hover  {
	text-decoration: underline;
}

/* Property Widget 1 */

.propWidget-1 {
    display: block;
    background-color: #fff;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.13);
    margin-bottom: 20px;
    cursor: pointer;
    text-decoration: none;
    overflow: hidden;
    border-radius: 3px;
}
.propWidget-1 .fig {
    width: 100%;
    overflow: hidden;
    position: relative;
}
.propWidget-1 .fig img {
    width: 100%;
    position: relative;
    display: block;
}
.propWidget-1 .fig .figCap {
    position: absolute;
    z-index: 2;
    top: auto;
    bottom: 0;
    padding: 10px;
    width: 100%;
    color: #fff;
    background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.8)));
    background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 100%);
    background: -o-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 100%);
    background: -ms-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 100%);
    background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#cc000000',GradientType=0 );
}
.propWidget-1 .fig .priceCap {
    font-size: 18px;
    padding: 10px;
    position: absolute;
    z-index: 3;
    top: 0;
    left: 0;
    color: #fff;
    font-weight: normal;
    line-height: 22px;
    width: 100%;
    background: -moz-linear-gradient(top,  rgba(0,0,0,0.3) 0%, rgba(0,0,0,0) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.3)), color-stop(100%,rgba(0,0,0,0)));
    background: -webkit-linear-gradient(top,  rgba(0,0,0,0.3) 0%,rgba(0,0,0,0) 100%);
    background: -o-linear-gradient(top,  rgba(0,0,0,0.3) 0%,rgba(0,0,0,0) 100%);
    background: -ms-linear-gradient(top,  rgba(0,0,0,0.3) 0%,rgba(0,0,0,0) 100%);
    background: linear-gradient(to bottom,  rgba(0,0,0,0.3) 0%,rgba(0,0,0,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d000000', endColorstr='#00000000',GradientType=0 );
}
.propWidget-1 .fig .figType {
    background-color: #eab134;
    font-size: 10px;
    line-height: 11px;
    color: #fff;
    padding: 2px 4px;
    border-radius: 2px;
    position: absolute;
    right: 15px;
    top: 15px;
    left: auto;
    text-transform: uppercase;
    z-index: 3;
}
.no-touch .propWidget-1 .fig .figType {
    -webkit-transition: -webkit-transform 0.35s;
    transition: transform 0.35s;
    -webkit-transform: scale(0);
    transform: scale(0);
}
.propWidget-1 .fig .figCap h3 {
    font-size: 18px !important;
    font-weight: normal !important;
    margin: 0;
    padding: 0 !important;
}
.no-touch .propWidget-1 .fig .figCap h3 {
    -webkit-transition: -webkit-transform 0.50s;
    transition: transform 0.50s;
    -webkit-transform: translate3d(0,37px,0);
    transform: translate3d(0,37px,0);
}
.propWidget-1 .fig .priceCap span {
    display: block;
}
.no-touch .propWidget-1 .fig .priceCap {
    -webkit-transition: opacity 0.50s;
    transition: opacity 0.50s;
    opacity: 0;
}
.no-touch .propWidget-1 .fig .priceCap span {
    opacity: 1;
    -webkit-transition: -webkit-transform 0.50s;
    transition: transform 0.50s;
    -webkit-transform: translate3d(0,-100%,0);
    transform: translate3d(0,-100%,0);
}
.propWidget-1 .fig .figCap .address {
    font-size: 11px;
    font-style: italic;
    padding-top: 2px;
}
.no-touch .propWidget-1 .fig .figCap .address {
    -webkit-transition: -webkit-transform 0.35s, opacity 0.35s;
    transition: transform 0.35s, opacity 0.35s;
    -webkit-transform: translate3d(0,150%,0);
    transform: translate3d(0,150%,0);
    opacity: 0;
}
.propWidget-1 .fig .figCap .feat {
    float: left;
    margin-right: 20px;
    font-size: 11px;
    line-height: 12px;
    opacity: 0.8;
    padding: 10px 0 0 0;
}
.no-touch .propWidget-1 .fig .figCap .feat {
    -webkit-transition: -webkit-transform 0.5s;
    transition: transform 0.5s;
    -webkit-transform: translate3d(0,400%,0);
    transform: translate3d(0,400%,0);
}
.no-touch .propWidget-1:hover .fig .figType {
    -webkit-transform: scale(1);
    transform: scale(1);
}
.no-touch .propWidget-1:hover .fig .figCap h3,
.no-touch .propWidget-1:hover .fig .figCap .address,
.no-touch .propWidget-1:hover .fig .figCap .feat {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    opacity: 1;
}
.no-touch .propWidget-1:hover .fig .priceCap {
    opacity: 1;
}
.no-touch .propWidget-1:hover .fig .priceCap span {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}
.no-touch .propWidget-1:hover .fig .figCap .feat {
    opacity: 0.8;
}
.no-touch .propWidget-1:hover .fig .figCap > .address {
    -webkit-transition-delay: 0.15s;
    transition-delay: 0.15s;
}
.no-touch .propWidget-1:hover .fig .figCap > .feat-1 {
    -webkit-transition-delay: 0.20s;
    transition-delay: 0.20s;
}
.no-touch .propWidget-1:hover .fig .figCap > .feat-2 {
    -webkit-transition-delay: 0.25s;
    transition-delay: 0.25s;
}
.no-touch .propWidget-1:hover .fig .figCap > .feat-3 {
    -webkit-transition-delay: 0.30s;
    transition-delay: 0.30s;
}

/* Property Widget 2 */

.propWidget-2 {
    display: block;
    background-color: #fff;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.13);
    margin-bottom: 20px;
    cursor: pointer;
    text-decoration: none;
    overflow: hidden;
    border-radius: 3px;
}
.propWidget-2 .fig {
    width: 100%;
    overflow: hidden;
    position: relative;
}
.propWidget-2 .fig img {
    width: 100%;
    position: relative;
    display: block; height:200px; 
}
.propWidget-2 .fig img.blur {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 1;
    filter: url('../images/blur.svg#blur');
    filter: blur(2px);
    -webkit-filter: blur(2px);
    -moz-filter: blur(2px);
    display: none;
}
.no-touch .propWidget-2 .fig img.blur {
    display: block;
}
.propWidget-2 .fig .opac {
    display: block;
    background-color: rgba(0,0,0,0.30);
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 1;
}
.no-touch .propWidget-2 .fig div.opac {
    display: none;
}
.no-touch .propWidget-2 .fig img.blur {
     -webkit-transition: -webkit-transform 0.35s, opacity 0.35s;
    transition: transform 0.35s, opacity 0.35s;
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0;
}
.no-touch .propWidget-2:hover .fig > img.blur {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    opacity: 1;
}
.propWidget-2 .fig .figType {
    background-color: #eab134;
    font-size: 10px;
    line-height: 11px;
    color: #fff;
    padding: 2px 4px;
    border-radius: 2px;
    position: absolute;
    top: 15px;
    left: 50%;
    text-transform: uppercase;
    z-index: 3;
    margin-left: -27px;
}
.no-touch .propWidget-2 .fig .figType {
    -webkit-transition: -webkit-transform 0.35s;
    transition: transform 0.35s;
    -webkit-transform: scale(0);
    transform: scale(0);
}
.no-touch .propWidget-2:hover .fig .figType {
    -webkit-transform: scale(1);
    transform: scale(1);
}
.propWidget-2 .fig h3 {
    font-size: 18px !important;
    line-height: 20px !important;
    font-weight: normal !important;
    margin: 0;
    padding: 0 20px 0 20px !important;
    position: absolute;
    z-index: 3;
    top: 48%;
    left: 0;
    color: #fff;
    text-align: center;
    width: 100%;
}
.no-touch .propWidget-2 .fig h3 {
    -webkit-transition: -webkit-transform 0.35s, opacity 0.35s;
    transition: transform 0.35s, opacity 0.35s;
    -webkit-transform: translate3d(0,20px,0);
    transform: translate3d(0,20px,0);
    opacity: 0;
    top: 50%;
}
.no-touch .propWidget-2:hover .fig h3 {
    -webkit-transform: translate3d(0,-10px,0);
    transform: translate3d(0,-10px,0);
    opacity: 1;
}
.propWidget-2 .fig .address {
    font-size: 11px;
    font-style: italic;
    padding-top: 2px;
    position: absolute;
    bottom: 30%;
    left: 0;
    width: 100%;
    text-align: center;
    z-index: 4;
    color: #fff;
}
.no-touch .propWidget-2 .fig .address {
    -webkit-transition: -webkit-transform 0.60s, opacity 0.60s;
    transition: transform 0.60s, opacity 0.60s;
    -webkit-transform: translate3d(0,-30px,0);
    transform: translate3d(0,-30px,0);
    opacity: 0;
    bottom: 50%;
}
.no-touch .propWidget-2:hover .fig .address {
    -webkit-transform: translate3d(0,30px,0);
    transform: translate3d(0,30px,0);
    opacity: 1;
}
.propWidget-2 .fig .priceCap {
    font-size: 30px;
    line-height: 30px;
    position: absolute;
    z-index: 5;
    top: 25%;
    left: 20%;
    right: 20%;
    color: #fff;
    text-align: center;
    width: 60%;
    letter-spacing: -1px;
    border-bottom: 1px solid rgba(255,255,255,0.5);
    overflow: hidden;
    padding-bottom: 5px;
}
.no-touch .propWidget-2 .fig .priceCap {
    -webkit-transition: -webkit-transform 0.70s;
    transition: transform 0.70s;
    -webkit-transform: scale(0, 1);
    transform: scale(0, 1);
}
.no-touch .propWidget-2 .fig .priceCap span {
    -webkit-transition: -webkit-transform 0.35s, opacity 0.15s;
    transition: transform 0.35s, opacity 0.15s;
    -webkit-transform: translate3d(0,50px,0);
    transform: translate3d(0,50px,0);
    opacity: 0;
}
.no-touch .propWidget-2:hover .fig .priceCap {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
}
.no-touch .propWidget-2:hover .fig .priceCap span {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -webkit-transition-delay: 0.35s;
    transition-delay: 0.35s;
    opacity: 1;
}
.propWidget-2 ul.rating {
    list-style-type: none;
    margin: 0 0 0 -44px;
    padding: 0;
    position: absolute;
    z-index: 6;
    bottom: 20px;
    left: 50%;
}
.propWidget-2 ul.rating li {
    font-size: 12px;
    line-height: 13px;
    float: left;
    margin: 0 2px;
}
.propWidget-2 ul.rating li span {
    color: #fff;
    font-size: 14px;
}
.no-touch .propWidget-2 ul.rating li span {
    -webkit-transition: -webkit-transform 0.35s;
    transition: transform 0.35s;
    -webkit-transform: scale(0);
    transform: scale(0);
}
.no-touch .propWidget-2:hover ul.rating li span {
    -webkit-transform: scale(1);
    transform: scale(1);
}
.no-touch .propWidget-2:hover ul.rating li span.star-1 {
    -webkit-transition-delay: 0.05s;
    transition-delay: 0.05s;
}
.no-touch .propWidget-2:hover ul.rating li span.star-2 {
    -webkit-transition-delay: 0.10s;
    transition-delay: 0.10s;
}
.no-touch .propWidget-2:hover ul.rating li span.star-3 {
    -webkit-transition-delay: 0.15s;
    transition-delay: 0.15s;
}
.no-touch .propWidget-2:hover ul.rating li span.star-4 {
    -webkit-transition-delay: 0.20s;
    transition-delay: 0.20s;
}
.no-touch .propWidget-2:hover ul.rating li span.star-5 {
    -webkit-transition-delay: 0.25s;
    transition-delay: 0.25s;
}

/* Property Widget 3 */

.propWidget-3 {
    display: block;
    background-color: #fff;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.13);
    margin-bottom: 20px;
    text-decoration: none;
    overflow: hidden;
    border-radius: 3px;
}
.propWidget-3 .carousel-inner > .item > a > img {
    width: 100%;
}
.propWidget-3 .carousel-indicators {
    bottom: 20px;
    margin-bottom: 0;
}
.propWidget-3 .carousel-indicators {
    line-height: 7px;
    width: 7px;
    height: 7px;
}
.propWidget-3 .carousel-indicators {
    position: absolute;
    bottom: 20px;
    left: 50%;
    z-index: 15;
    width: 60%;
    padding-left: 0;
    margin-left: -30%;
    text-align: center;
    list-style: none;
}
.propWidget-3 .carousel-indicators li {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 1px;
    text-indent: -999px;
    cursor: pointer;
    background-color: rgba(255, 255, 255, 0.5);
    border: 0 none;
    border-radius: 10px;
    line-height: 10px;
}
.propWidget-3 .carousel-indicators .active {
    width: 10px;
    height: 10px;
    margin: 1;
    background-color: rgba(255, 255, 255, 1);
    border: 0 none;
}
.propWidget-3 .carousel-caption {
    background-color: rgba(0,0,0,0.30);
    left: 0;
    right: 0;
    top: 0;
    bottom: auto;
    overflow: hidden;
    height: 70px;
    padding: 0;
}
.no-touch .propWidget-3 .carousel-caption {
    background-color: transparent;
}
.propWidget-3 .carousel-caption img {
    width: 100%;
    -webkit-transform: scale(1.02);
    transform: scale(1.02);
    filter: url('../images/blur.svg#blur');
    filter: blur(5px);
    -webkit-filter: blur(5px);
    -moz-filter: blur(5px);
    display: none;
}
.no-touch .propWidget-3 .carousel-caption img {
    display: block;
}
.no-touch .propWidget-3 .carousel-caption img {
    -webkit-transition: opacity 0.25s;
    transition: opacity 0.25s;
    opacity: 0;
}
.no-touch .propWidget-3:hover .carousel-caption img {
    opacity: 1;
}
.propWidget-3 h3 {
    font-size: 18px !important;
    line-height: 20px !important;
    font-weight: normal !important;
    margin: 0;
    padding: 0 !important;
    position: absolute;
    z-index: 50;
    top: 15px;
    left: 15px;
    color: #fff;
    width: 100%;
    overflow: hidden;
}
.no-touch .propWidget-3 h3 {
    -webkit-transition: -webkit-transform 0.35s;
    transition: transform 0.35s;
    -webkit-transform: translate3d(-100%,0,0);
    transform: translate3d(-100%,0,0);
    -webkit-transition-delay: 0.25s;
    transition-delay: 0.25s;
}
.no-touch .propWidget-3:hover h3 {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}
.propWidget-3 .address {
    font-size: 11px;
    font-style: italic;
    position: absolute;
    top: 35px;
    left: 15px;
    width: 100%;
    z-index: 51;
    color: #fff;
    overflow: hidden;
}
.no-touch .propWidget-3 .address {
    -webkit-transition: -webkit-transform 0.35s;
    transition: transform 0.35s;
    -webkit-transform: translate3d(-100%,0,0);
    transform: translate3d(-100%,0,0);
    -webkit-transition-delay: 0.45s;
    transition-delay: 0.45s;
}
.no-touch .propWidget-3:hover .address {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}
.propWidget-3 .priceCap {
    position: absolute;
    z-index: 55;
    left: 0;
    bottom: 0;
    padding: 15px;
    width: 100%;
    color: #fff;
    background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.8)));
    background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 100%);
    background: -o-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 100%);
    background: -ms-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 100%);
    background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#cc000000',GradientType=0 );
}
.no-touch .propWidget-3 .priceCap {
    -webkit-transition: -webkit-transform 0.35s;
    transition: transform 0.35s;
    -webkit-transform: translate3d(0,100%,0);
    transform: translate3d(0,100%,0);
}
.no-touch .propWidget-3:hover .priceCap {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}
.propWidget-3 .priceCap .price {
    float: left;
    font-size: 16px;
    line-height: 16px;
}
.propWidget-3 .priceCap .type {
    background-color: #eab134;
    font-size: 10px;
    line-height: 11px;
    color: #fff;
    padding: 2px 4px;
    border-radius: 2px;
    text-transform: uppercase;
    float: right;
}


/* Property Widget 4 */
.propWidget-4 {
    display: block;    background-color: #fff;    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.13);    _margin-bottom: 20px;    text-decoration: none;    overflow: hidden;    border-radius: 3px;
}
.propWidget-4 .carousel-inner > .item > a > img {
    width: 100%;
}
.propWidget-4 .carousel-indicators {
    bottom: 20px;    margin-bottom: 0;
}
.propWidget-4 .carousel-indicators {
    line-height: 7px;    width: 7px;    height: 7px; 
}
.propWidget-4 .carousel-indicators {
    position: absolute;    bottom: 20px;    left: 50%;    z-index: 15;    width: 60%;    padding-left: 0;    margin-left: -30%;    text-align: center;    list-style: none;
}
.propWidget-4 .carousel-indicators li {
    display: inline-block;    width: 10px;    height: 10px;    margin: 1px;    text-indent: -999px;    cursor: pointer;    background-color: rgba(255, 255, 255, 0.5); border:1px solid red;    border: 0 none;    border-radius: 10px;    line-height: 10px;
}
.propWidget-4 .carousel-indicators .active {
    width: 10px;    height: 10px;    margin: 1;    background-color: rgba(255, 255, 255, 1);    border: 0 none; 
}


/* User Widget 1 */

.userWidget-1 {
    display: block;
    background-color: #fff;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.13);
    margin-bottom: 20px;
    text-decoration: none;
    overflow: hidden;
    border-radius: 3px;
}
.userWidget-1 .avatar {
    width: 100%;
    height: 80px;
    background-color: #0eaaa6;
    position: relative;
    border-radius: 0;
    position: relative;
}
.userWidget-1 .avatar > img {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    position: absolute;
    z-index: 5;
    top: 40px;
    left: 10px;
    border: 2px solid #fff;
}
.userWidget-1 .avatar .name {
    color: #fff;
    font-size: 16px;
    line-height: 16px;
    position: absolute;
    z-index: 6;
    left: 95px;
    bottom: 5px;
}
.userWidget-1 .avatar .ops {
    position: absolute;
    z-index: 7;
    top: 10px;
    right: 10px;
}
.userWidget-1 .title {
    margin-left: 95px;
    padding-top: 5px;
    font-size: 13px;
    line-height: 13px;
    color: #333;
}
.userWidget-1 .address {
    margin-left: 95px;
    padding-top: 3px;
    font-size: 11px;
    line-height: 11px;
    color: #999;
    font-style: italic;
}
.userWidget-1 .rating {
    width: 45%;
    float: left;
    margin-top: 20px;
    padding: 10px;
    border-top: 1px solid #e8e8e8;
}
.userWidget-1 .rating .number {
    font-size: 30px;
    line-height: 30px;
    float: left;
    letter-spacing: -3px;
}
.userWidget-1 .rating .stars {
    float: left;
    margin-left: 5px;
}
.userWidget-1 .rating .stars ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.userWidget-1 .rating .stars ul li {
    float: left;
    margin-right: 1px;
    line-height: 16px;
}
.userWidget-1 .rating .stars ul li span {
    color: #eab134;
    font-size: 11px;
    line-height: 11px;
}
.userWidget-1 .rating .stars .reviews {
    font-size: 10px;
    color: #999;
    line-height: 10px;
}
.userWidget-1 ul.stats {
    list-style-type: none;
    margin: 20px 0 0 0;
    padding: 0;
    width: 55%;
    float: left;
    border-top: 1px solid #e8e8e8;
}
.userWidget-1 ul.stats li {
    width:33.33333333%;
    float:left;
    text-align: center;
    font-size: 10px;
    line-height: 10px;
    color: #999;
    border-left: 1px solid #e8e8e8;
    padding: 11px 0;
}
.userWidget-1 ul.stats li span {
    display: block;
    font-size: 16px;
    line-height: 18px;
    color: #333;
}

/* User Widget 2 */

.userWidget-2 {
    display: block;
    background-color: #fff;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.13);
    margin-bottom: 20px;
    text-decoration: none;
    overflow: hidden;
    border-radius: 3px;
    position: relative;
}
.userWidget-2 .avatar {
    width: auto;
    height: auto;
    border-radius: 0;
    padding: 10px;
    float: left;
}
.userWidget-2 .avatar > img {
    width: 60px;
    height: 60px;
    border-radius: 50%;
}
.userWidget-2 .info {
    float: left;
    padding: 18px 0;
    max-width: 70%;
}
.userWidget-2 .info .name {
    color: #0eaaa6;
    font-size: 14px;
    line-height: 14px;
    font-weight: bold;
    letter-spacing: -1px;
}
.userWidget-2 .info .title {
    font-size: 12px;
}
.userWidget-2 .info .address {
    font-size: 11px;
    line-height: 11px;
    color: #999;
    font-style: italic;
}
.userWidget-2 .ops {
    position: absolute;
    z-index: 7;
    top: 24px;
    right: 10px;
}

/* Tabs Widget 2 */

.tabsWidget {
    display: block;
    background-color: #fff;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.13);
    margin-bottom: 20px;
    text-decoration: none;
    border-radius: 3px;
    height: auto;_height: 283px;
}
.nav-tabs, .nav-tabs.nav-justified {
    border-bottom: none;
    background-color: #efefef;    
}
.nav-tabs.nav-justified > .active > a,
.no-touch .nav-tabs.nav-justified > .active > a:hover,
.nav-tabs.nav-justified > .active > a:focus {
    border: 0 none; border-bottom: 1px solid #efefef;   
}
.nav-tabs > li {
    text-align: center;
    margin-bottom: 0; height:58px;
}
.tabsWidget .nav-tabs > li:first-child {
    width:34%; _width: 50%;  
}
.tabsWidget .nav-tabs > li {
    width:33%; _width: 50%;  
}
.nav-tabs > li.active {
	background-color: #efefef;   
}
.nav-tabs > li > a {
    _margin-right: 2px;
    line-height: 1.42857143;
    border: 0 none;
    border-radius: 0;
    color: #999;
    font-size: 17px;
    _padding: 15px 0; 
    background-color: #d5d5d5; _background-color: #e8e8e8;    height:58px; line-height:38px;
}
.no-touch .nav-tabs > li > a:hover {
    border-color: transparent;
    background-color: transparent;
    color: #333;
}
.nav-tabs > li.active > a,
.no-touch .nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
    color:#d50c0c; _color: #0eaaa6;
    cursor: default;
    background-color: #efefef;
    border: 0 none;
    _border-bottom: 1px solid #efefef; 
}
.tabsWidget .tab-pane {
    _padding: 0; padding-top:15px;
}
.tabsWidget ul.propList, .tabsWidget ul.userList {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.tabsWidget ul.propList li a, .tabsWidget ul.userList li a {
    border-bottom: 1px solid #e8e8e8;
    padding: 15px 0;
    margin: 0 15px;
    display: block;
}
.tabsWidget ul.propList li:last-child a, .tabsWidget ul.userList li:last-child a {
    border-bottom: 0 none;
}
.tabsWidget ul.propList li a .image {
    width: 60px;
    height: 60px;
    border-radius: 3px;
    float: left;
    text-align: center;
    overflow: hidden;
}
.tabsWidget ul.userList li a .image {
    border-radius: 50%;
    width: 60px;
    height: 60px;
    float: left;
}
.tabsWidget ul.propList li a .image img {
    height: 60px;
    width: auto;
}
.tabsWidget ul.userList li a .image img {
    height: 60px;
    width: 60px;
    border-radius: 50%;
}
.tabsWidget ul.propList li a .info, .tabsWidget ul.userList li a .info {
    float: left;
    margin-left: 10px;
    max-width: 70%;
    padding-top: 7px;
    overflow: hidden;
}
.tabsWidget ul.propList li a .info .name, .tabsWidget ul.userList li a .info .name {
    color: #333;
    font-size: 14px;
    line-height: 16px;
    font-weight: bold;
    letter-spacing: -1px;
}
.no-touch .tabsWidget ul.propList li a:hover .info .name, .no-touch .tabsWidget ul.userList li a:hover .info .name {
    color: #0eaaa6;
}
.tabsWidget ul.propList li a .info .price {
    font-size: 14px;
    line-height: 22px;
}
.tabsWidget ul.propList li a .info .price .badge {
    background-color: #eab134;
    font-size: 10px;
    line-height: 11px;
    color: #fff;
    padding: 2px 4px;
    border-radius: 2px;
    text-transform: uppercase;
    font-weight: normal;
}
.tabsWidget ul.propList li a .info .address, .tabsWidget ul.userList li a .info .address {
    font-size: 11px;
    line-height: 13px;
    color: #999;
    font-style: italic;
}
.tabsWidget ul.userList li a .info .title {
    font-size: 12px;
    line-height: 14px;
    color: #333;
}

/* Calendar Widget */

.calendarWidget {
    display: block;
    background-color: #fff;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.13);
    margin-bottom: 20px;
    text-decoration: none;
    border-radius: 3px;
    height: 283px;
}
.cal {
    font-family: 'open_sansregular', sans-serif, Arial;
    font-size: 12px;
}
.cal .clndr .clndr-controls {
    display: inline-block;
    width: 100%;
    position: relative;
    margin-bottom: 10px;
    padding: 15px 0 5px 0;
}
.cal .clndr .clndr-controls .month {
    font-family: 'open_sanslight';
    float: left;
    width: 60%;
    text-align: center;
    font-size: 14px;
    text-transform: uppercase;
    line-height: 22px;
}
.cal .clndr .clndr-controls .clndr-control-button {
    float: left;
    width: 20%;
    padding-left: 6px;
    font-size: 18px;
    line-height: 18px;
    color: #999;
}
.cal .clndr .clndr-controls .clndr-control-button.rightalign {
    text-align: right;
    width: 20%;
    padding-right: 6px;
}
.cal .clndr .clndr-controls .clndr-control-button .clndr-next-button {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    padding: 0 10px;
}
.no-touch .cal .clndr .clndr-controls .clndr-control-button .clndr-next-button:hover {
    color: #333;
}
.cal .clndr .clndr-controls .clndr-control-button .clndr-next-button.inactive {
    opacity: 0.5;
}
.no-touch .cal .clndr .clndr-controls .clndr-control-button .clndr-next-button.inactive:hover {
    background: none;
    cursor: default;
}
.cal .clndr .clndr-controls .clndr-control-button .clndr-previous-button {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    padding: 0 10px;
}
.no-touch .cal .clndr .clndr-controls .clndr-control-button .clndr-previous-button:hover {
    color: #333;
}
.cal .clndr .clndr-controls .clndr-control-button .clndr-previous-button.inactive {
    opacity: 0.5;
}
.no-touch .cal .clndr .clndr-controls .clndr-control-button .clndr-previous-button.inactive:hover {
    background: none;
    cursor: default;
}
.cal .clndr .clndr-table {
    table-layout: fixed;
    width: 100%;
}
.cal .clndr .clndr-table .header-days {
    height: 30px;
    font-size: 10px;
    background: #fff;
}
.cal .clndr .clndr-table .header-days .header-day {
    vertical-align: middle;
    text-align: center;
    color: #999;
}
.cal .clndr .clndr-table tr {
    height: 36px;
}
.cal .clndr .clndr-table tr td {
    vertical-align: top;
}
.cal .clndr .clndr-table tr .day {
    height: inherit;
}
.no-touch .cal .clndr .clndr-table tr .day:hover {
    cursor: default;
}
.cal .clndr .clndr-table tr .day.today .day-contents {
    background: #d50c0c;
    color: #fff;
}
.cal .clndr .clndr-table tr .day.event .day-contents {
    cursor: pointer;
}
.cal .clndr .clndr-table tr .day.event .day-contents span {
    display: block;
    position: absolute;
    color: #0eaaa6;
    width: 100%;
    text-align: center;
    line-height: 6px;
    font-size: 6px;
    left: 0;
    bottom: 3px;
}
.cal .clndr .clndr-table tr .day.today.event .day-contents span {
    color: #fff;
}
.cal .clndr .clndr-table tr .day.event .tooltip.top {
    margin-top: 8px;
}
.cal .clndr .clndr-table tr .day.event .tooltip.top .tooltip-arrow {
    border-top-color: #0eaaa6;
}
.cal .clndr .clndr-table tr .day.event .tooltip .tooltip-inner {
    background-color: #0eaaa6;
}
.cal .clndr .clndr-table tr .day .day-contents {
    box-sizing: border-box;
    padding: 10px;
    font-size: 12px;
    text-align: center;
    width: 36px;
    margin: 0 auto;
    height: 36px;
    border-radius: 50%;
    position: relative;
}
.cal .clndr .clndr-table tr .empty,
.cal .clndr .clndr-table tr .adjacent-month {
    width: 100%;
    height: inherit;
    color: #bbbbbb;
}

/* Comments Widget */

.commentsWidget {
    display: block;
    margin-bottom: 20px;
}
.commentsWidget h5 {
    padding-bottom: 5px;
}
.commentsWidget h5 .badge {
    background-color: #0eaaa6;
    font-weight: normal;
}
.commentsWidgetForm .cfAvatar {
    padding: 0;
}
.commentsWidgetForm .commentsForm {
    padding: 1px 0px 0 53px;
}

/* Notifications Widget */

.notificationsWidget {
    display: block;
    margin-bottom: 20px;
}
.notificationsWidget h5 {
    padding-bottom: 5px;
}
.notificationsWidget h5 .badge {
    background-color: #0eaaa6;
    font-weight: normal;
}
.notificationsWidget .notification {

}
.notificationsWidget .notification .time {
    position: relative;
    float: left;
    width: 140px;
}
.notificationsWidget .notification .time .timeBody {
    position: absolute;
    background-color: #333;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.13);
    border-radius: 2px;
    width: 100%;
    text-align: center;
    font-size: 11px;
    padding: 6px 0;
    top: 18px;
    color: #fff;
}
.notificationsWidget .notification .time .timeArrow {
    position: absolute;
    top: 16px;
    left: 139px;
    width: 16px;
    height: 16px;
    color: #333;
    font-size: 30px;
    line-height: 30px;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.13);
}
.notificationsWidget .notification .time .indicator {
    position: absolute;
    top: 24px;
    left: 152px;
    width: 12px;
    height: 16px;
    font-size: 12px;
    line-height: 16px;
    background-color: #f3f3f3;
}
.notificationsWidget .notification .time.green .timeBody {
    background-color: #0eaaa6;
}
.notificationsWidget .notification .time.blue .timeBody {
    background-color: #1d82aa;
}
.notificationsWidget .notification .time.magenta .timeBody {
    background-color: #9b156e;
}
.notificationsWidget .notification .time.red .timeBody {
    background-color: #d50c0c;
}
.notificationsWidget .notification .time.yellow .timeBody {
    background-color: #eab134;
}
.notificationsWidget .notification .time.green .timeArrow,
.notificationsWidget .notification .time.green .indicator {
    color: #0eaaa6;
}
.notificationsWidget .notification .time.blue .timeArrow,
.notificationsWidget .notification .time.blue .indicator {
    color: #1d82aa;
}
.notificationsWidget .notification .time.magenta .timeArrow,
.notificationsWidget .notification .time.magenta .indicator {
    color: #9b156e;
}
.notificationsWidget .notification .time.red .timeArrow,
.notificationsWidget .notification .time.red .indicator {
    color: #d50c0c;
}
.notificationsWidget .notification .time.yellow .timeArrow,
.notificationsWidget .notification .time.yellow .indicator {
    color: #eab134;
}
.notificationsWidget .notification .time .notifyArrow {
    position: absolute;
    top: 16px;
    left: 165px;
    width: 16px;
    height: 16px;
    color: #fff;
    font-size: 30px;
    line-height: 30px;
    text-shadow: -1px 1px 2px rgba(0, 0, 0, 0.13);
}
.notificationsWidget .notification .notifyContent {
    margin-left: 156px;
    padding: 10px 0 10px 17px;
    border-left: 1px solid #999;
}
.notificationsWidget .notification .notifyContent .notifyBody {
    background-color: #fff;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.13);
    border-radius: 2px;
    padding: 10px;
}
.notificationsWidget .notification .notifyContent .notifyBody .notify .name {
    font-size: 12px;
    font-weight: bold;
    line-height: 12px;
    padding-top: 8px;
}
.notificationsWidget .notification .notifyContent .notifyBody .notify .message {
    font-size: 12px;
    color: #333;
    line-height: 16px;
}

/* Components */

.components {
    padding: 20px;
}
.panel.dd {
    border: 0 none;
}
.panel.dd .panel-collapse {
    background-color: #fff;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.13);
}
.panel.dd .panel-body {
    font-size: 13px;
}
.tabsContainer {
    background-color: #fff;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.13);
    margin-bottom: 20px;
}
.tab-pane {
    padding: 15px 10px 0 10px;
    font-size: 13px;
}
.breadcrumb {
    background-color: #fff;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.13);
    font-size: 13px;
    border-radius: 2px;
    padding: 15px;
}
.breadcrumb > li .badge {
    background-color: #999;
}
.breadcrumb > li.active .badge {
    background-color: #333;
}
.pagination {
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.13);
    border-radius: 2px;
}
.pagination > li > a,
.pagination > li > span {
    color: #999;
    background-color: #fff;
    border: 1px solid #fff;
    margin-left: 0;
}
.no-touch .pagination > li > a:hover,
.no-touch .pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
    color: #333;
    background-color: #e8e8e8;
    border-color: #e8e8e8;
}
.pagination > .active > a,
.pagination > .active > span,
.no-touch .pagination > .active > a:hover,
.no-touch .pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
    z-index: 2;
    color: #fff;
    cursor: default;
    background-color: #d50c0c;
    border-color: #d50c0c;
}
.labelsContainer {
    margin-bottom: 20px;
}
.labelsContainer .label {
    margin-bottom: 5px;
}
.label-green {
    background-color: #d50c0c;
}
.no-touch .label-green[href]:hover,
.label-green[href]:focus {
    background-color: #068b85;
}
.label-red {
    background-color: #d50c0c;
}
.no-touch .label-red[href]:hover,
.label-red[href]:focus {
    background-color: #d22a2a;
}
.label-blue {
    background-color: #1d82aa;
}
.no-touch .label-blue[href]:hover,
.label-blue[href]:focus {
    background-color: #086492;
}
.label-yellow {
    background-color: #eab134;
}
.label-orange {
    background-color: #e96727;
}
.label-shortsale {
    background-color: #fa9d0d;
}

.no-touch .label-yellow[href]:hover,
.label-yellow[href]:focus {
    background-color: #dfa412;
}
.label-magenta {
    background-color: #9b156e;
}
.no-touch .label-magenta[href]:hover,
.label-magenta[href]:focus {
    background-color: #7e115f;
}
.badgesContainer {
    margin-bottom: 20px;
}
.badgesContainer .badge {
    margin-bottom: 5px;
}
.badge.badge-default {
    background-color: #777;
}
.badge.badge-primary {
    background-color: #428bca;
}
.badge.badge-success {
    background-color: #5cb85c;
}
.badge.badge-info {
    background-color: #5bc0de;
}
.badge.badge-warning {
    background-color: #f0ad4e;
}
.badge.badge-danger {
    background-color: #d9534f;
}
.badge.badge-green {
    background-color: #0eaaa6;
}
.badge.badge-red {
    background-color: #d50c0c;
}
.badge.badge-blue {
    background-color: #1d82aa;
}
.badge.badge-yellow {
    background-color: #eab134;
}
.badge.badge-magenta {
    background-color: #9b156e;
}
/*
.alert {
    padding: 15px 15px 15px 63px;
    margin-bottom: 20px;
    border: 0 none;
    border-radius: 2px;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.13);
    background-color: #fff;
    font-size: 13px;
    position: relative;
}
.alert-dismissable .close, .alert-dismissible .close {
    right: 0;
}
.alert > .icon {
    position: absolute;
    z-index: 1;
    left: 0;
    padding: 15px;
    bottom: 0;
    top: 0;
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
    color: #fff;
    font-size: 16px;
    line-height: 16px;
    min-width: 48px;
    text-align: center;
}
.alert.alert-success > .icon {
    background-color: #5cb85c;
}
.alert.alert-info > .icon {
    background-color: #5bc0de;
}
.alert.alert-warning > .icon {
    background-color: #f0ad4e;
}
.alert.alert-danger > .icon {
    background-color: #d9534f;
}
*/
.progress-bar-green {
  background-color: #0eaaa6;
}
.progress-striped .progress-bar-green {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image:      -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image:         linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
}
.progress-bar-red {
    background-color: #d50c0c;
}
.progress-striped .progress-bar-red {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image:      -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image:         linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
}
.progress-bar-blue {
    background-color: #1d82aa;
}
.progress-striped .progress-bar-blue {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image:      -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image:         linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
}
.progress-bar-yellow {
    background-color: #eab134;
}
.progress-striped .progress-bar-yellow {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image:      -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image:         linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
}
.progress-bar-magenta {
    background-color: #9b156e;
}
.progress-striped .progress-bar-magenta {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image:      -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image:         linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
}
.tooltipsContainer {
    margin-bottom: 20px;
}
.tooltipsContainer .btn {
    margin-bottom: 5px;
}

/* Lists */

.lists {
    padding: 20px;
}
.icon-fade {
    color: #999;
}
a.list-group-item .arrow {
    float: right;
    font-size: 18px;
    line-height: 19px;
    margin-left: 10px;
}
.list-group.list-group-sortable .list-group-item {
    margin-bottom: 5px;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.13);
    border: 0 none;
    border-radius: 2px;
    cursor: default;
}
.list-group.list-group-sortable .list-group-item.list-group-item-placeholder {
    box-shadow: none;
    border: 1px dotted #bfbfbf;
    background-color: transparent;
    padding: 20px;
}
.list-group.list-group-sortable .list-group-item .icon-fade {
    margin-right: 5px;
    cursor: move;
}
.list-group.list-group-sortable .list-group-item.ui-sortable-helper {
    border-left: 4px solid #999;
    opacity: 0.70;
}
.list-group.list-group-sortable .list-group-item.ui-sortable-helper.helper-green {
    border-left: 4px solid #0eaaa6;
}
.list-group.list-group-sortable .list-group-item.ui-sortable-helper.helper-red {
    border-left: 4px solid #d50c0c;
}
.list-group.list-group-sortable .list-group-item.ui-sortable-helper.helper-blue {
    border-left: 4px solid #1d82aa;
}
.list-group.list-group-sortable .list-group-item.ui-sortable-helper.helper-yellow {
    border-left: 4px solid #eab134;
}
.list-group.list-group-sortable .list-group-item.ui-sortable-helper.helper-magenta {
    border-left: 4px solid #9b156e;
}
.list-group .list-group-item a.icon-action {
    display: block;
    padding: 0 5px;
    text-align: center;
    line-height: 22px;
}
.list-ns-placeholder {
    border: 1px dotted #bfbfbf;
    background-color: transparent;
}
.list-ns-error {
    border: 1px dotted #d50c0c;
    background-color: transparent;
}
ol {
    margin: 0;
    padding: 0;
    padding-left: 30px;
}
ol.list-ns, ol.list-ns ol {
    margin: 0 0 0 25px;
    padding: 0;
    list-style-type: none;
}
ol.list-ns {
    margin: 0;
}
.list-ns li {
    margin: 5px 0 0 0;
    padding: 0;
    border-radius: 2px;
}
.list-ns li div  {
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.13);
    border: 0 none;
    border-radius: 2px;
    cursor: default;
    background-color: #fff;
    padding: 10px 15px;
    margin: 0;
}
.list-ns li.list-ns-branch div {
}
.list-ns li.list-ns-leaf div {
}
li.list-ns-collapsed.list-ns-hovering div {
}
.disclose {
    display: none;
    padding: 0 7px;
    text-align: center;
    line-height: 16px;
    cursor: pointer;
}
.list-ns li.list-ns-collapsed > ol {
    display: none;
}
.list-ns li.list-ns-branch > div > .disclose {
    display: inline-block;
}
.list-ns li.list-ns-collapsed > div > .disclose > span:before {
    font-family: FontAwesome;
    content: "\f105";
}
.list-ns li.list-ns-expanded > div > .disclose > span:before {
    font-family: FontAwesome;
    content: "\f107";
}
.list-ns li.ui-sortable-helper {
    border-left: 4px solid #999;
}
.list-ns li.ui-sortable-helper.helper-green {
    border-left: 4px solid #0eaaa6;
}
.list-ns li.ui-sortable-helper.helper-red {
    border-left: 4px solid #d50c0c;
}
.list-ns li.ui-sortable-helper.helper-blue {
    border-left: 4px solid #1d82aa;
}
.list-ns li.ui-sortable-helper.helper-yellow {
    border-left: 4px solid #eab134;
}
.list-ns li.ui-sortable-helper.helper-magenta {
    border-left: 4px solid #9b156e;
}
.list-ns li div .list-ns-handler {
    font-size: 14px;
    color: #999;
    display: block;
    line-height: 20px;
    padding: 0 5px;
    cursor: move;
}
.no-touch .list-ns li div .list-ns-handler:hover {
    color: #333;
}

/* Tables */

.tables {
    padding: 20px;
}
.table {
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0);
    border-radius: 2px;
    border-spacing: 0;
}
.table > thead > tr {
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
}
.table > thead > tr > th {
    background-color: #e8e8e8;
    border-bottom: 1px solid #e8e8e8;
    font-size: 14px;
    font-weight: normal;
    padding: 10px 15px;
}
.table > thead > tr > th:first-child {
    border-top-left-radius: 2px;
}
.table > thead > tr > th:last-child {
    border-top-right-radius: 2px;
}
.table > tbody > tr > td {
    vertical-align: middle;
    padding: 10px 15px;
    border-bottom: 1px solid #e8e8e8;
}
.table > tbody > tr > td:last-child {
    border-bottom: 1px solid #e8e8e8;
}
.table > tbody > tr:last-child > td:first-child {
    border-bottom-left-radius: 2px;
}
.table > tbody > tr:last-child > td:last-child {
    border-bottom-right-radius: 2px;
}
.table > tbody > tr > td .stars {
    white-space: nowrap;
}
.tableContainer {
    padding: 10px;
}
.mb5 {
    margin-bottom: 5px;
}
.panel .table-overflow {
    margin-bottom: 0;
}
.panel .table {
    margin-bottom: 0;
}
.table > thead > tr > th.tablesorter-headerDesc, .table > thead > tr > th.tablesorter-headerAsc {
    background-color: #333;
    color: #fff;
}
.table > thead > tr > th.tablesorter-headerUnSorted .tablesorter-header-inner .sortIconAsc,
.table > thead > tr > th.tablesorter-headerUnSorted .tablesorter-header-inner .sortIconDesc {
    display: none;
}
.table > thead > tr > th.tablesorter-headerDesc .tablesorter-header-inner .sortIconAsc,
.table > thead > tr > th.tablesorter-headerDesc .tablesorter-header-inner .sortIcon {
    display: none;
}
.table > thead > tr > th.tablesorter-headerAsc .tablesorter-header-inner .sortIconDesc,
.table > thead > tr > th.tablesorter-headerAsc .tablesorter-header-inner .sortIcon {
    display: none;
}
.table-none ul {
	list-style: none;
}

/* Form */

.checkbox.switch  {
    padding-top: 4px;
}
.checkbox.custom-checkbox input[type="checkbox"],
.radio.custom-radio input[type="radio"],
.checkbox.switch input[type="checkbox"] {
    position: absolute;
    left: -9999em;
}
.checkbox.custom-checkbox label,
.radio.custom-radio label,
.checkbox.switch label {
    padding-left: 0;
}
.checkbox.custom-checkbox span,
.radio.custom-radio span {
    background-color: #fff;
    border: 1px solid #999;
    font-size: 10px;
    line-height: 10px;
    padding: 3px;
    border-radius: 2px;
    float: left;
    margin-right: 5px;
	margin-top: 3px;
    color: #fff;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.radio.custom-radio span {
    border-radius: 50%;
    line-height: 9px;
}
.checkbox.custom-checkbox input:checked+span,
.radio.custom-radio input:checked+span {
    background-color: #5cb85c;
    border-color: #5cb85c;
}
.checkbox.custom-checkbox input[disabled]+span,
fieldset[disabled] .checkbox.custom-checkbox input+span,
.radio.custom-radio input[disabled]+span,
fieldset[disabled] .radio.custom-radio input+span {
    border-color: #e8e8e8;
}
.checkbox.custom-checkbox input[disabled]:checked+span,
fieldset[disabled] .checkbox.custom-checkbox input:checked+span,
.radio.custom-radio input[disabled]:checked+span,
fieldset[disabled] .radio.custom-radio input:checked+span {
    border-color: #b9ebb9;
    background-color: #b9ebb9;
}
.checkbox.switch span.cs-place {
    position: relative;
    width: 60px;
    height: 30px;
    border-radius: 30px;
    background-color: #fff;
    border: 1px solid #c4c4c4;
    display: inline-block;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.checkbox.switch span.cs-handler {
    background-color: #fff;
    width: 30px;
    height: 30px;
    position: absolute;
    top: -1px;
    left: -1px;
    border: 1px solid #c4c4c4;
    border-radius: 50%;
    padding: 7px;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    color: #fff;
}
.checkbox.switch input:checked+span.cs-place {
    background-color: #5cb85c;
    border-color: #5cb85c;
}
.checkbox.switch input:checked+span.cs-place span.cs-handler {
    margin-left: 31px;
    color: #5cb85c;
    border-color: #5cb85c;
}
.checkbox.switch input[disabled]+span.cs-place,
fieldset[disabled] .checkbox.switch input+span.cs-place {
    border-color: #dddddd;
}
.checkbox.switch input[disabled]+span.cs-place span.cs-handler,
fieldset[disabled] .checkbox.switch input+span.cs-place span.cs-handler {
    border-color: #dddddd;
}
.checkbox.switch input:checked[disabled]+span.cs-place,
fieldset[disabled] .checkbox.switch input:checked+span.cs-place {
    border-color: #b9ebb9;
    background-color: #b9ebb9;
}
.checkbox.switch input:checked[disabled]+span.cs-place span.cs-handler,
fieldset[disabled] .checkbox.switch input:checked+span.cs-place span.cs-handler {
    color: #b9ebb9;
    border-color: #b9ebb9;
}
.round {
    border-radius: 100px;
}

/* Sign In | Sign Up */

#page-container {
    height: 100%;
}
body.black {
    background-color: #000;
}
.signLogo {
    color: #fff;
    font-size: 18px;
    text-align: center;
    padding-bottom: 10px;
}
.signLogo span {
    font-size: 32px;
}
.signOr {
    padding-bottom: 10px;
    text-align: center;
}
.signFooter {
    font-size: 11px;
    color: #fff;
    text-align: center;
    padding-top: 10px;
}

/* Profile Page */

.pc-avatar {
    text-align: center;
}
.pc-avatar img {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    border: 1px solid #e8e8e8;
    padding: 3px;
}
.pc-name {
    text-align: center;
    padding-top: 10px;
}
.pc-email {
    text-align: right;
    padding-top: 34px;
}
.pc-fav {
    text-align: left;
    padding-top: 34px;
}
.pc-stats {
    list-style-type: none;
    margin: 20px 0 0 0;
    padding: 0;
    width: 100%;
    float: left;
    border-top: 1px solid #e8e8e8;
    border-bottom: 1px solid #e8e8e8;
}
.pc-stats li {
    width: 33.33333333%;
    float: left;
    text-align: center;
    font-size: 10px;
    line-height: 10px;
    color: #999;
    border-left: 1px solid #e8e8e8;
    padding: 11px 0;
}
.pc-stats li:last-child {
    border-right: 1px solid #e8e8e8;
}
.pc-stats li span {
    display: block;
    font-size: 16px;
    line-height: 18px;
    color: #333;
}
.pc-title {
    font-size: 16px;
    padding-bottom: 15px;
}
.pb10 {
    padding-bottom: 10px;
}
.pc-social {
    padding-top: 15px;
}
.pc-about {
    padding: 0 0 10px 0;
    font-size: 16px;
}
.testim-avatar {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    float: left;
}
.testim {
    margin-left: 70px;
}
.testim-text {
    font-size: 11px;
    color: #999;
    font-style: italic;
    padding-bottom: 5px;
}
.testim-name {
    font-size: 12px;
    font-weight: bold;
}
.mb20 {
    margin-bottom: 40px;
}

/* Homepage */

#hero-container {
    background-color: #000;
    height: 550px;
    position: relative;
}
#hero-container-map {
    background-color: ;
    height: 500px;
    position: relative;
}
#hero-container-blog {
    height: 500px;
    position: relative;
}
#hero-container-sell {
    _height: 900px;
    position: relative;
}
#hero-container-sell .featured.carousels {   
	background-color: #000;
	background-position: center center;
	_background-image: url(https://st3.depositphotos.com/6297298/19341/i/1600/depositphotos_193419124-stock-photo-modern-house-with-patio.jpg);
	background-image: url(../images/bg-sell.jpg);
	background-size: cover;
	background-position: 50%;
    min-height: calc((100vh + 1px));		
}
@media screen and (min-width: 481px)
	#hero-container-sell .featured.carousels {
    display: flex;
    flex-direction: column;
    -webkit-box-pack: center;
    justify-content: center;
    padding-top: 20px;
}
#hero-container-branch {
    height: 300px;
    position: relative;
}

#hero-container-usmap {
	width: 100%;
    height: 800px;
    position: relative;
	text-align:center;
}

#home-map {
    width: 100%;
    height: 500px;
}
.home-header {
    position: absolute;
    width: 100%;
    padding: 0px 20px 0px 0px;
    color: #fff;
    top: 0;
    left: 0;
    z-index: 1000;
    background: -moz-linear-gradient(top,  rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.5)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(0,0,0,0.5) 0%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(0,0,0,0.5) 0%,rgba(0,0,0,0) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(0,0,0,0.5) 0%,rgba(0,0,0,0) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(0,0,0,0.5) 0%,rgba(0,0,0,0) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
}
.home-header.map {
    background: rgba(0, 0, 0, 0.50);
}
.home-nav {
	float: right;
	_margin-right: 10px;
	padding-top: 27px;
	-webkit-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}
.home-nav ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	float: right;
	-webkit-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}
.home-nav ul li {
	float: left;     
	margin-left: 20px;    
	padding-top: 5px;
}
.home-nav ul li:last-child {
	padding-top: 0px;
}
.home-nav ul li a {
	color: #fff;
	font-size: 16px
}
.no-touch .home-nav ul li a:hover {
    color: #fff;
}
.home-caption {
    position: absolute;
    width: 100%;
    text-align: center;
    top: 200px;
    left: 0;
	margin: 0 0 30px;
}

/* Search Panel */
#feature {
	_position: relative;
}
#lec-feature_1 {
    display: inline-block;
    width: 100%;
    max-width: none;
    -webkit-transform: translateX(-50%) translateY(-60%);
    -ms-transform: translateX(-50%) translateY(-60%);
    transform: translateX(-50%) translateY(-60%);
    position: absolute;
    left: 50%;
    top: 50%;
    _z-index: 9999;
}
#feature .search-body.wrap {
    max-width: 760px;
    padding: 30px;
    margin-left: auto;
    margin-right: auto;
    _position: relative;
    clear: left;
    _padding: 0 20px;
}

#lec-feature_1 .search-body {
    max-width: 100%;
    background: rgba(255,255,255,.9);
    background: transparent;
    z-index: 40003;
    position: relative;
}
.home-title {
    _position: relative;
    _margin: 0 0 30px;
    padding: 0;
    color: #fff;
    font-family: din-2014,sans-serif;
    line-height: 1;
    text-align: center;
    z-index: 1;
	font: 54px/64px din-2014,sans-serif;
	width: 100%;
	display: inline-block;
	font-weight: 200;
	_font-size:54px;	
}
h2.home-title {
    color: #fff;
}
.home-title {
    font-size: 53px;    
    _font-weight: 500; font-weight: 300;
	text-transform: none;
	text-align:center;
	_sfont-family: 'Roboto', sans-serif;
	font-family: 'din-2014', sans-serif;
	text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
}
h2.home-title.sell {
    color: #fff;
	font-family: 'din-2014', sans-serif;
	text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
	font-size:50px;
}

#lec-feature_1 .search-body .input {
    background: 0 0;
}
.search-body .input {
    display: inline-block;
    width: 100%;
    position: relative;
    background: #fff;
    overflow: hidden;
    overflow: visible;
}
#feature .search-body.wrap .searchToggle {
    position: relative;
    margin: 15px 0 15px 0;
    padding: 0;
    z-index: 1;
	text-align:center;
}

.input_hidden {
    position: absolute;
    left: -9999px;
}
#feature .search-body.wrap .searchToggle label {
    display: inline-block;
    margin-right: 2em;
    line-height: 1;
	color: #fff;
}
#feature .search-body.wrap .searchToggle .einput {
    display: block;
    margin: 0;
    font-size: 30px;
    line-height: 1;
}

#feature .search-body.wrap .searchToggle .einput a{
    display: block;
    margin: 0;
    font-size: 30px;
    line-height: 1;
	color:#fff;
}

/* //search option  */
.searchToggle input[type=radio] {
  position: absolute;
  visibility: hidden;
  display: none;
}
.searchToggle label {
    display: inline-block;
    margin-right: 2em;
    _line-height: 1;
	color: #fff;
	cursor: pointer;
	_padding: 5px 20px;
}

.searchToggle input[type=radio]:checked + label .einput{
	color: #d41e34;
}

.searchToggle label + input[type=radio] + label { 
  
}
.searchToggle .einput{
	display: block;
    margin: 0;
    font-size: 30px;
    line-height: 1;
	position: relative;
    font-family: din-condensed,sans-serif;
    text-transform: uppercase;
    font-size: 26px;
    letter-spacing: 1px;
    font-weight: 700;
    display: inline-block;
}
.search-panelWrap00 .input {
    display: inline-block;
    width: 100%;
    position: relative;
    background: #fff;
    overflow: hidden;
    overflow: visible;
}

.search-panelWrap {
	_width:1140px; width:100%;
	margin: 0 auto; 
}

.search-panel00 {
	box-sizing: border-box;
    position: absolute;
    z-index: 5;
    top: 0;
    right: 0;
    height: 100%;
    width: 100%;
    color: #fff;
    font-size: 18px;
    line-height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;	
}
.search-panel {	
    _position: absolute;   
}
.search-panelWrap form {
    text-align: center;
}
.search-panelWrap .form-group {
    margin: 0 5px 20px 5px;
    _position: relative;
	_position: absolute;
}
.search-panelWrap .form-group00 {
    margin: 0 5px 20px 5px;
    position: relative;
	
	background: 0 0;
    border: 2px solid #fff;
    width: 100%;
    padding: 18px;
    padding-right: 54px;
    margin-top: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
    color: #fff;
    outline: 0!important;
    outline-offset: 0!important;
    outline-width: 0!important;
}
.search-panelWrap .form-group .form-control {
    display: block;
    width: 100%;
    height: 50px;
    _padding: 10px 14px; padding: 18px;
    font-size: 16px;
    line-height: 16px;
    color: #333;
    background-color: #fff;
    background-image: none;
    _border: 1px solid #dfdfdf;
    border-radius: 0;
    -webkit-appearance: none;
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	border: none;
	border-top: 1px solid #999999;
    _border-left: 1px solid #999999;
    border-bottom: 1px solid #999999;
	
}
.search-panelWrap .form-group .form-control.maincity {
    display: block;
    width: 100%;
    height: 50px;
    _padding: 10px 14px; padding: 18px;
    font-size: 16px;
    line-height: 16px;
    color: #333;
    background-color: #fff;
    background-image: none;
    _border: 1px solid #dfdfdf;
    border-radius: 0;
    -webkit-appearance: none;
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	border: none;
	border-top: 1px solid #999999;
    _border-left: 1px solid #999999;
    border-bottom: 1px solid #999999;
	
}

.search-panelWrap .form-group .form-control.street {
    display: block;
    width: 65%;
    height: 50px;
    _padding: 10px 14px; padding: 18px;
    font-size: 16px;
    line-height: 16px;
    color: #333;
    background-color: #fff;
    background-image: none;
    _border: 1px solid #dfdfdf;
    border-radius: 0;
    -webkit-appearance: none;
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	border: none;
	border-top: 1px solid #999999;
    _border-left: 1px solid #999999;
    border-bottom: 1px solid #999999;
	margin-right:14px;
}

.search-panelWrap .form-group .form-control.city {
    display: block;
    width: 30%;
    height: 50px;
    _padding: 10px 14px; padding: 18px;
    font-size: 16px;
    line-height: 16px;
    color: #333;
    background-color: #fff;
    background-image: none;
    _border: 1px solid #dfdfdf;
    border-radius: 0;
    -webkit-appearance: none;
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	border: none;
	border-top: 1px solid #999999;
    _border-left: 1px solid #999999;
    border-bottom: 1px solid #999999;
	
}
.search-panelWrap .form-group .input-group-btn a {
	_margin: 15px 25px;
	text-shadow: none; height:50px;
	padding: 18px 25px; 
	border-radius: 0; font-size: 16px;
	border-left:0px solid #b40c03;
	border-top: 1px solid #b40c03;
    border-right: 1px solid #b40c03;
    border-bottom: 1px solid #b40c03;
	margin-left:0;
}
.search-panelWrap .form-group .input-group-btn button{
	_margin: 15px 25px;
	text-shadow: none; height:50px;
	padding: 18px 25px; 
	border-radius: 0; font-size: 16px;
	border-left:0px solid #b40c03;
	border-top: 1px solid #b40c03;
    border-right: 1px solid #b40c03;
    border-bottom: 1px solid #b40c03;
	margin-left:0;
}
.search-panelWrap .form-group .input-groupMain {
	position: absolute;
	display: table;
	border-collapse: separate;
}
.input-groupMain .form-control {
    _position: relative;
	
	display: table-cell;
    z-index: 2;
    float: left;
    width: 100%;
    margin-bottom: 0;
}
.search-panel00 .form-group .city {
   width:349px; 
}
.search-panel00 .form-group .beds {
   width:88px;  
}
.search-panel00 .form-group .beds a {
   width:100%;  
}
.search-panel00 .form-group .beds ul{
   width:100%;  
}
.search-panel00 .form-group .baths{
   width:88px;  
}
.search-panel00 .form-group .baths a{
   width:100%;  
}
.search-panel00 .form-group .baths ul{
   width:90px;  
}
.search-panel00 .pFrom{
   width:130px;  
}
.search-panel00 .pTo{
   width:130px;  
}




/* section-e */
.sectionContent {
	width:100%; background-color:#999; height:300px; text-align:center; 
}
.section-e-bg {
	background-image: url('../images/section-e-img.jpg');  background-position: center top;  top: 0;    left: 0;    width: 100%;    height: 100%;   
}
.section-eWrap {
  position: relative;    background-color: rgba(25,52,93,.4);    height: 300px;    overflow: hidden;    color: #fff;    text-align: center;
}
.section-e {
	text-align: center; width:60%; margin: 0 auto;  padding: 30px; font-weight: normal;
}
.section-e .title {
	font-size: 30px; line-height: 30px;  padding-top: 10px; padding-bottom: 20px;
	color: #fff; _background-color:#414042;  
	_filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#4c000000', endColorstr='#4c000000');    _background: rgba(0,0,0,.5);
}
.section-e .subtitle {
	text-align: center;  _text-transform: uppercase; font-size: 16px;    font-style: italic; color: #fff;  padding-bottom: 10px; margin-bottom: 20px; line-height: 1.5em; _background-color:#414042; 
	_filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#4c000000', endColorstr='#4c000000');    _background: rgba(0,0,0,.5);
}
/*  section-f */
.cmm-boxtype { 
	position: relative; padding:0 10px 20px 10px;   -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}
.cmm-boxtype img{ 
	width: 100%; border:1px solid #ebebeb; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; 
}
.section-f { 
	width:1140px;  margin: 0 auto;  position: relative; min-height: 1px;  padding-right: 10px; padding-left: 10px; padding-top:40px;  padding-bottom:20px;  border-radius: 4px; 
}
.section-f:after {
	clear:both; content:''; display: block;
}
.section-f .cmm-boxtype{ 
	float: left; width: 25%;
}
.section-f .cmm-boxtype.h-type{ 
	width: 50%;
}

.pac-container {
    background-color: #fff;
    position: absolute !important;
    z-index: 1000;
    border-radius: 2px;
    border-top: 1px solid #dfdfdf;
    border: 1px solid #dfdfdf;
    font-family: 'open_sansregular';
    -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, .1);
          box-shadow: 0 2px 6px rgba(0, 0, 0, .1);
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    font-size: 13px;
    padding: 5px 0;
    margin: 2px 0 0;
}
.pac-item {
    cursor: pointer;
    padding: 10px 15px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    line-height: 1.42857143;
    text-align: left;
    border-top: 0 none;
    font-size: 13px;
    color: #333;
    font-weight: normal;
}
.no-touch .pac-item:hover {
    color: #333;
    text-decoration: none;
    background-color: #f3f3f3;
}
.pac-icon {
    display: none;
}
.pac-item-query {
    color: #333;
}
.pac-container:after{
    content:"";
    padding:1px 1px 1px 0;
    height:16px;
    text-align:right;
    display:block;
    background: url(https://developers.google.com/maps/documentation/places/images/powered-by-google-on-white.png) no-repeat center right;
}
body.no-hidden {
    overflow: auto;
}
a.home-navHandler {
    display: block;
    float: right;
    text-align: center;
    font-size: 30px;
    line-height: 24px;
    color: #fff;
    padding: 20px 0px 0px 0px;
    -webkit-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}
a.home-navHandler.active {
    text-shadow: 0 0 10px #fff;
}
.no-touch a.home-navHandler:hover {
    text-decoration: none;
    color: #fff;
}
.highlight {
    background-color: #d50c0c;
    padding: 20px 20px 10px 20px;
    text-align: center;
}
.h-title {
    color: #fff;
    font-size: 26px;
    line-height: 30px;
    padding-bottom: 10px;
}
.h-text {
    color: #fff;
    font-size: 14px;
    font-style: italic;
    line-height: 18px;
    padding: 0 30%;
}
.home-wrapper {
    width: 1140px;
    margin: 0 auto;
    padding: 10px 10px 50px 10px;
}
.home-content h2 {
    margin: 0;
    padding: 45px 0 25px 0;
    font-size: 34px;
	font-weight:200;	
    line-height: 100%;
    text-align: center;
}
.home-content h3 {
    margin: 0;
    padding: 0px 0 20px 0;
    font-size: 18px;
    _line-height: 22px;
    text-align: center;
}
.home-content h2.h-r {
    text-align: right;
}
.s-menu-item {
    height: 160px;
    overflow: hidden;
    position: relative;
    background: #fff;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
    border-radius: 3px;
}
.s-menu-item:last-child {
    margin-right: 0px;
}
.s-menu-item a {
    text-align: left;
    width: 100%;
    height: 100%;
    display: block;
    color: #333;
    position: relative;
}
.s-menu-itemMain {
    _height: 160px;
    overflow: hidden;
    position: relative;
    background: #fff;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
    border-radius: 3px;
}
.s-icon {
    font-size: 60px;
    color: #d50c0c;
    opacity: 0.8;
    line-height: 120px;
    position: absolute;
    width: 100%;
    height: 50%;
    left: 0px;
    top: 0px;
    text-align: center;
    -webkit-transition: all 400ms linear;
    -moz-transition: all 400ms linear;
    -o-transition: all 400ms linear;
    -ms-transition: all 400ms linear;
    transition: all 400ms linear;
}
.s-content {
    position: absolute;
    left: 0px;
    width: 100%;
    height: 50%;
    top: 55%;
}
h2.s-main {
    color: #d50c0c;
    font-size: 30px;
    color: 333;
    font-size: 22px;
    line-height: 30px;
    text-align: center;
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    transition: all 200ms linear;
}
h3.s-sub {
    text-align:center;
    font-size: 13px;
    color: #999;
    position: absolute;
    bottom: 20px;
    line-height: 16px;
    width: 100%;
    left: 0px;
    opacity: 0.8;
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    transition: all 200ms linear;
}
.no-touch .s-menu-item:hover {
    background-color: #d50c0c;
    z-index:999;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
.no-touch .s-menu-item:hover .s-icon {
    color: #fff;
    font-size: 80px;
    opacity:0.3;
    -webkit-animation: smallToBig 900ms alternate ease;
    -moz-animation: smallToBig 900ms alternate ease;
    -ms-animation: smallToBig 900ms alternate ease;
}
.no-touch .s-menu-item:hover .s-main {
    color: #fff;
    -webkit-animation: smallToBig 300ms ease;
    -moz-animation: smallToBig 300ms ease;
    -ms-animation: smallToBig 300ms ease;
}
.no-touch .s-menu-item:hover .s-sub {
    color: #fff;
    -webkit-animation: moveFromBottom 500ms ease;
    -moz-animation: moveFromBottom 500ms ease;
    -ms-animation: moveFromBottom 500ms ease;
}
@-webkit-keyframes smallToBig {
    from {
        -webkit-transform: scale(0.1);
    }
    to {
        -webkit-transform: scale(1);
    }
}
@-moz-keyframes smallToBig {
    from {
        -moz-transform: scale(0.1);
    }
    to {
        -moz-transform: scale(1);
    }
}
@-ms-keyframes smallToBig {
    from {
        -ms-transform: scale(0.1);
    }
    to {
        -ms-transform: scale(1);
    }
}

@-webkit-keyframes moveFromBottom {
    from {
        -webkit-transform: translateY(200%);
    }
    to {
        -webkit-transform: translateY(0%);
    }
}
@-moz-keyframes moveFromBottom {
    from {
        -moz-transform: translateY(200%);
    }
    to {
        -moz-transform: translateY(0%);
    }
}
@-ms-keyframes moveFromBottom {
    from {
        -ms-transform: translateY(200%);
    }
    to {
        -ms-transform: translateY(0%);
    }
}
.pb40 {
    padding-bottom: 20px;
	
}

.pb41 {
    padding-bottom: 20px;
	text-align: center;
	
}
.agent {
    text-align: center;
    margin-bottom: 20px;
}
.agent-avatar {
    display: inline-block;
    overflow: hidden;
    position: relative;
    border-radius: 50%;
}
.agent-avatar img {
    width: 110px;
    height: 135px;
    border-radius: 50%;
}
.agent-avatar .ring {
    width: 110px;
    height: 135px;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0;
    border: 10px solid #fff;
    opacity: 0.50;
    display: none;
}
.no-touch .agent-avatar .ring {
    display: block;
    -webkit-transition: -webkit-transform 0.35s;
    transition: transform 0.35s;
    -webkit-transform: scale(1.25);
    transform: scale(1.25);
}
.no-touch .agent-avatar:hover .ring {
    -webkit-transform: scale(1);
    transform: scale(1);
}
.agent-name {
    font-size: 16px;
    line-height: 16px;
    padding: 10px 0;
}
.agent-contact {
    padding-top: 10px;
}
.carousel-inner > .item > img.home-testim-avatar {
    width: 100px;
    height: 123px;
    border-radius: 5%;
    float: left;
}
.home-testim {
    margin-left: 140px;
    padding-top: 10px;
}
.home-testim-text {
    font-size: 16px;
    color: #999;
    font-style: italic;
    padding-bottom: 5px;
}
.home-testim-name {
    font-size: 16px;
    font-weight: bold;
}
#home-testimonials .carousel-inner {
    width: 32%;
    margin: 0 auto;
}

/* subsidiary companies  */
.middle-section{text-align:center; _padding:0 25px; padding:0;}
.middle-section .company-logo div{margin:0 10px; vertical-align:middle}
.middle-section .company-logo img{width:100%; max-height:100px; }
.middle-section .company-logo{display:block}
.middle-section .company-logo div{-width:17%; width:23%; border:1px solid #dfdfdf;}

.company-logo {letter-spacing:-.31em;text-rendering:optimizespeed;-webkit-flex-flow:row wrap;display:-ms-flexbox;-ms-flex-flow:row wrap;margin-left:-10px;margin-right:-10px}
.zsg-lg-1-4 {display:inline-block;letter-spacing:normal;word-spacing:normal;vertical-align:top;text-rendering:auto; box-sizing:border-box;padding:0 10px;}
.zsg-lg-1-5{width:20%}
.zsg-lg-2-5{width:40%}
.zsg-lg-3-5{width:60%}
.zsg-lg-4-5{width:80%}
.zsg-lg-1-4{width:25%}
.zsg-lg-1-3{width:33.3333%}
.zsg-lg-1-2{width:50%}
.zsg-lg-2-3{width:66.6667%}
.zsg-lg-3-4{width:75%}



/* Blog */

.featured.carousel {
    height: 500px;
    background: #000;
}
.featured.carousels {
    height: 300px;
    background: #000;
}

.featured.carousel .carousel-inner {
    height: 100%;
}

.featured.carousels .carousel-inner {
    height: 100%;
}

.featured.carousel .carousel-inner .item {
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    height: 100%;
}

.featured.carousels .carousel-inner .item {
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    height: 100%;
}

.featured.carousel .carousel-inner .item .carousel-caption {
    bottom: auto;
    top: 160px;
    padding-top: 0;
}
.featured.carousel .carousel-inner .item .carousel-caption .carousel-title {
    color: #fff;
    text-transform: uppercase;
    font-size: 16px;
    letter-spacing: 1px;
    line-height: 5px;
    padding-bottom: 20px;
}
.featured.carousel .carousel-inner .item .carousel-caption .carousel-text {
    color: #fff;
    font-size: 16px;
    letter-spacing: 1px;
    line-height: 80px;
    padding-bottom: 2px;
}
.featured.carousel .carousel-inner .item .container {
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.25);
}
.featured.carousel .carousel-inner .item .carousel-caption .caption-title {
    font-size: 50px;
	letter-spacing: 4px;
    color: #fff;
    font-weight: bold;
    line-height: 50px;
}
.featured.carousel .carousel-inner .item .carousel-caption .caption-subtitle {
    font-size: 15px;
    color: #fff;
    font-weight: normal;
    line-height: 18px;
    padding-top: 30px;
    padding-bottom: 20px;
}

.featured.carousel .carousel-inner .item {
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    height: 100%;
}

.featured.carousels .carousel-inner .item {
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    height: 100%;
}

.featured.carousels .carousel-inner .item .carousel-caption {
	bottom: auto;
	top: 112px;
	padding-top: 0;
}
.featured.carousels .carousel-inner .item .carousel-caption .carousel-title {
    color: #fff;
    text-transform: uppercase;
    font-size: 16px;
    letter-spacing: 1px;
    line-height: 5px;
    padding-bottom: 20px;
}
.featured.carousels .carousel-inner .item .carousel-caption .carousel-text {
    color: #fff;
    font-size: 16px;
    letter-spacing: 1px;
    line-height: 80px;
    padding-bottom: 2px;
}
.featured.carousels .carousel-inner .item .container {
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.25);
}
.featured.carousels .carousel-inner .item .carousel-caption .caption-title {
    font-size: 32px;
	text-transform: uppercase;
	letter-spacing: 4px;
    color: #fff;
    font-weight: bold;
    line-height: 30px;
}
.featured.carousels .carousel-inner .item .carousel-caption .caption-subtitle {
    font-size: 15px;
    color: #fff;
    font-weight: normal;
    line-height: 18px;
    padding-top: 30px;
    padding-bottom: 20px;
}



.avatar-caption {
    position: absolute;
    z-index: 10;
    left: 7%;
    bottom: 50px;
}
.avatar-caption img {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    float: left;
}
.ac-user {
    float: left;
    margin-left: 7px;
    color: #fff;
}
.ac-name {
    padding-top: 3px;
    font-size: 14px;
}
.ac-title {
    font-size: 9px;
    text-transform: uppercase;
    opacity: 0.80;
    letter-spacing: 1px;
}
.blog-nav {
    float: right;
    margin-right: 5px;
}
.blog-nav ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    float: right;
}
.blog-nav ul li {
    float: left;
    margin-left: 20px;
    padding-top: 9px;
}
.blog-nav ul li a {
    color: #fff;
}
.no-touch .blog-nav ul li a:hover {
    color: #fff;
}
a.toggle-search {
    color: #fff;
    font-size: 18px;
    float: right;
    padding: 9px;
    line-height: 18px;
    display: block;
}
a.toggle-search.active {
    text-shadow: 0 0 10px #fff;
}
a.toggle-search:hover {
    color: #fff;
}
.blog-search {
    background-color: #333;
    height: 0px;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.blog-search.active {
    height: 72px;
}
.blog-search input {
    width: 100%;
    text-align: center;
    border: 1px solid #333;
    background-color: #333;
    font-size: 20px;
    color: #fff;
    font-weight: normal;
    margin: 20px 0;
    -webkit-appearance: none;
}
.blog-content {
    background-color: #f3f3f3;
}
.blog-content h2 {
    margin: 0;
    _padding: 30px 0 30px 0;
    font-size: 34px;
    _line-height: 12px;
    text-align: left;
	padding: 45px 0 25px 0;
    _font: 40px/64px din-2014,sans-serif;
    font-weight: 200;
    line-height: 100%;
}
.blog-content h2.h-r {
    text-align: right;
}
.article {
    background-color: #fff;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.13);
    _padding: 0px 0px 30px 0px;
    border-radius: 3px;
    overflow: hidden;
    height: auto;
    position: relative;
}

.articles {
    background-color: #fff;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.13);
    padding: 0px 0px 30px 0px;
    border-radius: 3px;
    overflow: initial;
    height: auto;
    position: relative;
}
.article .image {
    display: block;
    width: 100%; height:auto;
    _height: 300px;
    overflow: hidden;
}
.article img {
    display: block;
    _width: 100%; height:auto; 
    _height: 300px;
    overflow: hidden;
}
.broker {
    background-color: #fff;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.13);
    margin-bottom: 20px;
    border-radius: 3px;
    overflow: hidden;
    height: 440px;
    position: relative;
}
.broker .image {
    display: block;
    width: 100%;
    height: 250px;
    overflow: hidden;
}
.no-touch .article .image img {
    -webkit-transition: -webkit-transform 1.0s;
    transition: transform 1.0s;
    -webkit-transform: scale(1);
    transform: scale(1);
}
.no-touch .article:hover .image img {
    -webkit-transform: scale(1.15);
    transform: scale(1.15);
}
.article .image img {
    width: 100%;
    height: auto;
    margin-top: 0%;
	text-align: center;
}
.article-category {
    padding: 20px 20px 0px 20px;
}
.article-category a {
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 2px;
    line-height: 11px;
    font-weight: bold;
}
.article h3 {
    font-size: 20px;
    font-weight: normal;
    margin: 0;
    padding: 0 20px;
    line-height: 26px;
}
.article h3 a {
    color: #333;
}
.broker .image img {
    width: 100%;
    height: auto;
    margin-top: -10%;
}
.broker-category {
    padding: 15px 20px 10px 20px;
}
.broker-category a {
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 2px;
    line-height: 11px;
    font-weight: bold;
}
.broker h3 {
    font-size: 20px;
    font-weight: normal;
    margin: 0;
    padding: 0 20px;
    line-height: 26px;
}
.broker h3 a {
    color: #333;
}
.no-touch .article h3 a:hover {
    color: #0eaaa6;
}
.article p {
    padding: 10px 20px 20px 20px;
    _line-height: 19px;
    color: #000;
}
.article .footer {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 15px 20px;
    font-size: 12px;
    background: -moz-linear-gradient(top,  rgba(255,255,255,0.7) 0%, rgba(255,255,255,0.76) 21%, rgba(255,255,255,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.7)), color-stop(21%,rgba(255,255,255,0.76)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(255,255,255,0.7) 0%,rgba(255,255,255,0.76) 21%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(255,255,255,0.7) 0%,rgba(255,255,255,0.76) 21%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(255,255,255,0.7) 0%,rgba(255,255,255,0.76) 21%,rgba(255,255,255,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(255,255,255,0.7) 0%,rgba(255,255,255,0.76) 21%,rgba(255,255,255,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}




.broker .footer {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 15px 20px;
    font-size: 12px;
    background: -moz-linear-gradient(top,  rgba(255,255,255,0.7) 0%, rgba(255,255,255,0.76) 21%, rgba(255,255,255,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.7)), color-stop(21%,rgba(255,255,255,0.76)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(255,255,255,0.7) 0%,rgba(255,255,255,0.76) 21%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(255,255,255,0.7) 0%,rgba(255,255,255,0.76) 21%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(255,255,255,0.7) 0%,rgba(255,255,255,0.76) 21%,rgba(255,255,255,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(255,255,255,0.7) 0%,rgba(255,255,255,0.76) 21%,rgba(255,255,255,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
.blog-r-nav {
    margin: 0;
    padding: 0;
    list-style-type: none;
    padding-bottom: 30px;
    text-align: right;
}
.blog-r-nav li {
    line-height: 14px;
    padding-bottom: 10px;
}
.blog-r-nav li a {
    line-height: 14px;
    font-size: 16px;
}
.blog-tags {
    text-align: right;
}
.blog-tags .label {
    display: inline-block;
    margin-bottom: 5px;
    margin-left: 5px;
}
.blog-pagination {
    padding-bottom: 30px;
}
.post-author {
    float: left;
    padding-top: 7px;
}
.post-author img {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    float: left;
}
.pa-user {
    float: left;
    margin-left: 7px;
    color: #333;
}
.pa-name {
    padding-top: 3px;
    font-size: 14px;
}
.pa-title {
    color: #999;
    font-size: 9px;
    text-transform: uppercase;
    opacity: 0.80;
    letter-spacing: 1px;
}
.post-top {
    padding-bottom: 30px;
    margin-bottom: 30px;
    border-bottom: 1px solid #e8e8e8;
}
.post-share {
    float: right;
    text-align: right;
}
.ps-stats {
    font-size: 12px;
    color: #999;
    padding-top: 5px;
}
.ps-stats span {
    font-size: 20px;
    letter-spacing: -1px;
    line-height: 20px;
    color: #333;
}
.post-content {
    margin-bottom: 30px;
}
.post-content h2 {
    margin: 0;
    _padding: 0 0 30px 0;
    font-size: 34px;
    _line-height: 26px;
    _text-align: left;
    _font: 40px/64px din-2014,sans-serif;
	padding: 45px 0 25px 0;	
    font-weight: 200;
    line-height: 100%;
    text-align: center;
}
.post-content {
    font-size: 14px;
}
.blog-content p {
	font: 400 16px/25px din-2014,sans-serif;
    color: #000;
	
}
blockquote {
    padding: 10px 20px;
    margin: 20px 0;
    font-size: 14px;
    border-left: 2px solid #0eaaa6;
    color: #999;
    font-style: italic;
}
.image-block {
    position: relative;
    overflow: hidden;
    margin-bottom: 30px;
}
.image-block img {
    width: 100%;
    height: auto;
}
.ib-title {
    width: 60%;
    position: absolute;
    height: 100%;
    color: #fff;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    background: -moz-linear-gradient(left,  rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,0.8)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left,  rgba(0,0,0,0.8) 0%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left,  rgba(0,0,0,0.8) 0%,rgba(0,0,0,0) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left,  rgba(0,0,0,0.8) 0%,rgba(0,0,0,0) 100%); /* IE10+ */
    background: linear-gradient(to right,  rgba(0,0,0,0.8) 0%,rgba(0,0,0,0) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 */
}
.ib-title span {
    display: block;
    position: absolute;
    padding: 20px;
    left: 0;
    bottom: 0;
    font-size: 18px;
}
.p-n-articles {
    padding-top: 100px;
}
.p-article {
    width: 48%;
    text-align: right;
    float: left;
    margin-right: 2%;
}
.n-article {
    width: 48%;
    text-align: left;
    float: left;
    margin-left: 2%;
}
.pna-title {
    color: #fff;
    text-transform: uppercase;
    font-size: 10px;
    letter-spacing: 2px;
    line-height: 10px;
    padding-bottom: 10px;
}
.p-n-articles a {
    color: #fff;
    font-size: 17px;
}
.no-touch .p-n-articles a:hover {
    color: #fff;
    text-decoration: underline;
}
.f-pn-articles {
    border: 1px solid #e8e8e8;
    margin-bottom: 30px;
}
.f-p-article {
    display: block;
    width: 50%;
    float: left;
    text-align: right;
    padding: 20px;
    border-right: 1px solid #e8e8e8;
    position: relative;
}
.f-n-article {
    display: block;
    width: 50%;
    float: left;
    text-align: left;
    padding: 20px;
    position: relative;
}
.fpna-title {
    text-transform: uppercase;
    font-size: 10px;
    letter-spacing: 2px;
    line-height: 10px;
    padding-bottom: 10px;
}
.fpna-header {
    font-size: 16px;
    line-height: 20px;
    display: block;
    color: #333;
}
.no-touch .f-p-article:hover .fpna-header, .no-touch .f-n-article:hover .fpna-header {
    color: #0eaaa6;
}
.f-p-article .fpna-header {
    margin-left: 30px;
}
.f-n-article .fpna-header {
    margin-right: 30px;
}
.pn-icon {
    position: absolute;
    font-size: 36px;
    line-height: 36px;
    top: 50%;
    margin-top: -18px;
}
.f-p-article .pn-icon {
    left: 20px;
}
.f-n-article .pn-icon {
    right: 20px;
}
.post-comments {
    padding-bottom: 20px;
}
.commentContent.bg-w {
    border: 1px solid #e8e8e8;
    box-shadow: none;
}
.commentArrow.bg-w {
    text-shadow: -1px 1px 2px rgba(0, 0, 0, 0.20);
}
.article.bg-w {
    border: 1px solid #e8e8e8;
    box-shadow: none;
}
.panel-sell {
	margin-bottom: 20px;
    _background-color: #fff;
	background-color:  rgba(0, 0, 0, 0.50);
    border: 1px solid transparent;
    border-radius: 2px;
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.13);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.13);
    max-width: 780px;
    margin: 0 auto;
	padding:0 20px 60px 20px;
}

/* Footer Old */
.home-footer {
    background-color: #333;
	color: #fff;
	padding-top: 40px;
	padding-bottom: 20px;
}
.home-footer  .home-wrapper {
    width:100%;
	max-width: 1140px;
    margin: 0 auto;
    padding: 10px 10px 10px 10px;
}


.social {
	text-align: center;
}

.footer-header {
    font-size: 16px;    line-height: 16px;    padding-bottom: 20px;    color: #c6e4e3;
}
.footer-nav {
    margin: 0;    padding: 0 0 20px 0;    list-style-type: none;
}
.footer-nav li {
    line-height: 13px;    padding-bottom: 7px;
}
.footer-nav li a {
    color: #fff;
}
.no-touch .footer-nav li a:hover {
    color: #999;
}
.footer-nav li.footer-phone {
    font-size: 20px;    line-height: 20px;    padding-bottom: 15px;
}
.footer-nav li.footer-address {
    padding-bottom: 15px;
	padding-left: 23px;
}
.footer-nav li.footer-address p {
    line-height: 13px;    margin: 0 0 5px;
}
.copyright {
    text-align: center;    color: #999;    font-size: 13px;    _padding-top: 30px;
}

/* Footer New */
.footerWrap {
	padding: 0px 0px 40px; _margin-top: 100px; z-index: 100000; background-color: rgb(51, 51, 51); _background-color: rgb(34, 34, 34);  
}
.footer {
	width: 1100px; margin: 0 auto; position: relative;  
}
.footer section div {
	margin: 0px auto; text-align: left; position: relative;  
}
.footer .footer_top {
	border-bottom-color: rgb(87, 87, 87); border-bottom-width: 1px; border-bottom-style: solid;
}
.footer .footer_bottom {
	padding-top: 20px; text-align: left; 
}
.footer .footer_top div ul {
	padding: 28px 0px 28px 0px; 
}
.footer .footer_top div ul li {
	line-height: 14px; display: inline;
}
.footer .footer_top div ul.f_t_wrap li a {
	  color: #fff; background: url("../images/f_other_line.gif") no-repeat left; padding: 0px 6px; _color: rgb(153, 153, 153); line-height: 14px; font-size: 13px; display: inline-block; -ms-zoom: 1; letter-spacing: normal;   font-weight: bold;
}
.footer .footer_top div ul li:first-child a {
	background: none;
}
.footer .sns_btns {
	top: 0px; right: 0px; position: absolute;
}
.footer .sns_btns li {
	margin-left: 2px; 
}
.footer address {
	 font-size: 12px; line-height: 20px; color: rgb(153, 153, 153); 
}
.footer .footer_bottom ul {
	position:absolute; top:0; right:0; overflow:hidden; z-index:20
}
.footer .footer_bottom ul li:first-child {
	margin-left:0px;
}
.footer .footer_bottom ul li {
	float:left; margin-left:10px; display:inline
}
.footer .footer_bottom span {
	margin-top:5px; line-height:18px; height:28px; position:absolute; vertical-align: middle;
}
.footer .footer_bottom span img{
	margin-top:-5px; margin-right:5px;
}

/* File input */

.file-input {
    border: 1px solid #dfdfdf;
    padding: 10px;
    position: relative;
    width: 100%;
    background-color: #fff;
    border-radius: 2px;
}
.file-input .file-preview {
    border: none;
    padding: 0;
    margin-bottom: 0;
}
.file-preview-frame {
    display: table;
    margin: 0 10px 10px 0;
    height: 150px;
    border: 0 none;
    box-shadow: none;
    padding: 0;
    float: left;
    text-align: center;
}
.no-touch .file-preview-frame:hover {
    box-shadow: none;
    background-color: transparent;
}
.help-block {
    font-size: 11px;
    font-style: italic;
}
.google_ad {
	margin-top:50px; 	text-align:center;
}
.google_ad .ad1 {
	display: inline-block; width: 300px; height: 250px; background-color:red; margin-right:40px;
}
.google_ad .ad2 {
	display: inline-block; width: 300px; height: 250px; background-color:blue;
}
/* Media Queries */

@media screen and (max-width: 1199px) {
	.home-fig-container {
		display: block; border-spacing: 10px; position: relative; padding:10px;
	}
	.home-fig-container .home-fig {
		font-size: 10px; color: #fff; height: 16px; vertical-align: middle; z-index: 3;  text-transform: uppercase; position: absolute;  
	}
	.home-fig-container .type {
		background-color: #fa9d0d;  float:left; margin-top:0px; margin-left:0px;  padding: 2px 5px; border-radius: 2px;  display: block; 
	}
	.home-fig-container .short-sale {
	  display: block; background-color: #fa9d0d;  float:left; margin-top:23px; margin-left:0px;  padding: 2px 5px; border-radius: 2px; 
	}
	.home-fig-container .type {
		background-color: #e96727; padding: 2px 5px; border-radius: 2px;  
	}
	.home-fig-container .short-sale {
		background-color: #fa9d0d; padding: 2px 5px; border-radius: 2px;  
	}
	.search-panel {
		width:100%; bottom:0; 
	}
	a.card ul.cardFeat li, div.card ul.cardFeat li {
    display: inline-block;
    margin-right: 2px; 
    font-size: 11px;
    line-height: 11px;
    color: #333;
	}






	.search {
	float: left;
	margin-top: 10px;margin-bottom: 10px;
	margin-left: 20px;
	border:1px solid #bcbbbb; _border:1px solid green; 
	width:calc(100% - 150px);
	border-radius: 3px;
	height: 40px; 
	}
	.search:Hover {
		color: blue;
	}
		.filter .osLight{
        display: none;
    }
	.figTypeOpenHouse {   
		width:43px;
		text-align: center;
} 
	.figTypeOpenHouse .date {
		display: none;
}
    .home-wrapper {
        width: 100%;
        margin: 0;
    }
	.section-f { 
		width: 100%; 
	}
	.propWidget-2 .fig img {
		height:200px;
	}
	#home-testimonials .carousel-inner {
		width: 35%;
		margin: 0 auto;  
	}
	/* footer */
	.footer {
		width:100%;
	}
	.footer .footer_top {
		_padding-bottom: 20px;
	}
	.footer .footer_top div {
		margin: 0px 10px; text-align: center;
	}
	.footer .footer_top {
		text-align: center;
	}
	.footer .footer_bottom {
		padding-top: 20px; text-align: left; 
	}
	.footer .footer_top > div > ul {
		padding: 20px 0px;
	}
	.footer .footer_top div ul.sns_btns {
		padding-top: 0px; 
	}
	.footer .sns_btns {
		top: 0px; right: auto; position: relative;
	}
	.footer .footer_bottom {
		text-align: center; margin: 0px 10px; 
	}
	.footer .footer_bottom address {
		text-align: center; _margin-top: 15px;
	}
	.footer .footer_bottom div ul.app_btns {
		padding-top: 0px; 
	}
	.footer .footer_bottom ul.app_btns  {
		position:relative;top:0;right:auto;overflow:hidden;z-index:20;margin-top:10px;text-align:center
	}
	.footer .footer_bottom ul.app_btns  li {
		float:none;display:inline
	}
	.footer .footer_bottom span {
		margin-top:7px; line-height:18px; height:28px; position:relative; vertical-align: middle;
	}
	.middle-section{text-align:center; padding:0 0px; }
	.middle-section .company-logo div{ width:23%; margin:0 5px;vertical-align:middle;}
	.middle-section .company-logo img{width:100%; max-height: 100px;}
	.middle-section .company-logo{display:block}
	.google_ad .ad1 {
		margin:0 auto; _display:block; margin-bottom:20px; _border:2px solid green;
	}
	.google_ad .ad2 {
		margin:0 auto; _display:block; 
	}




}
@media screen and (min-width: 991px) {	
	.home-subtitle-phone {
		display:none;
	}
}
@media screen and (max-width: 991px) {	
	
	.search-panel .form-group .city {
		width:249px; 
	}
	.search-panel .form-group .beds {
	   width:78px;  
	}
	.search-panel .form-group .beds a {
	   width:100%;  
	}
	.search-panel .form-group .beds ul{
	   width:78px; 
	}
	.search-panel .form-group .baths{
	   width:78px;  
	}
	.search-panel .form-group .baths .dropdown-label {
		width:calc(100% - 20px); text-align:left;
	}
	.search-panel .form-group .baths a {
	  width:100%; left:0; 
	}
	.search-panel .form-group .baths ul {
	   width:100%;  
	}	
	.search-panel .pFrom{
	   width:115px;  
	}
	.search-panel .pTo{
	   width:115px;  
	}
	#home-testimonials .carousel-inner {
        width:43%;
		margin: 0 auto; 
    }
	.figTypeOpenHouse {   
		width:43px;
		text-align: center;
	} 
	.figTypeOpenHouse .date {
		display: none;
	}
    .agentAvatarImg {
        width: 20%;
    }
    .agentAvatar .contactBtn {
        width: 50%; 
    }
    .agentAvatar .favBtn {
        width: 50%;
    }
    .home-title {
        _font-size: 40px; font-size: 50px;
        line-height: 38px;
    }
	.home-title.sell {
        _font-size: 26px; font-size: 45px;
        line-height: 100%;
    }	
	.home-subtitle {
		display:none;
	}
    .featured.carousel .carousel-inner .item .carousel-caption .caption-title {
        font-size: 34px;
        line-height: 40px;
    }
    .blog-content h2.h-r, .home-content h2.h-r {
        text-align: left;
    }
    .blog-r-nav {
        text-align: left;
    }
    .blog-tags .label {
        margin-left: 0;
        margin-right: 5px;
    }
    .blog-tags {
        text-align: left;
    }
	.search {
		float: left;
		margin-top: 10px;margin-bottom: 10px;
		margin-left: 20px;
		border:1px solid #bcbbbb; 
		width:calc(100% - 150px);
		border-radius: 3px;
		height: 40px; 
	}
	.search input {
        background-color: #fff; _background-color: #132120;
        color: #3a3a3a; _color: #fff;
        border: 0 none; 
        font-size: 14px;
		margin: 10px 0 0 10px;
        width:calc(100% - 85px);
        padding: 0;
		-webkit-appearance: none;
    }
	.middle-section{text-align:center; padding:0 50px; }
	.middle-section .company-logo div{width:48%; margin:5px 5px;vertical-align:middle; }
	.middle-section .company-logo img{width:80%; _max-height: 100px;}
	.middle-section .company-logo{display:block}
	.google_ad .ad1 {
		margin:0 auto;  margin-bottom:20px;
	}
	.google_ad .ad2 {
		margin:0 auto; 
	}
	
}
@media screen and (max-width: 768px) {	
.formItem-openhouse {
		 padding-top:0px;
	}
}
@media screen and (max-width: 767px) {	
	.home-fig-container {
		 display: block; position: absolute;  
	}
	.home-fig-container .home-fig {
		display:inline-block; font-size: 10px; color: #fff; height: 16px; vertical-align: middle; z-index: 3;  text-transform: uppercase; _float:left; position: relative; 
	}
	.home-fig-container .type {
		display: block;  _display: table-cell;  background-color: #fa9d0d;  margin-top:-3px; margin-left:0px;  padding: 2px 5px; border-radius: 2px; 
	}
	.home-fig-container .short-sale {
		 display: block; background-color: #fa9d0d; margin-top:-3px; margin-left:7px;  padding: 2px 5px; border-radius: 2px; 
	}
	.home-fig-container .type {
		background-color: #e96727; padding: 2px 5px; border-radius: 2px;  
	}
	.home-fig-container .short-sale {
		background-color: #fa9d0d; padding: 2px 5px; border-radius: 2px;  
	}
	.carousel-inner img {
        width: 100%;
		height: auto;
    }	
	.figTypeOpenHouse {   
		width:43px;
		text-align: center;
	} 
	.figTypeOpenHouse .date {
		display: none;
	}
	.embed-containter maps{
		width: 100%;
	} 
	.home-logo img{
		width:150px; _width:100px; 
		margin: 5px 0px 0px 0px;
	}
	.carousel-caption img{
		width:340px;
		margin: 0px 0px 330px 0px;
	}
	.search-panel {
		width:100%; bottom:0;
	}
	.search-panel .form-group {
		margin: 0 5px 20px 5px;
		position: relative;  
	}
	.search-panel .form-group .city {
		width:100%; 
	}
	.search-panel .form-group .beds {
	   width:48.5%; position: absolute; margin-bottom:20px; _display:inline; z-index: 900;
	}
	.search-panel .form-group .beds .dropdown-label {
		width:calc(100% - 20px); text-align:left;
	}
	.search-panel .form-group .beds a {
	   width:100%;  left:0;
	}
	.search-panel .form-group .beds ul {
	   width:100%; 
	}
	.search-panel .form-group .baths { 
	   width:48.5%;  position: absolute; _float:right; right:0; margin-bottom:20px;  z-index: 900;
	}
	.search-panel .form-group .baths .dropdown-label {
		width:calc(100% - 20px); text-align:left;
	}
	.search-panel .form-group .baths a {
	  width:100%; right:0; 
	}
	.search-panel .form-group .baths ul {
	   width:100%;  
	}						
	.search-panel .pFrom{
	  width:48.5%;   float:left; 
	}
	.search-panel .pFrom .input-group {
		margin-bottom:58px; margin-top:58px; z-index: 100;
	}
	.search-panel .pTo {
		width:48.5%;   float:right;
	}
	.search-panel .pTo .input-group{
		margin-bottom:58px; margin-top:58px; z-index: 100;
	}
	.search-panel .fRent {
		width:25%;  position: absolute; z-index: 800; margin-top:110px;
	}
	.search-panel .fSale {
		width:25%;  position: absolute; z-index: 800; margin-top:110px; margin-left:25%;
	}
	.formItem-openhouse {
		 padding-top:0px;
	}
	.home-content h2 {
    margin: 0;
    padding: 30px 0 25px 0;
    font-size: 29px;
	font-weight:200;	
    line-height: 100%;
    text-align: center;
}
	/* section-e */
	.section-e {
		text-align: center; width:100%; margin: 0 auto;  padding: 20px;
	}
	.section-e .title {
		font-size: 23px; line-height: 30px;  padding-top: 10px; padding-bottom: 10px;		
	}
	.section-e .subtitle {
		 font-size: 1.375rem;   _font-size: 1.25rem; text-align: center;  _text-transform: uppercase; _font-size: 16px;    font-style: italic;  margin-bottom: 20px; line-height: 1.5em; padding-bottom: 10px;
		}
	/* section-f */
	.section-f { 
		width: 100%; position: relative; min-height: 1px;  padding-right: 10px; padding-left: 10px; padding-top:20px;  padding-bottom:10px;  border-radius: 4px;
	}
	.section-f .cmm-boxtype { 
		width:50%;
	}
	.section-f .cmm-boxtype.h-type{ 
		width: 100%;
	}
	.propWidget-2 .fig img {
		height:auto;
	}
	.nav-tabs > li > a {
	 font-size: 14px;
	}

    a {
        -webkit-transition: none;
        -o-transition: none;
        transition: none;
    }
/*     #header {
        background-color: #0eaaa6; height: 50px;
    } */
/*     #header2 {
        background-color: #d60000; height:50px; height: 60px; 
    } */
    .search {
        _display: none;
    }
	.filter .osLight{
        display: none;
    }
    .logo, .logo.expanded {
        position: absolute;        top: 0;       left: 50%;        width: 150px;       height: 50px;        margin-left: -60px;  _border:2px solid blue;
    }
	.logo a span img {
		margin:3px 0 0 0; width:110px; 
	}
    .logo a, .logo.expanded a {
        width: 150px;        _height: 100px; 
    }
    .logo a span.marker, .logo.expanded a span.marker {
        left: 0;
        top: 10px;
        -webkit-transition: none;
        -o-transition: none;
        transition: none;
    }
    .no-touch .logo a:hover span.marker, .no-touch .logo.expanded a:hover span.marker {
        color: rgba(255, 255, 255, 1);
        top: 10px;
    }
    .logo a span.logoText, .logo.expanded a span.logoText {
        top: 14px;
        left: 34px;
    }
    .no-touch .logo a:hover span.logoText, .no-touch .logo.expanded a:hover span.logoText {
        top: 14px;
    }
    .mobAvatar {
        display: block;
    }
    #rightSide {
        top: 50px;
        visibility: hidden;
        opacity: 0;
        margin-left: -87%;
        -webkit-transition: all .2s ease-in-out;
        -o-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out;
    }
    #rightSide.expanded {
        width: 87%;
        opacity: 1;
        visibility: visible;
        margin-left: 0;
    }
    .closeRightSide {
        width: 13%;
        position: absolute;
        top: 50px;
        right: 0;
        z-index: 100;
    }
    .expanded .rightNav ul li {
        width: 100%;
    }
    .expanded .rightNav ul li a {
        width: 100%;
    }
    .expanded .rightNav > ul > li > ul {
        width: 100%;
    }
    .headerNotifyWraper {
        display: none;
    }
    .headerUserWraper {
        height: 50px;
    }
    a.headerUser {
        display: none;
    }
    a.navHandler {
        font-size: 24px;
        padding-top: 8px;
        height: 50px;
        width: 50px;
        color: #fff;
    }
    a.mapHandler {
        display: block;
    }
    .no-touch a.mapHandler:hover {
        color: #c6e4e3;
        text-decoration: none;
    }
    a.userHandler {
        display: block;
    }
    .no-touch a.userHandler:hover {
        color: #c6e4e3;
        text-decoration: none;
    }
    .no-touch a.navHandler:hover {
        background-color: transparent;
        color: #c6e4e3;
        text-decoration: none;
    }
    .leftUserWraper {
        display: none;
    }
    .headerUserWraper .dropdown-menu {
        border-radius: 0;
        border: 0 none;
    }
    .userMenu {
        width: 100%;
    }
    #wrapper {
        margin: 0 0 0 0; _margin: 50px 0 0 0;
    }
    #mapView {
        width: 100%;
        -webkit-transition: all .2s ease-in-out;
        -o-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out;
    }
    #content {
        overflow-x: hidden;
        overflow-y: scroll;
        background-color: #f3f3f3;
        width: 0%;
        border-top: 1px solid #e8e8e8;
        float: right;
        -webkit-overflow-scrolling: touch;
        -webkit-transition: all .2s ease-in-out;
        -o-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out;
    }
    #content2 {
        overflow-x: hidden;
        overflow-y: scroll;
        background-color: #f3f3f3;
        width: 0%;
        border-top: 1px solid #e8e8e8;
        float: right;
        -webkit-overflow-scrolling: touch;
        -webkit-transition: all .2s ease-in-out;
        -o-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out;
    }
	
    #mapView.min, #mapView.mob-min {
        width: 0%;
    }
    #content.max, #content.mob-max {
        width: 100%;
    }

    #content2.max, #content2.mob-max {
        width: 100%;
    }

    #mapView.mob-max {
        width: 100%;
    }
    #content.mob-min {
        width: 0%;
    }
    #content2.mob-min {
        width: 0%;
    }

    #mapView.mob-min .mapPlaceholder {
        display: none;
    }
	
	
    .carousel-control .glyphicon-chevron-left,
    .carousel-control .glyphicon-chevron-right {
        width: 30px;
        height: 30px;
        margin-top: -15px;
        font-size: 30px;
        line-height: 30px;
    }
    .carousel-control .fa-chevron-left {
        margin-left: -15px;
    }   
    .carousel-control .glyphicon-chevron-right {
        margin-right: -15px;
    }
    .agentAvatarImg {
        width: 20%;
    }
    .rightNav .search {
        background-color: #132120;
        display: block;
        float: none;
        padding: 10px 20px 10px 20px;
    }
    .searchIcon {
        font-size: 13px;
		float: left;
        color: #999; _color: #adc8c7;
        margin-left: 20px;
        padding-top: 0;
        line-height: 42px;
		-webkit-transition: all .2s ease-in-out;
		-o-transition: all .2s ease-in-out;
		transition: all .2s ease-in-out;
    }
    .searchIcon.active {
        color: #3a3a3a;
    }
	.search {
		float: left;
		margin-top: 10px;
		margin-left: 20px;
		_border: 1px solid #d50c0c; border:1px solid #bcbbbb; 
		width:calc(100% - 150px);
		border-radius: 3px;
		_height: 36px; height: 40px; 
	}
	.search:Hover {
		color: blue;
	}
     .search input {
        background-color: #fff; _background-color: #132120;
        color: #3a3a3a; _color: #fff;
        border: 0 none; 
        font-size: 14px;
		margin: 10px 0 0 10px;
        _margin: 12px 0 0 10px;
        width:calc(100% - 85px);
        padding: 0;
		-webkit-appearance: none;
    }
    .search input::-webkit-input-placeholder {
        color: #adc8c7;
    }
    .search input:-moz-placeholder { /* Firefox 18- */
        color: #adc8c7;
    }
    .search input::-moz-placeholder {  /* Firefox 19+ */
        color: #adc8c7;
    }
    .search input:-ms-input-placeholder {  
        color: #adc8c7;
    }
    .table {
        margin-bottom: 0;
    }
    .table-overflow {
        width: 100%;
        overflow-x: scroll;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        margin-bottom: 20px;
    }
    .panel .table-overflow {
        margin-bottom: 0;
    }
    .table > thead > tr > th {
        font-size: 10px;
    }
    .table > tbody > tr > td {
        font-size: 11px;
    }
    #hero-container, #hero-container-map {
        height: 550px;
    }
    #home-map {
        height: 550px;
    }
    .home-caption {
        top: 170px;
    }
    .search-panel form {
        text-align: left;
    }
    .home-title {
        font-size: 34px;
        line-height: 30px;
    }
    .featured.carousel .carousel-inner .item .carousel-caption .caption-title {
        font-size: 26px;
        line-height: 30px;
    }
	
	.home-nav {
        position: absolute;
        top: 76px;
        width: 100%;
        right: 0;
        overflow: hidden;
        z-index: 1100;
        height: 66px;
        float: none;
        _background-color: rgba(0, 0, 0, 0);
		background-color: rgba(0, 0, 0, 0.50);
		display:none;
    }
	.home-nav.active {display:block;}
    .home-nav ul {
        position: absolute;
        top: 0px;
        right: -100%;
        float: right;
        padding: 15px;
        z-index: 1100;
    }    
    .home-nav.active ul {
        right: 0;
    }	
	*/	
	
	/*.home-nav {
        position: absolute;
        top: 76px;
        width: 100%;
        right: 0;
        overflow: hidden;
        z-index: 1100;
        float: none;
        max-height: 0;
        background-color: rgba(0, 0, 0, 0.80);
        margin-right: 0;
        padding: 0;
        -webkit-transition: all .2s ease-in-out;
        -o-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out;
    }
    .home-nav.active {
        max-height: 200px;
    }
    .home-nav ul {
        float: none;
        padding: 10px 0;
    }
    .home-nav.active ul {
        margin-right: 0;
    }
    .home-nav ul li {
        padding: 10px 20px;
        float: none;
        text-align: center;
    }
	
	/* 2��°
    .home-nav {
        position: absolute;
        top: 76px;
        width: 100%;
        right: 0;
        overflow: hidden;
        z-index: 1100;
        height: 76px;
        float: none;
        _background-color: rgba(0, 0, 0, 0);
		background-color: rgba(0, 0, 0, 0.50);
		display:none;
    }
	.home-nav.active {display:block;}
    .home-nav ul {
        position: absolute;
        top: 7px;
        right: -100%;
        float: right;
        padding: 20px;
        z-index: 1100;
    }    
    .home-nav.active ul {
        right: 0;
    }	
	*/	
	
	/*.home-nav {
        position: absolute;
        top: 76px;
        width: 100%;
        right: 0;
        overflow: hidden;
        z-index: 1100;
        float: none;
        max-height: 0;
        background-color: rgba(0, 0, 0, 0.80);
        margin-right: 0;
        padding: 0;
        -webkit-transition: all .2s ease-in-out;
        -o-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out;
    }
    .home-nav.active {
        max-height: 200px;
    }
    .home-nav ul {
        float: none;
        padding: 10px 0;
    }
    .home-nav.active ul {
        margin-right: 0;
    }
    .home-nav ul li {
        padding: 10px 20px;
        float: none;
        text-align: center;
    }
	*/

	/*3��°
	.home-nav {
        position: absolute;
        top: -1000%;
        width: 100%;
        right: 0;
        overflow: hidden;
        z-index: 1100;
        float: none;
        height: 0;
        background-color: #fff;
        margin-right: 0;
        padding: 0;
		-webkit-transition: all .5s ease-in-out;
        -o-transition: all .5s ease-in-out;
        transition: all .5s ease-in-out;
		position: absolute;
		display: block;
		_padding: 20px!important;
		_background: #fff;\
		color:#000;
        
    }
    .home-nav.active {
        _max-height:100%;
		top: 100%;
		height: calc(100vh - 80px);
		overflow-y: scroll;
		-webkit-transition: all .5s ease-in-out;
        -o-transition: all .5s ease-in-out;
        transition: all .5s ease-in-out;
    }
    .home-nav ul {
        float: none;
        padding: 10px 0;
    }
    .home-nav.active ul {
        margin-right: 0;
    }
    .home-nav ul li {
        _padding: 10px 20px;
        float: none;
        text-align: center;
		padding: 20px 0;
		margin: 30px 0;
		position: relative;
		display: block;		
		font-family: din-condensed,sans-serif;
		font-weight:200;
		text-transform: uppercase;
    }
	.home-nav ul li a {
		color: #000;
		_font-size: 15px;
		font-size:20px;
	}*/
    .blog-nav {
        position: absolute;
        top: 76px;
        width: 100%;
        right: 0;
        overflow: hidden;
        z-index: 1100;
        float: none;
        max-height: 0;
        background-color: #333;
        margin-right: 0;
        padding: 0;
        -webkit-transition: all .2s ease-in-out;
        -o-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out;
    }
    .blog-nav.active {
        max-height: 200px;
    }
    .blog-nav ul {
        float: none;
        padding: 10px 0;
    }
    .blog-nav.active ul {
        margin-right: 0;
    }
    .blog-nav ul li {
        padding: 10px 20px;
        float: none;
        text-align: right;
    }
    .h-text {
        padding: 0;
    }
    #home-testimonials .carousel-inner {
        width:74%;
        _margin-left: 80px; 
		margin: 0 auto;
    }
    .home-testim-avatar {
        width: 60px;
        height: 60px;
    }
    .home-testim {
        margin-left: 70px;
        padding-top: 20px; 
    }
    .home-testim-text {
        font-size: 13px;
		margin-left: 40px;
    }
    .home-testim-name {
        font-size: 13px;
		margin-left: 40px;
    }
    .featured.carousel .carousel-inner .item .carousel-caption .caption-subtitle {
        font-size: 12px;
    }
    .carousel-caption {
	left: 0;
	right: 0;

    }
    .p-n-articles a {
        font-size: 14px;
    }
    .pna-title {
        font-size: 10px;
        line-height: 9px;
        letter-spacing: 1px;
    }
    .post-author {
        float: none;
        margin-bottom: 20px;
    }
    .post-share {
        float: none;
        text-align: left;
    }
    .ib-title {
        width: 90%;
    }
    .ib-title span {
        font-size: 16px;
        line-height: 20px;
        padding: 10px;
    }
    .f-p-article {
        float: none;
        border-right: 0 none;
        border-bottom: 1px solid #e8e8e8;
        width: 100%;
    }
    .f-n-article {
        float: none;
        width: 100%;
    }
    .fpna-header {
        font-size: 14px;
        line-height: 18px;
    }
    .notificationsWidget .notification .time {
        width: 0;
    }
    .notificationsWidget .notification .time .indicator {
        left: -5px;
    }
    .notificationsWidget .notification .time .notifyArrow {
        left: 9px;
    }
    .notificationsWidget .notification .notifyContent {
        margin-left: 0;
    }
    .notificationsWidget .notification .notifyContent .notifyBody .notify .name {
        padding-top: 5px;
    }
    .notificationsWidget .notification .notifyContent .notifyBody .notify .message {
        line-height: 24px;
    }
    .notificationsWidget .notification .notifyContent .notifyBody .notify .name .label {
        display: inline !important;
    }
	.middle-section {
		text-align:center; padding:0 50px;
	}
	.middle-section .company-logo img {
		width:75%; 
	}
	.middle-section .company-logo div {
		margin:5px 5px; width:80%;
	}
	.google_ad .ad1 {
		margin:0 auto;  margin-bottom:20px;
	}
	.google_ad .ad2 {
		margin:0 auto; border:2px solid green; 
	}
}

@media screen and (max-width: 480px) {
    .home-content h2.osLight-main {
		text-align:left; width:95%		
	}
	.agentAvatarImg {
        width: 30%;
    }
    .home-title {
        _font-size: 26px; font-size: 50px;
        line-height: 100%;
    }
	.home-title.sell {
        _font-size: 26px; font-size: 40px;
        line-height: 100%;
    }
	.h-title {
        font-size: 22px;
        line-height: 26px;
    }
	
    .featured.carousel .carousel-inner .item .carousel-caption .caption-title {
        font-size: 36px;
        line-height: 28px;
    }
	.featured.carousel .carousel-inner .item .carousel-caption .caption-text {
        font-size: 36px;
        line-height: 28px;
    }
    .home-subtitle {
        font-size: 12px;
    }
	.home-subtitle-phone {
		font-size:13px;
	}
	.nav-tabs > li {
		height:58px; vertical-align:middle; overflow:hidden;
	}
	.tabsWidget .nav-tabs > li:first-child {
		height:58px; vertical-align:middle; _line-height:50px; _border:1px solid red; _padding-top:10px; background-color:#d5d5d5;  
	}
	.tabsWidget .nav-tabs > li:first-child a{
		line-height:38px; 
	}	
	.nav-tabs > li > a {
		font-size: 14px;
		background-color: #d5d5d5;  height:58px; line-height:18px;
}

    .featured.carousel .carousel-inner .item .carousel-caption .caption-subtitle {
        font-size: 11px;
    }
	.middle-section {
		text-align:center; padding:0 50px
	}
	.middle-section .company-logo img {
		width:100%; max-height:100px; 
	}
	.middle-section .company-logo div {
		width:90%;
	}
	.middle-section .company-logo {
		display:block;
	}
	.google_ad .ad1 {
		margin:0 auto;  margin-bottom:20px;
	}
	.google_ad .ad2 {
		margin:0 auto;   border:2px solid green; 
	}
}

.disclaimer {
	text-align: center;
	padding: 30px 30px 20px;
	font-size: 10px;
	color: gray;
 }

#home-worth .addr {
	font-size: 17px;    line-height: 1.3;    font-weight: 700; color:#444; text-transform: uppercase; margin-bottom:5px;
}
#home-worth .content-title {
	font-size: 24px;
    line-height: 1.5;
    font-weight: 700; color:#444;
}
#home-worth .content {
	font-size: 32px;
    line-height: 1.3;
    font-weight: 700; color:#444;
}
#home-worth .estimate-icon {
	width: 80px;
    height: 80px;
    margin-left: auto;
    margin-right: auto;	 border:1px solid #b40c03; 
	border-radius: 50%;
	margin-bottom:10px;
}

#home-worth .estimate-icon .im-icon-Home {
	font-size:48px;
	_width:56px;
	position: absolute;
    top: 28%;
    left: 50%;
    transform: translate(-50%, -50%); color:#b40c03;
}

#home-worth .estimate-icon .im-icon-Monitor-Analytics {
	font-size:48px;
	_width:56px;
	position: absolute;
    top: 31%;
    left: 50%;
    transform: translate(-50%, -50%); color:#b40c03;
}

#home-worth .content-h4 {
	font-size: 13px;
	line-height: 1.5;
	font-weight: 700;
	text-transform: uppercase; color:#b40c03;
}
#home-worth .inside-title {
	font-size: 20px;
    line-height: 1.5;
	border-top: 1px solid #ccc;   
    padding: 18px 0;
    line-height: 1;
	margin-top:20px;
	
}
#home-worth .inside {
	font-size:13.5px; 
	line-height:22.5px;	
	
}

 
/* etc */
.pad0 {
	padding: 0px !important;
}
.pad05 {
	padding: 5px;
}
.pad15 {
	padding: 15px;
}
.tPad0 {
	padding-top: 0px !important;
}
.tPad01 {
	padding-top: 1px !important;
}
.tPad02 {
	padding-top: 2px !important;
}
.tPad03 {
	padding-top: 3px !important;
}
.tPad05 {
	padding-top: 5px;
}
.tPad07 {
	padding-top: 7px;
}
.tPad10 {
	padding-top: 10px !important;
}
.tPad13 {
	padding-top: 13px;
}
.tPad15 {
	padding-top: 15px;
}
.tPad20 {
	padding-top: 20px;
}
.tPad25 {
	padding-top: 25px !important;
}
.tPad30 {
	padding-top: 30px !important;
}
.tPad40 {
	padding-top: 40px !important;
}
.lPad0 {
	padding-left: 0px !important;
}
.rPad05 {	
	padding-right: 5px !important;
}
.rPad10 {	
	padding-right: 10px;
}
.rPad15 {	
	padding-right: 15px;
}
.rPad20 {	
	padding-right: 20px;
}
.tPad20 {	
	padding-top: 20px;
}
.lPad00 {
	padding-left:0 !important;
}
.lPad03 {
	padding-left: 3px;
}
.lPad05 {
	padding-left: 5px;
}
.lPad10 {
	padding-left: 10px;
}
.lPad12 {
	padding-left: 12px;
}
.lPad15 {
	padding-left: 15px;
}
.lPad19 {
	padding-left: 19px;
}
.lPad20 {
	padding-left: 20px;
}
.lPad25 {
	padding-left: 25px;
}
.lPad30 {
	padding-left: 30px;
}
.bPad05 {
	padding-bottom: 5px;
}
.bPad10 {
	padding-bottom: 10px;
}
.bPad15 {
	padding-bottom: 15px;
}
.bPad20 {
	padding-bottom: 20px;
}
.bPad30 {
	padding-bottom: 30px;
}
.bPad40 {
	padding-bottom: 40px !important;
}
.bPad50 {
	padding-bottom: 50px;
}
.bPad70 {
	padding-bottom: 70px;
}
.rPad05 {
	padding-right: 5px !important;
}
.rPad10 {
	padding-right: 10px;
}
.rPad15 {
	padding-right: 15px;
}
.rPad20 {
	padding-right: 20px;
}
.tMar0 {
	margin-top: 0px 
}
.tMar04 {
	margin-top: 4px !important;
}
.tMar05 {
	margin-top: 5px;
}
.tMar07 {
	margin-top: 7px;
}
.tMar06 {
	margin-top: 6px;
}
.tMar08 {
	margin-top: 8px;
}
.tMar10 {
	margin-top: 10px;
}
.tMar12{
	margin-top: 12px;
}
.tMar15 {
	margin-top: 15px;
}
.tMar14 {
	margin-top: 14px;
}
.tMar17 {
	margin-top: 17px;
}
.tMar20 {
	margin-top: 20px;
}
.tMar25 {
	margin-top: 25px;
}
.tMar30 {
	margin-top: 30px !important;
}
.tMar35 {
	margin-top: 35px;
}
.tMar40 {
	margin-top: 40px !important;
}
.tMar47 {
	margin-top: 47px;
}
.tMar50 {
	margin-top: 50px !important;
}
.tMar55 {
	margin-top: 55px;
}
.tMar60 {
	margin-top: 60px;
}
.tMar80 {
	margin-top: 80px;
}
.lMar0 {
	margin-left: 0px !important;
}
.lMar03 {
	margin-left: 3px !important;
}
.lMar05 {
	margin-left: 5px;
}
.lMar07 {
	margin-left: 7px;
}
.lMar10 {
	margin-left: 10px;
}
.lMar20 {
	margin-left: 20px;
}
.lMar37 {
	margin-left: 37px 
}
.rMar05 {
	margin-right: 5px;
}
.bMar05 {
	margin-bottom: 5px;
}
.bMar10 {
	margin-bottom: 10px;
}
.bMar15 {
	margin-bottom: 15px;
}
.bMar20 {
	margin-bottom: 20px;
}
.bMar30 {
	margin-bottom: 30px;
}
.bMar40 {
	margin-bottom: 40px !important;
}
.bMar50 {
	padding-bottom: 50px;
}
.pac-container:after {
    /* Disclaimer: not needed to show 'powered by Google' if also a Google Map is shown */

    background-image: none !important;
    height: 0px;
}
.closebtn {
	position: fixed;
/*	top: 0px;*/
	z-index: 20;
}

/*@media (max-width: 797px) {
    .closebtn-ml{display:none;}
    .closebtn-sm {display:block}
}*/

@media (min-width: 768px) {
    .closebtn-ml {display:block;}
    .closebtn-sm {display:none;}
}

.closebtn-small {
    padding: 0 9px;
    position: absolute;
    left: 20;
    top: 18px; _top: 38px;
    display: block;
    height: 30px;
    width: 30px;
    cursor: pointer;
    color: #3184ae;
    line-height:24px;       
    z-index:10000;
    background-color: Transparent;
    z-index:100000; _border:5px solid blue;
}

.closebtn-small:before {
    content: "\f057";
    _font: normal normal normal 30px/1 FontAwesome;
    position: absolute;
    _right: 25px;
    top: 0;
    cursor: pointer; 
    color:#fff;
    font-size:30px;
    font-family:FontAwesome;
    font-weight: 300; 
}


.detail-slides { height: 490px; width: 100%; object-fit: contain; }
#privacy_content {
    max-height: calc(100vh - 200px);
    overflow-y: auto;
}

/* Margin Top */
.margin-top-0  { margin-top: 0 !important; }
.margin-top-1  { margin-top: 1px !important; }
.margin-top-2  { margin-top: 2px !important; }
.margin-top-3  { margin-top: 3px !important; }
.margin-top-4  { margin-top: 4px !important; }
.margin-top-5  { margin-top: 5px !important; }
.margin-top-6  { margin-top: 6px !important; }
.margin-top-7  { margin-top: 7px !important; }
.margin-top-8  { margin-top: 8px !important; }
.margin-top-9  { margin-top: 9px !important; }
.margin-top-10 { margin-top: 10px !important; }
.margin-top-15 { margin-top: 15px !important; }
.margin-top-20 { margin-top: 20px !important; }
.margin-top-25 { margin-top: 25px !important; }
.margin-top-30 { margin-top: 30px !important; }
.margin-top-35 { margin-top: 35px !important; }
.margin-top-40 { margin-top: 40px !important; }
.margin-top-45 { margin-top: 45px !important; }
.margin-top-50 { margin-top: 50px !important; }
.margin-top-55 { margin-top: 55px !important; }
.margin-top-60 { margin-top: 60px !important; }
.margin-top-65 { margin-top: 65px !important; }
.margin-top-70 { margin-top: 70px !important; }
.margin-top-75 { margin-top: 75px !important; }
.margin-top-80 { margin-top: 80px !important; }
.margin-top-85 { margin-top: 85px !important; }
.margin-top-90 { margin-top: 90px !important; }
.margin-top-95 { margin-top: 95px !important; }
.margin-top-100 { margin-top: 100px !important; }
.margin-top-105 { margin-top: 105px !important; }
.margin-top-110 { margin-top: 110px !important; }
.margin-top-115 { margin-top: 115px !important; }
.margin-top-120 { margin-top: 120px !important; }

/* Margin Bottom */
.margin-bottom-0  { margin-bottom: 0 !important; }
.margin-bottom-5  { margin-bottom: 5px !important; }
.margin-bottom-10 { margin-bottom: 10px !important; }
.margin-bottom-15 { margin-bottom: 15px !important; }
.margin-bottom-20 { margin-bottom: 20px !important; }
.margin-bottom-25 { margin-bottom: 25px !important; }
.margin-bottom-30 { margin-bottom: 30px !important; }
.margin-bottom-35 { margin-bottom: 35px !important; }
.margin-bottom-40 { margin-bottom: 40px !important; }
.margin-bottom-45 { margin-bottom: 45px !important; }
.margin-bottom-50 { margin-bottom: 50px !important; }
.margin-bottom-55 { margin-bottom: 55px !important; }
.margin-bottom-55 { margin-bottom: 55px !important; }
.margin-bottom-55 { margin-bottom: 55px !important; }
.margin-bottom-55 { margin-bottom: 55px !important; }
.margin-bottom-60 { margin-bottom: 60px !important; }
.margin-bottom-65 { margin-bottom: 65px !important; }
.margin-bottom-70 { margin-bottom: 70px !important; }
.margin-bottom-75 { margin-bottom: 75px !important; }
.margin-bottom-80 { margin-bottom: 80px !important; }
.margin-bottom-85 { margin-bottom: 85px !important; }
.margin-bottom-90 { margin-bottom: 90px !important; }
.margin-bottom-95 { margin-bottom: 95px !important; }
.margin-bottom-100 { margin-bottom: 100px !important; }

/* Margin Left */
.margin-left-0  { margin-left: 0 !important; }
.margin-left-1  { margin-left: 1px !important; }
.margin-left-2  { margin-left: 2px !important; }
.margin-left-3  { margin-left: 3px !important; }
.margin-left-4  { margin-left: 4px !important; }
.margin-left-5  { margin-left: 5px !important; }
.margin-left-6  { margin-left: 6px !important; }
.margin-left-7  { margin-left: 7px !important; }
.margin-left-8  { margin-left: 8px !important; }
.margin-left-9  { margin-left: 9px !important; }
.margin-left-10 { margin-left: 10px !important; }
.margin-left-15 { margin-left: 15px !important; }
.margin-left-20 { margin-left: 20px !important; }
.margin-left-25 { margin-left: 25px !important; }
.margin-left-30 { margin-left: 30px !important; }
.margin-left-35 { margin-left: 35px !important; }
.margin-left-40 { margin-left: 40px !important; }
.margin-left-45 { margin-left: 45px !important; }
.margin-left-50 { margin-left: 50px !important; }
.margin-left-55 { margin-left: 55px !important; }
.margin-left-60 { margin-left: 60px !important; }
.margin-left-65 { margin-left: 65px !important; }
.margin-left-70 { margin-left: 70px !important; }
.margin-left-75 { margin-left: 75px !important; }
.margin-left-80 { margin-left: 80px !important; }
.margin-left-85 { margin-left: 85px !important; }
.margin-left-90 { margin-left: 90px !important; }
.margin-left-95 { margin-left: 95px !important; }
.margin-left-100 { margin-left: 100px !important; }

/* Margin Right */
.margin-right-0  { margin-right: 0 !important; }
.margin-right-1  { margin-right: 1px !important; }
.margin-right-2  { margin-right: 2px !important; }
.margin-right-3  { margin-right: 3px !important; }
.margin-right-4  { margin-right: 4px !important; }
.margin-right-5  { margin-right: 5px !important; }
.margin-right-6  { margin-right: 6px !important; }
.margin-right-7  { margin-right: 7px !important; }
.margin-right-8  { margin-right: 8px !important; }
.margin-right-9  { margin-right: 9px !important; }
.margin-right-10 { margin-right: 10px !important; }
.margin-right-15 { margin-right: 15px !important; }
.margin-right-20 { margin-right: 20px !important; }
.margin-right-25 { margin-right: 25px !important; }
.margin-right-30 { margin-right: 30px !important; }
.margin-right-35 { margin-right: 35px !important; }
.margin-right-40 { margin-right: 40px !important; }
.margin-right-45 { margin-right: 45px !important; }
.margin-right-50 { margin-right: 50px !important; }
.margin-right-55 { margin-right: 55px !important; }
.margin-right-60 { margin-right: 60px !important; }
.margin-right-65 { margin-right: 65px !important; }
.margin-right-70 { margin-right: 70px !important; }
.margin-right-75 { margin-right: 75px !important; }
.margin-right-80 { margin-right: 80px !important; }
.margin-right-85 { margin-right: 85px !important; }
.margin-right-90 { margin-right: 90px !important; }
.margin-right-95 { margin-right: 95px !important; }
.margin-right-100 { margin-right: 100px !important; }


/* Padding Top */
.padding-top-0  { padding-top: 0 !important; }
.padding-top-1  { padding-top: 1px !important; }
.padding-top-2  { padding-top: 2px !important; }
.padding-top-3  { padding-top: 3px !important; }
.padding-top-4  { padding-top: 4px !important; }
.padding-top-5  { padding-top: 5px !important; }
.padding-top-6  { padding-top: 6px !important; }
.padding-top-7  { padding-top: 7px !important; }
.padding-top-8  { padding-top: 8px !important; }
.padding-top-9  { padding-top: 9px !important; }
.padding-top-10 { padding-top: 10px !important; }
.padding-top-15 { padding-top: 15px !important; }
.padding-top-20 { padding-top: 20px !important; }
.padding-top-25 { padding-top: 25px !important; }
.padding-top-30 { padding-top: 30px !important; }
.padding-top-35 { padding-top: 35px !important; }
.padding-top-40 { padding-top: 40px !important; }
.padding-top-45 { padding-top: 45px !important; }
.padding-top-50 { padding-top: 50px !important; }
.padding-top-55 { padding-top: 55px !important; }
.padding-top-60 { padding-top: 60px !important; }
.padding-top-65 { padding-top: 65px !important; }
.padding-top-70 { padding-top: 70px !important; }
.padding-top-75 { padding-top: 75px !important; }
.padding-top-80 { padding-top: 80px !important; }
.padding-top-85 { padding-top: 85px !important; }
.padding-top-90 { padding-top: 90px !important; }
.padding-top-95 { padding-top: 95px !important; }
.padding-top-100 { padding-top: 100px !important; }
.padding-top-105 { padding-top: 105px !important; }
.padding-top-110 { padding-top: 110px !important; }
.padding-top-115 { padding-top: 115px !important; }
.padding-top-120 { padding-top: 120px !important; }

/* Padding Bottom */
.padding-bottom-0  { padding-bottom: 0 !important; }
.padding-bottom-5  { padding-bottom: 5px !important; }
.padding-bottom-10 { padding-bottom: 10px !important; }
.padding-bottom-15 { padding-bottom: 15px !important; }
.padding-bottom-20 { padding-bottom: 20px !important; }
.padding-bottom-25 { padding-bottom: 25px !important; }
.padding-bottom-30 { padding-bottom: 30px !important; }
.padding-bottom-35 { padding-bottom: 35px !important; }
.padding-bottom-40 { padding-bottom: 40px !important; }
.padding-bottom-45 { padding-bottom: 45px !important; }
.padding-bottom-50 { padding-bottom: 50px !important; }
.padding-bottom-55 { padding-bottom: 55px !important; }
.padding-bottom-55 { padding-bottom: 55px !important; }
.padding-bottom-55 { padding-bottom: 55px !important; }
.padding-bottom-55 { padding-bottom: 55px !important; }
.padding-bottom-60 { padding-bottom: 60px !important; }
.padding-bottom-65 { padding-bottom: 65px !important; }
.padding-bottom-70 { padding-bottom: 70px !important; }
.padding-bottom-75 { padding-bottom: 75px !important; }
.padding-bottom-80 { padding-bottom: 80px !important; }
.padding-bottom-85 { padding-bottom: 85px !important; }
.padding-bottom-90 { padding-bottom: 90px !important; }
.padding-bottom-95 { padding-bottom: 95px !important; }
.padding-bottom-100 { padding-bottom: 100px !important; }

/*-- bootstrap overrides --*/
.btn-o.btn-default {
	background-color: transparent;
	_color: #333;
	border-color: #ccc;
}
a {
  color: #999;
}
img {
	vertical-align: middle;
	padding: 2px 2px 2px 2px;  
}
label {
	font-weight: normal;
}
.table {
	margin-bottom: 0px;
}
.label {
	font-weight: normal;
}
.row {
	margin-right: 0px;
	margin-left: 0px;
}
.modal-dialog {
	margin-top: 80px;
}
.modal-title {
	font-size: 16px;
}
.form-control {
	height: 37px;
	padding: 10px 14px;
	font-size: 13px;
	line-height: 16px;
	color: #555;
	border-color: #dfdfdf;
	border-radius: 2px;
	box-shadow: none;
	-webkit-appearance: none;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
	padding-right: 10px;
	padding-left: 10px;
}
.radio, .checkbox {
	margin-top: 5px;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
	border-top-left-radius: 2px;
	border-bottom-left-radius: 2px;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
	border-top-right-radius: 2px;
	border-bottom-right-radius: 2px;
}
.btn-lg,
.btn-group-lg > .btn {
	padding: 14px 20px;
	font-size: 16px;
	line-height: 16px;
}
.btn-sm,
.btn-group-sm > .btn {
	padding: 8px 12px;
	font-size: 12px;
	line-height: 13px;
}
/*-------------------------*/
#search-limit-notice {
	position: absolute;
	bottom: 30px;
	left: 15px;
	font-size: 12px;
	font-style: italic;
	background-color: rgba(204, 102, 255, 80%);
	padding: 0 5px;
	border-radius: 8px;
	color: white;
	width: 190px;
	line-height: 1.2;
	padding: 4px;
}
@media (max-width: 767px) {
       #search-limit-notice {display:none}
}
#loading-text {
	position: absolute;
	top: 95px;
	left: 20px;
	z-index: 10;
	font-size: 24px;
	color: white;
}
#loading-layer {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 2;
	background: rgba(0, 0, 0, 0.2);
	display: none;
}
.img-arrows {
	position: absolute;
	top: 29%;
	z-index: 10;
	color: white;
	font-size: 1.4em;
	-webkit-text-stroke-width: .5px;
	-webkit-text-stroke-color: black;
}
.img-arrows.arrow-left {
	left: 20px;
}
.img-arrows.arrow-right {
	right: 20px;
}
.img-count {
	position: absolute;
    z-index: 2;
	margin: 0 auto;
    background-color: rgba(35, 69, 71, 0.5);
	border-radius: 8px;
	top: 8px;
	left: 0;
	right: 0;
	color: white;
	font-size: small;
	max-width: 55px;
	display: none;
}

/* PagerIndex */
.PagerIndex {
    padding: 0 8px;
    font-size: 12px;
    position: absolute;
    color: #fff;
    background-color: rgba(0,0,0,.7);
    z-index: 5;
    cursor: default;
    bottom: 10px;
    _left: 50%;
    _transform: translateX(-50%); 
    left:10px;
}


/* Apple Device */
.apple-device-bottom00 {
    position: fixed;
    bottom: 20px;
    width: 100%;
    z-index: 99;
}

.apple-device-home00 {
    width: 400px;
    margin: 0 auto;
    text-align: center;
    background-color: white;
    border: 1px solid #2cbf53;
    opacity: .8;
    border-radius: 12px;
}

.apple-device-bottom {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    z-index: 10000;
    margin: 0 auto;
    text-align: center;
    _opacity: .9;
}

.apple-device-contentWrap {    
    padding: 7px 0;
    _background-color: #fff; background-color: #e9f7fe;
    font-size: 12px;
    font-size: .75rem;
    _font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
    line-height: 1.45;
    box-shadow: 0 3px 2px -2px #aaa;
    border-radius: .1px;
    position: relative;
    z-index: 111;
    padding:15px;
    display: flex;
    margin: 0 auto;
    text-align: center;
    position: relative;
    justify-content: center;
}

.apple-device-contentWrap .CloseButton00 {
    border: 0;
    _color: #b2b2b2; color: #54545a;
    _color: #333;
    background: none;
    _width: 18px;
    _height: 18px;
    _margin: 0 8px 0 8px;
    position: absolute;
    top: 0px;
    right: 20px;
    _height: 100%;
    font-size: 40px; 
    display:inline;
}

.apple-device-bottom a.CloseButton {
    padding: 0 9px;
    position: absolute;
    right: 0;
    top: 20px;
    display: block;
    height: 10px;
    width: 10px;
    cursor: pointer;
    color: #3184ae;
    line-height:24px;       
    z-index:10000;
}

.apple-device-bottom a.CloseButton:before {
    content: "\f00d";
    font: normal normal normal 16px/1 FontAwesome;
    position: absolute;
    right: 25px;
    top: 0;
    cursor: pointer; 
}

.apple-device-contentWrap .text {
    _color: #54545A; color:#3184ae;
    display: inline;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0px;
    text-transform: none;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    margin-left: 16px;
    margin-right: 16px;
    font: 300 16px/25px din-2014,sans-serif;
    text-align:left;
}
.app-Icon img{
    position: initial;
    _margin-left: 30px;
    margin-top: 0;
    height: 45px; width:45px;
}
.apple-share-icon {
    vertical-align:middle;
    margin-top:-4px;
}

@media (min-width: 635px){
    .apple-device-contentWrap {
        display: flex;
        align-items: center; 
    }
    .apple-device-contentWrap div:first-of-type {
        position: static;
    }
    
}

@media (max-width: 768px) {
    .apple-device-contentWrap .text {
        font-weight: 400;
        font-size: 15px;
        line-height: 23px;
        -webkit-letter-spacing: 0px;
        -moz-letter-spacing: 0px;
        -ms-letter-spacing: 0px;
        letter-spacing: 0px;
        text-transform: none;
        margin-right:30px;
    }
}

@media (max-width: 634px) {
    .apple-device-contentWrap .text {
        font-weight: 400;
        font-size: 15px;
        line-height: 23px;
        -webkit-letter-spacing: 0px;
        -moz-letter-spacing: 0px;
        -ms-letter-spacing: 0px;
        letter-spacing: 0px;
        text-transform: none;
        margin-right:30px;
    }
    .apple-device-contentWrap .text span{
       width:100%;
       display:block;
       align:left;
    }
    .app-Icon img{
        position: initial;
        margin-top: 0px;
        height: 50px; width:50px;
    }
    .apple-device-contentWrap {
        justify-content: left;
    }
}

@media (max-width: 400px) {
    .apple-device-contentWrap .text {
        font-weight: 400;
        font-size: 15px;
        line-height: 23px;
        -webkit-letter-spacing: 0px;
        -moz-letter-spacing: 0px;
        -ms-letter-spacing: 0px;
        letter-spacing: 0px;
        text-transform: none;
        margin-right:20px;        
        margin-left: 8px;
    }
    .apple-device-contentWrap {
        justify-content: left;

    }
}