article,
aside,
details,
figcaption,
figure,
footer,
header,
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;
}
h1 {
font-size: 2em;
margin: 0.67em 0;
}
mark {
background: #ff0;
color: #8a803e;
}
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;
}
hr {
box-sizing: content-box;
height: 0;
}
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;
}
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"] {
box-sizing: border-box;
padding: 0;
width: auto
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
height: auto;
}
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;
} h1,
h2,
h3,
h4,
h5,
h6 {
clear: both;
}
p {
margin-bottom: 1.5em;
}
dfn,
cite,
em,
i {
font-style: italic;
}
blockquote {
margin: 0 1.5em;
}
address {
margin: 0 0 1.5em;
}
pre {
background: #eee;
font-family: "Courier 10 Pitch", Courier, monospace;
font-size: 15px;
font-size: 0.9375rem;
line-height: 1.6;
margin-bottom: 1.6em;
max-width: 100%;
overflow: auto;
padding: 1.6em;
}
code,
kbd,
tt,
var {
font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
font-size: 15px;
font-size: 0.9375rem;
}
abbr,
acronym {
border-bottom: 1px dotted #666;
cursor: help;
}
mark,
ins {
background: #fff9c0;
text-decoration: none;
}
big {
font-size: 125%;
} html {
box-sizing: border-box;
}
*,
*:before,
*:after { box-sizing: inherit;
}
body {
background: #fff; }
blockquote:before,
blockquote:after,
q:before,
q:after {
content: "";
}
blockquote,
q {
quotes: "" "";
}
hr {
background-color: #ccc;
border: 0;
height: 1px;
margin-bottom: 1.5em;
}
ul {
list-style: disc;
}
ol {
list-style: decimal;
}
dt {
font-weight: bold;
}
dd {
margin: 0 1.5em 1.5em;
}
img {
height: auto; max-width: 100%; }
figure {
margin: 1em 0; }
table {
margin: 0 0 1.5em;
width: 100%;
}  @import url("http://fonts.googleapis.com/css?family=Varela+Round");     #top-bar {
background-color: #66676b;
color: #fff;
padding: 0;
position: relative;
z-index: 1021;
}
ul.top-bar-menu {
margin: 0;
padding: 8px 0;
-webkit-transform: translate3d(0,1px,0);
-moz-transform: translate3d(0,0,0);
}
ul.top-bar-menu li {
font-size: 13px;
display: inline-block;
margin: 0 20px 0 0;
}
ul.top-bar-menu li a {
color: #fff;
}
ul.top-bar-menu li i {
color: #fff;
margin: 0 5px 0 0;
font-size: 15px;
position: relative;
top: 1px;
}
#top-bar ul.social-icons { position: relative; z-index: 990; } #top-bar.light {
background-color: #f5f5f5;
color: #888;
}
#top-bar.light a { color: #888; }
#top-bar.light ul.top-bar-menu li i,
#top-bar.light .top-bar-dropdown span:after { color: #a0a0a0; } .top-bar-dropdown {
cursor: pointer;
display: inline-block;
}
.top-bar-dropdown .options {
opacity: 0;
visibility: hidden;
position: absolute;
margin: 20px 0 0 0;
z-index: 1101;
transition: opacity 0.25s ease-in-out, transform 0.25s ease-in-out;
transform: translate3d(0,15px,0);
border-radius: 3px;
}
.top-bar-dropdown.active .options {
opacity: 1;
pointer-events: auto;
visibility: visible;
transform: translate3d(0,0,0);
}
.top-bar-dropdown .arrow {
width: 0;
height: 0;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-bottom: 6px solid #262626;
position: absolute;
top: -5px;
left: 10px;
}
.top-bar-dropdown span:after {
content: "\f0d7";
font-family: "FontAwesome";
font-size: 14px;
color: #fff;
top: 1px;
margin-left: 6px;
position: relative;
}
.top-bar-dropdown ul  {
background: #262626;
width: 180px;
padding: 14px 0;
}
.top-bar-dropdown ul li  {
width: 100%;
display: block;
padding: 0;
line-height: 21px;
position: relative;
}
.top-bar-dropdown ul li:hover > ul {
display: block;
}
.top-bar-dropdown ul li ul  {
position: absolute;
display: none;
left: 100%;
top: 0;
}
.top-bar-dropdown ul li a  {
padding: 5px 22px;
display: block;
color: #ccc;
z-index: 10;
position: relative;
transition: color 0.25s;
line-height: 21px;
}
.top-bar-dropdown ul li a:hover  {
color: #fff;
z-index: 1;
position: relative;
}
@media (max-width: 992px) {
.top-bar-dropdown ul li ul {
display: block;
position: static;
}
}  #logo { display: inline-block; margin-top: 1px; }
#logo img { max-height: 43px; width: auto; transform: translate3d(0,0,0); }
img.footer-logo { max-height: 43px; width: auto; transform: translate3d(0,0,0); }
#header {
position: relative;
z-index: 1011;
padding: 25px 0 14px 0;
box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.12);
} .header-widget {
position: relative;
top: -1px;
}
.header-widget .button,
.header-widget .button.border { margin-right: 0; }
.header-widget .sign-in {
position: relative;
top: 10px;
color: #333;
margin-right: 25px;
vertical-align: top;
}
.header-widget .sign-in i {
padding-right: 4px;
vertical-align: top;
padding-top: 5px;
}
.header-widget .sign-in:hover { color: #66676b; }
.sign-in i.fa.fa-user:before {
font-family: "simple-line-icons"; 
content: "\e066";
font-size: 17px;
position: relative;
top: -1px;
} header.fullwidth .container {
width: 100%;
margin: 0;
padding: 0 40px;
}
.left-side {
float: left;
width: 65%;
display: inline-block;
}
.right-side {
float: right;
width: 35%;
display: inline-block;
}
#logo,
#navigation { float: left; }
#logo { margin-right: 40px; }
.header-widget { text-align: right; }
#logo h1 { margin-top: 3px; } #header-container.top-border {
border-top: 4px solid #66676b;
}
#header-container.header-style-2 .right-side { width: 70%; }
#header-container.header-style-2 .left-side { width: 30%; }
#header-container.header-style-2 #header { padding-top: 20px; }
#header-container.header-style-2 #header { padding-bottom: 0; }
#header-container.header-style-2 #logo { margin-top: 7px; } .header-style-2 .header-widget {
margin-top: 8px;
margin-bottom: 8px;
float: right;
padding-left: 0;
text-align: left;
}
.header-style-2 .header-widget li {
list-style: none;
display: inline-block;
vertical-align: middle;
margin-right: 20px;
padding-right: 35px;
line-height: 24px;
position: relative;
}
.header-style-2 .header-widget li:after{
position: absolute;
height: 48px;
content: "";
display: inline-block;
width: 1px;
background-color: #e0e0e0;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
top: 50%;
right: 0;
}
.header-style-2 .header-widget li i {
float: left;
display: inline-block;
color: #66676b;
font-size: 34px;
width: 35px;
position: relative;
margin-top: 8px;
margin-right: 18px;
text-align: center;
-webkit-text-stroke: 0.5px #fff;
}
.header-style-2 .header-widget li .widget-content { float: left; max-width: 150px;  }
.header-style-2 .header-widget .sl-icon-location { font-size: 36px; margin: 5px 10px 0 8px;}
.header-style-2 .header-widget li span.title {
display: block;
color: #333;
}
.header-style-2 .header-widget li span.data { color: #808080; }
.header-style-2 .header-widget li.with-btn:after {display: none; }
.header-style-2 .header-widget a.button { margin-left: 13px; line-height: 25px; position: relative; top: 3px; }
.header-style-2 .header-widget li:last-child { margin-right: 0; padding-right: 0;}
.header-style-2 .header-widget li:last-child:after { display: none;} @media (min-width: 992px) {
.header-style-2 .right-side-menu-item {
float: right !important
}
.header-style-2 #navigation ul#responsive { width: 100%; }
.header-style-2 .sign-in i {
top: 3px;
position: relative;
padding-right: 5px;
}
.header-style-2 .user-menu {
float: right;
margin-top: -52px;
margin-right: 10px;
}
.header-style-2 .user-menu.active .user-name,
.header-style-2 .user-menu .user-name,
.header-style-2 .user-menu.active .user-name:hover,
.header-style-2 .user-menu .user-name:hover {
color: #fff !important;
}
.header-style-2 .user-menu.active .user-name:hover:after,
.header-style-2 .user-menu .user-name:hover:after,
.header-style-2 .user-menu.active .user-name:after,
.header-style-2 .user-menu .user-name:after {
color: rgba(255,255,255,0.5) !important;
}
.header-style-2 .user-menu ul { top: 50px; }
}
@media (max-width: 992px) {
.header-style-2 .user-menu-container {
height: 60px;
display: block;
border-top: 1px solid #e0e0e0;
margin: 15px;
padding-top: 15px;
}
.mm-menu .sign-in i.fa.fa-user:before {
font-size: 15px;
position: relative;
top: 1px;
padding-right: 6px;
}
}
@media (max-width: 768px) {
.header-style-2 .right-side { margin-top: 5px; }
.header-style-2 .header-widget a.button.border { margin-bottom: 0px; }
#header-container.header-style-2 .header-widget { zoom: 0.7; }
}  #navigation.style-2.cloned,
#header.cloned {
position: fixed;
top: 0px;
width: 100%;
z-index: 999;
}
#header.cloned { background-color: #fff; }
#navigation.style-2.cloned { margin-top: 0; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.12); }
.admin-bar #navigation.style-2.cloned,
.admin-bar #header.cloned.sticky { margin-top: 32px } #header.cloned #logo img { transform: translate3d(0,0,0); max-width: 120px; margin-top: 1px; }
#header.cloned { padding: 18px 0 7px 0; }
.sticky-logo { display: none; }
#navigation.style-2.cloned .sticky-logo {
display: inline-block;
float: left;
padding: 0;
margin-right: 30px;
margin-top: 12px;
}
#navigation.style-2.cloned .sticky-logo img {
max-height: 32px;
width: auto;
transform: translate3d(0,0,0);
}
#navigation.style-2.cloned.unsticky,
#header.cloned.unsticky {
opacity: 1;
visibility: hidden;
pointer-events: none;
transform: translate(0,-100%) scale(1);
transition: 0.3s;
}
#navigation.style-2.cloned.unsticky { opacity: 0; }
#navigation.style-2.cloned,
#header.cloned.sticky {
opacity: 1;
visibility: visible;
transform: translate(0,0) scale(1);
transition: 0.3s;
}  #footer {
padding: 70px 0 0 0;
background-color: #fcfcfc;
box-shadow: inset 0 20px 50px -20px rgba(0,0,0,0.06);
}
#footer.sticky-footer { box-shadow: none; }
#footer h4 {
color: #333;
font-size: 21px;
margin-bottom: 25px;
}
.footer-shadow {
width: 100%;
display: block;
background: #fff; 
height: 200px;
margin-top: -200px;
position: relative;
z-index: -1;
box-shadow: 0 20px 40px -20px rgba(0,0,0,0.06);
}
.text-widget span { color: #707070; }
.text-widget span.address { display: block; margin-bottom: 10px;} .footer-widget ul {
margin: 0 0 15px 0;
padding: 0;
box-sizing: border-box;
display: inline-block;
float: left;
}
.footer-widget li { position: relative; list-style: none; }
.footer-widget li a {
padding: 0 0 9px 16px;
display: inline-block;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
color: #707070;
line-height: 21px;
}
.footer-widget li a:hover {
padding-left:22px;
color: #66676b;
}
.widget_categories li ,
.widget-out-title_categories li ,
.widget_archive li ,
.widget-out-title_archive li ,
.widget_recent_entries li ,
.widget_recent_comments li,
.widget-out-title_recent_entries li ,
.categories li ,
.widget_pages li,
.widget_nav_menu li,
.widget_meta li {
margin-left: 0px;
position: relative;
padding: 2px 14px 0px;
list-style: none;
}
.widget_categories li:before,
.widget-out-title_categories li:before,
.widget_archive li:before,
.widget-out-title_archive li:before,
.widget_recent_entries li:before,
.widget_recent_comments li:before,
.widget-out-title_recent_entries li:before,
.categories li:before,
.widget_meta li:before,
.widget_nav_menu li:before,
.widget_pages li:before,
.footer-widget.widget_nav_menu li:before {
font-family: "FontAwesome";
font-size: 20px;
content: "\f105";
position: absolute;
left: 0;
top: 0px;
padding: 0 7px 0 0;
color: #ccc;
} .copyrights {
color: #707070;
border-top: 1px solid rgba(0,0,0,0.09);
margin-top: 60px;
text-align: center;
padding: 40px 0;
display: inline-block;
width: 100%;
}
#footer.alt .copyrights { 
margin-top:0;
border: none;
padding: 25px;
}
.copyrights a { color: #707070; } #footer.dark {
background: #222;
color: #aaa;
}
#footer.dark a,
#footer.dark h4,
#footer.dark a:hover {
color: #fff;
}
#footer.dark .text-widget,
#footer.dark .text-widget span,
#footer.dark .footer-widget li a {
color: #aaa;
}
#footer.dark .footer-widget li a:hover { color: #fff; }
#footer.dark .footer-widget li:before { color: #666; }
#footer.dark .copyrights {
color: #aaa;
border-top: 1px solid rgba(255,255,255,0.09);
}
#footer .ptwsi_social-icons li a {
opacity: 0.8;
transition: opacity 0.35s;
}
#footer .ptwsi_social-icons li a:hover { opacity: 1; }  #backtotop {
position: fixed;
right: 0;
display: none;
bottom: 25px;
margin: 0 25px 0 0;
z-index: 999;
}
#backtotop a {
text-decoration: none;
border: 0 none;
display: block;
width: 44px;
height: 44px;
background-color: #66676b;
opacity: 1;
transition: all 0.3s;
border-radius: 3px;
text-align: center;
font-size: 26px
}
body #backtotop a { color: #fff; }
#backtotop a:after {
content: "\f106";
font-family: "FontAwesome";
position: relative;
display: block;
top: 50%;
-webkit-transform: translateY(-55%);
transform: translateY(-55%);
}  .sidebar.left{
padding-right: 20px;
}
.sidebar.right {
padding-left: 20px;
}
.sidebar .widget {
margin-bottom: 50px;
position: relative;
}
.sidebar .widget:last-child { }
.sticky { margin-bottom: 50px; }
.widget h3 { font-size: 22px; }
.sidebar ul {
list-style: none;
margin: 0px;
padding: 0px;
}
.sidebar ul.select-options { padding: 0 4px; } button.widget-button {
position: relative;
display: inline-block;
padding: 0;
cursor: pointer;
border-radius: 3px;
margin-right: 20px;
color: #333;
transition: all 0.3s;
outline: none;
border:  none;
background-color: transparent;
box-shadow: 0;
}
a.widget-button:visited,
a.widget-button {
color: #333;
}
.widget-button i {
font-size: 18px; 
margin-right: 4px;
position: relative;
top: 2px;
}
.widget-button.with-tip .tip-content i.fa{
color: #fff;
margin:0px;
line-height: normal;
font-size: 13px;
}
.widget-button .like-icon {
color: inherit;
position: relative;
top: 0;
bottom: 0;
left: 0;
display: inline-block;
height: 19px;
width: 19px;
margin-right: 6px;
font-size: 21px;
}
.widget-button:hover {
color: #66676b;
}
.widget-button .like-icon:before,
.widget-button .like-icon:after {
transition: opacity 0.3s, transform 0.43s cubic-bezier(.0,-.41,.19,2);
font-family: "FontAwesome";
position: absolute;
right: 0;
}
.widget-button.save:hover,
.widget-button.with-tip.liked i
.widget-button.save.liked i, {
color: #ffa800;
}
.widget-button.save .like-icon:after {
color: #ffa800;
}
.widget-button .like-icon:before,
.widget-button .like-icon.liked:before,
.widget-button .like-icon.liked:after,
.widget-button .like-icon.liked:after {
transform: scale(1)
}
.widget-button .like-icon.liked:before { opacity: 0; }  #navigation {
position: relative;
display: block;
}
#navigation ul {
list-style: none;
position: relative;
float: left;
margin: 0;
padding: 0;
}
#navigation ul a {
display: block;
color: #444;
text-decoration: none;
}
#navigation ul li {
position: relative;
float: left;
margin: 0;
padding: 0
}
#navigation ul li ul {
opacity: 0;
visibility: hidden;
position: absolute;
top: 100%;
left: 0;
padding: 0;
z-index: 99999;
}
#navigation ul ul li {
float: none;
width: 208px;
}
#navigation ul ul ul {
top: 0;
left: 100%;
margin: 0 0 0 10px;
}
#navigation ul ul {
margin: 10px 0 0 0;
}
#navigation ul ul ul:after {
content: "";
position: absolute;
width: 10px;
height: 100%;
left: -10px;
top: 0;
opacity: 0;
}
#navigation ul ul:before {
content: "123";
position: absolute;
width: 100%;
height: 10px;
top: -10px;
opacity: 0;
}
#navigation ul li:hover > ul {
opacity: 1;
visibility: visible;
} #navigation ul li a:after,
#navigation ul ul li a:after {
font-family: "FontAwesome";
opacity: 0.5;
}
#navigation ul li a:after { content: '\f107'; padding-left: 7px; } 
#navigation ul ul li a:after {
content: '\f105';
position: absolute;
right: 15px;
} 
#navigation ul li a:only-child:after { content: ''; padding: 0; } 
#navigation ul ul li a:only-child:after { content: '';} #navigation ul ul {
background-color: #fff;
box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.12);
border-radius: 3px;
}
#navigation ul ul li { border-bottom: 1px solid #e9e9e9; border-radius: 3px; }
#navigation ul ul li:last-child { border-bottom: none; }
#navigation ul li:hover ul a,
#navigation ul ul a {
line-height: 27px !important;
padding: 10px 30px 10px 15px !important;
color: #707070 !important;
}
#navigation ul ul li:hover {
background-color: #f2f2f2 !important;
border-radius: 0;
}
#navigation ul ul li:first-child { border-radius: 3px 3px 0 0; }
#navigation ul ul li:last-child { border-radius: 0 0 3px 3px; }
#navigation ul ul {
opacity: 0;
visibility: hidden;
transition: all 0.25s;
transform: translate3d(0,15px,0);
}
#navigation ul li:hover > ul {
opacity: 1;
visibility: visible;
transform: translate3d(0,0,0);
} #navigation.style-1 > ul > .current-menu-ancestor > a,
#navigation.style-1 > ul > .current-menu-item > a,
#navigation.style-1 > ul > .current {
background-color: transparent;
border: 1px solid #66676b;
color: #66676b;
padding: 5px 15px;
border-radius: 3px;
}
#navigation.style-1 > ul > .current-menu-item > a:after { opacity: 1; }
#navigation.style-1 > ul > .current-menu-ancestor > a:after { opacity: 1; }
#navigation.style-1 > ul > .current:after { opacity: 1; }
#navigation.style-1 ul li {
transition: all 0.25s;
border-radius: 3px;
}
#navigation.style-1 > ul > .current-menu-item > a:hover,
#navigation.style-1 > ul > .current-menu-ancestor > a:hover,
#navigation.style-1 ul li:hover {
background-color: #66676b;
color: #fff;
}
#navigation.style-1 ul li:hover a { color: #fff; }
#navigation.style-1 ul a {
font-size: 15px;
line-height: 32px;
padding: 6px 16px;
}
#navigation.style-1 ul li { margin: 0 5px; }
#navigation.style-1 ul ul li { margin: 0; border-radius: 0; }
#navigation.style-1 ul ul li:first-child { border-radius: 3px 3px 0 0; }
#navigation.style-1 ul ul li:last-child { border-radius: 0 0 3px 3px; } #navigation.style-2 {
width: 100%;
margin-top: 16px;
background-color: #66676b;
}
#navigation.style-2 > ul > .current-menu-item > a:after { opacity: 1; }
#navigation.style-2 > ul > .current-menu-ancestor > a:after { opacity: 1; }
#navigation.style-2 ul li {
transition: all 0.35s;
}
#navigation.style-2 > ul > .current-menu-item > a,
#navigation.style-2 > ul > .current-menu-ancestor > a,
#navigation.style-2 ul li:hover {
background-color: rgba(255,255,255,0.12);
}
#navigation.style-2 ul li:hover a { color: #fff; }
#navigation.style-2 ul a {
font-size: 15px;
line-height: 32px;
padding: 13px 20px;
color: #fff;
border-radius: 0;
}
#navigation.style-2 ul ul li { margin: 0; }  .user-menu {
position: relative;
display: inline-block;
cursor: pointer;
margin-right: 25px;
top: 9px;
vertical-align: top;
padding-left: 25px;
padding-right: 20px;
margin-left: 25px;
}
.user-menu .user-name {
transition: 0.2s;
color: #444;
}
.user-menu .user-name {
transition: 0.2s;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
max-width: 145px;
}
.user-menu .user-name:after {
content: "\f107";
font-family: "FontAwesome";
transition: 0.2s;
transform: rotate(0deg);
display: inline-block;
margin-left: 6px;
color: #aaa;
right: 0;
padding: 0 5px;
position: absolute;
}
.user-menu.active .user-name:after,
.user-menu:hover .user-name:after,
.user-menu.active .user-name,
.user-menu:hover .user-name {
color: #274abb;
}
.user-menu.active .user-name:after { transform: rotate(180deg); } .user-name span img {
width: 100%;
display: inline-block;
border-radius: 50%;
image-rendering: -webkit-optimize-contrast;
}
.user-name span {
display: inline-block;
width: 38px;
height: 38px;
margin-right: 10px;
border-radius: 50%;
position: absolute;
left: -22px;
top: -5px;
}
.user-menu ul {
float: left;
text-align: left;
position: absolute;
top: 45px;
right: 0;
list-style: none;
background-color: #fff;
box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.12);
border-radius: 4px;
display: inline-block;
width: 190px;
font-size: 15px;
transform: translate3d(0,15px,0);
padding: 16px 8px;
box-sizing: border-box;
transition: 0.25s;
visibility: hidden;
opacity: 0;
z-index: 110;
}
.user-menu ul li a {
padding: 5px 15px;
line-height: 22px;
display: inline-block;
color: #696969;
transition: 0.2s;
}
.user-menu ul li a:hover {
color: #274abb;
}
.user-menu ul li a i {
width: 20px;
position: relative;
display: inline-block;
}
.user-menu.active ul {
visibility: visible;
opacity: 1;
transform: translate3d(0,0,0);
} @media only screen and (max-width: 1366px) and (min-width: 1240px) {
.user-menu .user-name {
max-width: 110px;
}
}
@media (min-width: 992px) and (max-width: 1239px) {
.header-widget {
height: auto;
position: absolute;
right: 0;
width: 150%;
}
.header-style-2 .header-widget {
text-align: right;
}
.user-menu { top: 12px; }
.right-side { position: relative; }
}
@media (max-width: 480px) {
.header-widget .user-menu {
top: 0;
margin-top: 7px;
margin-bottom: 20px;
float: left;
}
}  .mm-hidden { display: none!important }
.mm-wrapper {
overflow-x: hidden;
position: relative
}
.mm-menu {
box-sizing: border-box;
background: inherit;
display: block;
padding: 0;
margin: 0;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
z-index: 0
}
.mm-panels,
.mm-panels>.mm-panel {
background: inherit;
border-color: inherit;
box-sizing: border-box;
margin: 0;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
z-index: 0
}
.mm-panels {
overflow: hidden
}
.mm-panel {
-webkit-transform: translate(100%, 0);
-ms-transform: translate(100%, 0);
transform: translate(100%, 0);
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
-webkit-transition: -webkit-transform .4s ease;
transition: -webkit-transform .4s ease;
transition: transform .4s ease;
transition: transform .4s ease, -webkit-transform .4s ease;
-webkit-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left
}
.mm-panel.mm-opened {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
.mm-panel.mm-subopened {
-webkit-transform: translate(-30%, 0);
-ms-transform: translate(-30%, 0);
transform: translate(-30%, 0);
-webkit-transform: translate3d(-30%, 0, 0);
transform: translate3d(-30%, 0, 0)
}
.mm-panel.mm-highest {
z-index: 1
}
.mm-panel.mm-noanimation {
-webkit-transition: none!important;
transition: none!important
}
.mm-panel.mm-noanimation.mm-subopened {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
.mm-panels>.mm-panel {
-webkit-overflow-scrolling: touch;
overflow: scroll;
overflow-x: hidden;
overflow-y: auto;
padding: 0 20px
}
.mm-panels>.mm-panel.mm-hasnavbar {
padding-top: 40px
}
.mm-panels>.mm-panel:not(.mm-hidden) {
display: block
}
.mm-panels>.mm-panel:after,
.mm-panels>.mm-panel:before {
content: '';
display: block;
height: 20px
}
.mm-vertical .mm-panel {
-webkit-transform: none!important;
-ms-transform: none!important;
transform: none!important
}
.mm-listview .mm-vertical .mm-panel,
.mm-vertical .mm-listview .mm-panel {
display: none;
padding: 10px 0 10px 10px
}
.mm-listview .mm-vertical .mm-panel .mm-listview>li:last-child:after,
.mm-vertical .mm-listview .mm-panel .mm-listview>li:last-child:after {
border-color: transparent
}
.mm-vertical li.mm-opened>.mm-panel,
li.mm-vertical.mm-opened>.mm-panel {
display: block
}
.mm-listview>li.mm-vertical>.mm-next,
.mm-vertical .mm-listview>li>.mm-next {
box-sizing: border-box;
height: 40px;
bottom: auto
}
.mm-listview>li.mm-vertical.mm-opened>.mm-next:after,
.mm-vertical .mm-listview>li.mm-opened>.mm-next:after {
-webkit-transform: rotate(225deg);
-ms-transform: rotate(225deg);
transform: rotate(225deg);
right: 19px
}
.mm-btn {
box-sizing: border-box;
width: 40px;
height: 50px;
position: absolute;
top: 0;
z-index: 1
}
.mm-clear:after,
.mm-clear:before,
.mm-close:after,
.mm-close:before {
content: '';
border: 2px solid transparent;
display: block;
width: 5px;
height: 5px;
margin: auto;
position: absolute;
top: 0;
bottom: 0;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg)
}
.mm-clear:before,
.mm-close:before {
border-right: none;
border-bottom: none;
right: 18px
}
.mm-clear:after,
.mm-close:after {
border-left: none;
border-top: none;
right: 25px
}
.mm-next:after,
.mm-prev:before {
content: '';
border-top: 2px solid transparent;
border-left: 2px solid transparent;
display: block;
width: 8px;
height: 8px;
margin: auto;
position: absolute;
top: 0;
bottom: 0
}
.mm-prev:before {
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
left: 23px;
right: auto
}
.mm-next:after {
-webkit-transform: rotate(135deg);
-ms-transform: rotate(135deg);
transform: rotate(135deg);
right: 23px;
left: auto
}
.mm-navbar {
border-bottom: 1px solid;
border-color: inherit;
text-align: center;
line-height: 30px;
height: 50px;
padding: 0 40px;
margin: 0;
position: absolute;
top: 0;
left: 0;
right: 0
}
.mm-navbar>* {
display: block;
padding: 10px 0
}
.mm-navbar a,
.mm-navbar a:hover {
text-decoration: none
}
.mm-navbar .mm-title {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden
}
.mm-navbar .mm-btn:first-child {
left: 0
}
.mm-navbar .mm-btn:last-child {
text-align: right;
right: 0
}
.mm-panel .mm-navbar {
display: none
}
.mm-panel.mm-hasnavbar .mm-navbar {
display: block;
background-color: #262626;
}
.mm-listview,
.mm-listview>li {
list-style: none;
display: block;
padding: 0;
margin: 0
}
.mm-listview {
font: inherit;
font-size: 14px;
line-height: 20px
}
.mm-listview a,
.mm-listview a:hover {
text-decoration: none
}
.mm-listview>li {
position: relative
}
.mm-listview>li,
.mm-listview>li .mm-next,
.mm-listview>li .mm-next:before,
.mm-listview>li:after {
border-color: inherit
}
.mm-listview>li {
border-bottom: 1px solid #404040;
}
.mm-listview>li>a,
.mm-listview>li>span {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
color: inherit;
display: block;
padding: 14px 10px 14px 20px;
margin: 0;
}
.mm-listview>li:not(.mm-divider):after {
content: '';
border-bottom-width: 1px;
border-bottom-style: solid;
display: block;
position: absolute;
left: 0;
right: 0;
bottom: 0;
display: none;
}
.mm-listview>li:not(.mm-divider):after {
left: 20px
}
.mm-listview .mm-next {
background: rgba(3, 2, 1, 0);
width: 50px;
padding: 0;
position: absolute;
right: 0;
top: 0;
bottom: 0;
z-index: 2
}
.mm-listview .mm-next:before {
content: '';
border-left-width: 1px;
border-left-style: solid;
display: block;
position: absolute;
top: 0;
bottom: 0;
left: 0
}
.mm-listview .mm-next+a,
.mm-listview .mm-next+span {
margin-right: 50px
}
.mm-listview .mm-next.mm-fullsubopen {
width: 100%
}
.mm-listview .mm-next.mm-fullsubopen:before {
border-left: none
}
.mm-listview .mm-next.mm-fullsubopen+a,
.mm-listview .mm-next.mm-fullsubopen+span {
padding-right: 50px;
margin-right: 0
}
.mm-panels>.mm-panel>.mm-listview {
margin: 20px -20px
}
.mm-panels>.mm-panel>.mm-listview:first-child,
.mm-panels>.mm-panel>.mm-navbar+.mm-listview {
margin-top: -10px;
}
.mm-menu {
background: #2a2a2a;
border-color: rgba(255,255,255,0.1);
color: #fff;
}
.mm-menu .mm-navbar a,
.mm-menu .mm-navbar>* {
color: #fff;
text-transform: uppercase;
font-weight: 400;
font-size: 13px;
}
.mm-menu .mm-btn:after,
.mm-menu .mm-btn:before {
border-color: rgba(255,255,255,0.8);
}
.mm-menu .mm-listview {
border-color: #2a2a2a
}
.mm-menu .mm-listview>li .mm-next:after {
border-color: rgba(255,255,255,0.8);
}
.mm-menu .mm-listview>li a:not(.mm-next) {
-webkit-tap-highlight-color: rgba(255, 255, 255, .5);
tap-highlight-color: rgba(255, 255, 255, .5)
}
.mm-menu .mm-listview>li.mm-selected>a:not(.mm-next),
.mm-menu .mm-listview>li.mm-selected>span {
background: rgba(255, 255, 255, .05)
}
.mm-menu .mm-listview>li { transition: 0.2s; }
.mm-menu .mm-listview>li:hover {
background: rgba(255, 255, 255, .03)
}
.mm-menu .mm-listview>li.mm-opened.mm-vertical>.mm-panel,
.mm-menu .mm-listview>li.mm-opened.mm-vertical>a.mm-next,
.mm-menu.mm-vertical .mm-listview>li.mm-opened>.mm-panel,
.mm-menu.mm-vertical .mm-listview>li.mm-opened>a.mm-next {
background: rgba(0, 0, 0, .05)
}
.mm-menu .mm-divider {
background: rgba(0, 0, 0, .05)
}
.mm-page {
box-sizing: border-box;
position: relative
}
.mm-slideout {
-webkit-transition: -webkit-transform .4s ease;
transition: -webkit-transform .4s ease;
transition: transform .4s ease;
transition: transform .4s ease, -webkit-transform .4s ease;
}
html.mm-opened {
overflow-x: hidden;
position: relative
}
html.mm-blocking {
overflow: hidden
}
html.mm-blocking body {
overflow: hidden
}
html.mm-background .mm-page {
background: inherit
}
#mm-blocker {
background: rgba(3, 2, 1, 0);
display: none;
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 2
}
html.mm-blocking #mm-blocker {
display: block
}
.mm-menu.mm-offcanvas {
z-index: 0;
display: none;
position: fixed
}
.mm-menu.mm-offcanvas.mm-opened {
display: block
}
.mm-menu.mm-offcanvas.mm-no-csstransforms.mm-opened {
z-index: 10
}
.mm-menu.mm-offcanvas {
width: 80%;
min-width: 140px;
max-width: 440px
}
html.mm-opening .mm-menu.mm-opened~.mm-slideout {
-webkit-transform: translate(80%, 0);
-ms-transform: translate(80%, 0);
transform: translate(80%, 0);
-webkit-transform: translate3d(80%, 0, 0);
transform: translate3d(80%, 0, 0)
}
@media all and (max-width:175px) {
html.mm-opening .mm-menu.mm-opened~.mm-slideout {
-webkit-transform: translate(140px, 0);
-ms-transform: translate(140px, 0);
transform: translate(140px, 0);
-webkit-transform: translate3d(140px, 0, 0);
transform: translate3d(140px, 0, 0)
}
}
@media all and (min-width:550px) {
html.mm-opening .mm-menu.mm-opened~.mm-slideout {
-webkit-transform: translate(440px, 0);
-ms-transform: translate(440px, 0);
transform: translate(440px, 0);
-webkit-transform: translate3d(440px, 0, 0);
transform: translate3d(440px, 0, 0)
}
}
.mm-sronly {
border: 0!important;
clip: rect(1px, 1px, 1px, 1px)!important;
-webkit-clip-path: inset(50%)!important;
clip-path: inset(50%)!important;
white-space: nowrap!important;
width: 1px!important;
height: 1px!important;
padding: 0!important;
overflow: hidden!important;
position: absolute!important
}
em.mm-counter {
font: inherit;
font-size: 14px;
font-style: normal;
text-indent: 0;
line-height: 20px;
display: block;
margin-top: -11px;
position: absolute;
right: 45px;
top: 50%
}
em.mm-counter+a.mm-next {
width: 90px
}
em.mm-counter+a.mm-next+a,
em.mm-counter+a.mm-next+span {
margin-right: 90px
}
em.mm-counter+a.mm-fullsubopen {
padding-left: 0
}
em.mm-counter+a.mm-fullsubopen+a,
em.mm-counter+a.mm-fullsubopen+span {
padding-right: 90px
}
.mm-listview em.mm-counter+.mm-next.mm-fullsubopen+a,
.mm-listview em.mm-counter+.mm-next.mm-fullsubopen+span {
padding-right: 90px;
}
.mm-vertical>.mm-counter {
top: 12px;
margin-top: 0
}
.mm-vertical.mm-spacer>.mm-counter {
margin-top: 40px
}
.mm-nosubresults>.mm-counter {
display: none
}
.mm-menu em.mm-counter {
background-color: rgba(0,0,0,0.3);
height: 22px;
width: 22px;
text-align: center;
border-radius: 50%;
color: #fff;
line-height: 23px;
font-size: 11px;
font-weight: 500;
} .mmenu-trigger {
height: 50px;
width: 50px;
display: none;
position: relative;
margin: 0 0 23px 0;
background-color: #eee;
border-radius: 4px;
cursor: pointer;
} .hamburger {
padding: 0;
top: 13px;
left: 12px;
transform: scale(0.72);
-moz-transform: scale(0.72) translateY(3px);
position: relative;
display: inline-block;
cursor: pointer;
transition-property: opacity, filter;
transition-duration: 0.15s;
transition-timing-function: linear;
font: inherit;
color: inherit;
text-transform: none;
background-color: transparent;
border: 0;
margin: 0;
outline: none;
overflow: visible;
}
.hamburger-box {
position: relative;
}
.hamburger-inner {
display: block;
top: 50%;
outline: none;
margin-top: -2px; }
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
width: 34px;
height: 4px;
background-color: #555;
border-radius: 4px;
position: absolute;
transition-property: transform;
transition-duration: 0.15s;
outline: none;
transition-timing-function: ease; }
.hamburger-inner::before, .hamburger-inner::after {
content: "";
display: block;
}
.hamburger-inner::before { top: -10px; outline: none; }
.hamburger-inner::after { bottom: -10px; outline: none; }
transform: rotate(-90deg); } .hamburger--collapse .hamburger-inner {
top: auto;
bottom: 0;
transition-duration: 0.13s;
transition-delay: 0.13s;
transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
.hamburger--collapse .hamburger-inner::after {
top: -20px;
transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear; }
.hamburger--collapse .hamburger-inner::before {
transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
.hamburger--collapse.is-active .hamburger-inner {
transform: translate3d(0, -10px, 0) rotate(-45deg);
transition-delay: 0.22s;
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
.hamburger--collapse.is-active .hamburger-inner::after {
top: 0;
opacity: 0;
transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear; }
.hamburger--collapse.is-active .hamburger-inner::before {
top: 0;
transform: rotate(-90deg);
transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); }
.mmenu-trigger { display: none; }
@media only screen and (max-width: 992px) { #responsive { display: none; }
.mmenu-trigger { display: inline-block !important; }
.header-style-2 .mmenu-trigger { margin:0; top: 6px; }
.header-style-2 .header-widget a.button.border {float: left;}
#header { padding-top: 20px; }
#logo {
position: absolute;
width: 100%;
margin: 0 auto;
margin-top: 3px;
width: 35%;
text-align: center;
left: 0;
right: 0;
}
.header-widget {
padding: 20px 0;
border-top: 1px solid #eee;
}
.header-widget a.button.border {
padding: 7px 16px;
background-color: transparent;
font-size: 16px;
min-width: auto;
float: right;
}
.header-widget .sign-in { top: 9px; }
#header-container.header-style-2 .left-side,
#header-container.header-style-2 .right-side,
.right-side,
.left-side { width: 100%; }
#top-bar .right-side .social-icons { float: left; position: relative; z-index: 9; } 
#header-container.header-style-2 .header-widget { float: left; margin-top: 35px; margin-bottom: -5px }
.header-widget { text-align: left; }
ul.top-bar-menu { z-index: 99; position: relative; }
.header-style-2 .menu-responsive { width: 750px; margin-left: auto; margin-right: auto; float: none; padding: 0 15px; }
#header-container.header-style-2 .header-widget { width: calc(100%);  border-top: 1px solid #e0e0e0; padding-top: 30px; }
.menu {max-height: none;}
#responsive { display: none; } .responsive-search input:focus { border: none; color: #fff; }
#header-container.header-style-2 .left-side,
#header-container.header-style-2 .right-side,
.right-side,
.left-side { width: 100%; }
#top-bar .right-side .social-icons { float: left; position: relative; z-index: 9; } 
#header-container.header-style-2 .header-widget { float: left; margin-top: 35px; margin-bottom: -5px }
.header-widget { text-align: left; }
ul.top-bar-menu { z-index: 99; position: relative; }
.header-style-2 .menu-responsive { width: 750px; margin-left: auto; margin-right: auto; float: none; padding: 0 15px; }
#header-container.header-style-2 .header-widget { width: calc(100%);  border-top: 1px solid #e0e0e0; padding-top: 30px; }
}
@media (max-width: 767px) {
.header-style-2 .menu-responsive { width: auto; margin-left: auto; margin-right: auto; float: none; padding: 0 15px; }
#header-container.header-style-2 #header .container { width: 100%; }
#header-container.header-style-2 .header-widget li .button { margin-left: 0; }
#header-container.header-style-2 .header-widget li:after { display: none; }
#header-container.header-style-2 .header-widget li { width: 100%; padding: 10px 0; margin: 0; }
#header-container.header-style-2 .header-widget li i { width: 50px; margin: 0 0 0 0px; display: inline-block; text-align: left; top: 3px;}
}
@media (max-width: 360px) {
.header-widget .sign-in {
display: block;
top: 0;
margin-bottom: 10px;
}
.header-widget a.button.border {
float: left;
margin-bottom: 10px;
}
}  .search-container {
display: block;
width: 100%;
position: relative;
padding: 170px 0;
margin-top: -10px;
z-index: 999;
} .search-container h2 {
font-size: 40px;
color: #fff;
margin-bottom: 30px;
letter-spacing: -1px;
}
.search-container  input {
font-weight: 500;
font-size: 17px;
height: 57px !important;
float: left;
box-sizing: border-box;
border: none;
float: left;
height: auto;
}
.search-container input:focus { border: none; }
.search-container button.button {
width: 100%;
margin: 0;
font-size: 18px;
position: relative;
height: 57px;
}
.search-container .main-search-input button.button i {
position: relative;
left: 2px;
}
.main-search-input.larger-input .input-with-icon-2 { flex: 1; }
.main-search-input.larger-input .input-with-icon-2.location a i {
right: 2px;
top: 49%;
transform: translateY(-50%);
}
.search-container .input-with-icon-2.location a i {
right: 12px;
top: 49%;
transform: translateY(-50%);
background: #fff;
}
.search-container input { background: #fff; }
.search-container .row.with-forms .chosen-container {
margin-bottom: 0
}
.search-container .chosen-container-single .chosen-single {
height: 57px;
line-height: 57px;
font-size: 17px;
border-color: #fff !important
}
.search-container .chosen-container .chosen-drop {
border-color: #fff
}
.search-container .row.with-forms input { margin-bottom: 0 !important; }
body .search-container button:before { 
content: "";
display: inline-block;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background-color: rgba(12,12,12,1);
opacity: 0;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
z-index: 99;
}
.search-container button:hover:before { opacity: 1; }
.search-container button i { z-index: 100; position: relative; } .adv-search-btn {
color: #fff;
margin-top: 25px;
}
#map-container.homepage-map #findeo-map { height: 100% !important; }
.adv-search-btn a {
background-color: rgba(255,255,255,0.15);
border: 1px solid rgba(255,255,255,0.35);
padding: 7px 12px;
color: #fff;
margin-left: 7px;
border-radius: 3px;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
display: inline-block;
padding: 3px 10px;
}
.adv-search-btn a:hover {
background-color: rgba(255,255,255,0.25);
border: 1px solid rgba(255,255,255,0.45);
} .announce {
color: #fff;
font-size: 24px;
font-weight: 300;
margin-top: 40px;
}  #realteo_reset_filters {
font-size: 12px;
float: right;
color: #ee0d2d;
margin-top: 6px;
}
.main-search-container {
transform: translate3d(0,-12px,0);
}
.main-search-container h1,
.main-search-container h2 {
text-align: center;
color: #fff;
font-size: 36px;
}
.main-search-form {
width: 660px;
display: block;
margin: 0 auto;
position: relative;
margin-top: 35px;
}
.main-search-box {
background-color: #fff;
box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.12);
padding: 30px;
padding-bottom: 20px;
margin-top: -9px;
border-radius: 3px;
}
.main-search-box.no-shadow {
box-shadow: none;
padding: 0;
margin: 0;
} .search-type {
display: inline-block;
padding-bottom: 35px;
position: relative;
}
.search-type input[type="radio"] { display: none; }
.search-type label {
background-color: #fff;
color: #333;
cursor: pointer;
display:inline-block;
text-align: center;
padding: 9px 18px;
margin: 0 15px 0 0;
float: left;
transition: all 0.2s;
border-radius: 3px;
}
.search-type label:hover,
.search-type label.active {
background-color: #66676b;
color: #fff;
}
.search-type-arrow {
width: 0; 
height: 0; 
border-left: 15px solid transparent;
border-right: 15px solid transparent;
border-bottom: 15px solid #fff;
position: absolute;
bottom: 0;
left: 0;
transform: translate3d(3px,0,0);
} #map-container .main-search-container {
position: absolute;
bottom: 50px;
left: 50%;
transform: translate(-50%, 100%);
z-index: 9999;
transition: all 0.4s;
width: auto;
}
#map-container .main-search-container.active {
position: absolute;
bottom: 40px;
left: 50%;
transform: translate(-50%, 0);
z-index: 9999;
}
#map-container .main-search-form { width: 100%; margin-top: 0; }
#map-container .main-search-box { padding-bottom: 15px; margin-top: 0; border-radius: 0 3px 3px 3px; }
#map-container.homepage-map {
height: 580px;
overflow: hidden;
}
@media (max-width: 1369px) { #map-container.homepage-map { height: 480px; }  }
#map-container.homepage-map.overflow { overflow: visible; }
a.button.adv-search-btn {
color: #fff;
border-radius: 3px 3px 0 0;
font-size: 16px;
padding: 0 24px;
position: relative;
z-index: 9999;
margin: 0;
height: 50px;
line-height: 50px;
display: inline-block;
overflow: visible;
}
a.adv-search-btn i {
font-size: 14px;
margin-left: 7px;
transition: 0.2s;
}
a.adv-search-btn.active i.fa.fa-caret-up { transform: rotate(-540deg); }  .main-search-input {
width: 100%;
position: relative;
margin-bottom: 18px;
display: flex;
}
.main-search-input-no-width {
width: 50%;
}
.main-search-input-no-width input {
font-weight: 500;
font-size: 17px;
height: 57px !important;
box-sizing: border-box;
border: none;
float: left;
}
.row.with-forms .main-search-input { margin-bottom: 0; }
.main-search-input input {
display: inline-block;
margin: 0;
flex: 1;
}
.main-search-input button.button {
width: auto;
min-width: 120px;
margin: 0;
position: relative;
margin-left: 20px;
flex: 0 auto;
height: 51px;
}
.larger-input button.button,
.larger-input input {
height: 55px;
min-width: 120px;
} .row.with-forms input,
.row.with-forms input[type="text"],
.row.with-forms input[type="password"],
.row.with-forms input[type="email"],
.row.with-forms input[type="tel"],
.row.with-forms input[type="number"],
.row.with-forms textarea,
.row.with-forms input,
.row.with-forms select,
#submit-property-form .chosen-container,
.row.with-forms .chosen-container {
margin-bottom: 18px;
}
.row.with-forms {
margin-left: -10px;
margin-right: -10px;
}
.with-forms .col-xs-1, .with-forms .col-sm-1, .with-forms .col-md-1, .with-forms .col-lg-1,
.with-forms .col-xs-2, .with-forms .col-sm-2, .with-forms .col-md-2, .with-forms .col-lg-2,
.with-forms .col-xs-3, .with-forms .col-sm-3, .with-forms .col-md-3, .with-forms .col-lg-3,
.with-forms .col-xs-4, .with-forms .col-sm-4, .with-forms .col-md-4, .with-forms .col-lg-4,
.with-forms .col-xs-5, .with-forms .col-sm-5, .with-forms .col-md-5, .with-forms .col-lg-5,
.with-forms .col-xs-6, .with-forms .col-sm-6, .with-forms .col-md-6, .with-forms .col-lg-6,
.with-forms .col-xs-7, .with-forms .col-sm-7, .with-forms .col-md-7, .with-forms .col-lg-7,
.with-forms .col-xs-8, .with-forms .col-sm-8, .with-forms .col-md-8, .with-forms .col-lg-8,
.with-forms .col-xs-9, .with-forms .col-sm-9, .with-forms .col-md-9, .with-forms .col-lg-9,
.with-forms .col-xs-10, .with-forms .col-sm-10, .with-forms .col-md-10, .with-forms .col-lg-10,
.with-forms .col-xs-11, .with-forms .col-sm-11, .with-forms .col-md-11, .with-forms .col-lg-11,
.with-forms .col-xs-12, .with-forms .col-sm-12, .with-forms .col-md-12, .with-forms .col-lg-12 {
padding: 0 10px;
}  section.search {
margin: 0;
padding: 50px 0;
background: linear-gradient(to top, transparent 0%, rgba(255,255,255,0.5));
background-color: #f7f7f7;
}
section.search .main-search-box,
section.search .more-search-options-container {
background-color: transparent;
}
h3.search-title {
margin: 3px 0 35px 0;
font-size: 28px;
}
h4.search-title {
margin: 10px 0 34px 0;
font-size: 24px;
}
.search-title i {
font-size: 22px;
position: relative;
top: 0;
margin-right: 4px;
} .more-search-options {
opacity: 0;
visibility: hidden;
display: block;
position: absolute;
width: 100%;
left: 0;
margin-top: 30px; 
transition: all 0.35s;
z-index: 19;
transform: translate3d(0,-20px,0);
}
.more-search-options.relative {
position: relative;
margin-top:0;
opacity: 1;
visibility: visible;
transform: translate3d(0,0,0);
transition: none;
display: none;
}
.more-search-options.relative.active { transform: translate3d(0,0,0); }
.more-search-options.relative .more-search-options-container {
box-shadow: none;
padding:0;
margin: 20px 0 5px 0;
} .custom-box {
box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
border-radius: 0 0 3px 3px;
}
.custom-box .checkboxes { padding: 20px 30px 25px 30px }
.more-search-options:before {
position: absolute;
top: -10px;
width: 100%;
content: "";
background-color: #fff;
height: 10px;
display: inline-block;
z-index: 101;
}
.more-search-options.relative:before { display: none; }
.more-search-options.active {
opacity: 1;
visibility: visible;
transform: translate3d(0,-10px,0);
}
.more-search-options-container {
background-color: #fff;
box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.12);
position: relative;
padding: 30px 30px 25px 30px;
padding-top: 0;
border-radius: 0 0 3px 3px;
} .more-search-options-trigger {
font-size: 15px;
margin: 5px 0 2px 0;
display: inline-block;
}
.more-search-options-trigger:after { content: attr(data-open-title); }
.more-search-options-trigger.active:after { content: attr(data-close-title); }
.more-search-options-trigger:before {
content: "\f055";
font-family: "FontAwesome";
padding-right: 7px;
}
.more-search-options-trigger.active:before { content: "\f056" }
.widget .more-search-options-trigger { font-size: 16px; } .range-slider label {
color:#333;
font-size: 16px;
margin-bottom: 25px;
}
.range-slider .ui-slider {
position: relative;
text-align: left;
}
.range-slider .ui-slider .ui-slider-handle {
position: absolute;
z-index: 2;
width: 18px;
height: 18px;
border-radius: 50%;
border: 2px solid #66676b;
cursor: w-resize;
background: #fff;
outline: none;
top: -8px;
margin-left: -8px;
box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.15);
}
.range-slider .ui-slider .ui-slider-range {
position: absolute;
z-index: 1;
display: block;
border: 0;
background-position: 0 0;
}
.range-slider .ui-widget-content {
background-color: #e8e8e8;
}
.range-slider .ui-widget-header {
background-color: #66676b;
}
.range-slider .ui-slider.ui-state-disabled .ui-slider-handle,
.range-slider .ui-slider.ui-state-disabled .ui-slider-range {
filter: inherit;
}
.range-slider .ui-slider-horizontal {
height: 3px;
border-radius: 10px;
width: calc(100% - 16px);
margin-left: 8px;
}
.range-slider .ui-slider-horizontal .ui-slider-range {
top: 0;
height: 100%;
}
.range-slider .ui-slider-horizontal .ui-slider-range-min {
left: 0;
}
.range-slider .ui-slider-horizontal .ui-slider-range-max {
right: 0;
}
input.first-slider-value:focus,
input.second-slider-value:focus,
input.first-slider-value,
input.second-slider-value {
width: 40%;
display: inline-block;
border: 0;
background-color: transparent;
padding: 0;
margin: 12px 0 0 0;
cursor: default;
}
input.first-slider-value {
float: left;
margin-left: -8px;
width: 40%;
}
input.second-slider-value {
float: right; 
width: 40%;
text-align: right;
margin-right: -8px;
}  .realteo-term-checklist,
.checkboxes {
list-style: none;
padding: 0;
overflow: hidden;
}
.realteo-term-checklist label,
.checkboxes.in-row label { margin-top: 9px; }
.checkboxes.one-in-row label { margin-top: 9px; width: 100%; }
.realteo-term-checklist li { padding: 4px 0; float: left; }
.checkboxes li { padding: 4px 0; float: none; }
.realteo-term-checklist li:last-child,
.checkboxes li:last-child { margin-bottom: -8px; }
.realteo-term-checklist label,
.checkboxes label {
display: inline-block;
cursor: pointer;
position: relative;
padding-left: 28px;
margin-right: 20px;
margin-bottom: 0;
font-size: 15px;
}
.realteo-term-checklist label span,
.checkboxes label span {
color: #909090;
font-size: 15px;
}
.realteo-term-checklist input[type=checkbox],
.checkboxes input[type=checkbox] { display: none; }
.realteo-term-checklist label:before,
.checkboxes label:before {
content: "";
display: inline-block;
width: 19px;
height: 19px;
margin-right: 10px;
position: absolute;
left: 0;
top: 3px;
background-color: #fff;
border: 2px solid #d0d0d0;
border-radius: 2px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
transition: border-color 0.3s;
} .realteo-term-checklist input[type=checkbox]:checked + label:before, 
.checkboxes input[type=checkbox]:checked + label:before {
content: "\f00c";
font-family: "FontAwesome";
font-size: 12px;
color: #fff;
text-align: center;
line-height: 15px;
background-color: #66676b;
border: 2px solid transparent;
transition: border-color 0s;
}  .parallax {
background-repeat: no-repeat;
background-position: 50% 50%;
position: relative;
z-index: 99;
} .fullscreen,
.content-a {
width:100%;
height:100%;
overflow:hidden;
}
.fullscreen.overflow,
.fullscreen.overflow .content-a {
height:auto;
min-height:100%;
} .centered-container {
display:table;
}
.centered-content {
display:table-cell;
position:relative;
vertical-align:middle;
text-align:center;
} .vc_parallax>.parallax-overlay,
.parallax-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 101;
background-color: #333;
}
body .vc_parallax>* {
z-index: inherit;
}
.vc_parallax .text-content {
z-index: 1001
} .parallax-content {
position: relative;
z-index: 999;
padding: 105px 0;
}  #titlebar {
background-color: #f8f8f8;
position: relative;
padding: 70px 0;
margin-bottom: 65px;
}
#titlebar span a,
#titlebar span {
font-size: 20px;
color: #888;
margin-bottom: 3px;
margin-top: 6px;
display: inline-block;
}
#titlebar #breadcrumbs span {
font-size: 15px;
}
.parallax.titlebar #breadcrumbs span {
color: #fff;
}
#titlebar h1,
#titlebar h2 {
font-size: 32px;
line-height: 40px;
margin: 1px 0 3px 0;
} #breadcrumbs {
position: absolute;
right: 15px;
display: inline-block;
font-size: 15px;
font-weight: 500;
color: #888;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
#breadcrumbs ul { margin: 0; }
#breadcrumbs ul li a {
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
color: #888;
}
#breadcrumbs ul li a:hover { color: #666 }
#breadcrumbs ul li {
display: inline-block;
list-style: none;
margin: 0 0 0 10px;
}
#breadcrumbs ul li:first-child:before { display: none; }
#breadcrumbs ul li:before {
content: "\f105";
font-family: "FontAwesome";
color: #a0a0a0;
font-size: 14px;
margin-right: 15px;
}
#titlebar.photo-bg #breadcrumbs ul li,
#titlebar.photo-bg #breadcrumbs ul li a,
#titlebar.photo-bg #breadcrumbs ul li:before { color: #fff; } .parallax #titlebar {
background-color: transparent;
position: relative;
z-index: 999;
padding: 90px 0;
}
.parallax #titlebar h1,
.parallax #titlebar h2,
.parallax #titlebar #breadcrumbs ul li,
.parallax #titlebar #breadcrumbs ul li a,
.parallax #titlebar #breadcrumbs ul li::before {color: #fff}
.parallax #titlebar span a,
.parallax #titlebar span { color: rgba(255,255,255,0.7); }  .agents-container {
position: relative;
z-index: 9; 
}
.agent {
box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
background-color: #fff;
display: block;
border-radius: 3px;
margin-bottom: 30px;
} .agent-avatar {
width: 100%;
}
.agent-avatar img {
border-radius: 3px 3px 0 0;
width: 100%;
height: 100%;
transform: translate3d(0);
}
.agent-avatar a {
position: relative;
width: 100%;
height: 100%;
display: block;
overflow: hidden;
}
.agent-avatar a:before {
position: absolute;
height: 100%;
width: 100%;
display: block;
top: 0;
left: 0;
content: "";
z-index: 9;
opacity: 0;
background: #66676b;
background: linear-gradient(to bottom, transparent 50%, #66676b);
transition: opacity 0.4s;
}
.view-profile-btn {
position: absolute;
top: 50%;
left: 50%;
z-index: 101;
transform: translate(-50%, -80%);
opacity: 0;
transition: 0.35s; 
text-align: center;
display: inline-block;
margin: 0 auto;
color: #fff;
background-color: #66676b;
padding: 7px 14px;
border-radius: 3px;
}
.agent-avatar a:hover .view-profile-btn {
opacity: 1;
transform: translate(-50%,-50.5%);
}
.agent-avatar a:hover:before {
opacity: 0.9;
} .agent-contact-details {
list-style: none;
padding: 0;
margin: 0;
color: #909090;
display: block;
padding: 18px 32px;
background-color: #f7f7f7;
}
.agent-contact-details li {
position: relative;
margin-left: 28px;
line-height: 23px;
padding: 3px 0;
word-break: break-all;
}
.agent-contact-details li a {
color: #909090;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
display: block;
}
.agent-contact-details li a:hover { color: #66676b; }
.agent-contact-details li i {
font-size: 18px;
position: relative;
top: 5px;
left: -28px;
position: absolute;
}
.agent-contact-details li i.fa { font-size: 17px; } body .agent ul.social-icons { margin-left: 33px; }
body .agent ul.social-icons li { margin: 11px 0 6px 0; }
body .agent .social-icons li a {
transform: scale(0.92);
width: 34px;
}
body .agent .social-icons li a.facebook {
width: 30px;
position: relative;
top: 2px;
}
body .agent .social-icons li a::before { color: #b0b0b0; } .agent-name { padding: 24px 32px; }
.agent-name h4 { margin: 0; font-size: 19px; }
.agent-name span {
font-size: 16px;
color: #909090;
margin: 4px 0 -2px 0;
line-height: 24px;
display: block;
} .agent-page {
padding: 0;
display: flex;
padding-right: 30px;
}
.agent.agent-page {
margin-bottom: 50px;
}
.agent-page .agent-content,
.agent-page .agent-avatar,
.agent-page .agent-form {
flex: 3;
}
.agent-page .agent-avatar {
flex: 1.5;
margin: 0;
}
.agent-page .agent-content {
padding: 0 40px;
padding-top: 30px;
padding-bottom: 19px;
}
.agent-page .agent-avatar img {
border-radius: 3px 0 0 3px;
height: auto;
}
.agent-page .agent-contact-details {
border-radius: 3px;
background: linear-gradient(to left, #fff 0%, #f7f7f7);
}
.agent-page .agent-name {
padding-left: 0;
padding-top: 10px;
}
body .agent-page ul.social-icons{
margin-left: 0;
}
.agent-page .agent-name h4 {
font-size: 21px;
color: #66676b;
}
.agent-page .agent-name span {
font-size: 17px;
margin-top: 5px;
} .agent-page.long-content .agent-avatar { margin: 0 26px 0 0; }
.agent-page.long-content .agent-avatar img {
margin: 32px 0 32px 32px;
border-radius: 3px;
}  .fs-container {
height: 100%;
width: 100%;
}
.fs-container #map-container {
position: relative;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 990;
margin-bottom: 0px;
}
.fs-content {
max-height: 100%;
overflow: auto;
padding: 0;
}
.fs-container section.search {
padding: 32px 40px 40px 40px;
}
.fs-content .more-search-options { margin-top: 20px; }
.fs-container .fs-listings {
padding: 0 25px;
margin: 0;
}
.fs-switcher {
padding: 0 25px;
margin: 0;
} .fs-inner-container {
width: 50%;
height: 100%;
float: left;
display: inline-block;
}
.fs-inner-container { width: 55%; }
.fs-inner-container:first-child { width: 45%; }
.fs-inner-container:first-child,
.fs-container #map-container,
.fs-container,
#map {min-width: 44vw;}
.button.fs-map-btn button.button.fullwidth {
position: relative;
float: right;
top: 6px;
padding: 10px 40px;
margin: 0;
width:auto;
}
.fs-container .more-search-options-trigger {
position: relative;
top: 10px;
}
.showing-results {
color: #888;
margin: 5px 0 25px 0;
}
.listings-container.fs-listings {
left: 0;
width: 100%;
position: relative;
}
.listings-container.fs-listings.grid-layout {
left: 0;
width: 100%;
position: relative;
}
.listings-container.fs-listings.list-layout {
padding: 0 0px;
}
.listings-container.fs-listings.list-layout .listing-content { flex: 4; }
.listings-container.fs-listings.list-layout .listing-img-container { flex: 0 auto; max-width: 300px; } @media (max-width:1365px) {
.listings-container.fs-listings.grid-layout .listing-item {
width: 100%;
margin: 0 0 30px 0;
}
.listings-container.fs-listings.grid-layout { padding: 0 40px; }
.listings-container.fs-listings.list-layout .listing-item { display: block; }
.listings-container.fs-listings.list-layout .details.button.border { display: none; }
.listings-container.fs-listings.list-layout .listing-img-container { max-width: 100%; }
.fs-switcher .layout-switcher { display: none; }
} .col-fs-12,
.col-fs-11,
.col-fs-10,
.col-fs-9,
.col-fs-8,
.col-fs-7,
.col-fs-6,
.col-fs-5,
.col-fs-4,
.col-fs-3,
.col-fs-2,
.col-fs-1   {
float: left;
padding: 0 10px;
}
.col-fs-12  { width: 100% }
.col-fs-11  { width: 91.66666667% }
.col-fs-10  { width: 83.33333333% }
.col-fs-9   { width: 75% }
.col-fs-8   { width: 66.66666667% }
.col-fs-7   { width: 58.33333333% }
.col-fs-6   { width: 50% }
.col-fs-5   { width: 41.66666667% }
.col-fs-4   { width: 33.33333333% }
.col-fs-3   { width: 25% }
.col-fs-2   { width: 16.66666667% }
.col-fs-1   { width: 8.33333333% }
@media (max-width:1599px) {
.col-fs-12 ,
.col-fs-11,
.col-fs-10,
.col-fs-9,
.col-fs-8,
.col-fs-7,
.col-fs-6   { width: 100% }
.col-fs-5,
.col-fs-4,
.col-fs-3,
.col-fs-2,
.col-fs-1   { width: 50% }
}
@media (max-width: 992px) {
.col-fs-12 ,
.col-fs-11,
.col-fs-10,
.col-fs-9,
.col-fs-8,
.col-fs-7,
.col-fs-6,
.col-fs-5,
.col-fs-4,
.col-fs-3,
.col-fs-2,
.col-fs-1   { width: 100% }
.overflow-hidden { overflow: hidden; }
}  #properties-not-found {
background: linear-gradient(to bottom, rgba(255,255,255,0.2), transparent);
background-color: #E9F7FE; 
color: #3184ae;
padding: 15px 34px;
border-radius: 4px;
margin-top: 20px;
display: block;
}
#properties-not-found h2 {
color: #267298;
font-size: 24px;
}
.count_properties,
.count_text {
font-style: normal;
} .fs-listings,
.listings-container {
position: relative;
z-index: 9;
}
.listing-item {
box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
background-color: #fff;
display: block;
width: 100%;
border-radius: 3px;
margin-bottom: 30px;
}
.owl-carousel .listing-item { margin-bottom: 0; }
.listing-img-container {
position: relative;
height: 100%;
width: 100%;
display: block;
}
.listing-img-container img {
width: 100%;
border-radius: 3px 3px 0 0;
}
.listing-img-container:after,
.listing-img-container:before {
position: absolute;
height: 100%;
width: 100%;
display: block;
top: 0;
left: 0;
content: "";
z-index: 9;
}
.listing-img-container:before {
opacity: 0.9;
background: linear-gradient(to bottom, transparent 65%, #2f2f2f);
transition: opacity .3s;
}
.listing-img-container:after {
opacity: 0;
background: linear-gradient(to bottom, transparent 60%, #66676b);
transition: opacity .4s;
}
.listing-img-container:hover:before {
opacity: 0;
transition: opacity 0.4s;
}
.listing-img-container:hover:after {
opacity: 0.9;
transition: opacity 0.3s;
} .listing-img-content {
position: absolute;
z-index: 99;
bottom: 0;
left: 0;
width: 100%;
box-sizing: border-box;
padding: 25px 30px;
}
.listing-img-content span {
color: #fff;
font-size: 23px;
}
.listing-img-content .listing-price i {
display: block;
font-style: normal;
font-size: 16px;
padding: 0;
margin: -4px 0 0 0;
} .listing-badges {
position: absolute;
top: 0;
z-index: 999;
right: 0;
width: 100%;
display: block;
font-size: 13px;
padding: 0px;
overflow: hidden;
height: 100px;
}
.listing-badges span {
color: #fff;
display: inline-block;
padding: 1px 10px;
float: right;
background-color: rgba(74,74,76,0.7);
border-radius: 3px;
top: 15px;
right: 15px;
margin-top: 15px;
margin-right: 15px;
}
.listing-badges .featured {
background-color: #66676b;
float: left;
transform: rotate(-45deg);
left: -67px;
top: 17px;
position: relative;
text-align: center;
width: 200px;
font-size: 12.5px;
margin: 0;
} span.like-icon {
color: #fff;
font-size: 24px;
position: absolute;
z-index: 101;
right: 30px;
bottom: 30px;
height: 25px;
}
.like-icon:before,
.like-icon:after {
transition: opacity 0.3s, transform 0.4s cubic-bezier(.0,-.41,.19,2.5);
font-family: "FontAwesome";
position: absolute;
right: 0;
}
.like-icon.clicked:before {
content:"\f1ce";
-webkit-animation: fa-spin 2s infinite linear;
animation: fa-spin 2s infinite linear;
}
.like-icon:before {
content: "\f006";
transform: scale(0.95);
}
.like-icon:after {
content: "\f005";
opacity: 0;
transform: scale(0.5);
color: #ffcf00;
}
.like-icon.liked:after {
opacity: 1;
transform: scale(1.1);
} .listing-title {
padding: 15px 30px;
padding-top: 12px;
}
.listing-title h4 {
margin-bottom: 7px;
}
.listing-title h4 a {
font-size: 20px;
color: #333;
line-height: 31px;
}
.listing-title h4 a:hover { color: #66676b; }
.listing-address {
color: #909090;
top: -7px;
position: relative;
}
.list-layout .listing-address { top: -5px; }
a.listing-address {
display: inline-block;
position: relative;
padding-left: 16px;
line-height: 22px;
}
.listing-address:hover { color: #707070; }
.listing-address i {
display: inline-block;
position: absolute;
left: 0;
top: 2px;    
} ul.listing-details {
background-color: #f7f7f7;
list-style: none;
padding: 0;
margin: 0;
display: inline-block;
width: 100%;
padding: 18px 30px 18px 0;
}
ul.listing-details li {
width: auto;
box-sizing: border-box;
margin: 0;
color: #868686;
padding: 3px 0 3px 30px;
display: inline-block;
line-height: 26px;
} .listing-footer {
color: #909090;
padding: 15px 30px;
}
.listing-footer i { padding-right: 3px; }
.listing-footer a { color: #909090; }
.listing-footer a:hover { color: #707070; }
.listing-footer span { float: right; } .listing-features {
background-color: #f7f7f7;
background: linear-gradient(to bottom, #f9f9f9 0%, #f6f6f6);
width: 100%;
display: block;
list-style: none;
margin: 0;
padding: 10px 30px 24px 30px;
}
.listing-features li {
font-size: 15px;
color: #888;
display: inline-block;
margin-right: 28px;
padding: 14px 0 0 0;
line-height: 26px;
}
.listing-features li:last-child {
margin: 0;
}
.listing-features li span {
display: block;
color: #444;
} .list-layout .listing-item {
display: flex;
margin: 0 0 30px 0;
}
.list-layout .listing-content { flex: 3; }
.list-layout .listing-img-container {
height: 0;
min-height: 200px;
flex: 2;
overflow: hidden;
border-radius: 3px 0 0 3px;
}
.fullwidth-layout.list-layout .listing-content { flex: 4; }
.fullwidth-layout.list-layout .listing-img-container { flex: 1.6; }
.fullwidth-layout .list-layout .listing-content { flex: 4; }
.fullwidth-layout .list-layout .listing-img-container { flex: 1.6; }
.list-layout .listing-img-container img {
object-fit: cover;
height: 100%;
width: 100%;
border-radius: 3px 0 0 3px;
}
.list-layout .listing-title {
padding: 18px 35px;
padding-bottom: 20px;
padding-right: 160px;
position: relative;
}
.list-layout ul.listing-details {
padding: 18px 0;
padding-right: 35px;
}
.list-layout ul.listing-details li { padding-left: 35px; }
.list-layout .listing-footer {
padding: 15px 35px;
}
.list-layout .listing-img-container:before {
background: linear-gradient(to bottom, transparent 55%, #2f2f2f);
}
.list-layout .listing-img-container:after {
background: linear-gradient(to bottom, transparent 55%, #66676b);
} .grid-layout .listing-item .details.button { display: none; }
.grid-layout .listing-item.list-layout .details.button { display: block; }
.grid-layout {
left: -1.5%;
width: 103%;
position: relative;
}
.grid-layout .listing-item {
display: inline-block;
width: 47%;
float: left;
margin-left: 1.5%;
margin-right: 1.5%;
position: relative;
} .grid-layout-three {
left: -1%;
width: 102%;
position: relative;
}
.grid-layout-three .listing-item {
display: inline-block;
width: 31.33%;
float: left;
margin-left: 1%;
margin-right: 1%;
position: relative;
} .layout-switcher.hidden { display: none; }
.layout-switcher a {
width: 36px;
height: 36px;
background-color: #f0f0f0;
display: inline-block;
border-radius: 3px;
color: #a0a0a0;
font-size: 20px;
line-height: 38px;
text-align: center;
transition: all 0.3s;
}
.layout-switcher a.active,
.layout-switcher a:hover {
color: #fff;
background-color: #66676b;
}
.layout-switcher { text-align: right; } .details.button.border {
padding: 8px 16px;
position: absolute;
top: 50%;
right: 35px;
margin: 0;
transform: translate(0,-51%) scale(1);
transition: all 0.25s;
overflow: hidden;
display: none;
}
.list-layout .details.button.border { display: block; }
.details.button.border:hover { padding-right: 32px; }
.details.button.border:after {
content: "\f105";
font-family: "FontAwesome";
font-size: 18px;
position: absolute;
opacity: 0;
color: #fff;
transition: all 0.25s;
right: 5px;
}
.details.button.border:hover:after {
opacity: 1;
right: 15px;
} .listing-item.compact {
overflow: hidden;
position: relative;
z-index: 99;
}
.compact .listing-img-content  { padding: 0; }
.listing-hidden-content {
position: relative;
width: 100%;
background-color: #66676b;
color: #fff;
height: 0;
transition: all 0.4s;
padding: 0 !important;
margin: 0 !important;
list-style: none;
font-size: 14px;
padding: 0 0 0 25px !important;
display: block;
overflow: hidden;
}
.listing-item.compact:hover .listing-hidden-content { height: 70px; }
.listing-item.compact li {
display: inline-block;
color: rgba(255,255,255,0.8);
line-height: 20px;
padding: 15px 20px 0 0;
position: relative;
transition: all 0.5s;
opacity: 0;
}
.listing-item.compact li:last-child { padding: 0; }
.listing-item.compact:hover li { opacity: 1; }
.listing-item.compact li span {
display: block;
font-size: 14px;
color: #fff;
margin: 0;
padding: 0;
} .compact .listing-img-container:before {
opacity: 0.9;
background: linear-gradient(to bottom, transparent 55%, #2f2f2f);
transition: opacity .5s;
}
.compact .listing-img-container:after {
opacity: 0;
background: linear-gradient(to bottom, transparent 35%, #2f2f2f 95%);
transition: opacity .6s;
}
.compact .listing-img-container:hover:before {
opacity: 0;
transition: opacity 0.6s;
}
.compact .listing-img-container:hover:after {
opacity: 1;
transition: opacity 0.5s;
} .compact .listing-img-content span {
color: #fff;
font-size: 20px;
}
.compact .listing-img-content .listing-compact-title  {
padding: 23px 26px;
display: block;
}
.compact .listing-img-content .listing-compact-title i {
display: block;
font-style: normal;
font-size: 17px;
padding: 0;
margin: 2px 0 0 0;
}  div.fullwidth {
width: 100%;
display: block;
position: relative;
margin: 50px 0 0;
background-color: #f7f7f7;
}
.fullwidth.vc_row[data-vc-full-width] {
overflow: visible;
}
.fullwidth.vc_row[data-vc-full-width] .vc_inner.vc_row {
padding: 90px 0px;
}
div.fullwidth.border-top { border-top: 1px solid #e4e4e4;}
div.fullwidth.border-bottom { border-bottom: 1px solid #e4e4e4;}  .woocommerce-pagination,
.pagination {
margin: 0;
padding: 0;
text-align: center;
overflow: hidden;
z-index: 9;
position: relative;
}
.woocommerce-pagination {
margin-bottom: 40px;
}
.woocommerce-pagination,
.pagination ul {
margin: 0;
padding: 0;
}
.woocommerce-pagination ul li,
.pagination ul li {
display: inline-block;
margin: 0px 3px 0px 0px;
padding: 0;
list-style: none;
border-radius: 3px;
}
.woocommerce-pagination ul li a,
.woocommerce-pagination ul li span.current,
.pagination ul li a,
.pagination ul span.current,
.pagination-next-prev ul li a {
padding: 12px 0;
border-bottom: none;
display: inline-block;
color: #888;
background-color: #f2f2f2;
margin:0;
-webkit-transition: all 200ms ease-in-out;
-moz-transition: all 200ms ease-in-out;
-o-transition: all 200ms ease-in-out;
-ms-transition: all 200ms ease-in-out;
transition: all 200ms ease-in-out;
border-radius: 3px;
line-height: 20px;
}
.pagination ul li.current a {
background: transparent;
}
.pagination ul li.current a {
color: #fff
}
.woocommerce-pagination ul li a,
.woocommerce-pagination ul li span.current,
.pagination ul li span.current,
.pagination ul li a { width: 42px; }
.pagination ul li.blank {
color: #a0a0a0;
padding: 0 6px;
}
.woocommerce-pagination ul li span.current,
.pagination ul li span.current,
.pagination .current,
.pagination ul li a:hover,
.pagination-next-prev ul li a:hover {
background-color: #66676b;
color: #fff;
}
.pagination-next-prev ul { list-style: none; }
.woocommerce-pagination ul li a.next,
.woocommerce-pagination ul li a.prev,
.pagination a.nextpostslink ,
.pagination a.previouspostslink {
position: absolute;
top: 0;
width: auto;
}
.woocommerce-pagination ul li a.next,
.pagination a.nextpostslink  { right: 0; }
.woocommerce-pagination ul li a.prev,
.pagination a.previouspostslink { left: 0; }
.woocommerce-pagination ul li a.next,
.woocommerce-pagination ul li a.prev,
.pagination a.nextpostslink,
.pagination a.previouspostslink,
.pagination-next-prev ul li a {
color: #888;
padding: 12px 16px;
}
.pagination-container {
position: relative;
clear: both;
}
.pagination span.pages {
display: none;
}   #titlebar.property-titlebar {
background: linear-gradient(to bottom, #f7f7f7 0%, rgba(255,255,255,0.5));
padding: 55px 0;
padding-bottom: 45px;
}
#titlebar.property-titlebar span a,
#titlebar.property-titlebar span {
font-size: 17px;
color: #888;
margin-top: 5px;
display: inline-block;
}
#titlebar.property-titlebar span a:hover {
color:  #666;
}
#titlebar.property-titlebar h1,
#titlebar.property-titlebar h2 {
font-size: 28px;
line-height: 36px;
margin: 1px 0;
}
#titlebar.property-titlebar span.property-type-badge,
#property_preview .property-titlebar span.property-type-badge,
#property_preview .property-titlebar span.property-badge,
#titlebar.property-titlebar span.property-badge {
margin: 0;
padding: 4px 11px;
line-height: 24px;
border-radius: 3px;
background-color: #66676b;
color: #fff;
font-size: 13px;
position: relative;
top: -4px;
margin-left: 4px;
}
#titlebar.property-titlebar span.property-type-badge,
#property_preview .property-titlebar span.property-type-badge {
background-color: #eaeaea;
color:#919191;
}
#property_preview .property-titlebar span.property-type-badge,
#property_preview .property-titlebar span.property-badge { padding: 7px 10px; }
#property_preview .property-titlebar h2 { margin-bottom: 15px; }
#property_preview .property-titlebar span a, #titlebar.property-titlebar span {
font-size: 17px;
color: #888;
margin-top: 5px;
display: inline-block;
}
.property-title {
margin-left: 85px;
max-width: 80%
}
#property_preview .property-title {
margin-left: 0px;
}
#property_preview .container {
padding:0px;
} .back-to-listings {
height: 60px;
width: 60px;
background-color: #eaeaea;
color: #a0a0a0;
border-radius: 3px;
display: inline-block;
float: left;
position: relative;
top: 6px;
margin: 0 25px 0 0;
text-align: center;
transition: all 0.4s;
position: absolute;
top: 50%;
left: 15px;
margin-top: -5px;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.back-to-listings:before {
font-family: "FontAwesome";
content: "\f104";
font-size: 36px;
line-height: 58px;
left: -1px;
position: relative;
}
.back-to-listings:hover {
color: #fff;
background-color: #66676b;
} .input-with-icon {
display: inline-block;
position: relative;
}
.input-with-icon i {
position: absolute;
z-index: 11;
color: #fff;
top: 50%;
left: 17px;
transform: translateY(-55%);
}
.input-with-icon input { padding-left: 42px !important; }
.input-with-icon.big i { left: 27px; font-size: 18px; }
.input-with-icon.big input { padding-left: 54px !Important; }
.input-with-icon.grey input {
background-color: #f0f0f0 !important;
color: #666 !important;
}
.input-with-icon.grey i {
color: #666 !important;
}
.input-with-icon-2 {
position: relative;
}
.input-with-icon-2 i {
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 0;
padding: 0 0 0 19px;
color: #999;
transition: 0.2s;
pointer-events: none;
}
.input-with-icon-2 input {
padding-left: 47px!important
}
.input-with-icon-2.location input {
padding-left: 20px!important
}
.input-with-icon-2.location a i {
position: absolute;
right: 12px;
left: auto;
top: 38%;
transform: translateY(-50%);
color: #999;
padding: 15px 20px 15px 15px;
background: #fcfcfc;
pointer-events: all
}
.input-with-icon-2.location a i:hover {
color: #66676b;
} .property-pricing {
position: absolute;
right: 15px;
display: inline-block;
font-size: 28px;
font-weight: 500;
color: #66676b;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
text-align: right;
line-height: 34px;
}
.property-pricing .sub-price {
font-size: 19px;
color: #999;
} .fullwidth-home-slider .item,
.fullwidth-property-slider .item,
.property-slider .item {
height: 600px;
position: relative;
background-size: cover;
background-position: 50%;
border-radius: 3px;
}
.fullwidth-home-slider,
.fullwidth-property-slider {
background-color: #fff;
}
.fullwidth-home-slider .item,
.fullwidth-property-slider .item {
opacity: 0.2;
transition: all 0.6s;
border-radius: 0;
position: relative;
height: 600px;
}
.fullwidth-home-slider .item.slick-center,
.fullwidth-property-slider .item.slick-center { opacity: 1; }
.fullwidth-property-slider .slick-prev { left: 15%; }
.fullwidth-property-slider .slick-next { right: 15%; }
@media (max-width: 1440px) {
.fullwidth-home-slider .item,
.fullwidth-property-slider .item { height: 500px; }
}
@media (max-width: 1366px) {
.fullwidth-property-slider .slick-prev { left: 9%; }
.fullwidth-property-slider .slick-next { right: 9%; }
} .fullwidth-home-slider .item:before {
background: linear-gradient(to bottom, transparent 45%, #222);
content: "";
height: 100%;
width: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 99;
pointer-events: none;
opacity: 0;
opacity: 0.9;
}
.fullwidth-home-slider div { height: 100%; }
.home-slider-container {
position: relative;
height: 100%;
width: 100%;
display: block;
}
.fullwidth-home-slider .home-slider-desc {
position: absolute;
bottom: 60px;
height: auto;
color: #fff;
z-index: 1001;
width: 100%;
}
.home-slider-desc h3 {
margin: 0;
padding: 0;
color: #fff;
}
.home-slider-desc h3 a {
margin: 0;
padding: 0;
color: #fff;
display: block;
font-size: 29px;
padding-bottom: 5px;
line-height: 42px;
}
.home-slider-desc span {
font-size: 17px;
display: block;
}
.home-slider-desc a.listing-address {
color: #fff;
font-size: 17px;
display: block;
margin-top: 10px;
}
.home-slider-desc a.listing-address i,
.home-slider-desc span i {
margin-right: 4px;
}
.home-slider-desc .button {
margin-top: 15px;
}
.home-slider-title {
border-bottom: 1px solid rgba(255,255,255,0.21);
margin-bottom: 22px;
padding-bottom: 15px;
width: 100%;
display: inline-block;
} .home-slider-desc .read-more { color: #fff; }
.home-slider-desc .read-more i { color: #66676b; } .home-slider-price {
border-radius: 3px;
background-color: #66676b;
color: #fff;
font-size: 20px;
margin-bottom: 15px;
padding: 12px 15px 9px 15px;
display: inline-block;
line-height: 25px;
}
.home-slider-price i {
font-size: 17px;
font-style: normal;
opacity: 0.7;
line-height: 25px;
padding: 0;
position: relative;
top: -2px;
} .no-arrows .slick-prev,
.no-arrows .slick-next { display: none !important; }
.property-slider-container { position: relative; }
.property-slider-container .agent-widget {
position: absolute;
top: 50%;
right: 40px;
transform: translateY(-50%);
z-index: 99;
width: 350px;
}
.fullwidth-home-slider a.item,
.fullwidth-property-slider a.item,
.property-slider a.item { cursor: zoom-in; }
.property-slider .item.slick-current.slick-active img { opacity: 1; }
.property-slider-nav {
margin-top: 10px;
width: calc(100% + 8px);
position: relative;
left: -4px;
}
.property-slider-nav .item {
cursor: pointer;
margin: 0 5px;
position: relative;
border-radius: 3px;
outline: none;
max-height: 125px;
border-radius: 3px;
overflow: hidden;
}
.property-slider-nav .item img {
border-radius: 3px;
}
.property-slider-nav .item:before {
content: "";
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
border: 3px solid transparent;
transition: 0.3s;
border-radius: 3px;
}
.property-slider-nav .item.slick-current.slick-active:before {
border-color: #66676b;
}
.property-description h3.desc-headline  {
font-size: 22px;
margin: 50px 0 25px 0;
padding-bottom: 25px;
border-bottom: 1px solid #eaeaea
}
.property-description h3.desc-headline.no-border  {
padding-bottom: 0;
border-bottom: none;
} .agent-widget {
background-color: #fff;
color: #707070;
border-radius: 4px;
padding: 32px; box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
transition: 0.25s;
margin-bottom: 30px;
}
.agent-widget h4 {
color: #333;
margin: 0px 0 6px 0;
}
.agent-title .agent-photo img {
border-radius: 50%;
max-width: 72px;
}
.agent-title .agent-photo {
float: left;
display: block;
}
.agent-title {
position: relative;
display: block;
margin-bottom: 30px;
}
.agent-details {
margin-left: 92px;
display: block;
position: absolute;
top: 50%;
transform: translateY(-50%);
}
.agent-details span i {
font-size: 18px;
position: relative;
top: 3px;
margin-right: 10px;
}
.agent-details span {
color: #999;
} .property-main-features {
background-color: #f7f7f7;
background: linear-gradient(to bottom, #f9f9f9 0%, #f6f6f6);
border-radius: 3px;
width: 100%;
display: block;
list-style: none;
margin: 0;
padding: 0 30px 24px 30px;
}
.property-main-features li {
font-size: 17px;
color: #888;
display: inline-block;
margin-right: 44px;
padding: 24px 0 0 0;
line-height: 30px;
}
.property-main-features li:last-child {
margin: 0;
}
.property-main-features li span {
display: block;
color: #444;
} .property-features {
width: 100%;
display: block;
list-style: none;
margin: 0;
padding: 0;
columns: 3;
-webkit-columns: 3;
-moz-columns: 3;
}
.property-features li {
color: #333;
display: block;
margin: 0 0 7px 0;
padding: 0;
}
.property-features li:last-child {
margin: 0;
}
.property-features li span {
color: #707070;
}
.property-features.checkboxes li {
color: #707070;
}
li.checkboxed:before,
.property-features.checkboxes li:before {
display: inline-block;
width: 19px;
height: 19px;
margin-right: 10px;
top: -2px;
position: relative;
content: "\f00c";
font-family: "FontAwesome";
font-size: 12px;
color: #fff;
text-align: center;
line-height: 15px;
background-color: #66676b;
border: 2px solid transparent;
transition: border-color 0s;
border-radius: 2px;
}
li.checkboxed:before {
background: #eee
}
.switch_box{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
max-width: 100px;
min-width: 50px;
height: 50px;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
} input[type="checkbox"].switch_1{
font-size: 20px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
width: 3.5em;
height: 1.5em;
background: #ddd;
border-radius: 3em;
position: relative;
cursor: pointer;
outline: none;
-webkit-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
input[type="checkbox"].switch_1:after{
position: absolute;
content: "";
width: 1.5em;
height: 1.5em;
border-radius: 50%;
background: #fff;
-webkit-transform: scale(.7);
transform: scale(.7);
left: 0;
-webkit-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
input[type="checkbox"].switch_1:checked:after{
left: calc(100% - 1.5em);
}  #propertyMap {
height: 400px;
border-radius: 3px;
}
#propertyMap-container {
height: auto;
position: relative;
padding-top: 5px;
display: block;
} .show-more {
max-height: 240px;
overflow: hidden;
position: relative;
transition: max-height 1s;
}
.show-more:after {
content:"";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 180px;
display: block;
background: linear-gradient(rgba(255,255,255,0), #fff 88%);
z-index: 9;
opacity: 1;
visibility: visible;
transition: all 1s;
}
.show-more.visible { max-height: 2000px; }
.show-more.visible:after,
.show-more.visible .show-more-button { opacity: 0; visibility: hidden; }
.show-more-button {
position: absolute;
bottom: -15px;
left: 0;
margin-left: 50%;
transform: translateX(-50.5%);
z-index: 10;
text-align: center;
display: block;
opacity: 1;
visibility: visible;
transition: all 0.3s;
padding: 10px 20px;
}
.show-more-button i { margin-left: 3px; }  .woocommerce-MyAccount-navigation,
.my-account-nav-container {
border-radius: 3px; background: #f9f9f9;
padding: 30px 0;
margin: 0 0 40px 0;
}
.woocommerce-MyAccount-navigation ul,
.sidebar ul.my-account-nav {
padding: 0;
padding: 0 35px;
padding-bottom: 20px;
margin-bottom: 20px;
border-bottom: 1px solid #e6e6e6;
}
.woocommerce-MyAccount-navigation ul {
list-style: none
}
.my-account-nav-container .my-account-nav:last-child {
margin-bottom: 0;
border: none;
padding-bottom: 0;
}
.woocommerce-MyAccount-navigation ul li,
.my-account-nav li {
list-style: none;
padding: 1px 0 2px 0;
margin: 0;
}
.woocommerce-MyAccount-navigation ul li a,
.my-account-nav li a { color: #333; }
.my-account-nav li a.current,
.woocommerce-MyAccount-navigation ul li.is-active a,
.woocommerce-MyAccount-navigation ul a:hover,
.my-account-nav li a:hover { color: #66676b; }
.my-account-nav li i {
margin-right: 5px;
display: inline-block;
}
.sub-nav-title {
font-size: 13px;
margin-bottom: 5px !important;
display: inline-block;
color: #888;
} .edit-profile-photo img {
border-radius: 3px;
max-width: 300px;
width: 100%;
}
.edit-profile-photo {
position: relative;
}
.change-photo-btn {
border-radius: 2px;
display: inline-block;
position: absolute;
font-size: 13px;
bottom: 15px;
left: 15px;
width: auto;
background-color: #fff;
color: #333;
transition: 0.3s;
cursor: pointer;
line-height: 28px;
}
.wpua-edit-container h3 {font-size: 18px;
margin-top: 0;
margin-bottom: 40px;}
.edit-profile-photo #wpua-undo-button-existing,
.edit-profile-photo #wpua-preview-existing .description,
.edit-profile-photo #wpua-thumbnail-existing { }
body #wpua-thumbnail-existing img {
max-height: auto;
border: 0px solid #dfdfdf;
display: block;
}
body .edit-profile-photo #wpua-preview img, 
body .edit-profile-photo #wpua-thumbnail img, 
body .edit-profile-photo #wpua-preview-existing img,
body #wpua-thumbnail-existing img {
max-height: 100%
}
#wpua-remove-button-existing { margin-bottom: 10px;} 
#wpua-remove-button-existing button {
background: #eee;
color: #777;
padding: 6px 12px;
font-size: 15px;
}
#wpua-undo-button-existing button {
padding: 6px 12px;
font-size: 15px;
background: #eee;
color: #777;
display: none !important;
}
#wpua-add-button-existing button.button:after,
#wpua-remove-button-existing button.button:after,
#wpua-undo-button-existing button.button:after {
font-family: "simple-line-icons";
float: left;
margin-right: 5px;
font-size: 13px;
}
#wpua-preview img, #wpua-thumbnail img, #wpua-preview-existing img, #wpua-thumbnail-existing img {
border: none !important;
}
#wpua-thumbnail-existing,
#wpua-preview-existing span.description { display: none !important; }
#wpua-add-button-existing button.button:after   { content: "\e032"; margin-right: 8px; font-size: 16px; }  #wpua-undo-button-existing button:hover {
background: #e0e0e0;
color: #777;
}
#wpua-remove-button-existing button:hover {
background: #e43939;
color: #fff;
}
.edit-profile-photo #wpua-preview button#wpua-add-existing,
.photoUpload {
position: relative;
overflow: hidden;
padding: 3px 12px;
cursor: pointer;
}
.photoUpload input.upload {
position: absolute;
top: 0;
right: 0;
margin: 0;
padding: 0;
cursor: pointer;
opacity: 0;
filter: alpha(opacity=0);
}
.change-photo-btn:hover {
color: #fff;
background-color: #66676b; 
}
.change-photo-btn i { margin-right: 2px; }
.my-profile label {
margin-top: 30px;
}
.my-profile { padding-right: 35px; }
.my-profile label i {
margin-right: 3px;
}
.my-profile textarea {
height: 200px;
}
#order_review .variation {
opacity: 1;
font-weight: 500;
margin-bottom: 5px;
}
#order_review .variation dt {
display: inline-block;
font-weight: 500;
margin: 0;
}
#order_review .variation dd {
display: inline-block;
font-weight: 500;
margin: 0 0 5px 0;
}
#order_review .variation dd p {
margin: 0;
}
.wc-item-meta {
list-style: none;
padding-left: 0;
}
.wc-item-meta li strong,
.wc-item-meta li p {
margin: 0 0 5px 0;
display: inline-block;
font-weight: 500;
}  table.shop_table, 
table.manage-table {
width: 100%;
border-collapse: separate;
border-spacing: 0;
border: none;
}
table.shop_table th,
table.manage-table th {
border: none;
background-color: #66676b;
text-align: left;
padding: 17px 20px;
color: #fff;
vertical-align: top;
font-weight: 500;
font-size: 16px;
position: relative;
z-index: 9;
line-height: 22px;
margin-left: 33px !important;
}
table.manage-table th i { margin-right: 3px; font-size: 14px; }
table.manage-table th i.fa-calendar { position: relative; top: -1px; }
table.manage-table a.button {
padding: 7px 14px;
line-height: 26px;
} table.manage-table .title-container {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
}
table.manage-table .title-container img {
width: 30%;
border-radius: 3px;
flex: 1.1;
margin-right: 26px;
}
table.manage-table .title-container .title {
flex: 2;
}
table.manage-table .title-container .title h4 {
margin-bottom: 4px;
margin-top: 2px;
display: block;
}
table.manage-table .title-container .title h4 a { color: #333; }
table.manage-table .title-container .title h4 a:hover { color: #66676b; }
table.manage-table .title-container .title span {
display: block;
}
table.manage-table .title-container .title small {
color: #b0b0b0;
}
table.manage-table .title-container .title small.expired {
color: #f02929;
}
table.manage-table .title-container .title .table-property-price {
display: inline-block;
background: #f0f0f0;
color: #888;
border-radius: 2px;
font-size: 13px;
margin-top: 9px;
padding: 2px 10px;
}
table.manage-table th:first-child { width: 50%; border-radius: 3px 0 0 3px }
table.manage-table th:last-child {  border-radius: 0 3px 3px 0; }
table.manage-table th:first-child i { left: 35px; }
.cart_totals table.shop_table td { padding:15px 20px }
table.shop_table #coupon_code {
background-color: #fff;
display: inline-block;
float: left;
border: 1px solid #ddd;
margin: 0;
border: 0;
font-size: 15px;
width: 192px;
height: 47px;
}
table.shop_table input[type="submit"] { height: 47px; }
.select2-container .select2-selection--single {
height: 49px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
color: #777;
line-height: 46px;
}
.select2-container .select2-selection--single .select2-selection__rendered {
display: block;
padding-left: 18px;
}
.select2-results__option {
padding: 5px 18px;
}
.select2-container--default .select2-selection--single {
outline: none;
}
.woocommerce abbr[title] {
border-bottom: none;
text-decoration: none;
}
.select2-dropdown {
background-color: #fff;
border: 1px solid #ddd;
}
.woocommerce form .form-row label, .woocommerce-page form .form-row label {
display: block;
color: #444;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
border: 1px solid #ddd;
height: 42px;
padding: 0 12px;
}
.select2-search--dropdown {
display: block;
padding: 12px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
height: 26px;
position: absolute;
top: 11px;
right: 12px;
width: 20px;
}
#order_review_heading { margin-bottom: 30px;}
#customer_details h3 { margin-bottom: 30px; width: 100%; display: block; border-bottom: 1px solid #e0e0e0; padding-bottom: 20px; }
.select2-container--default .select2-selection--single {
background-color: #fff;
border: 1px solid #aaa;
border-radius: 3px;
background-color: #fcfcfc;
font-weight: 500;
border: 1px solid #e0e0e0;
}
.woocommerce-page table.cart td.actions .coupon {
margin-left: 0px !important;
}
.coupon input[type="submit"] {
height: 47px;
border-radius: 0 3px 3px 0;
margin-left: -5px;
} .shop_table.order_details tbody tr td, 
#order_review .shop_table tbody tr td, 
.shop_table.order_details tbody tr td a,
#order_review .shop_table tbody tr td a {
border-color: #c5e0a4;
color: #5f9025;
background: #000;
background: linear-gradient(to bottom, rgba(255,255,255,0.2), transparent);
background-color: #EBF6E0;
}
.shop_table.order_details tbody tr:nth-child(odd) td, #order_review .shop_table tbody tr:nth-child(odd) td, .shop_table.order_details tbody tr:nth-child(odd) td a, #order_review .shop_table tbody tr td a,
.order_details.shop_table tbody tr td.product-name a, #order_review .shop_table tbody tr td.product-name a, .shop_table.order_details tbody tr:nth-child(odd) td.product-name .product-quantity, .order_details.shop_table tbody tr td.product-name .product-quantity, #order_review .shop_table tbody tr td.product-name .product-quantity {
color: #5f9025;
}
table.shop_table.shop_table_responsive.customer_details tr.cart_item td, 
table.order_details tr.woocommerce-table__line-item.order_item td, 
table.shop_table.woocommerce-checkout-review-order-table tr.cart_item td {
padding: 20px 20px;
}
.woocommerce-customer-details table.shop_table td, .woocommerce-customer-details table.manage-table td {
padding: 0 20px;
border-bottom: 0;
}
.product-type-property_package .woocommerce-error {
margin-bottom: 60px
}
.product-type-property_package .woocommerce-error a {
color: #fff !important;
font-weight: 500;
background: rgba(193, 48, 48, 0.71);
border-radius: 3px;
padding: 5px 9px;
margin-left: 5px;
transition: 0.2s;
margin-top: -5px;
float: right;
margin-right: -20px;
}
.order_details {
margin-bottom: 10px;
list-style: none;
padding-left: 0;
}
.woocommerce-checkout h2 {
margin-bottom: 20px;
margin-top: 35px;
}
.woocommerce-customer-details .shop_table.customer_details { margin-bottom: 40px; }
.woocommerce-customer-details address {
margin: 25px 0 10px;
line-height: 25px;
} 
#order_review .shop_table tbody tr.cart_item:last-child td {
border-bottom: 1px solid #c5e0a4; }
.shop_table.order_details tbody tr:nth-child(odd) td.product-name .product-quantity, .order_details.shop_table tbody tr td.product-name .product-quantity,
#order_review .shop_table tbody tr td.product-name .product-quantity {
color: #5f9025;
font-size: 13px;
font-weight: 500;
opacity: 0.7;
top: -1px;
position: relative;
}
.wc_payment_method label {cursor: pointer}
.showcoupon {
color: #fff !important;
font-weight: 500;
background: rgba(48, 144, 193, 0.78);
border-radius: 3px;
padding: 5px 9px;
margin-left: 5px;
transition: 0.2s;
}
.woocommerce-message a,
.woocommerce-message .button {
color: #fff !important;
font-weight: 500;
background: rgba(48, 144, 193, 1);
border-radius: 3px;
padding: 5px 9px;
margin-left: 5px;
transition: 0.2s;
margin-top: -5px;
float: right;
margin-right: -20px;
}
.showcoupon:hover {
background: rgba(48, 144, 193, 0.86)
}
tr.order-total th {background: #f0f0f0 !important;}
#order_review .shop_table tbody tr {
background-color: #aaaaaa;
color: #fff;
background: linear-gradient(to bottom, rgba(255,255,255,0.2), transparent);
background-color: #EBF6E0;
padding: 8px 12px;
border-radius: 3px;
color: #5f9025;
font-size: 16px;
} table.manage-table td:first-child { padding-left: 0px; line-height: 25px; }
table.shop_table td,
table.manage-table td {
padding: 35px 20px;
vertical-align: middle;	border-bottom: 1px solid #e4e4e4;
}
table.manage-table td.centered { text-align: center; }
table.manage-table td.action a { display: block; color: #333; line-height: 20px; padding: 3px 0; position: relative; margin-left: 21px; }
table.manage-table td.action a.delete i { left: -20px; }
table.manage-table td.action a i { position: absolute; left: -21px; top: 5px; }
table.manage-table td.action a.delete:hover { color: #f02929; }
table.manage-table td.action a:hover { color: #66676b; }
table.manage-table.bookmarks-table .title-container img { flex: 0.8; }
.bookmarks-table td.action { width: 30%; text-align: right; }
body .bookmarks-table td.action a.delete i { position: relative; left:0; top:0; margin-right: 3px; }
.keywords,
.alert-name { width: 18% }  .stacktable.large-only { display: table; }
.stacktable.small-only { display: none; }
@media (max-width: 990px) {
.stacktable.large-only { display: none; }
.stacktable.small-only { display: table; }
} .st-key {
border: none;
background-color: #f9f9f9;
text-align: left;
padding: 20px 22px;
color: #333;
vertical-align: top;
font-weight: 600;
width: 45%;
border: 1px solid #e4e4e4;
}
.st-key i { margin-right: 4px;}
.st-val {
width: 55%;
text-align: left;
padding: 20px 22px;
border: 1px solid #e4e4e4;
border-left:0;
}
.st-val a {
font-weight: 600;
color: #333;
display: block;
line-height: 27px;
}
.st-val a.button {
color: #fff !important;
text-align: center;
}
.st-val a:hover {
color: #808080;
}
.st-space { height: 40px; }
.st-space:first-child { height: 10px; }
.stacktable { width: 100%; }
.st-head-row.st-head-row-main { display: block;}  .submit-page,
#titlebar.submit-page h2 { padding: 0 7%; }
#titlebar.submit-page h2 i { margin-right: 3px; }
.submit-page { margin-top: -30px; }
.submit-page label { color: #333; margin-bottom: 10px; }
.submit-page label small { color: #777; }
.submit-page .row.with-forms { margin-bottom: 10px; }
.realteo-term-checklist label {margin-bottom:0; color: #666; }
.submit-section {
margin: 30px 0 60px 0;
padding-top: 30px;
border-top: 1px solid #e0e0e0;
}
.submit-section-header {
margin: 60px 0 40px 0;
padding-bottom: 30px;
border-bottom: 1px solid #e0e0e0;
}
button.realteo-form-upload { margin-bottom: 20px; }
.label-property_feature { margin-top: 20px; }
.submit-page  input.button[type="submit"] { 
font-size: 17px;
padding: 20px 26px;
height: 60px;
}
.submit-page textarea,
.submit-page input{
transition: box-shadow 0.2s !important;
}
.my-profile input:focus,
.my-profile textarea:focus,
.submit-page textarea:focus,
.submit-page input:focus {
transition: box-shadow 0.2s !important;
box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.07);
}
.realteo-form-upload-images {
overflow: hidden;
}
.label-_gallery,
.label-gallery {
display: none;
}
.realteo-submit-image-preview {
max-width: calc(25% - 20px);
float: left;
margin: 0px 20px 20px 0px;
border: none;
padding: 0;
height: 160px;
overflow: hidden;
border-radius: 3px;
position: relative;
}
.realteo-submit-image-preview img {
border-radius: 3px;
top: 0;
position: relative;
display: block;
}
.dropzone .dz-preview:before,
.realteo-submit-image-preview:before {
content: "\f005";
font-family: "FontAwesome";
position: absolute;
top: 0;
left: 0;
z-index: 11;
background-color: #fff;
height: 24px;
width: 24px;
line-height: 24px;
font-size: 14px;
text-align: center;
border-radius: 3px;
left: 7px;
top: 7px;
color: #ff9b00;
opacity: 0;
transition: 0.2s;
}
.dropzone .dz-preview.active-thumb:before,
.realteo-submit-image-preview.active-thumb:before {
opacity: 1;
display: block;
}
#_gallery-description,
#gallery-description {
background: linear-gradient(to bottom, rgba(255,255,255,0.2), transparent);
background-color: #E9F7FE;
color: #3184ae;
line-height: 24px;
margin-bottom: 15px;
position: relative;
padding: 10px 17px;
padding-right: 50px;
border-radius: 3px;
font-size: 13px;
margin-top: -10px;
margin-bottom: 20px;
}
.remove-submit-image i { line-height: 24px; }
.remove-submit-image {
position: absolute;
z-index: 110;
color: #fff;
top: 7px;
right: 7px;
background: #d82a2a;
padding: 0;
cursor: pointer;
height: 23px;
width: 23px;
text-align: center;
border-radius: 3px;
font-size: 13px;
line-height: 23px;
}
.remove-submit-image:hover {
color: #fff;
}
.label-_thumbnail_id,
.label-thumbnail {
display: none;
}
.realteo-form-upload-images {
width: calc(100% + 20px);
}
body .pac-item {
font-size: 12px;
color: #999;
cursor: pointer;
transition: 0.2s;
padding: 5px 15px;
}
body .pac-container {
border-radius: 0 0 3px 3px;
box-shadow: none;
font-family: "Varela Round";
border: 1px solid #e0e0e0;
border-top: none;
box-sizing: content-box;
margin-top: -2px;
} @media (max-width: 767px) {
.realteo-submit-image-preview {
max-width: calc(50% - 20px);
height: 180px;
overflow: hidden;
}
.realteo-form-upload-images {
width: 100%;
}
}
button { outline: none !Important;}
.submit-page h5 {
margin-bottom: 15px;
font-size: 15px;
}
.submit-page h5 span {  color: #888; }
.submit-page .form { margin-bottom: 30px; }
textarea.WYSIWYG { min-height: 250px; }
.submit-page .divider {
border-bottom: 1px solid #e0e0e0;
padding-bottom: 15px;
margin: -20px 0 35px 0;
}
a.button.preview { font-size: 17px; padding: 15px 25px; }
a.button.preview i { margin-left: 5px; }
#package_selection .submit-page { text-align: center; margin-top: 10px; }
#package_selection .user-packages { padding-left: 0; margin-bottom: 55px; }
#package_selection .user-packages p {  
margin-bottom: 0;
opacity: 0.75;
font-size: 15px;
margin-top: 2px;
line-height: 23px;
}
#package_selection .user-packages label,
#package_selection .plan-features label {
background: #EBF6E0;
border-radius: 3px;
padding: 10px 16px;
padding-left: 40px;
color: #5f9025;
cursor: pointer;
}
#package_selection .user-packages label {
padding: 15px 30px 13px 52px;
width: 100%;
} #package_selection .user-packages [type="radio"]:checked,
#package_selection .user-packages [type="radio"]:not(:checked),
#package_selection .plan-features [type="radio"]:checked,
#package_selection .plan-features [type="radio"]:not(:checked) {
position: absolute;
left: -9999px;
}
#package_selection .user-packages [type="radio"]:checked + label,
#package_selection .user-packages [type="radio"]:not(:checked) + label,
#package_selection .plan-features [type="radio"]:checked + label,
#package_selection .plan-features [type="radio"]:not(:checked) + label
{
position: relative;
cursor: pointer;
line-height: 20px;
display: inline-block;
color: #5f9025;
margin-top: 10px;
margin-bottom: 5px;
}
#package_selection .user-packages [type="radio"]:checked + label:before,
#package_selection .user-packages [type="radio"]:not(:checked) + label:before,
#package_selection .plan-features [type="radio"]:checked + label:before,
#package_selection .plan-features [type="radio"]:not(:checked) + label:before {
content: '';
position: absolute;
left: 10px;
top: 10px;
width: 20px;
height: 20px;
border-radius: 3px;
background: #fff;
}
#package_selection .user-packages [type="radio"]:checked + label:before,
#package_selection .user-packages [type="radio"]:not(:checked) + label:before {
left: 15px;
top: 15px;
}
#package_selection .user-packages [type="radio"]:checked + label:after,
#package_selection .user-packages [type="radio"]:not(:checked) + label:after,
#package_selection .plan-features [type="radio"]:checked + label:after,
#package_selection .plan-features [type="radio"]:not(:checked) + label:after {
content: '\f00c';
width: 12px;
height: 12px;
background: #fff;
position: absolute;
top: 10px;
left: 13px;
border-radius: 100%;
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
font-family: FontAwesome;
font-size: 14px;
}
#package_selection .user-packages [type="radio"]:checked + label:after,
#package_selection .user-packages [type="radio"]:not(:checked) + label:after{
top: 15px;
left: 18px;
}
#package_selection .user-packages [type="radio"]:not(:checked) + label:after,
#package_selection .plan-features [type="radio"]:not(:checked) + label:after {
opacity: 0;
-webkit-transform: scale(0);
transform: scale(0);
}
#package_selection .user-packages [type="radio"]:checked + label:after,
#package_selection .plan-features [type="radio"]:checked + label:after {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
#property_preview .property-titlebar { margin-top: 0 !important; margin-bottom: 40px; }
.manage-table.packages-table tr td {
min-height: 150px;
}
.manage-table.packages-table .title-container {
padding-left: 19px;
}
.manage-table.packages-table .title-container span {
background: linear-gradient(to bottom, rgba(255,255,255,0.2), transparent);
background-color: #EBF6E0;
padding: 8px 12px;
border-radius: 3px;
color: #5f9025;
font-size: 16px;
} .tip {
font-style: normal;
position: relative;
top: -1px;
left: 2px;
display: inline-block;
cursor: help;
color: #fff;
font-size: 11px;
line-height: 0;
width: 18px;
height: 18px;
background: #66676b;
display: inline-block;
border-radius: 50%;
color: #fff;
text-align: center;
}
.tip-content {
position: absolute;
top: 0;
left: 50%;
transform: translate(-50%, calc(-100% - 20px));
-ms-transform: translate(-50%, -100%);
background: #333;
color: #fff;
padding: 13px 15px;
min-width: 225px;
max-width: 225px;
font-size: 13px;
border-radius: 3px;
line-height: 19px;
pointer-events: none;
z-index: 999;
text-align: center;
opacity: 0;
visibility: hidden;
transition: all 0.3s;
}
.tip:hover .tip-content {
opacity: 1;
visibility: visible;
transform: translate(-50%, calc(-100% - 13px));
-ms-transform: translate(-50%, -115%);
}
.tip:after {
font-family: "FontAwesome";
content: "\f128";
line-height: 19px;
display: inline-block;
position: relative;
text-align: center;
-moz-transform: translateY(-1px);
}
.tip-content:after {
font-family: "FontAwesome";
content:"\f0dd";
position: absolute;
bottom: 3px;
left: 50%;
font-size: 22px;
color: #333;
transform: translate(-50%,50%);
}  .img-box {
height: 350px;
display: inline-block;
position: relative;
width: 100%;
overflow: hidden;
z-index: 90;
margin: 10px 0;
border-radius: 3px;
}
.img-box-background {
background-size: cover;
background-position: 50%;
width: 100%;
height: 100%;
transition: all 0.55s;
position: absolute;
top: 0;
left: 0;
background-repeat: no-repeat;
background-position: 50%;
background-size: cover;
transition: transform 0.35s ease-out; 
}
.img-box:hover .img-box-background { transform: scale(1.06); }
.img-box:before {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: block;
content: "";
background-color: #222;
opacity: 0.3;
z-index: 99;
transition: 0.3s ease-out; 
}
.img-box:hover:before {
background-color: #66676b;
opacity: 0.7;
}
.img-box-content {
position: absolute;
z-index: 101;
top: 50%;
margin: 0 auto;
text-align: center;
width: 100%;
transform: translate(0,-50.5%);
}
.img-box-content h4 {
font-size: 28px;
line-height: 36px;
color: #fff;
margin: 0;
}
.img-box-content span {
font-size: 16px;
color: #fff;
}  #contact textarea {
min-height: 200px;
margin: 15px 0 25px 0;
}
#contact input {
margin-bottom: 25px;
}
.loader { margin-left: 15px; }
.submit.disabled:hover,
.submit.disabled { background-color: #e8e8e8; color: #333; }
#contact input.button.submit {
margin-bottom: 10px;
line-height: 20px;
transition: all 0.25s !important; 
}
#contact input[type="submit"].submit:hover {
opacity: 0.92;
}
.wpcf7-form input.wpcf7-not-valid, .wpcf7-form textarea.wpcf7-not-valid, .wpcf7-form select.wpcf7-not-valid {
border: 1px solid #f6d5d3;
background: #ffeceb;
}
.agent-widget .wpcf7-not-valid-tip,
.agent-widget .wpcf7-response-output.wpcf7-validation-errors { display: none !important; visibility; hidden; }
.agent-widget .wpcf7-response-output.wpcf7-mail-sent-ok { 
background: linear-gradient(to bottom, rgba(255,255,255,0.2), transparent);
background-color: #EBF6E0;
color: #5f9025;
border: none;
border-radius: 3px;
font-size: 14px;
line-height: 22px;
padding: 15px 20px;
margin: 20px 0 0 0;
}
.wpcf7-form-control.wpcf7-submit {
padding: 0 20px;
line-height: 42px;
height: 42px;
}
.wpcf7-form p { margin-bottom: 0;}
.contact-sent {
background-color: #EBF6E0;
color: #5f9025;
padding: 20px 26px;
margin-bottom: 30px;
border-radius: 3px;
} .office-address {
text-align: center;
position: relative;
color: #fff;
display: table-cell;
vertical-align: middle;
height: 100%;
}
.office-address ul {
list-style: none;
font-size: 18px;
padding: 0;
line-height: 30px;
}
.office-address h3 {
font-size: 28px;
color: #fff;
margin-top: 0;
}
.office-address h3:after {
content: "";
height: 2px;
width: 50px;
position: relative;
display: block;
background-color: #66676b;
margin: 20px auto;
border-radius: 2px;
}
.address-container {
background-color: #2b2c30;
background-size: 100%;
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: cover;	
display: table;
width: 100%;
position: relative;
height: 100%
}
.address-container:before {
content: "";
height: 100%;
width: 100%;
position: absolute;
top:0;
left:0;
display: block;
background: linear-gradient(to bottom, rgba(255,255,255,0.2), rgba(255,255,255,0));
background-color: #1e1e21;
opacity: 0.9;
} .contact-map { display: flex; }
.contact-map .google-map-container { flex: 1; position: relative; }
.contact-map .address-box-container { flex: 0 auto; width: 440px; height: 450px; }
.contact-map .google-map-container #propertyMap { height: 100%; width: 100%; }
@media (min-width: 1680px) { .contact-map .address-box-container { height: 480px; } }
@media (max-width: 1440px) { .contact-map .address-box-container { height: 420px; } } .sidebar-textbox {
display: inline-block;
width: 100%;
padding-right: 40px;
}
.sidebar-textbox.color {
background-color: #666;
color: #fff;
}
.sidebar-textbox.color h4 {color: #fff;}
.sidebar-textbox h4 {
font-size: 16px;
margin: 0;
padding: 0;
margin-bottom: 16px;
}
.sidebar-textbox span { color: #666; display: inline-block; }
.sidebar-textbox.color span { color: #fff; }
.sidebar-textbox ul.contact-details {
list-style: none;
padding: 5px 0 0 0;
}
.sidebar-textbox ul.contact-details strong {
font-weight: 500;
}
.sidebar-textbox ul.contact-details li {
text-align: left;
padding-left: 60px;
position: relative;
width: 100%;
display: inline-block;
margin: 10px 0;
}
.sidebar-textbox ul.contact-details li strong {
display: block;
color: #333;
}
.sidebar-textbox ul.contact-details li i {
height: 100%;
position: absolute;
left: 0;
font-size: 32px;
color: #333;
top: 10px
}  .blog-post {
box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
background-color: #fff;
display: inline-block;
width: 100%;
border-radius: 3px;
margin: 15px 0;
}
section.fullwidth .blog-post { margin: 5px 0 0 0; }
.post-img {
position: relative;
height: 100%;
width: 100%;
display: block;
background: #222
}
.post-img img {
max-width: 100%;
border-radius: 3px 3px 0 0;
display: block;
margin: 0px auto;
}
.post-img:after {
position: absolute;
height: 100%;
width: 100%;
display: block;
top: 0;
left: 0;
content: "";
z-index: 9;
opacity: 0;
background: #66676b;
background: linear-gradient(to bottom, transparent 40%, #66676b);
transition: opacity 0.4s;
border-radius: 3px 3px 0 0;
}
.post-img:hover:after {
opacity: 0.8;
} .post-img:before { 
opacity: 0;
visibility: hidden;
position: absolute;
display: block;
top: 50%;
right: 0;
left: 0;
margin: 0 auto;
text-align: center;
content: "";
z-index: 119;
transition: 0.3s;
transform: translateY(-80%);
width: 50px;
height: 50px;
text-align: center;
border-radius: 50%;
background-color: #66676b;
background-image: url(//www.merolacostruzioni.it/wp-content/themes/merola/images/plus-icon.svg);
background-repeat: no-repeat;
background-position: 50%
}
.post-img:hover:before {
opacity: 1;
visibility: visible;
transform: translateY(-50%);
} .post-content { padding: 38px; }
.post-content p { margin: 18px 0 0 ; }
.post-content h3 {
margin: 0;
line-height: 34px;
font-size: 22px;
}
.post-content h3 a { color: #333; }
.post-content h3 a:hover {color: #66676b; }
.post-content .meta-tags span {
margin: 0 0 15px 0;
display: inline-block;
color: #888;
}
.post-content a.read-more {
color: #66676b;
margin: 23px 0 2px 0;
display: inline-block;
}
a.read-more i {
font-size: 20px;
position: relative;
padding-left: 4px;
top: 1px;
transition: 0.2s;
}
a.read-more:hover i {
padding-left: 7px;
} .post-meta {
list-style: none;
padding: 0;
margin: 5px 0 0 0;
}
.single-post .post-meta {
margin-bottom: 25px;
}
.post-meta li {
display: inline-block;
color: #888;
}
.post-meta li:after {
content: "";
width: 1px;
height: 12px;
background: #d0d0d0;
display: inline-block;
position: relative;
top: 0px;
margin: 0 10px;
}
.post-meta li:last-child:after { display: none; }
.post-meta li a { color: #888; }
.post-meta li a:hover {
color: #66676b;
} .blog-page .blog-post {
margin: 0 0 45px 0;
} .search-blog-input { position: relative; }
.widget .search-blog-input .input:before {
content: "\e090";
font-size: 17px;
color: #a0a0a0;
position: absolute;
display: inline-block;
font-family: "simple-line-icons";
right: 18px;
top: 13px;
margin-bottom: 0;
background-color: #fff;
padding-left: 7px;
}
#contact textarea,
#contact input,
.widget .search-blog-input input {
transition: box-shadow 0.2s !important;
}
#contact textarea:focus,
#contact input:focus,
.widget .search-blog-input input:focus {
transition: box-shadow 0.2s !important;
box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.07);
}
.wpb-js-composer .vc_tta.vc_general .vc_tta-tab > a { margin-right: 4px;    border-width: 0 0 2px 0 !important; }
.wpb-js-composer .vc_tta.vc_general .vc_tta-title-text:not(:empty):not(:first-child), .wpb-js-composer .vc_tta.vc_general .vc_tta-title-text:not(:empty)~* {
margin-left: 10px !important;
}
img {image-rendering: -webkit-optimize-contrast; } .widget-tabs { 
padding: 0;
list-style: none;
}
.widget-tabs li {
padding: 0 0 27px 0;
margin: 24px 0 0 0;
border-bottom: 1px solid #e0e0e0;
}
.widget .tab-content { padding-bottom: 0; }
.widget-thumb a img {
display: block;
width: 95px;
height: 95px;
float: left;
border-radius: 3px;
margin: 3px 22px 0 0;
}
.widget-thumb {
width: 95px;
margin-right: 25px;
}
.widget-text h5 {
font-size: 16px;
line-height: 24px;
margin: 0 0 5px 0;
}
.widget-text h5 a { color: #333; }
.widget-text h5 a:hover { color: #66676b }
.widget-text span {
color: #888;
font-weight: 500;
margin: -2px 0 0 0;
display: block;
}
.widget-thumb {
display: inline-block;
}
.widget-thumb a img {
width: 100%;
height: auto;
}
.widget-text {
display: inline-block;
width: 70%;
padding: 0 25px 0 0;
position: relative;
}
.widget-tabs .widget-content {
display: table;
}
.widget-tabs .widget-content .widget-text {
display: table-cell;
vertical-align: middle;
}
.widget-tabs li {
padding: 0 0 20px 0;
margin: 24px 0 0 0;
}
.widget-tabs li:first-child {
padding: 0 0 20px 0;
margin: 32px 0 0 0;
}
.widget-tabs li:last-child {
border: none;
padding-bottom: 0;
}
.widget h3 {
margin-top: 0;
margin-bottom: 25px;
} .single-post p {
margin: 20px 0;
}
.single-post p:last-child {
margin-bottom: 0px;
}
.single-post .post-img {
border-radius: 3px 3px 0 0;
}
.blog-page .blog-post .post-content,
.single-post .post-content {
padding: 36px 43px;
background: #fff
}
.single-post .wp-post-image {
text-align: center;
margin: 0px auto;
display: block;
}
.blog-page .single-post {
background: #222;
} .comments { margin: -10px 0 0 0; }
.comments h4 {
margin-bottom: 25px;
font-size: 20px;
font-weight: 500;
color: #333;
}
.comments h4 span { display: inline-block; font-size: inherit; } .comments .button {
margin: 0 0 10px  0;
padding: 7px 15px;
}
.comments.reviews .button { margin: 0; }
.comments ul {padding-left: 0;}
.comments ul li { display: block; }
.comments ul li,
.comments ul li ul li,
.comments ul li ul li ul li,
.comments ul li ul li ul li {
margin: 50px 0 0 0px;
}
.comments ul li ul { margin: 0 0 0 100px; }
.comment-content p {
margin: 3px 0 0 0;
line-height: 26px;
}
.comment-content {
color: #666;
padding: 0 0 0 100px;
}
.comments ul li ul {
border-left: 1px solid #e0e0e0;
padding-left: 35px;
}
.comments ul li ul li:before {
content: "";
width: 15px;
height: 1px;
background-color: #e0e0e0;
display: inline-block;
position: absolute;
top: 30px;
left: -35px;
}
.comments ul li { position: relative; }
.comment-content strong {
padding-right: 5px;
color: #666;
}
.comment-content span { color: #888; }
body .comment-content p { padding: 5px 0; }
.comments-amount { color: #888; font-weight: 500; }
div.avatar {
display: inline-block;
float: left;
padding: 0 20px 0 0;
position: absolute;
left: 0px;
}
img.avatar  {
max-width: 80px;
border-radius: 50%;
}
.agent-avatar img.avatar {
max-width: 100%;
border-radius: 0px;
}
.comment-by {
width: 100%;
padding-bottom: 8px;
padding-top: 5px;
font-weight: 500;
color: #333;
}
.comment-by h5 { margin: 0 0 7px 0; }
.comment-by a.comment-reply-link,
.comment-by a.comment-reply-link i {
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.comment-by a.comment-reply-link {
display: inline;
background-color: #f0f0f0;
padding: 5px 16px;
line-height: 22px;
font-size: 13px;
color: #333;
font-weight: 500;
position: absolute;
right: 0;
top: 15px;
border-radius: 50px;
}
.comment-by a.comment-reply-link i {
font-size: 12px;
margin-right: 1px;
}
.comment-by a.comment-reply-link:hover { background-color: #66676b; }
.comment-by a.comment-reply-link:hover,
.comment-by a.comment-reply-link:hover i {
color: #fff;
}
.comment-by span.date {
color: #888;
font-weight: 500;
margin: 0px 0 0 0;
float: none;
display: block;
text-align: left;
}
.comment-form-cookies-consent input {
height: 20px;
margin-right: 15px;
}
.comment-form-cookies-consent label {
display: inline;
} .add-comment label span { color: #e24747; }
.add-comment input {
margin: 0 0 25px 0;
width: 40%;
min-width: 40%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.add-comment textarea:focus,
.add-comment input:focus {
transition: box-shadow 0.2s !important;
box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.07);
}
.add-comment textarea {
margin: 0 0 30px 0;
width: 100%;
min-width: 100%;
min-height: 220px;
resize: vertical;
-webkit-transition: none;
-moz-transition: none;
-ms-transition: none;
-o-transition: none;
transition: none;
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
} .about-author {
margin: 10px 0 45px 0;
padding: 30px 35px;
background: #f8f8f8;
border-radius: 3px;
overflow: hidden;
}
.about-author p { margin: 5px 0 5px 0; }
.about-author a {
position: relative;
top: -7px;
}
.about-author h4 {
letter-spacing: 0;
}
.about-author img.avatar {
float: left;
margin: 7px 5px 5px 5px;
width: 90px;
max-width: 90px;
height: 90px;
border-radius: 50%;
position: absolute;
}
.about-description {
margin: 2px 0 0 130px;
} .share-buttons {
padding: 0;
list-style: none;
}
.share-buttons li {
display: inline-block;
margin: 0 6px 8px 0;
}
.share-buttons li a {
background: #fff;
border: 1px solid #666;
border-radius: 3px;
font-weight: 500;
font-size: 14px;
padding: 8px 20px;
transition: 0.3s;
display: inline-block;
line-height: 17px;
}
.share-buttons li a:hover { color: #fff; }
.share-buttons li i {
font-size: 16px;
position: relative;
right: 3px;
top: 1px;
} .share-buttons li a.fb-share:hover { background: #3b5998; color: #fff; }
.share-buttons li a.fb-share {
border-color: #3b5998;
color: #3b5998;
} .share-buttons li a.twitter-share:hover { background: #1da1f2; color: #fff; }
.share-buttons li a.twitter-share {
border-color: #1da1f2;
color: #1da1f2;
} .share-buttons li a.gplus-share:hover { background: #dd4b39; color: #fff; }
.share-buttons li a.gplus-share {
border-color: #dd4b39;
color: #dd4b39;
} .share-buttons li a.pinterest-share:hover { background: #bd081c; color: #fff; }
.share-buttons li a.pinterest-share {
border-color: #bd081c;
color: #bd081c;
} .nav-links,
#posts-nav {
padding: 0;
list-style: none;
width: 100%;
position: relative;
margin: 0;
display: inline-block;
min-height: 60px;
}
.nav-links span, 
#posts-nav li span {
display: block;
color: #999;
font-size: 15px;
margin-bottom: 1px;
font-weight: 500;
}
.nav-links div, 
#posts-nav li {
position: absolute;
font-size: 17px;
font-weight: 500;
width: 50%;
}
.nav-links div a,
#posts-nav li a {
transition: transform 0.3s, color 0.3s 0s;
color: #333;
display: inline-block;
}
.nav-links div a:hover,
#posts-nav li a:hover { color: #66676b; }
.nav-links div.nav-next,
#posts-nav li.next-post {
right: 0;
text-align: right;
}
.nav-previous {
text-align: left;
}
.nav-links div.nav-previous,
#posts-nav li.prev-post {
left: 0;
}
.nav-links div.nav-next a,
#posts-nav li.next-post a { padding-right: 50px; }
.nav-links div.nav-previous a,
#posts-nav li.prev-post a { padding-left: 50px; }
.nav-links div.nav-next a:before,
.nav-links div.nav-previous a:before,
#posts-nav li.prev-post a:before,
#posts-nav li.next-post a:before {
font-family: "simple-line-icons";
font-size: 20px;
position: absolute;
top: 50%;
transform: translate3d(0,-50%,0);
transition: 0.3s;
}
.nav-links div.nav-next a:before,
#posts-nav li.next-post a:before {
right: 0;
content: "\e606";
}
.nav-links div.nav-previous a:before,
#posts-nav li.prev-post a:before {
left: 0;
content: "\e605"
}
.nav-links div.nav-next a:hover:before { transform: translate3d(5px,-50%,0); }
.nav-links div.nav-previous a:hover:before { transform: translate3d(-5px,-50%,0); }
#posts-nav li.next-post a:hover:before { transform: translate3d(5px,-50%,0); }
#posts-nav li.prev-post a:hover:before { transform: translate3d(-5px,-50%,0); }    .infoBox { border-radius: 3px; }
.map-box {
background-color: #fff;
margin-bottom: 20px;
border-radius: 3px;
box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.12);
position: relative;
left: -62px;
}
.map-box h4 {
margin: 0;
padding: 0;
}
.map-box h4 a {
padding: 0px;
font-size: 17px;
line-height: 25px;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
display: inline-block;
}
.map-box h4 a:hover { color: #66676b; }
.map-box p {
padding: 0;
line-height: 21px;
margin: 3px 0 0 0;
font-size: 13px;
}
.map-box ul.listing-details {
padding: 0;
font-size: 14px;
display: none;
}
.map-box .listing-title {
padding: 22px;
padding-top: 20px;
}
.map-box .listing-img-content {
padding: 18px 22px;
}
.map-box .listing-img-content span {
font-size: 21px;
}
.map-box .listing-img-content .listing-price i {
font-size: 15px;
margin: 0;
}
.infoBox > img {
position: absolute !important;
right: 0px;
top: 0px;
}
.map-box .listing-img-container:before {
background: linear-gradient(to bottom, transparent 50%, #2f2f2f);
}
.map-box .listing-img-container:after {
background: linear-gradient(to bottom, transparent 50%, #66676b);
} .cluster img { display:none }
.cluster {
width: 36px !important;
height: 36px !important;
}
.cluster div {
text-align: center;
font-size: 15px !important;
color: #fff !important;
font-weight: 500;
border-radius: 50%;
width: 36px !important;
height: 36px !important;
line-height: 36px !important;
background-color: #66676b;
}
.cluster div:before {
border: 7px solid #66676b;
opacity: 0.2;
box-shadow: inset 0 0 0 4px #66676b;
content: '';
position:absolute;
border-radius: 50%;
top: 0;
left: 0;
width: 100%;
height: 100%;
animation: cluster-animation 2.5s infinite;
}
@keyframes cluster-animation {
0%,100% {
transform:scale(1.3) rotate(0deg)
}
50% {
transform:scale(1.5) rotate(90deg)
}
} .infoBox-close {
position: absolute;
top: 10px;
right: 10px;
display: inline-block;
z-index: 999;
text-align: center;
line-height: 31px;
cursor: pointer;
font-size: 15px;
font-weight: 500;
height: 31px;
width: 31px;
background-color: #fff;
color: #333;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
font-family: "FontAwesome";
border-radius: 3px;
-webkit-text-stroke: 1px #fff;
}
.infoBox-close:hover {
color: #fff;
background-color: #66676b;
-webkit-text-stroke: 1px #66676b;
} .map-box-icon {
height: 38px;
width: 38px;
position: absolute;
bottom:0;
right:0;
background-color: #3685cf;
display: block;
color: #fff;
font-size: 12px;
z-index: 101;
text-align: center;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
-webkit-transform: translateX(50%);
-ms-transform: translateX(50%);
transform: translateX(50%);
opacity:0;
visibility: hidden;
}
.map-box-icon:before {
content: "";
font-family: "FontAwesome";
position: relative;
top: 7px;
display: block;
}
.map-box-image:hover .map-box-icon {
opacity: 1;
visibility: visible;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateX(0);
}
.map-box-image {
position: relative;
overflow: hidden;
display: block;
}
.infoBox {
-webkit-animation: fadeIn 0.9s;
animation: fadeIn 0.9s;
} @-webkit-keyframes fadeIn {
from {opacity: 0; }
to {opacity: 1; }
} @keyframes fadeIn {
from {opacity: 0; }
to {opacity: 1; }
}
.infoBox:after {
content: "";
position: absolute;
bottom: 0px;
left: 40px;
width: 0; 
height: 0; 
border-left: 20px solid transparent;
border-right: 20px solid transparent;
border-top: 20px solid #fff;
}
#map {
height: 100%;
width: 100%;
margin: 0;
z-index: 990;
}
#map-container {
position: relative;
top: 0;
left: 0;
height: 520px;
width: 100%;
z-index: 990;
margin-bottom: 60px;
}
.gmnoprint { margin: 10px; } .custom-zoom-in,
.custom-zoom-out {
background-color: #fff;
color: #333;
cursor: pointer;
border-radius: 3px;
margin: 5px 15px;
transition: color 0.3s, background-color 0.3s;
box-shadow: 0px 1px 4px -1px rgba(0, 0, 0, 0.2);
text-align: center;
font-size: 15px;
height: 32px;
width: 32px;
}
.custom-zoom-in:hover,
.custom-zoom-out:hover {
background-color: #66676b;
color: #fff;
}
.custom-zoom-in:before,
.custom-zoom-out:before  {
font-family: "FontAwesome";
width: 100%;
line-height: 34px;
transition: -webkit-text-stroke 0.3s;
-webkit-text-stroke: 1px #fff;
}
.custom-zoom-in:before { content: "\f067"; }
.custom-zoom-out:before  { content: "\f068"; }
.custom-zoom-in:hover:before,
.custom-zoom-out:hover:before  { -webkit-text-stroke: 1px #66676b;  } #mapnav-buttons {
position: absolute;
transform:translate(0,0); 
z-index: 999;
font-size: 13px;
display: inline-block;
bottom: 20px;
right: 20px;
list-style: none;
padding: 0;
}
#mapnav-buttons.top {
top: 20px;
right: 20px;
bottom: initial;
}
#mapnav-buttons li {
float: left;
margin-left: 4px;
line-height: 20px;
}
#streetView,
#geoLocation,
#scrollEnabling,
#mapnav-buttons a {
color: #333;
background-color: #fff;
padding: 8px 16px;
padding-top: 9px;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-transition: all 0.2s ease-in-out;
box-sizing: border-box;
display: inline-block;
border-radius: 3px;
box-shadow: 0px 1px 4px -1px rgba(0, 0, 0, 0.2);
}
#geoLocation:hover,
#streetView:hover,
#scrollEnabling:hover,
#scrollEnabling.enabled,
#mapnav-buttons a:hover {
background-color: #66676b;
color: #fff;
}
#prevpoint:before,
#nextpoint:after {
font-family: "FontAwesome";
position: relative;
font-weight: 500;
margin: 0 0 0 6px;
font-size: 16px;
top: 1px;
line-height: 1px;
}
#prevpoint:before {
content: "\f104";
margin: 0 6px 0 0;
}
#nextpoint:after {
content:"\f105";
margin: 0 0 0 6px;
}
#streetView,
#geoLocation,
#scrollEnabling {
position: absolute;
top: 20px;
right: 20px;
z-index: 999;
font-size: 13px;
line-height: 20px;
z-index: 9999;
}
#streetView:before,
#geoLocation:before,
#scrollEnabling:before {
content: "\e015";
font-family: "simple-line-icons";
position: relative;
top: 2px;
margin: 0 6px 0 0;
font-size: 15px;
line-height: 1px;
}
#scrollEnabling:before {
margin-left: -3px;
}
#streetView:before {
content: "\f21d";
font-family: "FontAwesome";
font-size: 16px;
top: 1px;
margin-right: 8px;
}
#geoLocation {
right: auto;
left: 20px;
padding: 8px 11px;
}
#geoLocation:before {
content: "\f192";
font-family: "FontAwesome";
font-size: 16px;
margin: 0;
top: 2px;
}  body .carousel {
left: -15px;
width: calc(100% + 30px)
}
.carousel-item {
margin: 15px;
}
.owl-theme .owl-controls{
text-align: center;
} .dot-navigation.owl-theme .owl-controls .owl-buttons { display: none; }
.logo-carousel.dot-navigation .owl-controls { margin-top: 30px; }
.owl-theme .owl-controls .owl-buttons div {
color: #aaa;
display: inline-block;
position: relative;
zoom: 1;
padding: 6px;
font-size: 12px;
background: transparent;
font-family: "FontAwesome";
font-size: 38px;
transition: all 0.2s;
background-color: transparent;
}
.owl-theme .owl-controls .owl-buttons .owl-next:before {
content: "\f105"
}
.owl-theme .owl-controls .owl-buttons .owl-prev:after {
content: "\f104"
}
.owl-theme .owl-controls .owl-buttons {
position: absolute;
top: -60px;
right: 8px;
}
.owl-theme .owl-controls.clickable .owl-buttons div:hover { color: #888; } .logo-carousel { padding: 0px; }
.logo-carousel .owl-controls .owl-buttons {
position: absolute;
top: -75px;
right: -5px;
}
.logo-carousel .item {
text-align: center;
padding: 0 0;
}
.logo-carousel .item img {
max-width: 200px;
height: auto;
}
.user-packages {
list-style: none
}
.user-job-package input {
float: left;
height: auto;
margin: 5px 15px 0px 0px;
} .listing-carousel.owl-theme .owl-controls .owl-buttons {
position: absolute;
top: 50%;
right: 0;
color: #fff;
width: 100%;
height: 100px;
transform: translate(0,-50%);
z-index: 99;
}
.listing-carousel.owl-theme .owl-controls .owl-buttons div:hover,
.listing-carousel.owl-theme .owl-controls .owl-buttons div {
color: #fff;
position: absolute;
z-index: 101;
top: 50%;
transform: translate(0,-50%);
font-size: 22px;
transition: all 0.3s;
background-color: transparent;
height: 38px;
width: 38px;
text-align: center;
line-height: 37px;
padding: 0;
}
.list-layout .listing-carousel.owl-theme .owl-controls .owl-buttons div:hover,
.list-layout .listing-carousel.owl-theme .owl-controls .owl-buttons div {
font-size: 19px;
height: 32px;
width: 32px;
line-height: 31px;
}
.listing-carousel.owl-theme .owl-controls .owl-prev:before,
.listing-carousel.owl-theme .owl-controls .owl-next:after { 
content: "";
width: 100%;
height: 100%;
background-color: #66676b;
position: absolute;
top: 0;
left: 0;
z-index: 90;
border-radius: 50%;
opacity: 0.9;
transition: opacity 0.3s;
}
.listing-carousel.owl-theme .owl-controls .owl-prev:after,
.listing-carousel.owl-theme .owl-controls .owl-next:before { 
z-index: 99;
position: relative;
}
.listing-carousel.owl-theme .owl-controls .owl-buttons div:hover:before,
.listing-carousel.owl-theme .owl-controls .owl-buttons div:hover:after { opacity: 1; }
.listing-carousel.owl-theme .owl-controls .owl-next {
right: 26px;
text-indent: 2px;
}
.listing-carousel.owl-theme .owl-controls .owl-prev {
left: 26px;
text-indent: -2px;
}
.listing-item .owl-next,
.listing-item .owl-prev {
opacity: 0;
transition: all 0.4s;
}
.listing-item .owl-next{
margin-right: -5px;
}
.listing-item .owl-prev {
margin-left: -5px;
}
.listing-item:hover .owl-next,
.listing-item:hover .owl-prev {
opacity: 1;
transform: translate3d(0,-51%,0);
margin: 0;
}
.listing-carousel.outer .owl-next,
.listing-carousel.outer .owl-prev {
opacity: 1;
transition: all 0.4s;
} .listing-carousel.owl-theme.outer .owl-controls .owl-buttons {
top: -48px;
height: 0;
}
.listing-carousel.owl-theme.outer .owl-controls .owl-buttons div { top: 0; }
.listing-carousel.owl-theme.outer .owl-controls .owl-buttons .owl-next { right: 0; }
.listing-carousel.owl-theme.outer .owl-controls .owl-buttons .owl-prev {
right: 35px;
left: auto;
}
.listing-carousel.owl-theme.outer .owl-controls .owl-buttons div:hover,
.listing-carousel.owl-theme.outer .owl-controls .owl-buttons div {
color: #fff;
position: absolute;
z-index: 101;
top: 50%;
transform: translate(0,-50%);
font-size: 20px;
transition: all 0.3s;
background-color: transparent;
height: 32px;
width: 32px;
text-align: center;
line-height: 32px;
padding: 0;
}
.listing-carousel.owl-theme.outer .owl-controls .owl-prev::before,
.listing-carousel.owl-theme.outer .owl-controls .owl-next::after {
background-color: #eee;
opacity: 1;
transition: all 0.3s;
}
.listing-carousel.owl-theme.outer .owl-controls .owl-prev::after,
.listing-carousel.owl-theme.outer .owl-controls .owl-next::before {
color: #a0a0a0;
transition: all 0.3s;
}
.listing-carousel.owl-theme.outer .owl-controls .owl-prev:hover::before,
.listing-carousel.owl-theme.outer .owl-controls .owl-next:hover::after {
background-color: #66676b;
}
.listing-carousel.owl-theme.outer .owl-controls .owl-prev:hover::after,
.listing-carousel.owl-theme.outer .owl-controls .owl-next:hover::before {
color: #fff;
} .owl-nav span {
color: #FFF;
margin:0;
padding: 3px 10px;
font-size: 12px;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
background: #869791;
filter: Alpha(Opacity=50); opacity: 0.5;
cursor: pointer;
} .owl-theme .owl-controls .owl-page {
display: none;
}
.dot-navigation.owl-theme .owl-controls .owl-page {
display: inline-block;
}
.owl-theme .owl-controls .owl-page span{
display: block;
width: 15px;
height: 15px;
margin: 10px 4px 0 4px;
opacity: 0.5;
border-radius: 50%;
background: #aaa;
transition: all 0.2s;
transform: 3d(0,0,0);
}
.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span{
opacity: 1;
} .owl-theme .owl-controls .owl-page span.owl-numbers{
height: auto;
width: auto;
color: #FFF;
padding: 2px 10px;
font-size: 12px;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
} .owl-item.loading{
min-height: 150px;
background: url(//www.merolacostruzioni.it/wp-content/themes/merola/AjaxLoader.gif) no-repeat center center
}  .owl-carousel .owl-wrapper:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
} .owl-carousel{
display: none;
position: relative;
width: 100%;
-ms-touch-action: pan-y;
}
.owl-carousel .owl-wrapper{
display: none;
position: relative;
-webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper-outer{
overflow: hidden;
position: relative;
width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight{
-webkit-transition: height 500ms ease-in-out;
-moz-transition: height 500ms ease-in-out;
-ms-transition: height 500ms ease-in-out;
-o-transition: height 500ms ease-in-out;
transition: height 500ms ease-in-out;
}
.owl-carousel .owl-item{
float: left;
}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{
cursor: pointer;
}
.owl-controls {
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
} .grabbing { 
cursor:url(//www.merolacostruzioni.it/wp-content/themes/merola/grabbing.png) 8 8, move;
} .owl-carousel  .owl-wrapper,
.owl-carousel  .owl-item{
-webkit-backface-visibility: hidden;
-moz-backface-visibility:    hidden;
-ms-backface-visibility:     hidden;
-webkit-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
} .owl-origin {
-webkit-perspective: 1200px;
-webkit-perspective-origin-x : 50%;
-webkit-perspective-origin-y : 50%;
-moz-perspective : 1200px;
-moz-perspective-origin-x : 50%;
-moz-perspective-origin-y : 50%;
perspective : 1200px;
} .owl-fade-out {
z-index: 10;
-webkit-animation: fadeOut .7s both ease;
-moz-animation: fadeOut .7s both ease;
animation: fadeOut .7s both ease;
}
.owl-fade-in {
-webkit-animation: fadeIn .7s both ease;
-moz-animation: fadeIn .7s both ease;
animation: fadeIn .7s both ease;
} .owl-backSlide-out {
-webkit-animation: backSlideOut 1s both ease;
-moz-animation: backSlideOut 1s both ease;
animation: backSlideOut 1s both ease;
}
.owl-backSlide-in {
-webkit-animation: backSlideIn 1s both ease;
-moz-animation: backSlideIn 1s both ease;
animation: backSlideIn 1s both ease;
} .owl-goDown-out {
-webkit-animation: scaleToFade .7s ease both;
-moz-animation: scaleToFade .7s ease both;
animation: scaleToFade .7s ease both;
}
.owl-goDown-in {
-webkit-animation: goDown .6s ease both;
-moz-animation: goDown .6s ease both;
animation: goDown .6s ease both;
} .owl-fadeUp-in {
-webkit-animation: scaleUpFrom .5s ease both;
-moz-animation: scaleUpFrom .5s ease both;
animation: scaleUpFrom .5s ease both;
}
.owl-fadeUp-out {
-webkit-animation: scaleUpTo .5s ease both;
-moz-animation: scaleUpTo .5s ease both;
animation: scaleUpTo .5s ease both;
}  @-webkit-keyframes empty {
0% {opacity: 1}
}
@-moz-keyframes empty {
0% {opacity: 1}
}
@keyframes empty {
0% {opacity: 1}
}
@-webkit-keyframes fadeIn {
0% { opacity:0; }
100% { opacity:1; }
}
@-moz-keyframes fadeIn {
0% { opacity:0; }
100% { opacity:1; }
}
@keyframes fadeIn {
0% { opacity:0; }
100% { opacity:1; }
}
@-webkit-keyframes fadeOut {
0% { opacity:1; }
100% { opacity:0; }
}
@-moz-keyframes fadeOut {
0% { opacity:1; }
100% { opacity:0; }
}
@keyframes fadeOut {
0% { opacity:1; }
100% { opacity:0; }
}
@-webkit-keyframes backSlideOut {
25% { opacity: .5; -webkit-transform: translateZ(-500px); }
75% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
100% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
}
@-moz-keyframes backSlideOut {
25% { opacity: .5; -moz-transform: translateZ(-500px); }
75% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }
100% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }
}
@keyframes backSlideOut {
25% { opacity: .5; transform: translateZ(-500px); }
75% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
100% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
}
@-webkit-keyframes backSlideIn {
0%, 25% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(200%); }
75% { opacity: .5; -webkit-transform: translateZ(-500px); }
100% { opacity: 1; -webkit-transform: translateZ(0) translateX(0); }
}
@-moz-keyframes backSlideIn {
0%, 25% { opacity: .5; -moz-transform: translateZ(-500px) translateX(200%); }
75% { opacity: .5; -moz-transform: translateZ(-500px); }
100% { opacity: 1; -moz-transform: translateZ(0) translateX(0); }
}
@keyframes backSlideIn {
0%, 25% { opacity: .5; transform: translateZ(-500px) translateX(200%); }
75% { opacity: .5; transform: translateZ(-500px); }
100% { opacity: 1; transform: translateZ(0) translateX(0); }
}
@-webkit-keyframes scaleToFade {
to { opacity: 0; -webkit-transform: scale(.8); }
}
@-moz-keyframes scaleToFade {
to { opacity: 0; -moz-transform: scale(.8); }
}
@keyframes scaleToFade {
to { opacity: 0; transform: scale(.8); }
}
@-webkit-keyframes goDown {
from { -webkit-transform: translateY(-100%); }
}
@-moz-keyframes goDown {
from { -moz-transform: translateY(-100%); }
}
@keyframes goDown {
from { transform: translateY(-100%); }
}
@-webkit-keyframes scaleUpFrom {
from { opacity: 0; -webkit-transform: scale(1.5); }
}
@-moz-keyframes scaleUpFrom {
from { opacity: 0; -moz-transform: scale(1.5); }
}
@keyframes scaleUpFrom {
from { opacity: 0; transform: scale(1.5); }
}
@-webkit-keyframes scaleUpTo {
to { opacity: 0; -webkit-transform: scale(1.5); }
}
@-moz-keyframes scaleUpTo {
to { opacity: 0; -moz-transform: scale(1.5); }
}
@keyframes scaleUpTo {
to { opacity: 0; transform: scale(1.5); }
} .carousel-item { width: 29%;  display: inline-block; }
.carousel-item .listing-carousel { overflow: hidden; height: 280px; }
.owl-wrapper .carousel-item { width: auto;  display: block; }
.owl-wrapper .listing-carousel { overflow: hidden; height: auto; }    .slick-prev,
.slick-next {
font-size: 0;
line-height: 0;
position: absolute;
top: 50%;
z-index: 990;
font-family: "FontAwesome";
display: block;
width: 50px;
height: 50px;
border-radius: 50%;
overflow: hidden;
padding: 0;
transform: translate(0, -50%);
cursor: pointer;
color: transparent;
border: none;
outline: none;
background: transparent;
text-align: center;
}
.fullwidth-home-slider .slick-prev,
.fullwidth-home-slider .slick-next {
opacity: 0;
transition: 0.3s;
transform: translate(-10px, -50%);
}
.fullwidth-home-slider .slick-next {
transform: translate(10px, -50%);
}
.fullwidth-home-slider:hover .slick-prev,
.fullwidth-home-slider:hover .slick-next {
opacity: 1;
transform: translate(0, -50%);
}
.slick-prev:after,
.slick-next:after {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
content: "";
background-color: #66676b;
opacity: 0.85;
transition: all 0.35s;
}
.slick-prev:hover:after,
.slick-next:hover:after {
opacity: 1;
}
.slick-prev:before,
.slick-next:before {
font-size: 30px;
line-height: 20px;
opacity: 1;
color: white;
position: relative;
z-index: 999;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-prev { left: 40px; }
.slick-prev:before { content: '\f104'; left: -1px; }
.slick-next { right: 40px; }
.slick-next:before { content: '\f105'; right: -1px; }
.slick-initialized .slick-slide { display: block; background-size: cover; }
.property-slider .slick-prev,
.property-slider .slick-next {
opacity: 0;
transition: 0.4s;
transform: translate;
}
.property-slider .slick-prev {
transform: translateX(-8px);
}
.property-slider .slick-next {
transform: translateX(8px);
}
.property-slider:hover .slick-prev,
.property-slider:hover .slick-next { opacity: 1; transform: translateX(0);} .slick-dotted.slick-slider {
margin-bottom: 30px;
}
.slick-dots {
position: absolute;
bottom: -25px;
display: block;
width: 100%;
padding: 0;
margin: 0;
list-style: none;
text-align: center;
}
.slick-dots li {
position: relative;
display: inline-block;
width: 20px;
height: 20px;
margin: 0 5px;
padding: 0;
cursor: pointer;
}
.slick-dots li button {
font-size: 0;
line-height: 0;
display: block;
width: 20px;
height: 20px;
padding: 5px;
cursor: pointer;
color: transparent;
border: 0;
outline: none;
background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
opacity: 1;
}
.slick-dots li button:before
{
font-family: 'slick';
font-size: 6px;
line-height: 20px;
position: absolute;
top: 0;
left: 0;
width: 20px;
height: 20px;
content: '•';
text-align: center;
opacity: .25;
color: black;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
opacity: .75;
color: black;
} .slick-slider
{
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list
{
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus
{
outline: none;
}
.slick-list.dragging
{
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list
{
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track
{
position: relative;
top: 0;
left: 0;
display: block;
}
.slick-track:before,
.slick-track:after
{
display: table;
content: '';
}
.slick-track:after
{
clear: both;
}
.slick-loading .slick-track
{
visibility: hidden;
}
.slick-slide
{
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir='rtl'] .slick-slide
{
float: right;
}
.slick-slide img
{
display: block;
}
.slick-slide.slick-loading img
{
display: none;
}
.slick-slide.dragging img
{
pointer-events: none;
}
.slick-initialized .slick-slide
{
display: block;
}
.slick-loading .slick-slide
{
visibility: hidden;
}
.slick-vertical .slick-slide
{
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}  .mfp-bg {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 2000;
overflow: hidden;
position: fixed;
background: #000;
opacity: 0.96;
}
.mfp-wrap {
top: -10px;
left: 0;
width: 100%;
height: 100%;
z-index: 2001;
position: fixed;
outline: none !important;
-webkit-backface-visibility: hidden;
}
.mfp-container {
height: 100%;
text-align: center;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
padding: 0 18px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.mfp-container:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle;
}
.mfp-align-top .mfp-container:before {
display: none;
}
.mfp-content {
position: relative;
display: inline-block;
vertical-align: middle;
margin: 0 auto;
text-align: left;
z-index: 505;
}
.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
width: 100%;
cursor: auto;
}
.mfp-ajax-cur {
cursor: progress;
}
.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
cursor: -moz-zoom-out;
cursor: -webkit-zoom-out;
cursor: zoom-out;
}
.mfp-zoom {
cursor: pointer;
cursor: -webkit-zoom-in;
cursor: -moz-zoom-in;
cursor: zoom-in;
}
.mfp-auto-cursor .mfp-content {
cursor: auto;
}
.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.mfp-loading.mfp-figure {
display: none;
}
.mfp-hide {
display: none !important;
}
.mfp-preloader {
color: #aaa;
position: absolute;
top: 50%;
width: auto;
text-align: center;
margin-top: -0.8em;
left: 8px;
right: 8px;
z-index: 504;
}
.mfp-preloader a {
color: #cccccc;
}
.mfp-preloader a:hover {
color: #fff;
}
.mfp-s-ready .mfp-preloader {
display: none;
}
.mfp-s-error .mfp-content {
display: none;
}
.mfp-s-loading .mfp-arrow { 
display: none;
}
button.mfp-close,
button.mfp-arrow {
overflow: visible;
cursor: pointer;
border: 0;
-webkit-appearance: none;
display: block;
padding: 0;
z-index: 506;
}
.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
right: 0px;
top: -40px;
} .og-close,
button.mfp-close {
position: absolute;
width: 45px;
height: 45px;
top: -20px;
display: block;
right: -12px;
cursor: pointer !important;
z-index: 9999;
color: #fff;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
border-radius: 50%;
margin: 0px;
background-color: transparent;
outline: none;	transform: translate3d(0,0,0);
}
.mfp-iframe-holder .mfp-close {
top: -50px;
right: -12px;
transform: translate3d(0,0,0);
}
.mfp-gallery .mfp-close {
top: 20px;
right: 10px;
}
.mfp-gallery  .mfp-content .mfp-close {
display: none;
}
.mfp-gallery .mfp-close:after,
.mfp-gallery .mfp-close:before {
font-family: "FontAwesome";
font-size: 29px;
top: 4px;
left: 50%;
position: absolute;
height: 10px;
transition: 0.3s;
}
.mfp-close::after,
.mfp-close::before {
top: 0px;
}
.og-close {
margin: 17px;
right: 10px;
background: transparent;
color: #222;
}
.mfp-close:hover,
.og-close:hover {
transform: rotate(90deg);
}
.og-close:after,
.og-close:before,
.mfp-close:after,
.mfp-close:before {
font-family: "FontAwesome";
font-size: 29px;
top: 21px;
left: 50%;
position: absolute;
height: 10px;
transition: 0.3s;
}
.og-close:after,
.og-close:before { top: 7px; font-size: 29px; }
.og-close:after,
.mfp-close:after {
content:"\f106";
-webkit-transform: translate(0,0);
transform: translate(-50%,60%);
}
.og-close:after {
-webkit-transform: translate(0,0);
transform: translate(-50%,60%);
}
.og-close:before,
.mfp-close:before {
content:"\f107";
-webkit-transform: translate(0,0);
transform: translate(-50%,0%);
}
#small-dialog .mfp-close,
.mfp-close:hover {
color: #fff;
}
#small-dialog .mfp-close:hover {
color: #fff;
}
.small-dialog-content input[type=submit] {
width: 100%;
margin-top: 26px;
margin-bottom: 10px;
}
.small-dialog-content .divider {
display: inline-block;
width: 100%;
margin-top: 15px;
padding-bottom: 0;
}
.small-dialog-headline h2,
.small-dialog-headline h3,
.small-dialog-headline h4 {
font-size: 22px;
border-bottom: 1px solid #e0e0e0;
width: 100%;
display: inline-block;
margin: 10px 0 35px 0;
padding-bottom: 30px;
}
.mfp-counter {
position: absolute;
top: 0;
right: 0;
color: #aaa;
font-size: 13px;
line-height: 18px;
}
.mfp-arrow {
opacity: 1;
margin: 0 20px;
top: 50%;
transform: translateY(-50%);
z-index: 9999;
color: #fff;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
cursor: pointer;
width: 50px;
height: 50px;
position: absolute;
display: block;
z-index: 100;
overflow: hidden;
background: rgba(77,77,77,0.4);
border-radius: 50%;
outline: none;
}
.mfp-arrow:hover {
background: #66676b;
color: #fff;
}
.mfp-arrow.mfp-arrow-left,
.mfp-arrow.mfp-arrow-right {
font-family: "FontAwesome";
font-size: 29px;
}
.mfp-arrow.mfp-arrow-right { right: 15px; }
.mfp-arrow.mfp-arrow-left:before { content: "\f104"; left: -1px; top: 0px; position: relative; }
.mfp-arrow.mfp-arrow-right:before { content: "\f105"; left: 1px; top: 0px; position: relative; }
.mfp-content:hover .mfp-arrow {
opacity: 1;
}
.mfp-iframe-holder {
padding-top: 40px;
padding-bottom: 40px;
}
.mfp-iframe-holder .mfp-content {
line-height: 0;
width: 100%;
max-width: 1180px;
}
.mfp-iframe-scaler {
width: 100%;
height: 0;
overflow: hidden;
padding-top: 54%;
}
.mfp-iframe-scaler iframe {
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: black;
} #small-dialog {
background: #fff;
padding: 30px 45px 35px 45px;
text-align: left;
max-width: 610px;
margin: 40px auto;
position: relative;
box-sizing:border-box;
}
#small-dialog span.line {padding-top: 7px;}
.my-mfp-zoom-in .zoom-anim-dialog {
opacity: 0;
-webkit-transition: all 0.2s ease-in-out; 
-moz-transition: all 0.2s ease-in-out; 
-o-transition: all 0.2s ease-in-out; 
transition: all 0.2s ease-in-out; 
-webkit-transform: scale(0.8); 
-moz-transform: scale(0.8); 
-ms-transform: scale(0.8); 
-o-transform: scale(0.8); 
transform: scale(0.8); 
} .my-mfp-zoom-in.mfp-ready .zoom-anim-dialog {
opacity: 1;
-webkit-transform: scale(1); 
-moz-transform: scale(1); 
-ms-transform: scale(1); 
-o-transform: scale(1); 
transform: scale(1); 
} .my-mfp-zoom-in.mfp-removing .zoom-anim-dialog {
-webkit-transform: scale(0.8); 
-moz-transform: scale(0.8); 
-ms-transform: scale(0.8); 
-o-transform: scale(0.8); 
transform: scale(0.8); 
opacity: 0;
} .my-mfp-zoom-in.mfp-bg {
opacity: 0.001; -webkit-transition: opacity 0.3s ease-out; 
-moz-transition: opacity 0.3s ease-out; 
-o-transition: opacity 0.3s ease-out; 
transition: opacity 0.3s ease-out;
} .my-mfp-zoom-in.mfp-ready.mfp-bg {
opacity: 0.8;
} .my-mfp-zoom-in.mfp-removing.mfp-bg {
opacity: 0;
} img.mfp-img {
width: auto;
max-width: 100%;
height: auto;
display: block;
line-height: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 40px 0 40px;
margin: 0 auto;
} .mfp-figure:after {
content: '';
position: absolute;
left: 0;
top: 40px;
bottom: 40px;
display: block;
right: 0;
width: auto;
height: auto;
z-index: -1;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.4);
}
.mfp-figure {
line-height: 0;
}
.mfp-bottom-bar {
margin-top: -30px;
position: absolute;
top: 100%;
left: 0;
width: 100%;
cursor: auto;
}
.mfp-title {
text-align: left;
line-height: 18px;
color: #f3f3f3;
word-break: break-word;
padding-right: 36px;
}
.mfp-figure small {
color: #bdbdbd;
display: block;
font-size: 12px;
line-height: 14px;
}
.mfp-image-holder .mfp-content {
max-width: 100%;
}
.mfp-gallery .mfp-image-holder .mfp-figure {
cursor: pointer;
} @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
.mfp-img-mobile .mfp-image-holder {
padding-left: 0;
padding-right: 0;
}
.mfp-img-mobile img.mfp-img {
padding: 0
} .mfp-img-mobile .mfp-figure:after {
top: 0;
bottom: 0;
}
.mfp-img-mobile .mfp-bottom-bar {
background: rgba(0, 0, 0, 0.6);
bottom: 0;
margin: 0;
top: auto;
padding: 3px 5px;
position: fixed;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.mfp-img-mobile .mfp-bottom-bar:empty {
padding: 0;
}
.mfp-img-mobile .mfp-counter {
right: 5px;
top: 3px;
}
.mfp-img-mobile .mfp-close {
top: 0;
right: 0;
width: 35px;
height: 35px;
line-height: 35px;
background: rgba(0, 0, 0, 0.6);
position: fixed;
text-align: center;
padding: 0;
}
.mfp-img-mobile .mfp-figure small {
display: inline;
margin-left: 5px;
}
}
@media all and (max-width: 800px) { .mfp-arrow {width: 70px;} }
.mfp-ie7 .mfp-img {
padding: 0;
}
.mfp-ie7 .mfp-bottom-bar {
width: 600px;
left: 50%;
margin-left: -300px;
margin-top: 5px;
padding-bottom: 5px;
}
.mfp-ie7 .mfp-container {
padding: 0;
}
.mfp-ie7 .mfp-content {
padding-top: 44px;
}
.mfp-ie7 .mfp-close {
top: 0;
right: 0;
padding-top: 0;
}
.mfp-fade.mfp-bg {
opacity: 0;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.mfp-fade.mfp-bg.mfp-ready {
opacity: 0.92;
background-color: #111;
}
.mfp-fade.mfp-bg.mfp-removing {
opacity: 0;
}
.mfp-fade.mfp-wrap .mfp-content {
opacity: 0;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
opacity: 1;
}
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
opacity: 0;
}   @-webkit-keyframes passing-through {
0% {
opacity: 0;
-webkit-transform: translateY(40px);
-moz-transform: translateY(40px);
-ms-transform: translateY(40px);
-o-transform: translateY(40px);
transform: translateY(40px); }
30%, 70% {
opacity: 1;
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
-ms-transform: translateY(0px);
-o-transform: translateY(0px);
transform: translateY(0px); }
100% {
opacity: 0;
-webkit-transform: translateY(-40px);
-moz-transform: translateY(-40px);
-ms-transform: translateY(-40px);
-o-transform: translateY(-40px);
transform: translateY(-40px); } }
@-moz-keyframes passing-through {
0% {
opacity: 0;
-webkit-transform: translateY(40px);
-moz-transform: translateY(40px);
-ms-transform: translateY(40px);
-o-transform: translateY(40px);
transform: translateY(40px); }
30%, 70% {
opacity: 1;
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
-ms-transform: translateY(0px);
-o-transform: translateY(0px);
transform: translateY(0px); }
100% {
opacity: 0;
-webkit-transform: translateY(-40px);
-moz-transform: translateY(-40px);
-ms-transform: translateY(-40px);
-o-transform: translateY(-40px);
transform: translateY(-40px); } }
@keyframes passing-through {
0% {
opacity: 0;
-webkit-transform: translateY(40px);
-moz-transform: translateY(40px);
-ms-transform: translateY(40px);
-o-transform: translateY(40px);
transform: translateY(40px); }
30%, 70% {
opacity: 1;
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
-ms-transform: translateY(0px);
-o-transform: translateY(0px);
transform: translateY(0px); }
100% {
opacity: 0;
-webkit-transform: translateY(-40px);
-moz-transform: translateY(-40px);
-ms-transform: translateY(-40px);
-o-transform: translateY(-40px);
transform: translateY(-40px); } }
@-webkit-keyframes slide-in {
0% {
opacity: 0;
-webkit-transform: translateY(40px);
-moz-transform: translateY(40px);
-ms-transform: translateY(40px);
-o-transform: translateY(40px);
transform: translateY(40px); }
30% {
opacity: 1;
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
-ms-transform: translateY(0px);
-o-transform: translateY(0px);
transform: translateY(0px); } }
@-moz-keyframes slide-in {
0% {
opacity: 0;
-webkit-transform: translateY(40px);
-moz-transform: translateY(40px);
-ms-transform: translateY(40px);
-o-transform: translateY(40px);
transform: translateY(40px); }
30% {
opacity: 1;
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
-ms-transform: translateY(0px);
-o-transform: translateY(0px);
transform: translateY(0px); } }
@keyframes slide-in {
0% {
opacity: 0;
-webkit-transform: translateY(40px);
-moz-transform: translateY(40px);
-ms-transform: translateY(40px);
-o-transform: translateY(40px);
transform: translateY(40px); }
30% {
opacity: 1;
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
-ms-transform: translateY(0px);
-o-transform: translateY(0px);
transform: translateY(0px); } }
@-webkit-keyframes pulse {
0% {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1); }
10% {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1); }
20% {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1); } }
@-moz-keyframes pulse {
0% {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1); }
10% {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1); }
20% {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1); } }
@keyframes pulse {
0% {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1); }
10% {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1); }
20% {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1); } }
.dropzone, .dropzone * {
box-sizing: border-box; }
.dropzone {
min-height: 150px;
border: 2px solid rgba(0, 0, 0, 0.3);
background: white;
padding: 20px 20px; }
.dropzone.dz-clickable {
cursor: pointer; }
.dropzone.dz-clickable * {
cursor: default; }
.dropzone.dz-clickable .dz-message, .dropzone.dz-clickable .dz-message * {
cursor: pointer; }
.dropzone.dz-started .dz-message {
display: none; }
.dropzone.dz-drag-hover {
border-style: solid; }
.dropzone.dz-drag-hover .dz-message {
opacity: 0.5; }
.dropzone .dz-preview {
position: relative;
display: inline-block;
vertical-align: top;
margin: 16px;
min-height: 100px; }
.dropzone .dz-preview:hover {
z-index: 1000; }
.dropzone .dz-preview:hover .dz-details {
opacity: 1; }
.dropzone .dz-preview.dz-file-preview .dz-image {
border-radius: 3px;
background: #999;
background: linear-gradient(to bottom, #eee, #ddd); }
.dropzone .dz-preview.dz-file-preview .dz-details {
opacity: 1; }
.dropzone .dz-preview.dz-image-preview {
background: white; }
.dropzone .dz-preview.dz-image-preview .dz-details {
-webkit-transition: opacity 0.2s linear;
-moz-transition: opacity 0.2s linear;
-ms-transition: opacity 0.2s linear;
-o-transition: opacity 0.2s linear;
transition: opacity 0.2s linear; }
.dropzone .dz-preview .dz-remove {
font-size: 14px;
text-align: center;
display: block;
cursor: pointer;
border: none; }
.dropzone .dz-preview .dz-remove:hover {
text-decoration: underline; }
.dropzone .dz-preview:hover .dz-details {
opacity: 1; }
.dropzone .dz-preview .dz-details {
z-index: 20;
position: absolute;
top: 0;
left: 0;
opacity: 0;
font-size: 13px;
min-width: 100%;
max-width: 100%;
padding: 2em 1em;
text-align: center;
color: rgba(0, 0, 0, 0.9);
line-height: 150%; }
.dropzone .dz-preview .dz-details .dz-size {
margin-bottom: 1em;
font-size: 16px; }
.dropzone .dz-preview .dz-details .dz-filename {
white-space: nowrap; }
.dropzone .dz-preview .dz-details .dz-filename:hover span {
border: 1px solid rgba(200, 200, 200, 0.8);
background-color: rgba(255, 255, 255, 0.8); }
.dropzone .dz-preview .dz-details .dz-filename:not(:hover) {
overflow: hidden;
text-overflow: ellipsis; }
.dropzone .dz-preview .dz-details .dz-filename:not(:hover) span {
border: 1px solid transparent; }
.dropzone .dz-preview .dz-details .dz-filename span, .dropzone .dz-preview .dz-details .dz-size span {
background-color: rgba(255, 255, 255, 0.4);
padding: 0 0.4em;
border-radius: 3px; }
.dropzone .dz-preview:hover .dz-image img {
-webkit-transform: scale(1.05, 1.05);
-moz-transform: scale(1.05, 1.05);
-ms-transform: scale(1.05, 1.05);
-o-transform: scale(1.05, 1.05);
transform: scale(1.05, 1.05);
-webkit-filter: blur(8px);
filter: blur(8px);    
}
.dropzone .dz-preview .dz-image {
border-radius: 3px;
overflow: hidden;
width: 120px;
height: 120px;
position: relative;
transition: all 0.3s;
display: block;
z-index: 10; }
.dropzone .dz-preview .dz-image img {
display: block;	filter: blur(0px);  	transition: all 0.4s; }
.dropzone .dz-preview.dz-success .dz-success-mark {
-webkit-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
-moz-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
-ms-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
-o-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1); }
.dropzone .dz-preview.dz-error .dz-error-mark {
opacity: 1;
-webkit-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
-moz-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
-ms-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
-o-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1); }
.dropzone .dz-preview .dz-success-mark, .dropzone .dz-preview .dz-error-mark {
pointer-events: none;
opacity: 0;
z-index: 500;
position: absolute;
display: block;
top: 50%;
left: 50%;
margin-left: -27px;
margin-top: -27px; }
.dropzone .dz-preview .dz-success-mark svg, .dropzone .dz-preview .dz-error-mark svg {
display: block;
width: 54px;
height: 54px; }
.dropzone .dz-preview.dz-processing .dz-progress {
opacity: 1;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
transition: all 0.2s linear; }
.dropzone .dz-preview.dz-complete .dz-progress {
opacity: 0;
-webkit-transition: opacity 0.4s ease-in;
-moz-transition: opacity 0.4s ease-in;
-ms-transition: opacity 0.4s ease-in;
-o-transition: opacity 0.4s ease-in;
transition: opacity 0.4s ease-in; }
.dropzone .dz-preview:not(.dz-processing) .dz-progress {
-webkit-animation: pulse 6s ease infinite;
-moz-animation: pulse 6s ease infinite;
-ms-animation: pulse 6s ease infinite;
-o-animation: pulse 6s ease infinite;
animation: pulse 6s ease infinite; }
.dropzone .dz-preview .dz-progress {
opacity: 1;
z-index: 1000;
pointer-events: none;
position: absolute;
height: 16px;
left: 50%;
top: 50%;
margin-top: -8px;
width: 80px;
margin-left: -40px;
background: rgba(255, 255, 255, 0.9);
-webkit-transform: scale(1);
border-radius: 8px;
overflow: hidden; }
.dropzone .dz-preview .dz-progress .dz-upload {
background: #333;
background: linear-gradient(to bottom, #666, #444);
position: absolute;
top: 0;
left: 0;
bottom: 0;
width: 0;
-webkit-transition: width 300ms ease-in-out;
-moz-transition: width 300ms ease-in-out;
-ms-transition: width 300ms ease-in-out;
-o-transition: width 300ms ease-in-out;
transition: width 300ms ease-in-out; }
.dropzone .dz-preview.dz-error .dz-error-message {
display: block; }
.dropzone .dz-preview.dz-error:hover .dz-error-message {
opacity: 1;
pointer-events: auto; }
.dropzone .dz-preview .dz-error-message {
pointer-events: none;
z-index: 1000;
position: absolute;
display: block;
display: none;
opacity: 0;
-webkit-transition: opacity 0.3s ease;
-moz-transition: opacity 0.3s ease;
-ms-transition: opacity 0.3s ease;
-o-transition: opacity 0.3s ease;
transition: opacity 0.3s ease;
border-radius: 8px;
font-size: 13px;
top: 130px;
left: -10px;
width: 140px;
background: #be2626;
background: linear-gradient(to bottom, #be2626, #a92222);
padding: 0.5em 1.2em;
color: white; }
.dropzone .dz-preview .dz-error-message:after {
content: '';
position: absolute;
top: -6px;
left: 64px;
width: 0;
height: 0;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-bottom: 6px solid #be2626; }
.dropzone {
position:relative;
border: 2px dashed #d0d0d0;
border-radius: 3px;
background: #fcfcfc;
transition: all 0.3s linear;
margin-bottom: 15px;
display: inline-block;
width: 100%;
}
.dropzone:hover {
border: 2px dashed #66676b;
background: #fff;
transition: all 0.35s linear;
}
.dropzone:before {
position: absolute;
height: 100%;
width: 100%;
content: "";
top: 0;
left: 0;
background: linear-gradient(to bottom, rgba(255,255,255,0.95), rgba(255,255,255,0.9));
background-color: #66676b;
opacity: 0;
z-index: 10;
transition: all 0.3s linear;
border-radius: 3px;
}
.dropzone:hover:before { opacity: 0.4; }
.dropzone .dz-message {
text-align: center;
margin: 50px 0;
font-size: 17px;
color: #888;
transition: all 0.3s linear;
position: relative;
z-index: 11;
}
.dropzone:hover .dz-message {
color: #66676b;
}
.dz-message i {
display: block;
font-size: 32px;
margin-bottom: 15px;
}
.edit-profile-photo img { margin-bottom: 20px }
#avatar-uploader.dropzone { min-height: auto; padding: 15px; }
#avatar-uploader.dropzone .dz-message { margin: 0; font-size: 16px; }
#avatar-uploader.dropzone .dz-preview { width: 100%; margin: 0; }
#avatar-uploader.dropzone .dz-preview .dz-image { width: 100%; height: auto; }
#avatar-uploader.dropzone .dz-preview:hover .dz-image img {filter: none; transform: none; }
#avatar-uploader.dropzone .dz-preview .dz-image img { margin-bottom: 0; }
body .dropzone .dz-preview .dz-remove {
margin-top: 0px;
background: #fff;
color: #444;
box-shadow: 0 2px 5px rgba(0,0,0,0.07);
font-size: 13px;
padding: 2px;
border-radius: 0 0 3px 3px;
text-decoration: none;
top: -2px;
}
body .dropzone .dz-preview .dz-remove:hover { text-decoration: none; color: #d42f33; }
body .dropzone .dz-preview.dz-image-preview { background: transparent; }
body .dropzone .dz-remove { position: relative; z-index: 11; }
body #_gallery-description,
body #gallery-description {
line-height: 22px;
padding: 12px 20px !important;
}
.dropzone#avatar-uploader .dz-preview .dz-progress {
bottom: -10%
}
#avatar-uploader.dropzone .dz-details .dz-size,
#avatar-uploader.dropzone .dz-details .dz-filename {
display: none;
}  .chosen-container {
position: relative;
display: inline-block;
vertical-align: middle;
font-size: 15px;
zoom: 1;
*display: inline;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.chosen-container * {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.chosen-container .chosen-drop {
position: absolute;
top: 100%;
left: -9999px;
z-index: 990;
width: 100%;
border: 1px solid #e0e0e0;
background-color: #fcfcfc;
background: linear-gradient(to bottom, rgba(252,252,252,1) 0%,rgba(255,255,255,1) 100%);
border-top: 0;
border-radius: 0 0 3px 3px;
}
.chosen-container.chosen-with-drop .chosen-drop { left: 0; }
.chosen-container a { cursor: pointer; }
.chosen-disabled {
opacity: 0.5;
pointer-events: none;
} .chosen-container-single .chosen-single {
position: relative;
display: block;
overflow: hidden;
padding: 0 0 0 18px;
height: 51px;
line-height: 51px;
border: 1px solid #e0e0e0;
background-color: #fcfcfc;
color: #888;
text-decoration: none;
white-space: nowrap;
font-weight: 500;
border-radius: 3px;
}
.chosen-container-single .chosen-default { color: #999; }
.chosen-container-single .chosen-single span {
display: block;
overflow: hidden;
margin-right: 26px;
text-overflow: ellipsis;
white-space: nowrap;
color: #888;
}
.chosen-container-single .chosen-single-with-deselect span { margin-right: 38px; }
.chosen-container-single .chosen-single div {
position: absolute;
top: 0;
right: 0;
display: block;
width: 18px;
height: 100%;
}
.chosen-container-single .chosen-single div b {
display: block;
position: relative;
}
.chosen-container-single .chosen-single div b:after {
content: "\f0d7";
font-family: "FontAwesome";
font-size: 14px;
margin: 0 14px 0 0;
top: -1px;
position: relative;
width: 11px;
height: 5px;
display: inline-block;
color: #c0c0c0;
float: right;
font-weight: normal;
}
.chosen-container-single .chosen-search {
position: relative;
z-index: 1010;
margin: 0;
padding: 3px 8px;
white-space: nowrap;
}
.chosen-container-single .chosen-search input[type="text"] {
margin: 1px 0;
padding: 6px 20px 6px 6px;
width: 100%;
height: 40px;
outline: 0;
border: 1px solid #ddd;
background-color: #fff;
display: block;
position: relative;
z-index: 9;
background-color: #fafafa;
}
.chosen-container-single .chosen-search:before {
content: "\f002";
font-family: "FontAwesome";
font-size: 15px;
margin: 0 15px 0 0;
top: 12px;
position: relative;
width: 11px;
height: 5px;
display: inline-block;
color: #aaa;
float: right;
font-weight: normal;
z-index: 10;
}
.chosen-container-single .chosen-drop {
margin-top: -1px;
background-clip: padding-box;
}
.chosen-container-single.chosen-container-single-nosearch .chosen-search {
position: absolute;
left: -9999px;
} .sort-by {
position: relative;
top: -3px;
}
.sort-by label,
.sort-by .sort-by-select {
display: inline-block;
float: left;
}
.sort-by-select select {
border: 0;
padding: 0 0 0 5px;
background-color: transparent;
height: 41px;
}
.sort-by label {
line-height: 40px;
margin-top: 1px;
padding: 0;
}
.sort-by .chosen-container-active .chosen-single,
.sort-by .chosen-container-active .chosen-choices,
.sort-by .chosen-container-active.chosen-with-drop .chosen-single,
.sort-by .chosen-container-single .chosen-single {
height: 40px;
line-height: 40px;
border: 1px solid #fff;
background-color: #fff;
width: 100%;
display: inline-block;
padding-left: 10px;
}
.sort-by .chosen-container-active .chosen-drop,
.sort-by .chosen-container-single .chosen-drop {
opacity: 0;
transition: opacity 0.3s;
}
.sort-by .chosen-container-active.chosen-with-drop .chosen-drop {
opacity: 1;
}
.sort-by .chosen-container .chosen-drop {
padding-top: 10px;
border: 1px solid #e0e0e0;
border-top: 1px solid #e0e0e0;
border-radius: 3px;
width: 200px;
margin-left: 10px;
background: #fff;
box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.08);
z-index: 999;
}
.sort-by .chosen-container-single .chosen-single div b:after {
color: #66676b;
}
.sort-by .chosen-container-single .chosen-default { color: #66676b; }
.sort-by .chosen-container-single .chosen-single span {
margin-right: 0px;
color: #66676b;
}
.sort-by .chosen-container-single .chosen-single div {
position: relative;
top: -1px;
margin-left: 15px;
display: inline-block;
}
.chosen-container-single .chosen-single span {
display: inline-block;
margin-right: 0;
} .chosen-container .chosen-results {
color: #888;
position: relative;
overflow-x: hidden;
overflow-y: auto;
margin: 0 4px 8px 0;
padding: 0 4px 0 8px;
max-height: 300px;
}
.chosen-container .chosen-results li {
display: none;
margin: 0;
padding: 10px 10px;
list-style: none;
line-height: 15px;
word-wrap: break-word;
-webkit-touch-callout: none;
}
.chosen-container-multi .chosen-results li { padding: 10px 18px; }
.chosen-container .chosen-results li.active-result {
display: list-item;
cursor: pointer;
}
.chosen-container .chosen-results li.disabled-result {
display: list-item;
color: #ccc;
cursor: default;
}
.chosen-container .chosen-results li.highlighted {
background-color: #66676b;
border-radius: 3px;
color: #fff;
transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out;
}
.chosen-container .chosen-results li.no-results {
color: #888;
display: list-item;
background-color: #fff;
}
.chosen-container-multi .chosen-results li.no-results { background-color: #fff; }
.chosen-container .chosen-results li.group-result {
display: list-item;
font-weight: bold;
cursor: default;
}
.chosen-container .chosen-results li.group-option { padding-left: 15px; }
.chosen-container .chosen-results li em {
font-style: normal;
text-decoration: underline;
} .chosen-container-multi .chosen-choices {
position: relative;
display: block;
overflow: hidden;
padding: 0 0 0 18px;
height: 53px;
border: 1px solid #e0e0e0;
background-color: #fcfcfc;
text-decoration: none;
white-space: nowrap;
line-height: 33px;
cursor: pointer;
margin: 0;
}
.chosen-container-multi .chosen-choices li {
float: left;
list-style: none;
}
.chosen-container-multi .chosen-choices li.search-field {
margin: 0;
padding: 0;
white-space: nowrap;
}
.chosen-container-multi .chosen-choices li.search-field input[type="text"] {
margin: 0;
padding: 0;
height: 53px;
outline: 0;
border: 0 !important;
background: transparent !important;
color: #888;
line-height: normal;
font-weight: 500;
}
.chosen-container-multi .chosen-choices li.search-choice {
position: relative;
margin: 12px 5px 0 -4px;
padding: 0 25px 0 8px;
max-width: 100%;
background-color: #66676b;
line-height: 29px;
color: #fff;
cursor: default;
font-weight: 500;
}
.chosen-container-multi .chosen-choices li.search-choice span { word-wrap: break-word; }
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
position: absolute;
top: -2px;
right: 7px;
display: block;
}
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:before {
content: "\f00d";
font-family: "FontAwesome";
font-size: 13px;
top: 1px;
position: relative;
width: 11px;
height: 5px;
display: inline-block;
color: #fff;
float: right;
font-weight: normal;
}
.chosen-container-multi .chosen-choices li.search-choice-disabled {
padding-right: 5px;
border: 1px solid #ccc;
background-color: #e4e4e4;
color: #888;
}
.chosen-container-multi .chosen-choices li.search-choice-focus { background: #d4d4d4; }
.chosen-container-multi .chosen-results {
margin: 0;
padding: 0;
}
.chosen-container-multi .chosen-drop .result-selected {
display: list-item;
color: #ccc;
cursor: default;
}
.chosen-container-multi .chosen-results li,
.chosen-container-multi .chosen-drop { padding: 10px; }
.chosen-container-multi .chosen-choices li.search-choice,
.chosen-container-multi .chosen-choices { border-radius: 3px; }
.chosen-container-multi.chosen-with-drop .chosen-choices { border-radius: 3px 3px 0 0; }
.chosen-container-multi .chosen-choices { height: auto; padding: 12px 18px; }
.chosen-container-multi .chosen-choices li.search-choice { margin-top: 2px; margin-right: 6px; }
.chosen-container-multi .chosen-choices li.search-field input[type="text"] { height: auto; padding: 8px 0; } .chosen-container-active .chosen-single,
.chosen-container-active .chosen-choices,
.chosen-container-active.chosen-with-drop .chosen-single { border: 1px solid #e0e0e0; }
.chosen-container-active.chosen-with-drop .chosen-single div {
border-left: none;
background: transparent;
}
.chosen-container-active.chosen-with-drop .chosen-single div b:after { content: "\f0d8" }
.chosen-container-active .chosen-choices li.search-field input[type="text"] { 	color: #888 !important; } .chosen-drop ::-webkit-scrollbar { width: 10px; }
.chosen-drop ::-webkit-scrollbar-track {
background-color: rgba(0,0,0,0.05);
border-radius: 10px;
}
.chosen-drop ::-webkit-scrollbar-thumb {
border-radius: 10px;
background-color: rgba(0,0,0,0.2);
}
.chosen-drop ::-webkit-scrollbar-thumb:hover {
border-radius: 10px;
background-color: rgba(0,0,0,0.3);
}  .select-input {
position: relative;
}
.select-input input { position: relative; z-index: 101; }
.select-input .select {
position: absolute;
top: -8px;
}
.select-input select,
.select-hidden {
display: none;
visibility: hidden;
}
.select {
cursor: pointer;
display: inline-block;
position: relative;
font-size: 15px;
color: #fff;
width: 100%;
height: 51px;
}
.select-styled { opacity: 0; }
.select-options {
display: none;
position: absolute;
top: 100%;
right: 0;
left: 0;
z-index: 990;
margin: 0;
padding: 0;
list-style: none;
border: 1px solid #e0e0e0;
background-color: #fcfcfc;
padding: 0 4px;
padding-top: 8px;
border-top: 0;
border-radius: 0 0 3px 3px;
box-sizing: border-box;
}
.select-list-container {
padding: 0 4px;
max-height: 300px;
overflow: auto;
display: inline-block;
width: 100%
}
ul.select-options li {
margin: 0;
padding: 0;
transition: all 0.15s ease-in;
color: #888;
margin: 0;
padding: 10px 10px;
list-style: none;
line-height: 15px;
border-radius: 3px;
}
.select-options li:hover {
color: #fff;
background-color: #66676b;
}
.select-options li[rel="hide"] {
display: none;
}
.select-options ::-webkit-scrollbar { width: 10px; }
.select-options ::-webkit-scrollbar-track {
background-color: rgba(0,0,0,0.05);
border-radius: 10px;
}
.select-options ::-webkit-scrollbar-thumb {
border-radius: 10px;
background-color: rgba(0,0,0,0.2);
}
.select-options ::-webkit-scrollbar-thumb:hover {
border-radius: 10px;
background-color: rgba(0,0,0,0.3);
} .data-unit {
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 19px;
font-style: normal;
color: #aaa;
z-index: 110;
background-color: transparent;
outline: 0;
border: 0;
padding: 0 0 0 10px;
margin: 0;
pointer-events:none;
background-color: #fcfcfc;
}
.disabled-first-option ul.select-options li:first-child {
pointer-events:none;
color: #aaa;
}    button.button,
input[type="button"],
input[type="submit"],
a.button.border,
a.button {
background-color: #66676b;
top: 0;
padding: 10px 20px;
color: #fff;
position: relative;
font-size: 15px;
font-weight: 500;
display: inline-block;
transition: all 0.2s ease-in-out;
cursor: pointer;
margin-right: 6px;
overflow: hidden;
border: none;
border-radius: 3px;
}
button.button:before,
a.button:before {
width: 100%;
height: 100%;
content: "";
display: block;
background-color: #fff;
position: absolute;
left: 0;
top: 0;
opacity: 0;
transition: all 0.2s;
}
button.button:hover:before,
a.button:hover:before {
opacity: 0.1;
}
a.button.white {
background-color: #fff;
color: #333;
} a.button.border:before { display: none; }
a.button.border {
background-color: transparent;
color: #66676b;
border: 1px solid #66676b;
padding: 9px 19px;
}
a.button.border:hover {
background-color: #66676b;
color: #fff;
opacity: 1;
}
a.button.border.white {
border-color: #fff;
color: #fff;
}
a.button.border.white:hover {
background-color: #fff;
color: #66676b;
} button.button.fullwidth,
a.button.fullwidth {
width: 100%;
text-align: center;
}
a.button.white.border:hover { color: #333; }
.button i { padding-right: 4px; }
.button.centered {
display: table;
margin: 0px auto;
}  .list-4,
.list-3,
.list-2,
.list-1 {
padding: 3px 0 0 0;
}
.list-4 li,
.list-3 li,
.list-2 li,
.list-1 li {
list-style: none;
margin: 14px 0;
line-height: 27px;
margin-left: 22px;
position: relative;
}
.list-1.alt li { margin: 12px 0; margin-left: 22px; }
.list-4 li:first-child,
.list-3 li:first-child,
.list-2 li:first-child,
.list-1 li:first-child {
margin-top: 0;
}
.list-4 li:before,
.list-3 li:before,
.list-2 li:before,
.list-1 li:before {
font-family: "FontAwesome";
margin: 0;
position: relative;
color: #66676b;
float: left;
margin-left: -22px;
display: block;
}
.list-1.gray li:before {
color: #777;
}
.list-4 li:before { content: "\f192"; font-size: 14px; top: 1px; }
.list-3 li:before { content: "\f058"; font-size: 15px; top: 1px; }
.list-2 li:before { content: "\f00c"; font-size: 14px; }
.list-1 li:before { content: "\f0c8"; font-size: 8px; }
.list-4 li { margin-left: 27px; }
.list-4 li:before { margin-left: -27px; } .numbered ol {
counter-reset: li;
list-style: none;
padding: 0;
margin-left: 18px;
display: inline-block;
}
.numbered ol li {
display: inline-block;
padding: 6px 0;
width: 100%;
}
.numbered ol > li::before {
content: counter(li);
counter-increment: li;
font-size: 16px;
line-height: 34px;
width: 36px;
height: 36px;
display: inline-block;
border: 1px solid #333;
border-radius: 50%;
text-align: center;
margin: 0;
margin-left: 0;
font-weight: 500;
color: #333;
position: relative;
float: left;
left: -18px;
transform: translateY(-20%);
}
.numbered.color ol > li::before {
border: 1px solid #66676b;
color: #66676b;
}
.numbered.color.filled ol > li::before {
border: 1px solid #66676b;
color: #fff;
background-color: #66676b;
}
mark.color {
background-color: #66676b;
border-radius: 3px;
}  #tiptip_holder {
display: none;
position: absolute;
left: 0;
top: 0;
z-index: 99999;
}
#tiptip_holder.tip_top {
padding-bottom: 5px;
-webkit-transform: translateX(12px)
}
#tiptip_holder.tip_bottom { padding-top: 5px; }
#tiptip_holder.tip_right { padding-left: 5px; }
#tiptip_holder.tip_left { padding-right: 5px; }
#tiptip_content {
color: #f0f0f0;
font-size: 13px;
line-height: 16px;
padding: 6px 10px;
background-color: #333;
border-radius: 3px;
}
#tiptip_arrow, #tiptip_arrow_inner {
position: absolute;
border-color: transparent;
border-style: solid;
border-width: 6px;
height: 0;
width: 0;
}
#tiptip_holder.tip_top #tiptip_arrow { border-top-color: #333; }
#tiptip_holder.tip_bottom #tiptip_arrow { border-bottom-color: #333; }
#tiptip_holder.tip_right #tiptip_arrow { border-right-color:#333; }
#tiptip_holder.tip_left #tiptip_arrow { border-left-color: #333; }
#tiptip_holder.tip_top #tiptip_arrow_inner {
margin-top: -7px;
margin-left: -6px;
border-top-color: #333;
}
#tiptip_holder.tip_bottom #tiptip_arrow_inner {
margin-top: -5px;
margin-left: -6px;
border-bottom-color: #333;
}
#tiptip_holder.tip_right #tiptip_arrow_inner {
margin-top: -6px;
margin-left: -5px;
border-right-color: #333;
}
#tiptip_holder.tip_left #tiptip_arrow_inner {
margin-top: -6px;
margin-left: -7px;
border-left-color: #333;
}  .pricing-container {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
position: relative;
}
.plan {
flex: 1;
box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.1); 
text-align: center;
position: relative;
z-index: 9;
}
.plan-price {
width: 100%;
background: linear-gradient(to bottom, #fafafa 0%, #f6f6f6);
padding: 45px 30px;
padding-top: 48px;
}
.plan:first-child .plan-price { border-radius: 3px 0 0 0; }
.plan:first-child { border-radius: 3px 0 3px 3px; }
.plan:last-child .plan-price { border-radius: 0 3px 0 0; }
.plan:last-child { border-radius: 0 3px 3px 0; }
.plan-price h3 {
margin: 0;
color: #888;
font-size: 22px;
}
.plan-price .value {
display: block;
font-size: 37px;
line-height: 35px;
padding: 22px 0 0 0;
color: #66676b;
}
.plan-price .period {
color: #909090;
margin-top: 20px;
padding: 0 10%;
display: block;
}
.plan-features {
padding: 35px 30px;
background: #fff;
}
.plan-features input[type="radio"] {
display: inline;
height: auto;
}
.plan-features ul {
list-style: none;
padding: 0;
}
.plan-features ul li {
padding: 3px 0;
}
.plan-features a.button {
margin-top: 20px;
} .plan.featured {
margin-left: -1px;
margin-right: -1px;
transform: translateY(-23px);
border-radius: 0 0 3px 3px;
z-index: 11;
}
.plan.featured .plan-price {
background: linear-gradient(to bottom, rgba(255,255,255,0.1) 0%, transparent);
background-color: #66676b;
padding: 50px 30px;
border-radius: 3px 3px 0 0;
}
.plan.featured .plan-price h3 {
color: #fff;
}
.plan.featured .plan-price .value {
color: #fff;
}
.plan.featured .plan-price .period {
color: rgba(255,255,255,0.8);
line-height: 23px;
}
.plan.featured .plan-features { padding: 45px 30px; }
.plan.featured .listing-badges .featured {
background: #fff;
color: #66676b;
}  .ui-accordion .ui-accordion-header,
.trigger a {
display: block;
cursor: pointer;
position: relative;
padding: 0;
line-height: 26px;
outline: none;
color: #333;
font-size: 14px;
background-color: #fff;
border: 1px solid #e0e0e0;
transition: background-color 0.2s, color 0.2s;
padding: 16px 27px;
margin: -1px 0 0 0;
}
.ui-accordion .ui-accordion-header i,
.trigger a i {
font-size: 18px;
top: 1px;
position: relative;
padding-right: 3px;
}
.style-2 .ui-accordion .ui-accordion-header i,
.style-2 .trigger a i {
padding-right: 6px;
}
.style-2 .ui-accordion .ui-accordion-header:hover,
.style-2 .trigger a:hover { color: #66676b; }
.trigger.active a,
.ui-accordion .ui-accordion-header-active:hover,
.ui-accordion .ui-accordion-header-active {
background-color: #66676b;
border-color: #66676b;
color: #fff;
}
.ui-accordion .ui-accordion-header i,
.trigger a i {
margin: 0 4px 0 0;
position: relative;
}
.ui-accordion .ui-accordion-content,
.toggle-container {
padding: 28px 30px;
border: 1px solid #e0e0e0;
border-top: none;
}
.ui-accordion .ui-accordion-content p,
.toggle-container p { margin: 0; } .style-2 .ui-accordion .ui-accordion-header,
.style-2 .trigger a {
border: none;
margin: 0;
padding: 27px 0;
text-transform: none;
font-size: 17px;
font-weight: 500;
background-color: transparent;
color: #333;
padding-right: 60px;
}
body .style-2 .ui-accordion .ui-accordion-header,
body .style-2 .trigger a { text-transform: none; }
.style-2 .ui-accordion .ui-accordion-content,
.style-2 .toggle-container {
padding: 0px 0 30px 0;
border: none;
}
.style-2 .trigger.active a,
.style-2 .ui-accordion .ui-accordion-header-active:hover,
.style-2 .ui-accordion .ui-accordion-header-active {
background-color: transparent;
border-color: transparent;
color: #66676b;
transition: color 0.1s;
}
.style-2 .ui-accordion .ui-accordion-header,
.style-2 .ui-accordion .ui-accordion-content,
.style-2.toggle-wrap {
border-bottom: 1px solid #e0e0e0
}
.style-2 .ui-accordion .ui-accordion-header-active { border: none; }
.accordion h3 .sl-icon-plus,
.trigger .sl-icon-plus {
position: absolute;
right: 0;
top: 50%;
font-size: 26px;
transform: translate3d(0,-50%,0) rotate(0);
transition: 0.2s;
}
.accordion h3.ui-accordion-header-active .sl-icon-plus,
.trigger.active .sl-icon-plus {
margin-top: 2px;
transform: translate3d(0,-50%,0) rotate(45deg);
} .fp-accordion { margin-top: 30px; }
.fp-accordion .accordion h3:first-child { border-radius: 3px 3px 0 0 !important; }
.fp-accordion .ui-accordion .ui-accordion-header,
.fp-accordion .ui-accordion .ui-accordion-header.ui-accordion-header-active {
transition: background-color 0.3s, color 0.3s, border-color 0.3s;
}
.fp-accordion .accordion h3 {
border-radius: 0 0 3px 3px;
font-size: 15px;
color: #777;
background-color: #fbfbfb;
border-color: #e0e0e0;
}
.fp-accordion .accordion h3:hover { background-color: #fefefe; }
.fp-accordion .accordion h3.ui-accordion-header span {
font-size: 13px;
border-radius: 3px;
padding: 5px 6px;
margin-left: 3px;
background-color: rgba(0,0,0,0.05);
}
.fp-accordion .accordion h3.ui-accordion-header.ui-accordion-header-active span {
background-color: rgba(0,0,0,0.25);
color: #fff;
}
.fp-accordion .accordion h3.ui-accordion-header-active {
border-radius: 0;
color: #fff;
background: transparent;
background-color: #66676b;
border-color: #66676b;
}
.fp-accordion .accordion h3 i.fa-angle-down {
position: absolute;
transition: 0.3s;
top: 19px;
right: 15px;
font-size: 20px;
color: #888;
}
.fp-accordion .accordion h3.ui-accordion-header-active i.fa-angle-down {
transform: rotate(180deg);
color: #fff;
}
.fp-accordion .ui-accordion .ui-accordion-content {
padding-bottom: 0;
background: #fff
}
.fp-accordion .ui-accordion .ui-accordion-content p {
padding-bottom: 28px;
line-height: 26px;
}
.fp-accordion a img {
width: 65%;
text-align: center;
display: block;
cursor: zoom-in;
margin: 0 auto;
}
.fp-accordion a.floor-pic {
margin: 5px 0 20px 0;
width: 100%;
display: inline-block;
}
.responsive-iframe {
position: relative;
padding-bottom: 53%; padding-top: 25px;
height: 0;
}
.responsive-iframe iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}  #floorplans-submit-container {
width: 100%;
margin-top: 10px;
}
.label-_floorplans {
display: none;
}
.floorplans-submit-item td {
display: block;
width: 100%;
margin-bottom: 5px;
padding: 0px;
}
.floorplans-submit-item td .fm-input,
.floorplans-submit-item td .fm-move {
position: relative;
}
.floorplans-submit-item td .fm-move i.fa-reorder {
display: inline-block;
background-color: rgba(0,0,0,0.15);
color: #fff;
height: 50px;
width: 50px;
color: 666;
line-height: 50px;
text-align: center;
border-radius: 3px 0 0 3px;
cursor: move;
}
.floorplans-submit-item td .fm-move {
cursor: pointer;
color: #fff;
font-size: 14px;
max-width: 100%;
background: #274abb;
border-radius: 3px;
padding: 0px;
line-height: 0;
margin-bottom: 20px;
height: 50px;
max-height: 50px;
overflow: hidden;
}
.floorplans-submit-item td .floorplan-title {
display: inline-block;
font-size: 14px;
padding-left: 10px;
color: #fff;
}
.floorplans-submit-item td span.fp-btn {
color: #fff;
background-color: rgba(255,255,255,0.1);
display: inline-block;
cursor: pointer;
float: right;
font-size: 14px;
height: 50px;
width: auto;
line-height: 50px;
margin: 0;
border-radius: 2px;
text-align: center;
transition: 0.3s;
padding: 0 18px;
font-size: 13px;
}
.floorplans-submit-item td span.fp-btn i {
font-size: 14px;
margin-right: 3px;
position: relative;
top: 1px;
}
.floorplans-submit-item td span.fp-btn.remove:hover {
color: #fff;
background-color: #ea2828;
}
.floorplans-submit-item td span.fp-btn.edit {
background-color: transparent;
}
.floorplans-submit-item td .fm-input { 
margin-right: 12px;
}
.floorplans-submit-item td .fm-input.floorplans-name,
.floorplans-submit-item td .fm-input.floorplans-area { display: inline-block; }
.floorplans-submit-item td .fm-input.floorplans-name { max-width: 350px; }
.floorplans-submit-item td .fm-input.floorplans-area {
margin-right: 0;
}
.pricing-submenu { display: block; padding-top: 20px; }
.pricing-submenu input { background-color: #fafafa; }
.pricing-submenu.floorplans-submit-item td .fm-input { margin-right: 0; }
#floorplans-submit-container tbody tr:first-child.floorplans-submit-item.pricing-submenu {
padding-top: 0;
}
.floorplans-submit-item td .fm-input.floorplans-description {
margin: 0 0 35px 0;
padding-right: 0;
} .data-fp-unit {
position: absolute;
top: 12px;
right: 19px;
font-style: normal;
color: #aaa;
z-index: 110;
background-color: transparent;
outline: 0;
border: 0;
padding: 0 0 0 10px;
margin: 0;
font-size: 13px;
font-weight: 500;
pointer-events:none;
background-color: #fff;
} .add-pricing-submenu.button:before,
.add-floorplans-submit-item.button:before { display: none; }
.add-pricing-submenu.button,
.add-floorplans-submit-item.button {
margin-top: 0px;
margin-bottom: 5px;
background-color: #f0f0f0;
color: #666;
padding: 10px 20px;
font-weight: 500;
}
.add-pricing-submenu.button:hover,
.add-floorplans-submit-item.button:hover {
color: #fff;
background-color: #274abb;
}  .wc-tabs,
.tabs-nav {
list-style: none;
margin: 0;
padding: 0;
width: 100%;
}
.tabs-nav li a i {
padding-right: 5px;
font-size: 16px;
top: 1px;
position: relative;
}
.wc-tabs li,
.tabs-nav li {
float: left;
line-height: 45px;
padding: 0;
margin-right: 4px;
position: relative;
z-index: 12;
}
.vc_tta.vc_general.vc_tta-style-tabs-style-2 .vc_tta-tab>a,
.vc_tta.vc_general.vc_tta-style-tabs-style-1 .vc_tta-tab>a {
border-bottom: 2px solid transparent;
border-width: 0px 0px 2px 0px;
}
.vc_tta.vc_tta-style-tabs-style-2 .vc_tta-tab a,
.vc_tta.vc_tta-style-tabs-style-1 .vc_tta-tab a,
.wc-tabs li a,
.tabs-nav li a {
border-bottom: 2px solid transparent;
border-width: 0px 0px 2px 0px;
color: #333;
display: inline-block;
outline: none;
padding: 7px 15px;
text-decoration: none;
font-size: 14px;
z-index: 11;
position: relative;
margin-bottom: -1px;
}
.vc_tta.vc_tta-style-tabs-style-2 .vc_tta-tab.vc_active a,
.vc_tta.vc_tta-style-tabs-style-1 .vc_tta-tab.vc_active a {
border-bottom: 2px solid;
border-width: 0px 0px 2px 0px
}
.tabs-nav li a,
.tab-reviews {
-webkit-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out;
}
.wc-tabs li a,
.tabs-nav li a {
border-bottom: 2px solid transparent;
color: #333;
display: inline-block;
outline: none;
padding: 7px 15px;
text-decoration: none;
font-size: 15px;
z-index: 11;
position: relative;
margin-bottom: -1px;
}
.tabs-nav li a:hover { border-color: #66676b; }
.tab-reviews { color: #aaa; }
.wc-tabs li a:hover,
.wc-tabs li a.active,
.tabs-nav li.active .tab-reviews { color: #fff; }
.tabs-nav li a:hover,
.tabs-nav li.active a {
border-color: #66676b;
color: #66676b;
z-index: 11;
}
.vc_tta.vc_tta-style-tabs-style-2 .vc_tta-panel.vc_active, .tab-content,
.tab-content {
padding: 28px 33px;
position: relative;
z-index: 10;
display: inline-block;
width: 100%;
}
.tabs-container {
overflow: hidden;
width: 100%;
}
.tab-content p:last-child { margin-bottom: 0; }
.vc_tta-style-tabs-style-2 .vc_tta-panels-container,
.style-2 .tabs-container { box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1); border-radius: 3px; } .vc_tta.vc_tta-style-tabs-style-1 .vc_tta-tabs-list {
border-bottom: 1px solid #e0e0e0;
}
.vc_tta.vc_tta-style-tabs-style-1 .vc_tta-panel.vc_active {
padding: 15px 0 0 0;
}
.style-1 .tabs-container .tab-content {
border: none;
border-top: 1px solid #e0e0e0;
padding: 30px 0 0 0;
} .style-3 .tabs-nav {
text-align: center;
}
.style-3 .tabs-nav li {
float: none;
line-height: 32px;
padding: 0;
margin-right: 4px;
position: relative;
z-index: 12;
display: inline-block;
text-align: center;
}
.style-3 .tabs-nav li a {
border: none;
color: #333;
display: inline-block;
outline: none;
padding: 7px 24px;
text-decoration: none;
font-size: 14px;
z-index: 11;
position: relative;
margin-bottom: -1px;
background-color: #fff;
border-radius: 3px;
font-size: 13px;
}
.style-3 .tabs-nav li a:hover,
.style-3 .tabs-nav li.active a {
border-color: #66676b;
background-color: #66676b;
color: #fff;
z-index: 11;
}
.style-3 .tabs-container .tab-content {
border: none;
padding: 30px 0 0 0;
} .style-4 .tabs-nav {
width: 35%;
display: table-cell;
}
.style-4 .tabs-container {
width: 65%;
padding-left: 20px;
display: table-cell;
vertical-align: middle;
}
.style-4 .tabs-container .tab-content {
border: none;
padding: 10px 0 0 0;
}
.style-4.tabs { display: table; }
.style-4 .tabs-nav li a {
float: none;
width: 90%;
border: none;
padding: 0;
background-color: #fff;
margin: 0 0 1px 0;
border: none;
padding: 9px 24px;
line-height: 30px;
border-radius: 3px;
}
.style-4 .tabs-nav li.active a {
background-color: #66676b;
color: #fff;
}
.style-4 .tabs-nav li {
width: 100%;
} .style-5 .tabs-nav li {
width: 33.33%;
}
.stytle-5 .tabs-container .widget-text {
position: relative;
top: 50px;
transform: transitionY(-50%);
display: inline-block;
}
.style-5 .tabs-nav {
bottom: 5px;
position: relative;
}
.style-5 .tabs-nav li a {
border: none;
background-color: #f2f2f2;
color: #333;
border-radius: 4px;
padding: 0;
}
.style-5 .tabs-nav li.active a {
background-color: #66676b;
color: #fff;
}
.style-5 .tabs-container .tab-content {
box-shadow: none;
border: none;
padding: 20px 0 0 0;
}  table.basic-table {
width: 100%;
border-collapse: separate;
border-spacing: 0;
border:none;
margin-bottom: 15px;
}
table.basic-table th {
background-color: #66676b;
text-align: left;
color: #fff;
vertical-align: top;
font-weight: 500;
}
table.basic-table th:first-child { border-radius: 3px 0 0 3px; }
table.basic-table th:last-child { border-radius: 0 3px 3px 0; }
table.basic-table th,
table.basic-table td {
padding: 15px 28px;
}
table.basic-table tr:nth-child(odd) {
background-color: #f6f6f6
}
table.basic-table { margin-bottom: 0; }  .notification.dashboard-message {
position: absolute;
z-index: 9999;
top: 50%;
right: calc(50% - 80px);
}
.woocommerce-info,
.woocommerce-error,
.woocommerce-message,
.property-manager-error,
#result .success,
.notification {
line-height: 24px;
margin-bottom: 15px;
position: relative;
padding: 20px 26px;
padding-right: 50px;
border-radius: 3px;
}
.notification p { margin: 0; }
#result .success,
.notification.success {
background: linear-gradient(to bottom, rgba(255,255,255,0.2), transparent);
background-color: #EBF6E0;
}
#result .success,
.notification.success,
.notification.success a,
.notification.success strong {
color: #5f9025;
}
.woocommerce-error,
.property-manager-error,
.notification.error {
background: linear-gradient(to bottom, rgba(255,255,255,0.2), transparent);
background-color: #ffe9e9;
}
.notification.error,
.woocommerce-error,
.notification.error a,
.notification.error strong {
color: #de5959;
}
.notification.warning {
background: linear-gradient(to bottom, rgba(255,255,255,0.2), transparent);
background-color: #FBFADD;
}
.property-manager-error,
.notification.warning,
.notification.warning a,
.notification.warning strong {
color: #8f872e;
}
.notification.notice h4 { font-size: 19px; margin: 3px 0 15px 0; }
.woocommerce-info,
.woocommerce-message,
.notification.notice h4,
.notification.notice,
.notification.notice a,
.notification.notice strong {
color: #3184ae
}
.woocommerce-info,
.woocommerce-message,
.notification.notice {
background: linear-gradient(to bottom, rgba(255,255,255,0.2), transparent);
background-color: #E9F7FE;
} div.wpcf7-response-output { margin: 20px 0 0 0;}
div.wpcf7-response-output {
line-height: 24px;
margin-bottom: 15px;
position: relative;
padding: 20px 26px;
border: none;
border-radius: 3px;
}
div.wpcf7-response-output p,
.notification p { margin: 0; }
div.wpcf7-mail-sent-ok,
div.wpcf7-mail-sent-ok strong {
background-color: #EBF6E0;
color: #5f9025;
}
span.wpcf7-not-valid-tip {
display: none;
}
div.wpcf7-response-output.wpcf7-mail-sent-ng,
div.wpcf7-response-output.wpcf7-mail-sent-ng strong {
background-color: #ffe9e9;
color: #de5959;
}
div.wpcf7-response-output.wpcf7-validation-errors,
div.wpcf7-response-output.wpcf7-validation-errors strong {
background-color: #FBFADD;
color: #8f872e;
}
.notification.notice.large{
padding: 32px 36px;
}
body .notification strong { border: none; }
.notification.success .close,
.notification.error .close,
.notification.warning .close,
.notification.notice .close {
display: none;
}
.woocommerce-message {
margin-bottom: 34px;
}
.required {
color: #d11c1c;
}
.notification.notice p span i { font-weight: 500; }
.notification a.button {
float: right;
color: #fff;
margin-top: 3px;
}
.notification.notice a.button { background-color: #388fc5; }
.notification.warning a.button { background-color: #dfbe51; }
.notification.error a.button { background-color: #d34c4c; }
.notification.success a.button { background-color: #79ba38; }
.notification.closeable a.close:before {
content: "\f00d";
font-family: "FontAwesome";
position: absolute;
right: 25px;
top: 0;
cursor: pointer;
}  .social-icons { padding-left: 5px; }
.social-icons li {
display: inline;
float: left;
text-align: left;
margin-right: 16px;
margin-top: 11px;
transform:scale(1.19);
-webkit-transform:scale(1.19);
-webkit-filter: blur(radius);
}
.social-icons li a {
width: 44px;
height: 44px;
display: inline-block;
background-color: #f3f3f3;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
position: relative;
overflow: hidden;
border: 1px solid transparent;
}
.social-icons.fixed li a {
display: block;
} .social-icons li a i {
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
position: absolute;
z-index: 20;
transform:scale(0.9);
-webkit-transform:scale(0.9);
-webkit-filter: blur(radius);
}
.social-icons li a:hover,
.social-icons li a i {
color: #fff;
}
.social-icons li a i {
top: -30px;
opacity:0;
}
.social-icons li a:hover i {
top: 0;
opacity: 1;
} .social-icons.rounded li a { border-radius: 3px; } .ptwsi_social-icons.rounded li a { border-radius: 3px; } .ptwsi_social-icons.color li a {
border-color: transparent;
}
.ptwsi_social-icons.color li a i,
.ptwsi_social-icons.color li a:hover i {
top: 0;
opacity: 1;
}
.ptwsi_social-icons.color a:before { opacity: 0; } .social-icons.border li a {
background-color: #fff;
border: 1px solid #e0e0e0;
}
.social-icons.border li a:hover {
border-color: transparent;
} .ptwsi_social-icons.color li a {
border-color: transparent;
}
.ptwsi_social-icons.color li a i,
.ptwsi_social-icons.color li a:hover i {
top: 0;
opacity: 1;
}
.ptwsi_social-icons.color a:before { opacity: 0; } .social-icons.fixed {
position: fixed;
left: 0;
padding-left: 2px;
top: 100px;
width: 50px;
}
.social-icons.fixed li {
transform:scale(1.15);
-webkit-transform:scale(1.15);
margin-top: 7px; 
}
.social-icons.fixed li a { background-color: rgba(51,51,51,0.35); }
.social-icons.fixed li a:before { color: #fff; }
.twitter:before,
.wordpress:before,
.facebook:before,
.linkedin:before,
.steam:before,
.tumblr:before,
.github:before,
.delicious:before,
.instagram:before,
.xing:before,
.amazon:before,
.dropbox:before,
.paypal:before,
.lastfm:before,
.gplus:before,
.yahoo:before,
.pinterest:before,
.dribbble:before,
.flickr:before,
.reddit:before,
.vimeo:before,
.spotify:before,
.rss:before,
.youtube:before,
.blogger:before,
.appstore:before,
.digg:before,
.evernote:before,
.fivehundredpx:before,
.forrst:before,
.stumbleupon:before,
.dribbble:before {
font-family: "fontello";
font-size: 16px;
line-height: 16px;
color: #a0a0a0;
-webkit-transition: all 0.15s ease-in-out;
-moz-transition: all 0.15s ease-in-out;
-o-transition: all 0.15s ease-in-out;
-ms-transition: all 0.15s ease-in-out;
transition: all 0.15s ease-in-out;
position: absolute;
z-index: 20;
transform:scale(0.9);
} .twitter:before,
.social-icons li a.twitter i {font-size: 14px ;}
.twitter i, .twitter:before { margin: 13px 0 0 12px;  }
.twitter:before { content: "\54"; top: 0; opacity:1; }
.twitter:hover:before { top: 30px; opacity: 0; }
.twitter:hover { background-color: #3bc1ed !important; }
.twitter:hover,
.ptwsi_social-icons.color  .twitter,
.social-icons.fixed .twitter:hover { background-color: #3bc1ed; border-color: #3bc1ed; }
.dribbble i, .dribbble:before { margin: 13px 0 0 13px; }
.dribbble:before { content: "\44"; top: 0; opacity:1; }
.dribbble:hover:before { top: 30px; opacity: 0; }
.dribbble:hover { background-color: #ef5a92 !important; }
.ptwsi_social-icons.color .dribbble,
.social-icons.fixed .dribbble:hover { background-color: #ef5a92 ; border-color: #ef5a92 ; }
.facebook i, .facebook:before { margin: 13px 0 0 16px; }
.facebook:before { content: "\66"; top: 0; opacity:1; }
.facebook:hover:before { top: 30px; opacity: 0; }
.facebook:hover { background-color: #4a6d9d !important; }
.ptwsi_social-icons.color .facebook,
.social-icons.fixed .facebook:hover { background-color: #4a6d9d ; border-color: #4a6d9d ;}
.linkedin i, .linkedin:before { margin: 13px 0 0 13px; }
.linkedin:before { content: "\4c"; top: 0; opacity:1; }
.linkedin:hover:before { top: 30px; opacity: 0; }
.linkedin:hover { background-color: #0b7bb5 !important; }
.ptwsi_social-icons.color .linkedin,
.social-icons.fixed .linkedin:hover { background-color: #0b7bb5 ; border-color: #0b7bb5 ;}
.delicious i, .delicious:before { margin: 13px 0 0 13px; }
.delicious:before { content: "\23"; top: 0; opacity:1; }
.delicious:hover:before { top: 30px; opacity: 0; }
.delicious:hover { background-color: #3274d1 !important ; }
.ptwsi_social-icons.color .delicious,
.social-icons.fixed .delicious:hover { background-color: #3274d1 ; border-color: #3274d1 ;}
.paypal i, .paypal:before { margin: 13px 0 0 13px; }
.paypal:before { content: "\24"; top: 0; opacity:1; }
.paypal:hover:before { top: 30px; opacity: 0; }
.paypal:hover { background-color: #2e689a !important ; }
.ptwsi_social-icons.color .paypal,
.social-icons.fixed .paypal:hover { background-color: #2e689a ; border-color:#2e689a  ;}
.gplus i, .gplus:before { margin: 13px 0 0 13px; }
.gplus:before { content: "\f0d5"; top: 0; opacity:1; }
.gplus:hover:before { top: 30px; opacity: 0; }
.gplus:hover { background-color: #d53824 !important ; }
.ptwsi_social-icons.color .gplus,
.social-icons.fixed .gplus:hover { background-color: #d53824 ;border-color: #d53824 ;}
.stumbleupon i, .stumbleupon:before { margin: 13px 0 0 11px; }
.stumbleupon:before { content: "\2f"; top: 0; opacity:1; }
.stumbleupon:hover:before { top: 30px; opacity: 0; }
.stumbleupon:hover { background-color: #eb4924 !important ; }
.ptwsi_social-icons.color .stumbleupon,
.social-icons.fixed .stumbleupon:hover { background-color: #eb4924 ; border-color:#eb4924  ;}
.fivehundredpx i, .fivehundredpx:before { margin: 13px 0 0 11px; }
.fivehundredpx:before { content: "\30"; top: 0; opacity:1; }
.fivehundredpx:hover:before { top: 30px; opacity: 0; }
.fivehundredpx:hover { background-color: #444 !important ; }
.ptwsi_social-icons.color .fivehundredpx,
.social-icons.fixed .fivehundredpx:hover { background-color: #444 ; border-color:  #444 ;}
.pinterest i, .pinterest:before { margin: 13px 0 0 15px; }
.pinterest:before { content: "\31"; top: 0; opacity:1; }
.pinterest:hover:before { top: 30px; opacity: 0; }
.pinterest:hover { background-color: #cb1f25 !important ; }
.ptwsi_social-icons.color .pinterest,
.social-icons.fixed .pinterest:hover { background-color: #cb1f25 ; border-color: #cb1f25 ;}
.forrst i, .forrst:before { margin: 13px 0 0 15px; }
.forrst:before { content: "\3a"; top: 0; opacity:1; }
.forrst:hover:before { top: 30px; opacity: 0; }
.forrst:hover { background-color: #40833e !important ; }
.ptwsi_social-icons.color .forrst,
.social-icons.fixed .forrst:hover { background-color: #40833e ; border-color:  #40833e ;}
.digg i, .digg:before { margin: 13px 0 0 12px; }
.digg:before { content: "\3b"; top: 0; opacity:1; }
.digg:hover:before { top: 30px; opacity: 0; }
.digg:hover { background-color: #205685 !important ; }
.ptwsi_social-icons.color .digg,
.social-icons.fixed .digg:hover { background-color: #205685 ; border-color: #205685 ;}
.spotify i, .spotify:before { margin: 13px 0 0 13px; }
.spotify:before { content: "\3d"; top: 0; opacity:1; }
.spotify:hover:before { top: 30px; opacity: 0; }
.spotify:hover { background-color: #6ca405 !important ; }
.ptwsi_social-icons.color .spotify,
.social-icons.fixed .spotify:hover { background-color: #6ca405 ; border-color: #6ca405 ;}
.reddit i, .reddit:before { margin: 13px 0 0 12px; }
.reddit:before { content: "\3e"; top: 0; opacity:1; }
.reddit:hover:before { top: 30px; opacity: 0; }
.reddit:hover { background-color: #404040 !important ; }
.ptwsi_social-icons.color .reddit,
.social-icons.fixed .reddit:hover { background-color: #404040 ; border-color:  #404040 ;}
.appstore i, .appstore:before { margin: 13px 0 0 14px; }
.appstore:before { content: "\41"; top: 0; opacity:1; }
.appstore:hover:before { top: 30px; opacity: 0; }
.appstore:hover { background-color: #c0c0c0 !important ; }
.ptwsi_social-icons.color .appstore,
.social-icons.fixed .appstore:hover { background-color: #c0c0c0 ; border-color: #c0c0c0 ;}
.blogger i, .blogger:before { margin: 13px 0 0 13px; font-size: 14px ; }
.blogger:before { content: "\42"; top: 0; opacity:1; }
.blogger:hover:before { top: 30px; opacity: 0; }
.blogger:hover { background-color: #ff6501 !important ; }
.ptwsi_social-icons.color .blogger,
.social-icons.fixed .blogger:hover { background-color: #ff6501 ; border-color:#ff6501  ;}
.dribbble i, .dribbble:before { margin: 13px 0 0 13px; }
.dribbble:before { content: "\44"; top: 0; opacity:1; }
.dribbble:hover:before { top: 30px; opacity: 0; }
.dribbble:hover { background-color: #ef5a92 !important ; }
.ptwsi_social-icons.color .dribbble,
.social-icons.fixed .dribbble:hover { background-color: #ef5a92 ; border-color: #ef5a92 ;}
.evernote i, .evernote:before { margin: 13px 0 0 15px; }
.evernote:before { content: "\45"; top: 0; opacity:1; }
.evernote:hover:before { top: 30px; opacity: 0; }
.evernote:hover { background-color: #6bb130  !important; }
.ptwsi_social-icons.color .evernote,
.social-icons.fixed .evernote:hover { background-color: #6bb130 ; border-color: #6bb130 ;}
.flickr i, .flickr:before { margin: 13px 0 0 13px; }
.flickr:before { content: "\46"; top: 0; opacity:1; }
.flickr:hover:before { top: 30px; opacity: 0; }
.flickr:hover { background-color: #136dd5  !important; }
.ptwsi_social-icons.color .flickr,
.social-icons.fixed .flickr:hover { background-color: #136dd5 ;border-color: #136dd5 ; }
.rss i, .rss:before { margin: 13px 0 0 14px; font-size: 14px ; }
.rss:before { content: "\52"; top: 0; opacity:1; }
.rss:hover:before { top: 30px; opacity: 0; }
.rss:hover { background-color: #fe8f00  !important; }
.ptwsi_social-icons.color .rss,
.social-icons.fixed .rss:hover { background-color: #fe8f00 ; border-color: #fe8f00 ;}
.youtube i, .youtube:before { margin: 13px 0 0 14px; font-size: 18px ; }
.youtube:before { content: "\55"; top: 0; opacity:1; }
.youtube:hover:before { top: 30px; opacity: 0; }
.youtube:hover { background-color: #bf2f29  !important; }
.ptwsi_social-icons.color .youtube,
.social-icons.fixed .youtube:hover { background-color: #bf2f29 ;border-color: #bf2f29 ; }
.vimeo i, .vimeo:before { margin: 13px 0 0 13px; font-size: 14px ; }
.vimeo:before { content: "\56"; top: 0; opacity:1; }
.vimeo:hover:before { top: 30px; opacity: 0; }
.vimeo:hover { background-color: #4c8ab0  !important; }
.ptwsi_social-icons.color .vimeo,
.social-icons.fixed .vimeo:hover { background-color: #4c8ab0 ; border-color: #4c8ab0 ;}
.xing i, .xing:before { margin: 13px 0 0 14px; }
.xing:before { content: "\58"; top: 0; opacity:1; }
.xing:hover:before { top: 30px; opacity: 0; }
.xing:hover { background-color: #036568 !important ; }
.ptwsi_social-icons.color .xing,
.social-icons.fixed .xing:hover { background-color: #036568 ; border-color: #036568 ;}
.yahoo i, .yahoo:before { margin: 13px 0 0 11px; }
.yahoo:before { content: "\59"; top: 0; opacity:1; }
.yahoo:hover:before { top: 30px; opacity: 0; }
.yahoo:hover { background-color: #9251a2  !important; }
.ptwsi_social-icons.color .yahoo,
.social-icons.fixed .yahoo:hover { background-color: #9251a2 ; border-color: #9251a2 ;}
.amazon i, .amazon:before { margin: 13px 0 0 12px; }
.amazon:before { content: "\61"; top: 0; opacity:1; }
.amazon:hover:before { top: 30px; opacity: 0; }
.amazon:hover { background-color: #2f3842  !important; }
.ptwsi_social-icons.color .amazon,
.social-icons.fixed .amazon:hover { background-color: #2f3842 ; border-color: #2f3842  ;}
.steam i, .steam:before { margin: 13px 0 0 11px; }
.steam:before { content: "\62"; top: 0; opacity:1; }
.steam:hover:before { top: 30px; opacity: 0; }
.steam:hover { background-color: #383838 !important ; }
.ptwsi_social-icons.color .steam,
.social-icons.fixed .steam:hover { background-color: #383838 ; border-color:  #383838 ;}
.dropbox i, .dropbox:before { margin: 13px 0 0 13px; }
.dropbox:before { content: "\64"; top: 0; opacity:1; }
.dropbox:hover:before { top: 30px; opacity: 0; }
.dropbox:hover { background-color: #2c92dd !important ; }
.ptwsi_social-icons.color .dropbox,
.social-icons.fixed .dropbox:hover { background-color: #2c92dd ;border-color:#2c92dd  ; }
.github i, .github:before { margin: 13px 0 0 13px; }
.github:before { content: "\67"; top: 0; opacity:1; }
.github:hover:before { top: 30px; opacity: 0; }
.github:hover { background-color: #5c7381  !important; }
.ptwsi_social-icons.color .github,
.social-icons.fixed .github:hover { background-color: #5c7381 ;border-color: #5c7381 ; }
.lastfm i, .lastfm:before { margin: 13px 0 0 11px; }
.lastfm:before { content: "\6c"; top: 0; opacity:1; }
.lastfm:hover:before { top: 30px; opacity: 0; }
.lastfm:hover { background-color: #d21309 !important ; }
.ptwsi_social-icons.color .lastfm,
.social-icons.fixed .lastfm:hover { background-color: #d21309 ;border-color: #d21309 ; }
.tumblr i, .tumblr:before { margin: 13px 0 0 15px; }
.tumblr:before { content: "\74"; top: 0; opacity:1; }
.tumblr:hover:before { top: 30px; opacity: 0; }
.tumblr:hover { background-color: #3d658d !important ; }
.ptwsi_social-icons.color .tumblr,
.social-icons.fixed .tumblr:hover { background-color: #3d658d ; border-color: #3d658d ; }
.wordpress i, .wordpress:before { margin: 13px 0 0 14px; }
.wordpress:before { content: "\77"; top: 0; opacity:1; }
.wordpress:hover:before { top: 30px; opacity: 0; }
.wordpress:hover { background-color: #383838  !important; }
.ptwsi_social-icons.color .wordpress,
.social-icons.fixed .wordpress:hover { background-color: #383838 ; border-color: #383838 ;}
.instagram i, .instagram:before { margin: 13px 0 0 13px; }
.instagram:before { content: "\f31f"; top: 0; opacity:1; }
.instagram:hover:before { top: 30px; opacity: 0; }
.instagram:hover { background-color: #3f6f94  !important; }
.ptwsi_social-icons.color .instagram,
.social-icons.fixed .instagram:hover { background-color: #3f6f94 ;border-color:#3f6f94  ; } @font-face {
font-family: 'fontello';
src: url(//www.merolacostruzioni.it/wp-content/themes/merola/fonts/fontello.eot);
src: url(//www.merolacostruzioni.it/wp-content/themes/merola/fonts/fontello.eot) format('embedded-opentype'),
url(//www.merolacostruzioni.it/wp-content/themes/merola/fonts/fontello.woff) format('woff'),
url(//www.merolacostruzioni.it/wp-content/themes/merola/fonts/fontello.ttf) format('truetype'),
url(//www.merolacostruzioni.it/wp-content/themes/merola/fonts/fontello.svg) format('svg');
font-weight: normal;
font-style: normal;
}
.social-icons li i {
font-family: "fontello";
font-style: normal;
font-weight: normal;
speak: none;
display: inline-block;
text-decoration: inherit;
text-align: center;
font-variant: normal;
text-transform: none;
line-height: 16px;
font-size: 16px;
width: auto;
}
.icon-delicious:before { content: '\23'; } .icon-paypal:before { content: '\24'; } .icon-gplus:before { content: '\f0d5'; } .icon-stumbleupon:before { content: '\2f'; } .icon-fivehundredpx:before { content: '\30'; } .icon-pinterest:before { content: '\31'; } .icon-forrst:before { content: '\3a'; } .icon-digg:before { content: '\3b'; } .icon-spotify:before { content: '\3d'; } .icon-reddit:before { content: '\3e'; } .icon-appstore:before { content: '\41'; } .icon-blogger:before { content: '\42'; } .icon-dribbble:before { content: '\44'; } .icon-evernote:before { content: '\45'; } .icon-flickr:before { content: '\46'; } .icon-linkedin:before { content: '\4c'; } .icon-rss:before { content: '\52'; } .icon-twitter:before { content: '\54'; } .icon-youtube:before { content: '\55'; } .icon-vimeo:before { content: '\56'; } .icon-xing:before { content: '\58'; } .icon-yahoo:before { content: '\59'; } .icon-amazon:before { content: '\61'; } .icon-steam:before { content: '\62'; } .icon-dropbox:before { content: '\64'; } .icon-facebook:before { content: '\66'; } .icon-github:before { content: '\67'; } .icon-lastfm:before { content: '\6c'; } .icon-tumblr:before { content: '\74'; } .icon-wordpress:before { content: '\77'; } .icon-linkedin-rect:before { content: '\f31b'; } .icon-instagram:before { content: '\f31f'; }  .agent ul.social-icons,
#footer ul.social-icons,
#top-bar ul.social-icons { 
margin: 0;
padding: 0;
}
.agent .social-icons li a,
#footer .ptwsi_social-icons li a,
#top-bar .social-icons li a {
width: 45px;
height: 45px;
display: inline-block;
background-color: transparent;
position: relative;
overflow: hidden;
border-radius: 0;
transform:scale(1);
margin-right: 0;
}
.agent .social-icons li,
#footer .ptwsi_social-icons li,
#top-bar .social-icons li {
border-radius: 0;
transform:scale(1);
-webkit-transform:scale(1);
-webkit-filter: blur(radius);
}
.agent .social-icons li a i,
.agent .social-icons li a:before,
#footer .ptwsi_social-icons li a i,
#footer .ptwsi_social-icons li a:before,
#top-bar .social-icons li a i,
#top-bar .social-icons li a:before {
transform:scale(1.1) translateY(calc(-50% - 2px));
-moz-transform:scale(1.1) translateY(calc(-50% - 1px));
-ms-transform:scale(1.1) translateY(-50%);
left: 0;
right: 0;
margin: 0;
text-align: center;
margin-top: 55%;
}
.agent .social-icons li a.twitter i,
.agent .social-icons li a.twitter:before,
#footer .ptwsi_social-icons li a.twitter i,
#footer .ptwsi_social-icons li a.twitter:before,
#top-bar .social-icons li a.twitter i,
#top-bar .social-icons li a.twitter:before { transform:scale(1.1) translateY(calc(-50% - 1px)); } #top-bar .social-icons { float: right; }
.agent .social-icons li,
#footer .ptwsi_social-icons li,
#top-bar .social-icons li {
margin: 0;
padding: 0;
float: left;
line-height: 0;
}
#top-bar .social-icons li a:before,
#top-bar .social-icons li a i { font-size: 14px; color: #fff; }
#top-bar .social-icons li .twitter:before,
#top-bar .social-icons li .twitter i:before { font-size: 12px; }
#top-bar .social-icons li a:hover {
background: #fff !important;
border-color: transparent; 
}
#top-bar .social-icons li a:hover i {
color: #66676b;
} .agent .social-icons li a,
#footer .ptwsi_social-icons li a {
width: 38px;
height: 40px;
background-color: transparent;
}
.agent .social-icons,
#footer .ptwsi_social-icons { 
position: relative;
left: -13px;
}
.agent .social-icons li,
#footer .ptwsi_social-icons li {
margin: 0;
padding: 0;
float: left;
line-height: 0;
}
.agent .social-icons li a:before,
.agent .social-icons li a i,
#footer .ptwsi_social-icons li a:before,
#footer .ptwsi_social-icons li a i { font-size: 15px; color: #a0a0a0; }
.agent .social-icons li .twitter:before,
.agent .social-icons li .twitter i:before,
.agent .social-icons li .vimeo:before,
.agent .social-icons li .vimeo i:before,
#footer .ptwsi_social-icons li .twitter:before,
#footer .ptwsi_social-icons li .twitter i:before,
#footer .ptwsi_social-icons li .vimeo:before,
#footer .ptwsi_social-icons li .vimeo i:before { font-size: 13px; }
.agent .social-icons li a:hover,
#footer .ptwsi_social-icons li a:hover {
background: transparent !important;
border-color: transparent; 
}
.agent .social-icons li a:hover i,
#footer .ptwsi_social-icons li a:hover i {
color: #66676b;
}  .info-box {
background-color: #fff;
display: inline-block;
width: 100%;
border-radius: 3px;
padding: 25px 30px;
border-top: 2px solid #66676b;
background: linear-gradient(to bottom, rgba(255,255,255,0.98), rgba(255,255,255,0.95));
background-color: #66676b;
color: #66676b;
}
.info-box.no-border {
border: none;
background: linear-gradient(to bottom, rgba(255,255,255,0.96), rgba(255,255,255,0.93));
background-color: #66676b;
}
.info-box h4 {
margin: 0;
font-size: 19px;
color: #66676b;
margin-bottom: 20px;
margin-top: 0px;
}
.info-box p {
margin-bottom: 0;
}
.single-post .info-box p { margin: 0 !important;}
.info-box.large {
padding: 36px;
}  .testimonials-subtitle {
padding: 0 15%;
text-align: center;
font-size: 23px;
line-height: 37px;
margin-bottom: 8px;
color: #909090;
}
.testimonial {
box-shadow: 0 1px 6px 0 rgba(0,0,0,0.08);
background: #fff;
border-radius: 3px;
padding: 35px;
color: #909090;
position: relative;
margin-bottom: 20px;
margin-top: 40px;
}
.testimonial p { margin: 0; }
.testimonial:before {
position: absolute;
left: 35px;
bottom: -10px;
content: "\f0dd";
font-family: "FontAwesome";
font-size: 42px;
color: #fff;
text-shadow: 0px 2px 6px rgba(0,0,0,0.1);
cursor: default;
}
.testimonial:after {
position: absolute;
left: 30px;
bottom: 0px;
content: "";
height: 10px;
width: 32px;
background: #fff;
} .testimonial-author {
display: table;
padding-top: 10px;
padding-left: 20px;
}
.testimonial-author img {
width: 55px;
height: auto;
border-radius: 50%;
display: table-cell;
}
.testimonial-author h4 {
display: table-cell;
vertical-align: middle;
font-size: 16px;
padding-left: 20px;
color: #66676b;
}
.testimonial-author h4 span {
display: block;
color: #888;
padding-top: 6px;
}   .icon-box-1 {
text-align: center;
padding: 20px 0;
padding-bottom: 15px;
}
.icon-box-1.alternative {
padding: 20px;
padding-bottom: 15px;
}
.icon-box-1 .icon-container {
font-size: 66px;
color: #fff;
background-color: #66676b;
height: 140px;
width: 140px;
line-height: 140px;
border-radius: 50%;
text-align: center;
margin: 0 auto;
margin-bottom: 13px;
display: inline-block;
position: relative;
}
.icon-box-1.alternative .icon-container {
font-size: 60px;
height: 130px;
width: 130px;
line-height: 130px;
}
.icon-box-1 .icon-container i {
opacity: 1;
transform: translate3d(0,0,0)  scale(1);
transition: all 0.2s ease-in;
display: inline-block;
}
.icon-box-1:hover .icon-container i {
opacity: 0;
transform: translate3d(0,0,0)  scale(1.16);
}
.icon-box-1.alternative:hover .icon-container i {
opacity: 1;
transform: translate3d(0,0,0)  scale(1);
} .icon-box-1 .icon-container .icon-links {
opacity: 0;
visibility: hidden;
width: 100%;
font-size: 16px;
line-height: 22px;
position: absolute;
top: 50%;
transform: translateY(-50%) translateX(0) scale(1.2);
transition: all 0.2s ease-in;
display: block;
}
.icon-box-1 .icon-container .icon-links a {
display: block;
color: #fff;
padding: 5px 20px;
transition: all 0.2s;
position: relative;
}
.icon-box-1:hover .icon-container .icon-links {
opacity: 1;
visibility: visible;
transform: translateY(-50%) translateX(0) scale(1);
} .icon-box-1 h3 {
font-size: 26px;
}
.icon-box-1.alternative h3 {
font-size: 23px;
}
.icon-box-1 p {
font-size: 16px;
color: #888;
margin: 18px 0 0 0;
}
.icon-box-1.alternative p {
font-size: 16px;
line-height: 29px;
} .icon-box-1.alternative { overflow: hidden; position: relative; display: block;}
.icon-box-1.alternative:after {
content: "";
width: 120%;
height: 0px;
display: inline-block;
position: absolute;
top: 0;
right: 0;
background: #fff;
z-index: 8;
transition: height 0.3s ease-in-out, opacity 0.3s ease-out;
opacity: 0;
transform: translate3d(30%,-30%,0) scale(1) rotate(45deg);
}
.icon-box-1.alternative:hover:after { height: 62%; opacity: 0.06; }  .info-banner {
display: block;
width: 100%;
padding: 90px 0;
color: #fff;
margin: 0;
}
.info-banner-content {
position: relative;
z-index: 199;
}
.info-banner.centered { text-align: center; }
.info-banner-content a.button {
margin: 0 20px -15px 20px;
position: relative;
}
.flip-banner h1,
.flip-banner h2,
.flip-banner h3,
.flip-banner h4,
.flip-banner h5,
.flip-banner h6,
.flip-banner a,
.info-banner-content h1,
.info-banner-content h2,
.info-banner-content h3,
.info-banner-content h4,
.info-banner-content h5,
.info-banner-content h6,
.info-banner-content a,
.info-banner-content {
color: #fff;
display: inline-block;
margin: 0;
position: relative;
} .text-content {
background: transparent;
padding: 110px 0px;
font-weight: 500;
z-index: 999;
position: relative;
}
.text-content.white-font {
color: #fff;
}
.text-content.white-font h1,
.text-content.white-font h2,
.text-content.white-font h3,
.text-content.white-font h4,
.text-content.white-font h5 {
color: #fff;
}
.text-content a.button {
padding: 12px 20px;
font-size: 16px;
}
.text-content a.button:before {
display: none;
}
.text-content p {
font-size: 17px;
line-height: 32px; 
}
.text-content h2 { margin-bottom: 30px; line-height: 46px; font-size: 33px; }
.top-1 { position: relative; top: -1px; }
.top-0 { position: relative; }  .flip-banner {
display: block;
width: 100%;
height: 180px;
position: relative;
text-align: center;
overflow: hidden;
z-index: 999;
}
.flip-banner:after {
background-color: #000;
opacity: 0;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
content: "";
display: block;
z-index: 100;
transition: all 0.6s;
}
.flip-banner:hover:after {
opacity: 0.6;
}
.flip-banner-content {
position: relative;
top: 50%;
z-index: 200;
}
.flip-banner h2 {
font-size: 32px;
line-height: 40px;
position: relative;
width: 100%;
display: block;
}
.flip-banner-content .flip-visible,
.flip-banner-content .flip-hidden {
position: absolute;
top: 50%;
left: 0;
right: 0;
margin: 0 auto;
transform: translateY(-50%);
transition: all 0.45s cubic-bezier(.87,-.41,.19,1.44);
}
.flip-banner:hover .flip-banner-content .flip-hidden,
.flip-banner-content .flip-visible {
opacity: 1;
visibility: visible;
transform: translateY(-50%);
}
.flip-banner:hover .flip-banner-content .flip-visible,
.flip-banner-content .flip-hidden {
opacity: 0;
visibility: hidden;
transform: translateY(150%);
}
.flip-banner:hover .flip-banner-content .flip-visible {
transform: translateY(-150%);
}
.flip-banner i { padding: 0 10px; }
.flip-banner .sl {
position: relative;
top: 1px;
font-size: 26px;
}  #counters {
padding: 80px 0;
position: relative;
z-index: 999;
background-size: 100%;
background-position: 50% 50%;
background-repeat: no-repeat;
background-attachment: fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
#counters:before {
content: "";
height: 100%;
width: 100%;
position: absolute;
top: 0;
background: linear-gradient(to bottom, rgba(255,255,255,0.1), rgba(255,255,255,0) 90%);
}
.counter-box {
display: block;
padding: 0;
text-align: center;
}
.counter-box:after {
content: "";
position: absolute;
right: 0;
height: 100%;
width: 1px;
top: 0;
background-color: rgba(255,255,255,0.15);
}
.counter-box.last:after { display: none; }
#counters h3 {
text-align: center;
width: 100%;
border-bottom: 1px solid rgba(255,255,255,0.2);
color: #fff;
padding-bottom: 30px;
margin-bottom: 80px;
margin-top: -15px;
font-size: 26px;
line-height: 34px;
}
.counter-box p {
margin: 12px 0 0 0;
padding: 0;
color: #fff;
font-size: 21px;
font-weight: 500;
display: block;
opacity: 0.8;
}
.counter-box i,
.counter {
display: inline-block;
font-size: 58px;
font-weight: 500;
color: #fff;
line-height: 42px;
font-style: normal;
} .counter-box-icon {
display: block;
background: #f6f6f6;
padding: 50px 20px;
text-align: center;
border-radius: 4px;
}
.counter-box-icon.no-bg { background-color: transparent; padding: 20px;}
.counter-box-icon.no-bg i { color: #333;}
.counter-box-icon p {
margin: 12px 0 0 0;
padding: 0;
color: #909090;
font-size: 20px;
font-weight: 500;
}
.counter-box-icon i {
font-size: 80px;
margin: 0 0 35px 0;
color: #c0c0c0;
display: inline-block;
}
.counter-box-icon .counter {
display: block;
font-size: 36px;
font-weight: 700;
color: #333;
line-height: 28px;
}
.counter-box-icon.colored { background: #808080; }
.counter-box-icon.colored p,
.counter-box-icon.colored i,
.counter-box-icon.colored .counter {color: #fff} .counter-boxes-inside-parallax .counter-box-icon {
background-color: transparent;
padding: 0px;
position: relative;
top: 10px;
padding-bottom: 10px;
}
.counter-boxes-inside-parallax div:last-child .counter-box:after {width: 0px}
.counter-boxes-inside-parallax .counter-box-icon p { color: rgba(255,255,255,0.7) }
.counter-boxes-inside-parallax .counter-box-icon i { margin-bottom: 50px; }
body .counter-boxes-inside-parallax .counter-box-icon i,
.counter-boxes-inside-parallax .counter-box-icon .counter { color: #fff; }    body { color: #707070; }
#wrapper { background-color: #fff; } body, h1, h2, h3, h4, h5, h6,  input[type="text"], input[type="password"], input[type="email"],input[type="tel"],
textarea, select, input[type="button"], input[type="submit"], button, #tiptip_content, .map-box,
body .menu-responsive i.menu-trigger:after, body .pac-container
{ font-family: "Varela Round", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; text-transform: none; } h3.headline {
font-size: 28px;
line-height: 38px;
margin: 0 0 30px 0;
}
h4.headline {
font-size: 22px;
line-height: 32px;
margin: -5px 0 30px 0;
}
.headline.centered { text-align: center; }
.demo h1, .demo h2, .demo h3, .demo h4, .demo h5, .demo h6 { line-height: 40px; } .headline span {
color: #888;
font-size: 18px;
display: block;
} .headline-box {
display: inline-block;
font-size: 28px;
line-height: 38px;
background-color: #fff;
padding: 22px 50px;
margin: 0;
box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.12);
width: auto;
border-radius: 3px;
}
.fullwidth .headline-box {
position: absolute;
transform: translate(-50%,-50%);
top: 0;
margin: 0 auto;
text-align: center;
margin-left: 50%;
} #not-found {
text-align: center;
margin: 10px 0 70px 0 !important;
}
#not-found h2 {
font-size: 10vw;
}
#not-found p { font-size: 22px; line-height: 33px; }
#not-found h2 i { opacity: 0.2 } .glyph {
font-size: 16px;
width: 33%;
display: inline-block;
transition: 0.3s;
}
h4 span.headline-detail { font-size: 15px; }
.mls {
font-size: 16px;
top: -8px;
display: inline-block;
position: relative;
}
.fs1 { font-size: 32px; }
.pbs .im { width: 50px; display: inline-block;}
.unit,
.unitRight,
.fs0 { display: none; }
.pbs { 
padding: 10px 0 5px 15px;
border-radius: 3px;
width: 100%;
display: inline-block;
transition: 0.2s;
}
.pbs:hover { background-color: #f4f4f4; }
.sl-icons-demo i { width: 25px;
display: inline-block; 
top: 1px;
position: relative;
}
.icons .fa.fa-fw { margin-right: 3px; font-size: 14px; }
.icons .text-muted { display: none; }  .rememberme {
display: block;
margin-top: 10px;
cursor: pointer;
}
#signupform label strong {
color: #ea2b2b;
font-weight: 500;
}
#signupform p,
form.login p { margin-bottom: 10px; }
.my-account .tabs-container { overflow: visible; }
.lost_password { margin: -10px 0 0 0; }
.rememberme input {
margin: 0 2px 0 0;
display: inline-block;
min-height: auto;
width: auto;
}
.my-account label {
position: relative;
}
.my-account label input {
margin-top: 8px;
padding-left: 45px;
height: 53px;
}
.my-account label input[type="checkbox"] {
height: auto;
}
.my-account input {
transition: box-shadow 0.2s !important;
}
.my-account input:focus {
transition: box-shadow 0.2s !important;
box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.07);
}
.my-account label i {
font-size: 21px;
color: #a0a0a0;
position: absolute;
left: 15px;
bottom: 13px;
}
.my-account .button {
line-height: 28px;
height: auto;
}   .margin-top-0  { margin-top: 0 !important; }
.margin-top-1  { margin-top: 1px !important; }
.margin-top-2  { margin-top: 2px !important; }
.margin-top-3  { margin-top: 3px !important; }
.margin-top-4  { margin-top: 4px !important; }
.margin-top-5  { margin-top: 5px !important; }
.margin-top-6  { margin-top: 6px !important; }
.margin-top-7  { margin-top: 7px !important; }
.margin-top-8  { margin-top: 8px !important; }
.margin-top-9  { margin-top: 9px !important; }
.margin-top-10 { margin-top: 10px !important; }
.margin-top-15 { margin-top: 15px !important; }
.margin-top-20 { margin-top: 20px !important; }
.margin-top-25 { margin-top: 25px !important; }
.margin-top-30 { margin-top: 30px !important; }
.margin-top-35 { margin-top: 35px !important; }
.margin-top-40 { margin-top: 40px !important; }
.margin-top-45 { margin-top: 45px !important; }
.margin-top-50 { margin-top: 50px !important; }
.margin-top-55 { margin-top: 55px !important; }
.margin-top-60 { margin-top: 60px !important; }
.margin-top-65 { margin-top: 65px !important; }
.margin-top-70 { margin-top: 70px !important; }
.margin-top-75 { margin-top: 75px !important; }
.margin-top-80 { margin-top: 80px !important; }
.margin-top-85 { margin-top: 85px !important; }
.margin-top-90 { margin-top: 90px !important; }
.margin-top-95 { margin-top: 95px !important; }
.margin-top-100 { margin-top: 100px !important; }
.margin-top-105 { margin-top: 105px !important; }
.margin-top-110 { margin-top: 110px !important; }
.margin-top-115 { margin-top: 115px !important; }
.margin-top-120 { margin-top: 120px !important; } .margin-bottom-0  { margin-bottom: 0 !important; }
.margin-bottom-5  { margin-bottom: 5px !important; }
.margin-bottom-10 { margin-bottom: 10px !important; }
.margin-bottom-15 { margin-bottom: 15px !important; }
.margin-bottom-20 { margin-bottom: 20px !important; }
.margin-bottom-25 { margin-bottom: 25px !important; }
.margin-bottom-30 { margin-bottom: 30px !important; }
.margin-bottom-35 { margin-bottom: 35px !important; }
.margin-bottom-40 { margin-bottom: 40px !important; }
.margin-bottom-45 { margin-bottom: 45px !important; }
.margin-bottom-50 { margin-bottom: 50px !important; }
.margin-bottom-55 { margin-bottom: 55px !important; }
.margin-bottom-55 { margin-bottom: 55px !important; }
.margin-bottom-55 { margin-bottom: 55px !important; }
.margin-bottom-55 { margin-bottom: 55px !important; }
.margin-bottom-60 { margin-bottom: 60px !important; }
.margin-bottom-65 { margin-bottom: 65px !important; }
.margin-bottom-70 { margin-bottom: 70px !important; }
.margin-bottom-75 { margin-bottom: 75px !important; }
.margin-bottom-80 { margin-bottom: 80px !important; }
.margin-bottom-85 { margin-bottom: 85px !important; }
.margin-bottom-90 { margin-bottom: 90px !important; }
.margin-bottom-95 { margin-bottom: 95px !important; }
.margin-bottom-100 { margin-bottom: 100px !important; } .margin-left-0  { margin-left: 0 !important; }
.margin-left-1  { margin-left: 1px !important; }
.margin-left-2  { margin-left: 2px !important; }
.margin-left-3  { margin-left: 3px !important; }
.margin-left-4  { margin-left: 4px !important; }
.margin-left-5  { margin-left: 5px !important; }
.margin-left-6  { margin-left: 6px !important; }
.margin-left-7  { margin-left: 7px !important; }
.margin-left-8  { margin-left: 8px !important; }
.margin-left-9  { margin-left: 9px !important; }
.margin-left-10 { margin-left: 10px !important; }
.margin-left-15 { margin-left: 15px !important; }
.margin-left-20 { margin-left: 20px !important; }
.margin-left-25 { margin-left: 25px !important; }
.margin-left-30 { margin-left: 30px !important; }
.margin-left-35 { margin-left: 35px !important; }
.margin-left-40 { margin-left: 40px !important; }
.margin-left-45 { margin-left: 45px !important; }
.margin-left-50 { margin-left: 50px !important; }
.margin-left-55 { margin-left: 55px !important; }
.margin-left-60 { margin-left: 60px !important; }
.margin-left-65 { margin-left: 65px !important; }
.margin-left-70 { margin-left: 70px !important; }
.margin-left-75 { margin-left: 75px !important; }
.margin-left-80 { margin-left: 80px !important; }
.margin-left-85 { margin-left: 85px !important; }
.margin-left-90 { margin-left: 90px !important; }
.margin-left-95 { margin-left: 95px !important; }
.margin-left-100 { margin-left: 100px !important; } .margin-right-0  { margin-right: 0 !important; }
.margin-right-1  { margin-right: 1px !important; }
.margin-right-2  { margin-right: 2px !important; }
.margin-right-3  { margin-right: 3px !important; }
.margin-right-4  { margin-right: 4px !important; }
.margin-right-5  { margin-right: 5px !important; }
.margin-right-6  { margin-right: 6px !important; }
.margin-right-7  { margin-right: 7px !important; }
.margin-right-8  { margin-right: 8px !important; }
.margin-right-9  { margin-right: 9px !important; }
.margin-right-10 { margin-right: 10px !important; }
.margin-right-15 { margin-right: 15px !important; }
.margin-right-20 { margin-right: 20px !important; }
.margin-right-25 { margin-right: 25px !important; }
.margin-right-30 { margin-right: 30px !important; }
.margin-right-35 { margin-right: 35px !important; }
.margin-right-40 { margin-right: 40px !important; }
.margin-right-45 { margin-right: 45px !important; }
.margin-right-50 { margin-right: 50px !important; }
.margin-right-55 { margin-right: 55px !important; }
.margin-right-60 { margin-right: 60px !important; }
.margin-right-65 { margin-right: 65px !important; }
.margin-right-70 { margin-right: 70px !important; }
.margin-right-75 { margin-right: 75px !important; }
.margin-right-80 { margin-right: 80px !important; }
.margin-right-85 { margin-right: 85px !important; }
.margin-right-90 { margin-right: 90px !important; }
.margin-right-95 { margin-right: 95px !important; }
.margin-right-100 { margin-right: 100px !important; } .padding-top-0  { padding-top: 0 !important; }
.padding-top-1  { padding-top: 1px !important; }
.padding-top-2  { padding-top: 2px !important; }
.padding-top-3  { padding-top: 3px !important; }
.padding-top-4  { padding-top: 4px !important; }
.padding-top-5  { padding-top: 5px !important; }
.padding-top-6  { padding-top: 6px !important; }
.padding-top-7  { padding-top: 7px !important; }
.padding-top-8  { padding-top: 8px !important; }
.padding-top-9  { padding-top: 9px !important; }
.padding-top-10 { padding-top: 10px !important; }
.padding-top-15 { padding-top: 15px !important; }
.padding-top-20 { padding-top: 20px !important; }
.padding-top-25 { padding-top: 25px !important; }
.padding-top-30 { padding-top: 30px !important; }
.padding-top-35 { padding-top: 35px !important; }
.padding-top-40 { padding-top: 40px !important; }
.padding-top-45 { padding-top: 45px !important; }
.padding-top-50 { padding-top: 50px !important; }
.padding-top-55 { padding-top: 55px !important; }
.padding-top-60 { padding-top: 60px !important; }
.padding-top-65 { padding-top: 65px !important; }
.padding-top-70 { padding-top: 70px !important; }
.padding-top-75 { padding-top: 75px !important; }
.padding-top-80 { padding-top: 80px !important; }
.padding-top-85 { padding-top: 85px !important; }
.padding-top-90 { padding-top: 90px !important; }
.padding-top-95 { padding-top: 95px !important; }
.padding-top-100 { padding-top: 100px !important; }
.padding-top-105 { padding-top: 105px !important; }
.padding-top-110 { padding-top: 110px !important; }
.padding-top-115 { padding-top: 115px !important; }
.padding-top-120 { padding-top: 120px !important; } .padding-bottom-0  { padding-bottom: 0 !important; }
.padding-bottom-5  { padding-bottom: 5px !important; }
.padding-bottom-10 { padding-bottom: 10px !important; }
.padding-bottom-15 { padding-bottom: 15px !important; }
.padding-bottom-20 { padding-bottom: 20px !important; }
.padding-bottom-25 { padding-bottom: 25px !important; }
.padding-bottom-30 { padding-bottom: 30px !important; }
.padding-bottom-35 { padding-bottom: 35px !important; }
.padding-bottom-40 { padding-bottom: 40px !important; }
.padding-bottom-45 { padding-bottom: 45px !important; }
.padding-bottom-50 { padding-bottom: 50px !important; }
.padding-bottom-55 { padding-bottom: 55px !important; }
.padding-bottom-55 { padding-bottom: 55px !important; }
.padding-bottom-55 { padding-bottom: 55px !important; }
.padding-bottom-55 { padding-bottom: 55px !important; }
.padding-bottom-60 { padding-bottom: 60px !important; }
.padding-bottom-65 { padding-bottom: 65px !important; }
.padding-bottom-70 { padding-bottom: 70px !important; }
.padding-bottom-75 { padding-bottom: 75px !important; }
.padding-bottom-80 { padding-bottom: 80px !important; }
.padding-bottom-85 { padding-bottom: 85px !important; }
.padding-bottom-90 { padding-bottom: 90px !important; }
.padding-bottom-95 { padding-bottom: 95px !important; }
.padding-bottom-100 { padding-bottom: 100px !important; }
.opacity-1 { opacity: 1 }
.opacity-05 { opacity: 0.5; transition: opacity 0.3s }
.opacity-00 { opacity: 0 }   @media only screen and (min-width: 1240px) { } @media (max-width: 1239px) {
#map-container.homepage-map { height: 480px; } 
#header.cloned { display: none; }
.icon-box-1.alternative:after { display: none; }
.fullwidth-layout.list-layout .listing-content { flex: 3; }
.fullwidth-layout.list-layout .listing-img-container { flex: 1.5; }
.fullwidth-layout .list-layout .listing-content { flex: 3; }
.fullwidth-layout .list-layout .listing-img-container { flex: 1.5; }
.listing-item.compact li { padding: 15px 15px 0 0; font-size: 13px; line-height: 18px; }
.listing-item.compact li span { font-size: 13px; }
.listing-img-content span { font-size: 19px; }
.compact .listing-img-content .listing-compact-title  { padding: 18px 23px;  }
.compact .listing-img-content .listing-compact-title i { font-size: 15px; margin: 1px 0 0 0; }
.compact .listing-img-container:before { background: linear-gradient(to bottom, transparent 50%, #2f2f2f); }
#navigation.style-1 {
margin: 30px 0 10px -5px;
width: 100%;
padding-top: 25px;
position: relative;
}
#navigation.style-1:before {
position: absolute;
width: 940px;
height: 1px;
display: block;
top:0;
left: 5px;
content: "";
background: #e0e0e0;
}
.fullwidth-home-slider .slick-prev {
right: 75px;
left: initial;
}
.fullwidth-home-slider .slick-next {
right: 20px;
left: initial;
}
.fullwidth-home-slider .slick-prev,
.fullwidth-home-slider .slick-next {
border-radius: 3px;
top: 20px;
transform: none;
opacity: 1;
transform: translate(0, 0);
}
.fullwidth-home-slider:hover .slick-prev,
.fullwidth-home-slider:hover .slick-next {
transform: translate(0, 0);
}
.property-slider.default .item { height: 500px; }
.listing-features { padding: 24px 30px 24px 30px; }
.listing-features li {
color: #888;
margin-right: 25px;
padding: 0;
}
.listing-features li span {
display: inline-block;
color: #444;
margin-left: 3px;
}
} @media (max-width: 991px) {
.about-author img.avatar {
position: static;
}
#navigation.style-2.cloned {
display: none;
}
#backtotop { display: none; opacity: 0; visibility: hidden; }
a.grid-three { display: none; }
.grid-layout-three {
left: -1.5%;
width: 103%;
}
.grid-layout-three .listing-item {
width: 47%;
margin-left: 1.5%;
margin-right: 1.5%;
}
.fullwidth-layout.list-layout .listing-content { flex: 3; }
.fullwidth-layout.list-layout .listing-img-container { flex: 2; }
.fullwidth-layout .list-layout .listing-content { flex: 3; }
.fullwidth-layout .list-layout .listing-img-container { flex: 2; }
.listing-item.compact .listing-hidden-content { height: 70px; }
.listing-item.compact .listing-hidden-content li { opacity: 1; }
.compact .listing-img-container:before { transform: translateY(-70px); }
.fullwidth-property-slider .item { height: 400px; }
.fullwidth-property-slider .slick-prev { left: 40px; }
.fullwidth-property-slider .slick-next { right: 40px; }
.contact-map .address-box-container { width: 50%; height: 400px; }
#navigation.style-1 {
margin: 0;
width: 100%;
padding-top: 0px;
position: relative;
}
#navigation.style-1:before { display: none; }
.main-search-form {
width: 100%;
display: block;
margin: 0 auto;
position: relative;
margin-top: 35px;
}
.search-container { padding: 120px 0;}
.search-container .chosen-container-single { margin-bottom: 15px; }
section.fullwidth .blog-post {  margin: 15px 0; }
.counter-box-icon { margin: 45px 0; }
#counters { padding: 30px 0 20px 0; }
.counter-box::after { display: none; }
.flip-banner-content .flip-hidden,
.flip-banner-content .flip-visible {
padding: 0 50px;
font-size: 27px;
line-height: 38px;
}
.flip-banner-content .flip-hidden { padding: 0; }
.search-container .row.with-forms div { margin-bottom: 14px; min-height: 55px;}
.overflow-hidden { overflow: visible; }
.fs-container {height: 100% !important;}
.fs-inner-container:first-child,
.fs-inner-container {  width: 100%; }
.fs-content {  overflow: visible; }
.fs-container #map-container { height: 440px; }
#top-bar .left-side { width: 70%; }
#top-bar .right-side { width: 30%; }
#top-bar .right-side .social-icons { float: right; }
.submit-page, #titlebar.submit-page h2 { padding: 0; }
.property-features {
columns: 2;
-webkit-columns: 2;
-moz-columns: 2;
}
.property-slider.default .item { height: 400px; }
.sidebar.right { padding-left: 0; margin-top: 55px; } .pagination-next-prev a.next,
.pagination-next-prev a.prev {
position:relative;
top: 0;
}
.pagination {  text-align: left; }
.pagination li {  text-align: center; }
.pagination-next-prev ul { padding: 15px 0 0 0; }
.pagination-next-prev li { display: inline-block }
.my-profile { padding-right: 20px; }
.sidebar.left { padding-right: 0; }
} @media (max-width: 767px) {
#map-container .main-search-container { width: 100%; }
#map-container.homepage-map { height: 720px; }
#map-container.homepage-map #mapnav-buttons { bottom: 70px; left: 15px;}
#map-container .main-search-input button.button {
width: 100%;
margin-left: 0;
margin-bottom: 15px;
margin-top: 0;
flex: 1;
}
.manage-table .title-container img,
.expire-date { display: none; } .pricing-container { display: block; }
.plan.featured { transform: none; }
.plan { margin-bottom: 35px; } .comment-by a.comment-reply-link {
width: 25px;
overflow: hidden;
height: 30px;
}
.add-comment input { width: 100%; }
.comment-by a.comment-reply-link i { position: relative; right: 5px; font-size: 11px; }
.blog-page .blog-post .post-content,
.single-post .post-content {
padding: 26px 33px;
}
#posts-nav li {
position: relative;
width: 100%;
}
#posts-nav li a { padding: 0 !important; }
#posts-nav li a::before { display: none;}
#posts-nav li.next-post {text-align: left; margin-bottom: 30px;}
.about-author img { display: none; }
.about-description { margin: 0; }
.comments ul li ul { margin: 0;  }
div.avatar img {  max-width: 60px;  }
.comment-content {   padding: 0 0 0 85px; }
.comments ul li ul li::before { top: 25px; }
.about-author img { display: block; position: relative; float: none; }
.about-description { margin-left: 0; margin-top: 25px; }
.property-features {
columns: 1;
-webkit-columns: 1;
-moz-columns: 1;
}
a.back-to-listings { display: none; }
.property-title {
margin-left: 0px;
margin-bottom: 0px;
}
.property-pricing {
left: 0px;
margin-top: 20px;
position: relative;
text-align: left;
transform: translateY(0%);
} #top-bar,
#top-bar .container { width: 100%; padding: 0; }
#top-bar .left-side { padding: 0 15px;  background: linear-gradient(to top, rgba(0,0,0,0.07) 0%, transparent); }
#top-bar .left-side,
#top-bar .right-side { width: 100%; }
#top-bar .right-side .social-icons { float: left; }
.sidebar.right { padding-left: 0; margin-top: 55px; }
.parallax #titlebar { padding: 50px 0; }
#titlebar { padding: 40px 0; }
#breadcrumbs {
position: relative;
right: 0;
top: 0;
transform: none;
width: 100%;
padding: 0;
margin-top: 0px;
}
.compact .listing-img-container:hover:before { opacity: 1 !important; }
.compact .listing-img-container:hover:after { opacity:0 !important; }
#breadcrumbs ul { padding: 0; }
#breadcrumbs ul li:first-child { margin: 0 0 0 0px; }
.counter-box {
margin: 45px 0;
padding-bottom: 0px;
border-bottom: 1px solid rgba(255,255,255,0.2);
border-radius: 0;
}
.fullwidth .headline-box {
transform: translate3d(0%,-50%,0);
margin-left: 0;
width: calc(100% - 60px);
margin: 0 15px;
}
.search-container { padding: 100px 0;}
.main-search-input { width: 100%; display: block }
.listing-footer span { display: none; }
.main-search-input button.button {
margin-left: 0;
margin-top: 15px;
}
.main-search-box.no-shadow 	.main-search-input button.button { margin-bottom: 30px; }
.search-type { width: 100%; }
.search-type label {
width: 100%;
margin-bottom: 10px;
}
.parallax-content { padding: 70px 0; }
.main-search-container h1,
.main-search-container h2 {
text-align: left;
font-size: 32px;
}
.search-container .main-search-input button.button,
.larger-input button.button,
.larger-input input {
width: 100%;
max-width: 100%;
margin-top: 18px;
margin-left: 0;
}
.layout-switcher { display: none; }
.grid-layout,
.grid-layout-three {
left: 0;
width: 100%;
}
.grid-layout .listing-item,
.grid-layout-three .listing-item {
width: 100%;
margin-left: 0;
margin-right: 0;
}
.list-layout .listing-item,
.fullwidth-layout.list-layout .listing-content { display: block; }
.fullwidth-layout.list-layout .listing-img-container { display: block;}
.fullwidth-layout .list-layout .listing-content { display: block; }
.fullwidth-layout .list-layout .listing-img-container { display: block;}
.list-layout .details.button.border { display: none; }
.list-layout .listing-title { padding-right: 30px; }
.property-slider-container .agent-widget {
position: relative;
top: 0;
right: 0px;
left: 0px;
transform: translateY(0);
z-index: 999;
width: auto;
}
.property-slider .item,
.property-slider.default .item  { height: 400px; }
.agent-page {
display: block;
padding-right: 30px;
}
.agent-page .agent-avatar,
.agent-page.long-content .agent-avatar { margin: 0; width: 100%; }
.agent-page { padding: 0; }
.agent-page .agent-contact-details { background: #f9f9f9; }
.agent-page.long-content .agent-avatar img,
.agent-page .agent-avatar img { border-radius: 3px 3px 0 0; margin: 0; }
.agent-page .agent-content { padding: 32px 32px 20px 32px;}
.contact-map { display: block; }
.contact-map .google-map-container { display: block; width: 100%; height: 380px; transform: translateY(330px); }
.contact-map .address-box-container{ display: block; width: 100%; height: 330px; transform: translateY(-380px);  }
.larger-input input { margin-top: 0;}
.search-container .input-with-icon-2.location a i {
right: 12px;
top: 6px;
transform: none;
background: #fff;
}
.search-container button.button {
margin-top: 20px;
}
.main-search-box  .button.fullwidth { margin-bottom: 20px; }
.main-search-box  .input-with-icon-2.location a i,
.sidebar .input-with-icon-2.location a i {
right: 12px;
top: 3px;
transform: none;
}
.nav-links div.nav-next a,
#posts-nav li.next-post a {
padding-right: 40px;
font-size: 14px;
line-height: 23px;
}
.about-author img.avatar {
margin-bottom: 20px;
}
.nav-links div.nav-previous a,
#posts-nav li.previous-post a {
padding-left: 40px;
font-size: 14px;
line-height: 23px;
}
}
@media (max-width: 480px) { 
.property-slider .item,
.property-slider.default .item  { height: 200px; }
}  .screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
word-wrap: normal !important; }
.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
color: #21759b;
display: block;
font-size: 14px;
font-size: 0.875rem;
font-weight: bold;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000; } #content[tabindex="-1"]:focus {
outline: 0;
} .alignleft {
display: inline;
float: left;
margin-right: 1.5em;
}
.alignright {
display: inline;
float: right;
margin-left: 1.5em;
}
.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
} .clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
content: "";
display: table;
table-layout: fixed;
}
.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
clear: both;
}  .post.sticky {
display: block;
background: #FCF0AD; 
padding:0px 30px;
}
.post.sticky .post-content {
border-bottom: 0px;
}
.blog-page .blog-post.sticky  .post-content{
background: #FCF0AD; 
}
.byline,
.updated:not(.published) {
display: none;
}
.single .byline,
.group-blog .byline {
display: inline;
}
.page-content,
.entry-content,
.entry-summary {
margin: 1.5em 0 0;
}
.page-links {
clear: both;
margin: 0 0 1.5em;
}
table {
width: 100%;
}
table th,
table td {
padding:15px 20px;
}
pre {
background: #f5f5f5;
color: #666;
font-family: monospace;
font-size: 14px;
margin: 20px 0;
overflow: auto;
padding: 20px;
white-space: pre;
white-space: pre-wrap;
word-wrap: break-word;
} .comment-content a {
word-wrap: break-word;
}
.bypostauthor {
display: block;
}  .infinite-scroll .posts-navigation, .infinite-scroll.neverending .site-footer { display: none;
} .infinity-end.neverending .site-footer {
display: block;
} .page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
border: none;
margin-bottom: 0;
margin-top: 0;
padding: 0;
} embed,
iframe,
object {
max-width: 100%;
} .wp-caption {
margin-bottom: 1.5em;
max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption .wp-caption-text {
margin: 0.8075em 0;
}
.wp-caption-text {
text-align: center;
} .gallery {
margin-bottom: 1.5em;
}
.gallery-item {
display: inline-block;
text-align: center;
vertical-align: top;
width: 100%;
}
.gallery-columns-2 .gallery-item {
max-width: 50%;
}
.gallery-columns-3 .gallery-item {
max-width: 33.33%;
}
.gallery-columns-4 .gallery-item {
max-width: 25%;
}
.gallery-columns-5 .gallery-item {
max-width: 20%;
}
.gallery-columns-6 .gallery-item {
max-width: 16.66%;
}
.gallery-columns-7 .gallery-item {
max-width: 14.28%;
}
.gallery-columns-8 .gallery-item {
max-width: 12.5%;
}
.gallery-columns-9 .gallery-item {
max-width: 11.11%;
}
.gallery-caption {
display: block;
}  button { outline: none; }
.mortgageCalc input,
.mortgageCalc input:focus {
border-radius: 3px;
padding-left: 65px;
margin-bottom: 0;
background-color: #fdfdfd;
border: 1px solid #e0e0e0;
transition: border 0.3s, box-shadow 0.3s, background-color 0.3s;
}
.mortgageCalc input:focus {
box-shadow: 0 0 12px rgba(0,0,0,0.05);
}
.mortgageCalc .calc-input {
position: relative;
height: 51px;
display: block;
margin-bottom: 15px;
}
.mortgageCalc .fa {
background: linear-gradient(to bottom, #f8f8f8 0%, #f0f0f0);
color: #999;
border-radius: 3px 0 0 3px;
top: 1px;
left: 1px;
position: absolute;
font-weight: normal;
font-size: 14px;
text-align: center;
padding: 0;
margin: 0;
width: 49px;
line-height: 49px;
height: 49px;
border-right: 1px solid #e0e0e0;
}
.mortgageCalc button.button {
margin: 8px 0 10px 0;
display: inline-block;
}
.mortgageCalc .calc-output-container {
opacity: 0;
width: 100%;
max-height: 0;
overflow: hidden;
margin-bottom: 0;
padding: 0;
transition: opacity 0.3s, max-height 0.7s;
}
.mortgageCalc .calc-output-container .notification { margin: 15px 0 10px 0; }
.pick-price.tip {
position: absolute;
left: auto;
top: 11px;
right: 15px;
cursor: pointer;
z-index: 10;
height: 28px;
width: 28px;
line-height: 28px;
font-size: 14px;
background-color: transparent;
background: linear-gradient(to bottom, #eee 0%, #e9e9e9);
color: #444;
border-radius: 3px;
}
.pick-price.tip .tip-content {
min-width: auto;
max-width: auto;
white-space: nowrap;
padding: 8px 12px;
}
.pick-price.tip:after {
font-family: "FontAwesome";
content: "\f24d";
line-height: 28px;
}
@media (max-width: 1366px) {
.pick-price.tip .tip-content {
transform: translate(-100%, calc(-100% - 10px));
left: 28px;
}
.pick-price.tip:hover .tip-content {
transform: translate(-100%, calc(-100% - 10px));
}
.pick-price.tip .tip-content:after {
left: auto;
right: 1px;
}
}  .compare-slide-menu {
position: fixed;
top: 0;
transition: 0.4s ease-in-out;
z-index: 99999;
height: 100vh;
background-color: #fff;
right: -320px;
width: 320px;
padding: 0;
box-shadow: 0 0 25px rgba(0,0,0,0.1);
}
.csm-content {
overflow-y: scroll;
height: 100%;
width: 340px;
}
.compare-slide-menu.active { right: 0; } .compare-button {
color: #fff;
font-size: 20px;
position: absolute;
z-index: 101;
outline: none;
border: none;
right: 64px;
bottom: 27px;
background-color: transparent;
width: 28px;
height: 28px;
display: block;
background-image: url(//www.merolacostruzioni.it/wp-content/themes/merola/images/compare-icon.svg);
background-repeat: no-repeat;
background-size: 28px;
}
span.like-icon {
width: 23px; 
height: 26px;
bottom: 28px !important;
}
.like-icon .tip-content,
.compare-button .tip-content {
padding: 7px 12px;
min-width: auto;
max-width: auto;
white-space: nowrap;
left: -10px;
top: -5px;
z-index: 110;
transform: translate(-105%, 0);
transition: 0.2s ease-in-out 0.05s;
}
.like-icon:hover .tip-content,
.compare-button:hover .tip-content {
opacity: 1;
visibility: visible;
transform: translate(-100%, 0);
background-color: #fff;
color: #333;
} .widget-button.with-tip i.icon-compare {
outline: none;
border: none;
background-color: transparent;
width: 21px;
height: 21px;
display: inline-block;
background-image: url(//www.merolacostruzioni.it/wp-content/themes/merola/images/compare-icon-black.svg);
background-repeat: no-repeat;
background-size: 21px;
position: relative;
top: 4px;
left: 2px;
}
.widget-button.with-tip i {
top: 0; 
line-height: 41px;
color: #333;
left: 2px;
opacity: 0.9;
font-size: 18px;
}
.widget-button.with-tip i.fa.fa-star-o {
font-size: 20px;
left: 2px;
top: 1px;
}
.widget-button.with-tip.liked i.fa.fa-star:before,
.widget-button.with-tip.liked i.fa.fa-star-o:before {
content: "\f005";
color: #ffb400;
}
.widget-button.with-tip {
height: 41px;
text-align: center;
width: 41px;
float: left;
background-color: #f0f0f0;
background: linear-gradient(to bottom, #f4f4f4 0%, #f0f0f0);
border-radius: 3px;
margin-right: 5px;
display: inline-block;
}
.widget-button .tip-content {
padding: 7px 12px;
min-width: auto;
max-width: auto;
white-space: nowrap;
}
.widget-button:hover .tip-content {
opacity: 1;
visibility: visible;
transform: translate(-50%, calc(-100% - 10px));
-ms-transform: translate(-50%, -115%);
} .like-icon:hover,
.compare-button:hover {
z-index: 110;
}
.like-icon .tip-content:after,
.compare-button .tip-content:after {
font-family: "FontAwesome";
content: "\f0da";
position: absolute;
top: 50%;
bottom: auto;
left: auto;
right: -4px;  
font-size: 17px;
color: #fff;
opacity: 0;   
transition: opacity 0.2s ease-in-out;
transform: translate(0%,-50%);
}
.like-icon:hover .tip-content:after,
.compare-button:hover .tip-content:after {
opacity: 1;
} .csm-trigger {
position: absolute;
top: 50%;
transform: translateY(-50%);
left: -50px;
width: 50px;
background-color: #66676b;
color: #fff;
border-radius: 3px 0 0 3px;
text-align: center;
line-height: 50px;
height: 50px;
font-size: 24px;
cursor: pointer;
}
.csm-trigger:before {
content: "\f104";
font-family: "FontAwesome";
display: inline-block;
transition: 0.3s ease-in-out;
}
.compare-slide-menu.active .csm-trigger:before { transform: rotate(180deg); } .csm-mobile-trigger {
position: absolute;
cursor: pointer;
font-size: 18px;
right: 30px;
top: 26px;
color: #fff;
z-index: 100;
padding: 5px 0 5px 5px;
display: none;
}
.csm-mobile-trigger:before {
content: "\f00d";
font-family: "FontAwesome";
} .csm-properties {
padding: 30px;
padding-bottom: 0;
}
.csm-properties .listing-img-container img { height: 100%; object-fit: cover }
.csm-content h4 {
font-size: 18px;
display: block;
margin: 0 0 0 0;
padding: 30px;
position: relative;
background-color: #66676b;
color: #fff;
width: 100%;
}
.csm-content h4:before {
background: linear-gradient(to top, transparent 20%, rgba(255,255,255,0.08));
height: 100%;
width: 100%;
position: absolute;
top: 0;
left: 0;
content: "";
z-index: 10;
display: block;
}
.csm-content .listing-item.compact {
padding: 0;
height: 180px;
}
.csm-content .compact .listing-img-content .listing-compact-title {
padding: 12px 20px;
font-size: 16px;
line-height: 22px;
background: rgba(74,74,76,0.5);
transition: 0.3s;
}
.csm-content .compact .listing-img-content span {
color: #fff;
}
.csm-content .compact .listing-img-content .listing-compact-title i {
font-size: 13px;
padding: 0;
margin:  0;
opacity: 0.8;
}
.csm-content .listing-badges span {
color: #fff;
padding: 0 7px;
top: 15px;
line-height: 24px;
right: 15px;
font-size: 12px;
background: rgba(74,74,76,0.62);
}
.csm-content .compact .listing-img-container:after { display: none; }
.csm-content .compact .listing-img-container:before { opacity: 0.7 !important; } .csm-buttons {
padding: 0 30px;
padding-bottom: 30px;
}
.csm-buttons a.button {
padding: 6px 14px;
font-size: 14px;
}
.csm-buttons a.button.reset:before { display: none; }
.csm-buttons a.button.reset,
.csm-buttons a.button.reset:hover {
background-color: #ffeaea;
color: #d53232;
} .remove-from-compare {
position: absolute;
top: 15px;
left: 15px;
height: 25px;
font-size: 16px;
width: 25px;
line-height: 26px;
border-radius: 3px;
text-align: center;
color: #fff;
background-color: #d43e3e;
-webkit-text-stroke: 1px #d43e3e;
opacity: 0;
z-index: 1001;
transition: 0.25s ease-in-out;
transform: scale(0.8);
}
.compact:hover .remove-from-compare { opacity: 1; transform: scale(1); } @media (max-width: 992px) {
.csm-content .compact:hover .listing-img-container:before,
.csm-content .compact .listing-img-container:before {
opacity: 0 !important;
}
.remove-from-compare { opacity: 1; transform: scale(1); }
.csm-mobile-trigger { display: block; }
.compare-slide-menu {
width: 100%;
right: -100%;
}
.csm-content { width: 100%; }
}  #compare-list {
list-style: none;
margin-bottom: 20px;
}
#compare-list li {
display: flex;
line-height: 21px;
background-color: #f8f8f8;
border-radius: 4px;
transition: 0.3s;
}
#compare-list li:nth-child(odd) { background-color: #fff; }
#compare-list li.compare-list-properties div {
border: none;
padding: 0 10px;
border-radius: 4px;
overflow: hidden;
}
#compare-list li.compare-list-properties div img {
border-radius: 4px;
}
body #compare-list li .clp-title {
padding: 20px 15px;
padding-bottom: 15px;
display: inline-block;
width: 100%;
border-left: 1px solid transparent;
}
#compare-list li.compare-list-properties div.clp-img { padding: 0; position: relative; z-index: 10; }
#compare-list li.compare-list-properties div a:hover .remove-from-compare { opacity: 1; transform: scale(1); }
body #compare-list li div:last-child .clp-title { border-right: 1px solid transparent; }
#compare-list li .clp-title h4 { margin: 3px 0 6px 0; } 
#compare-list li div:first-child {
border-left: 1px solid transparent;
color: #333;
text-align: right;
text-transform: uppercase;
font-size: 13px;
}
#compare-list li:last-child { border-radius: 0 0 4px 4px; }
#compare-list li div.blank-div { background-color: #fff; border: none; }
#compare-list li div {
flex: 1;
border-right: 1px solid transparent;
padding: 15px 25px;
color: #777;
text-align: center;
}
#compare-list li { border-bottom: 1px solid transparent; }
body #compare-list li .clp-title,
body #compare-list li div:last-child .clp-title,
#compare-list li div:first-child,
#compare-list li div,
#compare-list li {
border-color: transparent;
}
#compare-list .available,
#compare-list .not-available {
width: 100%;
text-align: center;
display: inline-block;
}
#compare-list .available:before,
#compare-list .not-available:before {
content: "\f00c";
color: #2ab160;
font-size: 18px;
font-family: "FontAwesome";
display: inline-block;
}
#compare-list .not-available:before {
content: "\f00d";
color: #d43e3e;
} @media (max-width: 992px) {
.compare-list-container { overflow-x: scroll; }
#compare-list {
min-width: 900px;
zoom: 0.8;
}
.remove-from-compare { display: block; }
} body .parallax { background-size: cover; }
#avatar-uploader.dropzone .dz-preview .dz-image img { width: 100% } .left-sidebar .properties-column-content {
float: right;
}
.left-sidebar .blog-page .col-md-8 {
float: right;
}
.fm-inner-container {
display: flex;
margin-bottom: 0px;
display: none;
}
.active .fm-inner-container { display: flex; }
.fm-inner-container .fm-image {
flex: 1;
max-width: 200px;
height: auto;
}
.fm-inner-container .fm-inputs {
flex: 1;
padding: 0 0 0 25px;
}  .floor_dropzone {
cursor: pointer;
width: 190px;
height: 195px;
margin-bottom: 0;
}
.floor_dropzone.dropzone .dz-preview {
margin: 0;
min-height: 100px;
width: 100%;
}
.floor_dropzone.dropzone .dz-preview .dz-image {
width: 100%;
}
.floor_dropzone.dropzone .dz-preview .dz-success-mark, .dropzone .dz-preview .dz-error-mark {
margin-top: -44px;
}
.floor_dropzone.dropzone .dz-preview .dz-image img {
width: 100%;
object-fit: fill;
height: 100%;
}
body .add-pricing-submenu.button, body .add-floorplans-submit-item.button {
margin-top: -17px;
}
.floor_dropzone.dropzone .dz-message {
margin: 0;
font-size: 16px;
line-height: 15px;
top: 50%;
transform: translateY(-50%);
}
.floor_dropzone.dropzone .dz-message span i {
margin-bottom: 10px;
} .ui-menu {
font-size: 16px;
margin: 0;
list-style: none;
overflow: hidden;
position: absolute;
z-index: 10000;
display: none;
background: #f8f8f8;
color: #a6a6a6;
width: 260px;
padding: 0px;
border: 1px solid #e0e0e0;
}
.ui-menu li.ui-menu-item {
padding: 15px;
white-space: nowrap;
overflow: hidden;
text-align: left;
line-height: 26px;
}
.ui-menu li.ui-menu-item.ui-state-focus {
cursor: pointer;
background: #f2f2f2;
width: 100%;
-webkit-transition: all 0.1s ease-in-out;
-moz-transition: all 0.1s ease-in-out;
-o-transition: all 0.1s ease-in-out;
-ms-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
border: 0px;
}
.ac_match {
font-weight: 700;
color: #606060;
}
body .pac-item {
font-size: 12px;
color: #999;
cursor: pointer;
transition: 0.2s;
padding: 5px 15px;
}
body .pac-container {
border-radius: 0 0 3px 3px;
box-shadow: none;
border: 1px solid #e0e0e0;
border-top: none;
box-sizing: content-box;
margin-top: -2px;
}
body.page-template-template-home .pac-container {
border: none;
margin-top: 0;
box-shadow: 0 -2px 0px 0px #fff;
}
body .ui-menu {
border-bottom: none;
background: #fff;
border-radius: 0 0 3px 3px;
color: #888;
box-shadow: 0px -2px 0px 0px #fff;
font-weight: 500;
}
.ui-menu li.ui-menu-item {
padding: 8px 15px;
border-top: 1px solid #e8e8e8;
font-size: 13px;
background-color: #fff;
}
body .ui-menu li.ui-menu-item.ui-state-focus {
border-top: 1px solid #e8e8e8;
background: #fafafa;
color: #222;
} .property-slider-nav .item img { width: 100%; height: 100%; object-fit: cover; }
.property-slider-nav .item { height: 125px; } .listing-img-container img { object-fit: cover; }
@media (min-width: 768px)  {
.listing-img-container img { height: 260px; }
.grid-layout .listing-img-container img { height: 260px !important; }
}
@media (min-width: 992px)  {
.listing-img-container img { height: 260px; }
.grid-layout .listing-img-container img { height: 260px !important; }
.fs-listings .grid-layout .listing-img-container img { height: 220px !important; }
}
@media (min-width: 1240px) {
.listing-img-container img { height: 260px; }
.grid-layout .listing-img-container img { height: 260px !important; }
.fs-listings .grid-layout .listing-img-container img { height: 240px !important; }
}
@media (min-width: 1367px) {
.listing-img-container img { height: 300px; }
.grid-layout .listing-img-container img { height: 300px !important; }
.fs-listings .grid-layout .listing-img-container img { height: 300px !important; }
}
@media (max-width: 480px)  {
.listing-img-container img { height: 240px; }
.grid-layout .listing-img-container img { height: 240px !important; }
}
.map-box .listing-img-container img { height: 200px; }
.listing-item.compact { width: 100%; }
body .listing-item.compact li:nth-child(4),
body .listing-item.compact li:nth-child(5) { display: none; } .listing-footer a {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
max-width: 160px;
display: inline-block;
}
@media (max-width: 1366px) { .listing-footer a { max-width: 130px; } }
@media (max-width: 1240px) { .listing-footer a { max-width: 100px; } }
@media (max-width: 992px) { .listing-footer a { max-width: 150px; } }
@media (max-width: 768px) { .listing-footer a { max-width: 90%; } }
.list-layout .listing-footer a { max-width: auto; } body .screen-reader-text { height: 0; width: 0; } .blog-page .single-post .wp-post-image,
.blog-page .post-img img {
object-fit: cover;
width: 100%;
height: 450px;
}
@media (max-width: 1366px) { .blog-page .single-post .wp-post-image, .blog-page .post-img img { height: 380px; } }
@media (max-width: 480px) { .blog-page .single-post .wp-post-image, .blog-page .post-img img { height: 220px; } }
.findeo-related-posts .post-img img { height: auto; } .footer-widget li a { padding: 0 0 9px 4px; }
.footer-widget li a:hover { padding-left: 10px;  }  .parallax .search-container .select-input .select { left: 0; }
.parallax .search-container .data-unit { top: 27px; background-color: #fff; } #breadcrumbs { width: 50%; float: right; text-align: right }
#breadcrumbs li,
#breadcrumbs li span {margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; line-height: 24px}
@media (max-width: 768px) {
#breadcrumbs { width: 100%; float: right; text-align: left }
}
#edit_user #wp-description-editor-container input {
width: auto !important;
max-width: auto !important;
} body .alternative-imageboxes .img-box { height: 250px; }
body .alternative-testimonials .testimonial {
box-shadow: none;; 
background: #f5f5f5;
}
body .alternative-testimonials .testimonial:after { background: #f5f5f5; }
body .alternative-testimonials .testimonial:before {
text-shadow: none;
color: #f5f5f5;
} .main-video-container {
display: block;
width: 100%;
position: relative;
background-size: cover;
background-repeat: no-repeat;
background-position: 50%;
z-index: 9;
}
.video-container {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -10;
overflow: hidden;
} .dark-overlay .video-container:before {
content: "";
position: absolute;
height: 100%;
width: 100%;
display: block;
background: rgba(22,22,22,0.4); 
}
.main-video-container video {
top: 50%;
transform: translateY(-52%);
left: 0;
min-width: 100%;
min-height: 100%;
width: auto;
height: auto;
z-index: -10;
background-size: cover;
transition: 1s opacity;
position: absolute;
}
@media only screen and (max-width: 1680px) {
.search-container { padding: 150px 0;}
.parallax-content { padding: 80px 0; }
}
@media only screen and (max-width: 1367px) {
.search-container { padding: 120px 0;}
.parallax-content { padding: 60px 0; }
}
.gplus i:before {font-family: "FontAwesome" !important; content: "\f0d5" !important; }
.gplus:before { font-family: "FontAwesome" !important; content: "\f0d5" !important; }
.g-recaptcha {
margin-bottom: 10px;
}
@media (min-width: 1240px) { .header-widget { min-height: 55px; } }
input[type="file"]{
width: auto;
border: 0px;
background: transparent;
margin: 10px;
padding: 0px;
}
.remove-uploaded-file:hover {
color: #d42f33;
}
.realteo-uploaded-file-preview img{
display: block;
filter: blur(0px);
transition: all 0.4s;
height: auto;
max-width: 110px;
} .wp-social-login-connect-with {
display: none;
} .wp-social-login-provider-list {
padding: 0px;
}
.wp-social-login-provider-list a:before {
width: 100%;
height: 100%;
content: "";
display: block;
background-color: #fff;
position: absolute;
left: 0;
top: 0;
opacity: 0;
transition: all 0.2s;
}
.wp-social-login-provider-list a {
color: #fff;
width: 100%;
display: block;
text-align: center;
font-size: 13.5px;
outline: none;
margin-bottom: 10px;
top: 0;
padding: 10px 20px;
color: #fff;
position: relative;
font-weight: 500;
transition: all 0.2s ease-in-out;
cursor: pointer;
margin-right: 6px;
overflow: hidden;
border: none;
border-radius: 3px;
}
.wp-social-login-provider-list a i { padding-right: 4px;
}
.wp-social-login-provider:hover { color: #ffffff !important; } .wp-social-login-provider-facebook { background-color: #3b5998; }
.wp-social-login-provider-twitter  { background-color: #1ca1f2; }
.wp-social-login-provider-google   { background-color: #dd4b39; }
.wp-social-login-provider-yahoo    { background-color: #7f2db5; }  
.wp-social-login-provider-linkedin { background-color: #0e76a8; }  
.wp-social-login-provider-steam    { background-color: #171515; } .wp-social-login-provider-facebook:hover { background-color: #4162a8; }
.wp-social-login-provider-twitter:hover  { background-color: #25abfd; }
.wp-social-login-provider-google:hover   { background-color: #ef503d; } 
.wp-social-login-provider-yahoo:hover    { background-color: #9652c4; } 
.wp-social-login-provider-linkedin:hover { background-color: #0b5e85; } 
.wp-social-login-provider-steam:hover    { background-color: #171515; } 
.add-agent-2-agency-form {
position: relative;
} .ui-autocomplete { position: absolute; cursor: default; }       
.ui-autocomplete-loading { background: white url(//www.merolacostruzioni.it/wp-content/themes/merola/images/ui-anim_basic_16x16.gif) right center no-repeat; } * html .ui-autocomplete { width:1px; } .ui-helper-hidden-accessible { position: absolute; left:-999em; } .ui-menu {
list-style:none;
padding: 10px;
margin: 0;
display:block;
width:227px;
}
.ui-menu .ui-menu {
margin-top: -3px;
}
.ui-menu .ui-menu-item {
margin:0;
padding: 0;
width: 200px;
}
.ui-menu .ui-menu-item a {
text-decoration:none;
display:block;
padding:.2em .4em;
line-height:1.5;
zoom:1;
}
.ui-menu .ui-menu-item a.ui-state-hover,
.ui-menu .ui-menu-item a.ui-state-active {
margin: -1px;
}  .agent.agency {
margin-bottom: 30px;
}
.agent.agency .agent-avatar {  flex: 1; }
.my-agency-page table.manage-table {
margin-bottom: 50px;
}
.my-agency-page table.manage-table h4 {
margin: 0;
line-height: 22px;
}
.my-agency-page table.manage-table h4 a {
color: #333;
font-size: 17px;
}
.my-agency-page small {
border-radius: 3px;
padding: 6px 9px;
line-height: 20px;  
background-color: #f6f6f6;
color: #888;
font-size: 13px;
margin-top: 8px;
display: inline-block;
}
.my-agency-page small.publish {
background-color: #EBF6E0;
color: #5f9025;
}
input#add_agent { width: calc(100% - 70px); }
.my-agency-page #search-results ul.list-1 li { margin: 0 0 10px 0; padding: 0; }
.my-agency-page #search-results ul.list-1 li:before {display:none;}
.my-agency-page #search-results ul.list-1 li a {
border-radius: 3px;
background-color: #EBF6E0;
color: #5f9025;
padding: 8px 16px;
font-size: 14px;
display: inline-block;
line-height: 20px;
}
.my-agency-page #search-results ul.list-1 li a:before {
content: "\f055";
font-family: "FontAwesome";
margin-right: 8px;
margin-left: -3px;
}
.search_agent button.button {
text-align: center;
height: 47px;
width: 47px;
min-width: 47px;
padding: 0;
line-height: 47px;
padding-left: 4px;
}
.notification.stick-to-table {
margin-bottom: 0 !important;
border-radius: 3px 3px 0 0;
padding: 16px 20px;
border-bottom: 1px solid #fff;   
}
.search_agent #search-results-loading {
display: block;
position: absolute;
top: 0;
background: transparent;
height: 100%;
width: 100%;
background: #333;
left: 0;
line-height: 47px;
border-radius: 3px;
}
.search_agent #search-results-loading i {
padding: 0;
}
.agency-submit-edit .submit-section-header {
margin: 40px 0 40px 0;
padding-bottom: 30px;
border-bottom: 1px solid #e0e0e0;
font-size: 20px;
}
#agency_preview { margin-top: 30px; }
.agency-submit-edit input.input-text { margin-bottom: 30px; }
.add-new-agent-title {
color: #3184ae;
border-radius: 3px;
padding: 6px 14px;
margin-bottom: 10px;
display: inline-block;
line-height: 29px;
font-size: 14px;
background: linear-gradient(to left, rgb(255, 255, 255) 0%, #E9F7FE);
width: 100%;
}
.my-agency-page table.manage-table th { background: #f7f7f7; color: #666; }
.my-agency-page table.manage-table td:first-child {
padding-left: 20px;
min-width: 200px;
}
table.manage-table td.action a.confirm:hover { color: #178e17; }
table.manage-table td.action a.reject:hover { color: #f02929; }
body .agent.agency .social-icons li a {
border: 1px solid #e0e0e0;
height: 45px;
width: 45px;
border-radius: 4px;
top: 0 !important;
}
.agent.agency .social-icons {
left: 0;
margin: 7px 0 0px 0;
}
.agent.agency .agent-content { padding-bottom: 25px; }
.agent.agency .agent-name h4,
.agent.agency .agent-name h4 a { color: #333; }
.agent.agency .agent-name span { margin-top: 9px; font-size: 17px; }
.agent.agency .agent-name span i { margin-right: 2px; }
.agency-map #propertyMap { max-height: 300px; height: 300px; }
.agency-tabs .tabs-container { overflow: visible; }
.agency-tabs.style-1 .tabs-container .tab-content { padding-top: 45px; }
.my-agency-page ul.list-4 {
margin: 0 0 25px 0;
padding-top: 0;
border-bottom: 1px solid #eee;
padding-bottom: 15px;
}
.my-agency-page ul.list-4 small { margin-left: 10px }
.my-agency-page ul.list-4 li { margin: 0 0 10px 0; padding: 0; }
.my-agency-page ul.list-4 li:before {display:none;}
@media (min-width: 768px) {
.agent-page.agency .agent-avatar img {
margin: 32px;
border-radius: 3px;
}
.agent-page.agency .agent-avatar {
margin: 0 26px 0 0;
}
}
.my-agency-page ul.list-4 li a.remove-agent-list {
border-radius: 3px;
padding: 5px 14px;
line-height: 20px;
background-color: #ffe9e9;
color: #de5959;
font-size: 13px;
margin-top: 0px;
display: inline-block;
position: relative;
top: -1px;
margin-left: 4px;
}
.my-agency-page ul.list-4 li a:before {
content: "\f00d";
font-family: "FontAwesome";
margin-right: 6px;
margin-left: -2px;
}
#add_agent { width: 60%; float:left; height: 48px; margin-right: 10px; }
.my-agency-page .search_agent #search-results-loading,
.my-agency-page .search_agent #search-results {
clear: both;
}
.my-agency-page #search-results small {  
padding: 8px 16px;
font-size: 14px;  
margin: 0;
}
.my-agency-page .remove-agent-list small {
border-radius: 0;
padding: 0;
line-height: inherit;
background-color: transparent;
color: inherit;
font-size: inherit;
margin-top: 0;
display: inline-block;
border-left: 1px solid #eab2b2;
padding-left: 10px;
}
input:-webkit-autofill:focus,
input:-webkit-autofill {
-webkit-box-shadow: 0 0 0 30px #fcfcfc inset;
-webkit-text-fill-color: #888 !important;
} .walkscore .show-badge-content { padding: 0 !important; }
.walkscore .score-header h2 { font-size: 18px !important; color: #808080 !important; }
.list-layout.compact .listing-img-container { height: auto; }
@media (max-width: 768px) {.post-content { padding: 18px; }.post-content h3 a { font-size: 18px; } .post-content h3 { margin: 0; line-height: 27px; font-size: 18px; } .post-content a.read-more { margin-top: 0; }}
@media (max-width: 768px) {.findeo-post-grid-wrapper {width: calc(100vw - 30px); left: -22px; }}
.agent-avatar img.avatar {
max-height: 300px;
object-fit: cover;
}