html {  font-family: sans-serif;  -ms-text-size-adjust: 100%;  -webkit-text-size-adjust: 100%;  }
body {font-family: "Roboto", sans-serif; font-weight: 400; line-height: 24px; font-size: 14px;    color: #212529;    }
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary {  display: block;  }
audio,canvas,progress,video {  display: inline-block;  vertical-align: baseline;  }
audio: not([controls]) {  display: none;  height: 0;  }
[hidden],template {  display: none;  }
a {  background-color: transparent;  }
a:active,a:hover {  outline: 0;  }
abbr[title] {  border-bottom: 1px dotted;  }
b,strong {  font-weight: bold;  }
dfn {  font-style: italic;  }
mark {  background: #ff0;  color: #000;  }
small {  font-size: 80%;  }
sub,sup {  font-size: 75%;  line-height: 0;  position: relative;  vertical-align: baseline;  }
sup {  top: -0.5em;  }
sub {  bottom: -0.25em;  }
img {  border: 0;  }
svg: not(: root) {  overflow: hidden;  }
figure {  margin: 1em 40px;  }

pre {  overflow: auto;  }
code,kbd,pre,samp {  font-family: monospace, monospace;  font-size: 1em;  }
button,input,optgroup,select,textarea {  color: inherit;  font: inherit;  margin: 0;  }
button {  overflow: visible;  }
button,select {  text-transform: none;  }
button,html input[type="button"],input[type="reset"],input[type="submit"] {  -webkit-appearance: button;  cursor: pointer;  position: relative;  background: #AB202C;  color: #ffffff;  border: none;  text-transform: uppercase;  font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;  font-size: 15.4px;  font-weight: bold;  letter-spacing: 0.6px;  text-align: center;  cursor: pointer;  padding: 5px 12px;  }
button[disabled],html input[disabled] {  cursor: default;  }
button:: -moz-focus-inner,input:: -moz-focus-inner {  border: 0;  padding: 0;  }
input {  line-height: normal;  }
input[type="checkbox"],input[type="radio"] {  -webkit-box-sizing: border-box;  box-sizing: border-box;  padding: 0;  }
input[type="number"]:: -webkit-inner-spin-button,input[type="number"]:: -webkit-outer-spin-button {  height: auto;  }
input[type="search"] {  -webkit-appearance: textfield;  -webkit-box-sizing: content-box;  box-sizing: content-box;  }
input[type="search"]:: -webkit-search-cancel-button,input[type="search"]:: -webkit-search-decoration {  -webkit-appearance: none;  }
fieldset {  border: 1px solid #c0c0c0;  margin: 0 2px;  padding: 0.35em 0.625em 0.75em;  }
legend {  border: 0;  padding: 0;  }
textarea {  overflow: auto;  }
optgroup {  font-weight: bold;  }
table {  border-collapse: collapse;  border-spacing: 0;  }
td,th {  padding: 0;  }

/*! Source: https: //github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
@media print {  *, *:before, *:after {  background: transparent !important;  color: #000 !important;  -webkit-box-shadow: none !important;  box-shadow: none !important;  text-shadow: none !important;  }
 a, a:visited {  text-decoration: underline;  }
 a[href]:after {  content: " (" attr(href) ")";  }
 abbr[title]:after {  content: " (" attr(title) ")";  }
 a[href^="#"]:after, a[href^="javascript: "]:after {  content: "";  }
 pre, blockquote {  border: 1px solid #999;  page-break-inside: avoid;  }
 thead {  display: table-header-group;  }
 tr, img {  page-break-inside: avoid;  }
 img {  max-width: 100% !important;  }
 p, h2, .h2style, h3, .h3style {  orphans: 3;  widows: 3;  }
 h2, .h2style, h3, .h3style {  page-break-after: avoid;  }
 .navbar {  display: none;  }
 .btn > .caret, .dropup > .btn > .caret {  border-top-color: #000 !important;  }
 .label {  border: 1px solid #000;  }
 .table {  border-collapse: collapse !important;  }
 .table td, .table th {  background-color: #fff !important;  }
 .table-bordered th, .table-bordered td {  border: 1px solid #ddd !important;  }
  }

 /* ==================== Basic declarations ==================== ================================================== */
header, section, article, aside, footer, figure, nav, hgroup, video, div, canvas {  display: block;  }
p {margin: 0.5em 0;}
a {-moz-transition: .3s ease;-o-transition: .3s ease;-webkit-transition: .3s ease;transition: .3s ease;color: #AB202C;text-decoration: none;}
.btn{ border-radius:0 !important;}
.Button-primary {background-color: #011f5b;border-color: #011f5b;}
.Button-primary:hover {background: #c14600;border-color: #c14600;}
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle
{background: #011f5b;border-color: #011f5b;}
.btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show>.btn-primary.dropdown-toggle:focus
{box-shadow:0 0 0 0.2rem rgba(193, 70, 0, 0.5);}
a.button {  font-size: 0.9em;  }
a:hover, a:focus {  text-decoration: none;  color: #AB202C;  }
a img {  border: 0px  }
img {  max-width: 100%;  width: auto\9;  height: auto;  vertical-align: middle;  border: 0;  -ms-interpolation-mode: bicubic;  }
h1, h2, h3, h4, h5, h6 {color: #021f5b;font-weight: 700;text-align: left;text-rendering: optimizelegibility;}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {  color: inherit;  text-decoration: none;  }
ul, ol {  margin-left: 3em;  list-style: disc;  }
ol {  list-style: decimal;  }
blockquote, q {  quotes: none;  }
blockquote:before, blockquote:after, q:before, q:after {  content: '';  content: none;  }

sub, sup {  position: relative;  font-size: 75%;  line-height: 0;  vertical-align: baseline;  }
sup {  top: -.5em;  }
sub {  bottom: -.25em;  }
table {  border-collapse: collapse;  }
table td, table th {  vertical-align: top;  }
table.content_table {  border: 1px solid #e9e9e9;  }
table.content_table td, table.content_table th {  padding: 4px;  border: 1px solid #e9e9e9;  border-collapse: collapse;  }
.colbtn {  padding: 6px 23px;  color: #FFF;  display: inline-block;  margin: 6px;  }
nav ul {  margin: 0;  padding: 0;  }

/* ==================== input elements==================== ================================================== */
button, input, optgroup, select, textarea {  margin: 0;  font: inherit;  color: inherit;  }
button {  overflow: visible;  }
button, select {  text-transform: none;  }
button:: -moz-focus-inner, input:: -moz-focus-inner {  padding: 0;  border: 0;  }
input {  line-height: normal;  }
input[type="checkbox"], input[type="radio"] {  -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;  box-sizing: border-box;  padding: 0;  margin: 0 3px;  }
input[type="number"]:: -webkit-inner-spin-button, input[type="number"]:: -webkit-outer-spin-button {  height: auto  }
input, select, textarea {  color: #271f1b;  border: 1px solid #E9E9E9;  background: #FBFBEA;  padding: 5px;  font-style: normal;  font-weight: 400;  text-align: left;  outline: none;  }
textarea {  overflow: auto;  height: 120px;  min-width: 250px;  width: 70%;  }
input[type=button], input[type=reset], input[type=submit], .button {-moz-transition: 0.4s all ease;-webkit-transition: 0.4s all ease;-o-transition: 0.4s all ease;transition: 0.4s all ease;text-align: center;border: none;color: #fff;text-decoration: none;background: #ab202c;cursor: pointer;padding: 13px 28px;display: inline-block;text-transform: uppercase;min-width: 100px;border-radius: 0;outline: none;box-shadow: none;text-shadow: none;position: relative;letter-spacing: 0;font: 500 14px/1.2em 'Raleway', sans-serif;}
 input[type=button]:hover, input[type=reset]:hover, input[type=submit]:hover, .button:hover {background: #2c3076;color: #FFF;}
input[type=button]:active, input[type=reset]:active, input[type=submit]:active, .button:active {background: #AB202C;}


.button-red {background: #AB202C;border:1px solid transparent;}
.button-red:hover {border: 1px solid #AB202C;}
.button-blue {  background: #2C3076;  }
.button-blue:hover {  background: #2C3076;  }
.button-white { background:#FFF; color:#2C3076;}
.button-white:hover { background:#2C3076; color:#FFF;}
.button-sm {padding: 5px 12px;  }
.button-sm {display: inline-block;  }
.button-large{padding: 18px 36px;}
.button-fullwidth {display:block;}
.button-lines{background:transparent;border: 1px solid #2C3076;color: #2C3076;}
.button-no-lines{background:transparent;border: 0;padding: 13px 5px;color: #2C3076;}
.button-lines.button-red{border-color: #AB202C;color: #AB202C;}
.button-lines.button-blue{border-color:#2C3076;color: #2C3076;}
.button-lines.button-red:hover{ background:#AB202C; color:#FFF;}
.button-lines.button-blue:hover{  background: #2C3076; color:#FFF;}


.button-arrow-right:after {font-family: 'FontAwesome';content:"\f0a9";padding: 0 0 0 4px;}
.button-arrow-down:after {  font-family: 'FontAwesome'; font-size: 15.4px;  content: '\f063';  padding: 0 0 0 4px;  }
.button-arrow-left:before {  font-family: 'FontAwesome'; font-size: 15.4px;  content: '\f060';  padding: 0 4px 0 0px;  }

.button-arrow-right:after {  font-family: 'FontAwesome';  font-weight: 100;  font-size: 15.4px;  content: '\f061';  padding: 0 0 0 4px;  }
.button-arrow-down:after {  font-family: 'FontAwesome';  font-weight: 100;  font-size: 15.4px;  content: '\f063';  padding: 0 0 0 4px;  }
.button-arrow-left:before {  font-family: 'FontAwesome';  font-weight: 100;  font-size: 15.4px;  content: '\f060';  padding: 0 4px 0 0px;  }

input[type=email],input[type=password],input[type=tel],input[type=text],select,textarea {  width: 100%;  min-height: 45px;  background-color: rgba(49, 48, 47, 0.07);  border: 1px solid transparent;  font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;  font-size: 14px;  padding: 11px 21px;  text-align: left;  color: #31302f;  margin: 10px 0;  border-radius: 4px;  }
 input[type=email]:: -webkit-input-placeholder, input[type=password]:: -webkit-input-placeholder, input[type=tel]:: -webkit-input-placeholder, input[type=text]:: -webkit-input-placeholder, select:: -webkit-input-placeholder, textarea:: -webkit-input-placeholder {  font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;  }
 input[type=email]:: -moz-placeholder, input[type=password]:: -moz-placeholder, input[type=tel]:: -moz-placeholder, input[type=text]:: -moz-placeholder, select:: -moz-placeholder, textarea:: -moz-placeholder {  font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;  }
 input[type=email]: -ms-input-placeholder, input[type=password]: -ms-input-placeholder, input[type=tel]: -ms-input-placeholder, input[type=text]: -ms-input-placeholder, select: -ms-input-placeholder, textarea: -ms-input-placeholder {  font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;  }
 input[type=email]: -moz-placeholder, input[type=password]:: -moz-placeholder, input[type=tel]:: -moz-placeholder, input[type=text]:: -moz-placeholder, select: -moz-placeholder, textarea: -moz-placeholder {  font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;  }
 input[type=email]:focus:: -webkit-input-placeholder, input[type=password]:focus:: -webkit-input-placeholder, input[type=tel]:focus:: -webkit-input-placeholder, input[type=text]:focus:: -webkit-input-placeholder, select:focus:: -webkit-input-placeholder, textarea:focus:: -webkit-input-placeholder {  color: transparent;  }
 input[type=email]:focus: -moz-placeholder, input[type=password]:focus: -moz-placeholder, input[type=tel]:focus: -moz-placeholder, input[type=text]:focus: -moz-placeholder, select:focus: -moz-placeholder, textarea:focus: -moz-placeholder {  color: transparent;  }
 input[type=email]:focus:: -moz-placeholder, input[type=password]:focus:: -moz-placeholder, input[type=tel]:focus:: -moz-placeholder, input[type=text]:focus:: -moz-placeholder, select:focus:: -moz-placeholder, textarea:focus:: -moz-placeholder {  color: transparent;  }
 input[type=email]:focus: -ms-input-placeholder, input[type=password]:focus: -ms-input-placeholder, input[type=tel]:focus: -ms-input-placeholder, input[type=text]:focus: -ms-input-placeholder, select:focus: -ms-input-placeholder, textarea:focus: -ms-input-placeholder {  color: transparent;  }
.select-wrapper {  position: relative;  }
 .select-wrapper:after {  content: "\f0d7";  font-family: 'FontAwesome';  color: #136580;  font-size: 20px;  line-height: 1;  height: 20px;  width: 10px;  text-align: center;  display: block;  position: absolute;  right: 10px;  top: 50%;  -webkit-transform: translateY(-50%);  -ms-transform: translateY(-50%);  transform: translateY(-50%);  pointer-events: none;  }
select {font-family: "Lato", sans-serif, "Helvetica Neue", Helvetica, Arial, sans-serif;padding: 10px 20px 10px 10px;color: #136580;border-radius: 2px;margin: 0;font-size: 16px;}
 select:: -ms-expand {  display: none;  }
label {font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;font-weight: bold;display: block;font-size: 16.8px;margin: 0;}
.error {  color: #ee592b;  font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;  font-size: 0.9em;  display: block;  }
input[type=email],input[type=password],input[type=tel],input[type=number], input[type=text],select,textarea {width: 100%;min-height: 45px;background-color: rgba(43, 43, 43, 0.07);border: 1px solid rgba(47, 47, 47, 0.07);font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;font-size: 14px;padding: 11px 21px;text-align: left;color: #333;margin: 10px 0;border-radius: 0;}
 input[type=email]:: -webkit-input-placeholder, input[type=password]:: -webkit-input-placeholder, input[type=tel]:: -webkit-input-placeholder, input[type=text]:: -webkit-input-placeholder, select:: -webkit-input-placeholder, textarea:: -webkit-input-placeholder {  font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;  }
 input[type=email]:: -moz-placeholder, input[type=password]:: -moz-placeholder, input[type=tel]:: -moz-placeholder, input[type=text]:: -moz-placeholder, select:: -moz-placeholder, textarea:: -moz-placeholder {  font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;  }
 input[type=email]: -ms-input-placeholder, input[type=password]: -ms-input-placeholder, input[type=tel]: -ms-input-placeholder, input[type=text]: -ms-input-placeholder, select: -ms-input-placeholder, textarea: -ms-input-placeholder {  font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;  }
 input[type=email]: -moz-placeholder, input[type=password]: -moz-placeholder, input[type=tel]: -moz-placeholder, input[type=text]: -moz-placeholder, select: -moz-placeholder, textarea: -moz-placeholder {  font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;  }
 input[type=email]:focus:: -webkit-input-placeholder, input[type=password]:focus:: -webkit-input-placeholder, input[type=tel]:focus:: -webkit-input-placeholder, input[type=text]:focus:: -webkit-input-placeholder, select:focus:: -webkit-input-placeholder, textarea:focus:: -webkit-input-placeholder {  color: transparent;  }
 input[type=email]:focus: -moz-placeholder, input[type=password]:focus: -moz-placeholder, input[type=tel]:focus: -moz-placeholder, input[type=text]:focus: -moz-placeholder, select:focus: -moz-placeholder, textarea:focus: -moz-placeholder {  color: transparent;  }
 input[type=email]:focus:: -moz-placeholder, input[type=password]:focus:: -moz-placeholder, input[type=tel]:focus:: -moz-placeholder, input[type=text]:focus:: -moz-placeholder, select:focus:: -moz-placeholder, textarea:focus:: -moz-placeholder {  color: transparent;  }
 input[type=email]:focus: -ms-input-placeholder, input[type=password]:focus: -ms-input-placeholder, input[type=tel]:focus: -ms-input-placeholder, input[type=text]:focus: -ms-input-placeholder, select:focus: -ms-input-placeholder, textarea:focus: -ms-input-placeholder {  color: transparent;  }
.popupCalendar select {width:auto;min-height: auto;}
.popupCalendar label{ display:inline-block;}

/* ====================utility/ helper classes ==================== ================================================== */
.clear {  clear: both;  height: 0px;  margin: 0px;  padding: 0px;  }
.pad {  padding-left: 15px;  padding-right: 15px;  }
.pad-left {  padding-left: 15px;  }
.pad-right {  padding-right: 15px;  }
.divider {  margin-top: 20px;  position: relative;  }
.divider-line {  margin: 40px 0;  }
.hide {  display: none;  }
.show {  display: block !important;  }
.invisible {  visibility: hidden;  }
.headeing {  font-size: 1.5em;  vertical-align: middle;  position: relative;  display: inline-block;  padding: 7px 50px 7px 20px;  margin-left: -15px;  margin-bottom: 15px;  color: #FFF;  background: #202835;  }
.headeing:after {  content: '';  position: absolute;  float: right;  right: -39px;  margin: auto;  border-bottom: 1px solid #DDDDDD;  width: 0;  height: 0;  top: 0;  border-top: 39px solid rgb(32, 40, 53);  border-bottom: 39px solid transparent;  border-right: 39px solid transparent;  }
.text-center, .text-center * {  text-align: center !important;  }
.margin-auto {  margin: 0 auto !important;  float: none !important;  }

/* ==================== layout==================== ================================================== */
#layout {position: relative;top: 0;left: 0;width: 100%;min-width: 100%;background: #FFFFFF;display: flex;min-height: 100vh;flex-direction: column;max-width: 1480px;}
.footer {  flex-shrink: 0;}
#wrapper {height: auto;width: 100%;margin: 0 auto;position: relative;flex: 1 0 auto;}
.page-content-block {  margin: 0 0;  }
.subpageHeader-block {padding-top: 80px;text-align: justify;background: rgb(255, 255, 255);margin-bottom: 30px;/* height: 240px; */position:relative;}
.subpageHeader-block .pageHeader{ position:relative; height:100%;}
.subpageHeader-block .pageTitle{position: absolute;z-index:2;transform: translateY(-50%);top:50%;margin: 0 15px;}
.subpageHeader-block h1 {font-size: 6em;margin: 0;color: #ffffff;text-transform: uppercase;font-weight: 300;}
.subpageHeader-block h1 span{display:block;line-height:1;font-size: 40px;font-weight: 400;/* color: #000; */}
.listings-page-content{padding:80px 0;/* margin-top: 30px; */padding-bottom: 0;}
.page-content-block .subpage-content-block {margin: 50px 0;}
.listings-page-content .subpage-content-block{ margin:0;}
.slantedWraper{position:relative;z-index: 1;margin-bottom: -60px;height: 60px;background: transparent;border-top: 1px solid #FFF;overflow: hidden;}
.slantedWraper:before, .slantedWraper:after{content:'';display:block;position:absolute;z-index: 0;top:0;min-width: 60%;height:100%;background: rgba(44, 48, 118, 0.5);overflow: hidden;}
.slantedWraper.slantRight:before{left: -30px; -webkit-transform: skew(-37.6deg);transform: skew(-37.6deg);}
.slantedWraper.slantRight:after{left: -60px;-webkit-transform: skew(-37.6deg);transform: skew(-37.6deg);border-right: 10px solid #FFF;}
.slantedWraper.slantLeft:before{right: -30px; -webkit-transform: skew(37.6deg);transform: skew(37.6deg);}
.slantedWraper.slantLeft:after{right: -60px;-webkit-transform: skew(37.6deg);transform: skew(37.6deg);border-left: 10px solid #FFF;}
.slantedWraper.slantRight *{text-align:left;padding-left: 15px;}
.slantedWraper.slantLeft *{ text-align:right;padding-right: 15px;}
.slantedWraper .redBG *, .slantedWraper .blueBG *{color:#fff;}
.slantedBullets h2, .slantedBullets h3, .slantedWraper h2, .slantedWraper h3{margin:0;line-height: 60px;position:relative;z-index: 2;color: #FFF;text-transform: uppercase;font-weight: 300;}
.slantedBullets{ position:relative; max-width: 50%;}
.slantedBullets h2, .slantedBullets h3{color: #2C3076;line-height:1;font-weight: 600;}
.slantedBullets.slantRight{/* padding-left: 30px; */}
.slantedBullets:before, .slantedBullets:after{content:'';display:none;position:absolute;z-index: 0;top: 10%;width: 8px;height: 80%;background: rgba(44, 48, 118, 0.5);overflow: hidden;}
.slantedBullets h3{border-bottom: 3px solid #ab202c;}
.slantedBullets h2, .slantedBullets h3:after{content:'';display:block;height: 3px;width: 120px;left: 8px;background: #2c3076;-webkit-transform: skew(-37.6deg);transform: skew(-37.6deg);z-index: 3;position:relative;margin-bottom: -3px;}
.slantedBullets:before{left: 0;-webkit-transform: skew(-37.6deg);transform: skew(-37.6deg);}
.slantedBullets:after{left: 12px;-webkit-transform: skew(-37.6deg);transform: skew(-37.6deg);}

.slantedBullets.blueBG:after,.slantedBullets.redBG:before, .slantedWraper.blueBG:after, .slantedWraper.redBG:before{ background:#2C3076;}
.slantedBullets.redBG:after,.slantedBullets.blueBG:before, .slantedWraper.blueBG:before, .slantedWraper.redBG:after{ background:#AB202C;}

h2.title{padding: 0;margin: 0;font-size: 48px;font-weight: 600;/* letter-spacing: -2px; */position: relative;display: flex;text-transform: uppercase;}

.profile-block {margin: 0 auto;color: #FFF;position: relative;top: 50%;transform: translateY(-50%);width: 100%;}
.profile-block h2 {color: #ffffff;font-size: 2.0em;font-weight: 400;text-transform:uppercase;margin: 20px 0px;border-bottom: 1px solid #DDD;text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.85);}
.profile-block h2 span{font-weight: 900;display:block;font-size: 2em;}
.profile-block .info-Block {position:relative;text-align:center;padding: 20px 5px;transition:background .3s ease;height: 300px;margin: 0 auto;align-items: center;background-color: #ffffff;overflow: hidden;border: 2px solid #FFF;background-position: center center;background-size: cover;}
.profile-block .info-Block:after{content:'';display:block;position:absolute;z-index: 0;width:100%;height:100%;top:0;left:0;opacity: 0 !important;background-color: #2c3076;background-size: cover;background-repeat: no-repeat;background-position: center center;}
.profile-block .info { position:relative;z-index:1;}
.profile-block h3 {text-align:center;text-shadow: -1px 0px 2px #0e0e0e;}
.profile-block h3 a{height: 100%;justify-content: center;align-items: center;padding: 5px 0;text-align: center;font-size: 1.4em;text-transform: uppercase;font-family: 'Roboto Condensed', sans-serif;font-weight: 900;margin: 0px auto;color: #fff;}
.profile-block h3 a span{display:block;font-weight: 300;font-size: 20px;font-family: 'Roboto', sans-serif;}
.profile-block h3 i {line-height: 80px;color: #ffffff;font-size: 3em;padding: 10px;}
//*.profile-block .Residential .info-Block:after{background-image:url(/image/cache/image_2.jpg)}
.profile-block .Commercial .info-Block:after{background-image:url(/image/cache/image_1.jpg);opacity:.5; background-position:center center;}
.profile-block .Agricultural .info-Block{background-image:url(/image/cache/image_3.jpg);background-position:center center;} *//

.profile-block .info-Block:hover, .profile-block .info-Block:hover:after{background-color: #2C3076; transition: background .3s ease;}
.profile-block .info-Block:hover:after{opacity:.5 !important;}


.subpage-block {  margin-top: 74px;  padding-top: 10px;  }
.breadcrumb {padding: 3px 0;margin-bottom: 20px;font-size: 16px;clear: both;color: #333;background: transparent !important;display: none;}
.breadcrumb a {font-size: .84em;}
.feature-blocks {  padding: 75px 0;  margin-bottom: 0; background: #F79654;  }
.feature-blocks h3 {  text-align: center;  width: 70%;  margin: 0 auto;  color: #fff;  border-bottom: 1px solid #AB202C;  }
.feature-blocks p {  font: 300 17px/22px Quicksand;  margin: 10px auto;  color: #F79654;  }
.feature-bg-block {position: relative;  padding: 120px 0;  text-align: center;  color: #FFF; background:url(/image/cache/banner-bg.jpg); background-position: center center;  background-attachment: fixed;  background-size: cover;  }
.feature-bg-block:before {content: "";display: block;position: absolute;width: 100%;height: 100%;background: #011f5b;opacity: .65;top: 0;left: 0;}
.feature-bg-block.bg-block-1 {  background-image: url(/image/cache/bg_1.jpg) no-repeat center center; background-attachment:fixed; }
.feature-bg-block.bg-block-2 {  padding: 150px 0; margin-top: 0;  }
.feature-bg-block .text {  color: #FFF;  text-align: center;  }
.feature-bg-block p {  font-size: 1.6em;  }
.feature-bg-block .text h3 {  text-align: center;  margin: 24px 0;  }
.feature-bg-block .text h3 a.button {  background: none;  border: 1px solid #FFF;  }
.feature-bg-block .text h3 a.button:hover {  background: #FFF;  color: #AB202C;  }
.feature-bg-block h2 {  font-size: 4em;  line-height: 1.5em;  font-weight: 300;  text-transform: none;  }

.events-block{background: rgba(0, 46, 91, 0.1) !important;}
.blog, .event {padding: 0;margin: 0;border: 1px solid #f4f4f4;background: #FFF;margin-bottom: 15px;height: 100%;}
.events {padding-bottom: 30px;} 
.event_date{padding: 10px;text-align: center;background: #AB202C;color: #FFF;font-size: 30px;font-weight: 900;line-height: 40px;display: flex;border-bottom: 1px solid #da7314;}
.blog .blog_content, .event_content{ padding:10px;}
.event_day{padding: 5px;}
.event_month {}
.event_year{}
.blog .blog_name a, .event_name a {font-size: 16px;font-weight: 500;color: #AB202C;}
.event_name a:hover {color: #ffb606; } 
.event_location{font-size: 14px;font-weight: 500;color: #6e7b97;margin-top: 2px;}
.event_content p{font-weight: 400;color: #666;margin-top: 0;margin-bottom: 0;}
.blog {/* border:0; */} 
.blog .blog_content p a{ text-transform:uppercase;}
.blog .image img{max-width: 240px;}
.event_image img{width: 100%;}

/* ====================header ==================== ================================================== */
.Header h1 {  display: none;  }
.Header {position: fixed;width: 100%;z-index: 1000;padding: 0;box-shadow: 0px 1px 3px rgba(4, 4, 4, 0.35);background: #2c3076;}
.Header.headBg{/* background:#FFF; */} 
.Navigation{position:relative;}
.Navigation:after{ content:""; display:table; clear:both;}
.logoBlock{position: relative;float: left;z-index: 99;margin-top: 0;transition: margin .3s ease;height: 80px;background: #FFF;padding-left: 15px;}
.logoBlock:before, .logoBlock:after{content:'';display:block;position:absolute;z-index: 0;top:0;right: -50px;width:100%;height:100%;background: rgb(171, 32, 44);-webkit-transform: skew(-37.6deg);transform: skew(-37.6deg);overflow: hidden;}
.logoBlock:before {z-index: 1;right: -50px;background: #FFF;border-right: 15px solid #2C3076;} 
.logoBlock:after{right: -65px;}  

.logo {position: relative;z-index: 99;left: 0;top: 0;padding: 16px 0;display: block;text-align: left;vertical-align: middle;transition: max-height .3s ease;}
.logo img {  position: relative;  display: inline-block;  vertical-align: middle;  max-width: 240px;  padding: 6px 0;  }
.mainNav{position:relative;background: transparent;clear: both;}
.HeaderMenu{position:relative;padding: 0;display: flex;}
.Navigation__body{padding: 0;padding-right: 10px;transition: background .3s ease;}
.HeaderMenu ul {list-style: none;margin: 0;padding: 0;float: left; /* Safari */display: flex;flex-grow: 1;}
.HeaderMenu>ul>li {position:relative;flex-grow: 1;text-align: center;}
.HeaderMenu>ul>li a {color: #ffffff;font-size: 18px;font-weight: 300;padding: 28px 10px;display: block;text-transform: uppercase;}
.HeaderMenu>ul>li ul li:hover a, .HeaderMenu>ul>li a:hover{color: #ffffff;}
.HeaderMenu>ul>li ul{display: none;position:absolute;width: 280px;margin-top: 0;background: #2C3076;left: 0;top:100%;text-align: left;box-shadow: 0px 1px 1px 0px rgba(51, 51, 51, 0.2);}
.HeaderMenu>ul>li ul li a{display:block;color: #ffffff;padding: 8px 15px;font-size: 14px;text-transform: unset;font-weight: normal;border-bottom: 1px solid rgba(0, 0, 0, 0.15);}
.HeaderMenu>ul>li:hover > ul { display:block; }
.HeaderMenu>ul>li:hover{background: #2C3076;}
.HeaderMenu>ul>li:hover > a{color: #ffffff;}
.HeaderMenu>ul>li ul li:first-child{padding-top: 1px;}
.HeaderMenu>ul>li ul li{ position:relative;}
.HeaderMenu>ul>li ul li ul{position:absolute;left:100%;top: 0;}
.HeaderMenu>ul>li ul li a:hover{background: #ffffff;color: #2C3076;}
.HeaderMenu>ul>li ul li:hover ul{ display:block;}
.HeaderMenu>ul>li ul li ul li:first-child{padding:0;}
.HeaderMenu>ul>li ul li ul li a:hover{ background:#2C3076; }
.HeaderMenu>ul>li.home a {font-size:0;line-height: 1;}
.HeaderMenu>ul>li.home a:before{content:"\f015";font-family:FontAwesome;font-size: 28px;display: block;line-height: 24px;}

span.searchBlock-toggler{color: #ffffff;font-size: 25px;padding: 0 0;line-height: 60px;height: 60px;width: 60px;display: inline-block;/* float: right; */text-align: center;cursor: pointer;margin: 0;}
span.searchBlock-toggler:before{content:"\f002";font-family: FontAwesome;font-size: 28px;}
.Sidebar__body {background-color: #2C3076;right: -320px;width: 320px;top: 0;bottom: 0;position: fixed;overflow-y: auto;-webkit-overflow-scrolling: touch;z-index: 9999;-webkit-transition: right .3s ease-in-out;transition: right .3s ease-in-out;}
.Sidebar.show .Sidebar__body {  right: 0;  }
.Sidebar.show .Sidebar__backdrop {  display: block;  }
.SidebarMenu {padding: 0 15px;}
.SidebarMenu .primaryNavigation ul {list-style: none;padding: 10px 15px;margin: 0;margin-top: 20px;}
.SidebarMenu .primaryNavigation ul li {margin-bottom: 10px;}
.SidebarMenu .primaryNavigation ul li ul{margin:0;padding:0;}
.SidebarMenu .primaryNavigation ul a {font-size: 20px;line-height: 32px;font-weight: 500;color: #fff;text-decoration: none;display: block;text-transform: uppercase;}
.SidebarMenu .primaryNavigation ul li ul li a{padding-left: 5px;font-weight: 300;font-size: 18px;line-height: 1;text-transform: none;}
.SidebarMenu #social ul{float:none;padding: 10px 15px;}
.SidebarMenu #social li{margin-right: 30px;}
.SidebarMenu #social li a:before{color:#FFF;height: auto;}
.contactNavigation{border-top: 1px solid #103275;margin-top: 0px;clear: both;}
.contactNavigation ul{list-style:none;padding: 10px 15px;}
.contactNavigation ul li {margin: 10px 0;}
.contactNavigation ul li a{color:#FFF;font-size: 20px;}
.SidebarMenu form{ position:relative;}
.SidebarMenu input[type=text]{background:#FFF;padding: 5px 14px;}
.SidebarMenu input[type=submit]{width:auto;min-width: auto;padding: 15px 13px;position: absolute;right: 0;top: 10px;font-size: 12px;height: 45px;background: #AB202C;}

/*Admi area*/
.SidebarMenu #adminnav li span, .SidebarMenu #adminnav li a{display:block; padding: 5px 10px;font-weight:normal;color: #FFF;text-transform:uppercase; border:0;}
.SidebarMenu #adminnav  li a:hover{background: #AB202C;}
.SidebarMenu #adminnav>li{/* background: rgba(0, 0, 0, 0.1); *//* margin-bottom: 1px; */border-bottom: 1px solid rgba(0, 0, 0, 0.1);}
.SidebarMenu #adminnav >li > ul{ padding-bottom:5px;}

.SidebarMenu #adminnav li span {color: #FFF;font-weight: 900;font-size: 14px;position: relative;padding: 5px 10px;padding-bottom: 1px;}
.SidebarMenu #adminnav span:after{content:"\f0d7";font-family:FontAwesome;display:inline-block;position: relative;color: #FFF;font-size: 13px;line-height: 1;margin-left: 5px;}
.SidebarMenu #adminnav li ul li a {padding: 5px 20px;}



.searchBlock-collapse {-ms-flex-preferred-size: 100%;flex-basis: 100%;-webkit-box-flex: 1;-ms-flex-positive: 1;flex-grow: 1;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.search__backdrop {position: fixed;height: 100%;width: 100%;background-color: rgba(0,0,0,.45);left: 0;top: 0;z-index: 999;display: none;}
.searchBlock-collapse .search__body{
    background-color: white;
    width: 50%;
    height: 145px;
    top: 20%;
    left: 0;
    right: 0;
    padding: 40px 20px;
    margin: auto;
    position: fixed;
    transform: translateY(-200%);
    -webkit-overflow-scrolling: touch;
    z-index: 9999;
    -webkit-transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    }
.searchBlock-collapse .search__body .searchBlock{position:relative;}
.searchBlock-collapse .search__body input[type=text] {width: 100%;padding-right: 110px;}
.searchBlock-collapse .search__body input[type=submit]{position:absolute;right:0;top: 0;margin: 10px 0;border: 1px solid transparent;min-width: auto;background: #AB202C;}

.searchBlock-collapse.show .search__backdrop, .searchBlock-collapse.show .search__body{ display:block;}

.searchBlock-collapse.show .search__body{transform: translateY(0);}

.navIcon {position: relative;float: right;padding: 0 10px;}
 .NavbarToggle {display: inline-block;vertical-align: middle;background-color: transparent;border: 0;width: 80px;padding: 0;height: 80px;}
.NavbarToggle i {font-size: 35px;color: #ffffff;line-height: 80px;}
.sidebar__Close {padding: 5px 20px;}
.sidebar__Close i{ color:#F44336;}
.search__Close{position:absolute;top: 0;right: 0;background: #F44336;text-align: center;}
.searchToggle{background:none;padding: 0;color: #FFF;text-align: center;width: 30px;height: 30px;}
.searchToggle i {font-size:0;}
.searchToggle i:before{font-size: 24px;line-height: 30px;} 


/* ==================== Social Menu ==================== ================================================== */
#social {float: left;position: relative;z-index: 99;}
#social ul {margin: 0;padding: 0;}
#social li {float: none;display: inline-block;vertical-align: middle;padding: 5px;}
#social li a {font: normal normal normal 14px/1 FontAwesome;text-align: left;padding: 0 !important;color: #FFF;display: block;}
#social li a span {  display: none;  }
#social li a:before {font-size: 20px;text-align: center;color: #FFF;display: inline-block;vertical-align: middle;line-height: 36px;width: 36px;height: 36px;border-radius: 50%;}
#social li.facebook a:before {content: "\f09a";background: #3c5b99;}
#social li.twitter a:before {content: "\f099";background: #00aced;}
#social li.instagram a:before {  content: "\f16d"; background: #333; }
#social li.linkedin a:before {  content: "\f0e1"; background:#0077b5;}
#social li.vimeo a:before {content:"\f27d";background: #00adef;}
#social li.youtube a:before {content: "\f16a";background: #ab202c;}
#social li.pinterest a:before {  content: "\f231";  }
#social li.googleplus a:before {content: "\f0d4";background: #dc4b38;}
#social li.contact a:before, #social li.email a:before {content: "\f0e0";background: rgba(0, 0, 0, 0.75);}
#social li.rss a:before {  content: "\f09e";  }
/* Social Menu Hover */
#social li:hover a:before, #social li a:hover:before {opacity: .8;}

/* ====================Footer==================== ================================================== */
footer {clear: both;bottom: 0;left: 0;background: #dedede;z-index: 1;width: 100%;padding: 0;line-height: 1.6em;font-size: 14px;text-align: left;position: relative;border: 0;/* margin-top: 60px; */}
footer:before{content:'';display:none;position:absolute;width:100%;height: calc( 100% - 36px);background: url(/image/cache/footerBG.png);background-repeat: repeat-x;background-position: bottom center;background-size: auto 210px;opacity: .6;top:0;left:0;} 
footer .address {margin: 0;text-align: left;}
footer .address * {color: #2C3076;}
p.addr {margin-left: 15px;}
.addr i{margin-left: -15px;width: 15px;}
footer #social{margin: 30px 0;float: none;text-align: center;}
.newsletter iframe{height: 75px;}
.newsletterLabel label{ margin:0;}
.news_signup {text-align: left;position: relative;}
.news_signup span {font-weight: normal;display:block;color: #2C3076;position: relative;}
.news_signup sup{display:none;}
.news_signup input{display: block;vertical-align: middle;}
.news_signup input[type="submit"]{padding: 6px 5px;border-radius: 0 !important;background: #2C3076;border: 1px solid #2C3076;color: #FFF;font-size: 12px;height: 100%;width: 85px;min-width: auto;position: absolute;right: 0;top: 0;}
.news_signup input[type="email"] {background: rgba(0, 0, 0, 0.2);color: #fff;border: 0;padding: 10px;padding-right: 95px;/* float: left; */position: relative;width: 100%;margin: 0;}
.footLogo img{ max-width:250px;}
.footer-nav {  width: 100%;  }
.footer-nav ul:after {  content: '';  display: table;  clear: both;  }
.footer-nav ul li a:hover {  color: #FFF;  }
.footer-nav > ul > li > span, .footer-nav > ul > li > a {font-size: 14px !important;}
.footer-nav > ul > li > a:before {  content: '' !important;  }
.footer-nav ul li a {  padding: 2px 5px; font-size: 12px;  }
.footer-nav ul li.head >a, .footer-nav ul li.head >span {  font-size: 15px !important;  color: #eee;  }
.subfooter-nav ul {  float: right;  display: block;  }
.subfooter-nav ul li {  display: inline-block !important;  float: none !important;  }
.subfooter-nav ul li a {  padding: 0 5px !important;  }
.subfooter-nav ul li a:hover {  background: none !important;  }

/* ==================== Copyright ==================== */
.copyright {font-size: 12px;text-align: center;padding: 7px 0;background: #2c3076;position:relative;z-index:2;margin-top: 30px !important;}
.copyright a {  color: #FFF !important;  padding: 10px;  }
.copyright span {  display: block;  color: #FFF !important;  float: right;  }
.copyright p {color: #fff !important; font-size: .9em;}

/* ==================== Go to top button ==================== ================================================== */
.cd-top {  display: inline-block;  height: 50px;  width: 50px;  position: fixed;  bottom: 30px;  right: 5px;  z-index: 10;  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);  overflow: hidden;  background: #AB202C;  visibility: hidden;  opacity: 0;  -webkit-transition: opacity .3s 0s, visibility 0s .3s;  -moz-transition: opacity .3s 0s, visibility 0s .3s;  transition: opacity .3s 0s, visibility 0s .3s;  -webkit-border-radius: 50px;  -moz-border-radius: 50px;  border-radius: 50px;  }
.cd-top i {color: #FFFFFF;font-size: 1.4em;text-align: center;line-height: 50px;text-indent: 0;display: block;position: absolute;right: 0;top: 0;left: 0;bottom: 0;margin: 0 auto;}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {  -webkit-transition: opacity .3s 0s, visibility 0s 0s;  -moz-transition: opacity .3s 0s, visibility 0s 0s;  transition: opacity .3s 0s, visibility 0s 0s;  }
.cd-top.cd-is-visible {  visibility: visible;  opacity: 1;  }
.cd-top.cd-fade-out {  opacity: .5;  }
.cd-top:hover, .no-touch .cd-top:hover {  opacity: 1;  }

/* ==================== webform post form styles ==================== ================================================== */
.fieldgroup_label {font-size: 1.6em;font-weight: 400;font-family: 'Roboto Condensed', sans-serif;text-transform: uppercase;color: #555;display: block;padding: 5px;margin: 20px 0 15px 0;border-bottom: 1px solid #ddd;}
.fieldgroup_desc, .field_desc {  font-style: italic;  color: #333;  line-height: 1.4em;  padding: 0 3px;  font-size: 0.87em;  margin-bottom: 10px;  clear: both;  }
.fieldrow {  padding: 5px 0;  text-align: left;  }
.fieldrow .fieldlabel sup {  color: red;  margin-left: 5px;  }
.fieldrow .fieldval textarea {  width: 80%;  min-height: 100px;  }
.fieldrow .fieldlabel {font-weight: bold;font-size:1.1em;display: inline-block;width: 100%;margin: 0 0.5%;text-align: left !important;margin-right: 20px !important;}
.fieldrow .fieldval {  display: inline-block;  width: 100%;  margin: 0 0.5%;  vertical-align: top;  }
.fieldrow .fieldval input[type=text], .fieldrow .fieldval input[type=tel], .fieldrow .fieldval input[type=email], .fieldrow .fieldval select {width: 80%;}
.fieldrow .fieldval input[type=button], .fieldrow .fieldval input[type=reset], .fieldrow .fieldval input[type=submit], .button {  width: auto;  }
 .fieldrow .fieldval input[type=file] {  border: 1px solid #ddd;  }
.group_nogroup_label, .group_nogroup_label, .group_nogroup_tr {  display: none;  }

div[class*="_radio"] input, div[class*="_radio"] label, div[class*="_multicheckbox"] input, div[class*="_multicheckbox"] label{display:inline-block;vertical-align:middle;}

.newPostTemplate.webform .fieldrow .fieldlabel, .newPostTemplate.webform .fieldrow .fieldval{width:auto;display:block;margin: 0 5px !important;}
.newPostTemplate.webform .fieldrow .fieldval input[name*='date'], .newPostTemplate.webform .fieldrow .fieldval input[name*='Date'],
.webform .fieldrow .fieldval input[name*='date'], .webform .fieldrow .fieldval input[name*='Date']
{width: calc(100% - 20px);}
.webform .fieldrow .fieldval input[type=number],.webform .fieldrow .fieldval input[type=text],.webform  .fieldrow .fieldval input[type=tel],
.webform  .fieldrow .fieldval input[type=email],.webform  .fieldrow .fieldval select
{width: 100%; margin:0;}


.newPostTemplate.webform .fieldrow .fieldlabel, .newPostTemplate.webform .fieldrow .fieldval{width:auto;display:block;margin: 0 5px;}
.newPostTemplate.webform .fieldrow .fieldval input[type=number], .newPostTemplate.webform .fieldrow .fieldval input[type=text], .newPostTemplate.webform .fieldrow .fieldval input[type=tel], 
.newPostTemplate.webform .fieldrow .fieldval input[type=email], .newPostTemplate.webform .fieldrow .fieldval select, .newPostTemplate.webform .fieldrow .fieldval textarea
{ width:100%;}
.newPostTemplate.webform .fieldrow .fieldval input[name*='_time'], .newPostTemplate.webform .fieldrow .fieldval input[name*='_time'],
.webform .fieldrow .fieldval input[name*='_time'], .webform .fieldrow .fieldval input[name*='_time']
{width: calc(100% - 20px);}
.newPostTemplate.webform .fieldrow .desc{ font-size:.84em; color:#777;}

.newPostTemplate.webform .fieldrow .fieldlabel label{font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;font-weight: 400;display: block;font-size: 15px;margin: 0;}
.newPostTemplate.webform .fieldrow .fieldval label{font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;font-weight: 400;font-size: 15px;margin: 0;display: inline-block;}

.listingType {padding:10px;background: #eee;margin:15px 0;}
.listingType .fieldlabel label{display:block;text-align:center;font-size: 1.3em !important;text-transform:uppercase;color: #2c3076;margin-bottom: 10px !important;}
.listingType .fieldval{text-align: center !important;}
.listingType .listing_type_radio{display:inline-block;vertical-align: middle;text-align: left !important;padding: 5px 10px;}
.listingType .listing_type_radio label{color: #212121;font-size: 18px !important;}
.listingType .listing_type_radio input{height: 20px;width: 20px !important;margin: 0;}

.data-table {display:table;width: 100%;margin: 0 auto;border-collapse:collapse;}
.data-table .data-row{ display:table-row;}
.data-table .data-row.caption{ display:table-caption; width:100%;}
.data-table .data-row.caption .data-col{ display:table; width:100%; background:#DDD;}
.data-table .data-row.caption .data-col h4, .data-table .data-row.caption .data-col h2{ margin:5px;}
.data-table .data-row .data-col{display:table-cell;border:1px solid #DDD;padding:2px 5px;text-align: left;font-size: .92em;}
.data-table .data-row.head .data-col{background:#eee;padding:3px 5px;color:#000;font-size:14px;}
.data-table .data-row .data-col.options{ text-align:center;}
.data-table .data-row .data-col.options a {display: inline;padding: 0  8px;}
.data-table .data-row .data-col span{ display:none;}
.data-table .data-row .data-col span.resi_A, .data-table .data-row .data-col span.agri_B{display:block;}
ul.adminPost_options{margin: 3px 0;padding:0;text-align: right !important;}
ul.adminPost_options li, ul.adminPost_options li {display:inline-block;vertical-align:middle;margin-left: 5px;}
ul.adminPost_options li a, ul.adminPost_options li a, a.backLink {color: #ffffff;display: block;padding: 3px 10px;font-size: 13px;background: #444;text-align:center;}
ul.adminPost_options li a.button{display: block;padding: 3px 10px;font-size: 14px;background: #FF9800;text-align:center;}
a.backLink {display:inline-block;margin: 5px 0;}
a.backLink.hide0{ display:none;}


/* ====================small size grid style declarations==================== ================================================== */
@media (min-width: 580px) {  
  /* ==================== multi level footer menu ==================== ================================================== */
 .footer-nav ul {  display: block;  clear: none;  text-align: left;  width: 100%;  }
 .footer-nav > ul > li {vertical-align: top;list-style: none;margin: 4px 0;}
 .footer-nav ul li a, .footer-nav ul li span {padding: 2px 5px;margin: 0 5px;}
 .footer-nav ul li.head > ul {  padding-left: 4px;  }
 .footer-nav ul li.head li.head ul {  padding-left: 0;  }
 .footer-nav ul li.head li.head >a {  margin-left: -5px;  }
 }

@media (min-width: 640px) {  }

@media (min-width: 780px) {  
 .Navigation {margin-top: 0;transition: margin .5s ease, padding .5s ease;padding: 0;}
 body.subpage .Navigation {  margin-top: 0;  }

 /* ==================== webform styles ==================== ================================================== */
 .fieldrow .fieldval select {  width: 80%;  padding: 8px 5px;  margin: 0;  }
 .fieldrow .fieldval input {  width: 80%;  }
 .fieldrow .fieldval input[type=button], .fieldrow .fieldval input[type=reset], .fieldrow .fieldval input[type=submit], .fieldrow .fieldval .button, .fieldrow .fieldval input[type='radio'], .fieldrow .fieldval input[type='checkbox'] {  width: auto;  }
 .fieldrow .fieldval {  display: inline-block;  vertical-align: top;  width: 40%;  margin: 0;  text-align: left;  }
 .fieldrow .fieldlabel {  width: 30%;  min-width: 10%;  }
  }

/* ==================== taoCMS Components and Modules ==================== ================================================== */
/* ==================== Image Slider ==================== ================================================== */
.mainSlideContent {  position: absolute;  width: 100%;  height: 100%;  z-index: 99;  }
.mainSlideContent .container {  position: relative;  z-index: 99;  text-align: center;  top: 50%;  transform: translateY(-50%);  }
.mainSlideContent h3 {  text-align: center;  }
.slider-block {padding-bottom: 0;margin-top: 0;padding-top: 80px;position: relative;margin-bottom: 5%;background: rgba(44, 48, 118, 0.15);}
.conent_slider {  margin: 0px auto;  padding-bottom: 25px;  }
.slider_block {position: relative;margin: 0;margin-bottom: 0;width: 100%;height: calc( 100vh - 80px);background: #2c3076;/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ab202c+0,2c3076+100 */background: #ab202c; /* Old browsers */background: -moz-linear-gradient(45deg, #ab202c 0%, #2c3076 100%); /* FF3.6-15 */background: -webkit-linear-gradient(45deg, #ab202c 0%,#2c3076 100%); /* Chrome10-25,Safari5.1-6 */background: linear-gradient(45deg, #ab202c 0%,#2c3076 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ab202c', endColorstr='#2c3076',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */}
.slideing {  width: 100%;  left: 0;  position: relative;  }
#slides {  height: 100%;  position: absolute;  top: 0px;  width: 100%;  }
.slide_img {  height: 300px;  width: 100%;  position: absolute;  z-index: 6;  }

/* slide show */
.slidebg {  height: 480px;  position: relative;  z-index: 5;  width: 100%;  background: #FFF;  margin-bottom: 21px;  padding-bottom: 10px;  }
.slidebg div.container {  position: absolute;  height: 100%;  left: 0;  right: 0;  }
.slideing {  width: 100%;  left: 0;  position: relative;  }
#slides {height: 100%;position: absolute;top: 0px;width: 100%;overflow: hidden;}
.slide_img {  height: 300px;  width: 100%;  position: absolute;  z-index: 6;  }
.sliderContent {height: 100%;position: relative;overflow: hidden;width: 100%;float: none;}
.sliderContent div.base { position: absolute;  width: 100%;  height: 100%;  right: 0;  opacity: 1;  display: none;background-repeat: no-repeat;background-size: cover;background-position: top center;background-attachment: fixed;}

.sliderContent div.base .container .sliderData {position: relative;top: 50%;z-index: 99;transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);-moz-transform: translateY(-50%);-o-transform: translateY(-50%);}
.sliderContent div.base .container .sliderData {width: 75%;text-align:left;}
#slides .sliderContent div.base .img {opacity: .5;width: 100%;height: 100%;text-align: center !important;background-size: cover;position: absolute;left: 0;background-repeat: no-repeat;background-clip: padding-box;background-position: center center;}
#slides .sliderContent div.base .img img{/* max-height:100vh; */}
.sliderContent div.base.Video .img {  display: none;  }
.sliderContent div.activeSlide {  display: block;  right: 0; }
.sliderContent div.base .link a {text-transform: uppercase;font-weight: 400;padding: 10px 15px;border-bottom: 1px solid #FFF;color: #FFF;font-size: 18px;border-radius: 0;}
.sliderContent div.base .link a:hover { background:#AB202C; border-color:#AB202C;}
.sliderContent div.base div h1 {  font-size: 3.0em;  margin: 0;  font: 60px/70px 'Raleway', sans-serif;  font-weight: 600;  text-transform: uppercase;  color: #AB202C;  margin: 0 0 10px;  text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.69);  }
.sliderContent div.base div h2 {font-size: 4em;line-height: .98em;font-weight: 900;color: #FFF;}
.sliderContent div.base div h2 .block-text, .sliderContent div.base div h3 .block-text {font-weight: 900;display: inline-block;padding: 0 5px;}
.sliderContent div.base div h3 {font-size: 3.4em;border: 0;margin: 0;padding: 0;color: #FFF;font-weight: 300;}
.sliderContent div.base div h4 {  font-size: 1.0em;  line-height: 1.2em;  font: 300 16px/24px 'Open Sans', sans-serif;  }
.sliderContent div.base div h5 {  font-size: .84em;  line-height: 1.18em;  }

/*caption Video*/
.sliderContent div.base.slShow div.caption.Video {  width: 100%;  max-width: none;  text-align: center;  position: relative;  height: auto;  padding: 0;  border: 0;  margin: 0;  }
.sliderContent div.base.slShow div.caption.Video h3 {  text-align: left;  margin: 0;  margin-left: 15px;  padding: 0;  display: none;  }
.sliderContent div.base.slShow div.caption.Video iframe {  height: 400px !important;  width: 100%;  }
.sliderContent div.base.slShow div.caption.Video a, .sliderContent div.base.slShow div.caption.Video p {  padding: 0;  margin: 0;  }

/* caption positions*/
.sliderContent div.base.slShow div.caption.Top-Left {  top: 2%;  left: 0;  }
.sliderContent div.base.slShow div.caption.Top-Center {  top: 2%;  left: 50%;  -webkit-transform: translateY(-2%) translateX(-50%);  -ms-transform: translateY(-2%) translateX(-50%);  transform: translateY(-2%) translateX(-50%);  }
.sliderContent div.base.slShow div.caption.Top-Center * {  text-align: center !important;  }
.sliderContent div.base.slShow div.caption.Top-Right {  top: 2%;  left: 100%;  -webkit-transform: translateY(-2%) translateX(-100%);  -ms-transform: translateY(-2%) translateX(-100%);  transform: translateY(-2%) translateX(-100%);  text-align: right !important;  }
.sliderContent div.base.slShow div.caption.Top-Right * {  text-align: right !important;  }
.sliderContent div.base.slShow div.caption.Middle-Left {  top: 50%;  left: 0%;  -webkit-transform: translateY(-50%);  -ms-transform: translateY(-50%);  transform: translateY(-50%);  display: block !important; }
.sliderContent div.base.slShow div.caption.Middle-Center {  top: 50%;  left: 50%;  -webkit-transform: translateY(-50%) translateX(-50%);  -ms-transform: translateY(-50%) translateX(-50%);  transform: translateY(-50%) translateX(-50%);  }
.sliderContent div.base.slShow div.caption.Middle-Center * {  text-align: center !important;  }
.sliderContent div.base.slShow div.caption.Middle-Right {  top: 50%;  left: 100%;  -webkit-transform: translateY(-50%) translateX(-100%);  -ms-transform: translateY(-50%) translateX(-100%);  transform: translateY(-50%) translateX(-100%);  }
.sliderContent div.base.slShow div.caption.Middle-Right * {  text-align: right !important;  }
.sliderContent div.base.slShow div.caption.Bottom-Left {  top: 100%;  left: 0%;  -webkit-transform: translateY(-100%);  -ms-transform: translateY(-100%);  transform: translateY(-100%);  }
.sliderContent div.base.slShow div.caption.Bottom-Center {  top: 100%;  left: 50%;  -webkit-transform: translateY(-100%) translateX(-50%);  -ms-transform: translateY(-100%) translateX(-50%);  transform: translateY(-100%) translateX(-50%);  }
.sliderContent div.base.slShow div.caption.Bottom-Center * {  text-align: center !important;  }
.sliderContent div.base.slShow div.caption.Bottom-Right {  top: 100%;  left: 100%;  -webkit-transform: translateY(-100%) translateX(-100%);  -ms-transform: translateY(-100%) translateX(-100%);  transform: translateY(-100%) translateX(-100%);  }
.sliderContent div.base.slShow div.caption.Bottom-Right * {  text-align: right !important;  }
.sliderContent div.base div.caption div {  margin-top: 0px;  }
.sliderContent div.base div.caption div a {  padding: 6px 10px;  text-align: center;  color: #FFF;  font-weight: bold;  margin: 10px 0;  }
.sliderContent div.base.slShow div.caption {  display: block;  position: relative;  z-index: 1;  }
.sliderContent div.base.slShow div.caption.No-Background {  background: none !important;  }

/*Caption Backgrounds*/
.sliderContent div.base div.caption.White {  background: rgba(255,255,255,0.65);  }
.sliderContent div.base div.caption.Yellow {  background: rgba(191, 130, 54, 0.65);  color: #FFF!important;  }
.sliderContent div.base div.caption.Yellow * {  color: #FFF;  }
.sliderContent div.base div.caption.Blue {  background: rgba(62, 77, 92, 0.65);  }
.sliderContent div.base div.caption.Blue * {  color: #FFF;  }
.sliderContent div.base div.caption.Black {  background: rgba(0, 0, 0, 0.65);  }
.sliderContent div.base div.caption.Black * {  color: #FFF;  }
.taoNav { margin-top: -30px;  position: relative;  z-index: 98;  text-align: center;  }
.taoNav a {  margin: 2px 6px;  display: inline-block;  vertical-align: middle;  padding: 0;  border: 0;  border-radius: 2px;  -webkit-border-radius: 2px;  -ms-border-radius: 2px;  -moz-border-radius: 2px;  color: #08364c;  background: #08364c;  cursor: pointer;  font-size: 0;  width: 28px;  height: 6px;  line-height: 0;  text-align: center;  }
.taoNav a.active {  background: #AB202C;  color: #AB202C;  }
.taoNav a:hover {  text-decoration: none;  }

/* tao directional nav */
.directionNav a{position:absolute;top: calc(50% - 25px);width: 50px;height: 50px;line-height: 50px;text-align:center;font-size:0;cursor:pointer;opacity:0; transition: all .5s ease;}
.directionNav a:before{content: "\f35a";    font-family: 'simple-line-icons';font-size: 50px;display: block;line-height: 50px;color: #ffffff;}
.directionNav a.prevNav{left: -200px;right:auto;}
.directionNav a.nextNav{right: -200px;}
.directionNav a.prevNav:before{content:"\e605";}
.directionNav a.nextNav:before{content:"\e606";}
#slide_block:hover a.nextNav{right: 50px;transition: all .5s ease;opacity:1;}
#slide_block:hover a.prevNav{left: 50px;transition: all .5s ease;opacity:1;}

.main-content-block .about, .main-content-block .agents{padding: 15px 30px;}
.main-content-block .about h3 , .main-content-block .agents h3 { text-transform:uppercase; font-weight:900;}
.main-content-block .about h3 span, .main-content-block .agents h3 span{display:block;font-weight:300;color: #ab202c;}

/*featured listings */
.featured-list-block {/* padding: 40px 0; */padding-bottom: 0;margin-top: 5%;}
.featured-slider-block h2{ width:auto;}
#featuredSlider{position: relative;height: 559px;max-height: 100vh;width: 100%;margin: 0 auto;text-align: left;}
.feature_slider{position:relative;width: 100%;height: 100%;}
.feature_slider div.base{position:absolute;width:100%;height:100%;right:0;opacity:1;display:none;}

.feature_title {position: relative;padding-top: 20px;/* background: #f1eadb; */}
.feature_title h2:after {content:"";display:block;border-left: 50px solid  transparent;border-right: 50px solid transparent;border-top: 40px solid #9a8348;width:30px;position: absolute;z-index: 1;left: 0;right: 0;bottom: -40px;margin: auto;}
.feature_slider {height: 100%;position: relative;overflow: hidden;width: 100%;}
.feature_slider div.activeSlide {display: block;}
.feature_slider div.base .content{width:70%;margin:0 auto;text-align: left;}
.feature_slider .listBlock .price,.feature_slider .listBlock .list_dtls .col { background: none;  float:  none; z-index: 1;  display: block; text-align: center; position: relative; width: 100%;   }
.feature_slider .listBlock .F_img a { color:#FFF;}
.feature_slider .listBlock .F_img{height:100%;background: rgba(171, 32, 44, 0.3);}
.feature_slider .listBlock img {width: 100%;height: auto;left: 0!important;max-width: 100%;position: relative;top: 50%;transform: translateY(-50%);}
.feature_slider .listBlock.base .detials {min-height:0;position: absolute;width: 100%;top: 30%;/* left: 10%; *//* z-index: 99; */text-align: center;text-shadow: 0px 1px 1px #333;}
.feature_slider div.base h4{color: #f1eadb;font-weight:400;margin: 0;text-align: center;font-size: 4em;}
.feature_slider div.base h4 a { color:#FFF;}
.feature_slider .listBlock .list_dtls {width: 330px;margin: 25px auto 0 auto;color: #FFF;font-size: 1em;}
.feature_slider .listBlock .list_dtls .col span {color:#FFF;font-size: 1.5em;line-height: 1.2em;}
.feature_slider .listBlock .list_dtls .col span.price{font-size:36px;font-weight:;}
.feature_slider .listBlock .list_dtls .col  a { margin: 10px; }
.feature_slider .listBlock .mls{text-align:center;font-size: 1.2em;color:#FFF;}
.feature_slider .listBlock .detials .addr a{color: #ffffff;text-transform: uppercase;font-size: 1em;line-height: 1;}
.feature_slider .price { background: none; display: inline; position: auto; }

/*LATEST OPEN HOUSES*/
.openings-list-block{background: #b5b7cf;}
.Latestlistings .listingWrapper{position:relative;}
.bitzlistings.listingsRow .listingWrapper{border:1px solid #ccc;height:100%;background: #FFF;position: relative;overflow: hidden;}
.listingsRow .listingWrapper img{min-height: 195px;max-height: 280px;/* display: block; */margin:0px auto;}
.listingsRow .listingWrapper .F_img {position:relative;text-align: center;}
.listingsRow .listingWrapper .F_img img{width:100%;}
.listingsRow .listingWrapper .F_img a{ display:block;}
.listingsRow .listingWrapper .F_img.noImage img{max-height: 250px;visibility: hidden;}
.listingsRow .listingWrapper .F_img img[data-original^="/image/cahce/"]{width:auto; }

.listingsRow .listingWrapper .F_img  .price {position:absolute; bottom:0; right:0; z-index:2; padding:5px 15px; background:rgba(171, 32, 44, 0.5); font-size:1.4em; font-weight:600; color:#FFF; }
.listingsRow .listingWrapper .F_img  .price a{ color:#FFF;}
.listingsRow .listingWrapper .detials{margin: 0;padding: 0 15px;padding-top: 15px;overflow: hidden;position:relative;z-index: 6;background: #FFF;border-top: brown;/* min-height: 150px; */}

.listingsRow .listingWrapper .detials .price{font-size: 1.4em;line-height: 2em;}

.listingsRow .listingWrapper .detials .addr{font-size: 1.4em;font-weight: 600;padding: 0;}
.listingsRow .listingWrapper .detials .addr a{ color:#444;}
.listingsRow .listingWrapper .detials .addr span{display:block;font-size: .84em;font-weight: 400;}
.listingsRow .listingWrapper .detials .dtl_row {padding-top: 5px;padding-bottom: 14px;align-items: center;}
.listingsRow.listingType_B .listingWrapper .detials .dtl_row, .listingsRow.listingType_A .listingWrapper .detials .dtl_row {display:none;}
.listingsRow.listingType_B .listingWrapper .detials .dtl_row.listing_agri, .listingsRow.listingType_A .listingWrapper .detials .dtl_row.listing_resi{display: -ms-flexbox;display: flex;}

.listingsRow .listingWrapper .detials .dtl_row  .area{font-size: 1.0em;font-weight: 500;color: #777;}
.listingsRow .listingWrapper .detials .dtl_row  .area span span{ color:#333;}
.listingsRow .listingWrapper .detials .dtl_row .amenityDetails {font-size:1.2em;font-weight: 500;color: #777;padding-left: 0;}
.listingsRow .listingWrapper .detials .dtl_row .amenityDetails span{display:inline-block;width: 31%;} 
.listingsRow .listingWrapper .detials .dtl_row .amenityDetails i{color:#ab202c;display:inline-block;margin: 0 2px 0 0;}
.listingsRow.agri .listingWrapper .detials .dtl_row  .area, .listingsRow.agri .listingWrapper .detials .dtl_row  .lotsize {font-size:1em; color:#333;}
.listingsRow.commercialListing .listingWrapper .detials .dtl_row  .area span span, .listingsRow.commercialListing .listingWrapper .detials .dtl_row  .lotsize span span, 

.listingsRow.agri .listingWrapper .detials .dtl_row  .area span span, .listingsRow.agri .listingWrapper .detials .dtl_row  .lotsize span span{ display:block; font-size:18px; color:#ab202c;}
.listingsRow.listingType_A .listingWrapper .detials .dtl_row.listing_resi  .area span span, .listingsRow.listingType_B .listingWrapper .detials .dtl_row.listing_agri  .area span span, .listingsRow.listingType_B .listingWrapper .detials .dtl_row.listing_agri  .lotsize span span{display:block;font-size: 15px;color:#ab202c;line-height: 1;}

.openings-list-block .listingsRow .listingWrapper img{min-height: 250px;max-height: 250px;}

.listingsRow .listingWrapper .openHouse{position: absolute;width: 160px;height: 30px;font-size: 0;text-align: center;background: rgb(44, 48, 118);border: 2px solid #ffffff;color: #FFF;top: 30px;left: -34px;z-index: 12;background-size: contain;transform: rotate(-45deg);}
.listingsRow .listingWrapper .openHouse:before{content:'Open House';position: relative;display: inline-block;font-size: 18px;text-transform: uppercase;font-weight: 600;line-height: 26px;}

.listingsRow .listingWrapper .detials .dtl_row .amenityDetails .hide0{display:none;}

/* subpage_slider*/
.subpage_slider {  padding: 100px 0;  background: url(/image/cache/subpage.jpg);  background-position: center center;  background-attachment: fixed;  background-size: cover;  }

/*login*/
.changepass, .general_login {  max-width: 360px;  margin: 0 auto;  text-align: left;  padding: 10px;  border: 1px solid rgb(233, 233, 233);  }
.general_login div.logintitle {  background: transparent;  color: #021f5b;  font-size: 18px;  line-height: 25px;  font-weight: normal;  }
.general_login div.loginmessage {  font-style: italic;  margin-bottom: 20px;  }
.changepass div.row, .general_login div.row {  margin: 8px 0px;  text-align: left;  }
.changepass div.row label, .general_login div.row span.label {  text-align: right;  padding-right: 7px;  min-width: 100px;  font-weight: bold;  display: inline-block;  }
.changepass div.row label {  font-weight: normal;  min-width: 125px;  }
.changepass div.row span, .general_login div.row span.formw {  display: inline-block;  vertical-align: middle;  }
.changepass div.row span input {  max-width: 190px;  }
.general_login div.loginbtn {  margin-left: 100px;  display: inline-block;  text-align: center;  }
.general_login div.forgotpassword {  vertical-align: middle;  display: inline-block;  }
.general_login .errmsg {  color: #F44336;  font-size: .84em;  padding: 0;  text-align: center;  overflow: hidden;  }
#filter {  display: none;  }




/* ====================paging ====================
  ================================================== */
.gallery_next_link{ float:right; }
.gallery_prev_link{ float:left;}
.gallery_next_link a, .gallery_prev_link a{display:inline-block;padding:5px 15px;font-weight:500;color: #ab202c;border: 1px solid #ab202c;}
.gallery_prev_link a:before, .gallery_next_link a:after{ content:"\f178"; font: normal normal normal 14px/1 FontAwesome; display:inline-block; vertical-align:middle; margin-left:7px;}
.gallery_prev_link a:before{content:"\f177"; margin-right:7px; margin-left:0;}
.gallery_prev_link a:hover, .gallery_next_link a:hover{ background:#ab202c; color:#FFF;}
.gallery_prev_link_inactive, .gallery_next_link_inactive{ display:none;} 
  
#form_paging_links, #calendar_paging_links, #paging_links, #newschannel_paging_links, .gallery_paging_links { text-align: right; margin: 8px; }
#form_paging_links span, #paging span, #calendar_paging_links span, #paging_links span, .paging span, .gallery_paging_links span {display: inline-block;text-align: center;margin: 2px;/* width: 25px; *//* border: 1px solid #ab202c; *//* color: #ab202c; */}
#newschannel_paging_links span.gallery_prev_link_inactive, #newschannel_paging_links span.gallery_next_link_inactive,   
#form_paging_links span.gallery_prev_link_inactive, #paging_links span.prev_link_inactive, #paging_links span.next_link_inactive{display:none;}

#newschannel_paging_links span:hover, #calendar_paging_links span:hover, #form_paging_links span:hover, #paging_links span:hover, .gallery_paging_links span:hover, #paging_links span.currentpage, .paging span.currentpage {background: #ab202c;color: #FFF;}
#paging_links span.currentpage a, .paging span.currentpage a, #newschannel_paging_links span:hover a, #newschannel_paging_links span a:hover, 
#calendar_paging_links span:hover a, #calendar_paging_links span a:hover, #form_paging_links span:hover a, #form_paging_links span a:hover, 
#paging_links span:hover a, #paging_links span a:hover, .gallery_paging_links span:hover a, .gallery_paging_links span a:hover {background: #ab202c; text-decoration: none; color: #FFF; }    

#paging_links span a {color: #ab202c;display: block;border: 1px solid #ab202c;padding: 0 8px;}
#paging_links span.next_link {width:auto;}

/*searchresults */
#searchresults { }
#searchresults dt { margin-top: 10px;  padding: 5px 0px; border-top: 1px dotted #CCC;  font-family: 'Roboto', sans-serif; font-size: 12px;  }
#searchresults dd { padding-left: 10px; }

.news.article, .blogRow{ padding-bottom:20px; margin-bottom:20px;}
.news.article .thumb { float:left; margin-right:10px;}
.news.article h2, .blogRow h2 {text-transform:none;font-size: 30px;}

.blogRowsBlock .blogRow{ padding-bottom:10px; border-bottom:1px solid #DDD;}

/* =============================================== ================================================== =============================================== ================================================== Custom Styles =============================================== ================================================== =============================================== ================================================== */
 /*navigation */
.form-btn {  padding: 10px 10px;  cursor: pointer;  position: relative;  float: right;  text-align: center;  right: 0;  margin: 3px 0;  color: #fff;  }
.nav-icon a {  color: #2C3076;  line-height: 75px;  display: block;  padding: 0 5px;  }
.nav-icon a:hover, .nav-icon.nav-collapsed a:hover {  text-decoration: none !important;  background: none !important;  color: #021f5b !important;  }
.nav-icon {  float: right;  font-size: 30px;  line-height: 75px;  position: relative;  z-index: 99;  right: 0;  top: 0px;  margin: auto;  padding: 0 7px;  color: #021f5b;  }
.nav-icon a:hover, .search-btn.search-on, .search-btn:hover {  background: #021f5b;  color: #FBFBEA;  }
.nav-icon.nav-collapsed {  z-index: 102;  }
.nav-icon.nav-collapsed a {  color: #AB202C !important;  }
.nav-icon.nav-collapsed a span:before {  content: "\f00d";  }

/* side navigation*/
.side-nav{/* margin-top: 20px; */}
.side-nav ul {list-style:none;display: block;}
.side-nav ul li {position: relative;display: block;z-index: 1;}
.side-nav ul li a {border-bottom: 1px solid #eee;font-size: .9em;color: #AB202C;font-weight: bold;position: relative;display: block;padding: 10px 15px;}
.side-nav ul li:last-child a { border:0;}
.side-nav ul li a:hover {background: #AB202C;color: #FFF;}


/*news*/
.newsListBlock h2 {  color: #021f5b;  }
.newsListBlock .news, .LatestInfo {  padding-bottom: 5px;  margin-bottom: 10px;  border-bottom: 1px solid #DDD;  }
.newsListBlock .news:after {  content: "";  display: table;  clear: both;  }
.news-block .article  h3 {margin-bottom: 20px;font-weight: 500;font-size: 24px;padding: 0;color: #021f5b;text-align: left;}
.newsListBlock img {  margin: 0 10px 10px 0;  float: left;  max-width: 150px;  }

/*footer*/
footer .nav-bar.nav-center {  text-align: left;  }
footer nav.nav-bar a:hover {  color: #333;  }



.listing_indi{/* padding-top: 86px; */}
.listing_indi .listing_top {/* padding-top:0; */}
.listing_top{}
.listing_top .images:after { content:""; display:table; clear:both;} 
.listing_top ._image{text-align: center;position: relative;} 
.listing_top ._image.no_img{background:url('/image/cache/noImage.png') center center no-repeat !important;width: 100%;min-width: 200px;}
.listing_top ._image img {height: auto;left: 0!important;max-width: 100%;position: relative;top: 50%;transform: translateY(-50%);}
.listing_top ._image.specialImage img{max-height: 100%;}
.listing_top #img {width: 100%;overflow:hidden;max-height: calc(100vh - 90px) !important;height: calc(100vh - 90px) !important;}
.listing_top #allimg {margin: 0;padding: 2px 0;font-size: 0;display: none;bottom: 0;position: relative;text-align: center;width: 100%;}
.listing_top #allimg img {max-width: 140px;max-height: 140px;margin: 1px;cursor: pointer;}
.listing_top #allimg img.active{ border:1px solid #DDD;} 
.listing_top .LisitngIMage .imageBlock #img{height: 320px !important;}
.listing_top .LisitngIMage .imageBlock #img a{display:block;position:relative;height: 100%;}
.images.fullImage #allimg{position: relative;}

.imageBlock .spinner{position:absolute;text-align: center;z-index: 2;top: 0;left: 0;width:100%;height:100%;background: rgba(0,0,0,0.15);display:none;}
.imageBlock .spinner i{position: relative;z-index: 9;top: 48%;/* left: 50%; */margin: 0 auto;width: 42px;height: 42px;color: #FFF;}
.imageBlock .spinner.show{ display:block;}
.images .imageBlock  {display: block;position: relative;}
.images .arrow  {display:block;position: absolute;top: 0;z-index: 9;height: 100%;width: 45px;cursor: pointer;text-align: center;}
.images .arrow[data=''] { display: none;  }
.images .arrow:before{content: "";font-family: FontAwesome; line-height:  45px; display: block; color: #FFF; background: #333; position: absolute;text-shadow: 0 0 3px rgba(0, 0, 0, 0.55); box-shadow: 0 0 10px rgba(8, 7, 7, 0.55); width: 45px;height: 45px;top: 0;bottom: 0;left: 0;right: 0;margin: auto;font-size: 2em;}
.images .arrow.left {left: 0px;}
.images .arrow.left:before{content: "\f053";}
.images .arrow.right{right: 0;}
.images .arrow.right:before{content: "\f054";}
.thumbs{position:absolute;z-index: 9;padding:5px;background: #2c3076;color: #FFF;right:0;bottom:0;cursor: pointer;}
.listAddress{width:100%;text-align:center;display: block;color: #ffffff;background: transparent;margin-bottom: 0;z-index: 1;padding: 20px 0;}
.imageholder {width: 100%;overflow: hidden;position: relative;border-bottom: 1px solid rgba(0, 0, 0, 0.1);background: rgba(44, 48, 118, 0.12);}
.imageholder .images{position:relative;-o-transform:translateY(-50%);-moz-transform:translateY(-50%);max-height: 100%;}
.listAddress br{display:none;}  
.listAddress i, .listAddress p{display:inline-block;vertical-align:middle;text-transform: uppercase;line-height: 32px;color: #FFF;margin: 0;}
.listAddress p a{color: #ab202c;font-size: 2.6em;display: block;font-weight: 300;}
.listQuickDetails, .averageblk {width: 100%;margin: 0 auto;background: #FFF;padding: 30px 0;}
.listQuickDetails .container{display:table;}
.listQuickDetails .quickDetails {display: table-row; }
.listQuickDetails .quickDetails .qDtls_row {text-transform: uppercase;vertical-align: middle;text-align: center;padding:20px 0;border-left: 1px solid #ab202c;height: 100%;width: 100%;}
.listQuickDetails .quickDetails .qDtls_row.price{border-left:0;} 
.listQuickDetails .quickDetails .qDtls_row.hide{display:none;}
.listQuickDetails .quickDetails .qDtls_row.sqFeet{/* border:0; */}
.listQuickDetails .quickDetails .qDtls_row:last-child, .averageblk .quickDetails .quickDetailrow:last-child {/* border:0; */}
.listQuickDetails .quickDetails .downloadLink .qDtls_row{ border:0;}
.listingAgent .agent_dtl   { text-align:center;  }
.listingAgent .agent_dtl .email span:before,.listingAgent .agent_dtl .phone span:before  { width: 18px; height: 18px; font: normal normal normal 14px/1 FontAwesome; content:"\f0e0"; padding: 2px;   }
.listingAgent .agent_dtl .phone span:before  { content: "\f095"; }
.agent_dtls .agent{float:left;/* width:180px; */font-size: 11px;}


.priceBlock {float:right;padding: 40px 0;line-height: normal;border-left: 1px solid #cec3ab;/* background: rgba(206, 195, 171, 0.41); */text-align: center;cursor: pointer;position: relative;}
.priceBlock h3{font-size: 2.2em;text-align: center;color: #383838;}
.priceBlock .martLink{display:inline-block;border: 1px solid #cec3ab;background: #cec3ab;color: #FFF;font-size: 12px;padding: 8px 10px;margin: 6px 0;}
.priceBlock .martLink:hover a{ color:#383838;}
.listingOffice.id379,div[class="nonListing 379"]{ display:none;}
.listingOffice { margin:10px 0; border-top:1px solid #cec3ab;}
.listingOffice h4{ text-transform:capitalize;}
.agent .agent_dtl .img{display: block;margin-bottom: 0; max-height: 240px; text-align: center;overflow: hidden;}
.agent .agent_dtl .img img{max-width: 100%;}
.agent .agent_dtl .agent_dtl{display: block;}
.agent .agent_dtl .agent_dtl > a {display:block;font-size: 14px;text-align: center;}
.agent .agentContact{ display:none;}
.agent .agentContact[data="379"], .randmoAgent .agentContact{display:block;text-align: center;}
.agent .agentContact a{font-size: .84em; display:inline-block; padding:2px 5px; border:1px solid  #daceb4; line-height:18px;}
.agent .agentContact a:hover{ background:#daceb4; color:#9b8449;}
.agents-block {clear:both;padding: 20px 0;}

.randmoAgent{/* border:1px solid #cec3ab; */padding: 5px 0;/* background: #ebe3d2; */text-align: center;}
.quickDetails .qDtls_row p{display: inline-block;vertical-align: middle;margin: 0;font-size: .9em;text-align: left;}
.quickDetails .qDtls_row p i{margin-left: -32px;font-size: 3em;vertical-align: top;}
.quickDetails .qDtls_row > span{display: inline-block;vertical-align: middle;color: #0c0c0c;text-align: left;font-size: 16px;max-width: 60%;}
.quickDetails .qDtls_row span span{display:block;text-align: center;font-size: .84em;}
div[class="listQuickDetails Lots/Acreage"] span.lotSize, .quickDetails .qDtls_row span span.lot_acrs { display:none; }
div[class="listQuickDetails Lots/Acreage"] .quickDetails .qDtls_row span span.lot_acrs{ display:block;}

div.listQuickDetails.listing_B .beadRooms, 
div.listQuickDetails.listing_B .bathrooms,
div.listQuickDetails.listing_A .lot_size { display:none; }
div.listQuickDetails.listing_B .qDtls_row.lotSize{border:0; }
div.listQuickDetails.listing_B .qDtls_row.price{border-right:1px solid #ab202c;}

.quickDetails .qDtls_row span.inp,.quickDetails .quickDetailrow span.inp {font-size: 2.0em;font-weight: 700;color: #ab202c;text-align: left;}
.quickDetails .qDtls_row.ptype  span.inp,.quickDetails .qDtls_row.map  span.inp {font-size:1.5em;font-weight: 700;color: #ab202c;text-align: left;}
.quickDetails .qDtls_row span.inp {font-size: 1.4em;font-weight:700;color: #ab202c;}
.quickDetails .qDtls_row span label{font-weight:normal; text-align:left; }
.quickDetails .qDtls_row > i {font-size: 2.4em;display: inline-block;vertical-align: middle;margin: 0 5px;color: #ab202c;text-align: center;}
.quickDetails .qDtls_row > span > i {display: block;font-size: 1.6em;color: #ab202c;}
.listingInfo{margin: 25px 0;}
.showdetaillnk {background: #2c3076;padding: 0px !important;}
.showdetaillnk a{color: #8d9ab7;text-transform: uppercase;font-size: 0.8em;font-weight: 400;display:inline-block;padding: 20px 0;position:relative;}
.showdetaillnk a:after{content:"\f103";display:block;font: normal normal normal 14px/1 FontAwesome;font-size:36px;line-height:24px;}
.showdetaillnk.active{ background:#cecaca;}
.showdetaillnk.active a{ color:#888;}
.showdetaillnk.active a:after{display:none;}
.showdetaillnk.active a:before{content:"\f102";display:block;font: normal normal normal 14px/1 FontAwesome;font-size:36px;line-height:24px;}

.listing_indi .add_link { text-align:center;}
.listing_indi .add_link h3{text-align:center;display:inline-block;margin:0;background:#ab202c;padding: 10px 25px;margin: 25px 0;font-size: 18px;font-weight: 400;}
.listing_indi .add_link h3 a{color:#FFF}
.Addi_details { margin-bottom:50px;}
.backLink{position:fixed;bottom: 5%;z-index: 9;}
.backLink a {width: 33px;display:block;padding: 5px 0;padding-bottom: 1px;background: #ab202c;color: #FFF;text-align: center;line-height: 19px;font-size: 0.7em;-webkit-box-shadow: 0 2px 3px 0 rgba(0,0,0,0.2);-moz-box-shadow: 0 2px 3px 0 rgba(0,0,0,0.2);box-shadow: 1px 0px 2px 2px rgba(0,0,0,0.2);-webkit-border-top-right-radius: 5px;-webkit-border-bottom-right-radius: 5px;-moz-border-radius-topright: 5px;-moz-border-radius-bottomright: 5px;border-top-right-radius: 5px;border-bottom-right-radius: 6px;}
.backLink a:before{content:"\f053";font: normal normal normal 20px/1 FontAwesome;display:block;text-align: center;} 
.listing-links {padding:20px 0;background: #ab202c;border-top: 1px solid rgba(0, 0, 0, 0.3);border-bottom: 1px solid rgba(0, 0, 0, 0.3);}
.listing-links .linkBlock{text-align:center;height: 100%;}
.listing-links .linkBlock a{font-size: 1.4em;color:#FFF;display:block;height: 100%;padding: 19px 0;text-transform:uppercase;}
.listing-links .linkBlock a:hover{ color:#000;}
.listing-links .linkBlock.virtualTour a, .listing-links .linkBlock.mortgage a{border-right:1px solid #FFF;}

.listingDetails  h3 {color: #2c3076;font-size: 1.6em;margin-bottom: 3px;}
.listingDetails  .dtlRow {padding: 0;border-bottom: 1px solid #dcdcdc;text-align: center;}
.listingDetails  .dtlRow.hide0{ display:none;}
.listingDetails  .dtlRow label.lbl, .listingDetails  .dtlRow span.inp {display: inline-block;width: 56%;padding: 5px 1%;vertical-align: top;color: #404040;}
.listingDetails  .dtlRow label.lbl {width: 40%;padding: 5px 1%;font-weight: 400;text-align: left;margin: 0;}
.listingDetails  .dtlRow label.lbl label{margin:0;/* font-weight: normal; */font-size: 14px;}
.listingDetails  .dtlRow span.inp{ text-align:right;}
.other.listingInfo .dtlRow span.inp{ text-align:left;}
.listingDetails  .dtlRow .topbtn{ float:right; margin-top:-45px;}
.listingDetails  .btmbtn{float:right; margin-bottom:10px;}
.listingDetails  .contactlnk {  font-size: 1.2em; font-weight: normal; text-align: right;   padding: 10px 0px;margin-top:5px;}
.listingDetails  .contactlnk a{text-decoration: none;color:#FFF;background: #ab202c;padding: 6px 13px;}
.listingDetails  .officeID362 { display: block; }
.list_stat.Sold{ display:block !important;}
.list_stat  {color: #ab202c !important;font-size: 1.1em;padding: 0 !important;}

.roomstb {width: 100%;/* background: #fcfcfc; */border-collapse: collapse;}
.roomstb th, .roomstb td { padding: 3px 3px; }
.roomstb th {background: rgba(44, 48, 118, 0.3);padding: 3px 3px;text-align: left;}
.roomstb tr{border-bottom: 1px solid #cecece;}
.listingInfo.fullWidth.listingDetails .dtlRow{ text-align:left;}
.listingInfo.fullWidth.listingDetails .dtlRow:nth-child(odd){ background:#eee;}
.listingInfo.fullWidth.listingDetails .dtlRow label.lbl{max-width: 30%;}
.EssentialInfo { margin:20px 0;}
/*.EssentialInfo .mls, .EssentialInfo .totalSQF, .EssentialInfo .year{ border-bottom:1px solid #999; }
.EssentialInfo .year,.EssentialInfo .zoning{  border-left:1px solid #999; border-right:1px solid #999;}*/
.EssentialInfo .EssentialInfoCol{padding: 20px 0;text-align:center;font-size:1.8em;margin: 5px 0;color: #000;border-bottom: 1px solid #999;}
.EssentialInfo .EssentialInfoCol span.inp{ display:block;}
.EssentialInfo .EssentialInfoCol label{color: #666;display:;}
.mapBlock{background: #272727;}
.mapBlock iframe{ height:100%; min-height:480px;}
.mapBlock .map {width:100%;max-width: none;}

.infoBlock #mortgageCalcBlock { display:none;}

.video_block.hide{ display:none;}
#MAP{float:left;line-height: 0;}
#MAP.fullWidthMap{width:100%;float:none;clear: both;}

#VirtualTour{ float:right;}
#videoUrl{/* display:none; */background: #272727;}

.mortgage-calc{text-align:center;background: #FFF;}
.mortgage-calc a{ color:#FFF !important;}
.mortgage-calc .fieldRow {text-align: center;/* display: inline-block; */margin: 5px auto;padding: 0;}
.mortgage-calc .fieldRow.buttonLink {margin:10px auto;display:block;text-align: center;}
.mortgage-calc .fieldRow.buttonLink  .fieldInput{ text-align:center !important;}
.mortgage-calc .fieldRow.date  {margin:0 auto;width: auto;display: block;}
.mortgage-calc .fieldRow.months .fieldLabel, .mortgage-calc .fieldRow.months .fieldInput {border: 0;border-bottom: 1px solid #d2d2d2;margin: 15px 5px;font-size: 1.2em;}

/* Advanced Search */
#changeparameters_5{ display:none;}
#changeparameters_5 input[type="submit"]{ display:block; margin:10px auto;}
.advancedsearch{ text-align:center;}
.advancedsearch input,.advancedsearch select{border: 0;border: 1px solid #e6e6e6;margin: 15px 0;font-size: 1.2em;width: 98%;min-width: 150px;padding: 10px;height: 45px;line-height:1;}
.advancedsearch input[type='submit'],.advancedsearch input[type='reset'],.advancedsearch input[type='button'], .changeparameters input[type='button'],.changeparameters input[type='submit'] { padding: 15px 50px; margin: 5px 10px 5px 0; }
.advancedsearch input[type='button'], .changeparameters input[type='button'] { border: 1px solid #9b8449; background: #FFF; color: #9b8449; }
.srproperty_type { width 100%;  }
.srproperty_type label.label {font-size: 1.2em;margin: 20px 0;}
.property_type {display: inline-block;width: 31%;vertical-align: top;}

.mortgage-calc .fieldRow.date .fieldLabel, .mortgage-calc .fieldRow.date .fieldInput{display:block;text-align: center !important;font-size: 1.2em;}
.mortgage-calc .fieldRow .fieldLabel, .fieldInput{display: block;width: auto;text-align: left !important;margin: 0 !important;position: relative;}
.fieldRow  .fieldInput input, .property_type input {width: 100%;border: 1px solid #a0a0a0;/* height: 30px; */max-width: 100%;padding: 0px 5px;padding-left: 25px;background: #fff;color: #4A4A4A;transition: all linear .2s;border-radius: 2px;font-size: 15px;line-height: 1;margin: 0;}
.fieldRow  .fieldInput select{border: 1px solid #ddd; }

.fieldRow  .fieldInput input[type="checkbox"]{width:auto;vertical-align: middle;}
.mortgage-calc .fieldRow.years, .mortgage-calc .fieldRow.months{/* width: 65%; *//* display: none; *//* margin:0 auto; */}
.property_type input {display: inline-block;width: 20px; }
.property_type  {margin: 5px 0;}
.property_type label { display: inline-block; vertical-align: top; padding: 5px;  font-size: 1.1em;   }

.mortgage-calc .fieldRow.home_price .fieldLabel,
.mortgage-calc .fieldRow.home_price .fieldInput{display:block;text-align: left !important;}
.monthyear .fieldInput select{width: 90%;}
.fieldRow  span.add-on{display: inline-block;vertical-align: middle;width: auto;min-width: 16px;padding: 10px 7px;font-size: 20px;font-weight: bold;text-align: center;color: rgb(160, 160, 160);position: absolute;left: 0;/* height: 100%; */top: 0;} 

.mortgage-calc .years .add-on,
.mortgage-calc .months .add-on,  
.mortgage-calc .interest .add-on{left: auto;right: 0;}
.mortgage-calc .years .add-on {font-size: 0.89em;}
.mortgage-calc .fieldRow.years input, .mortgage-calc .interest input{padding: 5px;padding-right:25px;}
.resutls{background: #FFF;padding: 25px;/* border: 1px solid #DDD; */} 
.resutls label{font-size: 26px;display:block;margin-bottom: 11px;text-align: c;}
.resutls span{font-size: 20px;font-weight: bold;color:#9b8449;} 
.resutls span span{font-size: 18px;color:#383838;font-weight: normal;display: block;text-transform: lowercase;}

.mortgage-calc-Block{ max-width:450px; width:90%; margin:0 auto;}
.tools_links{ text-align:center;}

.chart {
  margin: 0 auto;
  width: 250px;
  height: 250px;
  position: relative;
}
.chart svg{ position:absolute;}
.doughnutTip {
  position: absolute;
  float: left;
  min-width: 30px;
  max-width: 200px;
  padding: 5px 15px;
  border-radius: 1px;
  background: rgba(0,0,0,.8);
  color: #ddd;
  font-size: 17px;
  text-shadow: 0 1px 0 #000;
  text-transform: uppercase;
  text-align: center;
  line-height: 1.3;
  letter-spacing: .06em;
  box-shadow: 0 1px 3px rgba(0,0,0,0.5);
  transform: all .3s;
  pointer-events: none;
}
.doughnutTip:after {
  position: absolute;
  left: 50%;
  bottom: -6px;
  content: "";
  height: 0;
  margin: 0 0 0 -6px;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  border-top: 6px solid rgba(0,0,0,.7);
  line-height: 0;
}
.doughnutSummary {
  position: relative;
  z-index: 0;
  width: 120px;
  top: 50%;
  left: 50%;
  -webkit-transform: translateY(-50%) translateX(-50%);
  -ms-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
  color: #313131;
  text-align: center;
  /* text-shadow: 0 -1px 0 #111; */
  cursor: default;
}
.doughnutSummaryTitle {
  width: 100%;
  font-size: 14px;
  letter-spacing: .06em;
  margin: 0;
}
.doughnutSummaryNumber {
  width: 100%;
  margin: 0;
  font-size: 30px;
}
.chart path:hover {
  opacity: .65;
}
body.logged_in ul li.login,  body.not_logged_in ul li.logout {display:none;}


/*modal*/
.modalData{/* display:none; */}
#contactModal .close{position:absolute;right:0;background: red;z-index: 99;text-shadow: none;color: #FFF;line-height: 30px;outline: none !important;font-size: 30px;padding: 0 7px;}
#contactModal-body{position:relative;/* height: 80%; */background: #FFF;}
#contactModal-body .container{ background:#FFF;}

/*Agents*/
.agents_row{ margin-bottom:30px;}
.agent{position:relative;overflow:hidden;/* padding: 15px; */height: 100%;border: 1px solid #eee;}
.agent .img{text-align:center;/* position: absolute; *//* width: 100%; *//* height: 100%; */}

.agent img{/* filter: grayscale(100%); *//* -webkit-filter: grayscale(100%); */min-height: 250px;}
.agent .dtls{position: absolute;width: 100%;bottom: -70px;padding: 5px 10px;background: rgba(27, 27, 27, 0.5); transition:bottom .3s ease ;}
.agent .dtls h4{font-size:1.4em;margin:0;font-weight: 500;text-transform: uppercase;color: #FFF;}
.agent .dtls strong{text-transform:uppercase; color:#FFF;}
.agent .dtls a{color: #FFF;}
.agent .contactDetails{display: block;color: #FFF;margin-top: 30px;transition:margin .3s ease;border-top: 1px solid rgba(255, 255, 255, 0.1);padding: 5px;}
.agent:hover .dtls {bottom:0;transition:bottom .3s ease; background:rgba(171, 32, 44, 0.85); }
.agent:hover .dtls .contactDetails{ margin-top:5px; transition:margin .3s ease ;}
.agent:hover .dtls a{ color:#FFF;}
.agent:hover img{ filter:none;-webkit-filter:none;-moz-filter:none;-ms-filter:none;-o-filter:none;}

.agent_indi .details{ padding:10px;margin-bottom:20px; padding-bottom:10px; border-bottom:1px solid #DDD;}
.agent_indi .details h3 a {color:#333;}
.agent_indi .contacts a {color:#333;font-size:1.15em;}

/*Admi area*/
.adminTitle{text-align:right;padding: 17px;float: right;}
.adminTitle h2{ text-align:right; color:#fff;}
.adminNav{background: #2c3076;margin-top: -30px;padding-top: 30px;padding-bottom: 160px;position: fixed;width: 240px;top: 100px;height: 100%;box-shadow: 2px 0px 1px rgba(0, 0, 0, 0.35);}
.adminNav .side-nav li span, .adminNav .side-nav li a{display:block; padding: 5px 10px;font-weight:normal;color: #FFF;text-transform:uppercase; border:0;}
.adminNav .side-nav li a:hover{background: #AB202C;}
.adminContentArea {height: 100%;margin-left: 240px;padding: 0 15px;padding-bottom: 100px;}
.adminNav .side-nav #adminnav>li{/* background: rgba(0, 0, 0, 0.1); *//* margin-bottom: 1px; */border-bottom: 1px solid rgba(0, 0, 0, 0.1);}
.adminNav .side-nav #adminnav>li > ul{ padding-bottom:5px;}

.adminNav .side-nav li span {color: #FFF;font-weight: 900;font-size: 14px;position: relative;padding: 5px 10px;padding-bottom: 1px;}
.adminNav .side-nav li span:after{content:"\f0d7";font-family:FontAwesome;display:inline-block;position: relative;color: #FFF;font-size: 13px;line-height: 1;margin-left: 5px;}
#adminnav li ul li a {padding: 5px 20px;}



/* ====================mobile css ==================== ================================================== */

@media (min-width: 460px) {  }

@media (min-width: 580px) {  }

@media (min-width: 640px) {  }

@media (min-width: 780px) {  
  .subpage-content-block.page-content-block {  margin: 20px 0;  }
 /*footer*/
 .footer-logo a {  display: inline-block;  vertical-align: top;  }
 .footer-logo a img {  max-height: 70px;  }
}

@media (min-width: 991px) {  }

@media (min-width: 1200px) {  
  .logo {}
}

@media all and (min-width: 0px) and (max-width: 1199px) {  
  .sliderContent div.base div.caption p {  margin: 0;  line-height: 1.1em;  }
  .profile-block .info-Block {height: 280px;}
}

@media all and (min-width: 0px) and (max-width: 1080px) {  
.HeaderMenu>ul>li a{padding: 28px 6px;font-size: 16px;}
  #socail > span {  display: block;  line-height: normal;  }
  #socail li a:after {  line-height: normal;  font-size: 25px;  margin: 0 2px;  }
 }

@media all and (min-width: 0px) and (max-width: 991px) {  
.logo {transition: max-height .3s ease;}
.Header.headBg{/* height: 80px; */}
.HeaderMenu>ul>li {  padding: 0 7px;  }
.Header.headBg .Navigation .mainNav > .container{margin-top: 0;}
.Navigation .HeaderMenu{  display: none;  }
.navIcon{margin-bottom:0;}
span.searchBlock-toggler{background:none;color: #2C3076;float: none;vertical-align: middle;display: none;}
.Header.headBg .Navigation .logoBlock .logo{max-height: 80px; */}
.Header.headBg .Navigation .navIcon{}
#social li.phone{ padding:0;}
.HeaderMenu{ margin:0;}
.Sidebar__backdrop {  background-color: rgba(0,0,0,.25);  left: 0;  top: 0;  z-index: 999;  display: none;  }
.Sidebar--active, .Sidebar__backdrop {  position: fixed;  height: 100%;  width: 100%;  }
.Sidebar.active .Sidebar__backdrop {  display: block;  }
.Sidebar--active, .Sidebar__backdrop {  position: fixed;  height: 100%;  width: 100%;  }
.Header.headBg .NavbarToggle i {/* color: #AB202C; */}
body.subpage .Header .sidebar__Close i , .Header.headBg .sidebar__Close i { color:#AB202C;}
.subpageHeader-block{}
 .searchBlock-collapse .search__body{ width:75%;}
.slider-block{}
.profile-block .info-Block {height: 200px;} 
.profile-block h3 a { font-size:1em;}
.event_date{font-size:20px; }
.slantedBullets { max-width:none;}
.slantedWraper:before, .slantedWraper:after{ min-width:90%;}
.listQuickDetails .quickDetails .qDtls_row{border: 0;border-bottom:1px solid #ab202c;}
.admin .adminNav{ display:none;}
.adminContentArea{margin: 0;padding: 0 15px;}
}

 @media all and (min-width: 0px) and (max-width: 880px) {  
  .sliderContent div.base div.caption {  -webkit-transform: translateY(-50%) translateX(-100%);  -ms-transform: translateY(-50%) translateX(-100%);  transform: translateY(-50%) translateX(-100%);  left: 100%;  top: 50%;  float: none;  }
  .sliderContent div.base div.caption p {  line-height: 1.6em;  }
 }

@media all and (min-width: 0px) and (max-width: 779px) { 

 /* header */
 .nav-top {  margin-top: 0;  }
 .nav-top li a {  padding: 8px 6px !important;  }
 .Header {padding: 0px 0;border: 0;/* height: auto; */}
 .Header .container {width: 100% !important;max-width: none;}
 .logoBlock{top: 0;padding-left: 5px;}
 .Header .Navigation .navIcon{}
 #social{border:0;float: none;}
 #social ul { text-align:center;}
 #social li.phone{display:inline-block;padding: 5px;}
 #social li a:before{font-size: 16px;width:30px;height:30px;line-height: 30px;}
  
 .Header.headBg .Navigation .logoBlock{}
 .Header.headBg .Navigation .mainNav .top-nav{margin-top: -48px;}
 
 .Navigation .NavbarToggle {z-index: 1;display: block;float: right;}
 .sliderContent div.base img {max-width: none;top: 0;}
 .sliderContent div.base div.caption h1 {  font-size: 2.2em;  line-height: 1.4em;  font-weight: 600;  text-align: center;  margin: 0;  }
 .sliderContent div.base div.caption h2 {  font-size: 1.4em;  text-align: center;  }
 .sliderContent div.base div.caption h3 {  font-weight: 400;  text-align: center;  font-size: 20px;  line-height: 18px;  margin: 0;  }
 .sliderContent div.base div.caption h4 {  font-weight: 400;  text-align: center;  font-size: 13px;  line-height: 16px;  margin: 0;  }
 
 /* navigation */
 .nav-top ul {  margin: 0 !important;  }
 #main-navigation {  position: fixed;  overflow-y: auto;  width: 0;  height: 100%;  margin-bottom: 0;  z-index: 1;  left: 0;  top: 0;  background: #021f5b;  display: none;  }
 #main-navigation.navbar-block {  display: block;  }
.searchBlock-collapse .search__body{ width:95%;}
.subpageHeader-block{}
 /* ====================nav bar==================== ================================================== */
 footer .footer-bg {  background-position: center bottom;  }
 .footer-nav > ul > li {  vertical-align: top;  }
 .footer-nav-block { clear: both;  }
 .footer-logo, .newsletter {  width: 100%;  float: none;  }
 .footLogo {text-align:center;}
 footer:before {height:calc( 100% - 58px);}
 .slider_block { height:140vh;}
 .profile-block { margin-top:0;}
 .profile-block .info-Block {height: 150px;width: 300px;}
 }

@media all and (min-width: 0px) and (max-width: 639px) {  
.nav-top {  display: none;  }
.top-phone {  float: right;  }
.sliderContent div.base div.caption {  width: 100%;  min-width: 100%;  max-width: 100%;  transform: none; padding: 0;  left: 0;  top: auto;  background: none;  }
#slides .sliderContent div.base .img {  width: 100%;  position: relative;  }
.feature-bg-block h2 {  font-size: 8vw;  }
 }

@media all and (min-width: 0px) and (max-width: 579px) {  
.Header.headBg .Navigation .logoBlock .logo, .logo {}
.Header .Navigation .navIcon{}
#social li.phone a span {font-size:16px; }
.subpageHeader-block{}
.sliderContent div.base div.caption h1 {  font-size: 1.8em;  }
.sliderContent div.base div.caption h2 {  font-size: 1.4em;  line-height: 1.4em;  }
.sliderContent div.base div.caption h3 {  font-size: 1.2em;  border: 0;  margin: 0;  padding: 0;  }
.sliderContent div.base div.caption h4 {  font-size: 1.0em;  line-height: 1.2em;  }
.sliderContent div.base div.caption h5 {  font-size: .84em;  line-height: 1.18em;  }
.home-content-block, .page-content-block.news-block, .feature-blocks {  padding: 30px 0;  }
 .subpage-content-block.page-content-block {  margin-top: 129px;  }
.feature-blocks h3 {  width: auto;  font-size: 1.4em;  line-height: 1.2em;  }
.feature-blocks p {  width: auto;  font-size: .90em;  }
footer .footerMenu, footer .contact {  float: none;  }
.footer-nav {  margin-bottom: 0;  text-align: center;  }
.footer-nav > ul {  display: block;  width: 100%;  }
.footer-nav > ul > li, .footer-nav ul li a {  display: block;  text-align: center;  }
footer .address p {  text-align: center !important;  margin-top: 20px;  }
.subfooter-nav ul,.copyright span {  display: block;  text-align: center;  float: none;  }
.subfooter-nav ul {  margin: 0 auto;  display: block;  }
.subfooter-nav ul li {  float: none;  display: inline-block;  }
#socail li {  margin: 0 2px;  }
.blogs  .blog{ display:block !important;}
.blog .image img{ max-width:100%;}

 .listQuickDetails .quickDetails .qDtls_row.bath{ border-bottom:1px solid #ab202c;}
 .listing-links .linkBlock.virtualTour a, .listing-links .linkBlock.mortgage a { border-right:0; border-bottom:1px solid #FFF;}
 .EssentialInfo .year, .EssentialInfo .zoning {border-left: 0;border-right: 0;}
 .EssentialInfo .zoning{ border-top:1px solid #999; border-bottom:1px solid  #999;}
 }

@media all and (min-width: 0px) and (max-width: 460px) {  
.logoBlock:before{right: -30px;}
.logoBlock:after{right: -45px;}
.nav-top {  position: relative;  text-align: right;  }
#socail > span {  display: inline-block;  vertical-align: middle;  font-family: 'Roboto', sans-serif;  font-size: 11px;  }
#social li{ padding:2px;}
span.searchBlock-toggler, .NavbarToggle{width: 40px;}
.feature_slider div.base h4 { font-size:1em;}
.feature_slider .listBlock .list_dtls {margin:0; font-size:.94em;}
.feature_slider .listBlock .list_dtls .col a { margin:0; font-size:.7em;}
.slantedWraper{margin-bottom:0;}
.slantedWraper:before, .slantedWraper:after {min-width: 100%;}

.slantedWraper.slantRight:before{left:0;-webkit-transform: none;transform: none;}
.slantedWraper.slantRight:after {left: 0;}
.slantedWraper.slantRight:after {border: 0;-webkit-transform: skew(-37.6deg);transform: skew(-37.6deg);}
.slantedWraper.slantLeft:before, .slantedWraper.slantLeft:after{right:0; border:0;}
.slantedWraper.slantLeft:before{-webkit-transform: skew(37.6deg);transform: none;}
.slantedBullets h2, .slantedWraper h2 { font-size:1.8em;}
.slantedBullets h3, .slantedWraper h3{}
}

@media all and (min-width: 0px) and (max-width: 380px) {  
.slider_block { min-height: 100% !important;  }
.logoBlock{ padding:0;}
.logo { max-width: 220px;}
.logoBlock:before, .logoBlock:after{transform:none;border:0;padding:0;left:auto;right:auto;background: #FFF;}
.Header {background:#FFF;}
#social li.phone{display:block;text-align: center;}
#social li.phone a{ text-align:center;}
.Header .Navigation .navIcon{
    padding: 0 20px;
    background: #2c3076;
}
.Header.headBg .Navigation .mainNav .top-nav{margin-top: -80px;}
.searchBlock-collapse .search__body{width: 99%;padding: 40px 5px;}
.searchBlock-collapse .search__body input[type=submit]{padding: 14px 8px;font-size: 12px;}
.searchBlock-collapse .search__body input[type=text]{padding-left: 6px;padding-right: 80px;}
.subpageHeader-block{padding-top: 160px;}
.footer-nav > ul > li {  display: block;  width: auto;  }
#featuredSlider{height: 220px;}
 .slider_block {height: 100vh;}
 .profile-block h2 {font-size: 1em;}
 .profile-block h3{font-size:1.8em;line-height:1;padding:10px 0;margin: 0;}
 .profile-block { margin-top:0;}
 .profile-block .info-Block {height: 100px;width: 100%;padding: 10px 0;}
 }

@media (max-height: 540px) and (min-height: 100px) and (orientation: landscape) {  
  .sliderContent div.base div {font-size: .90em;margin-top: 40px;}
 }
